reneco-hierarchized-picker 0.4.3-beta.13 → 0.4.3-beta.15

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 (12) hide show
  1. package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js +54 -49
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.css +1 -0
  3. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +53 -34
  4. package/dist/collection/features/events/focus-handlers.js +11 -11
  5. package/dist/custom-elements/index.js +54 -49
  6. package/dist/esm/reneco-hierarchized-picker_2.entry.js +54 -49
  7. package/dist/esm-es5/reneco-hierarchized-picker_2.entry.js +1 -1
  8. package/dist/reneco-hierarchized-picker/{p-ff6573af.entry.js → p-21ad57b6.entry.js} +1 -1
  9. package/dist/reneco-hierarchized-picker/{p-41da652b.system.entry.js → p-378c6522.system.entry.js} +1 -1
  10. package/dist/reneco-hierarchized-picker/p-73168a50.system.js +1 -1
  11. package/dist/reneco-hierarchized-picker/reneco-hierarchized-picker.esm.js +1 -1
  12. package/package.json +1 -1
package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js CHANGED
@@ -18619,19 +18619,6 @@ function handleFocusEvent(component, type) {
18619
18619
  component.showTree('hide');
18620
18620
  }
18621
18621
  }
18622
- function manageFocusOut(component, event) {
18623
- const relatedTarget = event.relatedTarget;
18624
- if (!isInsidePicker(component, relatedTarget)) {
18625
- setTimeout(() => {
18626
- if (!isInsidePicker(component, document.activeElement)) {
18627
- handleFocusEvent(component, 'hide');
18628
- }
18629
- }, 100);
18630
- }
18631
- else {
18632
- handleFocusEvent(component, 'search');
18633
- }
18634
- }
18635
18622
  function clickPickerModalArea(component, _event) {
18636
18623
  if (component.pickerClass === 'fieldError') {
18637
18624
  component.showTree('hide');
@@ -18648,7 +18635,6 @@ function focusInSearchEvent(component) {
18648
18635
  handleFocusEvent(component, 'search');
18649
18636
  }
18650
18637
  function focusOutSearchEvent(component, event) {
18651
- manageFocusOut(component, event);
18652
18638
  }
18653
18639
 
18654
18640
  let focusedNodeIndex = 0;
@@ -18742,7 +18728,7 @@ function setupKeyboardNavigation(component, optionsManager, navigateInTree) {
18742
18728
  });
18743
18729
  }
18744
18730
 
18745
- 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-node__focused{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}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:-ms-flexbox;display:flex;width:100%;-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 input{width:100%}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{padding-top:10px}reneco-hierarchized-picker .hierarchized-picker-modal-area{position:absolute;width:100%;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;z-index:10;overflow:scroll;top:20px;min-height:100px;max-height:var(--hpicker-theme-modal-height, \"200px\") !important;-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-area.display-modale-top{bottom:30px !important;top:unset !important}reneco-hierarchized-picker .hierarchized-picker-modal{padding:0px 15px}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:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{color:var(--ion-color-danger, red) !important;padding-left:10px}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}reneco-hierarchized-picker input{background-color:var(--hpicker-theme-palette-input-background-color, #eeeeee);border-style:var(--hpicker-theme-palette-input-border-style, solid)}reneco-hierarchized-picker input:focus-visible{outline:unset !important;outline-color:unset !important;outline-style:unset !important}.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}";
18731
+ 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-node__focused{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}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:-ms-flexbox;display:flex;width:100%;-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 input{width:100%}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{padding-top:10px}reneco-hierarchized-picker .hierarchized-picker-modal-area{position:absolute;width:100%;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;z-index:10;overflow:scroll;top:20px;min-height:100px;max-height:var(--hpicker-theme-modal-height, \"200px\") !important;-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-area.display-modale-top{bottom:30px !important;top:unset !important}reneco-hierarchized-picker .hierarchized-picker-modal{padding:0px 15px}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:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{color:var(--ion-color-danger, red) !important;padding-left:10px}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}reneco-hierarchized-picker input{background-color:var(--hpicker-theme-palette-input-background-color, #eeeeee);border-style:var(--hpicker-theme-palette-input-border-style, solid);color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black))}reneco-hierarchized-picker input:focus-visible{outline:unset !important;outline-color:unset !important;outline-style:unset !important}.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}";
18746
18732
 
18747
18733
  const HierarchizedPickerComponent = class {
18748
18734
  /**
@@ -18939,27 +18925,30 @@ const HierarchizedPickerComponent = class {
18939
18925
  this.getShortenedFullpath = (realFullpath) => {
18940
18926
  var _a, _b, _c, _d;
18941
18927
  let toret = realFullpath;
18942
- try {
18943
- const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
18944
- const property_value = this.optionsManager.getOptions().options[property_nodeid];
18945
- if (property_value in ["0", 0])
18946
- return toret;
18947
- if (isNumeric(property_value)) {
18948
- if (this.optionsManager.getOptions().origin == 'classification') {
18949
- const { Translations, Properties } = this.rawDataManager.getData();
18950
- const currentLanguage = this.optionsManager.getOptions().language;
18951
- toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
18952
- }
18953
- else {
18954
- const { fullpath, fullpathTranslated, title, valueTranslated } = this.rawDataManager.getData();
18955
- toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
18928
+ const rdmdata = this.rawDataManager.getData();
18929
+ if (rdmdata) {
18930
+ try {
18931
+ const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
18932
+ const property_value = this.optionsManager.getOptions().options[property_nodeid];
18933
+ if (property_value in ["0", 0])
18934
+ return toret;
18935
+ if (isNumeric(property_value)) {
18936
+ if (this.optionsManager.getOptions().origin == 'classification') {
18937
+ const { Translations, Properties } = rdmdata;
18938
+ const currentLanguage = this.optionsManager.getOptions().language;
18939
+ toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
18940
+ }
18941
+ else {
18942
+ const { fullpath, fullpathTranslated, title, valueTranslated } = rdmdata;
18943
+ toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
18944
+ }
18956
18945
  }
18946
+ else
18947
+ this.errorToLog = "Error in getFullpath : startnode is not number";
18948
+ }
18949
+ catch (error) {
18950
+ this.errorToLog = "Error in getFullpath " + error.toString();
18957
18951
  }
18958
- else
18959
- this.errorToLog = "Error in getFullpath : startnode is not number";
18960
- }
18961
- catch (error) {
18962
- this.errorToLog = "Error in getFullpath " + error.toString();
18963
18952
  }
18964
18953
  return toret;
18965
18954
  };
@@ -19237,14 +19226,14 @@ const HierarchizedPickerComponent = class {
19237
19226
  getContextualApiURL(init = false) {
19238
19227
  const { options, url } = this.optionsManager.getOptions();
19239
19228
  if (init && options.Reach) {
19240
- // Use a base URL for relative paths
19241
- const base = window.location.origin; // fallback for relative URLs
19229
+ const base = window.location.origin;
19242
19230
  const parsedUrl = new URL(url, base);
19243
- const pathSegments = parsedUrl.pathname.split('/');
19244
- let dynamicType = pathSegments[pathSegments.length - 2];
19245
- if (['thesaurus', 'position'].indexOf(dynamicType) == -1)
19246
- dynamicType = pathSegments[pathSegments.length - 1];
19247
- const newPathname = `/api/v1/classification/reach/${dynamicType}`;
19231
+ const pathSegments = parsedUrl.pathname.split('/').filter(Boolean);
19232
+ const idx = pathSegments.indexOf("getTree");
19233
+ if (idx !== -1) {
19234
+ pathSegments[idx] = "reach";
19235
+ }
19236
+ const newPathname = "/" + pathSegments.join("/");
19248
19237
  return `${parsedUrl.origin}${newPathname}`;
19249
19238
  }
19250
19239
  return url;
@@ -19568,7 +19557,6 @@ const HierarchizedPickerComponent = class {
19568
19557
  else {
19569
19558
  this.modalePosition = 'bottom';
19570
19559
  }
19571
- console.log("focus search input");
19572
19560
  setTimeout(() => focusSearchInput(this), 100);
19573
19561
  //TODO, this this at the good location ?
19574
19562
  setupKeyboardNavigation(this, this.optionsManager, this.navigateInTree);
@@ -19584,9 +19572,12 @@ const HierarchizedPickerComponent = class {
19584
19572
  return item.nodeid == node.id;
19585
19573
  });
19586
19574
  // If the passed node already exists in the array of values, remove it
19587
- if (userClick && result > -1) {
19588
- this.value.splice(result, 1);
19589
- } // Else, add the node to the array of values
19575
+ if (result > -1) {
19576
+ if (userClick)
19577
+ this.value.splice(result, 1);
19578
+ else
19579
+ return;
19580
+ }
19590
19581
  else {
19591
19582
  if (this.optionsManager.getOptions().multiple) {
19592
19583
  this.value = [
@@ -19615,10 +19606,11 @@ const HierarchizedPickerComponent = class {
19615
19606
  setDisplayedValue(value = null) {
19616
19607
  if (!value)
19617
19608
  value = this.value;
19618
- this.displayedValue = value.map(item => {
19609
+ const toDisplay = value.map(item => {
19619
19610
  var _a, _b;
19620
19611
  return (_b = (this.optionsManager.getOptions().isFullpath ? this.getShortenedFullpath((_a = item.fullpathTranslated) !== null && _a !== void 0 ? _a : item.fullpath) : item.shortpathTranslated)) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`;
19621
19612
  }).join(';');
19613
+ this.displayedValue = toDisplay;
19622
19614
  }
19623
19615
  // Search a value in the tree and triggers a search when necessary
19624
19616
  search(searched) {
@@ -19685,6 +19677,7 @@ const HierarchizedPickerComponent = class {
19685
19677
  if (init) {
19686
19678
  this.formatDefaultValue();
19687
19679
  this.showSelectedNodes();
19680
+ this.checkFields(this.value);
19688
19681
  }
19689
19682
  })
19690
19683
  .catch(error => {
@@ -19750,8 +19743,19 @@ const HierarchizedPickerComponent = class {
19750
19743
  formatDefaultValue() {
19751
19744
  let found = 0;
19752
19745
  let that = this;
19746
+ let fieldsToCheck = [];
19747
+ function addToFieldsToCheck(item) {
19748
+ if (Array.isArray(item)) {
19749
+ item.forEach(el => addToFieldsToCheck(el));
19750
+ }
19751
+ else {
19752
+ const exists = fieldsToCheck.some(el => (el.nodeid || el.ID) == (item.nodeid || item.ID));
19753
+ if (!exists) {
19754
+ fieldsToCheck.push(item);
19755
+ }
19756
+ }
19757
+ }
19753
19758
  let recursive = function (children) {
19754
- //158424
19755
19759
  children.forEach(element => {
19756
19760
  that.theOptions.defaultValue.forEach(dfValue => {
19757
19761
  if (typeof dfValue == 'string' && isNumeric(dfValue)) {
@@ -19761,7 +19765,7 @@ const HierarchizedPickerComponent = class {
19761
19765
  if ((typeof dfValue == 'string' && getPropertyFromNode(element, 'Properties').FullPath == dfValue) ||
19762
19766
  (typeof dfValue == 'number' && getPropertyFromNode(element, 'ID') == dfValue)) {
19763
19767
  element.nodeid = element.id;
19764
- that.checkFields([element]);
19768
+ addToFieldsToCheck([element]);
19765
19769
  found++;
19766
19770
  }
19767
19771
  }
@@ -19771,7 +19775,7 @@ const HierarchizedPickerComponent = class {
19771
19775
  (typeof dfValue == 'string' && getPropertyFromNode(element, 'fullpathTranslated') == dfValue) ||
19772
19776
  (typeof dfValue == 'number' && getPropertyFromNode(element, 'key') == dfValue)) {
19773
19777
  element.nodeid = element.key;
19774
- that.checkFields([element]);
19778
+ addToFieldsToCheck([element]);
19775
19779
  found++;
19776
19780
  }
19777
19781
  }
@@ -19783,6 +19787,7 @@ const HierarchizedPickerComponent = class {
19783
19787
  if (this.rawDataManager.getData()) {
19784
19788
  recursive([this.rawDataManager.getData()]);
19785
19789
  }
19790
+ that.checkFields(fieldsToCheck);
19786
19791
  if (this.theOptions.defaultValue.length != found) {
19787
19792
  if (found == 0) {
19788
19793
  try {
package/dist/collection/components/hierarchized-picker/hierarchized-picker.css CHANGED
@@ -474,6 +474,7 @@ reneco-hierarchized-picker input[title] {
474
474
  reneco-hierarchized-picker input {
475
475
  background-color: var(--hpicker-theme-palette-input-background-color, #eeeeee);
476
476
  border-style: var(--hpicker-theme-palette-input-border-style, solid);
477
+ color: var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black));
477
478
  }
478
479
 
479
480
  reneco-hierarchized-picker input:focus-visible {
package/dist/collection/components/hierarchized-picker/hierarchized-picker.js CHANGED
@@ -200,27 +200,30 @@ export class HierarchizedPickerComponent {
200
200
  this.getShortenedFullpath = (realFullpath) => {
201
201
  var _a, _b, _c, _d;
202
202
  let toret = realFullpath;
203
- try {
204
- const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
205
- const property_value = this.optionsManager.getOptions().options[property_nodeid];
206
- if (property_value in ["0", 0])
207
- return toret;
208
- if (isNumeric(property_value)) {
209
- if (this.optionsManager.getOptions().origin == 'classification') {
210
- const { Translations, Properties } = this.rawDataManager.getData();
211
- const currentLanguage = this.optionsManager.getOptions().language;
212
- toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
213
- }
214
- else {
215
- const { fullpath, fullpathTranslated, title, valueTranslated } = this.rawDataManager.getData();
216
- toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
203
+ const rdmdata = this.rawDataManager.getData();
204
+ if (rdmdata) {
205
+ try {
206
+ const property_nodeid = (this.optionsManager.getOptions().origin == 'classification' ? "startNode" : "StartNodeID");
207
+ const property_value = this.optionsManager.getOptions().options[property_nodeid];
208
+ if (property_value in ["0", 0])
209
+ return toret;
210
+ if (isNumeric(property_value)) {
211
+ if (this.optionsManager.getOptions().origin == 'classification') {
212
+ const { Translations, Properties } = rdmdata;
213
+ const currentLanguage = this.optionsManager.getOptions().language;
214
+ toret = ((_b = (_a = Translations[currentLanguage]) === null || _a === void 0 ? void 0 : _a.translated_name) !== null && _b !== void 0 ? _b : Properties === null || Properties === void 0 ? void 0 : Properties.System_Name) + realFullpath.replace(((_d = (_c = Translations[currentLanguage]) === null || _c === void 0 ? void 0 : _c.translated_fullpath) !== null && _d !== void 0 ? _d : Properties === null || Properties === void 0 ? void 0 : Properties.System_Fullpath), "");
215
+ }
216
+ else {
217
+ const { fullpath, fullpathTranslated, title, valueTranslated } = rdmdata;
218
+ toret = (valueTranslated !== null && valueTranslated !== void 0 ? valueTranslated : title) + realFullpath.replace((fullpathTranslated !== null && fullpathTranslated !== void 0 ? fullpathTranslated : fullpath), "");
219
+ }
217
220
  }
221
+ else
222
+ this.errorToLog = "Error in getFullpath : startnode is not number";
223
+ }
224
+ catch (error) {
225
+ this.errorToLog = "Error in getFullpath " + error.toString();
218
226
  }
219
- else
220
- this.errorToLog = "Error in getFullpath : startnode is not number";
221
- }
222
- catch (error) {
223
- this.errorToLog = "Error in getFullpath " + error.toString();
224
227
  }
225
228
  return toret;
226
229
  };
@@ -501,14 +504,14 @@ export class HierarchizedPickerComponent {
501
504
  getContextualApiURL(init = false) {
502
505
  const { options, url } = this.optionsManager.getOptions();
503
506
  if (init && options.Reach) {
504
- // Use a base URL for relative paths
505
- const base = window.location.origin; // fallback for relative URLs
507
+ const base = window.location.origin;
506
508
  const parsedUrl = new URL(url, base);
507
- const pathSegments = parsedUrl.pathname.split('/');
508
- let dynamicType = pathSegments[pathSegments.length - 2];
509
- if (['thesaurus', 'position'].indexOf(dynamicType) == -1)
510
- dynamicType = pathSegments[pathSegments.length - 1];
511
- const newPathname = `/api/v1/classification/reach/${dynamicType}`;
509
+ const pathSegments = parsedUrl.pathname.split('/').filter(Boolean);
510
+ const idx = pathSegments.indexOf("getTree");
511
+ if (idx !== -1) {
512
+ pathSegments[idx] = "reach";
513
+ }
514
+ const newPathname = "/" + pathSegments.join("/");
512
515
  return `${parsedUrl.origin}${newPathname}`;
513
516
  }
514
517
  return url;
@@ -832,7 +835,6 @@ export class HierarchizedPickerComponent {
832
835
  else {
833
836
  this.modalePosition = 'bottom';
834
837
  }
835
- console.log("focus search input");
836
838
  setTimeout(() => focusSearchInput(this), 100);
837
839
  //TODO, this this at the good location ?
838
840
  setupKeyboardNavigation(this, this.optionsManager, this.navigateInTree);
@@ -848,9 +850,12 @@ export class HierarchizedPickerComponent {
848
850
  return item.nodeid == node.id;
849
851
  });
850
852
  // If the passed node already exists in the array of values, remove it
851
- if (userClick && result > -1) {
852
- this.value.splice(result, 1);
853
- } // Else, add the node to the array of values
853
+ if (result > -1) {
854
+ if (userClick)
855
+ this.value.splice(result, 1);
856
+ else
857
+ return;
858
+ }
854
859
  else {
855
860
  if (this.optionsManager.getOptions().multiple) {
856
861
  this.value = [
@@ -879,10 +884,11 @@ export class HierarchizedPickerComponent {
879
884
  setDisplayedValue(value = null) {
880
885
  if (!value)
881
886
  value = this.value;
882
- this.displayedValue = value.map(item => {
887
+ const toDisplay = value.map(item => {
883
888
  var _a, _b;
884
889
  return (_b = (this.optionsManager.getOptions().isFullpath ? this.getShortenedFullpath((_a = item.fullpathTranslated) !== null && _a !== void 0 ? _a : item.fullpath) : item.shortpathTranslated)) !== null && _b !== void 0 ? _b : `Node ${item.nodeid}`;
885
890
  }).join(';');
891
+ this.displayedValue = toDisplay;
886
892
  }
887
893
  // Search a value in the tree and triggers a search when necessary
888
894
  search(searched) {
@@ -949,6 +955,7 @@ export class HierarchizedPickerComponent {
949
955
  if (init) {
950
956
  this.formatDefaultValue();
951
957
  this.showSelectedNodes();
958
+ this.checkFields(this.value);
952
959
  }
953
960
  })
954
961
  .catch(error => {
@@ -1014,8 +1021,19 @@ export class HierarchizedPickerComponent {
1014
1021
  formatDefaultValue() {
1015
1022
  let found = 0;
1016
1023
  let that = this;
1024
+ let fieldsToCheck = [];
1025
+ function addToFieldsToCheck(item) {
1026
+ if (Array.isArray(item)) {
1027
+ item.forEach(el => addToFieldsToCheck(el));
1028
+ }
1029
+ else {
1030
+ const exists = fieldsToCheck.some(el => (el.nodeid || el.ID) == (item.nodeid || item.ID));
1031
+ if (!exists) {
1032
+ fieldsToCheck.push(item);
1033
+ }
1034
+ }
1035
+ }
1017
1036
  let recursive = function (children) {
1018
- //158424
1019
1037
  children.forEach(element => {
1020
1038
  that.theOptions.defaultValue.forEach(dfValue => {
1021
1039
  if (typeof dfValue == 'string' && isNumeric(dfValue)) {
@@ -1025,7 +1043,7 @@ export class HierarchizedPickerComponent {
1025
1043
  if ((typeof dfValue == 'string' && getPropertyFromNode(element, 'Properties').FullPath == dfValue) ||
1026
1044
  (typeof dfValue == 'number' && getPropertyFromNode(element, 'ID') == dfValue)) {
1027
1045
  element.nodeid = element.id;
1028
- that.checkFields([element]);
1046
+ addToFieldsToCheck([element]);
1029
1047
  found++;
1030
1048
  }
1031
1049
  }
@@ -1035,7 +1053,7 @@ export class HierarchizedPickerComponent {
1035
1053
  (typeof dfValue == 'string' && getPropertyFromNode(element, 'fullpathTranslated') == dfValue) ||
1036
1054
  (typeof dfValue == 'number' && getPropertyFromNode(element, 'key') == dfValue)) {
1037
1055
  element.nodeid = element.key;
1038
- that.checkFields([element]);
1056
+ addToFieldsToCheck([element]);
1039
1057
  found++;
1040
1058
  }
1041
1059
  }
@@ -1047,6 +1065,7 @@ export class HierarchizedPickerComponent {
1047
1065
  if (this.rawDataManager.getData()) {
1048
1066
  recursive([this.rawDataManager.getData()]);
1049
1067
  }
1068
+ that.checkFields(fieldsToCheck);
1050
1069
  if (this.theOptions.defaultValue.length != found) {
1051
1070
  if (found == 0) {
1052
1071
  try {
package/dist/collection/features/events/focus-handlers.js CHANGED
@@ -36,17 +36,17 @@ export function handleFocusEvent(component, type) {
36
36
  }
37
37
  }
38
38
  export function manageFocusOut(component, event) {
39
- const relatedTarget = event.relatedTarget;
40
- if (!isInsidePicker(component, relatedTarget)) {
41
- setTimeout(() => {
42
- if (!isInsidePicker(component, document.activeElement)) {
43
- handleFocusEvent(component, 'hide');
44
- }
45
- }, 100);
46
- }
47
- else {
48
- handleFocusEvent(component, 'search');
49
- }
39
+ // TODO > REVIEW THIS, IT SEEMS TO PREVENT PROPER FOCUS MANAGEMENT RATHER THAN IMPROVING IT
40
+ // const relatedTarget = (event.relatedTarget || event.target) as HTMLElement;
41
+ // if (!isInsidePicker(component, relatedTarget)) {
42
+ // setTimeout(() => {
43
+ // if (!isInsidePicker(component, document.activeElement)) {
44
+ // handleFocusEvent(component, 'hide');
45
+ // }
46
+ // }, 100);
47
+ // } else {
48
+ // handleFocusEvent(component, 'search');
49
+ // }
50
50
  }
51
51
  export function clickPickerModalArea(component, _event) {
52
52
  if (component.pickerClass === 'fieldError') {