reneco-hierarchized-picker 0.2.6-beta.2 → 0.3.0

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 (15) hide show
  1. package/dist/cjs/reneco-hierarchized-picker.cjs.entry.js +44 -2
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.css +30 -26
  3. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +56 -14
  4. package/dist/custom-elements/index.js +44 -2
  5. package/dist/esm/reneco-hierarchized-picker.entry.js +44 -2
  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-d8be3d81.system.entry.js → p-b84f8fd8.system.entry.js} +1 -1
  9. package/dist/reneco-hierarchized-picker/{p-3db11690.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 +43 -0
  12. package/dist/types/components.d.ts +54 -0
  13. package/dist/types/utils/utils.d.ts +1 -0
  14. package/package.json +4 -2
  15. package/readme.md +0 -69
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
  }
@@ -17827,6 +17843,9 @@ const HierarchizedPickerComponent = class {
17827
17843
  this.hasFocus = undefined;
17828
17844
  this.errorToLog = '';
17829
17845
  }
17846
+ /**
17847
+ * This method returns the current component's value
17848
+ */
17830
17849
  getValue() {
17831
17850
  var _a, _b, _c, _d;
17832
17851
  if (!this.theOptions.output) {
@@ -17922,9 +17941,15 @@ const HierarchizedPickerComponent = class {
17922
17941
  return !isEqual;
17923
17942
  }
17924
17943
  }
17944
+ /**
17945
+ * This method replaces the current component's options with the ones passed to the method
17946
+ */
17925
17947
  async setOptions(newOptions) {
17926
17948
  this.setNewOption(newOptions);
17927
17949
  }
17950
+ /**
17951
+ * This method triggers a search inside of the tree based on the value passed to the method and displays the result
17952
+ */
17928
17953
  async filterTree(searchedValue) {
17929
17954
  this.search(searchedValue);
17930
17955
  }
@@ -18041,6 +18066,10 @@ const HierarchizedPickerComponent = class {
18041
18066
  toret = false;
18042
18067
  this.errorToLog = "options.searchResultPresentsUnMatched value '" + object.searchResultPresentsUnMatched + "' doesn't meet interface IConf requirements";
18043
18068
  }
18069
+ if (!((!object.theme && typeof object.theme != 'object') || typeof object.theme == 'object')) {
18070
+ toret = false;
18071
+ this.errorToLog = "options.theme value doesn't meet interface IConf requirements";
18072
+ }
18044
18073
  return toret;
18045
18074
  }
18046
18075
  async initComponent() {
@@ -18133,6 +18162,7 @@ const HierarchizedPickerComponent = class {
18133
18162
  this.theOptions.errorsInInput = true;
18134
18163
  }
18135
18164
  async loadHierarchizedPicker() {
18165
+ var _a, _b, _c, _d, _e, _f;
18136
18166
  if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
18137
18167
  this.theOptions = JSON.parse(this.el.getAttribute("options"));
18138
18168
  }
@@ -18168,6 +18198,13 @@ const HierarchizedPickerComponent = class {
18168
18198
  this.el.addEventListener('dragenter', event => {
18169
18199
  event.preventDefault();
18170
18200
  });
18201
+ const docstyle = document.documentElement.style;
18202
+ docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18203
+ docstyle.setProperty('--mui-palette-background-default', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.background.default) || defaultPickerTheme.palette.background.default);
18204
+ 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);
18205
+ 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);
18206
+ 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);
18207
+ 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);
18171
18208
  }
18172
18209
  async componentWillLoad() {
18173
18210
  this.isDisabled = this.disabled;
@@ -19133,7 +19170,9 @@ const HierarchizedPickerComponent = class {
19133
19170
  collapseAllNodes() {
19134
19171
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => item.classList.add('treejs-node__close'));
19135
19172
  }
19136
- // Displays all selected nodes by deploying nodes that contain selected
19173
+ /**
19174
+ * This method display the current selected node to the user by expanding all it's parent nodes and scrolling inside the tree
19175
+ */
19137
19176
  async showSelectedNodes(addDelay = false) {
19138
19177
  if (this.theOptions.multiple) {
19139
19178
  console.warn("You are not allowed to scroll to selected nodes in multiple mode");
@@ -19477,6 +19516,9 @@ const HierarchizedPickerComponent = class {
19477
19516
  this.displayPickerError('Error(s) when loading tree default value(s)!');
19478
19517
  }
19479
19518
  }
19519
+ /**
19520
+ * This method clears the component from any selected value(s)
19521
+ */
19480
19522
  async clearPicker() {
19481
19523
  let oldValue = await this.getValue();
19482
19524
  // Multiple picker : uncheck element
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
  }
@@ -47,6 +63,9 @@ export class HierarchizedPickerComponent {
47
63
  this.hasFocus = undefined;
48
64
  this.errorToLog = '';
49
65
  }
66
+ /**
67
+ * This method returns the current component's value
68
+ */
50
69
  getValue() {
51
70
  var _a, _b, _c, _d;
52
71
  if (!this.theOptions.output) {
@@ -142,9 +161,15 @@ export class HierarchizedPickerComponent {
142
161
  return !isEqual;
143
162
  }
144
163
  }
164
+ /**
165
+ * This method replaces the current component's options with the ones passed to the method
166
+ */
145
167
  async setOptions(newOptions) {
146
168
  this.setNewOption(newOptions);
147
169
  }
170
+ /**
171
+ * This method triggers a search inside of the tree based on the value passed to the method and displays the result
172
+ */
148
173
  async filterTree(searchedValue) {
149
174
  this.search(searchedValue);
150
175
  }
@@ -261,6 +286,10 @@ export class HierarchizedPickerComponent {
261
286
  toret = false;
262
287
  this.errorToLog = "options.searchResultPresentsUnMatched value '" + object.searchResultPresentsUnMatched + "' doesn't meet interface IConf requirements";
263
288
  }
289
+ if (!((!object.theme && typeof object.theme != 'object') || typeof object.theme == 'object')) {
290
+ toret = false;
291
+ this.errorToLog = "options.theme value doesn't meet interface IConf requirements";
292
+ }
264
293
  return toret;
265
294
  }
266
295
  async initComponent() {
@@ -353,6 +382,7 @@ export class HierarchizedPickerComponent {
353
382
  this.theOptions.errorsInInput = true;
354
383
  }
355
384
  async loadHierarchizedPicker() {
385
+ var _a, _b, _c, _d, _e, _f;
356
386
  if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
357
387
  this.theOptions = JSON.parse(this.el.getAttribute("options"));
358
388
  }
@@ -391,6 +421,13 @@ export class HierarchizedPickerComponent {
391
421
  this.el.addEventListener('dragenter', event => {
392
422
  event.preventDefault();
393
423
  });
424
+ const docstyle = document.documentElement.style;
425
+ docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
426
+ docstyle.setProperty('--mui-palette-background-default', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.background.default) || defaultPickerTheme.palette.background.default);
427
+ 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);
428
+ 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);
429
+ 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);
430
+ 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);
394
431
  }
395
432
  async componentWillLoad() {
396
433
  this.isDisabled = this.disabled;
@@ -1356,7 +1393,9 @@ export class HierarchizedPickerComponent {
1356
1393
  collapseAllNodes() {
1357
1394
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => item.classList.add('treejs-node__close'));
1358
1395
  }
1359
- // Displays all selected nodes by deploying nodes that contain selected
1396
+ /**
1397
+ * This method display the current selected node to the user by expanding all it's parent nodes and scrolling inside the tree
1398
+ */
1360
1399
  async showSelectedNodes(addDelay = false) {
1361
1400
  if (this.theOptions.multiple) {
1362
1401
  console.warn("You are not allowed to scroll to selected nodes in multiple mode");
@@ -1700,6 +1739,9 @@ export class HierarchizedPickerComponent {
1700
1739
  this.displayPickerError('Error(s) when loading tree default value(s)!');
1701
1740
  }
1702
1741
  }
1742
+ /**
1743
+ * This method clears the component from any selected value(s)
1744
+ */
1703
1745
  async clearPicker() {
1704
1746
  let oldValue = await this.getValue();
1705
1747
  // Multiple picker : uncheck element
@@ -1812,7 +1854,7 @@ export class HierarchizedPickerComponent {
1812
1854
  "optional": false,
1813
1855
  "docs": {
1814
1856
  "tags": [],
1815
- "text": ""
1857
+ "text": "The component's options as described in the IConf interface"
1816
1858
  }
1817
1859
  },
1818
1860
  "valueChangeCallback": {
@@ -1831,7 +1873,7 @@ export class HierarchizedPickerComponent {
1831
1873
  "optional": false,
1832
1874
  "docs": {
1833
1875
  "tags": [],
1834
- "text": ""
1876
+ "text": "The callback Function called when the value change of the component is triggered"
1835
1877
  }
1836
1878
  },
1837
1879
  "disabled": {
@@ -1846,7 +1888,7 @@ export class HierarchizedPickerComponent {
1846
1888
  "optional": false,
1847
1889
  "docs": {
1848
1890
  "tags": [],
1849
- "text": ""
1891
+ "text": "The disabled property allow the component to be locked when set at true as any standard HTML component would be"
1850
1892
  },
1851
1893
  "attribute": "disabled",
1852
1894
  "reflect": false
@@ -1863,7 +1905,7 @@ export class HierarchizedPickerComponent {
1863
1905
  "optional": false,
1864
1906
  "docs": {
1865
1907
  "tags": [],
1866
- "text": ""
1908
+ "text": "When set, this property allows the replacement of the [options] property of the component with the set value as the method [setOptions] would\r\nThis property exists as an alternative for react context in which we can't directly call the component's method [setOptions]"
1867
1909
  },
1868
1910
  "attribute": "newoptions",
1869
1911
  "reflect": false
@@ -1880,7 +1922,7 @@ export class HierarchizedPickerComponent {
1880
1922
  "optional": false,
1881
1923
  "docs": {
1882
1924
  "tags": [],
1883
- "text": ""
1925
+ "text": "When set, this property triggers a search of the set value inside the tree as the method [filterTree] would\r\nThis property exists as an alternative for react context in which we can't directly call the component's method [filterTree]"
1884
1926
  },
1885
1927
  "attribute": "newfilter",
1886
1928
  "reflect": false
@@ -1910,7 +1952,7 @@ export class HierarchizedPickerComponent {
1910
1952
  "composed": true,
1911
1953
  "docs": {
1912
1954
  "tags": [],
1913
- "text": ""
1955
+ "text": "This event is emitted when the component's value is modified, providing the new value of the component"
1914
1956
  },
1915
1957
  "complexType": {
1916
1958
  "original": "any",
@@ -1925,7 +1967,7 @@ export class HierarchizedPickerComponent {
1925
1967
  "composed": true,
1926
1968
  "docs": {
1927
1969
  "tags": [],
1928
- "text": ""
1970
+ "text": "This event can only be emitted when the component is in tree mode and the drag and drop feature enabled\r\nIt will fire when a node is dropped inside of the tree and provides the node after, before or in which the node is dropped along with it's ID"
1929
1971
  },
1930
1972
  "complexType": {
1931
1973
  "original": "any",
@@ -1940,7 +1982,7 @@ export class HierarchizedPickerComponent {
1940
1982
  "composed": true,
1941
1983
  "docs": {
1942
1984
  "tags": [],
1943
- "text": ""
1985
+ "text": "This event can only be emitted when the component is in tree mode and the menu item context is set\r\nIt will fire when the user clicks in the menu item, providing the item which has been clicked in the menu along with the focused node's ID"
1944
1986
  },
1945
1987
  "complexType": {
1946
1988
  "original": "any",
@@ -1963,7 +2005,7 @@ export class HierarchizedPickerComponent {
1963
2005
  "return": "Promise<any>"
1964
2006
  },
1965
2007
  "docs": {
1966
- "text": "",
2008
+ "text": "This method returns the current component's value",
1967
2009
  "tags": []
1968
2010
  }
1969
2011
  },
@@ -1986,7 +2028,7 @@ export class HierarchizedPickerComponent {
1986
2028
  "return": "Promise<void>"
1987
2029
  },
1988
2030
  "docs": {
1989
- "text": "",
2031
+ "text": "This method replaces the current component's options with the ones passed to the method",
1990
2032
  "tags": []
1991
2033
  }
1992
2034
  },
@@ -2005,7 +2047,7 @@ export class HierarchizedPickerComponent {
2005
2047
  "return": "Promise<void>"
2006
2048
  },
2007
2049
  "docs": {
2008
- "text": "",
2050
+ "text": "This method triggers a search inside of the tree based on the value passed to the method and displays the result",
2009
2051
  "tags": []
2010
2052
  }
2011
2053
  },
@@ -2027,7 +2069,7 @@ export class HierarchizedPickerComponent {
2027
2069
  "return": "Promise<void>"
2028
2070
  },
2029
2071
  "docs": {
2030
- "text": "",
2072
+ "text": "This method display the current selected node to the user by expanding all it's parent nodes and scrolling inside the tree",
2031
2073
  "tags": []
2032
2074
  }
2033
2075
  },
@@ -2043,7 +2085,7 @@ export class HierarchizedPickerComponent {
2043
2085
  "return": "Promise<void>"
2044
2086
  },
2045
2087
  "docs": {
2046
- "text": "",
2088
+ "text": "This method clears the component from any selected value(s)",
2047
2089
  "tags": []
2048
2090
  }
2049
2091
  }
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
  }
@@ -17825,6 +17841,9 @@ const HierarchizedPickerComponent = class extends HTMLElement {
17825
17841
  this.hasFocus = undefined;
17826
17842
  this.errorToLog = '';
17827
17843
  }
17844
+ /**
17845
+ * This method returns the current component's value
17846
+ */
17828
17847
  getValue() {
17829
17848
  var _a, _b, _c, _d;
17830
17849
  if (!this.theOptions.output) {
@@ -17920,9 +17939,15 @@ const HierarchizedPickerComponent = class extends HTMLElement {
17920
17939
  return !isEqual;
17921
17940
  }
17922
17941
  }
17942
+ /**
17943
+ * This method replaces the current component's options with the ones passed to the method
17944
+ */
17923
17945
  async setOptions(newOptions) {
17924
17946
  this.setNewOption(newOptions);
17925
17947
  }
17948
+ /**
17949
+ * This method triggers a search inside of the tree based on the value passed to the method and displays the result
17950
+ */
17926
17951
  async filterTree(searchedValue) {
17927
17952
  this.search(searchedValue);
17928
17953
  }
@@ -18039,6 +18064,10 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18039
18064
  toret = false;
18040
18065
  this.errorToLog = "options.searchResultPresentsUnMatched value '" + object.searchResultPresentsUnMatched + "' doesn't meet interface IConf requirements";
18041
18066
  }
18067
+ if (!((!object.theme && typeof object.theme != 'object') || typeof object.theme == 'object')) {
18068
+ toret = false;
18069
+ this.errorToLog = "options.theme value doesn't meet interface IConf requirements";
18070
+ }
18042
18071
  return toret;
18043
18072
  }
18044
18073
  async initComponent() {
@@ -18131,6 +18160,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18131
18160
  this.theOptions.errorsInInput = true;
18132
18161
  }
18133
18162
  async loadHierarchizedPicker() {
18163
+ var _a, _b, _c, _d, _e, _f;
18134
18164
  if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
18135
18165
  this.theOptions = JSON.parse(this.el.getAttribute("options"));
18136
18166
  }
@@ -18166,6 +18196,13 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18166
18196
  this.el.addEventListener('dragenter', event => {
18167
18197
  event.preventDefault();
18168
18198
  });
18199
+ const docstyle = document.documentElement.style;
18200
+ docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18201
+ docstyle.setProperty('--mui-palette-background-default', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.background.default) || defaultPickerTheme.palette.background.default);
18202
+ 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);
18203
+ 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);
18204
+ 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);
18205
+ 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);
18169
18206
  }
18170
18207
  async componentWillLoad() {
18171
18208
  this.isDisabled = this.disabled;
@@ -19131,7 +19168,9 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19131
19168
  collapseAllNodes() {
19132
19169
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => item.classList.add('treejs-node__close'));
19133
19170
  }
19134
- // Displays all selected nodes by deploying nodes that contain selected
19171
+ /**
19172
+ * This method display the current selected node to the user by expanding all it's parent nodes and scrolling inside the tree
19173
+ */
19135
19174
  async showSelectedNodes(addDelay = false) {
19136
19175
  if (this.theOptions.multiple) {
19137
19176
  console.warn("You are not allowed to scroll to selected nodes in multiple mode");
@@ -19475,6 +19514,9 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19475
19514
  this.displayPickerError('Error(s) when loading tree default value(s)!');
19476
19515
  }
19477
19516
  }
19517
+ /**
19518
+ * This method clears the component from any selected value(s)
19519
+ */
19478
19520
  async clearPicker() {
19479
19521
  let oldValue = await this.getValue();
19480
19522
  // Multiple picker : uncheck element