reneco-hierarchized-picker 0.4.0-beta.1 → 0.4.0-beta.11

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":[16],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"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]}],[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],"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]}],[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":[16],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"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]}],[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],"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]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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);
           });
         }
       }
@@ -18068,12 +18068,25 @@ class RawDataManager {
   }
   // Fetch data from classification
   async getFromClassification(endpoint, options, loader) {
-    console.log("getFromClassification", options);
-    const urlParams = new URLSearchParams(options);
-    await this.makeRequest('GET', `${endpoint}/?${urlParams.toString()}`, null, loader).then((data) => {
-      this.loadData(data);
-    });
-    return;
+    let pathSegment = '';
+    const queryParams = [];
+    for (const key in options) {
+      if (!options.hasOwnProperty(key))
+        continue;
+      const value = options[key];
+      const lowerKey = key.toLowerCase();
+      if ((lowerKey === 'startnode' || lowerKey === 'startnodeid') && !pathSegment) {
+        pathSegment = encodeURIComponent(value);
+        continue; // Skip adding this to the query string
+      }
+      // Add other keys to query string
+      queryParams.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
+    }
+    const queryString = queryParams.length > 0 ? `?${queryParams.join('&')}` : '';
+    const newUrl = pathSegment
+      ? `${endpoint}/${pathSegment}/${queryString}`
+      : `${endpoint}/${queryString}`;
+    return await this.makeRequest('GET', newUrl, null, loader);
   }
   // Fetch data from a generic source
   async getFromSource(endpoint, options, loader) {
@@ -18267,13 +18280,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 = {
@@ -18287,14 +18314,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);
@@ -18316,7 +18336,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);
@@ -18327,7 +18347,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);
@@ -18546,6 +18566,11 @@ const HierarchizedPickerComponent = class {
   async setOptions(newOptions) {
     this.setNewOption(newOptions);
   }
+  getOptionsAsIConf(options) {
+    if (typeof options == 'string')
+      return JSON.parse(options);
+    return options;
+  }
   setSearchResults(tree) {
     let searchCount = 0;
     const queue = [...tree];
@@ -18598,9 +18623,11 @@ const HierarchizedPickerComponent = class {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
     this.optionsManager.updateOptions(newValue);
     this.setDisplayedValue(this.value);
-    const originOrNodeIdAreDifferent = (newValue.origin != oldValue.origin || newValue.options.StartNodeID != oldValue.options.StartNodeID);
+    const originOrNodeIdAreDifferent = !oldValue || (newValue.origin != oldValue.origin || newValue.options.StartNodeID != oldValue.options.StartNodeID);
     if (this.optionsManager.getOptions().source != 'file' && (!oldValue || (oldValue && originOrNodeIdAreDifferent))) {
       this.rawData = null;
     }
@@ -18643,6 +18670,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;
@@ -18701,7 +18730,7 @@ const HierarchizedPickerComponent = class {
   }
   async componentWillLoad() {
     this.isDisabled = this.disabled;
-    this.optionsManager = new OptionsManager(this.options);
+    this.optionsManager = new OptionsManager(this.getOptionsAsIConf(this.options));
     this.rawDataManager = new RawDataManager(() => this.getToken(), this.optionsManager);
     await this.loadHierarchizedPicker();
     this.setDisplayedValueFromDefault();
@@ -18878,13 +18907,13 @@ const HierarchizedPickerComponent = class {
   }
   async getToken() {
     var _a;
-    if (typeof this.options.token === 'string') {
-      return this.options.token.length > 200
-        ? this.options.token
-        : (_a = window.localStorage.getItem(this.options.token)) !== null && _a !== void 0 ? _a : null;
+    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.options.token === 'function') {
-      const token = await this.options.token();
+    if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
+      const token = await this.getOptionsAsIConf(this.options).token();
       return typeof token === 'string' ? token : null;
     }
     return null;
@@ -18945,7 +18974,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));
@@ -18965,7 +18994,7 @@ const HierarchizedPickerComponent = class {
     if (this.theOptions.source == 'webservice') {
       if (this.theOptions.origin == 'classification') {
         // WS Call
-        console.log("FLAG 01");
+        console.log("FLAG 01", this.theOptions);
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
           search: {
             StartNodeID: this.theOptions.options.startNode,
@@ -19013,12 +19042,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);
       }
@@ -19030,7 +19059,7 @@ 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);
     }
@@ -19315,8 +19344,22 @@ 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().options);
-        this.rawDataManager.getFromClassification(this.optionsManager.getOptions().url, this.optionsManager.getOptions().options, loader);
+        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) {
+            this.formatDefaultValue();
+            this.showSelectedNodes();
+          }
+        })
+          .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));
+          }
+        });
       }
       else {
         this.rawDataManager.getFromSource(this.optionsManager.getOptions().url, this.optionsManager.getOptions().options, loader)
@@ -19329,10 +19372,10 @@ const HierarchizedPickerComponent = class {
         })
           .catch(error => {
           try {
-            this.errorToLog = 'getDataFromSource 3 rejected:' + JSON.stringify(error, replacer, 2);
+            this.errorToLog = 'getDataFromSource 3 legacy rejected:' + JSON.stringify(error, replacer, 2);
           }
           catch (_a) {
-            console.error('getDataFromSource 4 rejected:', JSON.stringify(error, replacer, 2));
+            console.error('getDataFromSource 4 legacy rejected:', JSON.stringify(error, replacer, 2));
           }
         });
       }

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

@@ -46,6 +46,11 @@ export class HierarchizedPickerComponent {
   async setOptions(newOptions) {
     this.setNewOption(newOptions);
   }
+  getOptionsAsIConf(options) {
+    if (typeof options == 'string')
+      return JSON.parse(options);
+    return options;
+  }
   setSearchResults(tree) {
     let searchCount = 0;
     const queue = [...tree];
@@ -98,9 +103,11 @@ export class HierarchizedPickerComponent {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
     this.optionsManager.updateOptions(newValue);
     this.setDisplayedValue(this.value);
-    const originOrNodeIdAreDifferent = (newValue.origin != oldValue.origin || newValue.options.StartNodeID != oldValue.options.StartNodeID);
+    const originOrNodeIdAreDifferent = !oldValue || (newValue.origin != oldValue.origin || newValue.options.StartNodeID != oldValue.options.StartNodeID);
     if (this.optionsManager.getOptions().source != 'file' && (!oldValue || (oldValue && originOrNodeIdAreDifferent))) {
       this.rawData = null;
     }
@@ -143,6 +150,8 @@ export class HierarchizedPickerComponent {
   }
   isChangeInOptions(newV, oldV) {
     const isEqual = _.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;
@@ -196,7 +205,7 @@ export class HierarchizedPickerComponent {
   }
   async componentWillLoad() {
     this.isDisabled = this.disabled;
-    this.optionsManager = new OptionsManager(this.options);
+    this.optionsManager = new OptionsManager(this.getOptionsAsIConf(this.options));
     this.rawDataManager = new RawDataManager(() => this.getToken(), this.optionsManager);
     await this.loadHierarchizedPicker();
     this.setDisplayedValueFromDefault();
@@ -376,13 +385,13 @@ export class HierarchizedPickerComponent {
   }
   async getToken() {
     var _a;
-    if (typeof this.options.token === 'string') {
-      return this.options.token.length > 200
-        ? this.options.token
-        : (_a = window.localStorage.getItem(this.options.token)) !== null && _a !== void 0 ? _a : null;
+    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.options.token === 'function') {
-      const token = await this.options.token();
+    if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
+      const token = await this.getOptionsAsIConf(this.options).token();
       return typeof token === 'string' ? token : null;
     }
     return null;
@@ -443,7 +452,7 @@ export class HierarchizedPickerComponent {
       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));
@@ -463,7 +472,7 @@ export class HierarchizedPickerComponent {
     if (this.theOptions.source == 'webservice') {
       if (this.theOptions.origin == 'classification') {
         // WS Call
-        console.log("FLAG 01");
+        console.log("FLAG 01", this.theOptions);
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
           search: {
             StartNodeID: this.theOptions.options.startNode,
@@ -511,12 +520,12 @@ export class HierarchizedPickerComponent {
     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);
       }
@@ -528,7 +537,7 @@ export class HierarchizedPickerComponent {
       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);
     }
@@ -813,8 +822,22 @@ export class HierarchizedPickerComponent {
   loadDataForTree(init, loader) {
     if (this.optionsManager.getOptions().source == 'webservice') {
       if (this.optionsManager.getOptions().origin == 'classification') {
-        console.log("FLAG 02", this.optionsManager.getOptions().options);
-        this.rawDataManager.getFromClassification(this.optionsManager.getOptions().url, this.optionsManager.getOptions().options, loader);
+        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) {
+            this.formatDefaultValue();
+            this.showSelectedNodes();
+          }
+        })
+          .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));
+          }
+        });
       }
       else {
         this.rawDataManager.getFromSource(this.optionsManager.getOptions().url, this.optionsManager.getOptions().options, loader)
@@ -827,10 +850,10 @@ export class HierarchizedPickerComponent {
         })
           .catch(error => {
           try {
-            this.errorToLog = 'getDataFromSource 3 rejected:' + JSON.stringify(error, replacer, 2);
+            this.errorToLog = 'getDataFromSource 3 legacy rejected:' + JSON.stringify(error, replacer, 2);
           }
           catch (_a) {
-            console.error('getDataFromSource 4 rejected:', JSON.stringify(error, replacer, 2));
+            console.error('getDataFromSource 4 legacy rejected:', JSON.stringify(error, replacer, 2));
           }
         });
       }
@@ -975,11 +998,11 @@ export class HierarchizedPickerComponent {
   static get properties() {
     return {
       "options": {
-        "type": "unknown",
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "IConf",
-          "resolved": "IConf",
+          "original": "string | IConf",
+          "resolved": "IConf | string",
           "references": {
             "IConf": {
               "location": "import",
@@ -992,7 +1015,9 @@ export class HierarchizedPickerComponent {
         "docs": {
           "tags": [],
           "text": "The component's options as described in the IConf interface"
-        }
+        },
+        "attribute": "options",
+        "reflect": false
       },
       "valueChangeCallback": {
         "type": "unknown",

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

@@ -208,7 +208,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 {
@@ -220,7 +220,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);
           });
         }
       }

package/dist/collection/core/raw-data-manager.js

@@ -42,12 +42,25 @@ export class RawDataManager {
   }
   // Fetch data from classification
   async getFromClassification(endpoint, options, loader) {
-    console.log("getFromClassification", options);
-    const urlParams = new URLSearchParams(options);
-    await this.makeRequest('GET', `${endpoint}/?${urlParams.toString()}`, null, loader).then((data) => {
-      this.loadData(data);
-    });
-    return;
+    let pathSegment = '';
+    const queryParams = [];
+    for (const key in options) {
+      if (!options.hasOwnProperty(key))
+        continue;
+      const value = options[key];
+      const lowerKey = key.toLowerCase();
+      if ((lowerKey === 'startnode' || lowerKey === 'startnodeid') && !pathSegment) {
+        pathSegment = encodeURIComponent(value);
+        continue; // Skip adding this to the query string
+      }
+      // Add other keys to query string
+      queryParams.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
+    }
+    const queryString = queryParams.length > 0 ? `?${queryParams.join('&')}` : '';
+    const newUrl = pathSegment
+      ? `${endpoint}/${pathSegment}/${queryString}`
+      : `${endpoint}/${queryString}`;
+    return await this.makeRequest('GET', newUrl, null, loader);
   }
   // Fetch data from a generic source
   async getFromSource(endpoint, options, loader) {

package/dist/collection/features/tree/tree-utils.js

@@ -46,13 +46,27 @@ export function getNodesFromSearch(data, searched) {
 /**
  * Fills the tree with nodes based on the provided object.
  */
-export function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatched = false, depth = 0) {
+export 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 = {
@@ -66,14 +80,7 @@ export function fillTreeWithObject(tree, myObject, searched, searchResultPresent
         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);
@@ -95,7 +102,7 @@ export function fillTreeWithObject(tree, myObject, searched, searchResultPresent
 /**
  * Updates the current tree with new nodes.
  */
-export function completeCurrentTreeWithTree(treeJsInstance, newTree) {
+export function completeCurrentTreeWithTree(treeJsInstance, newTree, options) {
   var _a;
   const ElmID = newTree.key || newTree.id || newTree.ID;
   const targetNode = findNodeById(treeJsInstance, ElmID);
@@ -106,7 +113,7 @@ export 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);