@deskhero/dh_ui 1.18.1 → 1.19.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.
@@ -0,0 +1,16 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ errors: {
3
+ type: () => string[] | undefined;
4
+ required: false;
5
+ default: undefined;
6
+ };
7
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
+ errors: {
9
+ type: () => string[] | undefined;
10
+ required: false;
11
+ default: undefined;
12
+ };
13
+ }>>, {
14
+ errors: string[] | undefined;
15
+ }>;
16
+ export default _default;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--dh-filter-blue: invert(42%) sepia(82%) saturate(6840%) hue-rotate(189deg) brightness(91%) contrast(88%);--dh-filter-red: invert(27%) sepia(53%) saturate(2191%) hue-rotate(340deg) brightness(92%) contrast(96%);--dh-filter-gray: invert(48%) sepia(0%) saturate(1294%) hue-rotate(102deg) brightness(95%) contrast(86%);--dh-filter-light: brightness(120%);--dh-filter-lighter: brightness(200%);--dh-filter-white: brightness(0) invert(1);--dh-shadow-1: 0px 10px 30px 0px #97979733;--dh-shadow-2: 0px 0px 12px rgba(136, 136, 136, .08);--dh-shadow-3: 0px 0px 30px 0px #97979733;--dh-primary: #0f71b4;--dh-primary-lighter: #5ea9e5;--dh-primary-light: #1e8bd6;--dh-white: #ffffff;--dh-dark: #231f20;--dh-text-disabled: #e0e0e0;--dh-text-secondary: #828282;--dh-text-secondary-lighter: #aaacb4;--dh-text-primary: #555555;--dh-bg-primary: #f9fbfd;--dh-grey: #7a8393;--dh-grey-dark: #4f4f4f;--dh-grey-light: #f2f2f2;--dh-grey-lighter: #f8f9fa;--dh-blue-light: #daebf6;--dh-blue-tint: #ecf4fa;--dh-danger: #c32f27;--dh-danger-light: #e58b86;--dh-danger-lighter: #fce4e2;--dh-success: #1d8245;--dh-success-light: #dcf5e0;--dh-success-lighter: #f1fbf3;--dh-warning: #cd7f0a;--dh-warning-light: #fff7eb;--dh-purple: #9b51e0;--dh-purple-lighter: #fff5f4;--dh-stepper-primary-background: var(--dh-grey-lighter);--dh-stepper-primary-color: var(--dh-text-disabled);--dh-stepper-active-background: var(--dh-blue-tint);--dh-stepper-active-color: var(--dh-primary);--dh-font-family: "Rubik-Regular", Arial, Helvetica, sans-serif}.btn-group{display:flex;background-color:var(--dh-grey-lighter);border-radius:.5rem}.btn-group .btn{display:flex;align-items:center;border-radius:0;padding:4px 12px;min-width:0}.btn-group .btn:first-of-type{border-radius:.5rem 0 0 .5rem}.btn-group .btn:last-of-type{border-radius:0 .5rem .5rem 0}.btn-group .active{background-color:var(--dh-blue-tint);color:var(--dh-primary);border-radius:.5rem}.btn-group .active .icon-color{filter:var(--dh-filter-blue);margin-right:10px}.btn{border:0;border-radius:.5rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.btn-small{line-height:1.5rem;height:1.5rem;font-size:12px}.btn-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.btn-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.btn-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.btn-primary:active{background-color:var(--dh-blue-tint)}.btn-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-text-primary)}.btn-secondary.btn-large{font-weight:400}.btn-secondary:active{background-color:var(--dh-text-disabled)}.btn-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.btn-success{background-color:var(--dh-success-lighter);color:var(--dh-success)}.btn-disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.btn.focus{border:2px solid var(--dh-blue-tint)}.btn:hover:enabled:not(.no-shadow){box-shadow:var(--dh-shadow-1)}.btn:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.card{background-color:var(--dh-white);border-radius:8px;box-shadow:var(--dh-shadow-2);border:1px solid var(--dh-grey-light)}.input-group{display:flex;flex-direction:column;margin-bottom:1rem}.input-group .input-label{color:var(--dh-text-primary);margin-bottom:.5rem}.form-input{height:2.5rem;padding:0 .75rem;border-radius:.25rem}.invalid-feedback{display:flex;flex-direction:column;width:100%;margin-top:.25rem;font-size:.875em;color:var(--dh-danger)}.form-input{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active,.form-input:focus{border-color:var(--dh-primary);outline:0}.form-input.success{background:url(../assets/icons/success.png) no-repeat;background-position:right 10px center;background-size:1rem}.form-input.error{background:url(../assets/icons/error.png) no-repeat;background-position:right 10px center;background-size:1rem;border-color:var(--dh-danger)}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--dh-text-disabled)}table{width:100%;border-collapse:collapse}table thead{background-color:var(--dh-grey-lighter);height:2.5rem;text-transform:uppercase;position:sticky;top:0;z-index:1;font-size:16px}table thead tr th{border-right:1px solid var(--dh-text-disabled);text-align:justify}table thead .table-control{background-color:var(--dh-grey-lighter)}table tbody tr td{height:2.8125rem;color:var(--dh-text-primary)}table tbody tr.hover,table tbody tr:hover{background:var(--dh-grey-lighter)}table tbody .table-control{background-color:var(--dh-white)}table tbody .table-control.hover,table tbody .table-control:hover{background:var(--dh-grey-lighter)}th,td{border:none;border-top:1px solid var(--dh-text-disabled);padding:.5rem 2.5rem;white-space:nowrap;overflow:hidden}th .btn,td .btn{min-width:auto;padding:0 1rem}th:not(.no-ellipse),td:not(.no-ellipse){text-overflow:ellipsis}.content-end{justify-content:flex-end}.content-space-between{justify-content:space-between}.tag{border:0;border-radius:.25rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.tag-small{line-height:1.5rem;height:1.5rem;font-size:12px}.tag-mini{font-size:10px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.tag-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.tag-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.tag-primary:active{background-color:var(--dh-blue-tint)}.tag-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-primary)}.tag-secondary.btn-large{font-weight:400}.tag-secondary:active{background-color:var(--dh-text-disabled)}.tag-light{background-color:var(--dh-white);color:var(--dh-text-secondary-lighter)}.tag-light.btn-large{font-weight:500}.tag-light:active{background-color:var(--dh-text-disabled)}.tag-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.tag-success{background-color:var(--dh-success-light);color:var(--dh-success)}.tag-lighter{background-color:var(--dh-grey-lighter);color:var(--dh-grey)}.tag-dark{background-color:var(--dh-grey);color:var(--dh-grey-lighter)}.tag.focus{border:2px solid var(--dh-blue-tint)}.tag:hover:enabled{box-shadow:var(--dh-shadow-1)}.tag:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}@font-face{font-family:Rubik-Bold;src:url(./fonts/Rubik-Bold.woff2)}@font-face{font-family:Rubik-Medium;src:url(./fonts/Rubik-Medium.woff2)}@font-face{font-family:Rubik-Regular;src:url(./fonts/Rubik-Regular.woff2)}h1,h3,h4,h2{font-family:var(--dh-font-family)}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}h4{font-size:18px}.text-1,.text-2{color:var(--dh-text-secondary-lighter)}.text-1{font-size:14px}.text-2{font-size:16px}.text-3{font-size:16px;font-weight:700;color:var(--dh-text-primary) default}.text-4{font-weight:400;color:var(--dh-text-primary)}body{font-family:var(--dh-font-family)}.label{font-family:var(--dh-font-family);font-size:12px}.additional{font-family:var(--dh-font-family);font-size:10px}.medium{font-family:var(--dh-font-family)}a{text-decoration:none}button{font-family:var(--dh-font-family)}.title{font-weight:500;text-align:center;margin-bottom:12px;font-size:14px}.subtitle{text-align:center;font-size:16px}.dh-notification-container.toast .status{background-color:var(--dh-white)}.dh-notification-container .notification-enter{-webkit-animation:slide-in-right 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right 1s cubic-bezier(.25,.46,.45,.94) both}.dh-notification-container .notification-up{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}.dh-notification-container .status{width:100%;max-width:360px;padding:16px;border-radius:12px;box-shadow:var(--dh-shadow-3);background-color:var(--text-background-white);position:relative;box-sizing:border-box}.dh-notification-container .status-bottom-message{width:auto;display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;border:solid 1px var(--dh-text-disabled);background-color:var(--dh-grey)}.dh-notification-container .status-modal{max-width:512px;width:100%;padding:24px}.dh-notification-container .status-toast,.dh-notification-container .status-actionable{margin-left:auto}.dh-notification-container.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dh-notification-container.bottom-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:max-content}.dh-notification-container .content{display:flex;flex-direction:row;gap:0 12px;flex-wrap:wrap}.dh-notification-container .content-bottom-message{align-items:center;gap:0 8px}.dh-notification-container .content-modal .icons{width:30px;height:30px}.dh-notification-container .icons{width:22.6px;height:22.6px;object-fit:contain}.dh-notification-container .icons-info{filter:var(--dh-filter-blue)}.dh-notification-container .icons-success{filter:var(--dh-success)}.dh-notification-container .icons-warning{filter:var(--dh-warning)}.dh-notification-container .icons-danger{filter:var(--dh-danger)}.dh-notification-container .icons-success-bottom-message,.dh-notification-container .icons-info-bottom-message{filter:var(--dh-filter-white)}.dh-notification-container .ellipse{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dh-notification-container .ellipse-info{background-color:var(--dh-blue-tint)}.dh-notification-container .ellipse-success{background-color:var(--dh-success-light)}.dh-notification-container .ellipse-warning{background-color:var(--dh-warning-light)}.dh-notification-container .ellipse-danger{background-color:var(--dh-purple-lighter)}.dh-notification-container .ellipse-bottom-message{width:unset;height:unset;padding:unset;background-color:transparent;position:relative;top:1px}.dh-notification-container .ellipse-modal{width:64px;height:64px}.dh-notification-container .additional-text{flex:1}.dh-notification-container .additional-text .descriptions{font-size:14px;color:var(--dh-text-secondary);line-height:1.5}.dh-notification-container .additional-text .title{font-size:16px;font-weight:500;color:var(--dh-grey-dark);margin-bottom:8px;text-align:left}.dh-notification-container .additional-text .title-bottom-message{font-size:14px;font-weight:400;line-height:1.57;color:var(--dh-white);margin-bottom:0}.dh-notification-container .additional-text .title-modal{font-size:18px}.dh-notification-container .close-notification{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer}.dh-notification-container .close-notification .close-icon{width:25px;height:25px}.dh-notification-container .buttons{display:flex;flex-direction:row;gap:12px;margin-top:18px;width:100%;padding-left:71px}@media screen and (max-width: 320px){.dh-notification-container .buttons.actionable{padding-left:56px}}.dh-notification-container .buttons.modal{margin-top:30px;justify-content:flex-end}.dh-notification-container button.btn{min-width:100px}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translate(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.dp__options{display:flex;gap:12px;align-items:center}.dp__options span{order:1}.dp__options_switch{position:relative;display:inline-block;width:60px;height:34px}.dp__options_switch input{opacity:0;width:0;height:0}.dp__options_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--dh-grey-light);-webkit-transition:.4s;transition:.4s;border-radius:34px}.dp__options_slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--dh-text-secondary-lighter);-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.dp__options_slider{background-color:var(--dh-blue-light)}input:focus+.dp__options_slider{box-shadow:0 0 1px var(--dh-blue-light)}input:checked+.dp__options_slider:before{background-color:var(--dh-primary);-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-backdrop .modal{background:var(--dh-white);box-shadow:-5px 0 30px #97979733;display:flex;flex-direction:row;width:1000px;height:600px;flex-wrap:wrap;border-radius:12px;position:relative}.modal-backdrop .modal.right{flex-direction:row-reverse}.modal-backdrop .modal.right #modal-sidebar{border-radius:0 12px 12px 0}.modal-backdrop .modal .btn-close{position:absolute;top:0;right:0;border:none;font-size:20px;padding:10px;cursor:pointer;font-weight:700;color:var(--dh-text-secondary-lighter);background:transparent;z-index:10}.modal-backdrop .modal .btn-close .icon:hover{filter:var(--dh-filter-red)}.modal-backdrop .modal #modal-sidebar{overflow:hidden;width:20%;background:var(--dh-grey-lighter);padding:15px 12px;box-sizing:border-box;border-radius:12px 0 0 12px;color:var(--dh-text-secondary);display:flex;flex-direction:column}.modal-backdrop .modal #modal-sidebar button{margin-top:auto}.modal-backdrop .modal .right-section{width:80%;height:100%;padding:0 10px;box-sizing:border-box;display:flex;flex-direction:column}.modal-backdrop .modal .right-section.full{width:100%}.modal-backdrop .modal .modal-header,.modal-backdrop .modal .modal-footer{padding:15px 22px;display:flex}.modal-backdrop .modal .modal-header{position:sticky;justify-content:space-between;top:0;z-index:5;background:var(--dh-white);color:var(--dh-text-secondary)}.modal-backdrop .modal .modal-footer{color:var(--dh-text-secondary-lighter);position:sticky;bottom:0;background-color:var(--dh-white);z-index:5;display:flex;align-items:center;justify-content:space-between}.modal-backdrop .modal .modal-body{color:var(--dh-text-secondary);overflow-y:scroll;padding:10px 22px;flex:1}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity 1000s ease}*{scrollbar-width:auto;scrollbar-color:var(--dh-blue-tint) var(--dh-white)}*::-webkit-scrollbar{width:13px}*::-webkit-scrollbar-track{background:var(--dh-white)}*::-webkit-scrollbar-thumb{background-color:var(--dh-blue-tint);border-radius:10px;border:3px solid var(--dh-white)}.dh-range-container{max-width:320px;margin:auto}.input-group-section{display:flex;gap:20px;align-items:flex-end}.multi-range-slider.range-slider{box-shadow:none;border:none;padding-top:15px}.multi-range-slider.range-slider.true{pointer-events:none}.multi-range-slider.range-slider.true .bar-inner{background-color:var(--dh-grey-lighter)}.multi-range-slider.range-slider.true .thumb:before{border:4px solid var(--dh-grey-lighter)}.multi-range-slider.range-slider.true .thumb .caption{opacity:.2}.multi-range-slider.range-slider .bar-inner{background-color:var(--dh-primary);border:none;box-shadow:none;height:6px}.multi-range-slider.range-slider .bar-left,.multi-range-slider.range-slider .bar-right{box-shadow:none;background-color:var(--dh-grey-lighter)}.multi-range-slider.range-slider .thumb:before{width:14px;height:14px;box-shadow:none;border:none;background-color:var(--dh-white);border:4px solid var(--dh-primary);margin:-7px}.multi-range-slider.range-slider .thumb .caption{bottom:-24px;display:inline-flex}.multi-range-slider.range-slider .thumb .caption *{min-width:22px;height:22px;line-height:22px;color:#000;border:1px solid #ccc;background-color:transparent;box-shadow:none;border-radius:unset}.multi-range-slider.range-slider .thumb.thumb-left{right:9px}.multi-range-slider.range-slider .thumb.thumb-left .caption{left:9px}.multi-range-slider.range-slider .thumb.thumb-right{left:1px}.multi-range-slider.range-slider .thumb.thumb-right .caption{left:-3px}.multi-range-slider.range-slider .label{font-size:14px;line-height:22px;color:var(--dh-text-secondary-lighter)}.multi-range-slider.range-slider .label:first-child{margin-left:-12px}.multi-range-slider.range-slider .label:last-child{margin-right:-12px}.input-group-section{gap:20px;align-items:flex-end;width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;margin-top:30px}.input-group-section .input-group{flex-direction:row;align-items:center}.input-group-section .input-group label{margin-right:10px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--dh-text-primary)}.input-group-section .input-group label.disable{color:var(--dh-grey-light)}.input-group-section .input-group input[type=number]{border-color:var(--dh-grey-light);border-radius:4px;text-align:center;font-size:14px;line-height:22px;color:var(--dh-dark);height:38px;font-family:Rubik,sans-serif;width:70px}.input-group-section .input-group input[type=number] ::placeholder{color:var(--dh-text-secondary-lighter)}.MultiRangeSliderContainer{margin:auto;width:800px}.advance_section{border-top:1px solid #f2f2f2;padding:15px 15px 15px 0;font-size:14px;line-height:22px;color:var(--dh-text-secondary-lighter)}.advance_section ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.advance_section ul li{font-size:12px;line-height:20px;color:var(--dh-text-secondary)}.advance_section ul li input[type=checkbox]{margin:0;vertical-align:text-top}.advance_section ul li input[type=radio]{vertical-align:text-top;margin:0 0 0 15px}.advance_section .toggle-icon{display:inline-flex;flex-wrap:wrap;align-items:center;cursor:pointer}.advance_section .toggle-icon:hover{color:var(--dh-text-primary)}.tooltip{position:relative;display:inline-block;left:50%;transform:translate(-50%,31px)}.tooltip[placement=top] .tooltiptext{bottom:125%}.tooltip[placement=top] .tooltiptext:after{top:100%;border-color:var(--dh-text-primary) transparent transparent transparent}.tooltip[placement=bottom] .tooltiptext{top:125%}.tooltip[placement=bottom] .tooltiptext:after{bottom:100%;border-color:transparent transparent var(--dh-text-primary) transparent}.tooltip[placement=right] .tooltiptext{top:0;left:110%;margin-left:initial}.tooltip[placement=right] .tooltiptext:after{top:50%;right:100%;margin-top:-5px;left:initial;border-color:transparent var(--dh-text-primary) transparent transparent}.tooltip[placement=left] .tooltiptext{top:0;right:110%;left:initial;margin-left:initial}.tooltip[placement=left] .tooltiptext:after{top:50%;left:100%;margin-top:-5px;margin-left:0;border-color:transparent transparent transparent var(--dh-text-primary)}.tooltip .tooltiptext{visibility:hidden;width:200px;box-shadow:var(--dh-shadow-2);background-color:var(--dh-text-primary);color:var(--dh-white);text-align:center;border-radius:5px;padding:8px;position:absolute;z-index:1;left:50%;margin-left:-108px;font-size:12px;opacity:0;transition:opacity .3s}@media screen and (max-width: 420px){.tooltip .tooltiptext{width:100px;margin-left:-58px}}.tooltip .tooltiptext:after{content:"";position:absolute;left:50%;margin-left:-5px;border-width:5px;border-style:solid;bottom:100%;border-color:transparent transparent var(--dh-text-primary) transparent}.tooltip[trigger=hover]:hover .tooltiptext{animation:tooltips-ani 1s ease-out forwards;visibility:visible}.tooltip[trigger=focus]:focus-within .tooltiptext{animation:tooltips-ani 1s ease-out forwards;visibility:visible}.tooltip[trigger=click] .tooltiptext.true{animation:tooltips-ani 1s ease-out forwards;visibility:visible}@keyframes tooltips-ani{to{opacity:1}}.dh-advanced-filter-container{max-width:320px}.dh-advanced-filter-container .advance_section{padding:15px 15px 15px 0;font-size:14px;line-height:22px;color:var(--dh-text-secondary-lighter)}.dh-advanced-filter-container .advance_section ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.dh-advanced-filter-container .advance_section ul li{font-size:12px;line-height:20px;color:var(--dh-text-secondary)}.dh-advanced-filter-container .advance_section ul li input[type=checkbox]{margin:0;vertical-align:text-top}.dh-advanced-filter-container .advance_section ul li input[type=radio]{vertical-align:text-top;margin:0 0 0 15px}.dh-advanced-filter-container .advance_section .toggle-icon{display:inline-flex;flex-wrap:wrap;align-items:center;cursor:pointer}.dh-advanced-filter-container .advance_section .toggle-icon:hover{color:var(--dh-text-primary)}.active[data-v-201309a0],.active-hover[data-v-201309a0]:hover{filter:var(--dh-filter-blue)}.multi-range-slider *{box-sizing:border-box;padding:0;margin:0}.multi-range-slider{display:flex;position:relative;border:solid 1px gray;border-radius:10px;padding:20px 10px;box-shadow:1px 1px 4px #000;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-range-slider .bar{display:flex}.multi-range-slider .bar-left{width:25%;background-color:#f0f0f0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 5px #000;padding:4px 0}.multi-range-slider .bar-right{width:25%;background-color:#f0f0f0;border-radius:0 10px 10px 0;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner{background-color:#0f0;display:flex;flex-grow:1;flex-shrink:1;position:relative;border:solid 1px black;justify-content:space-between;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner-left,.multi-range-slider .bar-inner-right{width:50%}.multi-range-slider .thumb{background-color:red;position:relative;z-index:1;cursor:pointer}.multi-range-slider .thumb:before{content:"";background-color:#fff;position:absolute;width:20px;height:20px;border:solid 1px black;box-shadow:0 0 3px #000,inset 0 0 5px gray;border-radius:50%;z-index:1;margin:-8px;cursor:pointer}.multi-range-slider .input-type-range:focus+.thumb:after{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;z-index:2;border-radius:50%;border:dotted 1px black;box-shadow:0 0 5px #fff,inset 0 0 10px #000}.multi-range-slider .caption{position:absolute;bottom:35px;width:2px;height:2px;left:1px;display:flex;justify-content:center;align-items:center;overflow:visible;display:none}.multi-range-slider .thumb .caption *{position:absolute;min-width:30px;height:30px;font-size:75%;text-align:center;line-height:30px;background-color:#00f;border-radius:15px;color:#fff;box-shadow:0 0 5px #000;padding:0 5px;white-space:nowrap}.multi-range-slider .thumb:active .caption{display:flex}.multi-range-slider .input-type-range:focus+.thumb .caption{display:flex}.multi-range-slider .input-type-range{position:absolute;top:0px;left:0px;width:100%;opacity:0;pointer-events:none}.multi-range-slider .ruler{margin:10px 0 -5px;display:flex;overflow:hidden}.multi-range-slider .ruler .ruler-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:5px 0}.multi-range-slider .ruler .ruler-rule:last-child{border-right:solid 1px}.multi-range-slider .sub-ruler{margin:-2px 0 -5px;display:flex}.multi-range-slider .sub-ruler .ruler-sub-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:3px 0}.multi-range-slider .sub-ruler .ruler-sub-rule:last-child{border-right:solid 1px}.multi-range-slider .labels{display:flex;justify-content:space-between;padding:0;margin-top:10px;margin-bottom:-20px}.multi-range-slider .label{font-size:80%;display:flex;width:1px;justify-content:center}.multi-range-slider .label:first-child{justify-content:start}.multi-range-slider .label:last-child{justify-content:end}.multi-range-slider.zero-ranage-margin .thumb-left{right:12px}.multi-range-slider.zero-ranage-margin .thumb-right{left:8px}.multi-range-slider-bar-only *{box-sizing:border-box;padding:0;margin:0}.multi-range-slider-bar-only{display:flex;position:relative;border:none;border-radius:0;padding:10px;box-shadow:none;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-range-slider-bar-only .bar{display:flex}.multi-range-slider-bar-only .bar-left{width:25%;background-color:#f0f0f0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 5px #000;padding:4px 0}.multi-range-slider-bar-only .bar-right{width:25%;background-color:#f0f0f0;border-radius:0 10px 10px 0;box-shadow:inset 0 0 5px #000}.multi-range-slider-bar-only .bar-inner{background-color:#00f;display:flex;flex-grow:1;flex-shrink:1;position:relative;border:solid 1px black;justify-content:space-between;box-shadow:inset 0 0 5px #000}.multi-range-slider-bar-only .bar-inner-left,.multi-range-slider-bar-only .bar-inner-right{width:50%}.multi-range-slider-bar-only .thumb{background-color:red;position:relative;z-index:1;cursor:pointer}.multi-range-slider-bar-only .thumb:before{content:"";background-color:#fff;position:absolute;width:20px;height:20px;border:solid 1px black;box-shadow:0 0 3px #000,inset 0 0 5px gray;border-radius:50%;z-index:1;margin:-8px;cursor:pointer}.multi-range-slider-bar-only .input-type-range:focus+.thumb:after{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;z-index:2;border-radius:50%;border:dotted 1px black;box-shadow:0 0 5px #fff,inset 0 0 10px #000}.multi-range-slider-bar-only .caption{position:absolute;bottom:35px;width:2px;height:2px;left:1px;display:flex;justify-content:center;align-items:center;overflow:visible;display:none}.multi-range-slider-bar-only .thumb .caption *{position:absolute;min-width:30px;height:30px;font-size:75%;text-align:center;line-height:30px;background-color:#00f;border-radius:15px;color:#fff;box-shadow:0 0 5px #000;padding:0 5px;white-space:nowrap}.multi-range-slider-bar-only .thumb:active .caption{display:flex}.multi-range-slider-bar-only .input-type-range:focus+.thumb .caption{display:flex}.multi-range-slider-bar-only .input-type-range{position:absolute;top:0px;left:0px;width:100%;opacity:0;pointer-events:none}.multi-range-slider-bar-only .ruler{margin:10px 0 -5px;display:flex;display:none;overflow:hidden}.multi-range-slider-bar-only .ruler .ruler-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:5px 0;display:none}.multi-range-slider-bar-only .ruler .ruler-rule:last-child{border-right:solid 1px}.multi-range-slider-bar-only .sub-ruler{margin:-2px 0 -5px;display:flex;display:none}.multi-range-slider-bar-only .sub-ruler .ruler-sub-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:3px 0}.multi-range-slider-bar-only .sub-ruler .ruler-sub-rule:last-child{border-right:solid 1px}.multi-range-slider-bar-only .labels{display:flex;justify-content:space-between;padding:0;margin-top:10px;margin-bottom:-20px;display:none}.multi-range-slider-bar-only .label{font-size:80%;display:flex;width:1px;justify-content:center}.multi-range-slider-bar-only .label:first-child{justify-content:start}.multi-range-slider-bar-only .label:last-child{justify-content:end}.multi-range-slider-bar-only.zero-ranage-margin .thumb-left{right:12px}.multi-range-slider-bar-only.zero-ranage-margin .thumb-right{left:8px}.search-panel[data-v-f97055f4]{width:100%;display:flex}.search-panel-input[data-v-f97055f4]{width:100%;padding:0 2.5rem;height:2rem;box-shadow:var(--dh-shadow-2)}.search-panel-button[data-v-f97055f4],.search-panel-open[data-v-f97055f4]{background:transparent;border:transparent;line-height:1;padding-top:.188rem;cursor:pointer}.search-panel-button.close[data-v-f97055f4] :hover,.search-panel-open.close[data-v-f97055f4] :hover{filter:var(--dh-filter-red)}.search-panel-button[data-v-f97055f4]{margin-left:-2.25rem}.form-input[data-v-f97055f4]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-f97055f4]{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input[data-v-f97055f4]::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active[data-v-f97055f4],.form-input[data-v-f97055f4]:focus{border-color:var(--dh-primary);outline:0}.stepper[data-v-cb51b2ba]{display:flex;justify-content:center}.stepper .step[data-v-cb51b2ba]{display:flex;justify-content:center;align-items:center;height:100%}.stepper .step .step-number[data-v-cb51b2ba]{background:var(--dh-stepper-primary-background);color:var(--dh-stepper-primary-color);border-radius:24px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;user-select:none;cursor:unset}.stepper .step .step-number.active[data-v-cb51b2ba]{background:var(--dh-stepper-active-background);color:var(--dh-stepper-active-color)}.stepper .step hr.solid[data-v-cb51b2ba]{border:1px solid var(--dh-stepper-primary-color);background:var(--dh-stepper-primary-color);width:40px;margin:0 1rem;height:.5px}.stepper .step:last-child hr.solid[data-v-cb51b2ba]{display:none}.footer[data-v-cb51b2ba]{width:100%;display:flex;gap:1rem}.footer .btn[data-v-cb51b2ba]{height:40px;line-height:40px;width:100%}.footer .transparent[data-v-cb51b2ba]{background:transparent;color:var(--dh-text-secondary-lighter)}.footer .transparent[data-v-cb51b2ba]:hover{background:transparent;box-shadow:none}.password-tooltip[data-v-e2840bb4]{text-align:left;width:auto;overflow:hidden;text-overflow:ellipsis;padding:.5rem;border-radius:.3rem;box-shadow:var(--dh-shadow-2);background:var(--dh-grey);color:var(--dh-white);line-height:25px;margin-left:16px}.password-tooltip p[data-v-e2840bb4]{margin:0;font-size:12px;color:var(--dh-text-gray)}.password-tooltip .active-text[data-v-e2840bb4]{margin:0;font-size:12px;color:var(--dh-white)!important}.password-tooltip .icon[data-v-e2840bb4]{filter:var(--dh-filter-lighter);margin-bottom:-4px}.password-tooltip .accept-icon[data-v-e2840bb4]{filter:var(--dh-filter-white)}.password-panel[data-v-e2840bb4]{width:100%;display:flex}.password-panel-input[data-v-e2840bb4]{width:83%;padding:0 2.5rem;height:2rem;box-shadow:var(--dh-shadow-2);margin-top:23px}.password-panel-button[data-v-e2840bb4],.password-panel-open[data-v-e2840bb4]{background:transparent;border:transparent;line-height:25px;padding-top:.188rem;cursor:pointer}.password-panel-button.close[data-v-e2840bb4] :hover,.password-panel-open.close[data-v-e2840bb4] :hover{filter:var(--dh-filter-red)}.password-panel-button[data-v-e2840bb4]{margin-left:-2.375rem;height:95px}.form-input[data-v-e2840bb4]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-e2840bb4]{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input[data-v-e2840bb4]::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active[data-v-e2840bb4],.form-input[data-v-e2840bb4]:focus{border-color:var(--dh-primary);outline:0}
1
+ :root{--dh-filter-blue: invert(42%) sepia(82%) saturate(6840%) hue-rotate(189deg) brightness(91%) contrast(88%);--dh-filter-red: invert(27%) sepia(53%) saturate(2191%) hue-rotate(340deg) brightness(92%) contrast(96%);--dh-filter-gray: invert(48%) sepia(0%) saturate(1294%) hue-rotate(102deg) brightness(95%) contrast(86%);--dh-filter-light: brightness(120%);--dh-filter-lighter: brightness(200%);--dh-filter-white: brightness(0) invert(1);--dh-shadow-1: 0px 10px 30px 0px #97979733;--dh-shadow-2: 0px 0px 12px rgba(136, 136, 136, .08);--dh-shadow-3: 0px 0px 30px 0px #97979733;--dh-primary: #0f71b4;--dh-primary-lighter: #5ea9e5;--dh-primary-light: #1e8bd6;--dh-white: #ffffff;--dh-dark: #231f20;--dh-text-disabled: #e0e0e0;--dh-text-secondary: #828282;--dh-text-secondary-lighter: #aaacb4;--dh-text-primary: #555555;--dh-bg-primary: #f9fbfd;--dh-grey: #7a8393;--dh-grey-dark: #4f4f4f;--dh-grey-light: #f2f2f2;--dh-grey-lighter: #f8f9fa;--dh-blue-light: #daebf6;--dh-blue-tint: #ecf4fa;--dh-danger: #c32f27;--dh-danger-light: #e58b86;--dh-danger-lighter: #fce4e2;--dh-success: #1d8245;--dh-success-light: #dcf5e0;--dh-success-lighter: #f1fbf3;--dh-warning: #cd7f0a;--dh-warning-light: #fff7eb;--dh-purple: #9b51e0;--dh-purple-lighter: #fff5f4;--dh-stepper-primary-background: var(--dh-grey-lighter);--dh-stepper-primary-color: var(--dh-text-disabled);--dh-stepper-active-background: var(--dh-blue-tint);--dh-stepper-active-color: var(--dh-primary);--dh-font-family: "Rubik-Regular", Arial, Helvetica, sans-serif}.btn-group{display:flex;background-color:var(--dh-grey-lighter);border-radius:.5rem}.btn-group .btn{display:flex;align-items:center;border-radius:0;padding:4px 12px;min-width:0}.btn-group .btn:first-of-type{border-radius:.5rem 0 0 .5rem}.btn-group .btn:last-of-type{border-radius:0 .5rem .5rem 0}.btn-group .active{background-color:var(--dh-blue-tint);color:var(--dh-primary);border-radius:.5rem}.btn-group .active .icon-color{filter:var(--dh-filter-blue);margin-right:10px}.btn{border:0;border-radius:.5rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.btn-small{line-height:1.5rem;height:1.5rem;font-size:12px}.btn-mini{font-size:14px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.btn-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.btn-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.btn-primary:active{background-color:var(--dh-blue-tint)}.btn-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-text-primary)}.btn-secondary.btn-large{font-weight:400}.btn-secondary:active{background-color:var(--dh-text-disabled)}.btn-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.btn-success{background-color:var(--dh-success-lighter);color:var(--dh-success)}.btn-disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.btn.focus{border:2px solid var(--dh-blue-tint)}.btn:hover:enabled:not(.no-shadow){box-shadow:var(--dh-shadow-1)}.btn:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}.card{background-color:var(--dh-white);border-radius:8px;box-shadow:var(--dh-shadow-2);border:1px solid var(--dh-grey-light)}.input-group{display:flex;flex-direction:column;margin-bottom:1rem}.input-group .input-label{color:var(--dh-text-primary);margin-bottom:.5rem}.form-input{height:2.5rem;padding:0 .75rem;border-radius:.25rem}.form-input{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active,.form-input:focus{border-color:var(--dh-primary);outline:0}.form-input.success{background:url(../assets/icons/success.png) no-repeat;background-position:right 10px center;background-size:1rem}.form-input.error{background:url(../assets/icons/error.png) no-repeat;background-position:right 10px center;background-size:1rem;border-color:var(--dh-danger)}::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--dh-text-disabled)}table{width:100%;border-collapse:collapse}table thead{background-color:var(--dh-grey-lighter);height:2.5rem;text-transform:uppercase;position:sticky;top:0;z-index:1;font-size:16px}table thead tr th{border-right:1px solid var(--dh-text-disabled);text-align:justify}table thead .table-control{background-color:var(--dh-grey-lighter)}table tbody tr td{height:2.8125rem;color:var(--dh-text-primary)}table tbody tr.hover,table tbody tr:hover{background:var(--dh-grey-lighter)}table tbody .table-control{background-color:var(--dh-white)}table tbody .table-control.hover,table tbody .table-control:hover{background:var(--dh-grey-lighter)}th,td{border:none;border-top:1px solid var(--dh-text-disabled);padding:.5rem 2.5rem;white-space:nowrap;overflow:hidden}th .btn,td .btn{min-width:auto;padding:0 1rem}th:not(.no-ellipse),td:not(.no-ellipse){text-overflow:ellipsis}.content-end{justify-content:flex-end}.content-space-between{justify-content:space-between}.tag{border:0;border-radius:.25rem;font-size:14px;height:2.5rem;line-height:2.5rem;cursor:pointer;min-width:unset;padding:0 1rem;white-space:nowrap;text-align:center}.tag-small{line-height:1.5rem;height:1.5rem;font-size:12px}.tag-mini{font-size:10px;padding:.7rem;min-width:0;height:0;line-height:0;border-radius:4px}.tag-large{line-height:3.5rem;height:3.5rem;font-size:16px;font-weight:600}.tag-primary{background-color:var(--dh-blue-tint);color:var(--dh-primary)}.tag-primary:active{background-color:var(--dh-blue-tint)}.tag-secondary{background-color:var(--dh-grey-lighter);color:var(--dh-primary)}.tag-secondary.btn-large{font-weight:400}.tag-secondary:active{background-color:var(--dh-text-disabled)}.tag-light{background-color:var(--dh-white);color:var(--dh-text-secondary-lighter)}.tag-light.btn-large{font-weight:500}.tag-light:active{background-color:var(--dh-text-disabled)}.tag-danger{background-color:var(--dh-danger-lighter);color:var(--dh-danger)}.tag-success{background-color:var(--dh-success-light);color:var(--dh-success)}.tag-lighter{background-color:var(--dh-grey-lighter);color:var(--dh-grey)}.tag-dark{background-color:var(--dh-grey);color:var(--dh-grey-lighter)}.tag.focus{border:2px solid var(--dh-blue-tint)}.tag:hover:enabled{box-shadow:var(--dh-shadow-1)}.tag:disabled{background-color:var(--dh-grey-lighter);color:var(--dh-text-secondary-lighter)}@font-face{font-family:Rubik-Bold;src:url(./fonts/Rubik-Bold.woff2)}@font-face{font-family:Rubik-Medium;src:url(./fonts/Rubik-Medium.woff2)}@font-face{font-family:Rubik-Regular;src:url(./fonts/Rubik-Regular.woff2)}h1,h3,h4,h2{font-family:var(--dh-font-family)}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}h4{font-size:18px}.text-1,.text-2{color:var(--dh-text-secondary-lighter)}.text-1{font-size:14px}.text-2{font-size:16px}.text-3{font-size:16px;font-weight:700;color:var(--dh-text-primary) default}.text-4{font-weight:400;color:var(--dh-text-primary)}body{font-family:var(--dh-font-family)}.label{font-family:var(--dh-font-family);font-size:12px}.additional{font-family:var(--dh-font-family);font-size:10px}.medium{font-family:var(--dh-font-family)}a{text-decoration:none}button{font-family:var(--dh-font-family)}.title{font-weight:500;text-align:center;margin-bottom:12px;font-size:14px}.subtitle{text-align:center;font-size:16px}.dh-notification-container.toast .status{background-color:var(--dh-white)}.dh-notification-container .notification-enter{-webkit-animation:slide-in-right 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right 1s cubic-bezier(.25,.46,.45,.94) both}.dh-notification-container .notification-up{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}.dh-notification-container .status{width:100%;max-width:360px;padding:16px;border-radius:12px;box-shadow:var(--dh-shadow-3);background-color:var(--text-background-white);position:relative;box-sizing:border-box}.dh-notification-container .status-bottom-message{width:auto;display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;border:solid 1px var(--dh-text-disabled);background-color:var(--dh-grey)}.dh-notification-container .status-modal{max-width:512px;width:100%;padding:24px}.dh-notification-container .status-toast,.dh-notification-container .status-actionable{margin-left:auto}.dh-notification-container.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dh-notification-container.bottom-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:max-content}.dh-notification-container .content{display:flex;flex-direction:row;gap:0 12px;flex-wrap:wrap}.dh-notification-container .content-bottom-message{align-items:center;gap:0 8px}.dh-notification-container .content-modal .icons{width:30px;height:30px}.dh-notification-container .icons{width:22.6px;height:22.6px;object-fit:contain}.dh-notification-container .icons-info{filter:var(--dh-filter-blue)}.dh-notification-container .icons-success{filter:var(--dh-success)}.dh-notification-container .icons-warning{filter:var(--dh-warning)}.dh-notification-container .icons-danger{filter:var(--dh-danger)}.dh-notification-container .icons-success-bottom-message,.dh-notification-container .icons-info-bottom-message{filter:var(--dh-filter-white)}.dh-notification-container .ellipse{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dh-notification-container .ellipse-info{background-color:var(--dh-blue-tint)}.dh-notification-container .ellipse-success{background-color:var(--dh-success-light)}.dh-notification-container .ellipse-warning{background-color:var(--dh-warning-light)}.dh-notification-container .ellipse-danger{background-color:var(--dh-purple-lighter)}.dh-notification-container .ellipse-bottom-message{width:unset;height:unset;padding:unset;background-color:transparent;position:relative;top:1px}.dh-notification-container .ellipse-modal{width:64px;height:64px}.dh-notification-container .additional-text{flex:1}.dh-notification-container .additional-text .descriptions{font-size:14px;color:var(--dh-text-secondary);line-height:1.5}.dh-notification-container .additional-text .title{font-size:16px;font-weight:500;color:var(--dh-grey-dark);margin-bottom:8px;text-align:left}.dh-notification-container .additional-text .title-bottom-message{font-size:14px;font-weight:400;line-height:1.57;color:var(--dh-white);margin-bottom:0}.dh-notification-container .additional-text .title-modal{font-size:18px}.dh-notification-container .close-notification{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer}.dh-notification-container .close-notification .close-icon{width:25px;height:25px}.dh-notification-container .buttons{display:flex;flex-direction:row;gap:12px;margin-top:18px;width:100%;padding-left:71px}@media screen and (max-width: 320px){.dh-notification-container .buttons.actionable{padding-left:56px}}.dh-notification-container .buttons.modal{margin-top:30px;justify-content:flex-end}.dh-notification-container button.btn{min-width:100px}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translate(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.dp__options{display:flex;gap:12px;align-items:center}.dp__options span{order:1}.dp__options_switch{position:relative;display:inline-block;width:60px;height:34px}.dp__options_switch input{opacity:0;width:0;height:0}.dp__options_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--dh-grey-light);-webkit-transition:.4s;transition:.4s;border-radius:34px}.dp__options_slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--dh-text-secondary-lighter);-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.dp__options_slider{background-color:var(--dh-blue-light)}input:focus+.dp__options_slider{box-shadow:0 0 1px var(--dh-blue-light)}input:checked+.dp__options_slider:before{background-color:var(--dh-primary);-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-backdrop .modal{background:var(--dh-white);box-shadow:-5px 0 30px #97979733;display:flex;flex-direction:row;width:1000px;height:600px;flex-wrap:wrap;border-radius:12px;position:relative}.modal-backdrop .modal.right{flex-direction:row-reverse}.modal-backdrop .modal.right #modal-sidebar{border-radius:0 12px 12px 0}.modal-backdrop .modal .btn-close{position:absolute;top:0;right:0;border:none;font-size:20px;padding:10px;cursor:pointer;font-weight:700;color:var(--dh-text-secondary-lighter);background:transparent;z-index:10}.modal-backdrop .modal .btn-close .icon:hover{filter:var(--dh-filter-red)}.modal-backdrop .modal #modal-sidebar{overflow:hidden;width:20%;background:var(--dh-grey-lighter);padding:15px 12px;box-sizing:border-box;border-radius:12px 0 0 12px;color:var(--dh-text-secondary);display:flex;flex-direction:column}.modal-backdrop .modal #modal-sidebar button{margin-top:auto}.modal-backdrop .modal .right-section{width:80%;height:100%;padding:0 10px;box-sizing:border-box;display:flex;flex-direction:column}.modal-backdrop .modal .right-section.full{width:100%}.modal-backdrop .modal .modal-header,.modal-backdrop .modal .modal-footer{padding:15px 22px;display:flex}.modal-backdrop .modal .modal-header{position:sticky;justify-content:space-between;top:0;z-index:5;background:var(--dh-white);color:var(--dh-text-secondary)}.modal-backdrop .modal .modal-footer{color:var(--dh-text-secondary-lighter);position:sticky;bottom:0;background-color:var(--dh-white);z-index:5;display:flex;align-items:center;justify-content:space-between}.modal-backdrop .modal .modal-body{color:var(--dh-text-secondary);overflow-y:scroll;padding:10px 22px;flex:1}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity 1000s ease}*{scrollbar-width:auto;scrollbar-color:var(--dh-blue-tint) var(--dh-white)}*::-webkit-scrollbar{width:13px}*::-webkit-scrollbar-track{background:var(--dh-white)}*::-webkit-scrollbar-thumb{background-color:var(--dh-blue-tint);border-radius:10px;border:3px solid var(--dh-white)}.dh-range-container{max-width:320px;margin:auto}.input-group-section{display:flex;gap:20px;align-items:flex-end}.multi-range-slider.range-slider{box-shadow:none;border:none;padding-top:15px}.multi-range-slider.range-slider.true{pointer-events:none}.multi-range-slider.range-slider.true .bar-inner{background-color:var(--dh-grey-lighter)}.multi-range-slider.range-slider.true .thumb:before{border:4px solid var(--dh-grey-lighter)}.multi-range-slider.range-slider.true .thumb .caption{opacity:.2}.multi-range-slider.range-slider .bar-inner{background-color:var(--dh-primary);border:none;box-shadow:none;height:6px}.multi-range-slider.range-slider .bar-left,.multi-range-slider.range-slider .bar-right{box-shadow:none;background-color:var(--dh-grey-lighter)}.multi-range-slider.range-slider .thumb:before{width:14px;height:14px;box-shadow:none;border:none;background-color:var(--dh-white);border:4px solid var(--dh-primary);margin:-7px}.multi-range-slider.range-slider .thumb .caption{bottom:-24px;display:inline-flex}.multi-range-slider.range-slider .thumb .caption *{min-width:22px;height:22px;line-height:22px;color:#000;border:1px solid #ccc;background-color:transparent;box-shadow:none;border-radius:unset}.multi-range-slider.range-slider .thumb.thumb-left{right:9px}.multi-range-slider.range-slider .thumb.thumb-left .caption{left:9px}.multi-range-slider.range-slider .thumb.thumb-right{left:1px}.multi-range-slider.range-slider .thumb.thumb-right .caption{left:-3px}.multi-range-slider.range-slider .label{font-size:14px;line-height:22px;color:var(--dh-text-secondary-lighter)}.multi-range-slider.range-slider .label:first-child{margin-left:-12px}.multi-range-slider.range-slider .label:last-child{margin-right:-12px}.input-group-section{gap:20px;align-items:flex-end;width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;margin-top:30px}.input-group-section .input-group{flex-direction:row;align-items:center}.input-group-section .input-group label{margin-right:10px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--dh-text-primary)}.input-group-section .input-group label.disable{color:var(--dh-grey-light)}.input-group-section .input-group input[type=number]{border-color:var(--dh-grey-light);border-radius:4px;text-align:center;font-size:14px;line-height:22px;color:var(--dh-dark);height:38px;font-family:Rubik,sans-serif;width:70px}.input-group-section .input-group input[type=number] ::placeholder{color:var(--dh-text-secondary-lighter)}.MultiRangeSliderContainer{margin:auto;width:800px}.advance_section{border-top:1px solid #f2f2f2;padding:15px 15px 15px 0;font-size:14px;line-height:22px;color:var(--dh-text-secondary-lighter)}.advance_section ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.advance_section ul li{font-size:12px;line-height:20px;color:var(--dh-text-secondary)}.advance_section ul li input[type=checkbox]{margin:0;vertical-align:text-top}.advance_section ul li input[type=radio]{vertical-align:text-top;margin:0 0 0 15px}.advance_section .toggle-icon{display:inline-flex;flex-wrap:wrap;align-items:center;cursor:pointer}.advance_section .toggle-icon:hover{color:var(--dh-text-primary)}.tooltip{position:relative;display:inline-block;left:50%;transform:translate(-50%,31px)}.tooltip[placement=top] .tooltiptext{bottom:125%}.tooltip[placement=top] .tooltiptext:after{top:100%;border-color:var(--dh-text-primary) transparent transparent transparent}.tooltip[placement=bottom] .tooltiptext{top:125%}.tooltip[placement=bottom] .tooltiptext:after{bottom:100%;border-color:transparent transparent var(--dh-text-primary) transparent}.tooltip[placement=right] .tooltiptext{top:0;left:110%;margin-left:initial}.tooltip[placement=right] .tooltiptext:after{top:50%;right:100%;margin-top:-5px;left:initial;border-color:transparent var(--dh-text-primary) transparent transparent}.tooltip[placement=left] .tooltiptext{top:0;right:110%;left:initial;margin-left:initial}.tooltip[placement=left] .tooltiptext:after{top:50%;left:100%;margin-top:-5px;margin-left:0;border-color:transparent transparent transparent var(--dh-text-primary)}.tooltip .tooltiptext{visibility:hidden;width:200px;box-shadow:var(--dh-shadow-2);background-color:var(--dh-text-primary);color:var(--dh-white);text-align:center;border-radius:5px;padding:8px;position:absolute;z-index:1;left:50%;margin-left:-108px;font-size:12px;opacity:0;transition:opacity .3s}@media screen and (max-width: 420px){.tooltip .tooltiptext{width:100px;margin-left:-58px}}.tooltip .tooltiptext:after{content:"";position:absolute;left:50%;margin-left:-5px;border-width:5px;border-style:solid;bottom:100%;border-color:transparent transparent var(--dh-text-primary) transparent}.tooltip[trigger=hover]:hover .tooltiptext{animation:tooltips-ani 1s ease-out forwards;visibility:visible}.tooltip[trigger=focus]:focus-within .tooltiptext{animation:tooltips-ani 1s ease-out forwards;visibility:visible}.tooltip[trigger=click] .tooltiptext.true{animation:tooltips-ani 1s ease-out forwards;visibility:visible}@keyframes tooltips-ani{to{opacity:1}}.dh-advanced-filter-container{max-width:320px}.dh-advanced-filter-container .advance_section{padding:15px 15px 15px 0;font-size:14px;line-height:22px;color:var(--dh-text-secondary-lighter)}.dh-advanced-filter-container .advance_section ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.dh-advanced-filter-container .advance_section ul li{font-size:12px;line-height:20px;color:var(--dh-text-secondary)}.dh-advanced-filter-container .advance_section ul li input[type=checkbox]{margin:0;vertical-align:text-top}.dh-advanced-filter-container .advance_section ul li input[type=radio]{vertical-align:text-top;margin:0 0 0 15px}.dh-advanced-filter-container .advance_section .toggle-icon{display:inline-flex;flex-wrap:wrap;align-items:center;cursor:pointer}.dh-advanced-filter-container .advance_section .toggle-icon:hover{color:var(--dh-text-primary)}.active[data-v-201309a0],.active-hover[data-v-201309a0]:hover{filter:var(--dh-filter-blue)}.multi-range-slider *{box-sizing:border-box;padding:0;margin:0}.multi-range-slider{display:flex;position:relative;border:solid 1px gray;border-radius:10px;padding:20px 10px;box-shadow:1px 1px 4px #000;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-range-slider .bar{display:flex}.multi-range-slider .bar-left{width:25%;background-color:#f0f0f0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 5px #000;padding:4px 0}.multi-range-slider .bar-right{width:25%;background-color:#f0f0f0;border-radius:0 10px 10px 0;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner{background-color:#0f0;display:flex;flex-grow:1;flex-shrink:1;position:relative;border:solid 1px black;justify-content:space-between;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner-left,.multi-range-slider .bar-inner-right{width:50%}.multi-range-slider .thumb{background-color:red;position:relative;z-index:1;cursor:pointer}.multi-range-slider .thumb:before{content:"";background-color:#fff;position:absolute;width:20px;height:20px;border:solid 1px black;box-shadow:0 0 3px #000,inset 0 0 5px gray;border-radius:50%;z-index:1;margin:-8px;cursor:pointer}.multi-range-slider .input-type-range:focus+.thumb:after{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;z-index:2;border-radius:50%;border:dotted 1px black;box-shadow:0 0 5px #fff,inset 0 0 10px #000}.multi-range-slider .caption{position:absolute;bottom:35px;width:2px;height:2px;left:1px;display:flex;justify-content:center;align-items:center;overflow:visible;display:none}.multi-range-slider .thumb .caption *{position:absolute;min-width:30px;height:30px;font-size:75%;text-align:center;line-height:30px;background-color:#00f;border-radius:15px;color:#fff;box-shadow:0 0 5px #000;padding:0 5px;white-space:nowrap}.multi-range-slider .thumb:active .caption{display:flex}.multi-range-slider .input-type-range:focus+.thumb .caption{display:flex}.multi-range-slider .input-type-range{position:absolute;top:0px;left:0px;width:100%;opacity:0;pointer-events:none}.multi-range-slider .ruler{margin:10px 0 -5px;display:flex;overflow:hidden}.multi-range-slider .ruler .ruler-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:5px 0}.multi-range-slider .ruler .ruler-rule:last-child{border-right:solid 1px}.multi-range-slider .sub-ruler{margin:-2px 0 -5px;display:flex}.multi-range-slider .sub-ruler .ruler-sub-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:3px 0}.multi-range-slider .sub-ruler .ruler-sub-rule:last-child{border-right:solid 1px}.multi-range-slider .labels{display:flex;justify-content:space-between;padding:0;margin-top:10px;margin-bottom:-20px}.multi-range-slider .label{font-size:80%;display:flex;width:1px;justify-content:center}.multi-range-slider .label:first-child{justify-content:start}.multi-range-slider .label:last-child{justify-content:end}.multi-range-slider.zero-ranage-margin .thumb-left{right:12px}.multi-range-slider.zero-ranage-margin .thumb-right{left:8px}.multi-range-slider-bar-only *{box-sizing:border-box;padding:0;margin:0}.multi-range-slider-bar-only{display:flex;position:relative;border:none;border-radius:0;padding:10px;box-shadow:none;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-range-slider-bar-only .bar{display:flex}.multi-range-slider-bar-only .bar-left{width:25%;background-color:#f0f0f0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 5px #000;padding:4px 0}.multi-range-slider-bar-only .bar-right{width:25%;background-color:#f0f0f0;border-radius:0 10px 10px 0;box-shadow:inset 0 0 5px #000}.multi-range-slider-bar-only .bar-inner{background-color:#00f;display:flex;flex-grow:1;flex-shrink:1;position:relative;border:solid 1px black;justify-content:space-between;box-shadow:inset 0 0 5px #000}.multi-range-slider-bar-only .bar-inner-left,.multi-range-slider-bar-only .bar-inner-right{width:50%}.multi-range-slider-bar-only .thumb{background-color:red;position:relative;z-index:1;cursor:pointer}.multi-range-slider-bar-only .thumb:before{content:"";background-color:#fff;position:absolute;width:20px;height:20px;border:solid 1px black;box-shadow:0 0 3px #000,inset 0 0 5px gray;border-radius:50%;z-index:1;margin:-8px;cursor:pointer}.multi-range-slider-bar-only .input-type-range:focus+.thumb:after{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;z-index:2;border-radius:50%;border:dotted 1px black;box-shadow:0 0 5px #fff,inset 0 0 10px #000}.multi-range-slider-bar-only .caption{position:absolute;bottom:35px;width:2px;height:2px;left:1px;display:flex;justify-content:center;align-items:center;overflow:visible;display:none}.multi-range-slider-bar-only .thumb .caption *{position:absolute;min-width:30px;height:30px;font-size:75%;text-align:center;line-height:30px;background-color:#00f;border-radius:15px;color:#fff;box-shadow:0 0 5px #000;padding:0 5px;white-space:nowrap}.multi-range-slider-bar-only .thumb:active .caption{display:flex}.multi-range-slider-bar-only .input-type-range:focus+.thumb .caption{display:flex}.multi-range-slider-bar-only .input-type-range{position:absolute;top:0px;left:0px;width:100%;opacity:0;pointer-events:none}.multi-range-slider-bar-only .ruler{margin:10px 0 -5px;display:flex;display:none;overflow:hidden}.multi-range-slider-bar-only .ruler .ruler-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:5px 0;display:none}.multi-range-slider-bar-only .ruler .ruler-rule:last-child{border-right:solid 1px}.multi-range-slider-bar-only .sub-ruler{margin:-2px 0 -5px;display:flex;display:none}.multi-range-slider-bar-only .sub-ruler .ruler-sub-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:3px 0}.multi-range-slider-bar-only .sub-ruler .ruler-sub-rule:last-child{border-right:solid 1px}.multi-range-slider-bar-only .labels{display:flex;justify-content:space-between;padding:0;margin-top:10px;margin-bottom:-20px;display:none}.multi-range-slider-bar-only .label{font-size:80%;display:flex;width:1px;justify-content:center}.multi-range-slider-bar-only .label:first-child{justify-content:start}.multi-range-slider-bar-only .label:last-child{justify-content:end}.multi-range-slider-bar-only.zero-ranage-margin .thumb-left{right:12px}.multi-range-slider-bar-only.zero-ranage-margin .thumb-right{left:8px}.search-panel[data-v-f97055f4]{width:100%;display:flex}.search-panel-input[data-v-f97055f4]{width:100%;padding:0 2.5rem;height:2rem;box-shadow:var(--dh-shadow-2)}.search-panel-button[data-v-f97055f4],.search-panel-open[data-v-f97055f4]{background:transparent;border:transparent;line-height:1;padding-top:.188rem;cursor:pointer}.search-panel-button.close[data-v-f97055f4] :hover,.search-panel-open.close[data-v-f97055f4] :hover{filter:var(--dh-filter-red)}.search-panel-button[data-v-f97055f4]{margin-left:-2.25rem}.form-input[data-v-f97055f4]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-f97055f4]{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input[data-v-f97055f4]::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active[data-v-f97055f4],.form-input[data-v-f97055f4]:focus{border-color:var(--dh-primary);outline:0}.stepper[data-v-cb51b2ba]{display:flex;justify-content:center}.stepper .step[data-v-cb51b2ba]{display:flex;justify-content:center;align-items:center;height:100%}.stepper .step .step-number[data-v-cb51b2ba]{background:var(--dh-stepper-primary-background);color:var(--dh-stepper-primary-color);border-radius:24px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;user-select:none;cursor:unset}.stepper .step .step-number.active[data-v-cb51b2ba]{background:var(--dh-stepper-active-background);color:var(--dh-stepper-active-color)}.stepper .step hr.solid[data-v-cb51b2ba]{border:1px solid var(--dh-stepper-primary-color);background:var(--dh-stepper-primary-color);width:40px;margin:0 1rem;height:.5px}.stepper .step:last-child hr.solid[data-v-cb51b2ba]{display:none}.footer[data-v-cb51b2ba]{width:100%;display:flex;gap:1rem}.footer .btn[data-v-cb51b2ba]{height:40px;line-height:40px;width:100%}.footer .transparent[data-v-cb51b2ba]{background:transparent;color:var(--dh-text-secondary-lighter)}.footer .transparent[data-v-cb51b2ba]:hover{background:transparent;box-shadow:none}.password-tooltip[data-v-e2840bb4]{text-align:left;width:auto;overflow:hidden;text-overflow:ellipsis;padding:.5rem;border-radius:.3rem;box-shadow:var(--dh-shadow-2);background:var(--dh-grey);color:var(--dh-white);line-height:25px;margin-left:16px}.password-tooltip p[data-v-e2840bb4]{margin:0;font-size:12px;color:var(--dh-text-gray)}.password-tooltip .active-text[data-v-e2840bb4]{margin:0;font-size:12px;color:var(--dh-white)!important}.password-tooltip .icon[data-v-e2840bb4]{filter:var(--dh-filter-lighter);margin-bottom:-4px}.password-tooltip .accept-icon[data-v-e2840bb4]{filter:var(--dh-filter-white)}.password-panel[data-v-e2840bb4]{width:100%;display:flex}.password-panel-input[data-v-e2840bb4]{width:83%;padding:0 2.5rem;height:2rem;box-shadow:var(--dh-shadow-2);margin-top:23px}.password-panel-button[data-v-e2840bb4],.password-panel-open[data-v-e2840bb4]{background:transparent;border:transparent;line-height:25px;padding-top:.188rem;cursor:pointer}.password-panel-button.close[data-v-e2840bb4] :hover,.password-panel-open.close[data-v-e2840bb4] :hover{filter:var(--dh-filter-red)}.password-panel-button[data-v-e2840bb4]{margin-left:-2.375rem;height:95px}.form-input[data-v-e2840bb4]{height:2.5rem;padding:0 .75rem;border-radius:8px}.form-input[data-v-e2840bb4]{border:solid 1px var(--dh-text-disabled);color:solid 1px var(--dh-dark)}.form-input[data-v-e2840bb4]::placeholder{color:var(--dh-text-secondary-lighter)}.form-input.active[data-v-e2840bb4],.form-input[data-v-e2840bb4]:focus{border-color:var(--dh-primary);outline:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deskhero/dh_ui",
3
- "version": "1.18.1",
3
+ "version": "1.19.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],