reneco-hierarchized-picker 0.2.5 → 0.2.6-beta.3

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 (13) hide show
  1. package/dist/cjs/reneco-hierarchized-picker.cjs.entry.js +72 -10
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.css +30 -26
  3. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +71 -9
  4. package/dist/custom-elements/index.js +72 -10
  5. package/dist/esm/reneco-hierarchized-picker.entry.js +72 -10
  6. package/dist/esm-es5/reneco-hierarchized-picker.entry.js +1 -1
  7. package/dist/reneco-hierarchized-picker/p-73168a50.system.js +1 -1
  8. package/dist/reneco-hierarchized-picker/{p-5f6cc9fa.system.entry.js → p-b84f8fd8.system.entry.js} +1 -1
  9. package/dist/reneco-hierarchized-picker/{p-b0bb0c75.entry.js → p-edf7ee87.entry.js} +1 -1
  10. package/dist/reneco-hierarchized-picker/reneco-hierarchized-picker.esm.js +1 -1
  11. package/dist/types/components/hierarchized-picker/hierarchized-picker.d.ts +1 -1
  12. package/dist/types/utils/utils.d.ts +2 -0
  13. package/package.json +2 -1
package/dist/cjs/reneco-hierarchized-picker.cjs.entry.js CHANGED
@@ -17777,9 +17777,25 @@ var lodash = createCommonjsModule(function (module, exports) {
17777
17777
 
17778
17778
  var browser = XMLHttpRequest;
17779
17779
 
17780
- 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:14px}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 rgba(0, 0, 0, 0.65)}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>.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:yellow;display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:#CCC}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:red}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}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color: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(--ion-color-light, #FAFAFA)}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-medium, #bdbdbd7d);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(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)))}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: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-input input,reneco-hierarchized-picker .hierarchized-picker-search input{padding-left:5px !important;text-overflow:ellipsis !important;border:0;background:transparent;outline:none}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--ion-color-medium-tint, #E0E0E0);position:absolute !important;width:333px !important;margin-top:10px;border-radius:4px;padding:8.5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color: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(--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(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;border-color:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));border:none !important;border-radius:4px}reneco-hierarchized-picker #searchInTree:focus{border:none !important;outline:none !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}.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(--ion-color-primary, var(--mui-palette-primary-main, #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(--mui-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}";
17780
+ 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(--mui-typography-tree-font-size, 14px) !important;font-weight:var(--mui-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 rgba(0, 0, 0, 0.65)}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>.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:yellow;display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:#CCC}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:red}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}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color: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(--ion-color-light, #FAFAFA)}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-medium, #bdbdbd7d);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(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)))}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: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-input input,reneco-hierarchized-picker .hierarchized-picker-search input{padding-left:5px !important;text-overflow:ellipsis !important;border:0;background:transparent;outline:none;font-size:var(--mui-typography-body-font-size, 14px) !important;font-weight:var(--mui-typography-body-font-weight, 400) !important}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--ion-color-medium-tint, #E0E0E0);position:absolute !important;width:333px !important;margin-top:10px;border-radius:4px;padding:8.5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color: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(--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(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;border-color:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));border:none !important;border-radius:4px}reneco-hierarchized-picker #searchInTree:focus{border:none !important;outline:none !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}.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(--ion-color-primary, var(--mui-palette-primary-main, #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(--mui-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}";
17781
17781
 
17782
17782
  const waitBeforeTriggerSearch = 1000;
17783
+ const defaultPickerTheme = {
17784
+ palette: {
17785
+ primary: {
17786
+ main: '#d58433'
17787
+ },
17788
+ background: {
17789
+ default: '#dda9252e'
17790
+ }
17791
+ },
17792
+ typography: {
17793
+ body: {
17794
+ fontSize: '14px',
17795
+ fontWeight: '400'
17796
+ }
17797
+ }
17798
+ };
17783
17799
  function isNumeric(n) {
17784
17800
  return !isNaN(parseFloat(n)) && isFinite(n);
17785
17801
  }
@@ -17862,27 +17878,55 @@ const HierarchizedPickerComponent = class {
17862
17878
  });
17863
17879
  }
17864
17880
  async setNewOption(newValue, oldValue = null) {
17865
- this.canload = true;
17881
+ // --------------------------------------- DEPRECATED ?
17882
+ // this.canload = true;
17883
+ // this.theOptions = newValue;
17884
+ // if (this.theOptions.source != "file") {
17885
+ // this.rawData = null;
17886
+ // }
17887
+ // this.ready = false;
17888
+ //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
17889
+ // ---------------------------------------
17866
17890
  this.theOptions = newValue;
17867
- if (this.theOptions.source != "file") {
17891
+ if (((oldValue && (newValue.origin != oldValue.origin
17892
+ || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
17893
+ && this.theOptions.source != "file") {
17868
17894
  this.rawData = null;
17869
17895
  }
17870
17896
  this.ready = false;
17871
- await this.loadHierarchizedPicker();
17872
- this.displayWhenLoaded();
17873
- //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
17897
+ this.canload = this.isInstanceOfIConf(this.theOptions);
17898
+ if (!this.canload) {
17899
+ this.displayPickerError('Error(s) in the picker configuration!');
17900
+ return;
17901
+ }
17902
+ if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
17903
+ this.value = [];
17904
+ }
17905
+ if (newValue && newValue.loading == "display") {
17906
+ if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
17907
+ await this.loadHierarchizedPicker();
17908
+ this.displayWhenLoaded();
17909
+ }
17910
+ else {
17911
+ this.ready = true;
17912
+ }
17913
+ }
17874
17914
  }
17875
17915
  setNewOptions(newoptions) {
17876
- this.setOptions(JSON.parse(newoptions));
17916
+ if (typeof newoptions == 'string')
17917
+ newoptions = JSON.parse(newoptions);
17918
+ this.setOptions(newoptions);
17877
17919
  }
17878
17920
  setNewFilter(newfilter) {
17879
17921
  this.filterTree(newfilter);
17880
17922
  }
17881
- optionsChange(newValue) {
17923
+ optionsChange(newValue, oldValue) {
17882
17924
  if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
17883
17925
  return;
17884
17926
  }
17885
- this.setNewOption(newValue);
17927
+ if (typeof newValue == 'string')
17928
+ newValue = JSON.parse(newValue);
17929
+ this.setNewOption(newValue, oldValue);
17886
17930
  }
17887
17931
  isChangeInOptions(newV, oldV) {
17888
17932
  const isEqual = lodash.isEqual(newV, oldV);
@@ -17985,6 +18029,10 @@ const HierarchizedPickerComponent = class {
17985
18029
  toret = false;
17986
18030
  this.errorToLog = "options.isFullpath value '" + object.isFullpath + "' doesn't meet interface IConf requirements";
17987
18031
  }
18032
+ if (!((!object.defaultValueIsFullpath && typeof object.defaultValueIsFullpath != "boolean") || typeof object.defaultValueIsFullpath == 'boolean')) {
18033
+ toret = false;
18034
+ this.errorToLog = "options.defaultValueIsFullpath value '" + object.defaultValueIsFullpath + "' doesn't meet interface IConf requirements";
18035
+ }
17988
18036
  if (!((!object.showAutocomplete && typeof object.showAutocomplete != 'boolean') || typeof object.showAutocomplete == 'boolean')) {
17989
18037
  toret = false;
17990
18038
  this.errorToLog = "options.showAutocomplete value '" + object.showAutocomplete + "' doesn't meet interface IConf requirements";
@@ -18009,6 +18057,10 @@ const HierarchizedPickerComponent = class {
18009
18057
  toret = false;
18010
18058
  this.errorToLog = "options.searchResultPresentsUnMatched value '" + object.searchResultPresentsUnMatched + "' doesn't meet interface IConf requirements";
18011
18059
  }
18060
+ if (!((!object.theme && typeof object.theme != 'object') || typeof object.theme == 'object')) {
18061
+ toret = false;
18062
+ this.errorToLog = "options.theme value doesn't meet interface IConf requirements";
18063
+ }
18012
18064
  return toret;
18013
18065
  }
18014
18066
  async initComponent() {
@@ -18039,7 +18091,7 @@ const HierarchizedPickerComponent = class {
18039
18091
  return;
18040
18092
  }
18041
18093
  await Promise.all(this.theOptions.defaultValue.map(async (element) => {
18042
- if (!(typeof element == 'number') && !strIsNumeric(element)) {
18094
+ if (this.theOptions.defaultValueIsFullpath || (!(typeof element == 'number') && !strIsNumeric(element))) {
18043
18095
  if (this.theOptions.source !== "webservice") {
18044
18096
  let errormsg = 'The loading of nodes based on fullpath is only available on webservice mode for now!';
18045
18097
  this.displayPickerError(errormsg);
@@ -18095,10 +18147,13 @@ const HierarchizedPickerComponent = class {
18095
18147
  this.theOptions.displayRootNode = false;
18096
18148
  if (!this.theOptions.dragAndDropEnabled)
18097
18149
  this.theOptions.dragAndDropEnabled = false;
18150
+ if (!this.theOptions.defaultValueIsFullpath)
18151
+ this.theOptions.defaultValueIsFullpath = false;
18098
18152
  if (!this.theOptions.errorsInInput && this.theOptions.errorsInInput !== false)
18099
18153
  this.theOptions.errorsInInput = true;
18100
18154
  }
18101
18155
  async loadHierarchizedPicker() {
18156
+ var _a, _b, _c, _d, _e, _f;
18102
18157
  if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
18103
18158
  this.theOptions = JSON.parse(this.el.getAttribute("options"));
18104
18159
  }
@@ -18134,6 +18189,13 @@ const HierarchizedPickerComponent = class {
18134
18189
  this.el.addEventListener('dragenter', event => {
18135
18190
  event.preventDefault();
18136
18191
  });
18192
+ const docstyle = document.documentElement.style;
18193
+ docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18194
+ docstyle.setProperty('--mui-palette-background-default', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.background.default) || defaultPickerTheme.palette.background.default);
18195
+ docstyle.setProperty('--mui-typography-body-font-size', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18196
+ docstyle.setProperty('--mui-typography-tree-font-size', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18197
+ docstyle.setProperty('--mui-typography-body-font-weight', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18198
+ docstyle.setProperty('--mui-typography-tree-font-weight', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18137
18199
  }
18138
18200
  async componentWillLoad() {
18139
18201
  this.isDisabled = this.disabled;
package/dist/collection/components/hierarchized-picker/hierarchized-picker.css CHANGED
@@ -33,7 +33,8 @@ reneco-hierarchized-picker .scrollable {
33
33
  reneco-hierarchized-picker .treejs {
34
34
  -webkit-box-sizing: border-box;
35
35
  box-sizing: border-box;
36
- font-size: 14px;
36
+ font-size: var(--mui-typography-tree-font-size, 14px) !important;
37
+ font-weight: var(--mui-typography-tree-font-weight, 400) !important;
37
38
  }
38
39
  reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker
39
40
  .treejs *:before {
@@ -351,47 +352,50 @@ reneco-hierarchized-picker .hierarchized-picker-label{
351
352
  }
352
353
 
353
354
  reneco-hierarchized-picker .hierarchized-picker-input input, reneco-hierarchized-picker .hierarchized-picker-search input{
354
- padding-left:5px !important;
355
- text-overflow: ellipsis !important;
356
- border: 0;
357
- background: transparent;
358
- outline: none;
355
+ padding-left:5px !important;
356
+ text-overflow: ellipsis !important;
357
+ border: 0;
358
+ background: transparent;
359
+ outline: none;
360
+
361
+ font-size: var(--mui-typography-body-font-size, 14px) !important;
362
+ font-weight: var(--mui-typography-body-font-weight, 400) !important;
359
363
  }
360
364
 
361
365
  reneco-hierarchized-picker .hierarchized-picker-search input{
362
- width:90%;
366
+ width:90%;
363
367
  }
364
368
 
365
369
  reneco-hierarchized-picker .hierarchized-picker-search{
366
- background-color: var(--ion-color-medium-tint, #E0E0E0);
367
- position: absolute !important;
368
- width: 333px !important;
369
- margin-top: 10px;
370
- border-radius: 4px;
371
- padding: 8.5px;
370
+ background-color: var(--ion-color-medium-tint, #E0E0E0);
371
+ position: absolute !important;
372
+ width: 333px !important;
373
+ margin-top: 10px;
374
+ border-radius: 4px;
375
+ padding: 8.5px;
372
376
  }
373
377
 
374
378
  reneco-hierarchized-picker .hierarchized-picker-tree-area{
375
- width: 333px !important;
376
- padding-top: 48px;
379
+ width: 333px !important;
380
+ padding-top: 48px;
377
381
  }
378
382
 
379
383
  reneco-hierarchized-picker .hierarchized-picker-modal-area{
380
- background-color: var(--ion-color-light-tint, #FFF) !important;
381
- position: absolute;
382
- z-index: 10;
383
- padding-left: 15px;
384
- overflow: scroll;
384
+ background-color: var(--ion-color-light-tint, #FFF) !important;
385
+ position: absolute;
386
+ z-index: 10;
387
+ padding-left: 15px;
388
+ overflow: scroll;
385
389
 
386
- top: 20px;
390
+ top: 20px;
387
391
 
388
- min-height: 100px;
389
- max-height: 200px;
392
+ min-height: 100px;
393
+ max-height: 200px;
390
394
 
391
- box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.2);
392
- border-radius: 4px;
395
+ box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.2);
396
+ border-radius: 4px;
393
397
 
394
- margin-right: 0px !important;
398
+ margin-right: 0px !important;
395
399
  }
396
400
 
397
401
  reneco-hierarchized-picker .hierarchized-picker-modal{
package/dist/collection/components/hierarchized-picker/hierarchized-picker.js CHANGED
@@ -4,6 +4,22 @@ import _ from "lodash";
4
4
  import XMLHttpRequest from 'xhr2';
5
5
  const waitBeforeTriggerSearch = 1000;
6
6
  const debug = false;
7
+ const defaultPickerTheme = {
8
+ palette: {
9
+ primary: {
10
+ main: '#d58433'
11
+ },
12
+ background: {
13
+ default: '#dda9252e'
14
+ }
15
+ },
16
+ typography: {
17
+ body: {
18
+ fontSize: '14px',
19
+ fontWeight: '400'
20
+ }
21
+ }
22
+ };
7
23
  function isNumeric(n) {
8
24
  return !isNaN(parseFloat(n)) && isFinite(n);
9
25
  }
@@ -82,27 +98,55 @@ export class HierarchizedPickerComponent {
82
98
  });
83
99
  }
84
100
  async setNewOption(newValue, oldValue = null) {
85
- this.canload = true;
101
+ // --------------------------------------- DEPRECATED ?
102
+ // this.canload = true;
103
+ // this.theOptions = newValue;
104
+ // if (this.theOptions.source != "file") {
105
+ // this.rawData = null;
106
+ // }
107
+ // this.ready = false;
108
+ //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
109
+ // ---------------------------------------
86
110
  this.theOptions = newValue;
87
- if (this.theOptions.source != "file") {
111
+ if (((oldValue && (newValue.origin != oldValue.origin
112
+ || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
113
+ && this.theOptions.source != "file") {
88
114
  this.rawData = null;
89
115
  }
90
116
  this.ready = false;
91
- await this.loadHierarchizedPicker();
92
- this.displayWhenLoaded();
93
- //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
117
+ this.canload = this.isInstanceOfIConf(this.theOptions);
118
+ if (!this.canload) {
119
+ this.displayPickerError('Error(s) in the picker configuration!');
120
+ return;
121
+ }
122
+ if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
123
+ this.value = [];
124
+ }
125
+ if (newValue && newValue.loading == "display") {
126
+ if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
127
+ await this.loadHierarchizedPicker();
128
+ this.displayWhenLoaded();
129
+ }
130
+ else {
131
+ this.ready = true;
132
+ }
133
+ }
94
134
  }
95
135
  setNewOptions(newoptions) {
96
- this.setOptions(JSON.parse(newoptions));
136
+ if (typeof newoptions == 'string')
137
+ newoptions = JSON.parse(newoptions);
138
+ this.setOptions(newoptions);
97
139
  }
98
140
  setNewFilter(newfilter) {
99
141
  this.filterTree(newfilter);
100
142
  }
101
- optionsChange(newValue) {
143
+ optionsChange(newValue, oldValue) {
102
144
  if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
103
145
  return;
104
146
  }
105
- this.setNewOption(newValue);
147
+ if (typeof newValue == 'string')
148
+ newValue = JSON.parse(newValue);
149
+ this.setNewOption(newValue, oldValue);
106
150
  }
107
151
  isChangeInOptions(newV, oldV) {
108
152
  const isEqual = _.isEqual(newV, oldV);
@@ -205,6 +249,10 @@ export class HierarchizedPickerComponent {
205
249
  toret = false;
206
250
  this.errorToLog = "options.isFullpath value '" + object.isFullpath + "' doesn't meet interface IConf requirements";
207
251
  }
252
+ if (!((!object.defaultValueIsFullpath && typeof object.defaultValueIsFullpath != "boolean") || typeof object.defaultValueIsFullpath == 'boolean')) {
253
+ toret = false;
254
+ this.errorToLog = "options.defaultValueIsFullpath value '" + object.defaultValueIsFullpath + "' doesn't meet interface IConf requirements";
255
+ }
208
256
  if (!((!object.showAutocomplete && typeof object.showAutocomplete != 'boolean') || typeof object.showAutocomplete == 'boolean')) {
209
257
  toret = false;
210
258
  this.errorToLog = "options.showAutocomplete value '" + object.showAutocomplete + "' doesn't meet interface IConf requirements";
@@ -229,6 +277,10 @@ export class HierarchizedPickerComponent {
229
277
  toret = false;
230
278
  this.errorToLog = "options.searchResultPresentsUnMatched value '" + object.searchResultPresentsUnMatched + "' doesn't meet interface IConf requirements";
231
279
  }
280
+ if (!((!object.theme && typeof object.theme != 'object') || typeof object.theme == 'object')) {
281
+ toret = false;
282
+ this.errorToLog = "options.theme value doesn't meet interface IConf requirements";
283
+ }
232
284
  return toret;
233
285
  }
234
286
  async initComponent() {
@@ -259,7 +311,7 @@ export class HierarchizedPickerComponent {
259
311
  return;
260
312
  }
261
313
  await Promise.all(this.theOptions.defaultValue.map(async (element) => {
262
- if (!(typeof element == 'number') && !strIsNumeric(element)) {
314
+ if (this.theOptions.defaultValueIsFullpath || (!(typeof element == 'number') && !strIsNumeric(element))) {
263
315
  if (this.theOptions.source !== "webservice") {
264
316
  let errormsg = 'The loading of nodes based on fullpath is only available on webservice mode for now!';
265
317
  this.displayPickerError(errormsg);
@@ -315,10 +367,13 @@ export class HierarchizedPickerComponent {
315
367
  this.theOptions.displayRootNode = false;
316
368
  if (!this.theOptions.dragAndDropEnabled)
317
369
  this.theOptions.dragAndDropEnabled = false;
370
+ if (!this.theOptions.defaultValueIsFullpath)
371
+ this.theOptions.defaultValueIsFullpath = false;
318
372
  if (!this.theOptions.errorsInInput && this.theOptions.errorsInInput !== false)
319
373
  this.theOptions.errorsInInput = true;
320
374
  }
321
375
  async loadHierarchizedPicker() {
376
+ var _a, _b, _c, _d, _e, _f;
322
377
  if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
323
378
  this.theOptions = JSON.parse(this.el.getAttribute("options"));
324
379
  }
@@ -357,6 +412,13 @@ export class HierarchizedPickerComponent {
357
412
  this.el.addEventListener('dragenter', event => {
358
413
  event.preventDefault();
359
414
  });
415
+ const docstyle = document.documentElement.style;
416
+ docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
417
+ docstyle.setProperty('--mui-palette-background-default', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.background.default) || defaultPickerTheme.palette.background.default);
418
+ docstyle.setProperty('--mui-typography-body-font-size', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
419
+ docstyle.setProperty('--mui-typography-tree-font-size', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
420
+ docstyle.setProperty('--mui-typography-body-font-weight', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
421
+ docstyle.setProperty('--mui-typography-tree-font-weight', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
360
422
  }
361
423
  async componentWillLoad() {
362
424
  this.isDisabled = this.disabled;
package/dist/custom-elements/index.js CHANGED
@@ -17774,9 +17774,25 @@ var lodash = createCommonjsModule(function (module, exports) {
17774
17774
 
17775
17775
  var browser = XMLHttpRequest;
17776
17776
 
17777
- 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:14px}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 rgba(0, 0, 0, 0.65)}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>.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:yellow;display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:#CCC}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:red}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}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color: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(--ion-color-light, #FAFAFA)}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-medium, #bdbdbd7d);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(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)))}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: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-input input,reneco-hierarchized-picker .hierarchized-picker-search input{padding-left:5px !important;text-overflow:ellipsis !important;border:0;background:transparent;outline:none}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--ion-color-medium-tint, #E0E0E0);position:absolute !important;width:333px !important;margin-top:10px;border-radius:4px;padding:8.5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color: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(--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(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;border-color:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));border:none !important;border-radius:4px}reneco-hierarchized-picker #searchInTree:focus{border:none !important;outline:none !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}.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(--ion-color-primary, var(--mui-palette-primary-main, #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(--mui-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}";
17777
+ 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(--mui-typography-tree-font-size, 14px) !important;font-weight:var(--mui-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 rgba(0, 0, 0, 0.65)}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>.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:yellow;display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:#CCC}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:red}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}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color: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(--ion-color-light, #FAFAFA)}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-medium, #bdbdbd7d);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(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)))}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: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-input input,reneco-hierarchized-picker .hierarchized-picker-search input{padding-left:5px !important;text-overflow:ellipsis !important;border:0;background:transparent;outline:none;font-size:var(--mui-typography-body-font-size, 14px) !important;font-weight:var(--mui-typography-body-font-weight, 400) !important}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--ion-color-medium-tint, #E0E0E0);position:absolute !important;width:333px !important;margin-top:10px;border-radius:4px;padding:8.5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color: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(--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(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;border-color:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));border:none !important;border-radius:4px}reneco-hierarchized-picker #searchInTree:focus{border:none !important;outline:none !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}.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(--ion-color-primary, var(--mui-palette-primary-main, #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(--mui-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}";
17778
17778
 
17779
17779
  const waitBeforeTriggerSearch = 1000;
17780
+ const defaultPickerTheme = {
17781
+ palette: {
17782
+ primary: {
17783
+ main: '#d58433'
17784
+ },
17785
+ background: {
17786
+ default: '#dda9252e'
17787
+ }
17788
+ },
17789
+ typography: {
17790
+ body: {
17791
+ fontSize: '14px',
17792
+ fontWeight: '400'
17793
+ }
17794
+ }
17795
+ };
17780
17796
  function isNumeric(n) {
17781
17797
  return !isNaN(parseFloat(n)) && isFinite(n);
17782
17798
  }
@@ -17860,27 +17876,55 @@ const HierarchizedPickerComponent = class extends HTMLElement {
17860
17876
  });
17861
17877
  }
17862
17878
  async setNewOption(newValue, oldValue = null) {
17863
- this.canload = true;
17879
+ // --------------------------------------- DEPRECATED ?
17880
+ // this.canload = true;
17881
+ // this.theOptions = newValue;
17882
+ // if (this.theOptions.source != "file") {
17883
+ // this.rawData = null;
17884
+ // }
17885
+ // this.ready = false;
17886
+ //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
17887
+ // ---------------------------------------
17864
17888
  this.theOptions = newValue;
17865
- if (this.theOptions.source != "file") {
17889
+ if (((oldValue && (newValue.origin != oldValue.origin
17890
+ || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
17891
+ && this.theOptions.source != "file") {
17866
17892
  this.rawData = null;
17867
17893
  }
17868
17894
  this.ready = false;
17869
- await this.loadHierarchizedPicker();
17870
- this.displayWhenLoaded();
17871
- //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
17895
+ this.canload = this.isInstanceOfIConf(this.theOptions);
17896
+ if (!this.canload) {
17897
+ this.displayPickerError('Error(s) in the picker configuration!');
17898
+ return;
17899
+ }
17900
+ if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
17901
+ this.value = [];
17902
+ }
17903
+ if (newValue && newValue.loading == "display") {
17904
+ if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
17905
+ await this.loadHierarchizedPicker();
17906
+ this.displayWhenLoaded();
17907
+ }
17908
+ else {
17909
+ this.ready = true;
17910
+ }
17911
+ }
17872
17912
  }
17873
17913
  setNewOptions(newoptions) {
17874
- this.setOptions(JSON.parse(newoptions));
17914
+ if (typeof newoptions == 'string')
17915
+ newoptions = JSON.parse(newoptions);
17916
+ this.setOptions(newoptions);
17875
17917
  }
17876
17918
  setNewFilter(newfilter) {
17877
17919
  this.filterTree(newfilter);
17878
17920
  }
17879
- optionsChange(newValue) {
17921
+ optionsChange(newValue, oldValue) {
17880
17922
  if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
17881
17923
  return;
17882
17924
  }
17883
- this.setNewOption(newValue);
17925
+ if (typeof newValue == 'string')
17926
+ newValue = JSON.parse(newValue);
17927
+ this.setNewOption(newValue, oldValue);
17884
17928
  }
17885
17929
  isChangeInOptions(newV, oldV) {
17886
17930
  const isEqual = lodash.isEqual(newV, oldV);
@@ -17983,6 +18027,10 @@ const HierarchizedPickerComponent = class extends HTMLElement {
17983
18027
  toret = false;
17984
18028
  this.errorToLog = "options.isFullpath value '" + object.isFullpath + "' doesn't meet interface IConf requirements";
17985
18029
  }
18030
+ if (!((!object.defaultValueIsFullpath && typeof object.defaultValueIsFullpath != "boolean") || typeof object.defaultValueIsFullpath == 'boolean')) {
18031
+ toret = false;
18032
+ this.errorToLog = "options.defaultValueIsFullpath value '" + object.defaultValueIsFullpath + "' doesn't meet interface IConf requirements";
18033
+ }
17986
18034
  if (!((!object.showAutocomplete && typeof object.showAutocomplete != 'boolean') || typeof object.showAutocomplete == 'boolean')) {
17987
18035
  toret = false;
17988
18036
  this.errorToLog = "options.showAutocomplete value '" + object.showAutocomplete + "' doesn't meet interface IConf requirements";
@@ -18007,6 +18055,10 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18007
18055
  toret = false;
18008
18056
  this.errorToLog = "options.searchResultPresentsUnMatched value '" + object.searchResultPresentsUnMatched + "' doesn't meet interface IConf requirements";
18009
18057
  }
18058
+ if (!((!object.theme && typeof object.theme != 'object') || typeof object.theme == 'object')) {
18059
+ toret = false;
18060
+ this.errorToLog = "options.theme value doesn't meet interface IConf requirements";
18061
+ }
18010
18062
  return toret;
18011
18063
  }
18012
18064
  async initComponent() {
@@ -18037,7 +18089,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18037
18089
  return;
18038
18090
  }
18039
18091
  await Promise.all(this.theOptions.defaultValue.map(async (element) => {
18040
- if (!(typeof element == 'number') && !strIsNumeric(element)) {
18092
+ if (this.theOptions.defaultValueIsFullpath || (!(typeof element == 'number') && !strIsNumeric(element))) {
18041
18093
  if (this.theOptions.source !== "webservice") {
18042
18094
  let errormsg = 'The loading of nodes based on fullpath is only available on webservice mode for now!';
18043
18095
  this.displayPickerError(errormsg);
@@ -18093,10 +18145,13 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18093
18145
  this.theOptions.displayRootNode = false;
18094
18146
  if (!this.theOptions.dragAndDropEnabled)
18095
18147
  this.theOptions.dragAndDropEnabled = false;
18148
+ if (!this.theOptions.defaultValueIsFullpath)
18149
+ this.theOptions.defaultValueIsFullpath = false;
18096
18150
  if (!this.theOptions.errorsInInput && this.theOptions.errorsInInput !== false)
18097
18151
  this.theOptions.errorsInInput = true;
18098
18152
  }
18099
18153
  async loadHierarchizedPicker() {
18154
+ var _a, _b, _c, _d, _e, _f;
18100
18155
  if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
18101
18156
  this.theOptions = JSON.parse(this.el.getAttribute("options"));
18102
18157
  }
@@ -18132,6 +18187,13 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18132
18187
  this.el.addEventListener('dragenter', event => {
18133
18188
  event.preventDefault();
18134
18189
  });
18190
+ const docstyle = document.documentElement.style;
18191
+ docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18192
+ docstyle.setProperty('--mui-palette-background-default', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.background.default) || defaultPickerTheme.palette.background.default);
18193
+ docstyle.setProperty('--mui-typography-body-font-size', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18194
+ docstyle.setProperty('--mui-typography-tree-font-size', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18195
+ docstyle.setProperty('--mui-typography-body-font-weight', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18196
+ docstyle.setProperty('--mui-typography-tree-font-weight', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18135
18197
  }
18136
18198
  async componentWillLoad() {
18137
18199
  this.isDisabled = this.disabled;