reneco-hierarchized-picker 0.4.2 → 0.4.3-beta.2

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

@@ -312,10 +312,10 @@ Tree.prototype.bindEvent = function (ele) {
       return;
     const { target } = e;
     if (target.nodeName === 'SPAN' && (target.classList.contains('treejs-checkbox') || target.classList.contains('treejs-label'))) {
-      this.onItemClick(target.parentNode.nodeId);
+      this.onItemClick(target.parentNode.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'LI' && target.classList.contains('treejs-node')) {
-      this.onItemClick(target.nodeId);
+      this.onItemClick(target.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher')) {
       this.onSwitcherClick(target);
@@ -365,13 +365,16 @@ Tree.prototype.bindEvent = function (ele) {
     }
   }, false);
 };
-Tree.prototype.onItemClick = function (id) {
+Tree.prototype.onItemClick = async function (id, rightclick = false) {
   // 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();
-  this.options.parentApi.setNodeAsSelected(id, this, true);
+  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);
+  }
 };
 Tree.prototype.unCheckElement = function (id) {
   this.setValue(id);
@@ -17901,7 +17904,6 @@ function isInstanceOfIConf(object) {
       toret = false;
       errorToLog = "options.url value '" + object.url + "' doesn't meet interface IConf requirements, is wrongly formated or doesn't match option.source value";
     }
-    //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;
@@ -18778,7 +18780,7 @@ const HierarchizedPickerComponent = class {
     //   this.rawData = null;
     // }
     // this.ready = false;
-    //NOTE: This could work in a synchronous environment => 
+    //NOTE: This could work in a synchronous environment =>
     // reloadCurrentValues() {
     //   let savedValues = this.value;
     //   this.value = [];
@@ -18787,6 +18789,10 @@ const HierarchizedPickerComponent = class {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (oldValue && JSON.stringify(newValue.options) == JSON.stringify(oldValue.options)) {
+      this.ready = true;
+      return;
+    }
     if (typeof newValue == 'string')
       newValue = JSON.parse(newValue);
     if (typeof oldValue == 'string')
@@ -18879,6 +18885,33 @@ 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.getShortenedFullpath = (realFullpath) => {
+      var _a, _b, _c, _d;
+      let toret = realFullpath;
+      try {
+        const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
+        const property_value = this.optionsManager.getOptions().options[property_nodeid];
+        if (property_value in ["0", 0])
+          return toret;
+        if (isNumeric(property_value)) {
+          if (this.optionsManager.getOptions().origin == 'classification') {
+            const { Translations, Properties } = this.rawDataManager.getData();
+            const currentLanguage = this.optionsManager.getOptions().language;
+            toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
+          }
+          else {
+            const { fullpath, fullpathTranslated, title, valueTranslated } = this.rawDataManager.getData();
+            toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
+          }
+        }
+        else
+          this.errorToLog = "Error in getFullpath : startnode is not number";
+      }
+      catch (error) {
+        this.errorToLog = "Error in getFullpath " + error.toString();
+      }
+      return toret;
+    };
     this.options = undefined;
     this.valueChangeCallback = undefined;
     this.disabled = undefined;
@@ -19142,9 +19175,9 @@ const HierarchizedPickerComponent = class {
     }
   }
   // TODO > Celine would rather like the context (thesaurus or position) to be extracted another way
-  getContextualApiURL() {
+  getContextualApiURL(init = false) {
     const { options, url } = this.optionsManager.getOptions();
-    if (options.Reach) {
+    if (init && options.Reach) {
       // Use a base URL for relative paths
       const base = window.location.origin; // fallback for relative URLs
       const parsedUrl = new URL(url, base);
@@ -19153,16 +19186,17 @@ const HierarchizedPickerComponent = class {
       if (['thesaurus', 'position'].indexOf(dynamicType) == -1)
         dynamicType = pathSegments[pathSegments.length - 1];
       const newPathname = `/api/v1/classification/reach/${dynamicType}/${options.Reach}`;
-      this.optionsManager.dropReach();
       return `${parsedUrl.origin}${newPathname}`;
     }
     return url;
   }
-  getContextualApiParams(options = null, search = null) {
+  getContextualApiParams(options = null, search = null, init = false) {
     if (!options)
       options = this.optionsManager.getOptions().options;
     let optionsToReturn = Object.assign({}, options);
-    if (options.Reach) {
+    if (!init)
+      delete optionsToReturn.Reach;
+    if (optionsToReturn.Reach) {
       delete optionsToReturn.Reach;
       if ("startNode" in optionsToReturn) {
         optionsToReturn.startingnode = optionsToReturn.startNode;
@@ -19513,8 +19547,8 @@ const HierarchizedPickerComponent = class {
     if (!value)
       value = this.value;
     this.displayedValue = value.map(item => {
-      var _a;
-      return (_a = (this.optionsManager.getOptions().isFullpath ? item.fullpathTranslated : item.shortpathTranslated)) !== null && _a !== void 0 ? _a : `Node ${item.nodeid}`;
+      var _a, _b;
+      return (_b = (this.optionsManager.getOptions().isFullpath ? this.getShortenedFullpath((_a = item.fullpathTranslated) !== null && _a !== void 0 ? _a : item.fullpath) : item.shortpathTranslated)) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`;
     }).join(';');
   }
   // Search a value in the tree and triggers a search when necessary
@@ -19575,8 +19609,8 @@ const HierarchizedPickerComponent = class {
   loadDataForTree(init, loader) {
     if (this.optionsManager.getOptions().source == 'webservice') {
       if (this.optionsManager.getOptions().origin == 'classification') {
-        const contextualApiParams = this.getContextualApiParams();
-        const contextualApiURL = this.getContextualApiURL();
+        const contextualApiParams = this.getContextualApiParams(null, null, true);
+        const contextualApiURL = this.getContextualApiURL(true);
         this.rawDataManager.getFromClassification(contextualApiURL, contextualApiParams, loader).then((data) => {
           this.rawData = data;
           if (init) {
@@ -19701,7 +19735,7 @@ const HierarchizedPickerComponent = class {
       return "No selection";
     }
     return this.value
-      .map(item => { var _a, _b, _c; return (_c = (_b = (_a = item.fullpath) !== null && _a !== void 0 ? _a : item.fullpathTranslated) !== null && _b !== void 0 ? _b : item.shortpathTranslated) !== null && _c !== void 0 ? _c : `Node ${item.nodeid}`; })
+      .map(item => { var _a, _b; return (_b = (_a = this.getShortenedFullpath(item.fullpathTranslated)) !== null && _a !== void 0 ? _a : item.fullpath) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`; })
       .join('; ');
   }
   render() {

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

@@ -95,7 +95,7 @@ export class HierarchizedPickerComponent {
     //   this.rawData = null;
     // }
     // this.ready = false;
-    //NOTE: This could work in a synchronous environment => 
+    //NOTE: This could work in a synchronous environment =>
     // reloadCurrentValues() {
     //   let savedValues = this.value;
     //   this.value = [];
@@ -104,6 +104,10 @@ export class HierarchizedPickerComponent {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (oldValue && JSON.stringify(newValue.options) == JSON.stringify(oldValue.options)) {
+      this.ready = true;
+      return;
+    }
     if (typeof newValue == 'string')
       newValue = JSON.parse(newValue);
     if (typeof oldValue == 'string')
@@ -191,6 +195,33 @@ 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.getShortenedFullpath = (realFullpath) => {
+      var _a, _b, _c, _d;
+      let toret = realFullpath;
+      try {
+        const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
+        const property_value = this.optionsManager.getOptions().options[property_nodeid];
+        if (property_value in ["0", 0])
+          return toret;
+        if (isNumeric(property_value)) {
+          if (this.optionsManager.getOptions().origin == 'classification') {
+            const { Translations, Properties } = this.rawDataManager.getData();
+            const currentLanguage = this.optionsManager.getOptions().language;
+            toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
+          }
+          else {
+            const { fullpath, fullpathTranslated, title, valueTranslated } = this.rawDataManager.getData();
+            toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
+          }
+        }
+        else
+          this.errorToLog = "Error in getFullpath : startnode is not number";
+      }
+      catch (error) {
+        this.errorToLog = "Error in getFullpath " + error.toString();
+      }
+      return toret;
+    };
     this.options = undefined;
     this.valueChangeCallback = undefined;
     this.disabled = undefined;
@@ -457,9 +488,9 @@ export class HierarchizedPickerComponent {
     }
   }
   // TODO > Celine would rather like the context (thesaurus or position) to be extracted another way
-  getContextualApiURL() {
+  getContextualApiURL(init = false) {
     const { options, url } = this.optionsManager.getOptions();
-    if (options.Reach) {
+    if (init && options.Reach) {
       // Use a base URL for relative paths
       const base = window.location.origin; // fallback for relative URLs
       const parsedUrl = new URL(url, base);
@@ -468,16 +499,17 @@ export class HierarchizedPickerComponent {
       if (['thesaurus', 'position'].indexOf(dynamicType) == -1)
         dynamicType = pathSegments[pathSegments.length - 1];
       const newPathname = `/api/v1/classification/reach/${dynamicType}/${options.Reach}`;
-      this.optionsManager.dropReach();
       return `${parsedUrl.origin}${newPathname}`;
     }
     return url;
   }
-  getContextualApiParams(options = null, search = null) {
+  getContextualApiParams(options = null, search = null, init = false) {
     if (!options)
       options = this.optionsManager.getOptions().options;
     let optionsToReturn = Object.assign({}, options);
-    if (options.Reach) {
+    if (!init)
+      delete optionsToReturn.Reach;
+    if (optionsToReturn.Reach) {
       delete optionsToReturn.Reach;
       if ("startNode" in optionsToReturn) {
         optionsToReturn.startingnode = optionsToReturn.startNode;
@@ -828,8 +860,8 @@ export class HierarchizedPickerComponent {
     if (!value)
       value = this.value;
     this.displayedValue = value.map(item => {
-      var _a;
-      return (_a = (this.optionsManager.getOptions().isFullpath ? item.fullpathTranslated : item.shortpathTranslated)) !== null && _a !== void 0 ? _a : `Node ${item.nodeid}`;
+      var _a, _b;
+      return (_b = (this.optionsManager.getOptions().isFullpath ? this.getShortenedFullpath((_a = item.fullpathTranslated) !== null && _a !== void 0 ? _a : item.fullpath) : item.shortpathTranslated)) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`;
     }).join(';');
   }
   // Search a value in the tree and triggers a search when necessary
@@ -890,8 +922,8 @@ export class HierarchizedPickerComponent {
   loadDataForTree(init, loader) {
     if (this.optionsManager.getOptions().source == 'webservice') {
       if (this.optionsManager.getOptions().origin == 'classification') {
-        const contextualApiParams = this.getContextualApiParams();
-        const contextualApiURL = this.getContextualApiURL();
+        const contextualApiParams = this.getContextualApiParams(null, null, true);
+        const contextualApiURL = this.getContextualApiURL(true);
         this.rawDataManager.getFromClassification(contextualApiURL, contextualApiParams, loader).then((data) => {
           this.rawData = data;
           if (init) {
@@ -1016,7 +1048,7 @@ export class HierarchizedPickerComponent {
       return "No selection";
     }
     return this.value
-      .map(item => { var _a, _b, _c; return (_c = (_b = (_a = item.fullpath) !== null && _a !== void 0 ? _a : item.fullpathTranslated) !== null && _b !== void 0 ? _b : item.shortpathTranslated) !== null && _c !== void 0 ? _c : `Node ${item.nodeid}`; })
+      .map(item => { var _a, _b; return (_b = (_a = this.getShortenedFullpath(item.fullpathTranslated)) !== null && _a !== void 0 ? _a : item.fullpath) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`; })
       .join('; ');
   }
   render() {

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

@@ -180,10 +180,10 @@ Tree.prototype.bindEvent = function (ele) {
       return;
     const { target } = e;
     if (target.nodeName === 'SPAN' && (target.classList.contains('treejs-checkbox') || target.classList.contains('treejs-label'))) {
-      this.onItemClick(target.parentNode.nodeId);
+      this.onItemClick(target.parentNode.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'LI' && target.classList.contains('treejs-node')) {
-      this.onItemClick(target.nodeId);
+      this.onItemClick(target.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher')) {
       this.onSwitcherClick(target);
@@ -233,13 +233,16 @@ Tree.prototype.bindEvent = function (ele) {
     }
   }, false);
 };
-Tree.prototype.onItemClick = function (id) {
+Tree.prototype.onItemClick = async function (id, rightclick = false) {
   // 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();
-  this.options.parentApi.setNodeAsSelected(id, this, true);
+  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);
+  }
 };
 Tree.prototype.unCheckElement = function (id) {
   this.setValue(id);

package/dist/collection/utils/conf-helper.js

@@ -11,7 +11,6 @@ export function isInstanceOfIConf(object) {
       toret = false;
       errorToLog = "options.url value '" + object.url + "' doesn't meet interface IConf requirements, is wrongly formated or doesn't match option.source value";
     }
-    //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;

package/dist/custom-elements/index.js

@@ -309,10 +309,10 @@ Tree.prototype.bindEvent = function (ele) {
       return;
     const { target } = e;
     if (target.nodeName === 'SPAN' && (target.classList.contains('treejs-checkbox') || target.classList.contains('treejs-label'))) {
-      this.onItemClick(target.parentNode.nodeId);
+      this.onItemClick(target.parentNode.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'LI' && target.classList.contains('treejs-node')) {
-      this.onItemClick(target.nodeId);
+      this.onItemClick(target.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher')) {
       this.onSwitcherClick(target);
@@ -362,13 +362,16 @@ Tree.prototype.bindEvent = function (ele) {
     }
   }, false);
 };
-Tree.prototype.onItemClick = function (id) {
+Tree.prototype.onItemClick = async function (id, rightclick = false) {
   // 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();
-  this.options.parentApi.setNodeAsSelected(id, this, true);
+  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);
+  }
 };
 Tree.prototype.unCheckElement = function (id) {
   this.setValue(id);
@@ -17898,7 +17901,6 @@ function isInstanceOfIConf(object) {
       toret = false;
       errorToLog = "options.url value '" + object.url + "' doesn't meet interface IConf requirements, is wrongly formated or doesn't match option.source value";
     }
-    //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;
@@ -18775,7 +18777,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     //   this.rawData = null;
     // }
     // this.ready = false;
-    //NOTE: This could work in a synchronous environment => 
+    //NOTE: This could work in a synchronous environment =>
     // reloadCurrentValues() {
     //   let savedValues = this.value;
     //   this.value = [];
@@ -18784,6 +18786,10 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (oldValue && JSON.stringify(newValue.options) == JSON.stringify(oldValue.options)) {
+      this.ready = true;
+      return;
+    }
     if (typeof newValue == 'string')
       newValue = JSON.parse(newValue);
     if (typeof oldValue == 'string')
@@ -18877,6 +18883,33 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     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.getShortenedFullpath = (realFullpath) => {
+      var _a, _b, _c, _d;
+      let toret = realFullpath;
+      try {
+        const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
+        const property_value = this.optionsManager.getOptions().options[property_nodeid];
+        if (property_value in ["0", 0])
+          return toret;
+        if (isNumeric(property_value)) {
+          if (this.optionsManager.getOptions().origin == 'classification') {
+            const { Translations, Properties } = this.rawDataManager.getData();
+            const currentLanguage = this.optionsManager.getOptions().language;
+            toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
+          }
+          else {
+            const { fullpath, fullpathTranslated, title, valueTranslated } = this.rawDataManager.getData();
+            toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
+          }
+        }
+        else
+          this.errorToLog = "Error in getFullpath : startnode is not number";
+      }
+      catch (error) {
+        this.errorToLog = "Error in getFullpath " + error.toString();
+      }
+      return toret;
+    };
     this.options = undefined;
     this.valueChangeCallback = undefined;
     this.disabled = undefined;
@@ -19140,9 +19173,9 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     }
   }
   // TODO > Celine would rather like the context (thesaurus or position) to be extracted another way
-  getContextualApiURL() {
+  getContextualApiURL(init = false) {
     const { options, url } = this.optionsManager.getOptions();
-    if (options.Reach) {
+    if (init && options.Reach) {
       // Use a base URL for relative paths
       const base = window.location.origin; // fallback for relative URLs
       const parsedUrl = new URL(url, base);
@@ -19151,16 +19184,17 @@ const HierarchizedPickerComponent = class extends HTMLElement {
       if (['thesaurus', 'position'].indexOf(dynamicType) == -1)
         dynamicType = pathSegments[pathSegments.length - 1];
       const newPathname = `/api/v1/classification/reach/${dynamicType}/${options.Reach}`;
-      this.optionsManager.dropReach();
       return `${parsedUrl.origin}${newPathname}`;
     }
     return url;
   }
-  getContextualApiParams(options = null, search = null) {
+  getContextualApiParams(options = null, search = null, init = false) {
     if (!options)
       options = this.optionsManager.getOptions().options;
     let optionsToReturn = Object.assign({}, options);
-    if (options.Reach) {
+    if (!init)
+      delete optionsToReturn.Reach;
+    if (optionsToReturn.Reach) {
       delete optionsToReturn.Reach;
       if ("startNode" in optionsToReturn) {
         optionsToReturn.startingnode = optionsToReturn.startNode;
@@ -19511,8 +19545,8 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     if (!value)
       value = this.value;
     this.displayedValue = value.map(item => {
-      var _a;
-      return (_a = (this.optionsManager.getOptions().isFullpath ? item.fullpathTranslated : item.shortpathTranslated)) !== null && _a !== void 0 ? _a : `Node ${item.nodeid}`;
+      var _a, _b;
+      return (_b = (this.optionsManager.getOptions().isFullpath ? this.getShortenedFullpath((_a = item.fullpathTranslated) !== null && _a !== void 0 ? _a : item.fullpath) : item.shortpathTranslated)) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`;
     }).join(';');
   }
   // Search a value in the tree and triggers a search when necessary
@@ -19573,8 +19607,8 @@ const HierarchizedPickerComponent = class extends HTMLElement {
   loadDataForTree(init, loader) {
     if (this.optionsManager.getOptions().source == 'webservice') {
       if (this.optionsManager.getOptions().origin == 'classification') {
-        const contextualApiParams = this.getContextualApiParams();
-        const contextualApiURL = this.getContextualApiURL();
+        const contextualApiParams = this.getContextualApiParams(null, null, true);
+        const contextualApiURL = this.getContextualApiURL(true);
         this.rawDataManager.getFromClassification(contextualApiURL, contextualApiParams, loader).then((data) => {
           this.rawData = data;
           if (init) {
@@ -19699,7 +19733,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
       return "No selection";
     }
     return this.value
-      .map(item => { var _a, _b, _c; return (_c = (_b = (_a = item.fullpath) !== null && _a !== void 0 ? _a : item.fullpathTranslated) !== null && _b !== void 0 ? _b : item.shortpathTranslated) !== null && _c !== void 0 ? _c : `Node ${item.nodeid}`; })
+      .map(item => { var _a, _b; return (_b = (_a = this.getShortenedFullpath(item.fullpathTranslated)) !== null && _a !== void 0 ? _a : item.fullpath) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`; })
       .join('; ');
   }
   render() {

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

@@ -308,10 +308,10 @@ Tree.prototype.bindEvent = function (ele) {
       return;
     const { target } = e;
     if (target.nodeName === 'SPAN' && (target.classList.contains('treejs-checkbox') || target.classList.contains('treejs-label'))) {
-      this.onItemClick(target.parentNode.nodeId);
+      this.onItemClick(target.parentNode.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'LI' && target.classList.contains('treejs-node')) {
-      this.onItemClick(target.nodeId);
+      this.onItemClick(target.nodeId, e.button == 2);
     }
     else if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher')) {
       this.onSwitcherClick(target);
@@ -361,13 +361,16 @@ Tree.prototype.bindEvent = function (ele) {
     }
   }, false);
 };
-Tree.prototype.onItemClick = function (id) {
+Tree.prototype.onItemClick = async function (id, rightclick = false) {
   // 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();
-  this.options.parentApi.setNodeAsSelected(id, this, true);
+  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);
+  }
 };
 Tree.prototype.unCheckElement = function (id) {
   this.setValue(id);
@@ -17897,7 +17900,6 @@ function isInstanceOfIConf(object) {
       toret = false;
       errorToLog = "options.url value '" + object.url + "' doesn't meet interface IConf requirements, is wrongly formated or doesn't match option.source value";
     }
-    //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;
@@ -18774,7 +18776,7 @@ const HierarchizedPickerComponent = class {
     //   this.rawData = null;
     // }
     // this.ready = false;
-    //NOTE: This could work in a synchronous environment => 
+    //NOTE: This could work in a synchronous environment =>
     // reloadCurrentValues() {
     //   let savedValues = this.value;
     //   this.value = [];
@@ -18783,6 +18785,10 @@ const HierarchizedPickerComponent = class {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (oldValue && JSON.stringify(newValue.options) == JSON.stringify(oldValue.options)) {
+      this.ready = true;
+      return;
+    }
     if (typeof newValue == 'string')
       newValue = JSON.parse(newValue);
     if (typeof oldValue == 'string')
@@ -18875,6 +18881,33 @@ 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.getShortenedFullpath = (realFullpath) => {
+      var _a, _b, _c, _d;
+      let toret = realFullpath;
+      try {
+        const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
+        const property_value = this.optionsManager.getOptions().options[property_nodeid];
+        if (property_value in ["0", 0])
+          return toret;
+        if (isNumeric(property_value)) {
+          if (this.optionsManager.getOptions().origin == 'classification') {
+            const { Translations, Properties } = this.rawDataManager.getData();
+            const currentLanguage = this.optionsManager.getOptions().language;
+            toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
+          }
+          else {
+            const { fullpath, fullpathTranslated, title, valueTranslated } = this.rawDataManager.getData();
+            toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
+          }
+        }
+        else
+          this.errorToLog = "Error in getFullpath : startnode is not number";
+      }
+      catch (error) {
+        this.errorToLog = "Error in getFullpath " + error.toString();
+      }
+      return toret;
+    };
     this.options = undefined;
     this.valueChangeCallback = undefined;
     this.disabled = undefined;
@@ -19138,9 +19171,9 @@ const HierarchizedPickerComponent = class {
     }
   }
   // TODO > Celine would rather like the context (thesaurus or position) to be extracted another way
-  getContextualApiURL() {
+  getContextualApiURL(init = false) {
     const { options, url } = this.optionsManager.getOptions();
-    if (options.Reach) {
+    if (init && options.Reach) {
       // Use a base URL for relative paths
       const base = window.location.origin; // fallback for relative URLs
       const parsedUrl = new URL(url, base);
@@ -19149,16 +19182,17 @@ const HierarchizedPickerComponent = class {
       if (['thesaurus', 'position'].indexOf(dynamicType) == -1)
         dynamicType = pathSegments[pathSegments.length - 1];
       const newPathname = `/api/v1/classification/reach/${dynamicType}/${options.Reach}`;
-      this.optionsManager.dropReach();
       return `${parsedUrl.origin}${newPathname}`;
     }
     return url;
   }
-  getContextualApiParams(options = null, search = null) {
+  getContextualApiParams(options = null, search = null, init = false) {
     if (!options)
       options = this.optionsManager.getOptions().options;
     let optionsToReturn = Object.assign({}, options);
-    if (options.Reach) {
+    if (!init)
+      delete optionsToReturn.Reach;
+    if (optionsToReturn.Reach) {
       delete optionsToReturn.Reach;
       if ("startNode" in optionsToReturn) {
         optionsToReturn.startingnode = optionsToReturn.startNode;
@@ -19509,8 +19543,8 @@ const HierarchizedPickerComponent = class {
     if (!value)
       value = this.value;
     this.displayedValue = value.map(item => {
-      var _a;
-      return (_a = (this.optionsManager.getOptions().isFullpath ? item.fullpathTranslated : item.shortpathTranslated)) !== null && _a !== void 0 ? _a : `Node ${item.nodeid}`;
+      var _a, _b;
+      return (_b = (this.optionsManager.getOptions().isFullpath ? this.getShortenedFullpath((_a = item.fullpathTranslated) !== null && _a !== void 0 ? _a : item.fullpath) : item.shortpathTranslated)) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`;
     }).join(';');
   }
   // Search a value in the tree and triggers a search when necessary
@@ -19571,8 +19605,8 @@ const HierarchizedPickerComponent = class {
   loadDataForTree(init, loader) {
     if (this.optionsManager.getOptions().source == 'webservice') {
       if (this.optionsManager.getOptions().origin == 'classification') {
-        const contextualApiParams = this.getContextualApiParams();
-        const contextualApiURL = this.getContextualApiURL();
+        const contextualApiParams = this.getContextualApiParams(null, null, true);
+        const contextualApiURL = this.getContextualApiURL(true);
         this.rawDataManager.getFromClassification(contextualApiURL, contextualApiParams, loader).then((data) => {
           this.rawData = data;
           if (init) {
@@ -19697,7 +19731,7 @@ const HierarchizedPickerComponent = class {
       return "No selection";
     }
     return this.value
-      .map(item => { var _a, _b, _c; return (_c = (_b = (_a = item.fullpath) !== null && _a !== void 0 ? _a : item.fullpathTranslated) !== null && _b !== void 0 ? _b : item.shortpathTranslated) !== null && _c !== void 0 ? _c : `Node ${item.nodeid}`; })
+      .map(item => { var _a, _b; return (_b = (_a = this.getShortenedFullpath(item.fullpathTranslated)) !== null && _a !== void 0 ? _a : item.fullpath) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`; })
       .join('; ');
   }
   render() {