reneco-hierarchized-picker 0.3.7 → 0.3.8

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 (11) hide show
  1. package/dist/cjs/reneco-hierarchized-picker.cjs.entry.js +30 -36
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.css +28 -28
  3. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +29 -35
  4. package/dist/custom-elements/index.js +30 -36
  5. package/dist/esm/reneco-hierarchized-picker.entry.js +30 -36
  6. package/dist/esm-es5/reneco-hierarchized-picker.entry.js +1 -1
  7. package/dist/reneco-hierarchized-picker/{p-d2640398.system.entry.js → p-343f1f73.system.entry.js} +1 -1
  8. package/dist/reneco-hierarchized-picker/{p-4f3ed7a2.entry.js → p-3dc0df8c.entry.js} +1 -1
  9. package/dist/reneco-hierarchized-picker/p-73168a50.system.js +1 -1
  10. package/dist/reneco-hierarchized-picker/reneco-hierarchized-picker.esm.js +1 -1
  11. package/package.json +1 -1
package/dist/cjs/reneco-hierarchized-picker.cjs.entry.js CHANGED
@@ -17777,47 +17777,41 @@ 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: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 var(--mui-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--mui-palette-primary-contrastText) !important}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked{background-color:var(--mui-palette-background-default, #e8a86c)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--mui-palette-background-light, #e8a86c);display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--mui-palette-background-light, #e8a86c)}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--mui-palette-primary-main, #d58433)}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--mui-palette-primary-main, #d58433)}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--mui-palette-primary-main, #d58433)}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important;background-color:var(--mui-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--mui-palette-background-default, #e8a86c);padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--mui-palette-primary-light) !important;color:var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000))!important}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--mui-palette-font-color, black)}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-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%;color:var(--mui-palette-font-color, var(--ion-color-light-tint, #fff)) !important}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--mui-palette-background-light, 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(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212))}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--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(--hpicker-theme-typography-tree-font-size, 14px) !important;font-weight:var(--hpicker-theme-typography-tree-font-weight, 400) !important}reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker .treejs *:before{-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .treejs>.treejs-node{padding-left:0}reneco-hierarchized-picker .treejs .treejs-nodes{list-style:none;padding-left:20px;overflow:hidden;-webkit-transition:height 150ms ease-out, opacity 150ms ease-out;-o-transition:height 150ms ease-out, opacity 150ms ease-out;transition:height 150ms ease-out, opacity 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-node{cursor:pointer;overflow:hidden;position:relative}reneco-hierarchized-picker .treejs .treejs-node.treejs-placeholder{padding-left:20px}reneco-hierarchized-picker .treejs .treejs-switcher{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative;-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-switcher:before{position:absolute;top:8px;left:6px;display:block;content:' ';border:4px solid transparent;border-top:4px solid rgba(0, 0, 0, 0.4);-webkit-transition:border-color 150ms;-o-transition:border-color 150ms;transition:border-color 150ms}reneco-hierarchized-picker .treejs .treejs-switcher:hover:before{border-top:4px solid var(--hpicker-theme-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-primary-contrastText) !important}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked{background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c))}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c))}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important;background-color:var(--hpicker-theme-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)))}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--hpicker-theme-palette-primary-light) !important;color:var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black))}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-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(--hpicker-theme-typography-body-font-size, var(--mui-typography-body-font-size, 14px)) !important;font-weight:var(--hpicker-theme-typography-body-font-weight, var(--mui-typography-body-font-weight, 400)) !important}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%;color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-light-tint, #fff))) !important}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, 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(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212)))}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;border-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, var(--ion-color-background, 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(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433)));width:8px;margin:5px;border-radius:5px}::-webkit-scrollbar{background:var(--ion-color-medium-tint, #E0E0E0);width:8px;height:8px;margin:5px;cursor:pointer;border-radius:5px}::-webkit-scrollbar-corner{background-color:var(--ion-color-light-tint, #FFF)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-dark-tint, #424242);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-dark, #212121);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, var(--hpicker-theme-palette-background-default, rgba(221, 169, 37, 0.18)));color:var(--ion-color-primary-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker .treejs-switcher:before{border-top-color:var(--ion-color-dark-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked .treejs-switcher:before{color:var(--ion-color-light-contrast, #111111) !important}[class$=\"-dark\"] reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){background-color:var(--ion-color-light-contrast, #111111) !important}";
17781
17781
 
17782
17782
  const waitBeforeTriggerSearch = 1000;
17783
17783
  const defaultLanguage = 'en';
17784
- // const defaultPickerTheme = {
17785
- // palette: {
17786
- // primary: {
17787
- // main: '#d58433',
17788
- // },
17789
- // background: {
17790
- // default: '#dda9252e',
17791
- // light: '#e8a86c',
17792
- // },
17793
- // },
17794
- // typography: {
17795
- // body: {
17796
- // fontSize: '14px',
17797
- // fontWeight: '400',
17798
- // },
17799
- // },
17800
- // };
17801
17784
  const defaultPickerTheme = {
17802
17785
  palette: {
17803
17786
  primary: {
17804
- main: '#009688',
17805
- light: '#B2DFDB',
17787
+ // slider color?
17788
+ main: '#888',
17789
+ // selected node?
17790
+ light: '#888',
17791
+ // font for selected node?
17806
17792
  contrastText: '#000',
17807
17793
  },
17808
17794
  background: {
17809
- default: '#222',
17810
- light: '#444',
17811
- main: '#222',
17812
- dark: '#000'
17795
+ // opened parent bg?
17796
+ default: '#ccc',
17797
+ // closed parent bg?
17798
+ // + search input bg in input mode?
17799
+ light: '#eee',
17800
+ // nothing?
17801
+ main: '#000',
17802
+ // background modale?
17803
+ dark: '#fff'
17813
17804
  },
17814
17805
  text: {
17815
- primary: "#fff"
17806
+ // font default?
17807
+ primary: "#000"
17816
17808
  }
17817
17809
  },
17818
17810
  typography: {
17819
17811
  body: {
17812
+ // font size default?
17820
17813
  fontSize: '14px',
17814
+ // font weight default?
17821
17815
  fontWeight: '400',
17822
17816
  },
17823
17817
  },
@@ -18235,17 +18229,17 @@ const HierarchizedPickerComponent = class {
18235
18229
  event.preventDefault();
18236
18230
  });
18237
18231
  const docstyle = document.documentElement.style;
18238
- docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18239
- docstyle.setProperty('--mui-palette-primary-light', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.primary.light) || defaultPickerTheme.palette.primary.light);
18240
- docstyle.setProperty('--mui-palette-primary-contrastText', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.palette.primary.contrastText) || defaultPickerTheme.palette.primary.contrastText);
18241
- docstyle.setProperty('--mui-palette-background-default', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.palette.background.default) || defaultPickerTheme.palette.background.default);
18242
- docstyle.setProperty('--mui-palette-background-light', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.palette.background.light) || defaultPickerTheme.palette.background.light);
18243
- docstyle.setProperty('--mui-palette-background-dark', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.palette.background.dark) || defaultPickerTheme.palette.background.dark);
18244
- docstyle.setProperty('--mui-typography-body-font-size', ((_g = this.theOptions.theme) === null || _g === void 0 ? void 0 : _g.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18245
- docstyle.setProperty('--mui-typography-tree-font-size', ((_h = this.theOptions.theme) === null || _h === void 0 ? void 0 : _h.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18246
- docstyle.setProperty('--mui-typography-body-font-weight', ((_j = this.theOptions.theme) === null || _j === void 0 ? void 0 : _j.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18247
- docstyle.setProperty('--mui-typography-tree-font-weight', ((_k = this.theOptions.theme) === null || _k === void 0 ? void 0 : _k.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18248
- docstyle.setProperty('--mui-palette-font-color', ((_l = this.theOptions.theme) === null || _l === void 0 ? void 0 : _l.palette.text.primary) || defaultPickerTheme.palette.text.primary);
18232
+ docstyle.setProperty('--hpicker-theme-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18233
+ docstyle.setProperty('--hpicker-theme-palette-primary-light', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.primary.light) || defaultPickerTheme.palette.primary.light);
18234
+ docstyle.setProperty('--hpicker-theme-palette-primary-contrastText', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.palette.primary.contrastText) || defaultPickerTheme.palette.primary.contrastText);
18235
+ docstyle.setProperty('--hpicker-theme-palette-background-default', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.palette.background.default) || defaultPickerTheme.palette.background.default);
18236
+ docstyle.setProperty('--hpicker-theme-palette-background-light', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.palette.background.light) || defaultPickerTheme.palette.background.light);
18237
+ docstyle.setProperty('--hpicker-theme-palette-background-dark', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.palette.background.dark) || defaultPickerTheme.palette.background.dark);
18238
+ docstyle.setProperty('--hpicker-theme-typography-body-font-size', ((_g = this.theOptions.theme) === null || _g === void 0 ? void 0 : _g.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18239
+ docstyle.setProperty('--hpicker-theme-typography-tree-font-size', ((_h = this.theOptions.theme) === null || _h === void 0 ? void 0 : _h.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18240
+ docstyle.setProperty('--hpicker-theme-typography-body-font-weight', ((_j = this.theOptions.theme) === null || _j === void 0 ? void 0 : _j.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18241
+ docstyle.setProperty('--hpicker-theme-typography-tree-font-weight', ((_k = this.theOptions.theme) === null || _k === void 0 ? void 0 : _k.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18242
+ docstyle.setProperty('--hpicker-theme-palette-font-color', ((_l = this.theOptions.theme) === null || _l === void 0 ? void 0 : _l.palette.text.primary) || defaultPickerTheme.palette.text.primary);
18249
18243
  }
18250
18244
  async componentWillLoad() {
18251
18245
  this.isDisabled = this.disabled;
package/dist/collection/components/hierarchized-picker/hierarchized-picker.css CHANGED
@@ -33,8 +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: var(--mui-typography-tree-font-size, 14px) !important;
37
- font-weight: var(--mui-typography-tree-font-weight, 400) !important;
36
+ font-size: var(--hpicker-theme-typography-tree-font-size, 14px) !important;
37
+ font-weight: var(--hpicker-theme-typography-tree-font-weight, 400) !important;
38
38
  }
39
39
  reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker
40
40
  .treejs *:before {
@@ -86,10 +86,10 @@ reneco-hierarchized-picker .treejs {
86
86
  transition: border-color 150ms;
87
87
  }
88
88
  reneco-hierarchized-picker .treejs .treejs-switcher:hover:before {
89
- border-top: 4px solid var(--mui-palette-font-color);
89
+ border-top: 4px solid var(--hpicker-theme-palette-font-color);
90
90
  }
91
91
  reneco-hierarchized-picker .treejs-node__checked > .treejs-switcher:before {
92
- border-top: 4px solid var(--mui-palette-primary-contrastText) !important;
92
+ border-top: 4px solid var(--hpicker-theme-palette-primary-contrastText) !important;
93
93
  }
94
94
  reneco-hierarchized-picker .treejs .treejs-node__close > .treejs-switcher {
95
95
  -webkit-transform: rotate(-90deg);
@@ -146,7 +146,7 @@ reneco-hierarchized-picker .treejs {
146
146
  transform: rotate(45deg);
147
147
  }
148
148
  reneco-hierarchized-picker .treejs .treejs-node__halfchecked {
149
- background-color: var(--mui-palette-background-default, #e8a86c);
149
+ background-color: var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));
150
150
  }
151
151
  reneco-hierarchized-picker .treejs .treejs-node__halfchecked > .treejs-checkbox:before {
152
152
  background-color: #1890ff;
@@ -203,14 +203,14 @@ reneco-hierarchized-picker .treejs {
203
203
  font-weight: bolder;
204
204
  }
205
205
  reneco-hierarchized-picker .treejs .dragging {
206
- background: var(--mui-palette-background-light, #e8a86c);
206
+ background: var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));
207
207
  display: inline;
208
208
  opacity: .9;
209
209
  padding: 11px 0px;
210
210
  display: block;
211
211
  }
212
212
  reneco-hierarchized-picker .treejs .dragover {
213
- background: var(--mui-palette-background-light, #e8a86c);
213
+ background: var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));
214
214
  }
215
215
  reneco-hierarchized-picker .treejs .dragover-over::after {
216
216
  content: "";
@@ -220,7 +220,7 @@ reneco-hierarchized-picker .treejs {
220
220
  position: absolute;
221
221
  top: 0;
222
222
  left: 0;
223
- background: var(--mui-palette-primary-main, #d58433);
223
+ background: var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433));
224
224
  }
225
225
  reneco-hierarchized-picker .treejs .dragover-before::after {
226
226
  content: "";
@@ -230,7 +230,7 @@ reneco-hierarchized-picker .treejs {
230
230
  position: absolute;
231
231
  top: 0;
232
232
  left: 0;
233
- background: var(--mui-palette-primary-main, #d58433);
233
+ background: var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433));
234
234
  }
235
235
  reneco-hierarchized-picker .treejs .dragover-after::after {
236
236
  content: "";
@@ -240,7 +240,7 @@ reneco-hierarchized-picker .treejs {
240
240
  position: absolute;
241
241
  bottom: 0;
242
242
  left: 0;
243
- background: var(--mui-palette-primary-main, #d58433);
243
+ background: var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433));
244
244
  }
245
245
 
246
246
 
@@ -263,13 +263,13 @@ reneco-hierarchized-picker ul.treejs-nodes:first-child {
263
263
  padding-left: 0px !important;
264
264
  margin-top: 0px !important;
265
265
  margin-left: 0px !important;
266
- background-color: var(--mui-palette-background-dark);
266
+ background-color: var(--hpicker-theme-palette-background-dark);
267
267
  }
268
268
 
269
269
  reneco-hierarchized-picker ul.treejs-nodes:not(:first-child) {
270
270
  margin: 0 !important;
271
271
  padding-left: 15px !important;
272
- background-color: var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF));
272
+ background-color: var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)));
273
273
  }
274
274
 
275
275
  reneco-hierarchized-picker ul.treejs-nodes {
@@ -286,10 +286,10 @@ reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close u
286
286
  }
287
287
 
288
288
  reneco-hierarchized-picker li.treejs-node__close {
289
- background-color: var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA));
289
+ background-color: var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)));
290
290
  }
291
291
  reneco-hierarchized-picker li:not(.treejs-node__close) {
292
- background-color: var(--mui-palette-background-default, #e8a86c);
292
+ background-color: var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));
293
293
  padding-bottom: 0px !important;
294
294
  }
295
295
 
@@ -306,8 +306,8 @@ reneco-hierarchized-picker ul li:last-child {
306
306
  }
307
307
 
308
308
  reneco-hierarchized-picker li.treejs-node__checked {
309
- background-color: var(--mui-palette-primary-light) !important;
310
- color : var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000))!important;
309
+ background-color: var(--hpicker-theme-palette-primary-light) !important;
310
+ color : var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important;
311
311
  }
312
312
 
313
313
  reneco-hierarchized-picker li.treejs-node {
@@ -322,7 +322,7 @@ reneco-hierarchized-picker .treejs-node.readonly_node {
322
322
 
323
323
  reneco-hierarchized-picker .treejs-node:not(.readonly_node) {
324
324
  user-select: none;
325
- color: var(--mui-palette-font-color, black);
325
+ color: var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black));
326
326
  }
327
327
 
328
328
  reneco-hierarchized-picker .hierarchized-picker-container{
@@ -366,17 +366,17 @@ reneco-hierarchized-picker .hierarchized-picker-input input, reneco-hierarchized
366
366
  background: transparent;
367
367
  outline: none;
368
368
 
369
- font-size: var(--mui-typography-body-font-size, 14px) !important;
370
- font-weight: var(--mui-typography-body-font-weight, 400) !important;
369
+ font-size: var(--hpicker-theme-typography-body-font-size, var(--mui-typography-body-font-size, 14px)) !important;
370
+ font-weight: var(--hpicker-theme-typography-body-font-weight, var(--mui-typography-body-font-weight, 400)) !important;
371
371
  }
372
372
 
373
373
  reneco-hierarchized-picker .hierarchized-picker-search input{
374
374
  width:90%;
375
- color: var(--mui-palette-font-color, var(--ion-color-light-tint, #fff)) !important;
375
+ color: var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-light-tint, #fff))) !important;
376
376
  }
377
377
 
378
378
  reneco-hierarchized-picker .hierarchized-picker-search{
379
- background-color: var(--mui-palette-background-light, var(--ion-color-medium-tint, #E0E0E0));
379
+ background-color: var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-medium-tint, #E0E0E0)));
380
380
  position: absolute !important;
381
381
  width: 333px !important;
382
382
  margin-top: 10px;
@@ -390,7 +390,7 @@ reneco-hierarchized-picker .hierarchized-picker-tree-area{
390
390
  }
391
391
 
392
392
  reneco-hierarchized-picker .hierarchized-picker-modal-area{
393
- background-color: var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)) !important;
393
+ background-color: var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;
394
394
  position: absolute;
395
395
  z-index: 10;
396
396
  padding-left: 15px;
@@ -441,7 +441,7 @@ reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{
441
441
 
442
442
  /* ICON DROPDOWN */
443
443
  reneco-hierarchized-picker .treejs .treejs-switcher:before {
444
- border-top : 4px solid var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212));
444
+ border-top : 4px solid var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212)));
445
445
  }
446
446
 
447
447
  /* ICON CHECK BOX */
@@ -449,14 +449,14 @@ reneco-hierarchized-picker .treejs .treejs-checkbox:before {
449
449
  box-shadow: none !important;
450
450
  }
451
451
  reneco-hierarchized-picker .treejs .treejs-node__checked > .treejs-checkbox:before, reneco-hierarchized-picker .treejs .treejs-node__halfchecked > .treejs-checkbox:before {
452
- background-color: var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;
453
- border-color: var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;
452
+ background-color: var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;
453
+ border-color: var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;
454
454
  box-shadow: none !important;
455
455
  }
456
456
 
457
457
  reneco-hierarchized-picker #searchInTree {
458
458
  padding: 8.5px 8px;
459
- background: var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));
459
+ background: var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, var(--ion-color-background, rgba(221, 169, 37, 0.18))));
460
460
  border: none !important;
461
461
  border-radius: 4px;
462
462
  }
@@ -506,7 +506,7 @@ reneco-hierarchized-picker .hierarchized-picker-raw-tree-area li.treejs-node {
506
506
  }
507
507
 
508
508
  ::-webkit-scrollbar-thumb {
509
- background: var(--ion-color-primary, var(--mui-palette-primary-main, #d58433));
509
+ background: var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433)));
510
510
  width: 8px;
511
511
  margin: 5px;
512
512
  border-radius: 5px;
@@ -534,7 +534,7 @@ reneco-hierarchized-picker .hierarchized-picker-raw-tree-area li.treejs-node {
534
534
  }
535
535
 
536
536
  [class$="-dark"] reneco-hierarchized-picker li.treejs-node__checked {
537
- background-color: var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));
537
+ background-color: var(--ion-color-background, var(--hpicker-theme-palette-background-default, rgba(221, 169, 37, 0.18)));
538
538
  color : var(--ion-color-primary-contrast, #fff) !important;
539
539
  }
540
540
 
package/dist/collection/components/hierarchized-picker/hierarchized-picker.js CHANGED
@@ -5,43 +5,37 @@ import XMLHttpRequest from 'xhr2';
5
5
  const waitBeforeTriggerSearch = 1000;
6
6
  const debug = false;
7
7
  const defaultLanguage = 'en';
8
- // const defaultPickerTheme = {
9
- // palette: {
10
- // primary: {
11
- // main: '#d58433',
12
- // },
13
- // background: {
14
- // default: '#dda9252e',
15
- // light: '#e8a86c',
16
- // },
17
- // },
18
- // typography: {
19
- // body: {
20
- // fontSize: '14px',
21
- // fontWeight: '400',
22
- // },
23
- // },
24
- // };
25
8
  const defaultPickerTheme = {
26
9
  palette: {
27
10
  primary: {
28
- main: '#009688',
29
- light: '#B2DFDB',
11
+ // slider color?
12
+ main: '#888',
13
+ // selected node?
14
+ light: '#888',
15
+ // font for selected node?
30
16
  contrastText: '#000',
31
17
  },
32
18
  background: {
33
- default: '#222',
34
- light: '#444',
35
- main: '#222',
36
- dark: '#000'
19
+ // opened parent bg?
20
+ default: '#ccc',
21
+ // closed parent bg?
22
+ // + search input bg in input mode?
23
+ light: '#eee',
24
+ // nothing?
25
+ main: '#000',
26
+ // background modale?
27
+ dark: '#fff'
37
28
  },
38
29
  text: {
39
- primary: "#fff"
30
+ // font default?
31
+ primary: "#000"
40
32
  }
41
33
  },
42
34
  typography: {
43
35
  body: {
36
+ // font size default?
44
37
  fontSize: '14px',
38
+ // font weight default?
45
39
  fontWeight: '400',
46
40
  },
47
41
  },
@@ -458,17 +452,17 @@ export class HierarchizedPickerComponent {
458
452
  event.preventDefault();
459
453
  });
460
454
  const docstyle = document.documentElement.style;
461
- docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
462
- docstyle.setProperty('--mui-palette-primary-light', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.primary.light) || defaultPickerTheme.palette.primary.light);
463
- docstyle.setProperty('--mui-palette-primary-contrastText', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.palette.primary.contrastText) || defaultPickerTheme.palette.primary.contrastText);
464
- docstyle.setProperty('--mui-palette-background-default', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.palette.background.default) || defaultPickerTheme.palette.background.default);
465
- docstyle.setProperty('--mui-palette-background-light', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.palette.background.light) || defaultPickerTheme.palette.background.light);
466
- docstyle.setProperty('--mui-palette-background-dark', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.palette.background.dark) || defaultPickerTheme.palette.background.dark);
467
- docstyle.setProperty('--mui-typography-body-font-size', ((_g = this.theOptions.theme) === null || _g === void 0 ? void 0 : _g.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
468
- docstyle.setProperty('--mui-typography-tree-font-size', ((_h = this.theOptions.theme) === null || _h === void 0 ? void 0 : _h.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
469
- docstyle.setProperty('--mui-typography-body-font-weight', ((_j = this.theOptions.theme) === null || _j === void 0 ? void 0 : _j.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
470
- docstyle.setProperty('--mui-typography-tree-font-weight', ((_k = this.theOptions.theme) === null || _k === void 0 ? void 0 : _k.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
471
- docstyle.setProperty('--mui-palette-font-color', ((_l = this.theOptions.theme) === null || _l === void 0 ? void 0 : _l.palette.text.primary) || defaultPickerTheme.palette.text.primary);
455
+ docstyle.setProperty('--hpicker-theme-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
456
+ docstyle.setProperty('--hpicker-theme-palette-primary-light', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.primary.light) || defaultPickerTheme.palette.primary.light);
457
+ docstyle.setProperty('--hpicker-theme-palette-primary-contrastText', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.palette.primary.contrastText) || defaultPickerTheme.palette.primary.contrastText);
458
+ docstyle.setProperty('--hpicker-theme-palette-background-default', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.palette.background.default) || defaultPickerTheme.palette.background.default);
459
+ docstyle.setProperty('--hpicker-theme-palette-background-light', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.palette.background.light) || defaultPickerTheme.palette.background.light);
460
+ docstyle.setProperty('--hpicker-theme-palette-background-dark', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.palette.background.dark) || defaultPickerTheme.palette.background.dark);
461
+ docstyle.setProperty('--hpicker-theme-typography-body-font-size', ((_g = this.theOptions.theme) === null || _g === void 0 ? void 0 : _g.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
462
+ docstyle.setProperty('--hpicker-theme-typography-tree-font-size', ((_h = this.theOptions.theme) === null || _h === void 0 ? void 0 : _h.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
463
+ docstyle.setProperty('--hpicker-theme-typography-body-font-weight', ((_j = this.theOptions.theme) === null || _j === void 0 ? void 0 : _j.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
464
+ docstyle.setProperty('--hpicker-theme-typography-tree-font-weight', ((_k = this.theOptions.theme) === null || _k === void 0 ? void 0 : _k.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
465
+ docstyle.setProperty('--hpicker-theme-palette-font-color', ((_l = this.theOptions.theme) === null || _l === void 0 ? void 0 : _l.palette.text.primary) || defaultPickerTheme.palette.text.primary);
472
466
  }
473
467
  async componentWillLoad() {
474
468
  this.isDisabled = this.disabled;
package/dist/custom-elements/index.js CHANGED
@@ -17774,47 +17774,41 @@ 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: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 var(--mui-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--mui-palette-primary-contrastText) !important}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked{background-color:var(--mui-palette-background-default, #e8a86c)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--mui-palette-background-light, #e8a86c);display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--mui-palette-background-light, #e8a86c)}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--mui-palette-primary-main, #d58433)}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--mui-palette-primary-main, #d58433)}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--mui-palette-primary-main, #d58433)}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important;background-color:var(--mui-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--mui-palette-background-default, #e8a86c);padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--mui-palette-primary-light) !important;color:var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000))!important}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--mui-palette-font-color, black)}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-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%;color:var(--mui-palette-font-color, var(--ion-color-light-tint, #fff)) !important}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--mui-palette-background-light, 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(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212))}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--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(--hpicker-theme-typography-tree-font-size, 14px) !important;font-weight:var(--hpicker-theme-typography-tree-font-weight, 400) !important}reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker .treejs *:before{-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .treejs>.treejs-node{padding-left:0}reneco-hierarchized-picker .treejs .treejs-nodes{list-style:none;padding-left:20px;overflow:hidden;-webkit-transition:height 150ms ease-out, opacity 150ms ease-out;-o-transition:height 150ms ease-out, opacity 150ms ease-out;transition:height 150ms ease-out, opacity 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-node{cursor:pointer;overflow:hidden;position:relative}reneco-hierarchized-picker .treejs .treejs-node.treejs-placeholder{padding-left:20px}reneco-hierarchized-picker .treejs .treejs-switcher{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative;-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-switcher:before{position:absolute;top:8px;left:6px;display:block;content:' ';border:4px solid transparent;border-top:4px solid rgba(0, 0, 0, 0.4);-webkit-transition:border-color 150ms;-o-transition:border-color 150ms;transition:border-color 150ms}reneco-hierarchized-picker .treejs .treejs-switcher:hover:before{border-top:4px solid var(--hpicker-theme-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-primary-contrastText) !important}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked{background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c))}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c))}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important;background-color:var(--hpicker-theme-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF)))}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--hpicker-theme-palette-primary-light) !important;color:var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, black))}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-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(--hpicker-theme-typography-body-font-size, var(--mui-typography-body-font-size, 14px)) !important;font-weight:var(--hpicker-theme-typography-body-font-weight, var(--mui-typography-body-font-weight, 400)) !important}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%;color:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-light-tint, #fff))) !important}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, 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(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, var(--ion-color-light-tint, #FFF))) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, var(--ion-color-dark-shade, #121212)))}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;border-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, var(--ion-color-background, 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(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433)));width:8px;margin:5px;border-radius:5px}::-webkit-scrollbar{background:var(--ion-color-medium-tint, #E0E0E0);width:8px;height:8px;margin:5px;cursor:pointer;border-radius:5px}::-webkit-scrollbar-corner{background-color:var(--ion-color-light-tint, #FFF)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-dark-tint, #424242);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-dark, #212121);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, var(--hpicker-theme-palette-background-default, rgba(221, 169, 37, 0.18)));color:var(--ion-color-primary-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker .treejs-switcher:before{border-top-color:var(--ion-color-dark-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked .treejs-switcher:before{color:var(--ion-color-light-contrast, #111111) !important}[class$=\"-dark\"] reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){background-color:var(--ion-color-light-contrast, #111111) !important}";
17778
17778
 
17779
17779
  const waitBeforeTriggerSearch = 1000;
17780
17780
  const defaultLanguage = 'en';
17781
- // const defaultPickerTheme = {
17782
- // palette: {
17783
- // primary: {
17784
- // main: '#d58433',
17785
- // },
17786
- // background: {
17787
- // default: '#dda9252e',
17788
- // light: '#e8a86c',
17789
- // },
17790
- // },
17791
- // typography: {
17792
- // body: {
17793
- // fontSize: '14px',
17794
- // fontWeight: '400',
17795
- // },
17796
- // },
17797
- // };
17798
17781
  const defaultPickerTheme = {
17799
17782
  palette: {
17800
17783
  primary: {
17801
- main: '#009688',
17802
- light: '#B2DFDB',
17784
+ // slider color?
17785
+ main: '#888',
17786
+ // selected node?
17787
+ light: '#888',
17788
+ // font for selected node?
17803
17789
  contrastText: '#000',
17804
17790
  },
17805
17791
  background: {
17806
- default: '#222',
17807
- light: '#444',
17808
- main: '#222',
17809
- dark: '#000'
17792
+ // opened parent bg?
17793
+ default: '#ccc',
17794
+ // closed parent bg?
17795
+ // + search input bg in input mode?
17796
+ light: '#eee',
17797
+ // nothing?
17798
+ main: '#000',
17799
+ // background modale?
17800
+ dark: '#fff'
17810
17801
  },
17811
17802
  text: {
17812
- primary: "#fff"
17803
+ // font default?
17804
+ primary: "#000"
17813
17805
  }
17814
17806
  },
17815
17807
  typography: {
17816
17808
  body: {
17809
+ // font size default?
17817
17810
  fontSize: '14px',
17811
+ // font weight default?
17818
17812
  fontWeight: '400',
17819
17813
  },
17820
17814
  },
@@ -18233,17 +18227,17 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18233
18227
  event.preventDefault();
18234
18228
  });
18235
18229
  const docstyle = document.documentElement.style;
18236
- docstyle.setProperty('--mui-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18237
- docstyle.setProperty('--mui-palette-primary-light', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.primary.light) || defaultPickerTheme.palette.primary.light);
18238
- docstyle.setProperty('--mui-palette-primary-contrastText', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.palette.primary.contrastText) || defaultPickerTheme.palette.primary.contrastText);
18239
- docstyle.setProperty('--mui-palette-background-default', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.palette.background.default) || defaultPickerTheme.palette.background.default);
18240
- docstyle.setProperty('--mui-palette-background-light', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.palette.background.light) || defaultPickerTheme.palette.background.light);
18241
- docstyle.setProperty('--mui-palette-background-dark', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.palette.background.dark) || defaultPickerTheme.palette.background.dark);
18242
- docstyle.setProperty('--mui-typography-body-font-size', ((_g = this.theOptions.theme) === null || _g === void 0 ? void 0 : _g.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18243
- docstyle.setProperty('--mui-typography-tree-font-size', ((_h = this.theOptions.theme) === null || _h === void 0 ? void 0 : _h.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18244
- docstyle.setProperty('--mui-typography-body-font-weight', ((_j = this.theOptions.theme) === null || _j === void 0 ? void 0 : _j.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18245
- docstyle.setProperty('--mui-typography-tree-font-weight', ((_k = this.theOptions.theme) === null || _k === void 0 ? void 0 : _k.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18246
- docstyle.setProperty('--mui-palette-font-color', ((_l = this.theOptions.theme) === null || _l === void 0 ? void 0 : _l.palette.text.primary) || defaultPickerTheme.palette.text.primary);
18230
+ docstyle.setProperty('--hpicker-theme-palette-primary-main', ((_a = this.theOptions.theme) === null || _a === void 0 ? void 0 : _a.palette.primary.main) || defaultPickerTheme.palette.primary.main);
18231
+ docstyle.setProperty('--hpicker-theme-palette-primary-light', ((_b = this.theOptions.theme) === null || _b === void 0 ? void 0 : _b.palette.primary.light) || defaultPickerTheme.palette.primary.light);
18232
+ docstyle.setProperty('--hpicker-theme-palette-primary-contrastText', ((_c = this.theOptions.theme) === null || _c === void 0 ? void 0 : _c.palette.primary.contrastText) || defaultPickerTheme.palette.primary.contrastText);
18233
+ docstyle.setProperty('--hpicker-theme-palette-background-default', ((_d = this.theOptions.theme) === null || _d === void 0 ? void 0 : _d.palette.background.default) || defaultPickerTheme.palette.background.default);
18234
+ docstyle.setProperty('--hpicker-theme-palette-background-light', ((_e = this.theOptions.theme) === null || _e === void 0 ? void 0 : _e.palette.background.light) || defaultPickerTheme.palette.background.light);
18235
+ docstyle.setProperty('--hpicker-theme-palette-background-dark', ((_f = this.theOptions.theme) === null || _f === void 0 ? void 0 : _f.palette.background.dark) || defaultPickerTheme.palette.background.dark);
18236
+ docstyle.setProperty('--hpicker-theme-typography-body-font-size', ((_g = this.theOptions.theme) === null || _g === void 0 ? void 0 : _g.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18237
+ docstyle.setProperty('--hpicker-theme-typography-tree-font-size', ((_h = this.theOptions.theme) === null || _h === void 0 ? void 0 : _h.typography.body.fontSize) || defaultPickerTheme.typography.body.fontSize);
18238
+ docstyle.setProperty('--hpicker-theme-typography-body-font-weight', ((_j = this.theOptions.theme) === null || _j === void 0 ? void 0 : _j.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18239
+ docstyle.setProperty('--hpicker-theme-typography-tree-font-weight', ((_k = this.theOptions.theme) === null || _k === void 0 ? void 0 : _k.typography.body.fontWeight) || defaultPickerTheme.typography.body.fontWeight);
18240
+ docstyle.setProperty('--hpicker-theme-palette-font-color', ((_l = this.theOptions.theme) === null || _l === void 0 ? void 0 : _l.palette.text.primary) || defaultPickerTheme.palette.text.primary);
18247
18241
  }
18248
18242
  async componentWillLoad() {
18249
18243
  this.isDisabled = this.disabled;