@deviceinsight/ng-ui-components 6.28.1 → 7.0.0

package/dist/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.di.upload,.di.upload *{transition:all .1s ease}.di.upload{margin:0;padding:0;width:100%;height:100%;min-height:80px;font-size:16px;border:1px dashed #888;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.di.upload{display:flex;flex-direction:column;align-items:center}.di.upload:hover{border-color:#666;background:#f9f9f9}.di.upload:active{background:#eee}.di.upload>div{width:100%;height:100%}.di.upload.clickable{cursor:pointer}.di.upload.hasContent{border:1px solid var(--primary-color, #1a8ed3)}.di.upload .drag-drop-hint{margin:0;padding:0}.di.upload .drag-drop-hint:before,.di.upload .drag-drop-hover-hint:before{content:"";width:32px;height:32px;margin:-9px 0 0 -42px;background:url("data:image/svg+xml,%3csvg%20id='upload_cloud_32'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cpath%20id='wolke'%20d='M25.08,12.31A9.54,9.54,0,0,0,7.26,9.76,7.64,7.64,0,0,0,8.08,25H24.63a6.35,6.35,0,0,0,.45-12.69Z'/%3e%3cg%20id='Pfeil'%3e%3cpolyline%20points='10%2020%2016%2014%2022%2020'%20style='fill:%20none;stroke:%20%23fff;stroke-linecap:%20round;stroke-miterlimit:%2010;stroke-width:%202px'/%3e%3crect%20x='14'%20y='15'%20width='4'%20height='11'%20style='fill:%20%23fff'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;position:absolute;opacity:.5;background-size:16px 16px}.di.upload .reject .drag-drop-hint,.di.upload .accept .drag-drop-hint,.di.upload .reject .drag-drop-hover-hint,.di.upload .accept .drag-drop-hover-hint{display:none}.di.upload .drag-drop-hover-hint{margin:0;padding:0;display:none}.di.upload .drag-drop-text-container{width:100%;height:100%;min-height:80px;margin:0;padding:0 0 0 40px;display:flex;justify-content:center;align-items:center;border:none}.di.upload .drag-drop-text-container:hover .drag-drop-hint{display:none}.di.upload .drag-drop-text-container:hover>.drag-drop-hover-hint{display:block}.di.upload .drag-drop-accept{margin:0;padding:0;color:#1a8ed3;display:none}.di.upload .accept .drag-drop-accept{display:block}.di.upload .drag-drop-reject{margin:0;padding:0;display:none}.di.upload .reject .drag-drop-reject{display:block}.di.upload.preview-container{display:flex;width:100%;height:100%}.di.upload .preview{flex:1;background-size:contain;background-repeat:no-repeat;background-position:center center;overflow:hidden;display:flex}.di.upload .preview .action-button{border:none;background:none;border-radius:0;margin:0;padding:0;flex-grow:1;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;transition:all,.2s ease;background-color:#0000;color:transparent}.di.upload .preview .action-button:hover{color:#fff;background-color:#0006}.di.slider .rc-slider-with-marks{margin-bottom:25px}.di.slider .disabled-area-element{position:absolute;right:0;top:0;height:100%;background:repeating-linear-gradient(-45deg,#f9f9f9 13px 18px,#d4d4d4 0px 20px)}.di.slider .rc-slider-track{background-color:var(--primary-color, #1a8ed3)}.di.slider .rc-slider-handle,.di.slider .rc-slider-dot-active{border-color:var(--primary-color, #1a8ed3)}.di.slider .rc-slider-handle:active{box-shadow:0 0 5px var(--primary-color, #1a8ed3)}.rc-tooltip{background-color:#6c6c6c;border-radius:6px;box-shadow:#d9d9d9 0 0 4px;color:#fff;line-height:1;padding:5px 2px;opacity:1;min-width:24px;text-align:center}.rc-tooltip .rc-tooltip-arrow{border-top-color:#6c6c6c;transform:translateY(100%)}.di.color-picker{margin:-5px -10px;padding:0}.di.color-picker .color{width:20%;padding:15px;float:left;position:relative;transition:transform .1s ease;cursor:pointer}.di.color-picker .color:hover{transform:scale(1.2);z-index:1;box-shadow:0 2px 1px #0003}.di.color-picker .color:active{box-shadow:0 0 0 2px #fff inset}.di.color-picker .color.selected{box-shadow:0 0 0 2px #fff inset,0 4px 4px 4px #0003;z-index:1}.di.gradient-color-picker .inputs{display:flex;justify-content:space-between;margin-top:10px}.di.route-link{color:#666}.di.route-link:hover{color:#000}.di.route-link .icon{background-color:transparent;display:block;cursor:pointer;opacity:.65;background-repeat:no-repeat;background-position:50%;position:relative}.di.route-link .icon:hover{background-color:#00000012;opacity:1;border-radius:3px;text-decoration:none;cursor:pointer}.di.route-link .icon:active{background-color:#0000001a;opacity:1}.di.pagination{text-shadow:0 1px 0 #fff;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.di.pagination .next,.di.pagination .prev{width:32px;height:32px;display:inline-block;font-size:24px;font-weight:700;color:#333;position:relative;line-height:28px}.di.pagination .next:hover,.di.pagination .prev:hover{cursor:pointer;background:#00000012;color:#444}.di.pagination .next:active,.di.pagination .prev:active{background:#0000001a}.di.pagination .next,.di.pagination .prev,.di.pagination .info{padding:0 10px;vertical-align:middle;border-radius:3px}.di.pagination .info input{width:45px;height:32px;margin:0 5px;text-align:center;padding:4px 0;font-size:12px;border:1px solid #ccc;border-radius:2px;background:transparent}.di.pagination .info input:hover{border:1px solid #b5b5b5}.di.pagination .info input:focus{border:1px solid #333}.di.pagination .options{margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid #eee}.di.reactable{width:100%;margin:0 0 5px;background:none;border-collapse:collapse}.di.reactable [class*="right aligned"],.di.reactable[class*="right aligned"]{text-align:right}.di.reactable a{text-decoration:underline;vertical-align:middle}.di.reactable input[type=text],.di.reactable select{width:100%;max-width:380px}.di.reactable th{height:40px;background:none;padding:0 20px 0 0;-webkit-user-select:none;user-select:none;-moz-user-select:none;white-space:nowrap;border-top:1px solid transparent;text-align:left;position:relative}.di.reactable td{height:38px;padding:0 15px 0 0;white-space:nowrap}.di.reactable tr{border-top:1px solid #ddd}.di.reactable tr td:first-child{font-weight:700}.di.reactable tr.transitive td,.di.reactable tr.transitive td a{color:#999}.di.reactable .filterrow td{padding:5px 2.5px}.di.reactable.striped tr:nth-child(odd){background:#f9f9f9}.di.reactable.striped thead+tbody tr:nth-child(2n){background:#f0f0f0}.di.reactable.striped thead+tbody tr:nth-child(odd){background:#fff}.di.reactable.striped td{border-bottom:1px solid #fff}.di.reactable.hoverable tbody tr:hover{background-color:#0000000d}.di.reactable.hoverable tbody tr.filterrow:hover{background:none}.di.reactable.selectable tbody tr:hover{background-color:#0000000d;cursor:pointer}.di.reactable.selectable tbody tr:active{background-color:#0000001a}.di.reactable.selectable tbody tr.filterrow:hover{background-color:transparent}.di.reactable.scroll-x{overflow-x:auto;margin-bottom:10px;padding-bottom:10px}.di.reactable.sortable th{cursor:default}.di.reactable.sortable th:hover{text-decoration:none}.di.reactable.sortable th.sortable:hover{cursor:pointer}.di.reactable.sortable th.sortable:hover:after{content:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20id='triangle_up'%20data-name='triangle%20up'%20points='7.5%203%204%207%2011%207%207.5%203'/%3e%3cpolygon%20id='triangle_down'%20data-name='triangle%20down'%20points='7.5%2013%204%209%2011%209%207.5%2013'/%3e%3c/svg%3e");position:absolute;padding:0;margin-left:1px;filter:opacity(.3);width:16px;height:16px}.di.reactable.sortable th.sortable.sortAsc:after{content:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%206%204%2010%2011%2010%207.5%206'/%3e%3c/svg%3e");position:absolute;padding:0;margin-left:2px;width:16px;height:16px;filter:none}.di.reactable.sortable th.sortable.sortDes:after{content:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e");position:absolute;padding:0;margin-left:2px;width:16px;height:16px;filter:none}.di.color-picker{width:220px;height:200px}.di.color-picker.grid-color-picker{max-width:250px;height:auto}.di.color-picker .colorpicker{position:relative;height:100%;width:100%;background-color:#fff}.di.color-picker .hue-slider{position:absolute;top:1em;bottom:1em;right:1.3em}.di.color-picker .hue-slider .track{background:linear-gradient(to bottom,red,#f09,#cd00ff,#3200ff,#06f,#00fffd,#0f6,#35ff00,#cdff00,#f90,red)}.di.color-picker .map{position:absolute;inset:1em 2em 1em 1em;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:.25em}.di.color-picker .map.active{cursor:none}.di.color-picker .map.dark .pointer{border-color:#fff}.di.color-picker .map.light .pointer{border-color:#000}.di.color-picker .map .pointer{position:absolute;width:10px;height:10px;margin-left:-5px;margin-bottom:-5px;border-radius:100%;border:1px solid #000;will-change:left,bottom}.di.color-picker .map .background{top:0;left:0;position:absolute;height:100%;width:100%}.di.color-picker .map .background:before,.di.color-picker .map .background:after{display:block;content:"";position:absolute;inset:0}.di.color-picker .map .background:after{background:linear-gradient(to bottom,transparent 0%,black 100%)}.di.color-picker .map .background:before{background:linear-gradient(to right,#fff,#fff0)}.di.color-picker .slider{position:absolute;-webkit-user-select:none;user-select:none}.di.color-picker .slider.vertical{top:0;bottom:0;left:50%;width:10px;cursor:ns-resize}.di.color-picker .slider.vertical .track{position:absolute;top:0;bottom:0;left:50%;width:8px;margin-left:-4px}.di.color-picker .slider.horizontal{left:0;right:0;top:50%;height:10px;cursor:ew-resize}.di.color-picker .slider.horizontal .track{position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px}.di.color-picker .slider .track{border-radius:3px}.di.color-picker .slider .pointer{position:absolute;bottom:50%;left:50%;width:16px;height:16px;margin-left:-8px;margin-bottom:-8px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #ccc,0 1px 2px #ccc;will-change:left,bottom}.di.color-picker .opacity-slider{position:absolute;bottom:1.3em;left:1em;right:2em}.di.color-picker .opacity-slider .slider{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAMvLy8zMzP///wAAACwAAAAAEAAQAEACHYxvosstCAEMrq6Jj812Y59NIDQipdY5XLWqH4sVADs=) repeat;background-size:8px 8px;height:8px}.di.color-picker .opacity-slider .slider .track{height:8px;margin-top:-4px;background:linear-gradient(to right,#fff0,#fff)}.di.color-picker .with-opacity-slider .map,.di.color-picker .with-opacity-slider .hue-slider{bottom:2em}.di.color-picker.with-textfield{padding-bottom:30px}.di.color-picker-popper{position:relative;z-index:unset!important;width:40px;height:40px}.di.color-picker-popper .trigger{border:1px solid #ccc;box-shadow:0 0 0 2px #fff inset;width:100%;height:100%;cursor:pointer}.di.color-picker-popper .color-picker-box{width:220px}.di.monthpicker{width:auto}.di.monthpicker .pager{height:35px;line-height:35px;margin:10px 0 0;text-align:center}.di.monthpicker .pager *{vertical-align:middle}.di.monthpicker .pager .page-nav{height:35px;display:inline-block;border-radius:3px}.di.monthpicker .pager .page-nav.prev{width:40px;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;cursor:pointer;background-size:16px 16px}.di.monthpicker .pager .page-nav.next{width:40px;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;cursor:pointer;background-size:16px 16px}.di.monthpicker .pager .page-nav.info{width:75px;font-size:14px;font-weight:700}.di.monthpicker .pager .page-nav.prev:hover,.di.monthpicker .pager .page-nav.next:hover{background-color:#00000012}.di.monthpicker .pager .page-nav.prev:active,.di.monthpicker .pager .page-nav.next:active{background-color:#0000001a}.di.monthpicker .months{margin-top:20px}.di.monthpicker .months td{padding:10px 15px;border-radius:3px}.di.monthpicker .months td:hover{background-color:#00000012;cursor:pointer;transition-duration:0s}.di.monthpicker .months td:active{background-color:#0000001a}.di.monthpicker .months td.selected{background-color:#333;color:#fff;font-weight:700}.di.date-time-input{display:flex}.di.date-time-input input{height:32px;color:#333}.di.date-input-wrapper{position:relative;display:inline-block}.di.date-input-wrapper .date.invalid{border-color:red;border-width:1px}.di.date-input-wrapper .date.invalid:focus,.di.date-input-wrapper .date.invalid:hover{border-color:red}.di.date-input-wrapper .di.button{position:absolute;right:0;top:0;height:100%;padding:0 5px}.di.date-time-input input{padding:3px;font-size:16px;border:1px solid transparent;text-align:center}.di.date-time-input input.date{width:105px!important;font-weight:700}.di.date-time-input input.date::placeholder{font-size:15px;text-overflow:clip}.di.date-time-input input.time{width:55px!important}.di.date-time-input input:hover{border:1px solid #b5b5b5}.di.date-time-input input:focus{border:1px solid #333}.di.date-time-input.with-warning{border:1px solid red}.di.period-picker{white-space:nowrap}.di.period-picker div:not([class]){display:inline-block;position:relative}.di.period-picker,.di.period-picker .inputs{margin-right:5px;display:flex;align-items:center}.di.period-picker input{padding:3px;font-size:16px;border:1px solid transparent;text-align:center}.di.period-picker input.date{width:105px!important;font-weight:700}.di.period-picker input.date::placeholder{font-size:15px;text-overflow:clip}.di.period-picker input.time{width:55px!important}.di.period-picker input:hover{border:1px solid #b5b5b5}.di.period-picker input:focus{border:1px solid #333}.di.period-picker .date-time-input{border:1px solid transparent;transition:border 1s ease-out}.di.period-picker.centered{display:flex;justify-content:center}.di.svg-image .anchor:hover,.di.svg-image .anchor:hover *{stroke:#0ff!important;stroke-width:2px!important;cursor:pointer}.treeview .node-info{display:flex;justify-content:flex-start;align-items:center;margin:1px 0}.treeview .node-info:hover{background-color:#eee}.treeview .node-info .description{display:flex;align-items:center}.treeview .node-info>input{margin:0 5px;position:static}.treeview .node-info>.icon{height:24px;width:24px;cursor:pointer;margin:0 2px}.treeview .node-info .name{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;height:30px;display:flex;align-items:center}.treeview .icon-container{display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin:0 2px}.treeview>.node{margin-left:0!important}.treeview>.node>.node{margin-left:14px}.treeview .node{margin-left:28px}.treeview .node-info .skeleton{width:14px;height:30px;display:flex;flex-wrap:wrap}.treeview .node-info .skeleton .skeleton-cell{height:50%;width:100%}.treeview .node-info .skeleton .skeleton-cell.top{border-left:1px dashed grey;border-bottom:1px dashed grey}.treeview .node-info .skeleton .skeleton-cell.bottom{border-left:1px dashed grey}.di.svg-image .anchor:hover,.di.svg-image .anchor:hover *{cursor:pointer;stroke-width:2px!important}.di.svg-image .di.hover:hover,.di.svg-image .di.hover:hover *{fill:#0ff!important}.infobox{display:flex;flex-direction:column;box-shadow:0 2px 2px -1px #aaa}.infobox-header{display:flex;justify-content:space-between;width:100%}.infobox-header-content{display:flex;padding:15px;flex:1}.infobox-message{line-height:1.5;word-break:break-word;padding-right:30px}.infobox-iconcontainer+.infobox-message{padding-left:10px;padding-top:3px}.infobox-closebutton{flex-basis:50px;cursor:pointer;padding:0;background-color:transparent}.infobox-closebutton:hover{background-color:#0000001a}.di.multimenu{margin:-10px}.di.multimenu .drop{z-index:1}.di.multimenu .drop .item{padding:0;white-space:nowrap;border-bottom:1px solid #ddd;text-align:left;cursor:pointer;position:relative;z-index:1;display:flex;align-items:center}.di.multimenu .drop .item:last-child{border:none}.di.multimenu .drop .item:hover{background:#00000012}.di.multimenu .drop .item:active{background:#0000001a}.di.multimenu .drop .item-text{height:35px;padding:10px 20px;display:flex;align-items:center}.di.multimenu .drop .item-icon{width:16px;height:16px;margin:0 -8px 0 20px}.di.multimenu .drop .item-more{width:35px;height:35px;margin-left:auto;background-color:#fff;display:inline-block}.di.multimenu .drop .item-more.icon.triangle{background:#fff url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='10%208.04%206%204%206%2012.08%2010%208.04'/%3e%3c/svg%3e") no-repeat center;border-left:1px solid #ddd}.di.multimenu .drop .item-more.icon.triangle:hover{background-color:#00000012}.di.multimenu .drop .item-more.icon.triangle:active{background-color:#0000001a}.di.multimenu .drop .item-more.icon.dots{background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3ccircle%20cx='12.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='8.5'%20cy='7.5'%20r='1.5'/%3e%3ccircle%20cx='4.5'%20cy='7.5'%20r='1.5'/%3e%3c/svg%3e") no-repeat center;background-size:16px 16px}.di.multimenu .drop .item-more .item-more-submenu{display:none;box-shadow:0 1px 3px #0003;border:1px solid rgba(0,0,0,.2)}.di.multimenu .drop .item-more .item-more-submenu{position:absolute;top:0;left:100%;background:#fff}.di.multimenu .drop .item-more .item-more-submenu .subitem{padding:10px 20px;border-bottom:1px solid #ddd}.di.multimenu .drop .item-more .item-more-submenu .subitem:last-child{border-bottom:none}.di.multimenu .drop .item-more .item-more-submenu .subitem:hover{background:#00000012}.di.multimenu .drop .item-more .item-more-submenu .subitem:active{background:#0000001a}.di.multimenu .drop .item-more:hover .item-more-submenu{display:block}.di.multimenu .drop .left-box{width:1px;height:calc(100% + 2px);position:absolute;right:0%;top:-1px;border:1px solid;background:#fff;z-index:1;overflow:hidden;opacity:0}.di.multimenu .drop .left-box{box-shadow:0 1px 3px #0003;border:1px solid rgba(0,0,0,.2);border-radius:3px 0 0 3px}.di.multimenu .drop .left-box.show{right:100%;width:230px;opacity:1}.di.multimenu .drop .right-box{position:relative;z-index:2;border-radius:0 3px 3px 0}.di.multimenu a{text-decoration:none}.di.modal.scroll-horizontally-advice{padding-top:40vh}.di.modal.scroll-horizontally-advice .modal-content .scroll-horizontally-advice-buttons{text-align:right;margin-top:24px}.di.button *{vertical-align:middle}.di.button{height:32px;font-size:11px;font-weight:700;padding:0 15px;margin:0 4px 0 0;display:inline-block;color:#333;background-color:#fff;border-radius:3px;cursor:pointer;border:1px solid #ddd;border-bottom:1px solid #aaa}.di.button img{opacity:.8;margin:0}.di.button img+span{margin:0 0 0 8px}.di.button:hover{background-color:#00000012}.di.button:active,.di.button.active{background-color:#0000001a}.di.button.active{border:1px solid #333}.di.button.small{height:24px;margin:0 1px;padding:0 10px}.di.button.link{display:inline-block;border:none;background-color:transparent;box-shadow:none;cursor:pointer}.di.button.link:hover{text-decoration:none;background-color:#00000012;border-radius:3px}.di.button.link:active{background-color:#0000001a}.di.button.primary{background-color:var(--primary-color, #1a8ed3);border:none;color:#fff;border:1px solid var(--primary-color, #1a8ed3);border-bottom:1px solid var(--primary-color-darker, #1575ad)}.di.button.primary:hover,.di.button.primary:focus,.di.button.primary:active{background-color:var(--primary-color-darker, #1575ad);color:#fff}.di.button.danger{background-color:#ff494f;border:none;color:#fff;border:1px solid #FF494F;border-bottom:1px solid #E1494F}.di.button.danger:hover,.di.button.danger:focus,.di.button.danger:active{background-color:#e1494f;color:#fff}.di.button:disabled,.di.button.disabled{opacity:.35;cursor:default;pointer-events:none;filter:grayscale(100%)}.di.button::-moz-focus-inner{border:0;padding:0}.di.button-row{margin:30px 0 40px;display:flex}.di.button-row.dividing{padding:25px 0 0;border-top:1px solid #ddd}.di.button-row .button{min-width:70px}.di.modal{position:fixed;inset:0;background-color:#fff0;z-index:99999}.di.modal{transition:all .15s linear;pointer-events:none}.di.modal .modal-window{margin:7vh auto 0;border-radius:4px;background-color:#fff;box-shadow:0 5px 10px #0003;overflow:hidden}.di.modal .modal-window{transition:margin .3s ease-out .2s,opacity .3s ease-out .2s;opacity:0}.di.modal .modal-header{padding:20px 30px;min-height:60px;cursor:move;font-size:20px;line-height:25px;border-bottom:1px solid #ddd}.di.modal .modal-content{padding:20px 30px;max-height:calc(80vh - 100px);overflow:auto;clear:both}.di.modal .modal-footer{margin:0;text-align:right;padding:20px 30px;border-radius:0 0 4px 4px;border-top:1px solid #ddd}.di.modal.show{background-color:#00000080;pointer-events:auto}.di.modal.show .modal-window{margin:10vh auto 0;opacity:1}.di.spinner{border:2px solid #bababa;border-top:2px solid var(--primary-color, #1a8ed3);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.di.spinner-wrapper{position:relative;height:100%;z-index:0}.di.spinner-wrapper .spinner-container{opacity:0;transition:opacity .1s ease;background-color:#ffffffbf}.di.spinner-wrapper .spinner-container{position:absolute;inset:0;z-index:1;visibility:hidden}.di.spinner-wrapper .spinner-container.visible{opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di.toggle{position:relative;display:inline-block;width:60px;height:30px}.di.toggle input{display:none}.di.toggle .switch{position:absolute;background-color:gray;border-radius:15px;cursor:pointer;inset:0}.di.toggle .switch:before{content:"";width:28px;height:28px;background-color:#fff;position:absolute;right:1px;top:1px;border-radius:14px}.di.toggle .switch,.di.toggle .switch:before{transition:transform .1s ease-out,background-color .05s ease-out .05s}.di.toggle input:checked+.switch:before{transform:translate(0)}.di.toggle input+.switch:before{transform:translate(-30px)}.di.toggle-small{width:40px;height:20px}.di.toggle .switch-small:before{width:18px;height:18px}.di.toggle input+.switch-small:before{transform:translate(-20px)}.di.checkbox{cursor:pointer}.di.checkbox>input:disabled+div,.di.toggle>input:disabled+div{opacity:.4;cursor:auto}.di.checkbox>input{display:none}.di.checkbox .box,.di.checkbox .radio{display:inline-block;text-align:left;width:16px;height:16px;border:1px solid black;vertical-align:middle}.di.checkbox .radio{border-radius:10px}.di.checkbox input:checked+.box:before{content:"✓";left:-1px;top:0;position:relative;float:right;font-size:14px;line-height:14px}.di.checkbox input:checked+.radio:before{content:"";display:block;position:relative;height:6px;width:6px;background-color:#222;border-radius:3px;top:4px;left:4px}.di .textlabel{-webkit-user-select:none;user-select:none;font-size:12px;vertical-align:middle;padding-left:5px}.di.label{height:22px;padding:0 10px;margin-right:6px;color:#333;border:1px solid #bbb;border-radius:20px;display:inline-flex;align-items:center;font-size:12px;white-space:nowrap}.di.label.removable{padding-right:0}.di.label .remove{margin:0 2px 0 8px;width:18px;height:18px;display:flex;justify-content:center;align-items:center}.di.label .remove{background-color:#0000004d;border-radius:50%;cursor:pointer}.di.label .remove:hover{background-color:#00000080}.di.label .remove:active{background-color:#000000b3}.di.label .remove img{flex-shrink:0}.di.label.danger{background-color:#e50000;border-color:transparent;color:#fff}.di.label.success{background-color:#00cc0a;border-color:transparent;color:#fff}.di.label.warning{background-color:#ffb400;border-color:transparent;color:#fff}.di.label.neutral{background-color:#ddd;border-color:transparent}.di.label.small{height:16px;font-size:11px}.di.label.small .remove{width:12px;height:12px}.di.label.small .remove img{width:10px}.di.label.large{height:30px}.di.label.large .remove{width:24px;height:24px}.di.label.clickable{cursor:pointer}a .di.label{text-decoration:solid inherit underline;font-weight:400}a .di.label:hover{background-color:#00000012;text-decoration:underline}a .di.label:active{background-color:#0000001a}.clearfix:after{content:"";clear:both;display:block;visibility:hidden;height:0px}.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs{margin:5px 0 20px;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center}.di.tabs .item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background:none;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:pointer}.di.tabs .item:hover{background-color:#00000012}.di.tabs .item:active{background-color:#0000001a}.di.tabs .item.active,.dragging.item.active{font-weight:700;color:#333;border-bottom:2px solid var(--primary-color, #1a8ed3)}.di.tabs .item.disabled{opacity:.35;pointer-events:none;cursor:default}.di.tabs .item .add{background:url("data:image/svg+xml,%3csvg%20id='icon-add_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='plus'%20points='20%2010%2014%2010%2014%204%2010%204%2010%2010%204%2010%204%2014%2010%2014%2010%2020%2014%2020%2014%2014%2020%2014%2020%2010'/%3e%3c/svg%3e") no-repeat center;padding:0 25px;background-size:16px 16px}.dragging.item{padding:12px 15px;margin-bottom:-1px;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;color:#666;background-color:#0000001a;border-top:0;border-left:0;border-right:0;border-radius:0;cursor:move;white-space:nowrap}.draggable-area *{cursor:move}.di.tabs .tab-header,.dragging .tab-header{position:relative}.di.tabs .tab-header:after,.dragging .tab-header:after{position:absolute;content:"";inset:0}.di.accordion{width:auto}.di.accordion .item{border-bottom:1px solid #bbb}.di.accordion .head{display:flex;align-items:center;justify-content:space-between;transition:.1s all ease}.di.accordion .head:hover{background-color:#00000012;transition-duration:0s}.di.accordion .head:before{content:"";position:absolute;display:inline-block;width:0;height:0;margin:0 0 0 3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid black;pointer-events:none}.di.accordion .head:before{transition:.1s all ease}.di.accordion .title{width:100%;padding:15px 15px 15px 20px;display:flex;align-items:center;cursor:pointer}.di.accordion .title *{margin:initial}.di.accordion .title span{margin-right:10px}.di.accordion .tools{padding:0 0 0 15px;display:flex;align-items:center}.di.accordion .cont{height:0px;overflow:hidden;padding:0 0 0 25px;opacity:.3;transition:.25s all ease;transform:scaleY(.9);transform-origin:top left}.di.accordion .item.open .cont{height:auto;padding:15px 0 15px 25px;opacity:1;transform:scaleY(1)}.di.accordion .item.open .head:before{transform:rotate(90deg);transition:.3s ease}.di.accordion .item.open .head{border-bottom:1px dashed #eee}.di.accordion .accordion{background-color:#0000000d}.di.accordion h2{margin-top:0!important}.di.popup{min-width:40px;margin-top:-3px;z-index:1000;top:0;left:0;background-color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px #0003;border-radius:3px;opacity:0}.di.popup{transition:opacity .1s ease,margin .1s ease}.di.popup-wrapper.hidden,.di.popup-wrapper.hidden>*{opacity:0!important;pointer-events:none}.di.popup-wrapper{transition:opacity .2s ease}.di.popup[class*=bottom],.di.popup[class*=top],.di.popup[class*=right],.di.popup[class*=left]{opacity:1}.di.popup .popup-arrow{width:10px;height:10px;margin:0;background-color:#fff;position:absolute;z-index:0;border:1px solid rgba(0,0,0,.2);border-right:none;border-bottom:none}.di.popup .popup-arrow[class*=bottom]{top:-8px}.di.popup .popup-arrow[class*=top]{bottom:-4px}.di.popup .popup-arrow[class*=left]{right:-5px}.di.popup .popup-arrow[class*=right]{left:-5px}.di.popup .popup-arrow[class*=bottom]:before{border-bottom:none;border-right:none;transform:rotate(45deg)}.di.popup .popup-arrow[class*=top]:before{border-bottom:none;border-right:none;transform:rotate(-135deg)}.di.popup .popup-arrow[class*=left]:before{border-bottom:none;border-right:none;transform:rotate(135deg)}.di.popup .popup-arrow[class*=right]:before{border-bottom:none;border-right:none;transform:rotate(-45deg)}.di.popup .popup-arrow,.di.popup .popup-arrow:before{position:absolute;width:8px;height:8px;background:inherit;border:1px solid rgba(0,0,0,.2)}.di.popup .popup-arrow{visibility:hidden}.di.popup .popup-arrow:before{visibility:visible;content:""}.di.popup .popup-content{margin:10px}.di.popup.inverted{background-color:#333;box-shadow:none}.di.popup.inverted .popup-arrow{background-color:#333;border:none}.di.popup.inverted .popup-content{color:#fff}.di.popup.inverted a{color:#fff;text-decoration:none;vertical-align:middle}.di.popup.inverted a:hover{text-decoration:underline}.di.popup.bubble .bubble-content{padding:5px;white-space:nowrap;display:inline-block}.di.popup.tooltip{transition:none;transition:opacity .1s ease}.di.popup.tooltip .tooltip-content{white-space:nowrap;display:inline-block;line-height:12px}.search-box{height:32px;padding:0 30px 0 0;border:1px solid #ccc;border-radius:5px;position:relative;background:#fff}.search-box input{width:100%;height:30px;padding:0 8px 0 15px;background:none;margin-top:0;border:none;outline:none;font-size:12px;box-shadow:none;border-radius:0}.search-box .di.button{position:absolute;right:0;margin-right:0;padding:7px 10px}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-enter,.rc-tooltip-zoom-appear{opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-play-state:paused}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-play-state:paused}.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1)}to{opacity:0;transform-origin:50% 50%;transform:scale(0)}}.rc-tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.5;opacity:.9}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightTop,.rc-tooltip-placement-rightBottom{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftTop,.rc-tooltip-placement-leftBottom{padding:0 9px 0 5px}.rc-tooltip-inner{padding:8px 10px;color:#fff;text-align:left;text-decoration:none;background-color:#373737;border-radius:6px;box-shadow:0 0 4px #0000002b;min-height:34px}.rc-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{bottom:4px;margin-left:-5px;border-width:5px 5px 0;border-top-color:#373737}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{left:4px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#373737}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{right:4px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#373737}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{top:4px;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#373737}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.Toastify{z-index:999999;position:fixed;--toastify-toast-width: 350px;--toastify-toast-min-height: 68px;--toastify-toast-padding: 0 35px 0 70px}.Toastify__toast{margin-bottom:-1px;border:1px solid #fff}.Toastify__toast{box-shadow:0 5px 10px #00000040}.Toastify__toast-container--top-center{top:0}.Toastify__toast-body{margin:auto 20px}.Toastify__toast-theme--colored.Toastify__toast--error{background:#ecd9d9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQlJREFUeNpi/P//PwMtAQspivf29QmAaOeiog9ANlF6GIn1AdDAfiBVAOVOAOJCqlkANNwBSO1HE3YE4gOE9DIRGTr9RIqRbgHQ9QlAygCLFEgsgaIggkbqfSAWwKHkAxArQmmyfFCAx3AGqFwBWT4Aul4B6no4ACZPmBy6cpAvHpDqg34Sskg/SUEETZYBJFgAUutAig/6ySgV+omyAE+yJASwJlsmLMmyn4F80I+e6lhISZZEFHCwZNuAkUyxJUsKADzZMpESsaB8AMsLxEY4E5nJkuhkC4uDeiLrBFIj3JDZlo9PAVqBUBtIAPFCJlxlCJXAA1gkJ9LA8ESS6mRyARMDjQFAgAEAi9hTqMxme4UAAAAASUVORK5CYII=) no-repeat 25px center;color:#820000}.Toastify__toast-theme--colored.Toastify__toast--success{background:#cce0cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNpi/P//PwMtAQs+yY7NPYJAKhKIPYFYD4glgPgXED8B4jtAvB2Il1f4lrzHoZ+BEZsPgBIcQKoQiMuAWICAIz8AcTcQ9wMt+o5uARMWwxWA1GkgbiPCcAaomlYgPgXViwKY0AyXAVKHgViHjOAG6TkMNQPTAmiwrANiGQriVAZqBlYfFACxKRUSjimGBUDXCwGpCmokS2BEg6j/6D4AJUV+KhkOC/JsZAvcqWw4iPJAtsCAyoaDgD6yBeJUNhxuJsyCn7g0IxtAguEYyfQ5sa4kwfCXyBbcxFVYYTOQGJcDwUVkC3biKVFxBhkew0FgB7IFy4H4IzGWEGn4R6iZEAuArnoHpDoJ1A3EGs4ANQtkJqI+AGriBFIngViXwjx3BYjNgPg7SmEHrSyCgPgZBYY/BeJAmOEY9QHQElA1aAN1BTkut4FWpah1MlqY3od6EVRllpJSZSK7nFCl/x1aZU4H4ihowQWq9CWRMuYlaFJcBsTvcdnOSOtmC0CAAQDdhonhy/OiLAAAAABJRU5ErkJggg==) no-repeat 25px center;color:#006400}.Toastify__close-button{top:0;right:0;height:100%;padding:5px 10px;color:#111;font-weight:400;align-self:auto;transition:.05s;background:#0000000d;border-radius:0;opacity:1}.Toastify__close-button:hover{background:#0000001a}.Toastify__toast-icon{display:none}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker{padding:10px;font-family:arial;font-size:12px;border:none;box-shadow:none}.react-datepicker__header{background:#fff;border:none}.react-datepicker__current-month{margin-top:3px;font-size:14px}.react-datepicker__day{transition:all .1s ease}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background:#333;border-radius:3px}.react-datepicker__day-name,.react-datepicker__day{margin:0;line-height:27px;width:27px}.react-datepicker__day:hover{background-color:#00000012;transition-duration:0s;border-radius:3px}.react-datepicker__day-names{margin-top:10px;margin-bottom:-3px}.react-datepicker__day--outside-month{color:#888}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover{background:#000}.react-datepicker__day--keyboard-selected{background:#0000001a;border-radius:3px;color:#333}.react-datepicker__day--today{box-shadow:1px 1px #0003}.react-datepicker__navigation{border:none;top:11px}.react-datepicker__navigation--next{width:40px;height:40px;right:10px;border-radius:3px}.react-datepicker__navigation--next:hover{background:#00000012}.react-datepicker__navigation--next:after{position:absolute;top:0;content:"";display:block;width:40px;height:35px;background:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%2012.94%208.53%208%203.59%203.06%205%201.65%2011.35%208%205%2014.35%203.59%2012.94'/%3e%3cpath%20d='M5,2.35,10.65,8,5,13.65l-.71-.71L8.53,8.71,9.23,8l-.7-.71L4.29,3.06,5,2.35M5,.94,2.88,3.06,7.82,8,2.88,12.94,5,15.06,12.06,8,5,.94Z'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;background-size:16px 16px}.react-datepicker__navigation--previous{width:40px;height:40px;left:13px;border-radius:3px}.react-datepicker__navigation--previous:hover{border-radius:3px;background:#00000012}.react-datepicker__navigation--previous:after{position:absolute;top:0;content:"";display:block;width:35px;height:35px;background-image:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cg%3e%3cpolygon%20points='3.59%208%209.94%201.65%2011.35%203.06%206.41%208%2011.35%2012.94%209.94%2014.35%203.59%208'/%3e%3cpath%20d='M9.94,2.35l.71.71L6.41,7.29,5.71,8l.7.71,4.24,4.23-.71.71L4.29,8,9.94,2.35m0-1.41L2.88,8l7.06,7.06,2.12-2.12L7.12,8l4.94-4.94L9.94.94Z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.react-datepicker-wrapper .date.invalid,.react-datepicker-wrapper .date.invalid:focus{border-color:red}.react-datepicker-popper{z-index:2}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{border-bottom-color:#fff}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none!important}.Select input::-ms-clear{display:none!important}.Select input::-ms-reveal{display:none!important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a;background:#fff}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:42px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{color:#007eff;outline:none;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-color:#d9d9d9 #ccc #b3b3b3;border-radius:4px;border:1px solid #ccc;color:#333;cursor:default;display:table;border-spacing:0;border-collapse:separate;height:36px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:0 1px #0000000f}.Select-control .Select-input:focus{outline:none;background:#fff}.Select-placeholder,.Select--single>.Select-control .Select-value{color:#aaa;inset:0;line-height:34px;padding-left:10px;padding-right:10px;position:absolute;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{width:100%;background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:8px 0 12px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin .4s infinite linear;-o-animation:Select-animation-spin .4s infinite linear;animation:Select-animation-spin .4s infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;-o-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#d0021b}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}.Select-control>*:last-child{padding-right:5px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}@-webkit-keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;left:0;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 10px}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:#007eff0a;color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:#007eff14;color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 10px}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:10px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:#007eff14;border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#d8eafd;background-color:#0071e614;color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:#007eff3d}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #c2e0ff;border-left:1px solid rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.select-search-container .select-search__control{border-radius:2px;min-height:32px}.select-search-container .select-search__control--menu-is-open,.select-search-container .select-search__control--is-focused{border-color:#ccc;box-shadow:none}.select-search-container .select-search__value-container{padding-top:0;padding-bottom:0}.select-search-container .select-search__value-container>div{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.select-search-container .select-search__input input[type=text]{height:30px}.select-search-container .select-search__indicator{padding:2px}.select-search-container .select-search__indicator-separator{display:none}.select-search-container .select-search__menu{margin-top:0}.select-search-container .select-search__dropdown-indicator{background:no-repeat center url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e");background-size:16px 16px}.select-search-container .select-search__dropdown-indicator svg{visibility:hidden}.select-search-container.special .select-search__option:last-child{font-weight:700;border-top:1px solid #ddd}

package/dist/types/__mocks__/i18n.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ComponentType } from 'react';
+declare const _default: {
+    withTranslation: () => (Component: ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;
+    Trans: ({ i18nKey, children }: ComponentProps<any>) => any;
+    useTranslation: () => {
+        t: (key: string) => string;
+        i18n: {
+            exists: import("vitest").Mock<(...args: any[]) => any>;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/__mocks__/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;;4BAI3B,WAAW,aAAa,CAAC,GAAG,CAAC,MAC5C,OAAO,GAAG;mCAEU,cAAc,CAAC,GAAG,CAAC;;iBAEtC,MAAM;;;;;;AANjB,wBAWE"}

package/{lib/esm/src → dist/types}/components/chart/Chart.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-declare type Item = {
+import { Component } from 'react';
+type Item = {
     label: string;
     value: number;
 };
-export declare type Props = {
+export type Props = {
     /** 'pie' | 'column'*/
     type: 'pie' | 'column';
     /** title displayed above the chart*/
@@ -24,7 +24,7 @@ export declare type Props = {
 /**
  * Displays the provided data in form of the column chart or pie chart.
  */
-export default class Chart extends React.Component<Props, Record<string, any>> {
+export default class Chart extends Component<Props, Record<string, any>> {
     state: Record<string, any>;
     chart: any;
     ro: ResizeObserver | null | undefined;
@@ -32,7 +32,7 @@ export default class Chart extends React.Component<Props, Record<string, any>> {
     componentDidUpdate(prevProps: Props): void;
     componentWillUnmount(): void;
     handleChart: (chart: any) => void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};
 //# sourceMappingURL=Chart.d.ts.map

package/dist/types/components/chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AA+DhC,KAAK,IAAI,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IACnB,sBAAsB;IACtB,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uDAAuD;IACvD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE3C,6BAA6B;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtE,CAAC;AAmBF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAChC,KAAK,EAAE,GAAG,CAAQ;IAClB,EAAE,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAQ;IAE7C,iBAAiB;IAsCjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAsEnC,oBAAoB;IAQpB,WAAW,GAAI,OAAO,GAAG,UAMvB;IAEF,MAAM;CAaN"}

package/dist/types/components/chart/Chart.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import Component from './Chart';
+declare const meta: {
+    title: string;
+    component: typeof Component;
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        type: "pie" | "column";
+        title?: string | undefined;
+        tooltipTitle?: string | undefined;
+        items: Array<{
+            label: string;
+            value: number;
+        }>;
+        valueFormatter?: ((value: number) => string) | undefined;
+        onClick?: ((index: number) => void) | undefined;
+        className?: string | undefined;
+        updateOptions?: ((options: Record<string, any>) => Record<string, any>) | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const PieChart: Story;
+export declare const ColumnChart: Story;
+export declare const WithClickableBars: Story;
+//# sourceMappingURL=Chart.stories.d.ts.map

package/dist/types/components/chart/Chart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/Chart.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AACrD,OAAO,SAAS,MAAM,SAAS,CAAC;AA0BhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAUwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC"}

package/dist/types/components/colorpicker/ColorPickerPopper.d.ts

@@ -0,0 +1,13 @@
+import { Placement } from '@deviceinsight/ng-ui-basic-components';
+import { CSSProperties, PropsWithChildren } from 'react';
+type Props = {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    value?: string;
+    className?: string;
+    style?: CSSProperties;
+    placement?: Placement;
+};
+export default function ColorPickerPopper({ isOpen, onOpenChange, className, style, value, placement, children }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColorPickerPopper.d.ts.map

package/dist/types/components/colorpicker/ColorPickerPopper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/colorpicker/ColorPickerPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAQ,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEvD,KAAK,KAAK,GAAG;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,MAAM,EACN,YAAY,EACZ,SAAS,EACT,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAiB1B"}

package/dist/types/components/colorpicker/ColorTextInput.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+type Props = {
+    value: string;
+    pattern: RegExp;
+    onChange: (color: string) => void;
+    placeholder: string;
+    style?: CSSProperties;
+};
+export declare function ColorTextInput({ value, pattern, onChange, placeholder, style }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColorTextInput.d.ts.map

package/dist/types/components/colorpicker/ColorTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/colorpicker/ColorTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAsB,MAAM,OAAO,CAAC;AAGzD,KAAK,KAAK,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAC,EAAE,KAAK,2CA2BnF"}

package/dist/types/components/colorpicker/GradientColorPicker.d.ts

@@ -0,0 +1,33 @@
+import { Placement } from '@deviceinsight/ng-ui-basic-components';
+export type Props = {
+    /** if set to false, a popper component will be shown */
+    inline?: boolean;
+    /** the current value - only RGB(A) */
+    value?: string;
+    /** shows the opacity slider */
+    opacitySlider?: boolean;
+    /** callback function that is executed when the user picks a color */
+    onPick: (color: string) => void;
+    /** if true and inline is false, the colorpicker popup will be shown on init */
+    isOpen?: boolean;
+    /** if a function is provided and inline is false, the function will be called when the popper open state changes */
+    onOpenStateChange?: (arg0: boolean) => void;
+    /** if true, the user can also add hex color via text input - cannot be used with opacity slider */
+    allowTextInput?: boolean;
+    /** styles for the popper component */
+    style?: React.CSSProperties;
+    /** styles for the colorpicker */
+    pickerStyle?: React.CSSProperties;
+    /** class for the popper component */
+    className?: string;
+    /** class for the colorpicker */
+    pickerClassName?: string;
+    /** where to align the popper component */
+    direction?: Placement;
+};
+/**
+ * The GradientColorPicker provides the functionality to generate any valid RGB color.
+ * This is especially useful for setting and defining a custom color.
+ */
+export default function GradientColorPicker({ onOpenStateChange, onPick, allowTextInput, className, direction, inline, isOpen, opacitySlider, pickerClassName, pickerStyle, style, value }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GradientColorPicker.d.ts.map

package/dist/types/components/colorpicker/GradientColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/colorpicker/GradientColorPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,SAAS,EAAC,MAAM,uCAAuC,CAAC;AAKhE,MAAM,MAAM,KAAK,GAAG;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+BAA+B;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,qEAAqE;IACrE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,mGAAmG;IACnG,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAElC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAcF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC3C,iBAAiB,EACjB,MAAM,EACN,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAa,EACb,MAAM,EACN,aAAa,EACb,eAAe,EACf,WAAW,EACX,KAAK,EACL,KAAK,EACL,EAAE,KAAK,2CA6DP"}

package/dist/types/components/colorpicker/GradientColorPicker.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import GradientColorPicker from './GradientColorPicker';
+declare const meta: Meta<typeof GradientColorPicker>;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AsPopup: Story;
+export declare const AllowTextInput: Story;
+export default meta;
+//# sourceMappingURL=GradientColorPicker.stories.d.ts.map

package/dist/types/components/colorpicker/GradientColorPicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/colorpicker/GradientColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGhD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAuB1C,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/{lib/esm → dist/types}/components/colorpicker/GridColorPicker.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Placement } from '@popperjs/core';
-export declare type Props = {
+import * as React from 'react';
+import { Placement } from '@deviceinsight/ng-ui-basic-components';
+export type Props = {
     /** if set to false, a popper component will be shown */
     inline?: boolean;
     /** the current value - only RGB(A) */
@@ -30,12 +30,5 @@ export declare type Props = {
  * Each line can take up to five cells.
  * The cell width within the grid is then calculated automatically via the `styles` prop.
  */
-export default class GridColorPicker extends React.Component<Props> {
-    static defaultProps: {
-        inline: boolean;
-        popperAlignment: string;
-    };
-    renderColorPicker(): React.JSX.Element;
-    render(): React.JSX.Element;
-}
+export default function GridColorPicker({ value, isOpen, onOpenStateChange, direction, colors, onPick, pickerStyle, pickerClassName, inline, className, style }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GridColorPicker.d.ts.map

package/dist/types/components/colorpicker/GridColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/colorpicker/GridColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,SAAS,EAAC,MAAM,uCAAuC,CAAC;AAIhE,MAAM,MAAM,KAAK,GAAG;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtB,qEAAqE;IACrE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAElC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,MAAM,EACN,WAAW,EACX,eAAe,EACf,MAAa,EACb,SAAS,EACT,KAAK,EACL,EAAE,KAAK,2CAoCP"}

package/dist/types/components/colorpicker/GridColorPicker.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import GridColorPicker from './GridColorPicker';
+declare const meta: {
+    title: string;
+    component: typeof GridColorPicker;
+    render: (args: import("./GridColorPicker").Props) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        onPick: import("storybook/test").Mock<(...args: any[]) => any>;
+        colors: string[];
+        onOpenStateChange: undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AsPopup: Story;
+//# sourceMappingURL=GridColorPicker.stories.d.ts.map

package/dist/types/components/colorpicker/GridColorPicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/colorpicker/GridColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIhD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAyBhD,QAAA,MAAM,IAAI;;;;;;;;;CAoB8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/{lib/cjs → dist/types}/components/contentHeader/ContentHeader.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
+export type Props = {
     /** title which is going to be displayed */
     title: string | TranslationDescriptor;
     /** (optional) subtitle which is going to be displayed */
@@ -20,6 +20,6 @@ export declare type Props = {
  * With only the `parentPageLink` set to true the parent page is the direct parent, e.g. of `/assets/1234/conditions/5678` the parent is `/assets/1234/conditions`
  * To make the parent of e.g. `/assets/1234/conditions/edit/5678` the page `/assets/1234/conditions`, `subPagePathPrefix="/edit"` needs to be used.
  */
-declare const ContentHeader: ({ parentPageLink, title, subPagePathPrefixArray, subPagePathPrefix, subtitle, children }: Props) => React.JSX.Element;
+declare const ContentHeader: ({ parentPageLink, title, subPagePathPrefixArray, subPagePathPrefix, subtitle, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ContentHeader;
 //# sourceMappingURL=ContentHeader.d.ts.map

package/dist/types/components/contentHeader/ContentHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/contentHeader/ContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IACnB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAEtC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAE1C,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,cAAc;IACd,sBAAsB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEvC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,aAAa,GAAI,0FAOpB,KAAK,4CAoDP,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/components/contentHeader/ContentHeader.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Component from './ContentHeader';
+declare const meta: Meta<typeof Component>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ContentHeader: Story;
+//# sourceMappingURL=ContentHeader.stories.d.ts.map

package/dist/types/components/contentHeader/ContentHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/contentHeader/ContentHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGhD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}

package/{lib/esm → dist/types}/components/infobox/InfoBox.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
+export type Props = {
     /** Color scheme type based on InfoBox purpose */
     type?: 'info' | 'success' | 'warning' | 'error';
     /** The message to display in the InfoBox */
@@ -17,6 +17,6 @@ export declare type Props = {
 /**
  * InfoBox is best used for highlighting information, especially if a warning and/or an error shall be displayed.
  */
-declare function InfoBox({ type, hideable, className, icon, message: inputMessage, children }: Props): React.JSX.Element | null;
+declare function InfoBox({ type, hideable, className, icon, message: inputMessage, children }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default InfoBox;
 //# sourceMappingURL=InfoBox.d.ts.map

package/dist/types/components/infobox/InfoBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/infobox/InfoBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAQvD,MAAM,MAAM,KAAK,GAAG;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEhD,4CAA4C;IAC5C,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAAC;IAExC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,IAAa,EAAE,QAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAC,EAAE,KAAK,kDAwC1G;AAED,eAAe,OAAO,CAAC"}

package/dist/types/components/infobox/InfoBox.stories.d.ts

@@ -0,0 +1,55 @@
+import InfoBox from './InfoBox';
+declare const _default: {
+    title: string;
+    component: typeof InfoBox;
+};
+export default _default;
+export declare const WithIcon: {
+    component: typeof InfoBox;
+    name: string;
+    args: {
+        icon: string;
+        message: string;
+    };
+};
+export declare const Warning: {
+    component: typeof InfoBox;
+    name: string;
+    args: {
+        type: string;
+        icon: string;
+        message: string;
+    };
+};
+export declare const ClosableWarning: {
+    component: typeof InfoBox;
+    name: string;
+    args: {
+        type: string;
+        hideable: boolean;
+        icon: string;
+        message: string;
+    };
+};
+export declare const ClosableError: {
+    component: typeof InfoBox;
+    name: string;
+    args: {
+        type: string;
+        hideable: boolean;
+        icon: string;
+        message: string;
+    };
+};
+export declare const WithAdditionalInfo: {
+    component: typeof InfoBox;
+    name: string;
+    args: {
+        type: string;
+        hideable: boolean;
+        icon: string;
+        message: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+//# sourceMappingURL=InfoBox.stories.d.ts.map

package/dist/types/components/infobox/InfoBox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/infobox/InfoBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;;;;;AAEhC,wBAGE;AAEF,eAAO,MAAM,QAAQ;;;;;;;CAQpB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;CASnB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAU3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;CAUzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAmC9B,CAAC"}

package/{lib/esm → dist/types}/components/input/DateInput.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { ReactDatePickerProps } from 'react-datepicker';
+import { CSSProperties } from 'react';
 import 'react-datepicker/dist/react-datepicker.css';
-import '../../assets/react-datepicker-custom.css';
-declare type DateInputProps = {
+import './react-datepicker-custom.css';
+type Props = {
     /** the current value (millis since 1970-01-01 or formatted string) */
     value: number | string | null | undefined;
     /** (optional) timezone */
@@ -19,12 +18,16 @@ declare type DateInputProps = {
     wrapperClassName?: string;
     /** (optional) locale, if not set, the i18next.language is taken */
     locale?: string;
+    /** (optional) minimum selectable date */
+    minDate?: Date;
+    /** (optional) maximum selectable date */
+    maxDate?: Date;
+    style?: CSSProperties;
 };
-export declare type Props = Omit<ReactDatePickerProps, keyof DateInputProps> & DateInputProps;
 /**
  * DateInput is used to let users set a date conveniently.
  * Usually the user's locale is used for displaying the correct date format.
  */
-export default function DateInput({ value, clearable, inline, readOnly, wrapperClassName, onChange, locale, timezone, ...otherProps }: Props): React.JSX.Element;
-export {};
+declare const DateInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
+export default DateInput;
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/types/components/input/DateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAwD,MAAM,OAAO,CAAC;AAgB3F,OAAO,4CAA4C,CAAC;AACpD,OAAO,+BAA+B,CAAC;AA0CvC,KAAK,KAAK,GAAG;IACZ,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1C,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,yCAAyC;IACzC,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,yCAAyC;IACzC,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AA2CF;;;GAGG;AACH,QAAA,MAAM,SAAS,oGAuKd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/components/input/DateInput.stories.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import DateInput from './DateInput';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        value: number | string | null | undefined;
+        timezone?: string;
+        onChange: (date: number | null | undefined, fromTextField?: boolean) => void;
+        clearable?: boolean;
+        inline?: boolean;
+        readOnly?: boolean;
+        wrapperClassName?: string;
+        locale?: string;
+        minDate?: Date;
+        maxDate?: Date;
+        style?: React.CSSProperties;
+    } & React.RefAttributes<HTMLInputElement>>;
+    render: (args: React.ComponentProps<typeof DateInput>) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        onChange: () => void;
+        value: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Clearable: Story;
+export declare const Inline: Story;
+export declare const Readonly: Story;
+export declare const Invalid: Story;
+export declare const WithLimits: Story;
+export declare const WithDifferentLocale: Story;
+//# sourceMappingURL=DateInput.stories.d.ts.map

package/dist/types/components/input/DateInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AACrD,OAAO,SAAS,MAAM,aAAa,CAAC;AAQpC,QAAA,MAAM,IAAI;;;;;iEAiE0E,CAAC;;;;;;;;;;mBAvE7D,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC;;;;;CAc5B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAMF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAwBF,eAAO,MAAM,mBAAmB,EAAE,KAEjC,CAAC"}