reneco-hierarchized-picker 0.4.0-beta.7 → 0.4.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 +125 -103
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.css +2 -2
  3. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +80 -76
  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 +125 -103
  8. package/dist/esm/reneco-hierarchized-picker_2.entry.js +125 -103
  9. package/dist/esm-es5/reneco-hierarchized-picker_2.entry.js +1 -1
  10. package/dist/reneco-hierarchized-picker/p-4b86160a.entry.js +1 -0
  11. package/dist/reneco-hierarchized-picker/p-665c45cc.system.entry.js +3 -0
  12. package/dist/reneco-hierarchized-picker/p-73168a50.system.js +1 -1
  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 {
@@ -18655,7 +18679,7 @@ const HierarchizedPickerComponent = class {
18655
18679
  this.filterTree(newfilter);
18656
18680
  }
18657
18681
  optionsChange(newValue, oldValue) {
18658
- if (!this.optionsManager.getOptions() || !this.ready || this.ignoreOptionsChanges) {
18682
+ if (!this.optionsManager || !this.optionsManager.getOptions() || !this.ready || this.ignoreOptionsChanges) {
18659
18683
  return;
18660
18684
  }
18661
18685
  if (typeof newValue == 'string')
@@ -18664,6 +18688,8 @@ const HierarchizedPickerComponent = class {
18664
18688
  }
18665
18689
  isChangeInOptions(newV, oldV) {
18666
18690
  const isEqual = lodash.isEqual(newV, oldV);
18691
+ if (!newV.defaultValue && !oldV.defaultValue)
18692
+ return;
18667
18693
  const changeDefaultValue = !(newV.defaultValue.length == oldV.defaultValue.length && newV.defaultValue.every(value => oldV.defaultValue.includes(value)));
18668
18694
  if (!isEqual && changeDefaultValue) {
18669
18695
  return changeDefaultValue;
@@ -18722,8 +18748,9 @@ const HierarchizedPickerComponent = class {
18722
18748
  }
18723
18749
  async componentWillLoad() {
18724
18750
  this.isDisabled = this.disabled;
18751
+ this.options = this.getOptionsAsIConf(this.options);
18725
18752
  this.optionsManager = new OptionsManager(this.getOptionsAsIConf(this.options));
18726
- this.rawDataManager = new RawDataManager(() => this.getToken(), this.optionsManager);
18753
+ this.rawDataManager = new RawDataManager(this.getOptionsAsIConf(this.options).token, this.optionsManager);
18727
18754
  await this.loadHierarchizedPicker();
18728
18755
  this.setDisplayedValueFromDefault();
18729
18756
  setTimeout(() => {
@@ -18843,9 +18870,11 @@ const HierarchizedPickerComponent = class {
18843
18870
  }
18844
18871
  }
18845
18872
  }
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')));
18873
+ async loadHierarchizedPicker(reload = false) {
18874
+ if (!reload) {
18875
+ if (this.el.getAttribute('options') && typeof this.el.getAttribute('options') == 'string') {
18876
+ this.optionsManager.updateOptions(JSON.parse(this.el.getAttribute('options')));
18877
+ }
18849
18878
  }
18850
18879
  // If not in a debug mode, disable logs
18851
18880
  {
@@ -18897,19 +18926,18 @@ const HierarchizedPickerComponent = class {
18897
18926
  let newValue = await this.getValue();
18898
18927
  this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
18899
18928
  }
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
- }
18929
+ // async getToken(): Promise<string | null> {
18930
+ // if (typeof this.getOptionsAsIConf(this.options).token === 'string') {
18931
+ // return this.getOptionsAsIConf(this.options).token.length > 200
18932
+ // ? this.getOptionsAsIConf(this.options).token
18933
+ // : window.localStorage.getItem(this.getOptionsAsIConf(this.options).token) ?? null;
18934
+ // }
18935
+ // if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
18936
+ // const token = await this.getOptionsAsIConf(this.options).token();
18937
+ // return typeof token === 'string' ? token : null;
18938
+ // }
18939
+ // return null;
18940
+ // }
18913
18941
  // The error case function called if XHR request fails
18914
18942
  errorLoadingXHR() {
18915
18943
  var _a;
@@ -18966,7 +18994,7 @@ const HierarchizedPickerComponent = class {
18966
18994
  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
18995
  this.rawDataManager.mergeData(newtree);
18968
18996
  newtree.children.forEach((value, index) => {
18969
- completeCurrentTreeWithTree(this.loadedTreeJs, value);
18997
+ completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
18970
18998
  });
18971
18999
  this.triggerTreeDisplay(this.rawData, searched);
18972
19000
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
@@ -18986,7 +19014,6 @@ const HierarchizedPickerComponent = class {
18986
19014
  if (this.theOptions.source == 'webservice') {
18987
19015
  if (this.theOptions.origin == 'classification') {
18988
19016
  // WS Call
18989
- console.log("FLAG 01", this.theOptions);
18990
19017
  this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
18991
19018
  search: {
18992
19019
  StartNodeID: this.theOptions.options.startNode,
@@ -19034,12 +19061,12 @@ const HierarchizedPickerComponent = class {
19034
19061
  else {
19035
19062
  if (this.searchToDisplay > -1 && searchID == this.searchToDisplay) {
19036
19063
  this.rawDataManager.getData().children.forEach((value, _) => {
19037
- completeCurrentTreeWithTree(this.loadedTreeJs, value);
19064
+ completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
19038
19065
  });
19039
19066
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
19040
19067
  }
19041
19068
  const data = !this.optionsManager.getOptions().displayRootNode ? this.rawDataManager.getData().children : [this.rawDataManager.getData()];
19042
- const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions().searchResultPresentsUnMatched);
19069
+ const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions());
19043
19070
  if (searched) {
19044
19071
  this.setSearchResults(treeToDisplay);
19045
19072
  }
@@ -19051,11 +19078,11 @@ const HierarchizedPickerComponent = class {
19051
19078
  return;
19052
19079
  this.mylog(`Translate from ${this.optionsManager.getOptions().origin} ! (${this.optionsManager.getOptions().source})`, dataToLoad);
19053
19080
  const data = !this.optionsManager.getOptions().displayRootNode ? dataToLoad.children : [dataToLoad];
19054
- const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions().searchResultPresentsUnMatched);
19081
+ const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions());
19055
19082
  if (searched) {
19056
19083
  this.setSearchResults(treeToDisplay);
19057
19084
  }
19058
- this.displayTree(treeToDisplay);
19085
+ this.displayTree(treeToDisplay, searched != null);
19059
19086
  }
19060
19087
  deactivateNodesOutOfDepthSettings() {
19061
19088
  if (this.optionsManager.getOptions().maxDepth != undefined || this.optionsManager.getOptions().minDepth != undefined) {
@@ -19076,45 +19103,49 @@ const HierarchizedPickerComponent = class {
19076
19103
  return;
19077
19104
  }
19078
19105
  // 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;
19106
+ const myTree = new Tree('#tree-area-' + this.componentID, {
19107
+ parentApi: this,
19108
+ rawDataManager: this.rawDataManager,
19109
+ completeCurrentTreeWithTree: completeCurrentTreeWithTree,
19110
+ data: (!this.loadedTreeJs || forceTreeReset ? treeData : fillTreeWithObject([], this.rawDataManager.getData().children, null, this.optionsManager.getOptions())),
19111
+ onChange: async () => {
19112
+ let oldValue;
19113
+ try {
19114
+ oldValue = await this.getValue();
19115
+ }
19116
+ catch (error) {
19117
+ oldValue = null;
19118
+ }
19119
+ let emitValueChange = async () => {
19120
+ let newValue = await this.getValue();
19121
+ if (this.valueChangeCallback && this.ready && !this.shownTree) {
19122
+ this.valueChangeCallback(newValue);
19092
19123
  }
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
- }
19124
+ this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
19125
+ };
19126
+ // TODO > Try to find why this has been previously added
19127
+ // setTimeout(() => {
19128
+ emitValueChange();
19129
+ // }, 100)
19130
+ },
19131
+ loaded: () => {
19132
+ this.mylog('loaded');
19133
+ this.ready = true;
19134
+ this.ignoreOptionsChanges = false;
19135
+ },
19136
+ });
19137
+ Object.values(myTree.liElementsById).forEach((el) => {
19138
+ el.classList.remove('treejs-node__searchmatch');
19139
+ });
19140
+ this.loadedTreeJs = myTree;
19116
19141
  this.collapseAllNodes();
19117
- this.checkFields(this.value, false);
19142
+ // TODO Make something that makes sense, this is a temporary quick fix :
19143
+ // The problem > when clicking on a level > 1 node in modale mode, there seem to be a double affectation happening
19144
+ // the node is selected, then the modale closed and the node selected again, resulting in selecting nothing
19145
+ // a way to prevent unselecting on closing has to be found, also, the value must be properly loaded inside the tree
19146
+ // on opening with a default value
19147
+ if (this.hasFocus.indexOf("hide") == -1)
19148
+ this.checkFields(this.value, false);
19118
19149
  this.setDisplayedValue(this.value);
19119
19150
  this.showSelectedNodes();
19120
19151
  this.deactivateNodesOutOfDepthSettings();
@@ -19127,7 +19158,8 @@ const HierarchizedPickerComponent = class {
19127
19158
  this.itemContextMenuItemClick.emit(e);
19128
19159
  }
19129
19160
  async setNodeAsSelected(id, treeToUpdate, userClick) {
19130
- if ((this.isDisabled && this.shownTree && this.setValueOnClick) ||
19161
+ // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
19162
+ if (((this.isDisabled && this.optionsManager.getOptions().mode != "tree") && this.shownTree && this.setValueOnClick) ||
19131
19163
  (this.loadedTreeJs.liElementsById[id].classList.value && this.loadedTreeJs.liElementsById[id].classList.value.indexOf('readonly_node') != -1))
19132
19164
  return;
19133
19165
  if (treeToUpdate.getValues().indexOf(id.toString()) != -1)
@@ -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,10 @@ 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
+ /* .hierarchized-picker-raw-tree-area.readonly li.treejs-node{
469
469
  cursor: initial;
470
470
  pointer-events: none;
471
- }
471
+ } */
472
472
 
473
473
  .hierarchized-picker-raw-tree-area.readonly li.treejs-node .treejs-switcher{
474
474
  pointer-events: all;