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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js +131 -109
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.css +3 -2
  3. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +86 -82
  4. package/dist/collection/components/treejs/index.js +5 -4
  5. package/dist/collection/core/raw-data-manager.js +17 -7
  6. package/dist/collection/features/tree/tree-utils.js +22 -15
  7. package/dist/custom-elements/index.js +131 -109
  8. package/dist/esm/reneco-hierarchized-picker_2.entry.js +131 -109
  9. package/dist/esm-es5/reneco-hierarchized-picker_2.entry.js +1 -1
  10. package/dist/reneco-hierarchized-picker/p-308071e7.entry.js +1 -0
  11. package/dist/reneco-hierarchized-picker/p-73168a50.system.js +1 -1
  12. package/dist/reneco-hierarchized-picker/p-91521a4a.system.entry.js +3 -0
  13. package/dist/reneco-hierarchized-picker/reneco-hierarchized-picker.esm.js +1 -1
  14. package/dist/types/components/hierarchized-picker/hierarchized-picker.d.ts +1 -2
  15. package/dist/types/core/raw-data-manager.d.ts +3 -2
  16. package/dist/types/features/tree/tree-utils.d.ts +2 -2
  17. package/package.json +1 -1
  18. package/dist/reneco-hierarchized-picker/p-33f69505.system.entry.js +0 -3
  19. package/dist/reneco-hierarchized-picker/p-f39771c8.entry.js +0 -1
package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js CHANGED
@@ -242,7 +242,7 @@ Tree.prototype.bindEvent = function (ele) {
242
242
  this.options.rawDataManager
243
243
  .getFromClassification(this.options.parentApi.theOptions.url, Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId }))
244
244
  .then(data => {
245
- this.options.completeCurrentTreeWithTree(this, data);
245
+ this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
246
246
  });
247
247
  }
248
248
  else {
@@ -254,7 +254,7 @@ Tree.prototype.bindEvent = function (ele) {
254
254
  IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
255
255
  })
256
256
  .then(data => {
257
- this.options.completeCurrentTreeWithTree(this, data);
257
+ this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
258
258
  });
259
259
  }
260
260
  }
@@ -263,7 +263,8 @@ Tree.prototype.bindEvent = function (ele) {
263
263
  }, false);
264
264
  };
265
265
  Tree.prototype.onItemClick = function (id) {
266
- if (this.options.parentApi.isDisabled)
266
+ // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
267
+ if (this.options.parentApi.isDisabled && this.options.parentApi.optionsManager.getOptions().mode != "tree")
267
268
  return;
268
269
  if (!this.options.parentApi.theOptions.multiple)
269
270
  this.emptyNodesCheckStatus();
@@ -519,7 +520,7 @@ Tree.parseTreeData = function (data) {
519
520
  }
520
521
  });
521
522
  };
522
- walkTree(treeNodes, null);
523
+ walkTree(Array.isArray(treeNodes) ? treeNodes : [treeNodes], null);
523
524
  return {
524
525
  treeNodes,
525
526
  nodesById,
@@ -18025,9 +18026,22 @@ const defaultPickerTheme = {
18025
18026
  // };
18026
18027
 
18027
18028
  class RawDataManager {
18028
- constructor(tokenProvider, om) {
18029
+ getToken() {
18030
+ var _a;
18031
+ if (typeof this.token === 'string') {
18032
+ return this.token.length > 200
18033
+ ? this.token
18034
+ : (_a = window.localStorage.getItem(this.token)) !== null && _a !== void 0 ? _a : null;
18035
+ }
18036
+ if (typeof this.token === 'function') {
18037
+ const token = this.token();
18038
+ return typeof token === 'string' ? token : null;
18039
+ }
18040
+ return null;
18041
+ }
18042
+ constructor(token, om) {
18029
18043
  this.rawData = null;
18030
- this.tokenProvider = tokenProvider;
18044
+ this.token = token;
18031
18045
  this.optionsManager = om;
18032
18046
  this.baseUrl = om.getOptions().url;
18033
18047
  }
@@ -18035,7 +18049,7 @@ class RawDataManager {
18035
18049
  async makeRequest(method, endpoint, body, loader) {
18036
18050
  if (loader)
18037
18051
  loader.classList.add('loading');
18038
- const token = await this.tokenProvider();
18052
+ const token = this.getToken();
18039
18053
  if (!token) {
18040
18054
  throw new Error('No token available.');
18041
18055
  }
@@ -18086,10 +18100,7 @@ class RawDataManager {
18086
18100
  const newUrl = pathSegment
18087
18101
  ? `${endpoint}/${pathSegment}/${queryString}`
18088
18102
  : `${endpoint}/${queryString}`;
18089
- await this.makeRequest('GET', newUrl, null, loader).then((data) => {
18090
- this.loadData(data);
18091
- });
18092
- return;
18103
+ return await this.makeRequest('GET', newUrl, null, loader);
18093
18104
  }
18094
18105
  // Fetch data from a generic source
18095
18106
  async getFromSource(endpoint, options, loader) {
@@ -18283,13 +18294,27 @@ function findNodeById(tree, nodeId) {
18283
18294
  /**
18284
18295
  * Fills the tree with nodes based on the provided object.
18285
18296
  */
18286
- function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatched = false, depth = 0) {
18297
+ function fillTreeWithObject(tree, myObject, searched, options, depth = 0) {
18298
+ const searchResultPresentsUnMatched = options.searchResultPresentsUnMatched;
18287
18299
  if (myObject && myObject.length) {
18288
18300
  myObject.forEach(value => {
18289
- const keyPropFromNode = getPropertyFromNode(value, 'key');
18290
- const valueTranslatedPropFromNode = getPropertyFromNode(value, 'valueTranslated');
18291
- const fullpathPropFromNode = getPropertyFromNode(value, 'fullpath');
18292
- const fullpathTranslatedPropFromNode = getPropertyFromNode(value, 'fullpathTranslated');
18301
+ var _a, _b, _c;
18302
+ let keyPropFromNode = null;
18303
+ let valueTranslatedPropFromNode = null;
18304
+ let fullpathPropFromNode = null;
18305
+ let fullpathTranslatedPropFromNode = null;
18306
+ if (options.origin == "classification") {
18307
+ keyPropFromNode = getPropertyFromNode(value, 'ID');
18308
+ valueTranslatedPropFromNode = (_a = getPropertyFromNode(value, 'Translations')[options.language]) === null || _a === void 0 ? void 0 : _a.translated_name;
18309
+ fullpathPropFromNode = (_b = getPropertyFromNode(value, 'Properties')) === null || _b === void 0 ? void 0 : _b.System_Fullpath;
18310
+ fullpathTranslatedPropFromNode = (_c = getPropertyFromNode(value, 'Translations')[options.language]) === null || _c === void 0 ? void 0 : _c.translated_fullpath;
18311
+ }
18312
+ else {
18313
+ keyPropFromNode = getPropertyFromNode(value, 'key');
18314
+ valueTranslatedPropFromNode = getPropertyFromNode(value, 'valueTranslated');
18315
+ fullpathPropFromNode = getPropertyFromNode(value, 'fullpath');
18316
+ fullpathTranslatedPropFromNode = getPropertyFromNode(value, 'fullpathTranslated');
18317
+ }
18293
18318
  const childrenPropFromNode = getPropertyFromNode(value, 'children', false);
18294
18319
  const deprecated = getPropertyFromNode(value, 'deprecated', false);
18295
18320
  const objToPush = {
@@ -18303,14 +18328,7 @@ function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatc
18303
18328
  isDesaturated: false,
18304
18329
  searchMatch: false,
18305
18330
  };
18306
- // const childTree = fillTreeWithObject(objToPush.children, childrenPropFromNode, searched, depth + 1);
18307
- // const matched = searched ? searchValue(objToPush, false, searched) : true;
18308
- // if (matched) {
18309
- // objToPush.searchMatch = true;
18310
- // objToPush.children = childTree;
18311
- // tree.push(objToPush);
18312
- // }
18313
- const childTree = fillTreeWithObject(objToPush.children, childrenPropFromNode, searched, searchResultPresentsUnMatched, depth + 1);
18331
+ const childTree = fillTreeWithObject(objToPush.children, childrenPropFromNode, searched, options, depth + 1);
18314
18332
  let pushMe = false;
18315
18333
  if (searched) {
18316
18334
  const matched = searchValue(objToPush, false, searched);
@@ -18332,7 +18350,7 @@ function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatc
18332
18350
  /**
18333
18351
  * Updates the current tree with new nodes.
18334
18352
  */
18335
- function completeCurrentTreeWithTree(treeJsInstance, newTree) {
18353
+ function completeCurrentTreeWithTree(treeJsInstance, newTree, options) {
18336
18354
  var _a;
18337
18355
  const ElmID = newTree.key || newTree.id || newTree.ID;
18338
18356
  const targetNode = findNodeById(treeJsInstance, ElmID);
@@ -18343,7 +18361,7 @@ function completeCurrentTreeWithTree(treeJsInstance, newTree) {
18343
18361
  ulElem = treeJsInstance.createUlEle();
18344
18362
  treeJsInstance.liElementsById[ElmID].appendChild(ulElem);
18345
18363
  }
18346
- const filledTree = fillTreeWithObject([], newTree.children, null);
18364
+ const filledTree = fillTreeWithObject([], newTree.children, null, options);
18347
18365
  ulElem.innerHTML = '';
18348
18366
  filledTree.forEach(item => {
18349
18367
  const liElm = treeJsInstance.createLiEle(item, true);
@@ -18525,7 +18543,7 @@ function setupKeyboardNavigation(component) {
18525
18543
  focusNode(focusedNodeIndex);
18526
18544
  }
18527
18545
 
18528
- const hierarchizedPickerCss = "reneco-hierarchized-picker .hierarchized-picker-raw-tree-area{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader{position:absolute;z-index:1;min-width:100%;min-height:100%;background:#FFFFFF99;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader .loader-inner{background:#FFF;padding:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader:not(.loading){display:none}reneco-hierarchized-picker .scrollable{overflow-y:auto;position:relative}reneco-hierarchized-picker .treejs{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--hpicker-theme-typography-tree-font-size, 14px) !important;font-weight:var(--hpicker-theme-typography-tree-font-weight, 400) !important}reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker .treejs *:before{-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .treejs>.treejs-node{padding-left:0}reneco-hierarchized-picker .treejs .treejs-nodes{list-style:none;padding-left:20px;overflow:hidden;-webkit-transition:height 150ms ease-out, opacity 150ms ease-out;-o-transition:height 150ms ease-out, opacity 150ms ease-out;transition:height 150ms ease-out, opacity 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-node{cursor:pointer;overflow:hidden;position:relative}reneco-hierarchized-picker .treejs .treejs-node.treejs-placeholder{padding-left:20px}reneco-hierarchized-picker .treejs .treejs-switcher{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative;-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-switcher:before{position:absolute;top:8px;left:6px;display:block;content:' ';border:4px solid transparent;border-top:4px solid rgba(0, 0, 0, 0.4);-webkit-transition:border-color 150ms;-o-transition:border-color 150ms;transition:border-color 150ms}reneco-hierarchized-picker .treejs .treejs-switcher:hover:before{border-top:4px solid var(--hpicker-theme-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-primary-contrastText) !important}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked{background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c))}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c))}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important;background-color:var(--hpicker-theme-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)))}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--hpicker-theme-palette-primary-light) !important;color:var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black))}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212)))}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;border-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #autocomplete-results-area{position:absolute;margin-top:48px;background-color:white;left:15px;z-index:10;padding:0px 5px;max-width:340px;max-height:110px;overflow:auto}reneco-hierarchized-picker #autocomplete-results-area li{list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;margin:1px}reneco-hierarchized-picker .hierarchized-picker-raw-tree-area li.treejs-node{padding:11px 0px;display:block}reneco-hierarchized-picker input[title]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hierarchized-picker-raw-tree-area.readonly li.treejs-node{cursor:initial;pointer-events:none}.hierarchized-picker-raw-tree-area.readonly li.treejs-node .treejs-switcher{pointer-events:all}::-webkit-scrollbar-thumb{background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433)));width:8px;margin:5px;border-radius:5px}::-webkit-scrollbar{background:var(--ion-color-medium-tint, #E0E0E0);width:8px;height:8px;margin:5px;cursor:pointer;border-radius:5px}::-webkit-scrollbar-corner{background-color:var(--ion-color-light-tint, #FFF)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-dark-tint, #424242);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-dark, #212121);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, var(--hpicker-theme-palette-background-default, rgba(221, 169, 37, 0.18)));color:var(--ion-color-primary-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker .treejs-switcher:before{border-top-color:var(--ion-color-dark-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked .treejs-switcher:before{color:var(--ion-color-light-contrast, #111111) !important}[class$=\"-dark\"] reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){background-color:var(--ion-color-light-contrast, #111111) !important}";
18546
+ const hierarchizedPickerCss = "reneco-hierarchized-picker .hierarchized-picker-raw-tree-area{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader{position:absolute;z-index:1;min-width:100%;min-height:100%;background:#FFFFFF99;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader .loader-inner{background:#FFF;padding:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader:not(.loading){display:none}reneco-hierarchized-picker .scrollable{overflow-y:auto;position:relative}reneco-hierarchized-picker .treejs{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--hpicker-theme-typography-tree-font-size, 14px) !important;font-weight:var(--hpicker-theme-typography-tree-font-weight, 400) !important}reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker .treejs *:before{-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .treejs>.treejs-node{padding-left:0}reneco-hierarchized-picker .treejs .treejs-nodes{list-style:none;padding-left:20px;overflow:hidden;-webkit-transition:height 150ms ease-out, opacity 150ms ease-out;-o-transition:height 150ms ease-out, opacity 150ms ease-out;transition:height 150ms ease-out, opacity 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-node{cursor:pointer;overflow:hidden;position:relative}reneco-hierarchized-picker .treejs .treejs-node.treejs-placeholder{padding-left:20px}reneco-hierarchized-picker .treejs .treejs-switcher{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative;-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-switcher:before{position:absolute;top:8px;left:6px;display:block;content:' ';border:4px solid transparent;border-top:4px solid rgba(0, 0, 0, 0.4);-webkit-transition:border-color 150ms;-o-transition:border-color 150ms;transition:border-color 150ms}reneco-hierarchized-picker .treejs .treejs-switcher:hover:before{border-top:4px solid var(--hpicker-theme-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-primary-contrastText) !important}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked{background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c))}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c))}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important;background-color:var(--hpicker-theme-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)))}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--hpicker-theme-palette-primary-light) !important;color:var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black))}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212)))}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;border-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #autocomplete-results-area{position:absolute;margin-top:48px;background-color:white;left:15px;z-index:10;padding:0px 5px;max-width:340px;max-height:110px;overflow:auto}reneco-hierarchized-picker #autocomplete-results-area li{list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;margin:1px}reneco-hierarchized-picker .hierarchized-picker-raw-tree-area li.treejs-node{padding:11px 0px;display:block}reneco-hierarchized-picker input[title]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hierarchized-picker-raw-tree-area.readonly li.treejs-node .treejs-switcher{pointer-events:all}::-webkit-scrollbar-thumb{background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433)));width:8px;margin:5px;border-radius:5px}::-webkit-scrollbar{background:var(--ion-color-medium-tint, #E0E0E0);width:8px;height:8px;margin:5px;cursor:pointer;border-radius:5px}::-webkit-scrollbar-corner{background-color:var(--ion-color-light-tint, #FFF)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-dark-tint, #424242);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-dark, #212121);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, var(--hpicker-theme-palette-background-default, rgba(221, 169, 37, 0.18)));color:var(--ion-color-primary-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker .treejs-switcher:before{border-top-color:var(--ion-color-dark-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked .treejs-switcher:before{color:var(--ion-color-light-contrast, #111111) !important}[class$=\"-dark\"] reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){background-color:var(--ion-color-light-contrast, #111111) !important}";
18529
18547
 
18530
18548
  const HierarchizedPickerComponent = class {
18531
18549
  /**
@@ -18603,6 +18621,7 @@ const HierarchizedPickerComponent = class {
18603
18621
  return this.optionsManager.getOptions();
18604
18622
  }
18605
18623
  async setNewOption(newValue, oldValue = null) {
18624
+ this.ready = false;
18606
18625
  // --------------------------------------- DEPRECATED ?
18607
18626
  // this.canload = true;
18608
18627
  // this.theOptions = newValue;
@@ -18619,6 +18638,10 @@ const HierarchizedPickerComponent = class {
18619
18638
  // });
18620
18639
  // ---------------------------------------
18621
18640
  // this.theOptions = newValue;
18641
+ if (typeof newValue == 'string')
18642
+ newValue = JSON.parse(newValue);
18643
+ if (typeof oldValue == 'string')
18644
+ oldValue = JSON.parse(oldValue);
18622
18645
  this.optionsManager.updateOptions(newValue);
18623
18646
  this.setDisplayedValue(this.value);
18624
18647
  const originOrNodeIdAreDifferent = !oldValue || (newValue.origin != oldValue.origin || newValue.options.StartNodeID != oldValue.options.StartNodeID);
@@ -18638,7 +18661,8 @@ const HierarchizedPickerComponent = class {
18638
18661
  }
18639
18662
  if ((newValue === null || newValue === void 0 ? void 0 : newValue.loading) == 'display') {
18640
18663
  if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
18641
- await this.loadHierarchizedPicker();
18664
+ this.rawDataManager = new RawDataManager(this.getOptionsAsIConf(this.optionsManager.getOptions()).token, this.optionsManager);
18665
+ await this.loadHierarchizedPicker(true);
18642
18666
  this.displayWhenLoaded();
18643
18667
  }
18644
18668
  else {
@@ -18652,10 +18676,11 @@ const HierarchizedPickerComponent = class {
18652
18676
  this.setOptions(newoptions);
18653
18677
  }
18654
18678
  setNewFilter(newfilter) {
18679
+ console.log("newfilter is ", newfilter);
18655
18680
  this.filterTree(newfilter);
18656
18681
  }
18657
18682
  optionsChange(newValue, oldValue) {
18658
- if (!this.optionsManager.getOptions() || !this.ready || this.ignoreOptionsChanges) {
18683
+ if (!this.optionsManager || !this.optionsManager.getOptions() || !this.ready || this.ignoreOptionsChanges) {
18659
18684
  return;
18660
18685
  }
18661
18686
  if (typeof newValue == 'string')
@@ -18664,6 +18689,8 @@ const HierarchizedPickerComponent = class {
18664
18689
  }
18665
18690
  isChangeInOptions(newV, oldV) {
18666
18691
  const isEqual = lodash.isEqual(newV, oldV);
18692
+ if (!newV.defaultValue && !oldV.defaultValue)
18693
+ return;
18667
18694
  const changeDefaultValue = !(newV.defaultValue.length == oldV.defaultValue.length && newV.defaultValue.every(value => oldV.defaultValue.includes(value)));
18668
18695
  if (!isEqual && changeDefaultValue) {
18669
18696
  return changeDefaultValue;
@@ -18722,8 +18749,9 @@ const HierarchizedPickerComponent = class {
18722
18749
  }
18723
18750
  async componentWillLoad() {
18724
18751
  this.isDisabled = this.disabled;
18752
+ this.options = this.getOptionsAsIConf(this.options);
18725
18753
  this.optionsManager = new OptionsManager(this.getOptionsAsIConf(this.options));
18726
- this.rawDataManager = new RawDataManager(() => this.getToken(), this.optionsManager);
18754
+ this.rawDataManager = new RawDataManager(this.getOptionsAsIConf(this.options).token, this.optionsManager);
18727
18755
  await this.loadHierarchizedPicker();
18728
18756
  this.setDisplayedValueFromDefault();
18729
18757
  setTimeout(() => {
@@ -18843,9 +18871,11 @@ const HierarchizedPickerComponent = class {
18843
18871
  }
18844
18872
  }
18845
18873
  }
18846
- async loadHierarchizedPicker() {
18847
- if (this.el.getAttribute('options') && typeof this.el.getAttribute('options') == 'string') {
18848
- this.optionsManager.updateOptions(JSON.parse(this.el.getAttribute('options')));
18874
+ async loadHierarchizedPicker(reload = false) {
18875
+ if (!reload) {
18876
+ if (this.el.getAttribute('options') && typeof this.el.getAttribute('options') == 'string') {
18877
+ this.optionsManager.updateOptions(JSON.parse(this.el.getAttribute('options')));
18878
+ }
18849
18879
  }
18850
18880
  // If not in a debug mode, disable logs
18851
18881
  {
@@ -18897,19 +18927,18 @@ const HierarchizedPickerComponent = class {
18897
18927
  let newValue = await this.getValue();
18898
18928
  this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
18899
18929
  }
18900
- async getToken() {
18901
- var _a;
18902
- if (typeof this.getOptionsAsIConf(this.options).token === 'string') {
18903
- return this.getOptionsAsIConf(this.options).token.length > 200
18904
- ? this.getOptionsAsIConf(this.options).token
18905
- : (_a = window.localStorage.getItem(this.getOptionsAsIConf(this.options).token)) !== null && _a !== void 0 ? _a : null;
18906
- }
18907
- if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
18908
- const token = await this.getOptionsAsIConf(this.options).token();
18909
- return typeof token === 'string' ? token : null;
18910
- }
18911
- return null;
18912
- }
18930
+ // async getToken(): Promise<string | null> {
18931
+ // if (typeof this.getOptionsAsIConf(this.options).token === 'string') {
18932
+ // return this.getOptionsAsIConf(this.options).token.length > 200
18933
+ // ? this.getOptionsAsIConf(this.options).token
18934
+ // : window.localStorage.getItem(this.getOptionsAsIConf(this.options).token) ?? null;
18935
+ // }
18936
+ // if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
18937
+ // const token = await this.getOptionsAsIConf(this.options).token();
18938
+ // return typeof token === 'string' ? token : null;
18939
+ // }
18940
+ // return null;
18941
+ // }
18913
18942
  // The error case function called if XHR request fails
18914
18943
  errorLoadingXHR() {
18915
18944
  var _a;
@@ -18966,7 +18995,7 @@ const HierarchizedPickerComponent = class {
18966
18995
  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) {
18967
18996
  this.rawDataManager.mergeData(newtree);
18968
18997
  newtree.children.forEach((value, index) => {
18969
- completeCurrentTreeWithTree(this.loadedTreeJs, value);
18998
+ completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
18970
18999
  });
18971
19000
  this.triggerTreeDisplay(this.rawData, searched);
18972
19001
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
@@ -18986,14 +19015,11 @@ const HierarchizedPickerComponent = class {
18986
19015
  if (this.theOptions.source == 'webservice') {
18987
19016
  if (this.theOptions.origin == 'classification') {
18988
19017
  // WS Call
18989
- console.log("FLAG 01", this.theOptions);
18990
19018
  this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
18991
- search: {
18992
- StartNodeID: this.theOptions.options.startNode,
18993
- lng: this.theOptions.options.lng,
18994
- deprecated: this.theOptions.options.IsDeprecated,
18995
- searchedValue: searched,
18996
- }
19019
+ StartNodeID: this.theOptions.options.startNode,
19020
+ lng: this.theOptions.options.lng,
19021
+ deprecated: this.theOptions.options.IsDeprecated,
19022
+ searchedValue: searched
18997
19023
  })
18998
19024
  .then((data) => {
18999
19025
  displayResults(data);
@@ -19034,12 +19060,12 @@ const HierarchizedPickerComponent = class {
19034
19060
  else {
19035
19061
  if (this.searchToDisplay > -1 && searchID == this.searchToDisplay) {
19036
19062
  this.rawDataManager.getData().children.forEach((value, _) => {
19037
- completeCurrentTreeWithTree(this.loadedTreeJs, value);
19063
+ completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
19038
19064
  });
19039
19065
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
19040
19066
  }
19041
19067
  const data = !this.optionsManager.getOptions().displayRootNode ? this.rawDataManager.getData().children : [this.rawDataManager.getData()];
19042
- const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions().searchResultPresentsUnMatched);
19068
+ const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions());
19043
19069
  if (searched) {
19044
19070
  this.setSearchResults(treeToDisplay);
19045
19071
  }
@@ -19051,11 +19077,11 @@ const HierarchizedPickerComponent = class {
19051
19077
  return;
19052
19078
  this.mylog(`Translate from ${this.optionsManager.getOptions().origin} ! (${this.optionsManager.getOptions().source})`, dataToLoad);
19053
19079
  const data = !this.optionsManager.getOptions().displayRootNode ? dataToLoad.children : [dataToLoad];
19054
- const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions().searchResultPresentsUnMatched);
19080
+ const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions());
19055
19081
  if (searched) {
19056
19082
  this.setSearchResults(treeToDisplay);
19057
19083
  }
19058
- this.displayTree(treeToDisplay);
19084
+ this.displayTree(treeToDisplay, searched != null);
19059
19085
  }
19060
19086
  deactivateNodesOutOfDepthSettings() {
19061
19087
  if (this.optionsManager.getOptions().maxDepth != undefined || this.optionsManager.getOptions().minDepth != undefined) {
@@ -19076,45 +19102,49 @@ const HierarchizedPickerComponent = class {
19076
19102
  return;
19077
19103
  }
19078
19104
  // TODO If statement is a quick fix to allow the loadedTreeJs data to be holded instead of being reinitialized after hiding the modale
19079
- if (!this.loadedTreeJs || forceTreeReset) {
19080
- const myTree = new Tree('#tree-area-' + this.componentID, {
19081
- parentApi: this,
19082
- rawDataManager: this.rawDataManager,
19083
- completeCurrentTreeWithTree: completeCurrentTreeWithTree,
19084
- data: treeData,
19085
- onChange: async () => {
19086
- let oldValue;
19087
- try {
19088
- oldValue = await this.getValue();
19089
- }
19090
- catch (error) {
19091
- oldValue = null;
19105
+ const myTree = new Tree('#tree-area-' + this.componentID, {
19106
+ parentApi: this,
19107
+ rawDataManager: this.rawDataManager,
19108
+ completeCurrentTreeWithTree: completeCurrentTreeWithTree,
19109
+ data: (!this.loadedTreeJs || forceTreeReset ? treeData : fillTreeWithObject([], this.rawDataManager.getData().children, null, this.optionsManager.getOptions())),
19110
+ onChange: async () => {
19111
+ let oldValue;
19112
+ try {
19113
+ oldValue = await this.getValue();
19114
+ }
19115
+ catch (error) {
19116
+ oldValue = null;
19117
+ }
19118
+ let emitValueChange = async () => {
19119
+ let newValue = await this.getValue();
19120
+ if (this.valueChangeCallback && this.ready && !this.shownTree) {
19121
+ this.valueChangeCallback(newValue);
19092
19122
  }
19093
- let emitValueChange = async () => {
19094
- let newValue = await this.getValue();
19095
- if (this.valueChangeCallback && this.ready && !this.shownTree) {
19096
- this.valueChangeCallback(newValue);
19097
- }
19098
- this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
19099
- };
19100
- // TODO > Try to find why this has been previously added
19101
- // setTimeout(() => {
19102
- emitValueChange();
19103
- // }, 100)
19104
- },
19105
- loaded: () => {
19106
- this.mylog('loaded');
19107
- this.ready = true;
19108
- this.ignoreOptionsChanges = false;
19109
- },
19110
- });
19111
- Object.values(myTree.liElementsById).forEach((el) => {
19112
- el.classList.remove('treejs-node__searchmatch');
19113
- });
19114
- this.loadedTreeJs = myTree;
19115
- }
19123
+ this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
19124
+ };
19125
+ // TODO > Try to find why this has been previously added
19126
+ // setTimeout(() => {
19127
+ emitValueChange();
19128
+ // }, 100)
19129
+ },
19130
+ loaded: () => {
19131
+ this.mylog('loaded');
19132
+ this.ready = true;
19133
+ this.ignoreOptionsChanges = false;
19134
+ },
19135
+ });
19136
+ Object.values(myTree.liElementsById).forEach((el) => {
19137
+ el.classList.remove('treejs-node__searchmatch');
19138
+ });
19139
+ this.loadedTreeJs = myTree;
19116
19140
  this.collapseAllNodes();
19117
- this.checkFields(this.value, false);
19141
+ // TODO Make something that makes sense, this is a temporary quick fix :
19142
+ // The problem > when clicking on a level > 1 node in modale mode, there seem to be a double affectation happening
19143
+ // the node is selected, then the modale closed and the node selected again, resulting in selecting nothing
19144
+ // a way to prevent unselecting on closing has to be found, also, the value must be properly loaded inside the tree
19145
+ // on opening with a default value
19146
+ if (this.hasFocus.indexOf("hide") == -1)
19147
+ this.checkFields(this.value, false);
19118
19148
  this.setDisplayedValue(this.value);
19119
19149
  this.showSelectedNodes();
19120
19150
  this.deactivateNodesOutOfDepthSettings();
@@ -19127,7 +19157,8 @@ const HierarchizedPickerComponent = class {
19127
19157
  this.itemContextMenuItemClick.emit(e);
19128
19158
  }
19129
19159
  async setNodeAsSelected(id, treeToUpdate, userClick) {
19130
- if ((this.isDisabled && this.shownTree && this.setValueOnClick) ||
19160
+ // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
19161
+ if (((this.isDisabled && this.optionsManager.getOptions().mode != "tree") && this.shownTree && this.setValueOnClick) ||
19131
19162
  (this.loadedTreeJs.liElementsById[id].classList.value && this.loadedTreeJs.liElementsById[id].classList.value.indexOf('readonly_node') != -1))
19132
19163
  return;
19133
19164
  if (treeToUpdate.getValues().indexOf(id.toString()) != -1)
@@ -19282,6 +19313,7 @@ const HierarchizedPickerComponent = class {
19282
19313
  }
19283
19314
  // Search a value in the tree and triggers a search when necessary
19284
19315
  search(searched) {
19316
+ console.log("search ", searched);
19285
19317
  let searchinput = document.querySelector('#hierarchized-picker-' + this.componentID + ' .hierarchized-picker-search input');
19286
19318
  if (this.optionsManager.getOptions().mode == 'input' && searchinput) {
19287
19319
  searchinput.classList.remove('fieldError');
@@ -19336,7 +19368,6 @@ const HierarchizedPickerComponent = class {
19336
19368
  loadDataForTree(init, loader) {
19337
19369
  if (this.optionsManager.getOptions().source == 'webservice') {
19338
19370
  if (this.optionsManager.getOptions().origin == 'classification') {
19339
- console.log("FLAG 02", this.optionsManager.getOptions());
19340
19371
  this.rawDataManager.getFromClassification(this.optionsManager.getOptions().url, this.optionsManager.getOptions().options, loader).then((data) => {
19341
19372
  this.rawData = data;
19342
19373
  if (init) {
@@ -19345,12 +19376,7 @@ const HierarchizedPickerComponent = class {
19345
19376
  }
19346
19377
  })
19347
19378
  .catch(error => {
19348
- try {
19349
- this.errorToLog = 'getDataFromSource 3 classification rejected:' + JSON.stringify(error, replacer, 2);
19350
- }
19351
- catch (_a) {
19352
- console.error('getDataFromSource 4 classification rejected:', JSON.stringify(error, replacer, 2));
19353
- }
19379
+ console.error('getDataFromSource 3 classification rejected:', error);
19354
19380
  });
19355
19381
  }
19356
19382
  else {
@@ -19363,12 +19389,7 @@ const HierarchizedPickerComponent = class {
19363
19389
  }
19364
19390
  })
19365
19391
  .catch(error => {
19366
- try {
19367
- this.errorToLog = 'getDataFromSource 3 legacy rejected:' + JSON.stringify(error, replacer, 2);
19368
- }
19369
- catch (_a) {
19370
- console.error('getDataFromSource 4 legacy rejected:', JSON.stringify(error, replacer, 2));
19371
- }
19392
+ console.error('getDataFromSource 3 legacy rejected:', error);
19372
19393
  });
19373
19394
  }
19374
19395
  }
@@ -19405,6 +19426,7 @@ const HierarchizedPickerComponent = class {
19405
19426
  this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
19406
19427
  }
19407
19428
  else {
19429
+ this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
19408
19430
  console.warn("Node not found in Tree for:", intNodeid);
19409
19431
  }
19410
19432
  });
package/dist/collection/components/hierarchized-picker/hierarchized-picker.css CHANGED
@@ -465,10 +465,11 @@ reneco-hierarchized-picker input[title] {
465
465
  white-space: nowrap;
466
466
  }
467
467
 
468
- .hierarchized-picker-raw-tree-area.readonly li.treejs-node{
468
+ /* TODO For now, the readonly status is ignored for the mode tree, probably need a rework sometime */
469
+ /* .hierarchized-picker-raw-tree-area.readonly li.treejs-node{
469
470
  cursor: initial;
470
471
  pointer-events: none;
471
- }
472
+ } */
472
473
 
473
474
  .hierarchized-picker-raw-tree-area.readonly li.treejs-node .treejs-switcher{
474
475
  pointer-events: all;