@3deye-toolkit/react-event-search 0.0.8 → 0.0.10

package/dist/react-event-search.css

@@ -1 +1 @@
-.event-search-results{grid-gap:4px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:4px;display:grid}.event-search-results .event-list-item{width:100%;height:0;padding-bottom:56.25%;position:relative!important}.color-selector{z-index:1;justify-content:space-between;align-items:center;padding:5px 0 5px 8px;display:flex}.color-selector__items{align-items:center;display:flex}.color-selector__item{color:currentColor;border:none;border-radius:20px;width:20px;height:20px;margin:4px;padding:0;transition:box-shadow .2s ease-in;box-shadow:0 0 0 1.5px}.color-selector__item:focus{box-shadow:0 0 0 1.5px currentColor,0 0 0 5px rgba(var(--surface-highlight-rgb),.2)}.color-selector__item:focus:active{box-shadow:0 0 0 1.5px}.color-selector__item .icon{opacity:0;transition:opacity .2s ease-in}.color-selector__item.selected .icon{opacity:1}.color-selector__clear{border-radius:50%;padding:6px}#x-3deye-floating-ui-root{z-index:calc(infinity);width:100%;position:absolute}.x-3deye-select-container{background-color:#00000080;border-radius:.5rem;display:flex;& *{box-sizing:border-box}& .x-3deye-select-body{padding:.375rem .5rem;display:grid;&>*{grid-area:1/1}}& .x-3deye-multi-select-body{flex-wrap:wrap;gap:4px;padding:.375rem .5rem;display:flex}& .x-3deye-select-value{color:#333;background-color:var(--color,#e6e6e6);border-radius:2px;align-items:center;gap:4px;min-height:24px;padding-left:6px;font-size:.75rem;display:inline-flex;&>.icon{flex-shrink:0}& .close-button{background-color:var(--color,#e6e6e6);color:inherit;border:none;border-top-right-radius:2px;border-bottom-right-radius:2px;justify-content:center;align-items:center;width:24px;min-width:24px;height:100%;margin:0 0 0 3px;padding:0;display:flex;&:hover,&:focus{background-color:var(--background-color,#ffbdad);color:var(--color,#de350b)}}}}.x-3deye-select-indicators{color:#ccc;&:hover{color:#e6e6e6}}.x-3deye-select-container--open,.x-3deye-select-container:has(.x-3deye-select input:focus){background-color:#fff;& .x-3deye-select-indicators{color:#747474;&:hover{color:#747474}}& .x-3deye-select-single-value{color:#000}}.x-3deye-select{line-height:0;display:inline-grid}.x-3deye-select-placeholder{color:#b3b3b3;pointer-events:none;grid-area:1/1;align-items:center;gap:4px;display:flex}.x-3deye-select-single-value{color:#fff;grid-area:1/1;align-content:center;padding:.25em .25em .25em 0}.x-3deye-select:after,.x-3deye-select input{font:inherit;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;grid-area:1/1;min-width:1em;margin:0;padding:.25em .25em .25em 0}.x-3deye-select input{height:24px;&:focus{outline:none}}.x-3deye-select:after{content:attr(data-value)" ";visibility:hidden;white-space:pre-wrap}.x-3deye-select-menu{background:#fff;border-radius:.25rem;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #6666660d}.x-3deye-select-option{cursor:default;align-items:center;padding:8px;font-size:.875rem;display:flex}.x-3deye-select-option--selected{color:#fff;background-color:#2196f3!important}.people-histogram .bar rect{fill:#e91e63}.people-histogram .bar text{fill:currentColor;font-size:10px}.event-list-item{user-select:none;color:#ffffffbf;--license-plate-color:#00e5ff;background-color:#ffffff1a;font-size:12px;position:absolute;inset:0;overflow:hidden}.event-list-item .x-3deye-button--icon:hover,.event-list-item .x-3deye-button--icon:focus{background-color:#0003}.event-list-item .acknowledged-overlay{pointer-events:none;color:#fff;text-transform:uppercase;background-color:#0006;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.event-list-item .no-preview-overlay{pointer-events:none;background-color:#808080cc;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABaCAYAAABzAJLvAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIDBB8ysGG6bgAAAy1JREFUeNrtnD1oFFEUhc8s6Y0gCDHrT64/EE0UCVEQxB9ioSgWFoqNRgQFG0EQUlhYCXYRBSFuIogkTSKCoNhY2FpYiDYHEYJYiRYuiOhY5EVWFyNxNzvv3T1ftc2+eXO/uWd29s0MIIQQQgghhBBCCCGEEEIIIYQQQgghxILkea4ieIWkqQrNpRTZfF6QnEytk0n2k/xGco8EL8w2AEdIVrIsi1ry/NxIbgXwEsBtM3umzPh3N3SR/EGyksBcyyRzkqMyt3jJ1ZjjmuRAkDsiY/9XwLVBciUWyTWxPBjkXtcvf2dxTXJDkHtNhpzFNcldQe5FmXES1zWxvDvIvapYdhbX4To3J3lFJpzFNcn9Qe55GXAS1zWxPBTkXlYsO4trkjuD3EuquLO4JnkoyD2tSjuJ65pYPhzkXlAsO4trkvuC3HOqrLO4JnksyD3hqTaZI8n9mFu2mwAwBaBjEV8vA7gFYNjMxvM8R5Zlv6J7/rMEFyv4HoCTjYxhZtkfY54xszsp16UEP3Q2+YA5CmAs9aJ4Epw3Ue5BADMeiuJJcDM795GX/ZHgernTnvapQ1p/Y8bbDqmDnSPBEtxWvJVgx5hZjzfJElxPH4BXEuyXKoAdXjpZl0n1MZ0D+AKgh+RndXA8TDT4/Y9A3VLjJnVwwdQs523H3P/RfWa2qHMoyTKAN+GpxuH5Mc3sgzItAkjeCIv1GxsYI5mnGttN7miQu6UJY0X/VGNbUHOD3M0g15p4wET3VGO7du7dIHf1EoytuC5Y7lij51zFdbyxPB5eeLKqBQeS4rrFnTsdOndlC7epuG5Roe8HuesK2LbieoljeSoUeEWBB1iScZ0l0LlPABwAsNzMPhU8ly4AswAmzGw4BcGlyOU+ADAEoFy0XAAws/cAugEcTyWuSxHLfQhgL4BlZjYby7yC5F4k8ka+LFK5zwEMAug0s2qkc0wirksRFu4xgIEQy9VYC5dKXGeRyX2KuReSdpvZ10Qu39YAeA1gEsBZM/uuDv47vQC6UpEbOvkdgPUATgHYrItbp5DU7U9CCCGEEEIIIYQQQgghhBBCCCGEEEIIIUTK/ASpxrk/iYZ2rgAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;display:block;position:absolute;inset:0}.event-list-item-caption{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#000000a6 100%);flex-direction:column;justify-content:flex-end;padding-top:8px;padding-bottom:8px;padding-left:8px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.event-list-item:hover .event-list-item__time{color:#fff}.event-list-item__time{text-shadow:0 1px 2px #000;order:1;font-size:14px;font-weight:700}.event-list-item__camera-name{white-space:nowrap;text-overflow:ellipsis;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;line-height:24px;overflow:hidden}.event-list-item__duration{opacity:.9;background-color:#000000bf;padding:0 4px;font-size:12px;position:absolute;bottom:32px;right:2px}.event-list-item__temperature{text-shadow:0 1px 2px #000;align-items:center;padding:0 4px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:4px;right:2px}.event-list-item .frame{--frame-color-hsl:186 100% 50%;border:1px solid hsl(var(--frame-color-hsl)/.2);position:absolute;top:0;left:0;right:0}.event-list-item .preview{opacity:0;pointer-events:none;transition:opacity 0s linear .2s;position:absolute;box-shadow:0 0 4px #000000bf}.event-list-item .trigger:hover~.preview{opacity:1}.event-list-item__license-plate-trigger{outline:2px solid var(--license-plate-color)}.event-list-item__license-plate .plate-number{color:#fff;font-family:Roboto Mono,monospace}.event-list-item__license-plate .plate-number .digit{color:var(--license-plate-color)}.event-list-item__license-plate .plate-number .digit:first-of-type{margin-left:2px}.event-list-item__license-plate-caption{z-index:1;background-color:#000;justify-content:space-between;align-items:center;gap:10px;height:60px;padding-left:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.event-list-item__license-plate-caption .plate-number{color:#fff;letter-spacing:1px;border:2px solid #ffffff80;border-radius:4px;padding:0 8px;font-family:Roboto Mono,monospace;font-size:16px;& .digit{color:var(--license-plate-color)}& :is(.char+.digit),& :is(.digit+.char){margin-left:.25rem}}.event-list-item__detected-object-label{white-space:nowrap;color:#fff;background-color:#00000080;flex-direction:column;min-width:64px;font-family:Roboto Mono,monospace;font-size:13px;font-weight:700;display:flex;position:absolute}.event-list-item__detected-object-label__caption{opacity:.75;color:#000;padding-left:4px;font-size:9px;line-height:14px}.event-list-item__license-plate-label{white-space:nowrap;color:#fff;background-color:#00000080;flex-direction:column;font-family:Roboto Mono,monospace;font-size:14px;display:flex;position:absolute}.event-list-item__license-plate-label .digit{color:var(--license-plate-color)}.event-list-item__license-plate-label .digit:first-of-type{margin-left:2px}.event-list-item__license-plate-label__caption{background-color:var(--license-plate-color);color:#000;opacity:.75;padding-left:4px;font-size:10px}.event-list-item__license-plate .plate-number{background:#000;height:16px;padding-left:2px;padding-right:2px;position:absolute;bottom:0;left:0;right:0}.event-list-item__license-plate .frame{--frame-color-hsl:186 100% 50%}.event-list-item-face .frame{--frame-color-hsl:42 100% 50%;bottom:0}.event-list-item .menu-button{position:absolute;top:0;right:0}.x-3deye-button{color:inherit;user-select:none;letter-spacing:.0107143em;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:0 8px;font-weight:500;display:inline-flex;position:relative}.x-3deye-button sup{position:relative;top:-.5em;left:.25em}.x-3deye-button.x-3deye-button--fullwidth{width:100%}.x-3deye-button:focus,.x-3deye-button.x-3deye-button:not(:disabled):hover{background-color:rgba(var(--surface-highlight-rgb),.1)}.x-3deye-button--icon{border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:inline-flex}.x-3deye-button--action .icon{opacity:.5}.x-3deye-button--action:hover .icon{opacity:1}.x-3deye-button:disabled{opacity:.4}.x-3deye-button:not(:disabled){cursor:pointer}.x-3deye-button.x-3deye-button--filled,.x-3deye-button.x-3deye-button--text{text-transform:capitalize;border-radius:.25rem;min-width:80px;padding:0 1rem;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500}.x-3deye-button.x-3deye-button--filled{color:#fff;background-color:#27b9a1}.x-3deye-button.x-3deye-button--filled:not(:disabled):hover{background-color:#22a38e}.x-3deye-button.x-3deye-button--filled:focus{transition:box-shadow .2s cubic-bezier(.215,.61,.355,1);box-shadow:0 0 0 2px #27b9a154}.x-3deye-button canvas{color:rgb(var(--surface-highlight-rgb))}.x-3deye-button--overlay{pointer-events:auto;color:#fff;background:#00000080;border:2px solid #ffffff40}.x-3deye-button.x-3deye-button--overlay:focus,.x-3deye-button.x-3deye-button--overlay:not(:disabled):hover{background:#00000080;border:2px solid #ffffff80}.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled),.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled):hover{background-color:#9c333180}.preloader-container{flex:1;justify-content:center;align-items:center;display:flex}.x-3deye-slider{align-items:center;display:flex;position:relative}.x-3deye-slider:focus-visible{outline:none}.x-3deye-slider.horizontal{width:100%;height:20px}.x-3deye-slider.vertical{flex-direction:column;width:20px;height:100%}.x-3deye-slider__track{background:var(--surface-inverse,gainsboro);flex:1;position:relative}.x-3deye-slider__bar{background-color:var(--primary-color,#0067ac);position:absolute}.x-3deye-slider.disabled .x-3deye-slider__bar{background-color:#a5a5a5}.x-3deye-slider.horizontal .x-3deye-slider__bar{top:0;bottom:0;left:0}.x-3deye-slider.vertical .x-3deye-slider__bar{bottom:0;left:0;right:0}.x-3deye-slider.horizontal .x-3deye-slider__track{height:3px}.x-3deye-slider.vertical .x-3deye-slider__track{width:3px}.x-3deye-slider__thumb{will-change:transform box-shadow;background:#fff;border-radius:50%;width:20px;height:20px;transition:box-shadow .15s cubic-bezier(.45,.05,.55,.95);box-shadow:0 0 0 6px #0064ff00,inset 0 0 0 1px #0000001a,1px 1px 2px #00000040}.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover,.x-3deye-slider:focus .x-3deye-slider__thumb{box-shadow:0 0 0 6px rgba(var(--surface-highlight-rgb,0,100,255),.1),0 0 0 1px #0000001a inset,1px 1px 2px 0 #00000040}.x-3deye-slider:focus .x-3deye-slider__thumb.active{box-shadow:0 0 0 6px rgba(var(--surface-highlight-rgb,0,100,255),.2),0 0 0 1px #0000001a inset,1px 1px 2px 0 #00000040}.x-3deye-slider.horizontal .x-3deye-slider__thumb{margin-left:-10px}.x-3deye-slider.vertical .x-3deye-slider__thumb{margin-bottom:-10px}.x-3deye-slider__label{pointer-events:none;touch-action:none;will-change:transform;background:var(--primary-color,#0067ac);color:var(--on-primary-color,white);transform-origin:bottom;border-radius:4px;width:fit-content;min-width:24px;padding:4px 8px;font-size:.75rem;transition:transform .15s cubic-bezier(.45,.05,.55,.95);position:relative;bottom:50%;left:50%;transform:translate(-50%,-100%)scale(0)}.x-3deye-slider__label.open,.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover .x-3deye-slider__label,.x-3deye-slider:focus .x-3deye-slider__label{transform:translate(-50%,-100%)scale(1)}.x-3deye-slider__label:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--primary-color,#0067ac);width:0;height:0;display:block;position:absolute;top:100%;left:calc(50% - 5px)}.x-3deye-button-group{gap:4px;padding:4px;display:flex}.x-3deye-button-group>.x-3deye-button{text-transform:uppercase;flex:1;height:35px;font-size:11px}.x-3deye-button-group>.x-3deye-button.button-selected,.x-3deye-button-group>.x-3deye-button.button-selected:hover{color:var(--on-container);background-color:var(--container)}.x-3deye-button-group>.x-3deye-button+.x-3deye-button{margin-left:1px}.x-3deye-button-group>.x-3deye-button:hover{color:var(--on-container)}.x-3deye-button-group>.x-3deye-button.button-unselected{color:var(--on-surface)}.x-3deye-button-group>.x-3deye-button.button-selected canvas{color:var(--container)}.x-3deye-datetimepicker{width:max-content}.x-3deye-button.button-date{text-transform:none;font-family:Roboto Mono,monospace}.x-3deye-button.button-date:hover{text-decoration:underline}.x-3deye-timepicker{height:260px;overflow:hidden}.x-3deye-timepicker__column{text-align:center;flex:1;width:60px;font-size:.85rem;overflow:hidden}.x-3deye-timepicker--alt .x-3deye-timepicker__column{white-space:nowrap;width:max-content;height:100%;overflow-y:scroll}.x-3deye-timepicker--alt .x-3deye-timepicker__column>div{width:max-content}.x-3deye-timepicker__column:hover{overflow-y:scroll}.x-3deye-timepicker__value{border-radius:.25rem;height:30px;padding:0 10px;line-height:30px}.x-3deye-datepicker__day{border-radius:.25rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-weight:500;display:flex}.x-3deye-datepicker__day:not(.x-3deye-datepicker__day--selected):not(.x-3deye-datepicker__day--disabled):hover{color:currentColor;background-color:#0000000d}.x-3deye-datepicker__day--next-month,.x-3deye-datepicker__day--previous-month{color:oklch(.7 0 0)}.x-3deye-datepicker__day--disabled{color:oklch(.9 0 0)}.x-3deye-datepicker__day--selected{color:#fff;background-color:#0067ac}.x-3deye-datepicker__day--today{border:2px solid #0067ac66;font-weight:700}.x-3deye-timepicker__column>div{width:60px;height:40px;padding:5px 10px;&:hover .x-3deye-timepicker__value{background-color:#0000000d}&.selected .x-3deye-timepicker__value{color:#fff;background-color:#0067ac}}.x-3deye-datepicker__button--previous-month,.x-3deye-datepicker__button--next-month{opacity:.3;padding:0;&:disabled{opacity:.1}&:hover:not(:disabled){opacity:1}}.x-3deye-popover-container{color:#fff;text-align:left;background:#222;border-radius:6px;padding:8px;animation:.15s ease-in slide-in;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff0d}@media (prefers-reduced-motion:reduce){.x-3deye-popover-container{animation:none}}.x-3deye-popover-container .tip{--tip-background:#222;--tip-border:#ffffff0d}.x-3deye-tooltip{color:#fff;background:#000000e6;border:1px solid #ffffff26;border-radius:4px;padding:.5em 1em;font-size:12px}.menu-button{background:0 0;border:none}.menu-button[data-open],.menu-button:hover{background-color:rgba(var(--surface-highlight-rgb),.1)}.menu-list{background-color:var(--container);color:var(--on-container);backdrop-filter:blur(10px);border-radius:6px;outline:0;padding:4px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff0d}.menu-item{text-align:left;background:0 0;border:none;border-radius:4px;outline:0;justify-content:space-between;align-items:center;width:100%;min-width:120px;margin:0;display:flex}.menu-item--danger{color:var(--danger-color)}.menu-item.x-3deye-button{text-align:left;letter-spacing:.5px;background:0 0;border:none;width:100%;height:fit-content;padding:8px 16px;font-size:14px}.menu-item:focus,.menu-item[data-focus-inside][data-open]{background-color:rgba(var(--surface-highlight-rgb),.1)}.frame .corner-highlight-tl{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;top:-1px;left:-1px}.frame .corner-highlight-tl:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;top:0;left:0}.frame .corner-highlight-tr{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;top:-1px;right:-1px}.frame .corner-highlight-tr:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;top:0;right:0}.frame .corner-highlight-br{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;bottom:-1px;right:-1px}.frame .corner-highlight-br:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;bottom:0;right:0}.frame .corner-highlight-bl{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;bottom:-1px;left:-1px}.frame .corner-highlight-bl:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;bottom:0;left:0}
+.event-search-results{grid-gap:4px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:4px;display:grid}.event-search-results .event-list-item{width:100%;height:0;padding-bottom:56.25%;position:relative!important}.color-selector{z-index:1;justify-content:space-between;align-items:center;padding:5px 0 5px 8px;display:flex}.color-selector__items{align-items:center;display:flex}.color-selector__item{color:currentColor;border:none;border-radius:20px;width:20px;height:20px;margin:4px;padding:0;transition:box-shadow .2s ease-in;box-shadow:0 0 0 1.5px}.color-selector__item:focus{box-shadow:0 0 0 1.5px currentColor,0 0 0 5px rgba(var(--surface-highlight-rgb),.2)}.color-selector__item:focus:active{box-shadow:0 0 0 1.5px}.color-selector__item .icon{opacity:0;transition:opacity .2s ease-in}.color-selector__item.selected .icon{opacity:1}.color-selector__clear{border-radius:50%;padding:6px}#x-3deye-floating-ui-root{width:100%;z-index:calc(infinity);position:absolute}.x-3deye-select-container{background-color:#00000080;border-radius:.5rem;display:flex;& *{box-sizing:border-box}& .x-3deye-select-body{padding:.375rem .5rem;display:grid;&>*{grid-area:1/1}}& .x-3deye-multi-select-body{flex-wrap:wrap;gap:4px;padding:.375rem .5rem;display:flex}& .x-3deye-select-value{color:#333;background-color:var(--color,#e6e6e6);border-radius:2px;align-items:center;gap:4px;min-height:24px;padding-left:6px;font-size:.75rem;display:inline-flex;&>.icon{flex-shrink:0}& .close-button{background-color:var(--color,#e6e6e6);width:24px;min-width:24px;height:100%;color:inherit;border:none;border-top-right-radius:2px;border-bottom-right-radius:2px;justify-content:center;align-items:center;margin:0 0 0 3px;padding:0;display:flex;&:hover,&:focus{background-color:var(--background-color,#ffbdad);color:var(--color,#de350b)}}}}.x-3deye-select-indicators{color:#ccc;&:hover{color:#e6e6e6}}.x-3deye-select-container--open,.x-3deye-select-container:focus-within{--border-color:color(from var(--primary-color)srgb r g b/.75);box-shadow:0 2px var(--border-color)inset,0 -2px var(--border-color)inset,-2px 0 var(--border-color)inset,2px 0 var(--border-color)inset;background-color:#fff;& .x-3deye-select-indicators{color:#747474;&:hover{color:#747474}}& .x-3deye-select-single-value{color:#000}}.x-3deye-select-container--disabled{opacity:.35}.x-3deye-select{line-height:0;display:inline-grid}.x-3deye-select-placeholder{color:#b3b3b3;pointer-events:none;grid-area:1/1;align-items:center;gap:4px;display:flex}.x-3deye-select-single-value{color:#fff;grid-area:1/1;align-content:center;padding:.25em .25em .25em 0}.x-3deye-select:after,.x-3deye-select input{min-width:1em;font:inherit;resize:none;appearance:none;color:#000;background:0 0;border:none;grid-area:1/1;margin:0;padding:.25em .25em .25em 0}.x-3deye-select input{height:24px;&:focus{outline:none}}.x-3deye-select:after{content:attr(data-value)" ";visibility:hidden;white-space:pre-wrap}.x-3deye-select-menu{color-scheme:light;background:#fff;border-radius:.25rem;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #6666660d}.x-3deye-select-option{cursor:default;align-items:center;padding:8px;font-size:.875rem;display:flex}.x-3deye-select-option--active{background-color:#d5edff}.x-3deye-select-option--selected{color:#fff;background-color:#2196f3!important}.people-histogram .bar rect{fill:#e91e63}.people-histogram .bar text{fill:currentColor;font-size:10px}.event-list-item{user-select:none;color:#ffffffbf;--license-plate-color:#00e5ff;background-color:#ffffff1a;font-size:12px;position:absolute;inset:0;overflow:hidden}.event-list-item .x-3deye-button--icon:hover,.event-list-item .x-3deye-button--icon:focus{background-color:#0003}.event-list-item .acknowledged-overlay{pointer-events:none;color:#fff;text-transform:uppercase;background-color:#0006;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.event-list-item .no-preview-overlay{pointer-events:none;background-color:#808080cc;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABaCAYAAABzAJLvAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIDBB8ysGG6bgAAAy1JREFUeNrtnD1oFFEUhc8s6Y0gCDHrT64/EE0UCVEQxB9ioSgWFoqNRgQFG0EQUlhYCXYRBSFuIogkTSKCoNhY2FpYiDYHEYJYiRYuiOhY5EVWFyNxNzvv3T1ftc2+eXO/uWd29s0MIIQQQgghhBBCCCGEEEIIIYQQQgghxILkea4ieIWkqQrNpRTZfF6QnEytk0n2k/xGco8EL8w2AEdIVrIsi1ry/NxIbgXwEsBtM3umzPh3N3SR/EGyksBcyyRzkqMyt3jJ1ZjjmuRAkDsiY/9XwLVBciUWyTWxPBjkXtcvf2dxTXJDkHtNhpzFNcldQe5FmXES1zWxvDvIvapYdhbX4To3J3lFJpzFNcn9Qe55GXAS1zWxPBTkXlYsO4trkjuD3EuquLO4JnkoyD2tSjuJ65pYPhzkXlAsO4trkvuC3HOqrLO4JnksyD3hqTaZI8n9mFu2mwAwBaBjEV8vA7gFYNjMxvM8R5Zlv6J7/rMEFyv4HoCTjYxhZtkfY54xszsp16UEP3Q2+YA5CmAs9aJ4Epw3Ue5BADMeiuJJcDM795GX/ZHgernTnvapQ1p/Y8bbDqmDnSPBEtxWvJVgx5hZjzfJElxPH4BXEuyXKoAdXjpZl0n1MZ0D+AKgh+RndXA8TDT4/Y9A3VLjJnVwwdQs523H3P/RfWa2qHMoyTKAN+GpxuH5Mc3sgzItAkjeCIv1GxsYI5mnGttN7miQu6UJY0X/VGNbUHOD3M0g15p4wET3VGO7du7dIHf1EoytuC5Y7lij51zFdbyxPB5eeLKqBQeS4rrFnTsdOndlC7epuG5Roe8HuesK2LbieoljeSoUeEWBB1iScZ0l0LlPABwAsNzMPhU8ly4AswAmzGw4BcGlyOU+ADAEoFy0XAAws/cAugEcTyWuSxHLfQhgL4BlZjYby7yC5F4k8ka+LFK5zwEMAug0s2qkc0wirksRFu4xgIEQy9VYC5dKXGeRyX2KuReSdpvZ10Qu39YAeA1gEsBZM/uuDv47vQC6UpEbOvkdgPUATgHYrItbp5DU7U9CCCGEEEIIIYQQQgghhBBCCCGEEEIIIUTK/ASpxrk/iYZ2rgAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;display:block;position:absolute;inset:0}.event-list-item-caption{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#000000a6 100%);flex-direction:column;justify-content:flex-end;padding-top:8px;padding-bottom:8px;padding-left:8px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.event-list-item:hover .event-list-item__time{color:#fff}.event-list-item__time{text-shadow:0 1px 2px #000;order:1;font-size:14px;font-weight:700}.event-list-item__camera-name{white-space:nowrap;text-overflow:ellipsis;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;line-height:24px;overflow:hidden}.event-list-item__duration{opacity:.9;background-color:#000000bf;padding:0 4px;font-size:12px;position:absolute;bottom:32px;right:2px}.event-list-item__temperature{text-shadow:0 1px 2px #000;align-items:center;padding:0 4px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:4px;right:2px}.event-list-item .frame{--frame-color-hsl:186 100% 50%;border:1px solid hsl(var(--frame-color-hsl)/.2);position:absolute;top:0;left:0;right:0}.event-list-item .preview{opacity:0;pointer-events:none;transition:opacity 0s linear .2s;position:absolute;box-shadow:0 0 4px #000000bf}.event-list-item .trigger:hover~.preview{opacity:1}.event-list-item__license-plate-trigger{outline:2px solid var(--license-plate-color)}.event-list-item__license-plate .plate-number{color:#fff;font-family:Roboto Mono,monospace}.event-list-item__license-plate .plate-number .digit{color:var(--license-plate-color)}.event-list-item__license-plate .plate-number .digit:first-of-type{margin-left:2px}.event-list-item__license-plate-caption{z-index:1;background-color:#000;justify-content:space-between;align-items:center;gap:10px;height:60px;padding-left:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.event-list-item__license-plate-caption .plate-number{color:#fff;letter-spacing:1px;border:2px solid #ffffff80;border-radius:4px;padding:0 8px;font-family:Roboto Mono,monospace;font-size:16px;& .digit{color:var(--license-plate-color)}& :is(.char+.digit),& :is(.digit+.char){margin-left:.25rem}}.event-list-item__detected-object-label{white-space:nowrap;color:#fff;--label-color:rgb(from var(--detected-object-color)r g b/75%);background-color:#00000080;flex-direction:column;min-width:64px;padding:8px;font-family:Roboto Mono,monospace;font-size:13px;font-weight:700;display:flex;position:absolute}.event-list-item__detected-object-label[data-position=right]{box-shadow:6px 0 0 var(--label-color)inset;padding-left:12px;padding-right:4px}.event-list-item__detected-object-label[data-position=left]{box-shadow:-6px 0 0 var(--label-color)inset;padding-left:4px;padding-right:12px}.event-list-item__detected-object-label[data-position=bottom]{box-shadow:0 6px 0 var(--label-color)inset;padding-top:12px;padding-bottom:4px}.event-list-item__detected-object-label[data-position=top]{box-shadow:0 -6px 0 var(--label-color)inset;padding-top:4px;padding-bottom:12px}.event-list-item__detected-object-label__attrs{grid-template-columns:1fr auto;column-gap:10px;font-size:10px;line-height:14px;display:grid}.event-list-item__license-plate-label{white-space:nowrap;color:#fff;background-color:#00000080;flex-direction:column;font-family:Roboto Mono,monospace;font-size:14px;display:flex;position:absolute}.event-list-item__license-plate-label .digit{color:var(--license-plate-color)}.event-list-item__license-plate-label .digit:first-of-type{margin-left:2px}.event-list-item__license-plate-label__caption{background-color:var(--license-plate-color);color:#000;opacity:.75;padding-left:4px;font-size:10px}.event-list-item__license-plate .plate-number{background:#000;height:16px;padding-left:2px;padding-right:2px;position:absolute;bottom:0;left:0;right:0}.event-list-item__license-plate .frame{--frame-color-hsl:186 100% 50%}.event-list-item-face .frame{--frame-color-hsl:42 100% 50%;bottom:0}.event-list-item .menu-button{position:absolute;top:0;right:0}.x-3deye-button{color:inherit;user-select:none;letter-spacing:.0107143em;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:0 8px;font-weight:500;display:inline-flex;position:relative}.x-3deye-button sup{position:relative;top:-.5em;left:.25em}.x-3deye-button.x-3deye-button--fullwidth{width:100%}.x-3deye-button:focus,.x-3deye-button.x-3deye-button:not(:disabled):hover{background-color:color(from var(--surface-highlight)srgb r g b/.1)}.x-3deye-button--icon{border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:inline-flex}.x-3deye-button--action .icon{opacity:.5}.x-3deye-button--action:hover .icon{opacity:1}.x-3deye-button:disabled{opacity:.4}.x-3deye-button:not(:disabled){cursor:pointer}.x-3deye-button.x-3deye-button--filled,.x-3deye-button.x-3deye-button--text{text-transform:capitalize;border-radius:.25rem;min-width:80px;padding:0 1rem;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500}.x-3deye-button.x-3deye-button--filled{background-color:var(--primary-color);color:var(--on-primary-color);& canvas{color:var(--on-primary-color)}}.x-3deye-button.x-3deye-button--filled:not(:disabled):hover{background-color:color(from var(--primary-color)srgb r g b/.9)}.x-3deye-button.x-3deye-button--filled:focus{box-shadow:0 0 0 2px color(from var(--primary-color)srgb r g b/.33);transition:box-shadow .2s cubic-bezier(.215,.61,.355,1)}.x-3deye-button canvas{color:var(--surface-highlight)}.x-3deye-button--overlay{pointer-events:auto;color:#fff;background:#00000080;border:2px solid #ffffff40}.x-3deye-button.x-3deye-button--overlay:focus,.x-3deye-button.x-3deye-button--overlay:not(:disabled):hover{background:#00000080;border:2px solid #ffffff80}.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled),.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled):hover{background-color:#9c333180}.preloader-container{flex:1;justify-content:center;align-items:center;display:flex}.x-3deye-slider{align-items:center;display:flex;position:relative}.x-3deye-slider:focus-visible{outline:none}.x-3deye-slider.horizontal{width:100%;height:20px}.x-3deye-slider.vertical{flex-direction:column;width:20px;height:100%}.x-3deye-slider__track{background:var(--surface-inverse,gainsboro);flex:1;position:relative}.x-3deye-slider__bar{background-color:var(--primary-color,#0067ac);position:absolute}.x-3deye-slider.disabled .x-3deye-slider__bar{background-color:#a5a5a5}.x-3deye-slider.horizontal .x-3deye-slider__bar{top:0;bottom:0;left:0}.x-3deye-slider.vertical .x-3deye-slider__bar{bottom:0;left:0;right:0}.x-3deye-slider.horizontal .x-3deye-slider__track{height:3px}.x-3deye-slider.vertical .x-3deye-slider__track{width:3px}.x-3deye-slider__thumb{will-change:transform box-shadow;background:#fff;border-radius:50%;width:20px;height:20px;transition:box-shadow .15s cubic-bezier(.45,.05,.55,.95);box-shadow:0 0 0 6px #0064ff00,inset 0 0 0 1px #0000001a,1px 1px 2px #00000040}.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover,.x-3deye-slider:focus .x-3deye-slider__thumb{box-shadow:0 0 0 6px rgba(var(--surface-highlight-rgb,0,100,255),.1),0 0 0 1px #0000001a inset,1px 1px 2px 0 #00000040}.x-3deye-slider:focus .x-3deye-slider__thumb.active{box-shadow:0 0 0 6px rgba(var(--surface-highlight-rgb,0,100,255),.2),0 0 0 1px #0000001a inset,1px 1px 2px 0 #00000040}.x-3deye-slider.horizontal .x-3deye-slider__thumb{margin-left:-10px}.x-3deye-slider.vertical .x-3deye-slider__thumb{margin-bottom:-10px}.x-3deye-slider__label{pointer-events:none;touch-action:none;will-change:transform;background:var(--primary-color,#0067ac);color:var(--on-primary-color,white);transform-origin:bottom;border-radius:4px;width:fit-content;min-width:24px;padding:4px 8px;font-size:.75rem;transition:transform .15s cubic-bezier(.45,.05,.55,.95);position:relative;bottom:50%;left:50%;transform:translate(-50%,-100%)scale(0)}.x-3deye-slider__label.open,.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover .x-3deye-slider__label,.x-3deye-slider:focus .x-3deye-slider__label{transform:translate(-50%,-100%)scale(1)}.x-3deye-slider__label:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--primary-color,#0067ac);width:0;height:0;display:block;position:absolute;top:100%;left:calc(50% - 5px)}.x-3deye-button-group{gap:4px;padding:4px;display:flex}.x-3deye-button-group>.x-3deye-button{text-transform:uppercase;flex:1;height:35px;font-size:11px}.x-3deye-button-group>.x-3deye-button.button-selected,.x-3deye-button-group>.x-3deye-button.button-selected:hover{color:var(--on-container);background-color:var(--container)}.x-3deye-button-group>.x-3deye-button+.x-3deye-button{margin-left:1px}.x-3deye-button-group>.x-3deye-button:hover{color:var(--on-container)}.x-3deye-button-group>.x-3deye-button.button-unselected{color:var(--on-surface)}.x-3deye-button-group>.x-3deye-button.button-selected canvas{color:var(--container)}.x-3deye-datetimepicker{width:max-content}.x-3deye-button.button-date{text-transform:none;font-family:Roboto Mono,monospace}.x-3deye-button.button-date:hover{text-decoration:underline}.x-3deye-timepicker{height:260px;overflow:hidden}.x-3deye-timepicker__column{text-align:center;flex:1;width:60px;font-size:.85rem;overflow:hidden}.x-3deye-timepicker--alt .x-3deye-timepicker__column{white-space:nowrap;width:max-content;height:100%;overflow-y:scroll}.x-3deye-timepicker--alt .x-3deye-timepicker__column>div{width:max-content}.x-3deye-timepicker__column:hover{overflow-y:scroll}.x-3deye-timepicker__value{border-radius:.25rem;height:30px;padding:0 10px;line-height:30px}.x-3deye-datepicker__day{border-radius:.25rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-weight:500;display:flex}.x-3deye-datepicker__day:not(.x-3deye-datepicker__day--selected):not(.x-3deye-datepicker__day--disabled):hover{color:currentColor;background-color:#0000000d}.x-3deye-datepicker__day--next-month,.x-3deye-datepicker__day--previous-month{color:oklch(70% 0 0)}.x-3deye-datepicker__day--disabled{color:oklch(90% 0 0)}.x-3deye-datepicker__day--selected{color:#fff;background-color:#0067ac}.x-3deye-datepicker__day--today{border:2px solid #0067ac66;font-weight:700}.x-3deye-timepicker__column>div{width:60px;height:40px;padding:5px 10px;&:hover .x-3deye-timepicker__value{background-color:#0000000d}&.selected .x-3deye-timepicker__value{color:#fff;background-color:#0067ac}}.x-3deye-datepicker__button--previous-month,.x-3deye-datepicker__button--next-month{opacity:.3;padding:0;&:disabled{opacity:.1}&:hover:not(:disabled){opacity:1}}.x-3deye-popover-container{color:#fff;text-align:left;background:#222;border-radius:6px;padding:8px;animation:.15s ease-in slide-in;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff0d}@media (prefers-reduced-motion:reduce){.x-3deye-popover-container{animation:none}}.x-3deye-popover-container .tip{--tip-background:#222;--tip-border:#ffffff0d}.x-3deye-tooltip{color:#fff;background:#000000e6;border:1px solid #ffffff26;border-radius:4px;padding:.5em 1em;font-size:12px}.menu-button{background:0 0;border:none}.menu-button:disabled{cursor:not-allowed;opacity:.5}.menu-button[data-open],.menu-button:hover:not(:disabled){background-color:rgba(var(--surface-highlight-rgb),.1)}.menu-list{background-color:var(--container);color:var(--on-container);backdrop-filter:blur(10px);border-radius:6px;outline:0;padding:4px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff0d}.menu-item{text-align:left;background:0 0;border:none;border-radius:4px;outline:0;justify-content:space-between;align-items:center;width:100%;min-width:120px;margin:0;display:flex}.menu-item--danger{color:var(--danger-color)}.menu-item.x-3deye-button{text-align:left;letter-spacing:.5px;background:0 0;border:none;width:100%;height:fit-content;padding:8px 16px;font-size:14px}.menu-item:focus,.menu-item[data-focus-inside][data-open]{background-color:rgba(var(--surface-highlight-rgb),.1)}.frame .corner-highlight-tl{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;top:-1px;left:-1px}.frame .corner-highlight-tl:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;top:0;left:0}.frame .corner-highlight-tr{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;top:-1px;right:-1px}.frame .corner-highlight-tr:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;top:0;right:0}.frame .corner-highlight-br{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;bottom:-1px;right:-1px}.frame .corner-highlight-br:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;bottom:0;right:0}.frame .corner-highlight-bl{background-color:hsl(var(--frame-color-hsl));width:10px;height:2px;position:absolute;bottom:-1px;left:-1px}.frame .corner-highlight-bl:before{content:"";background-color:hsl(var(--frame-color-hsl));width:2px;height:10px;display:block;position:absolute;bottom:0;left:0}

package/dist/react-event-search.d.ts

@@ -38,6 +38,7 @@ declare class AllEventsLoaderFilters implements EventsLoaderFilters {
     to: Date | null;
     probabilityThreshold: number | null;
     cameras: number[];
+    acknowledged: boolean | null;
     detectedObjects: string[];
     colors: Set<string>;
     regions: {
@@ -138,7 +139,7 @@ declare class ArchiveChunk implements Chunk {
     isLive: false;
     cameraId: number;
     id: number;
-    constructor(raw: any);
+    constructor(raw: Pick<RawArchiveChunk, 'startTime' | 'endTime' | 'streamUrl' | 'cameraId' | 'id'> & Partial<Omit<RawArchiveChunk, 'startTime' | 'endTime' | 'streamUrl' | 'cameraId' | 'id'>>);
 }
 
 declare class ArchivesStore extends ApiStore {
@@ -152,7 +153,10 @@ declare class ArchivesStore extends ApiStore {
     private pendingRequestsByEnd;
     private pendingRequestsByStart;
     private pendingRequestsByCameraId;
-    knownIntervals: Map<number, [Date, Date]>;
+    knownIntervals: crossfilter.Crossfilter<Interval>;
+    knownIntervalsByCameraId: crossfilter.Dimension<Interval, number>;
+    knownIntervalsByStart: crossfilter.Dimension<Interval, number>;
+    knownIntervalsByEnd: crossfilter.Dimension<Interval, number>;
     updates: number;
     constructor(camerasStore: CamerasStore);
     /**
@@ -164,7 +168,6 @@ declare class ArchivesStore extends ApiStore {
      * TODO: add error handling
      */
     fetch(cameraId: number, startTime: Date, endTime: Date): Observable<ArchiveChunk[]>;
-    extendKnownInterval(cameraId: number, startTime: Date, chunks: ArchiveChunk[]): void;
     add(chunks: ArchiveChunk[]): void;
     getChunks({ cameraId, from, to }: ChunksQuery): ArchiveChunk[];
     /**
@@ -198,6 +201,25 @@ declare class ArchivesStore extends ApiStore {
     protected afterInit(): void;
 }
 
+declare interface ArchiveWithChunks {
+    id: number | null;
+    isCurrent: boolean;
+    recordType: string | null;
+    name: string | null;
+    description: string | null;
+    tagName: string | null;
+    cameraId: number;
+    startTime: string;
+    endTime: string;
+    elapsedTimeSec: number | null;
+    thumbnailUrl: string | null;
+    validTo: string | null;
+    timeCreated: string | null;
+    timeUpdated: string | null;
+    version: string;
+    chunks: RawArchiveChunk[];
+}
+
 declare class Auth {
     token: Token | null;
     isAuthenticating: boolean;
@@ -231,7 +253,7 @@ declare interface AuthStoreOptions {
     tokenServiceUrl: string;
     storage: Storage_2;
     tokenStorageKey: string;
-    deviceInfo: any;
+    deviceInfo: string | null;
     clientId: string;
 }
 
@@ -300,6 +322,8 @@ declare class CameraEvent {
     get acknowledged(): boolean;
     update: (raw: RawSensorEvent) => void;
     constructor(raw: RawSensorEvent);
+    static fromWebhookEvent: (event: WebhookEvent) => CameraEvent;
+    toWebhookEvent: () => WebhookEvent;
 }
 
 declare const enum CameraPermissions {
@@ -343,6 +367,8 @@ declare interface CamgroupItem {
 declare interface Car {
     Type: 'Car';
     BodyType?: string;
+    Specialization?: string;
+    SpecialPurpose?: string;
     Box: BoundingBox;
     Probability: number;
     Colors?: {
@@ -401,7 +427,7 @@ declare type DeepPartial<T> = {
 };
 
 declare type DetectedObject = Car | LicensePlate | {
-    Type: 'Person' | 'Animal' | 'Bicycle' | 'Luggage' | 'Boat' | 'HardHat' | 'NoHardHat' | 'Fire' | 'Smoke' | 'Face';
+    Type: 'Person' | 'Animal' | 'Bicycle' | 'Luggage' | 'Boat' | 'HardHat' | 'NoHardHat' | 'Vest' | 'NoVest' | 'Gun' | 'Fire' | 'Smoke' | 'Face';
     Box: BoundingBox;
     Probability: number;
     Colors?: {
@@ -532,6 +558,7 @@ declare class EventsLoader extends ApiStore {
     error: Error | null;
     private loadingInitiated;
     get isLive(): boolean;
+    get hasMore(): boolean;
     constructor(eventsStore: EventsStore, filters: EventsLoaderFilters, fetcher: (api: Api<IApi> & IApi, pageToken?: number) => Observable<ApiPageResult<RawSensorEvent>>, transformData?: (data: CameraEvent) => {
         data: CameraEvent;
         objectIdx: number;
@@ -591,10 +618,10 @@ declare class EventsStore extends ApiStore {
     pendingRequestsByEnd: crossfilter.Dimension<PendingRequest, number>;
     pendingRequestsByStart: crossfilter.Dimension<PendingRequest, number>;
     pendingRequestsByCameraId: crossfilter.Dimension<PendingRequest, number>;
-    knownIntervals: crossfilter.Crossfilter<Interval>;
-    knownIntervalsByCameraId: crossfilter.Dimension<Interval, number>;
-    knownIntervalsByStart: crossfilter.Dimension<Interval, number>;
-    knownIntervalsByEnd: crossfilter.Dimension<Interval, number>;
+    knownIntervals: crossfilter.Crossfilter<Interval_2>;
+    knownIntervalsByCameraId: crossfilter.Dimension<Interval_2, number>;
+    knownIntervalsByStart: crossfilter.Dimension<Interval_2, number>;
+    knownIntervalsByEnd: crossfilter.Dimension<Interval_2, number>;
     eventsById: Map<number, CameraEvent>;
     updates: number;
     updatesByCameraId: Map<number, number>;
@@ -611,8 +638,10 @@ declare class EventsStore extends ApiStore {
      * @param endTime - end of the period
      */
     populateEvents(cameraId: number, startTime: Date, endTime: Date): void;
-    update: (data: CameraEvent[]) => void;
     add: (data: CameraEvent[]) => void;
+    processNewEvents: ({ data }: {
+        data: RawSensorEvent[];
+    }) => void;
     getEvents({ cameraIds, from, to, detectedObjectTypes, eventTypes, colors, probability }: EventsQuery): CameraEvent[];
     getOverlappedEvents({ cameraId, from, to }: {
         cameraId: number;
@@ -647,9 +676,6 @@ declare class EventsStore extends ApiStore {
         };
     }): CameraEvent;
     protected afterInit(): void;
-    processNewEvents: ({ data }: {
-        data: RawSensorEvent[];
-    }) => void;
     dispose(): void;
 }
 
@@ -707,7 +733,7 @@ declare interface IApi {
             cameraId: number;
             endTime: Date;
             startTime: Date;
-        }) => Observable<any>;
+        }) => Observable<ApiResult<ArchiveWithChunks>>;
         GetArchives: (params: Record<string, never>) => Observable<ApiResult<RawClip>>;
         GetClips: () => Observable<any>;
         UpdateClip: (params: any) => Observable<any>;
@@ -762,6 +788,8 @@ declare interface IApi {
     };
     sound: {
         GetPushSoundServiceUrl: (id: number) => Observable<ApiResult<string>>;
+        GenerateSpeech: (text: string) => Observable<ApiResult<string>>;
+        SendText: (cameras: number[], text: string) => Observable<ApiResult<string>>;
     };
     thumbnails: {
         GetThumbnailsInfo: (params: {
@@ -806,6 +834,12 @@ declare interface Interval {
     to: Date;
 }
 
+declare interface Interval_2 {
+    cameraId: number;
+    from: Date;
+    to: Date;
+}
+
 declare type IntervalState = {
     state: 'fulfilled';
     data: Thumbnail;
@@ -1053,6 +1087,20 @@ declare interface Props {
     onEventClick: (event: CameraEvent) => void;
 }
 
+declare interface RawArchiveChunk {
+    id: number;
+    tagName: string | null;
+    description: string;
+    cameraId: number;
+    startTime: string;
+    endTime: string;
+    elapsedTime: number;
+    streamUrl: string;
+    isDvr: boolean;
+    thumbnailUrl: string;
+    duration?: number;
+}
+
 declare interface RawCamera {
     id: number;
     customerId: number;
@@ -1270,6 +1318,7 @@ declare interface SensorEventsRequest {
     sensorIds: number[];
     sensorType: string;
     sensorEventTypes: SensorEventType[];
+    acknowledged?: boolean | null;
     startTime?: Date;
     endTime?: Date;
     isDescending: boolean;
@@ -1390,7 +1439,7 @@ declare class Token {
     json: RawToken;
     constructor(raw: RawToken);
     private _exp;
-    get accessTokenExpires(): Date;
+    get accessTokenExpires(): Date | undefined;
 }
 
 declare class ToolkitApp implements App {
@@ -1398,7 +1447,8 @@ declare class ToolkitApp implements App {
     initialized: boolean;
     cameras: CamerasStore;
     archives: ArchivesStore;
-    events: EventsStore;
+    _events: EventsStore | null;
+    get events(): EventsStore;
     eventSchema: EventSchemaStore;
     thumbnails: ThumbnailsStore;
     account: AccountStore;
@@ -1421,4 +1471,62 @@ declare class ToolkitApp implements App {
 
 declare type User = RawUser;
 
+declare type WebhookEvent = {
+    id: number;
+    deviceId: number;
+    ackType?: string;
+    ackData?: {
+        timestampUtc: string;
+        message: string;
+        translatedMessage?: string;
+        editedMessage?: string;
+        userId: string;
+    };
+} & ({
+    type: Exclude<EventType, 'LicensePlate' | 'Analytic'>;
+    data: {
+        thumbnailUrl: string;
+        sharedVideoUrl?: string;
+    } & ({
+        timestampUtc: string;
+    } | {
+        startTimeUtc: string;
+        endTimeUtc: string;
+    });
+} | {
+    type: 'Analytic';
+    data: {
+        objectsFound: {
+            type: string;
+            box: {
+                left: number;
+                top: number;
+                right: number;
+                bottom: number;
+            };
+            probability: number;
+        }[];
+        thumbnailUrl: string;
+        sharedVideoUrl?: string;
+        timestampUtc: string;
+    };
+} | {
+    type: 'LicensePlateRecognition';
+    data: {
+        platesFound: {
+            box: {
+                left: number;
+                top: number;
+                right: number;
+                bottom: number;
+            };
+            probability: number;
+            plateNumber: string;
+        }[];
+        thumbnailUrl: string;
+        sharedVideoUrl?: string;
+        timestampUtc: string;
+    };
+});
+
 export { }

package/dist/react-event-search.js

@@ -1 +1 @@
-import e from"i18next";import{of as t,from as r,Observable as n,Subscription as i,mergeMap as o,throwError as a,catchError as s,startWith as l,switchMap as c,map as h,exhaustMap as d,EMPTY as u,Subject as p}from"rxjs";import{AppContext as f,app as m}from"@3deye-toolkit/core";import{jsx as g,jsxs as v,Fragment as y}from"react/jsx-runtime";import b,{forwardRef as x,memo as w,useState as C,useRef as T,useEffect as M,createContext as _,Component as D,useCallback as L,useMemo as N,cloneElement as I,useContext as k,useLayoutEffect as z}from"react";import{useElementSize as j}from"@mantine/hooks";import{observer as F}from"mobx-react-lite";import O from"clsx";import S from"react-ink";import{useMergeRefs as B,useListItem as P,useFloatingTree as R,useFloating as U,offset as A,flip as H,shift as E,arrow as $,autoUpdate as V,useInteractions as Z,useRole as W,useDismiss as Y,FloatingPortal as q,FloatingFocusManager as G,useId as Q,size as J,useListNavigation as X,useHover as K}from"@floating-ui/react";import ee from"@seznam/compose-react-refs";import{differenceInCalendarDays as te,max as re,min as ne}from"date-fns";import ie from"memoize-one";import{extent as oe,bin as ae,max as se}from"d3-array";import{select as le}from"d3-selection";import{scaleTime as ce,scaleLinear as he}from"d3-scale";import{timeHours as de,timeHour as ue,timeMinute as pe}from"d3-time";import{axisBottom as fe}from"d3-axis";import{brushX as me}from"d3-brush";import{timeFormat as ge}from"d3-time-format";import ve from"resize-observer-polyfill";import{computed as ye,observe as be,makeObservable as xe,observable as we,action as Ce,runInAction as Te,reaction as Me}from"mobx";import{distinctUntilChanged as _e,share as De,switchMap as Le,mergeMap as Ne,catchError as Ie,map as ke}from"rxjs/operators";var ze={selectObjectType:"Select object type",showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found",eventTypes:{Loitering:"Loitering"},filter:"Filter",color:"color",select:{loading:"Loading...",noOptions:"No options"},confidence:"confidence",today:"today",yesterday:"yesterday",button:{ok:"Ok"},peopleCounting:"People Counting",selected:"selected",total:"total",event:{acknowledged:"acknowledged"}};const je={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},Fe=e.createInstance(),Oe=([e,t],[r,n],[i,o])=>{const a=(n-t)*(i-r)-(r-e)*(o-n);return 0===a?0:a>0?1:2},Se=([e,t],[r,n],[i,o])=>r<=Math.max(e,i)&&r>=Math.min(e,i)&&n<=Math.max(t,o)&&n>=Math.min(t,o);var Be="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Pe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Re={exports:{}};function Ue(e,t,r){r=r||2;var n,i,o,a,s,l,c,h=t&&t.length,d=h?t[0]*r:e.length,u=Ae(e,0,d,r,!0),p=[];if(!u||u.next===u.prev)return p;if(h&&(u=function(e,t,r,n){var i,o,a,s=[];for(i=0,o=t.length;i<o;i++)(a=Ae(e,t[i]*n,i<o-1?t[i+1]*n:e.length,n,!1))===a.next&&(a.steiner=!0),s.push(Je(a));for(s.sort(Ye),i=0;i<s.length;i++)r=qe(s[i],r);return r}(e,t,u,r)),e.length>80*r){n=o=e[0],i=a=e[1];for(var f=r;f<d;f+=r)(s=e[f])<n&&(n=s),(l=e[f+1])<i&&(i=l),s>o&&(o=s),l>a&&(a=l);c=0!==(c=Math.max(o-n,a-i))?32767/c:0}return Ee(u,p,r,n,i,c,0),p}function Ae(e,t,r,n,i){var o,a;if(i===ht(e,t,r,n)>0)for(o=t;o<r;o+=n)a=st(o,e[o],e[o+1],a);else for(o=r-n;o>=t;o-=n)a=st(o,e[o],e[o+1],a);return a&&tt(a,a.next)&&(lt(a),a=a.next),a}function He(e,t){if(!e)return e;t||(t=e);var r,n=e;do{if(r=!1,n.steiner||!tt(n,n.next)&&0!==et(n.prev,n,n.next))n=n.next;else{if(lt(n),(n=t=n.prev)===n.next)break;r=!0}}while(r||n!==t);return t}function Ee(e,t,r,n,i,o,a){if(e){!a&&o&&function(e,t,r,n){var i=e;do{0===i.z&&(i.z=Qe(i.x,i.y,t,r,n)),i.prevZ=i.prev,i.nextZ=i.next,i=i.next}while(i!==e);i.prevZ.nextZ=null,i.prevZ=null,function(e){var t,r,n,i,o,a,s,l,c=1;do{for(r=e,e=null,o=null,a=0;r;){for(a++,n=r,s=0,t=0;t<c&&(s++,n=n.nextZ);t++);for(l=c;s>0||l>0&&n;)0!==s&&(0===l||!n||r.z<=n.z)?(i=r,r=r.nextZ,s--):(i=n,n=n.nextZ,l--),o?o.nextZ=i:e=i,i.prevZ=o,o=i;r=n}o.nextZ=null,c*=2}while(a>1)}(i)}(e,n,i,o);for(var s,l,c=e;e.prev!==e.next;)if(s=e.prev,l=e.next,o?Ve(e,n,i,o):$e(e))t.push(s.i/r|0),t.push(e.i/r|0),t.push(l.i/r|0),lt(e),e=l.next,c=l.next;else if((e=l)===c){a?1===a?Ee(e=Ze(He(e),t,r),t,r,n,i,o,2):2===a&&We(e,t,r,n,i,o):Ee(He(e),t,r,n,i,o,1);break}}}function $e(e){var t=e.prev,r=e,n=e.next;if(et(t,r,n)>=0)return!1;for(var i=t.x,o=r.x,a=n.x,s=t.y,l=r.y,c=n.y,h=i<o?i<a?i:a:o<a?o:a,d=s<l?s<c?s:c:l<c?l:c,u=i>o?i>a?i:a:o>a?o:a,p=s>l?s>c?s:c:l>c?l:c,f=n.next;f!==t;){if(f.x>=h&&f.x<=u&&f.y>=d&&f.y<=p&&Xe(i,s,o,l,a,c,f.x,f.y)&&et(f.prev,f,f.next)>=0)return!1;f=f.next}return!0}function Ve(e,t,r,n){var i=e.prev,o=e,a=e.next;if(et(i,o,a)>=0)return!1;for(var s=i.x,l=o.x,c=a.x,h=i.y,d=o.y,u=a.y,p=s<l?s<c?s:c:l<c?l:c,f=h<d?h<u?h:u:d<u?d:u,m=s>l?s>c?s:c:l>c?l:c,g=h>d?h>u?h:u:d>u?d:u,v=Qe(p,f,t,r,n),y=Qe(m,g,t,r,n),b=e.prevZ,x=e.nextZ;b&&b.z>=v&&x&&x.z<=y;){if(b.x>=p&&b.x<=m&&b.y>=f&&b.y<=g&&b!==i&&b!==a&&Xe(s,h,l,d,c,u,b.x,b.y)&&et(b.prev,b,b.next)>=0)return!1;if(b=b.prevZ,x.x>=p&&x.x<=m&&x.y>=f&&x.y<=g&&x!==i&&x!==a&&Xe(s,h,l,d,c,u,x.x,x.y)&&et(x.prev,x,x.next)>=0)return!1;x=x.nextZ}for(;b&&b.z>=v;){if(b.x>=p&&b.x<=m&&b.y>=f&&b.y<=g&&b!==i&&b!==a&&Xe(s,h,l,d,c,u,b.x,b.y)&&et(b.prev,b,b.next)>=0)return!1;b=b.prevZ}for(;x&&x.z<=y;){if(x.x>=p&&x.x<=m&&x.y>=f&&x.y<=g&&x!==i&&x!==a&&Xe(s,h,l,d,c,u,x.x,x.y)&&et(x.prev,x,x.next)>=0)return!1;x=x.nextZ}return!0}function Ze(e,t,r){var n=e;do{var i=n.prev,o=n.next.next;!tt(i,o)&&rt(i,n,n.next,o)&&ot(i,o)&&ot(o,i)&&(t.push(i.i/r|0),t.push(n.i/r|0),t.push(o.i/r|0),lt(n),lt(n.next),n=e=o),n=n.next}while(n!==e);return He(n)}function We(e,t,r,n,i,o){var a=e;do{for(var s=a.next.next;s!==a.prev;){if(a.i!==s.i&&Ke(a,s)){var l=at(a,s);return a=He(a,a.next),l=He(l,l.next),Ee(a,t,r,n,i,o,0),void Ee(l,t,r,n,i,o,0)}s=s.next}a=a.next}while(a!==e)}function Ye(e,t){return e.x-t.x}function qe(e,t){var r=function(e,t){var r,n=t,i=e.x,o=e.y,a=-1/0;do{if(o<=n.y&&o>=n.next.y&&n.next.y!==n.y){var s=n.x+(o-n.y)*(n.next.x-n.x)/(n.next.y-n.y);if(s<=i&&s>a&&(a=s,r=n.x<n.next.x?n:n.next,s===i))return r}n=n.next}while(n!==t);if(!r)return null;var l,c=r,h=r.x,d=r.y,u=1/0;n=r;do{i>=n.x&&n.x>=h&&i!==n.x&&Xe(o<d?i:a,o,h,d,o<d?a:i,o,n.x,n.y)&&(l=Math.abs(o-n.y)/(i-n.x),ot(n,e)&&(l<u||l===u&&(n.x>r.x||n.x===r.x&&Ge(r,n)))&&(r=n,u=l)),n=n.next}while(n!==c);return r}(e,t);if(!r)return t;var n=at(r,e);return He(n,n.next),He(r,r.next)}function Ge(e,t){return et(e.prev,e,t.prev)<0&&et(t.next,e,e.next)<0}function Qe(e,t,r,n,i){return(e=1431655765&((e=858993459&((e=252645135&((e=16711935&((e=(e-r)*i|0)|e<<8))|e<<4))|e<<2))|e<<1))|(t=1431655765&((t=858993459&((t=252645135&((t=16711935&((t=(t-n)*i|0)|t<<8))|t<<4))|t<<2))|t<<1))<<1}function Je(e){var t=e,r=e;do{(t.x<r.x||t.x===r.x&&t.y<r.y)&&(r=t),t=t.next}while(t!==e);return r}function Xe(e,t,r,n,i,o,a,s){return(i-a)*(t-s)>=(e-a)*(o-s)&&(e-a)*(n-s)>=(r-a)*(t-s)&&(r-a)*(o-s)>=(i-a)*(n-s)}function Ke(e,t){return e.next.i!==t.i&&e.prev.i!==t.i&&!function(e,t){var r=e;do{if(r.i!==e.i&&r.next.i!==e.i&&r.i!==t.i&&r.next.i!==t.i&&rt(r,r.next,e,t))return!0;r=r.next}while(r!==e);return!1}(e,t)&&(ot(e,t)&&ot(t,e)&&function(e,t){var r=e,n=!1,i=(e.x+t.x)/2,o=(e.y+t.y)/2;do{r.y>o!=r.next.y>o&&r.next.y!==r.y&&i<(r.next.x-r.x)*(o-r.y)/(r.next.y-r.y)+r.x&&(n=!n),r=r.next}while(r!==e);return n}(e,t)&&(et(e.prev,e,t.prev)||et(e,t.prev,t))||tt(e,t)&&et(e.prev,e,e.next)>0&&et(t.prev,t,t.next)>0)}function et(e,t,r){return(t.y-e.y)*(r.x-t.x)-(t.x-e.x)*(r.y-t.y)}function tt(e,t){return e.x===t.x&&e.y===t.y}function rt(e,t,r,n){var i=it(et(e,t,r)),o=it(et(e,t,n)),a=it(et(r,n,e)),s=it(et(r,n,t));return i!==o&&a!==s||(!(0!==i||!nt(e,r,t))||(!(0!==o||!nt(e,n,t))||(!(0!==a||!nt(r,e,n))||!(0!==s||!nt(r,t,n)))))}function nt(e,t,r){return t.x<=Math.max(e.x,r.x)&&t.x>=Math.min(e.x,r.x)&&t.y<=Math.max(e.y,r.y)&&t.y>=Math.min(e.y,r.y)}function it(e){return e>0?1:e<0?-1:0}function ot(e,t){return et(e.prev,e,e.next)<0?et(e,t,e.next)>=0&&et(e,e.prev,t)>=0:et(e,t,e.prev)<0||et(e,e.next,t)<0}function at(e,t){var r=new ct(e.i,e.x,e.y),n=new ct(t.i,t.x,t.y),i=e.next,o=t.prev;return e.next=t,t.prev=e,r.next=i,i.prev=r,n.next=r,r.prev=n,o.next=n,n.prev=o,n}function st(e,t,r,n){var i=new ct(e,t,r);return n?(i.next=n.next,i.prev=n,n.next.prev=i,n.next=i):(i.prev=i,i.next=i),i}function lt(e){e.next.prev=e.prev,e.prev.next=e.next,e.prevZ&&(e.prevZ.nextZ=e.nextZ),e.nextZ&&(e.nextZ.prevZ=e.prevZ)}function ct(e,t,r){this.i=e,this.x=t,this.y=r,this.prev=null,this.next=null,this.z=0,this.prevZ=null,this.nextZ=null,this.steiner=!1}function ht(e,t,r,n){for(var i=0,o=t,a=r-n;o<r;o+=n)i+=(e[a]-e[o])*(e[o+1]+e[a+1]),a=o;return i}Re.exports=Ue,Re.exports.default=Ue,Ue.deviation=function(e,t,r,n){var i=t&&t.length,o=i?t[0]*r:e.length,a=Math.abs(ht(e,0,o,r));if(i)for(var s=0,l=t.length;s<l;s++){var c=t[s]*r,h=s<l-1?t[s+1]*r:e.length;a-=Math.abs(ht(e,c,h,r))}var d=0;for(s=0;s<n.length;s+=3){var u=n[s]*r,p=n[s+1]*r,f=n[s+2]*r;d+=Math.abs((e[u]-e[f])*(e[p+1]-e[u+1])-(e[u]-e[p])*(e[f+1]-e[u+1]))}return 0===a&&0===d?0:Math.abs((d-a)/a)},Ue.flatten=function(e){for(var t=e[0][0].length,r={vertices:[],holes:[],dimensions:t},n=0,i=0;i<e.length;i++){for(var o=0;o<e[i].length;o++)for(var a=0;a<t;a++)r.vertices.push(e[i][o][a]);i>0&&(n+=e[i-1].length,r.holes.push(n))}return r};var dt=Pe(Re.exports);var ut=function(e,t,r){var n=-1,i=e.length;t<0&&(t=-t>i?0:i+t),(r=r>i?i:r)<0&&(r+=i),i=t>r?0:r-t>>>0,t>>>=0;for(var o=Array(i);++n<i;)o[n]=e[n+t];return o};var pt=function(e,t){return e===t||e!=e&&t!=t},ft="object"==typeof Be&&Be&&Be.Object===Object&&Be,mt=ft,gt="object"==typeof self&&self&&self.Object===Object&&self,vt=mt||gt||Function("return this")(),yt=vt.Symbol,bt=yt,xt=Object.prototype,wt=xt.hasOwnProperty,Ct=xt.toString,Tt=bt?bt.toStringTag:void 0;var Mt=function(e){var t=wt.call(e,Tt),r=e[Tt];try{e[Tt]=void 0;var n=!0}catch(e){}var i=Ct.call(e);return n&&(t?e[Tt]=r:delete e[Tt]),i},_t=Object.prototype.toString;var Dt=Mt,Lt=function(e){return _t.call(e)},Nt=yt?yt.toStringTag:void 0;var It=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Nt&&Nt in Object(e)?Dt(e):Lt(e)};var kt=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},zt=It,jt=kt;var Ft=function(e){if(!jt(e))return!1;var t=zt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t};var Ot=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},St=Ft,Bt=Ot;var Pt=function(e){return null!=e&&Bt(e.length)&&!St(e)},Rt=/^(?:0|[1-9]\d*)$/;var Ut=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&Rt.test(e))&&e>-1&&e%1==0&&e<t},At=pt,Ht=Pt,Et=Ut,$t=kt;var Vt=/\s/;var Zt=function(e){for(var t=e.length;t--&&Vt.test(e.charAt(t)););return t},Wt=/^\s+/;var Yt=function(e){return null!=e&&"object"==typeof e},qt=It,Gt=Yt;var Qt=function(e){return e?e.slice(0,Zt(e)+1).replace(Wt,""):e},Jt=kt,Xt=function(e){return"symbol"==typeof e||Gt(e)&&"[object Symbol]"==qt(e)},Kt=/^[-+]0x[0-9a-f]+$/i,er=/^0b[01]+$/i,tr=/^0o[0-7]+$/i,rr=parseInt;var nr=function(e){if("number"==typeof e)return e;if(Xt(e))return NaN;if(Jt(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Jt(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=Qt(e);var r=er.test(e);return r||tr.test(e)?rr(e.slice(2),r?2:8):Kt.test(e)?NaN:+e},ir=1/0;var or=function(e){return e?(e=nr(e))===ir||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var ar=ut,sr=function(e,t,r){if(!$t(r))return!1;var n=typeof t;return!!("number"==n?Ht(r)&&Et(t,r.length):"string"==n&&t in r)&&At(r[t],e)},lr=function(e){var t=or(e),r=t%1;return t==t?r?t-r:t:0},cr=Math.ceil,hr=Math.max;var dr=function(e,t,r){t=(r?sr(e,t,r):void 0===t)?1:hr(lr(t),0);var n=null==e?0:e.length;if(!n||t<1)return[];for(var i=0,o=0,a=Array(cr(n/t));i<n;)a[o++]=ar(e,i,i+=t);return a},ur=Pe(dr);const pr=(e,t,r)=>!(e<r.x||t<r.y||e>r.x+r.width||t>r.y+r.height),fr=(e,t,r)=>{const n=r.y1*r.x3-r.x1*r.y3+(r.y3-r.y1)*e+(r.x1-r.x3)*t,i=r.x1*r.y2-r.y1*r.x2+(r.y1-r.y2)*e+(r.x2-r.x1)*t;if(n<0!=i<0)return!1;const o=-r.y2*r.x3+r.y1*(r.x3-r.x2)+r.x1*(r.y2-r.y3)+r.x2*r.y3;return o<0?n<=0&&n+i>=o:n>=0&&n+i<=o},mr=(e,t)=>{if(pr(t.x1,t.y1,e))return!0;if(pr(t.x2,t.y2,e))return!0;if(pr(t.x3,t.y3,e))return!0;if(fr(e.x,e.y,t))return!0;if(fr(e.x+e.width,e.y,t))return!0;if(fr(e.x+e.width,e.y+e.height,t))return!0;if(fr(e.x,e.y+e.height,t))return!0;const r=[[[e.x,e.y],[e.x+e.width,e.y]],[[e.x+e.width,e.y],[e.x+e.width,e.y+e.height]],[[e.x,e.y+e.height],[e.x+e.width,e.y+e.height]],[[e.x,e.y],[e.x,e.y+e.height]]];return!![[[t.x1,t.y1],[t.x2,t.y2]],[[t.x1,t.y1],[t.x3,t.y3]]].some((e=>r.some((t=>(([e,t],[r,n])=>{const i=Oe(e,t,r),o=Oe(e,t,n),a=Oe(r,n,e),s=Oe(r,n,t);return i!==o&&a!==s||!(0!==i||!Se(e,r,t))||!(0!==o||!Se(e,n,t))||!(0!==a||!Se(r,e,n))||!(0!==s||!Se(r,t,n))})(t,e)))))},gr=(e,t)=>{const r=e.map((({x:e,y:t})=>[e,t]));return ur(dt(r.flat()),3).some((r=>mr(t,{x1:e[r[0]].x,y1:e[r[0]].y,x2:e[r[1]].x,y2:e[r[1]].y,x3:e[r[2]].x,y3:e[r[2]].y})))};function vr(e,t){const r=new Date(e);return r.setHours(23,59,59,999),t&&r.setUTCHours(23,59,59,999),r}const yr=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth()&&e.getUTCDate()===t.getUTCDate():e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),br=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear():e.getFullYear()===t.getFullYear();function xr(e,t,r){return function(e,t,r){return r?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()+t,e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds())):new Date(e.getFullYear(),e.getMonth(),e.getDate()+t,e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}(e,-t,r)}function wr(e,t){return new Date(e.getTime()-60*t*60*1e3)}const Cr=b.createContext(null);function Tr(e,t=!1){const r=ye(e);return new n((e=>{const n=be(r,(({newValue:t})=>e.next(t)),t);return()=>n()}))}var Mr;!function(e){e[e.Motion=0]="Motion",e[e.Tampering=1]="Tampering",e[e.PanTiltZoom=2]="PanTiltZoom",e[e.CrossLine=3]="CrossLine",e[e.Intrusion=4]="Intrusion",e[e.LicensePlate=5]="LicensePlate",e[e.FaceDetection=6]="FaceDetection",e[e.Audio=7]="Audio",e[e.Analytic=8]="Analytic",e[e.SpeedDetection=9]="SpeedDetection",e[e.PeopleCounter=10]="PeopleCounter",e[e.Temperature=11]="Temperature",e[e.PoS=12]="PoS",e[e.GPS=13]="GPS",e[e.DigitalInput=14]="DigitalInput",e[e.Normal=15]="Normal",e[e.Suspicious=16]="Suspicious",e[e.Loitering=17]="Loitering",e[e.Vandalism=18]="Vandalism",e[e.Trespass=19]="Trespass",e[e.Emergency=20]="Emergency",e[e.LifeInDanger=21]="LifeInDanger",e[e.ErroneousAlert=22]="ErroneousAlert",e[e.Misidentification=23]="Misidentification",e[e.Fire=24]="Fire",e[e.MedicalDuress=25]="MedicalDuress",e[e.HoldUp=26]="HoldUp",e[e.CheckIn=27]="CheckIn",e[e.CheckOut=28]="CheckOut",e[e.ClockIn=29]="ClockIn",e[e.ClockOut=30]="ClockOut",e[e.ParkingStart=31]="ParkingStart",e[e.ParkingEnd=32]="ParkingEnd",e[e.ParkingViolation=33]="ParkingViolation",e[e.GateAccess=34]="GateAccess",e[e.DoorAccess=35]="DoorAccess",e[e.TemperatureCheck=36]="TemperatureCheck",e[e.IDCheck=37]="IDCheck",e[e.PPECheck=38]="PPECheck",e[e.WelfareCheck=39]="WelfareCheck",e[e.VehicleBreakIn=40]="VehicleBreakIn",e[e.DrugTrafficking=41]="DrugTrafficking",e[e.Assault=42]="Assault",e[e.PackageDelivery=43]="PackageDelivery",e[e.Uncategorized=999]="Uncategorized"}(Mr||(Mr={}));const _r=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput","Loitering"]);class Dr{id;cameraId;type;raw;thumbnailUrl;thumbnailWidth=0;thumbnailHeight=0;detectedObjects;faces;instant;get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!_r.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}update=e=>{this.raw=e};constructor(e){if(xe(this,{startTime:ye,endTime:ye,acknowledged:ye,isLive:ye,raw:we.ref,update:Ce}),this.raw=e,this.id=e.id,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type||"FaceDetection"===this.type||"Loitering"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),t.ThumbnailSize&&(this.thumbnailWidth=t.ThumbnailSize.Width,this.thumbnailHeight=t.ThumbnailSize.Height),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=_r.has(this.type),this.detectedObjects||(this.detectedObjects=[])}}const Lr=(e,{locale:t,utc:r=!1,hour12:n=!1,seconds:i,year:o=!1,dayOfWeek:a=!1,day:s=!1})=>{const l={hour:"numeric",minute:"numeric",hour12:n||void 0,hourCycle:n?void 0:"h23"};return r&&(l.timeZone="UTC"),i&&(l.second="numeric"),o&&(l.year="numeric"),a&&(l.weekday="short"),s&&(l.day="numeric",l.month="short"),new Intl.DateTimeFormat(t,l).format(e)},Nr=(e,t)=>t?e.getUTCSeconds():e.getSeconds();function Ir(e,t,{locale:r,utc:n=!1,hour12:i=!1}={}){let o="",a="";const s=Boolean(Nr(e,n)||Nr(t,n)),l={from:!1,to:!1},c={from:!1,to:!1},h={from:!1,to:!1};return br(e,new Date,n)?yr(e,new Date,n)||(yr(e,t,n)?(h.from=!0,c.from=!0):(h.from=!0,c.from=!0,h.to=!0,c.to=!0)):(l.from=!0,h.from=!0,h.to=!0,l.to=!br(e,t,n)),o=Lr(e,{locale:r,utc:n,hour12:i,seconds:s,year:l.from,dayOfWeek:c.from,day:h.from}),+e==+t?o:(a=Lr(t,{locale:r,utc:n,hour12:i,seconds:s,year:l.to,dayOfWeek:c.to,day:h.to}),`${o} - ${a}`)}var kr,zr=vt["__core-js_shared__"],jr=(kr=/[^.]+$/.exec(zr&&zr.keys&&zr.keys.IE_PROTO||""))?"Symbol(src)_1."+kr:"";var Fr=function(e){return!!jr&&jr in e},Or=Function.prototype.toString;var Sr=function(e){if(null!=e){try{return Or.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Br=Ft,Pr=Fr,Rr=kt,Ur=Sr,Ar=/^\[object .+?Constructor\]$/,Hr=Function.prototype,Er=Object.prototype,$r=Hr.toString,Vr=Er.hasOwnProperty,Zr=RegExp("^"+$r.call(Vr).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Wr=function(e){return!(!Rr(e)||Pr(e))&&(Br(e)?Zr:Ar).test(Ur(e))},Yr=function(e,t){return null==e?void 0:e[t]};var qr=function(e,t){var r=Yr(e,t);return Wr(r)?r:void 0},Gr=qr(Object,"create"),Qr=Gr;var Jr=function(){this.__data__=Qr?Qr(null):{},this.size=0};var Xr=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Kr=Gr,en=Object.prototype.hasOwnProperty;var tn=function(e){var t=this.__data__;if(Kr){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return en.call(t,e)?t[e]:void 0},rn=Gr,nn=Object.prototype.hasOwnProperty;var on=function(e){var t=this.__data__;return rn?void 0!==t[e]:nn.call(t,e)},an=Gr;var sn=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=an&&void 0===t?"__lodash_hash_undefined__":t,this},ln=Jr,cn=Xr,hn=tn,dn=on,un=sn;function pn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}pn.prototype.clear=ln,pn.prototype.delete=cn,pn.prototype.get=hn,pn.prototype.has=dn,pn.prototype.set=un;var fn=pn;var mn=function(){this.__data__=[],this.size=0},gn=pt;var vn=function(e,t){for(var r=e.length;r--;)if(gn(e[r][0],t))return r;return-1},yn=vn,bn=Array.prototype.splice;var xn=function(e){var t=this.__data__,r=yn(t,e);return!(r<0)&&(r==t.length-1?t.pop():bn.call(t,r,1),--this.size,!0)},wn=vn;var Cn=function(e){var t=this.__data__,r=wn(t,e);return r<0?void 0:t[r][1]},Tn=vn;var Mn=vn;var _n=function(e,t){var r=this.__data__,n=Mn(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},Dn=mn,Ln=xn,Nn=Cn,In=function(e){return Tn(this.__data__,e)>-1},kn=_n;function zn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}zn.prototype.clear=Dn,zn.prototype.delete=Ln,zn.prototype.get=Nn,zn.prototype.has=In,zn.prototype.set=kn;var jn=zn,Fn=qr(vt,"Map"),On=fn,Sn=jn,Bn=Fn;var Pn=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Rn=function(e,t){var r=e.__data__;return Pn(t)?r["string"==typeof t?"string":"hash"]:r.map},Un=Rn;var An=Rn;var Hn=Rn;var En=Rn;var $n=function(e,t){var r=En(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},Vn=function(){this.size=0,this.__data__={hash:new On,map:new(Bn||Sn),string:new On}},Zn=function(e){var t=Un(this,e).delete(e);return this.size-=t?1:0,t},Wn=function(e){return An(this,e).get(e)},Yn=function(e){return Hn(this,e).has(e)},qn=$n;function Gn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Gn.prototype.clear=Vn,Gn.prototype.delete=Zn,Gn.prototype.get=Wn,Gn.prototype.has=Yn,Gn.prototype.set=qn;var Qn=Gn,Jn=Qn;function Xn(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],o=r.cache;if(o.has(i))return o.get(i);var a=e.apply(this,n);return r.cache=o.set(i,a)||o,a};return r.cache=new(Xn.Cache||Jn),r}Xn.Cache=Jn;const Kn=Pe(Xn)((()=>{const e=document.createElement("div");e.style.overflowY="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.append(e);const t=e.offsetWidth;return e.remove(),t}));function ei(e,t,r=!0){if((e=Math.round(e/1e3))<60)return t("duration.ss",{seconds:e});const n=e%60;let i=(e-n)/60;if(i<60)return!n&&r?t("duration.mm",{minutes:i}):t("duration.mmss",{minutes:i,seconds:`${n}`.padStart(2,"0")});const o=Math.floor(i/60);if(i-=60*o,!n&&!i&&r)return t("duration.hh",{hours:o});const a=r?`${i}`:`${i}`.padStart(2,"0");return!n&&i&&r?t("duration.hhmm",{hours:o,minutes:a}):t("duration.hhmmss",{hours:o,minutes:a,seconds:`${n}`.padStart(2,"0")})}const ti=(e,t,r)=>Math.min(Math.max(e,t),r);class ri{api;disposables=[];initWith(e){this.api=e,this.afterInit&&this.afterInit()}dispose(){for(const e of this.disposables)e instanceof i?e.closed||e.unsubscribe():e()}}var ni=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},ii=It,oi=Yt;var ai=function(e){return oi(e)&&"[object Arguments]"==ii(e)},si=Yt,li=Object.prototype,ci=li.hasOwnProperty,hi=li.propertyIsEnumerable,di=ai(function(){return arguments}())?ai:function(e){return si(e)&&ci.call(e,"callee")&&!hi.call(e,"callee")},ui=Array.isArray,pi={exports:{}};var fi=function(){return!1};!function(e,t){var r=vt,n=fi,i=t&&!t.nodeType&&t,o=i&&e&&!e.nodeType&&e,a=o&&o.exports===i?r.Buffer:void 0,s=(a?a.isBuffer:void 0)||n;e.exports=s}(pi,pi.exports);var mi=pi.exports,gi=It,vi=Ot,yi=Yt,bi={};bi["[object Float32Array]"]=bi["[object Float64Array]"]=bi["[object Int8Array]"]=bi["[object Int16Array]"]=bi["[object Int32Array]"]=bi["[object Uint8Array]"]=bi["[object Uint8ClampedArray]"]=bi["[object Uint16Array]"]=bi["[object Uint32Array]"]=!0,bi["[object Arguments]"]=bi["[object Array]"]=bi["[object ArrayBuffer]"]=bi["[object Boolean]"]=bi["[object DataView]"]=bi["[object Date]"]=bi["[object Error]"]=bi["[object Function]"]=bi["[object Map]"]=bi["[object Number]"]=bi["[object Object]"]=bi["[object RegExp]"]=bi["[object Set]"]=bi["[object String]"]=bi["[object WeakMap]"]=!1;var xi=function(e){return yi(e)&&vi(e.length)&&!!bi[gi(e)]};var wi=function(e){return function(t){return e(t)}},Ci={exports:{}};!function(e,t){var r=ft,n=t&&!t.nodeType&&t,i=n&&e&&!e.nodeType&&e,o=i&&i.exports===n&&r.process,a=function(){try{var e=i&&i.require&&i.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}(Ci,Ci.exports);var Ti=Ci.exports,Mi=xi,_i=wi,Di=Ti&&Ti.isTypedArray,Li=Di?_i(Di):Mi,Ni=ni,Ii=di,ki=ui,zi=mi,ji=Ut,Fi=Li,Oi=Object.prototype.hasOwnProperty;var Si=function(e,t){var r=ki(e),n=!r&&Ii(e),i=!r&&!n&&zi(e),o=!r&&!n&&!i&&Fi(e),a=r||n||i||o,s=a?Ni(e.length,String):[],l=s.length;for(var c in e)!t&&!Oi.call(e,c)||a&&("length"==c||i&&("offset"==c||"parent"==c)||o&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||ji(c,l))||s.push(c);return s},Bi=Object.prototype;var Pi=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Bi)};var Ri=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Ui=Pi,Ai=Ri,Hi=Object.prototype.hasOwnProperty;var Ei=Si,$i=function(e){if(!Ui(e))return Ai(e);var t=[];for(var r in Object(e))Hi.call(e,r)&&"constructor"!=r&&t.push(r);return t},Vi=Pt;var Zi=function(e){return Vi(e)?Ei(e):$i(e)},Wi=jn;var Yi=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var qi=jn,Gi=Fn,Qi=Qn;var Ji=function(e,t){var r=this.__data__;if(r instanceof qi){var n=r.__data__;if(!Gi||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Qi(n)}return r.set(e,t),this.size=r.size,this},Xi=jn,Ki=function(){this.__data__=new Wi,this.size=0},eo=Yi,to=function(e){return this.__data__.get(e)},ro=function(e){return this.__data__.has(e)},no=Ji;function io(e){var t=this.__data__=new Xi(e);this.size=t.size}io.prototype.clear=Ki,io.prototype.delete=eo,io.prototype.get=to,io.prototype.has=ro,io.prototype.set=no;var oo=io;var ao=Qn,so=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},lo=function(e){return this.__data__.has(e)};function co(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ao;++t<r;)this.add(e[t])}co.prototype.add=co.prototype.push=so,co.prototype.has=lo;var ho=co,uo=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1},po=function(e,t){return e.has(t)};var fo=function(e,t,r,n,i,o){var a=1&r,s=e.length,l=t.length;if(s!=l&&!(a&&l>s))return!1;var c=o.get(e),h=o.get(t);if(c&&h)return c==t&&h==e;var d=-1,u=!0,p=2&r?new ho:void 0;for(o.set(e,t),o.set(t,e);++d<s;){var f=e[d],m=t[d];if(n)var g=a?n(m,f,d,t,e,o):n(f,m,d,e,t,o);if(void 0!==g){if(g)continue;u=!1;break}if(p){if(!uo(t,(function(e,t){if(!po(p,t)&&(f===e||i(f,e,r,n,o)))return p.push(t)}))){u=!1;break}}else if(f!==m&&!i(f,m,r,n,o)){u=!1;break}}return o.delete(e),o.delete(t),u};var mo=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r};var go=vt.Uint8Array,vo=pt,yo=fo,bo=mo,xo=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},wo=yt?yt.prototype:void 0,Co=wo?wo.valueOf:void 0;var To=function(e,t,r,n,i,o,a){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!o(new go(e),new go(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return vo(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var s=bo;case"[object Set]":var l=1&n;if(s||(s=xo),e.size!=t.size&&!l)return!1;var c=a.get(e);if(c)return c==t;n|=2,a.set(e,t);var h=yo(s(e),s(t),n,i,o,a);return a.delete(e),h;case"[object Symbol]":if(Co)return Co.call(e)==Co.call(t)}return!1};var Mo=function(e,t){for(var r=-1,n=t.length,i=e.length;++r<n;)e[i+r]=t[r];return e},_o=Mo,Do=ui;var Lo=function(e,t,r){var n=t(e);return Do(e)?n:_o(n,r(e))};var No=function(e,t){for(var r=-1,n=null==e?0:e.length,i=0,o=[];++r<n;){var a=e[r];t(a,r,e)&&(o[i++]=a)}return o},Io=function(){return[]},ko=Object.prototype.propertyIsEnumerable,zo=Object.getOwnPropertySymbols,jo=Lo,Fo=zo?function(e){return null==e?[]:(e=Object(e),No(zo(e),(function(t){return ko.call(e,t)})))}:Io,Oo=Zi;var So=function(e){return jo(e,Oo,Fo)},Bo=Object.prototype.hasOwnProperty;var Po=function(e,t,r,n,i,o){var a=1&r,s=So(e),l=s.length;if(l!=So(t).length&&!a)return!1;for(var c=l;c--;){var h=s[c];if(!(a?h in t:Bo.call(t,h)))return!1}var d=o.get(e),u=o.get(t);if(d&&u)return d==t&&u==e;var p=!0;o.set(e,t),o.set(t,e);for(var f=a;++c<l;){var m=e[h=s[c]],g=t[h];if(n)var v=a?n(g,m,h,t,e,o):n(m,g,h,e,t,o);if(!(void 0===v?m===g||i(m,g,r,n,o):v)){p=!1;break}f||(f="constructor"==h)}if(p&&!f){var y=e.constructor,b=t.constructor;y==b||!("constructor"in e)||!("constructor"in t)||"function"==typeof y&&y instanceof y&&"function"==typeof b&&b instanceof b||(p=!1)}return o.delete(e),o.delete(t),p},Ro=qr(vt,"DataView"),Uo=Fn,Ao=qr(vt,"Promise"),Ho=qr(vt,"Set"),Eo=qr(vt,"WeakMap"),$o=It,Vo=Sr,Zo="[object Map]",Wo="[object Promise]",Yo="[object Set]",qo="[object WeakMap]",Go="[object DataView]",Qo=Vo(Ro),Jo=Vo(Uo),Xo=Vo(Ao),Ko=Vo(Ho),ea=Vo(Eo),ta=$o;(Ro&&ta(new Ro(new ArrayBuffer(1)))!=Go||Uo&&ta(new Uo)!=Zo||Ao&&ta(Ao.resolve())!=Wo||Ho&&ta(new Ho)!=Yo||Eo&&ta(new Eo)!=qo)&&(ta=function(e){var t=$o(e),r="[object Object]"==t?e.constructor:void 0,n=r?Vo(r):"";if(n)switch(n){case Qo:return Go;case Jo:return Zo;case Xo:return Wo;case Ko:return Yo;case ea:return qo}return t});var ra=oo,na=fo,ia=To,oa=Po,aa=ta,sa=ui,la=mi,ca=Li,ha="[object Arguments]",da="[object Array]",ua="[object Object]",pa=Object.prototype.hasOwnProperty;var fa=function(e,t,r,n,i,o){var a=sa(e),s=sa(t),l=a?da:aa(e),c=s?da:aa(t),h=(l=l==ha?ua:l)==ua,d=(c=c==ha?ua:c)==ua,u=l==c;if(u&&la(e)){if(!la(t))return!1;a=!0,h=!1}if(u&&!h)return o||(o=new ra),a||ca(e)?na(e,t,r,n,i,o):ia(e,t,l,r,n,i,o);if(!(1&r)){var p=h&&pa.call(e,"__wrapped__"),f=d&&pa.call(t,"__wrapped__");if(p||f){var m=p?e.value():e,g=f?t.value():t;return o||(o=new ra),i(m,g,r,n,o)}}return!!u&&(o||(o=new ra),oa(e,t,r,n,i,o))},ma=Yt;var ga=function e(t,r,n,i,o){return t===r||(null==t||null==r||!ma(t)&&!ma(r)?t!=t&&r!=r:fa(t,r,n,i,e,o))};class va extends ri{eventsStore;filters;fetcher;transformData;data=[];pendingData=[];liveUpdateMode="auto";disposables=[];pageInfo=null;loading=!1;loadMoreTrigger=0;retryTrigger=0;error=null;loadingInitiated=!1;get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,t,r,n=e=>[{data:e,objectIdx:-1}]){super(),this.eventsStore=e,this.filters=t,this.fetcher=r,this.transformData=n,xe(this,{data:we.ref,pendingData:we.ref,liveUpdateMode:we,setLiveUpdateMode:Ce,flushUpdates:Ce,pageInfo:we.ref,isLive:ye,loading:we,loadMoreTrigger:we,retryTrigger:we,error:we.ref,loadMore:Ce})}flushUpdates=()=>{this.data=[...this.pendingData,...this.data],this.pendingData=[]};setLiveUpdateMode=e=>{this.liveUpdateMode=e};load=()=>{this.loadingInitiated||(this.loadingInitiated=!0,this.initDataLoading(),this.initLiveUpdates())};reload=()=>{this.error&&(this.retryTrigger=+!this.retryTrigger)};loadMore=()=>{this.error=null,this.loadMoreTrigger=+!this.loadMoreTrigger};queryEvents=e=>this.fetcher(this.api,e).pipe(o((e=>e.success?t({events:e.resultItems,pageInfo:e.pageInfo}):a((()=>e.error)))),s((e=>(console.error(e),this.error=e,t({events:[],pageInfo:null})))));initDataLoading(){this.disposables.push(this.filters.updated$.pipe(l(null),c((e=>Tr((()=>this.retryTrigger),!0).pipe(h((()=>e))))),c((()=>(Te((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{Te((()=>{if(!t)return;const r=e.map(ya);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:r[0]?.startTime??wr(new Date,1),to:null,probability:this.filters.probabilityThreshold??void 0})),r).flatMap(this.transformData):this.data=r.flatMap(this.transformData),this.eventsStore.add(r),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(l(null),c((()=>Tr((()=>this.loadMoreTrigger)).pipe(d((()=>this.queryEvents(this.pageInfo?.nextPageToken))))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(ya);this.eventsStore.add(r),Te((()=>{this.data=this.data.concat(r.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(Tr((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?Tr((()=>this.eventsStore.recentAdditions)):u))).subscribe((e=>{if(this.loading)return;if(!this.pageInfo&&this.error)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&Te((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(Tr((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?Tr((()=>this.eventsStore.recentAdditions)):(this.pendingData&&Te((()=>this.pendingData=[])),u)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&Te((()=>{this.pendingData=[...t.flatMap(this.transformData),...this.pendingData]}))})))}uniquelyConcat(e,t){if(!e.length)return t.concat();if(!t.length)return e.concat();const r=e=>[e.id,e];return Array.from(new Map([...e.map(r),...t.map(r)]).values())}dispose(){for(const e of this.disposables)e instanceof i?e.closed||e.unsubscribe():e()}}function ya(e){return new Dr(e)}const ba=({forwardedRef:e,children:t,className:r,fullWidth:n,variant:i,type:o,title:a,placement:s,...l})=>{const c=O(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},i?`x-3deye-button--${i}`:void 0),h=v("button",{ref:e,className:c,type:o||"button",...l,children:[t,l.disabled?null:g(S,{})]});return void 0===a?h:g(ks,{label:a,placement:s,disabled:!a,children:h})};var xa=x(((e,t)=>g(ba,{forwardedRef:t,...e})));var wa=e=>{const{className:t,children:r,...n}=e;return g("div",{className:O("x-3deye-button-group",t),...n,children:r})};function Ca(e){return x(((t,r)=>{const{size:n=24,color:i="currentColor",className:o,...a}=t,s=e.viewBox||"0 0 24 24",l=e.svg;return g("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:O("icon",o),width:n,fill:i,viewBox:s,...a,children:l})}))}const Ta=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),g("path",{fill:"none",d:"M0 0h24v24H0z"})]})});Ta.displayName="ArrowForwardIcon";var Ma=Ta;const _a=Ca({viewBox:"0 0 24 24",svg:g(y,{children:g("path",{d:"M11.74 13.36L14.14 7.71L13.06 5.5H10.5V4H14L14.73 5.5H21.75L20.75 9H16.44L17.11 10.37C17.69 10.13 18.33 10 19 10C21.76 10 24 12.24 24 15C24 17.76 21.76 20 19 20C16.24 20 14 17.76 14 15C14 13.45 14.71 12.06 15.82 11.15L15 9.5L12.25 16H9.9C9.44 18.28 7.42 20 5 20C2.24 20 0 17.76 0 15C0 12.24 2.24 10 5 10C7.59 10 9.72 11.97 10 14.5H10.58L8.3 9H7.5C7.09 9 6.75 8.66 6.75 8.25C6.75 7.84 7.09 7.5 7.5 7.5H10.25C10.66 7.5 11 7.84 11 8.25C11 8.66 10.66 9 10.25 9H9.97L11.74 13.36M5 11.5C3.07 11.5 1.5 13.07 1.5 15C1.5 16.93 3.07 18.5 5 18.5C6.59 18.5 7.93 17.45 8.36 16H4V14.5H8.47C8.22 12.8 6.76 11.5 5 11.5M19 11.5C18.57 11.5 18.15 11.58 17.77 11.72L19.7 15.68L18.35 16.34L16.5 12.55C15.88 13.18 15.5 14.05 15.5 15C15.5 16.93 17.07 18.5 19 18.5C20.93 18.5 22.5 16.93 22.5 15C22.5 13.07 20.93 11.5 19 11.5Z"})})});_a.displayName="BicycleIcon";var Da=_a;const La=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"})]})});La.displayName="BoatIcon";var Na=La;const Ia=Ca({viewBox:"0 0 24 24",svg:v("g",{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"})]})});Ia.displayName="CameraIcon";var ka=Ia;const za=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"})]})});za.displayName="CarIcon";var ja=za;const Fa=Ca({viewBox:"0 0 24 24",svg:v("g",{children:[g("path",{d:"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"}),g("path",{d:"M0-.75h24v24H0z",fill:"none"})]})});Fa.displayName="ChevronDownIcon";var Oa=Fa;const Sa=Ca({viewBox:"0 0 24 24",svg:v("g",{children:[g("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),g("path",{d:"M0 0h24v24H0z",fill:"none"})]})});Sa.displayName="ChevronRightIcon";var Ba=Sa;const Pa=Ca({viewBox:"0 0 24 24",svg:v("g",{children:[g("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),g("path",{d:"M0 0h24v24H0z",fill:"none"})]})});Pa.displayName="CloseIcon";var Ra=Pa;const Ua=Ca({viewBox:"0 0 24 24",svg:v("g",{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"})]})});Ua.displayName="DirectionsWalkIcon";var Aa=Ua;const Ha=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{fill:"none",d:"M0 0h24v24H0z"}),g("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"})]})});Ha.displayName="DoneIcon";var Ea=Ha;const $a=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),g("path",{d:"M0 0h24v24H0z",fill:"none"})]})});$a.displayName="FilterListIcon";var Va=$a;const Za=Ca({viewBox:"0 0 24 24",svg:g(y,{children:g("path",{d:"M19.48,12.35c-1.57-4.08-7.16-4.3-5.81-10.23c0.1-0.44-0.37-0.78-0.75-0.55C9.29,3.71,6.68,8,8.87,13.62 c0.18,0.46-0.36,0.89-0.75,0.59c-1.81-1.37-2-3.34-1.84-4.75c0.06-0.52-0.62-0.77-0.91-0.34C4.69,10.16,4,11.84,4,14.37 c0.38,5.6,5.11,7.32,6.81,7.54c2.43,0.31,5.06-0.14,6.95-1.87C19.84,18.11,20.6,15.03,19.48,12.35z M10.2,17.38 c1.44-0.35,2.18-1.39,2.38-2.31c0.33-1.43-0.96-2.83-0.09-5.09c0.33,1.87,3.27,3.04,3.27,5.08C15.84,17.59,13.1,19.76,10.2,17.38z"})})});Za.displayName="FireIcon";var Wa=Za;const Ya=Ca({viewBox:"0 0 24 24",svg:v("g",{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M10.13 3.245a1.994 1.994 0 0 0-1.542.992l-5.491 9.53c-.55.954-.23 2.178.723 2.728l8.66 5c.953.55 2.174.216 2.724-.737l5.509-9.521c.335-.58.349-1.265.087-1.832L17.65 2.54z"})]})});Ya.displayName="LabelIcon";var qa=Ya;const Ga=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M4 4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H5Zm0 2h4v2h8V6h4v12H4Z"}),g("path",{d:"M9.923 10 8.43 12.433 10 15h-.8L8 13.036 6.8 15H6l1.602-2.616L6.136 10h.8l1.093 1.781L9.123 10Z"}),g("path",{d:"m13.709 10-1.492 2.433L13.787 15h-.8l-1.2-1.964L10.585 15h-.8l1.603-2.616L9.923 10h.799l1.094 1.781L12.91 10Z"}),g("path",{d:"m17.709 10-1.492 2.433L17.787 15h-.8l-1.2-1.964L14.585 15h-.8l1.603-2.616L13.923 10h.799l1.094 1.781L16.91 10Z"})]})});Ga.displayName="LicensePlateIcon";var Qa=Ga;const Ja=Ca({viewBox:"0 0 24 24",svg:g("path",{d:"M12.703 5.787a2.171 2.171 0 0 0-1.334.438c-.511.788-.8 1.614-1.217 3.267l-3.172.91a.499.499 0 0 0-.341.62l.13.455a.5.5 0 0 0 .62.343l2.328-.67-.377 1.31-3.96 3.827 1.53 6.693h3.78l2.67-10.14 1.29-4.51V7.01l-.32-.48a2.213 2.213 0 0 0-1.627-.743zM5.801 7.771c-.06.008-.12.05-.17.125l-.094.14c-.136.2-.16.57-.055.827l.631 1.535c.106.258.302.305.438.104l.094-.139c.135-.2.158-.57.052-.828l-.63-1.537C6 7.837 5.9 7.758 5.8 7.771zm4.648 7.338-1.5 6.022-.969-3.83 2.47-2.192zM10.756 5.6a2 2 0 0 0 2.33-1.6 2 2 0 0 0-1.6-2.33 2 2 0 0 0-2.33 1.6 2 2 0 0 0 1.6 2.33zM15.971 1.02h2.648v21.96h-2.648z"})});Ja.displayName="LoiteringIcon";var Xa=Ja;const Ka=Ca({viewBox:"0 0 24 24",svg:g("path",{d:"M17,6h-2V3c0-0.55-0.45-1-1-1h-4C9.45,2,9,2.45,9,3v3H7C5.9,6,5,6.9,5,8v11c0,1.1,0.9,2,2,2c0,0.55,0.45,1,1,1 c0.55,0,1-0.45,1-1h6c0,0.55,0.45,1,1,1c0.55,0,1-0.45,1-1c1.1,0,2-0.9,2-2V8C19,6.9,18.1,6,17,6z M9.5,18H8V9h1.5V18z M12.75,18 h-1.5V9h1.5V18z M13.5,6h-3V3.5h3V6z M16,18h-1.5V9H16V18z"})});Ka.displayName="LuggageIcon";var es=Ka;const ts=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),g("circle",{cx:"9",cy:"5.5",r:"2.5"}),g("circle",{cx:"15",cy:"5.5",r:"2.5"}),g("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),g("path",{d:"M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z"})]})});ts.displayName="PetsIcon";var rs=ts;const ns=Ca({viewBox:"0 0 24 24",svg:v(y,{children:[g("path",{d:"M0 0h24v24H0z",fill:"none"}),g("path",{d:"M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z"})]})});ns.displayName="ThermostatIcon";var is=ns;const os=[{color:"#f44336",name:"red",highlightColor:"#ffcdd2"},{color:"#4caf50",name:"green",highlightColor:"#c8e6c9"},{color:"#2196f3",name:"blue",highlightColor:"#bbdefb"},{color:"#ffeb3b",name:"yellow",highlightColor:"#f57f17"},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:"#9e9e9e",name:"dimgrey",highlightColor:"#f5f5f5"}];new Map(os.map((({color:e,name:t})=>[t,e])));const as=F((({value:e,clear:t,toggle:r})=>v("div",{className:"color-selector",children:[g("div",{style:{textTransform:"uppercase"},children:Fe.t("color")}),v("div",{className:"color-selector__items",children:[os.map((({color:t,highlightColor:n,name:i})=>g("button",{type:"button",className:O("color-selector__item",{selected:e.has(i)}),style:{backgroundColor:t},onClick:r.bind(null,i),children:g(Ea,{color:n,size:20})},i))),g(xa,{className:"color-selector__clear",disabled:!e.size,onClick:t,children:g(Ra,{size:20})})]})]})));function ss(e,t,r){return t||r?r?ne(t?[re([e,t]),r]:[r,e]):re([t,e]):new Date(e)}as.displayName="ColorSelector";const ls=ie((e=>new Intl.DateTimeFormat(e,{month:"long",year:"numeric"}))),cs=ie((e=>new Intl.DateTimeFormat(e,{weekday:"short"}))),hs=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),ds=e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),us=w((function({onChange:e,date:t,minDate:r,maxDate:n,utc:i,startOfWeek:o="sunday"}){const[a]=C((()=>({current:i?ds(new Date):hs(new Date)}))),s=t??a.current,l=T(+s),c=C(0),[,h]=c;M((()=>{l.current=+s,h(0)}),[s?.getTime()]);const d=l.current!==+s?0:c[0],u=i?s.getUTCFullYear():s.getFullYear(),p=(i?s.getUTCMonth():s.getMonth())+d,f=i?new Date(Date.UTC(u,p)):new Date(u,p),m=i?(e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+1,0)).getUTCDate())(f):(e=>new Date(e.getFullYear(),e.getMonth()+1,0).getDate())(f),y=(i?f.getUTCDay():f.getDay())||("monday"===o?7:0),b=y-("monday"===o?1:0),x=i?new Date(Date.UTC(u,p,1-b)):new Date(u,p,1-b),w=t?te(i?new Date(Date.UTC(s.getUTCFullYear(),s.getUTCMonth(),s.getUTCDate())):new Date(s.getFullYear(),s.getMonth(),s.getDate()),x):-1,_=r?te(r,x):Number.NEGATIVE_INFINITY,D=n?te(n,x):Number.POSITIVE_INFINITY,L=te(a.current,x);return g("div",{children:v("div",{style:{display:"flex",flexDirection:"column",fontSize:"0.875rem"},children:[v("div",{style:{fontWeight:500,height:"3rem",fontSize:"1.125rem",display:"flex",alignItems:"center"},children:[ls(Fe.language).format(f),g(xa,{style:{marginLeft:"auto"},className:"x-3deye-button--icon x-3deye-datepicker__button--previous-month",disabled:_>=b,onClick:()=>h(d-1),children:g(Ma,{size:16,style:{scale:"-1 1"}})}),g(xa,{className:"x-3deye-button--icon x-3deye-datepicker__button--next-month",disabled:D<b+m,onClick:()=>h(d+1),children:g(Ma,{size:16})})]}),v("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:"0.25rem",placeItems:"center"},children:[Array.from({length:7}).map(((e,t)=>g("div",{style:{color:"oklch(0.7 0 0)"},children:cs(Fe.language).format(new Date(u,p,("monday"===o?2:1)-y+t)).substring(0,2)},t))),Array.from({length:42}).map(((t,o)=>{const a=i?new Date(Date.UTC(u,p,o-b+1)):new Date(u,p,o-b+1),l=o<_||o>D;return g("div",{className:O("x-3deye-datepicker__day",{"x-3deye-datepicker__day--today":o===L,"x-3deye-datepicker__day--disabled":l,"x-3deye-datepicker__day--previous-month":o<b,"x-3deye-datepicker__day--next-month":o>=b+m,"x-3deye-datepicker__day--selected":o===w}),onClick:l?void 0:()=>{if(i){const t=new Date(Date.UTC(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),s.getUTCHours(),s.getUTCMinutes(),s.getUTCSeconds(),s.getUTCMilliseconds()));return e(ss(t,r,n))}const t=new Date(a.getFullYear(),a.getMonth(),a.getDate(),s.getHours(),s.getMinutes(),s.getSeconds(),s.getMilliseconds());return e(ss(t,r,n))},children:i?a.getUTCDate():a.getDate()},o)}))]})]})})})),ps=Array.from({length:3}),fs=e=>g("svg",{viewBox:"0 0 100 100",...e,children:ps.map(((e,t)=>g("circle",{fill:"currentColor",stroke:"none",cx:20*t+6,cy:"50",r:"6",children:g("animate",{attributeName:"opacity",dur:"1s",values:"0;1;0",repeatCount:"indefinite",begin:.1*(t+1)})},t)))}),ms=_({reportError:(e,t)=>{}});class gs extends D{static contextType=ms;state={hasError:!1};componentDidCatch(e,t){this.setState({hasError:!0}),this.context?.reportError(e,t),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...r}=this.props;return v("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r,children:[g("h1",{children:"Oops. Something went wrong"}),g("div",{children:"We've been notified about this problem"}),g(xa,{onClick:()=>this.setState({hasError:!1}),children:"retry"})]})}}const vs=b.createContext(null),ys=b.forwardRef((({className:e,children:t,title:r,...n},i)=>{const o=b.useContext(vs);if(!o)return;const{refs:a,isNested:s,isOpen:l,hasFocusInside:c,item:h,parent:d,setHasFocusInside:u,getReferenceProps:p}=o;return v(xa,{ref:B([a.setReference,h.ref,i]),tabIndex:s?d?.activeIndex===h.index?0:-1:void 0,role:s?"menuitem":void 0,"data-open":l?"":void 0,"data-nested":s?"":void 0,"data-focus-inside":c?"":void 0,className:O(e,{"menu-item":s,"menu-button":!s}),title:l?null:r,...p(d?.getItemProps({...n,onFocus(e){n.onFocus?.(e),u(!1),d.setHasFocusInside(!0)}})),children:[t,s&&g(Ba,{style:{marginLeft:"auto"},"aria-hidden":!0,size:20})]})}));ys.displayName="MenuButton";const bs=b.forwardRef((({label:e,disabled:t,className:r,children:n,...i},o)=>{const a=b.useContext(vs),s=P({label:t?null:e}),l=R();if(!a)return null;const c=s.index===a.activeIndex;return g(xa,{...i,ref:B([s.ref,o]),type:"button",role:"menuitem",className:O(r,"menu-item"),tabIndex:c?0:-1,disabled:t,...a.getItemProps({onClick(e){i.onClick?.(e),l?.events.emit("click")},onFocus(e){i.onFocus?.(e),a.setHasFocusInside(!0)}}),children:e||n})}));bs.displayName="MenuItem";const xs=({opened:e,onOpenChange:t,children:r,target:n,placement:i,className:o,style:a,autoDismiss:s=!0,initialFocus:l,withArrow:c=!1})=>{const h=T(null),{x:d,y:u,refs:p,strategy:f,context:m,middlewareData:b,placement:x,update:w}=U({open:e,onOpenChange:t,middleware:[A(5),H(),E(),$({element:h})],placement:i,whileElementsMounted:(e,t,r)=>V(e,t,(()=>{0!==m.elements.domReference?.getBoundingClientRect().width?r():m.onOpenChange(!1)}),{animationFrame:!0})}),{getReferenceProps:C,getFloatingProps:M}=Z([W(m),Y(m,{ancestorScroll:!0,enabled:s})]),_=L((e=>{h.current=e,w()}),[w]),D={top:"bottom",right:"left",bottom:"top",left:"right"}[x?.split("-")[0]??"top"]||"top",N=v("div",{...M({className:O("x-3deye-popover-container",o),ref:p.setFloating,style:{...a,position:f,top:u??0,left:d??0}}),children:[c&&g(Is,{ref:_,width:24,height:8,placement:D,style:{position:"absolute",left:b.arrow?.x,top:b.arrow?.y,[D]:-7}}),r]});return v(y,{children:[I(n,C({ref:p.setReference,...n.props})),v(q,{id:"x-3deye-floating-ui-root",children:[s&&e&&g(G,{context:m,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:l,children:N}),!s&&e&&N]})]})},ws=({size:e=48})=>v("svg",{role:"graphics-symbol",width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",children:[g("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(0 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(30 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(60 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(90 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(120 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(150 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(180 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(210 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(240 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(270 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(300 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})}),g("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(330 50 50) translate(0 -30)",children:g("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})})]});ws.displayName="Preloader";const Cs=x((({active:e,children:t,className:r,style:n,...i},o)=>{const a=Q();return g("div",{ref:o,id:a,className:O("x-3deye-select-option",r),role:"option","aria-selected":e,style:{background:e?"rgb(213, 237, 255)":"none",...n},...i,children:t})})),Ts=({className:e,style:t,children:r,onCloseClick:n,...i})=>v("div",{className:O("x-3deye-select-value",e),style:t,...i,children:[r,g("button",{className:"close-button",type:"button",onClick:n,children:g(Ra,{size:12})})]}),Ms=(e,t,r)=>g(Ts,{...r,children:t.label},e),_s=(e,t,r,n)=>g(Cs,{active:r,...n,children:t.label},e),Ds=({options:e,values:t,inputId:r,inputValue:n,onMenuClose:i,onChange:o,onInputChange:a,onKeyDown:s,isLoading:l,placeholder:c,hideDropdownIcon:h,renderOption:d=_s,renderValue:u=Ms,keyExtractor:p=e=>e.value})=>{const[f,m]=C(!1),[b,x]=C(""),w=n??b,[_,D]=C(null),L=T([]),N=T(null),{refs:I,floatingStyles:k,context:z}=U({whileElementsMounted:V,open:f,onOpenChange:m,middleware:[H({padding:10}),A({mainAxis:5}),J({apply({rects:e,availableHeight:t,elements:r}){Object.assign(r.floating.style,{width:`${e.reference.width}px`,maxHeight:`${Math.min(300,t)}px`})},padding:10})]}),j=W(z,{role:"listbox"}),F=Y(z),S=X(z,{listRef:L,activeIndex:_,onNavigate:D,virtual:!0,loop:!0}),{getReferenceProps:B,getFloatingProps:P,getItemProps:R}=Z([j,F,S]);const E=e?.filter((e=>{const r=p(e);return!t.some((e=>p(e)===r))&&e.label.toLowerCase().includes(w.toLowerCase().trim())}));return M((()=>{f||(x(""),i?.())}),[f,i]),v(y,{children:[v("div",{className:O("x-3deye-select-container",{"x-3deye-select-container--open":f}),ref:I.setReference,onPointerDownCapture:e=>{const t=e.target;"BUTTON"!==t.tagName&&null===t.closest("button")&&(e.preventDefault(),e.stopPropagation(),m((e=>!e)),N.current?.focus())},children:[v("div",{className:"x-3deye-multi-select-body",children:[t.map((e=>u(p(e),e,{onCloseClick:r=>{r.stopPropagation(),o(t.filter((t=>t!==e)),{action:"remove",open:f,option:e}),N.current?.focus()}}))),v("div",{className:"x-3deye-select","data-value":w,children:[t.length||w?null:g("div",{className:"x-3deye-select-placeholder",children:c}),g("input",{ref:N,size:3,id:r||void 0,...B({onChange:function(e){const t=e.target.value;x(t),a?.(t),t?(m(!0),D(0)):m(!1)},value:w,placeholder:"","aria-autocomplete":"list",onKeyDown(e){if(s?.(e),"Enter"===e.key&&null!=_&&E?.[_])return x(""),o(t.concat(E[_]),{open:f,action:"add",option:E[_]}),void D(Math.max(_-1,0));if("Backspace"!==e.key);else if(""===w&&t.length){const e=t.at(-1);if(!e)return;o(t.slice(0,t.length-1),{open:f,action:"remove",option:e})}}})})]})]}),v("div",{className:"x-3deye-select-indicators",style:{marginLeft:"auto",display:"flex",paddingRight:8,alignItems:"center"},children:[l?g(fs,{style:{width:24}}):t.length?g(xa,{className:"x-3deye-button--icon",onClick:()=>{o([],{open:f,action:"clear"})},children:g(Ra,{size:16})}):null,h?null:g(Oa,{size:24})]})]}),g(q,{id:"x-3deye-floating-ui-root",children:f&&E?g(G,{context:z,initialFocus:-1,visuallyHiddenDismiss:!0,children:g("div",{className:"x-3deye-select-menu",...P({ref:I.setFloating,style:{...k,color:"black",overflowY:"auto"}}),children:E.length?E.map(((e,r)=>d(p(e),e,_===r,{...R({ref(e){L.current[r]=e},onClick(r){r.stopPropagation(),x(""),o([...t,e],{open:f,action:"add",option:e}),N.current?.focus()}})}))):g("div",{style:{padding:10,textAlign:"center",fontSize:"0.875rem",color:"#666"},children:l?Fe.t("select.loading"):Fe.t("select.noOptions")})})}):null})]})},Ls=e=>Math.round(e),Ns=x((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:i=!1,labelFormat:o=e=>`${e}`,style:a},s)=>{const l=T(null),c=T(null),[h,d]=C(!1),[u,p]=C(e);M((()=>{if(!h)return;const e=l.current;if(!e)return;let i=0,o=0;const a=e.getBoundingClientRect();if(!a||!a.width||!a.height)return void d(!1);const s=({clientX:e,clientY:r})=>{if(!c.current)return;let s=0;"horizontal"===n?(i=ti(e-a.x,0,a.width),s=i/a.width*100,c.current.style.transform=`translateX(${i}px)`):(o=a.height-ti(r-a.y,0,a.height),s=o/a.height*100,c.current.style.transform=`translateY(${-o}px)`),p(s),t?.(Ls(s))},u=({clientX:e,clientY:i})=>{if(d(!1),!c.current)return;const o="horizontal"===n?ti(e-a.x,0,a.width)/a.width*100:100*(1-ti(i-a.y,0,a.height)/a.height);c.current.style.transform="",p(o),t?.(Ls(o)),r?.(Ls(o))},f=()=>{if(d(!1),!c.current)return;const e="horizontal"===n?i/a.width*100:o/a.height*100;c.current.style.transform="",t?.(Ls(e)),r?.(Ls(e))};return document.addEventListener("pointercancel",f),document.addEventListener("pointermove",s),document.addEventListener("pointerup",u),()=>{document.removeEventListener("pointercancel",f),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",u)}}),[h,n,t,r]);const f=L((e=>{if(!l.current||i)return;const{clientX:r,clientY:o}=e;e.preventDefault(),d(!0);const a=l.current.getBoundingClientRect();if(!a)return;if(!c.current)return;let s=0;if("horizontal"===n){const e=ti(r-a.x,0,a.width);s=e/a.width*100,c.current.style.transform=`translateX(${e}px)`}else{const e=a.height-ti(o-a.y,0,a.height);s=e/a.height*100,c.current.style.transform=`translateY(${-e}px)`}p(s),t?.(Ls(s))}),[i]),m=L((n=>{if(i)return;let o=null;"ArrowLeft"===n.code?o=Math.max(e-1,0):"ArrowRight"===n.code?o=Math.min(e+1,100):"ArrowDown"===n.code?o=Math.max(e-1,0):"ArrowUp"===n.code&&(o=Math.min(e+1,100)),null!==o&&(n.stopPropagation(),n.preventDefault(),t?.(o),r?.(o))}),[e,t,r,i]);return v("div",{ref:ee(s,l),tabIndex:0,onKeyDown:m,className:O("x-3deye-slider",n,{disabled:i}),onPointerDown:f,style:a,children:[g("div",{className:"x-3deye-slider__track",children:g("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${h?u:e}%`:void 0,height:"vertical"===n?`${h?u:e}%`:void 0}})}),g("div",{ref:c,className:O("x-3deye-slider__thumb",{active:h}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===n?h?0:`${e}%`:"auto",bottom:"vertical"===n?h?0:`${e}%`:"auto"},children:null!==o&&g("div",{className:"x-3deye-slider__label "+(h?"open":""),children:o(h?Ls(u):e)})})]})}));Ns.displayName="Slider";const Is=b.forwardRef((function({width:e,height:t,placement:r="top",style:n},i){const o=[0,"top"===r?t:0],a=[e,o[1]],s=[e/2,t-o[1]],l=[e/4,t*("top"===r?3:1)/4],c=[.325*e,t-o[1]],h=[e-c[0],c[1]],d=[e-l[0],l[1]],u=e=>e.join(","),p=`M ${u(o)} C ${u(l)} ${u(c)} ${u(s)} ${u(h)} ${u(d)} ${u(a)}`;return v("svg",{ref:i,role:"graphics-symbol",className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)",children:[g("path",{className:"tip-body",d:`${p} Z`}),g("path",{className:"tip-border",d:p,stroke:"var(--tip-border, transparent)",strokeWidth:1})]})}));var ks=({children:e,label:t,placement:r="bottom",disabled:n})=>{const[i,o]=C(!1),{x:a,y:s,refs:l,strategy:c,context:h}=U({placement:r,open:i,onOpenChange:o,middleware:[A(5),H(),E({padding:8})],whileElementsMounted:(e,t,r)=>V(e,t,r,{animationFrame:!0})}),{getReferenceProps:d,getFloatingProps:u}=Z([K(h,{enabled:!n}),W(h,{role:"tooltip"}),Y(h,{referencePress:!0})]);return v(y,{children:[I(e,d({ref:ee(l.setReference,e.ref),...e.props})),g(q,{id:"x-3deye-floating-ui-root",children:i&&g("div",{...u({ref:l.setFloating,className:"x-3deye-tooltip",style:{position:c,top:s??0,left:a??0}}),children:t})})]})};function zs({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:i=0}){const[o,a]=C(),[s,l]=C(0),[c,h]=C({width:0,height:0}),d=L((e=>{a(e||void 0)}),[]);M((()=>{if(!o)return;const e=()=>{l(n?o.scrollLeft:o.scrollTop)};return o.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{o.removeEventListener("scroll",e)}}),[o,n]),M((()=>{if(!o)return;const e=new ResizeObserver((e=>{for(const t of e)t.contentBoxSize?h({width:t.contentBoxSize[0].inlineSize,height:t.contentBoxSize[0].blockSize}):h({width:t.contentRect.width,height:t.contentRect.height})}));return e.observe(o),()=>{e.disconnect()}}),[o]),M((()=>{if(!o)return;const e=o[n?"scrollLeft":"scrollTop"];e!==s&&l(e)}));return{parentRef:d,getItems:()=>{const a=[];if(!o)return a;const{height:l,width:c}=o.getBoundingClientRect(),h=Math.max(0,Math.floor(s/(r+i))-t),d=Math.ceil((n?c:l)/(r+i))+2*t;for(let t=h;t<Math.min(e,h+d);t++)a.push({idx:t,start:t*(r+i),size:r});return a},getTotalSize:()=>r*e+Math.max(e-1,0)*i}}const js=F((({getter:e,setter:t})=>{const[r,n]=C(0),i=T(null),o=Math.floor(100*e());return M((()=>Me(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),v("div",{ref:i,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10},children:[v("div",{style:{display:"flex",justifyContent:"space-between"},children:[g("div",{style:{textTransform:"uppercase"},children:Fe.t("confidence")}),v("div",{style:{fontSize:"1.1em"},children:[o,"%"]})]}),g("div",{style:{padding:"0 10px"},children:g(Ns,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})})]})}));js.displayName="ProbabilitySlider";const Fs=F((({from:e,to:t})=>{const{account:{preferences:{utc:r,hour12:n}}}=k(Cr);return g(y,{children:Ir(e,t,{locale:Fe.language,utc:r,hour12:n})})}));Fs.displayName="DisplayPeriod";class Os{from=null;to=null;probabilityThreshold=.5;cameras=[];detectedObjects=[];colors=new Set;regions=null;eventTypes=[];sortDirection="DESC";updated$=new p;get regionsWkt(){return this.regions?this.regions.map((e=>this.regionToWktPolygon(e))):[]}constructor(){xe(this,{from:we,to:we,probabilityThreshold:we,cameras:we.struct,detectedObjects:we.struct,regions:we.ref,eventTypes:we.struct,sortDirection:we,colors:we.ref,filterJson:ye}),Me((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,eventTypes:this.eventTypes,regions:this.regions})),(()=>this.updated$.next(null)))}apply(e){let t=e;const{from:r,to:n}=this;if(r&&(t=t.filter((e=>e.startTime>=r))),n&&(t=t.filter((e=>e.startTime<=n))),this.cameras.length&&(t=t.filter((e=>this.cameras.includes(e.cameraId)))),this.eventTypes.length){const e=this.eventTypes.map((e=>Mr[e]));t=t.filter((t=>e.includes(t.type)))}return this.detectedObjects.length&&(t=t.filter((e=>e.detectedObjects.some((e=>{const{probabilityThreshold:t}=this;return!(null!==t&&e.Probability<t)&&(this.colors.size?this.detectedObjects.includes(e.Type)&&"Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))):this.detectedObjects.includes(e.Type))}))))),!this.detectedObjects.length&&this.colors.size&&(t=t.filter((e=>e.detectedObjects.some((e=>{const{probabilityThreshold:t}=this;return!(null!==t&&e.Probability<t)&&("Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))))}))))),t}get filterJson(){const{probabilityThreshold:e}=this;if(null===e)return null;const t={And:[]};return this.detectedObjects.length&&t.And.push({Or:this.detectedObjects.map((e=>({Type:e})))}),this.colors.size&&t.And.push({Or:[...this.colors].map((e=>({ObjectColors:[e]})))}),t.And.push({Or:[{Probability:e}]}),JSON.stringify(t)}regionToWktPolygon(e){return e.length?"POLYGON (("+e.concat(e[0]).map((({x:e,y:t})=>`${e} ${t}`)).join(", ")+"))":"POLYGON (())"}}const Ss=Ca({viewBox:"0 96 960 960",svg:g(y,{children:g("path",{d:"m513 988-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-3.912-32.473Q467.176 845.455 456 828q-15.938-26.26-22.969-48.63Q426 757 425 727.844q0-11.844 2.5-27.344Q430 685 434 672l13-42 57 18-14 42q-3 9-4 19t-1 19q0 19 4 32t15 30q15.97 25.948 23.485 49.974Q535 864 535 892.933q0 13.067-2.5 26.567T526 946l-13 42Zm-176 0-57-18 14-42q3-9 4-17.049t1-17.707q0-18.244-4-34.744T280 827q-15.03-21.658-23.015-46.612Q249 755.433 249 728.125 249 714 251 700t7-28l13-42 57 18-14 42q-3 9.771-4 20.086-1 10.314-1 17.914 0 21.065 5.5 36.033Q320 779 328 791q15 22 23 48.5t8 52.802Q359 905 356.5 919t-6.5 27l-13 42Zm348 0-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-4.5-34.7Q638 841 628 827q-15-21-23-47t-8-52.047q0-13.953 2-27.794 2-13.841 7-28.159l13-42 57 18-14 42q-4 11-4.5 19.438-.5 8.437-.5 18.562 0 18.491 4.471 32.632Q665.941 774.772 676 790q16 23 23.5 48.887 7.5 25.886 7.5 53.69 0 13.423-2.5 26.923Q702 933 698 946l-13 42ZM180 336h600v-60H180v60Zm139 120h322l18-60H301l18 60Zm0 60q-19.5 0-35.25-11.625T262 474l-25-78h-57q-24.75 0-42.375-17.625T120 336V216h720v120q0 25-17.625 42.5T780 396h-57l-30 81q-6.932 17.25-22.338 28.125Q655.257 516 636 516H319ZM180 336v-60 60Z"})})});Ss.displayName="DetectorSmokeIcon";var Bs=Ss;const Ps=({data:e})=>{const t=16;return"eventType"===e.type&&e.value===Mr.Loitering?g(Xa,{size:16}):"camera"===e.type?g(ka,{size:t}):"Luggage"===e.value?g(es,{size:t}):"Car"===e.value?g(ja,{size:t}):"Person"===e.value?g(Aa,{size:t}):"Bicycle"===e.value?g(Da,{size:t}):"Boat"===e.value?g(Na,{size:t}):"Animal"===e.value?g(rs,{size:t}):"LicensePlate"===e.value?g(Qa,{size:t}):"Smoke"===e.value?g(Bs,{size:t}):"Fire"===e.value?g(Wa,{size:t}):g(qa,{size:t})},Rs=(e,t,r,n)=>v(Cs,{style:{color:"detectedObject"===t.type?t.color:"black",display:"camera"===t.type?"flex":"inline-flex",gap:4},...n,active:r,children:["camera"!==t.type?g(Ps,{data:t}):null,t.label]},e),Us=(e,t,r)=>v(Ts,{style:{"--color":"color"in t&&t.color?t.color:void 0,color:"color"in t&&t.color?"white":void 0,"--background-color":"color"in t&&t.color?"rgba(255, 255, 255, 0.7)":void 0},...r,children:[g(Ps,{data:t}),t.label]},e),As=F((({camerasOnly:e,store:t})=>{const{cameras:r,eventSchema:n}=k(Cr),i=(()=>{if(!n)return[];if(e)return r.data.map((e=>({type:"camera",value:e.id,label:e.name})));const t=[{value:Mr.Loitering,label:Fe.t("eventTypes.Loitering").toLowerCase(),type:"eventType"}];return[].concat(n.foundObjectTypesForSelect.map((e=>({...e,label:Fe.t(`analytics.${e.label}`)}))),t,r.data.map((e=>({type:"camera",value:e.id,label:e.name}))))})();return g(Ds,{onChange:(e,r)=>{t.setFilters(e),r.open||"remove"!==r.action&&"clear"!==r.action||t.applyFilters()},onMenuClose:()=>{t.applyFilters()},options:i,renderOption:Rs,values:t.filters,renderValue:Us,keyExtractor:e=>`${e.type}:${e.value}`,placeholder:v(y,{children:[g(Va,{size:16})," ",Fe.t("filter")]})})}));As.displayName="EventGridSelect";const Hs=F((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:i})=>{const o=T(null),{ref:a,menuContext:s}=function(){const[e,t]=C(!1),[r,n]=C(),i=L((e=>{n(e||void 0)}),[]),[o]=C((()=>new Set)),[a]=C((()=>new Set)),s=N((()=>({subscribe:e=>(o.add(e),()=>o.delete(e)),onOpenChange:e=>(a.add(e),()=>a.delete(e)),setOpened:e=>{t(e);for(const t of a)t(e)}})),[]);return M((()=>{if(r)return r.addEventListener("contextmenu",e),()=>{r.removeEventListener("contextmenu",e)};function e(e){e.preventDefault();for(const t of o)t(e)}}),[r]),{ref:i,menuContext:s,opened:e}}();return v("div",{ref:ee(o,a),onDragStart:t=>{if(!t.dataTransfer)return;t.dataTransfer.setData("x-3deye/event",`${e.id}`),t.dataTransfer.setData("x-3deye/camera",`${e.cameraId}`),t.dataTransfer.setData("x-3deye/starttime",e.startTime.toISOString()),t.dataTransfer.dropEffect="move";const r=o.current?.querySelector("img");if(r){const{x:e,y:n}=r.getBoundingClientRect();t.dataTransfer.setDragImage(r,t.clientX-e,t.clientY-n)}},className:"event-list-item",onClick:()=>r?.(e),onAuxClick:t=>n?.(t,e),draggable:!0,children:[t,i&&g(i,{ctx:s,data:e})]})}));Hs.displayName="EventListItem";const Es=F((({data:e})=>{if("Temperature"!==e.type)return null;const t=JSON.parse(e.raw.data??"null"),r=Number.isInteger(t)?Number(t):t.t;return v("div",{className:"event-list-item__temperature",children:[g(is,{}),v("span",{children:[(r-273.15).toFixed(1),"°C"]})," / ",v("span",{children:[(9*r/5-459.67).toFixed(1)," °F"]})]})}));Es.displayName="Temperature";var $s=Es;const Vs=F((({data:e,cameraNameHidden:t})=>{const r=k(Cr),{cameras:n}=r,i=n.loaded&&n.camerasById.get(e.cameraId)?.name||"...";return v("div",{className:"event-list-item-caption",children:[g("div",{className:"event-list-item__time",children:g(Fs,{from:e.startTime,to:e.endTime})}),t?null:v(y,{children:[g("div",{children:e.type}),g("div",{className:"event-list-item__camera-name",title:i,children:i})]}),+e.endTime-+e.startTime>0&&g("div",{className:"event-list-item__duration",children:ei(+e.endTime-+e.startTime,Fe.t)}),g($s,{data:e})]})}));Vs.displayName="EventListItemCaption";var Zs=F((({url:e,noPreview:t,width:r})=>v(y,{children:[e?g("img",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e},e):null,g(S,{radius:r}),t?g("div",{className:"no-preview-overlay"}):null]})));const Ws=({className:e,style:t,box:{Top:r,Left:n,Right:i,Bottom:o}})=>g(y,{children:g("div",{className:e,style:{position:"absolute",top:100*r+"%",left:100*n+"%",bottom:100*(1-o)+"%",right:100*(1-i)+"%",...t}})});function Ys({style:e}){return v("div",{className:"frame",style:e,children:[g("div",{className:"corner-highlight-tl"}),g("div",{className:"corner-highlight-tr"}),g("div",{className:"corner-highlight-br"}),g("div",{className:"corner-highlight-bl"})]})}Ws.displayName="LicensePlateLpr";const qs=w((({value:e})=>e?g(y,{children:e.split("").map(((e,t)=>(e=>{const t=e.charCodeAt(0);return t>=48&&t<=57})(e)?g("span",{className:"digit",children:e},`d${t}${e}`):g("span",{className:"char",children:e},`${t}${e}`)))}):null));qs.displayName="LicensePlateNumber";const Gs=({detectedObject:e,height:t,width:r,url:n,thumbWidth:i,thumbHeight:o})=>{const{Type:a,Box:{Top:s,Left:l,Right:c,Bottom:h},Probability:d,Value:u}=e,p=T(null);z((()=>{if(!p.current)return;const e=p.current.getBoundingClientRect();let n=(l+c)/2*r-e.width/2,i=s*t-e.height-4;i<0&&(i=h*t+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),p.current.style.top=`${i}px`,p.current.style.left=`${n}px`}));const f={top:2};l>=1-c?f.left=2:f.right=2;const m=100/i/(c-l);return v(y,{children:[v("div",{ref:p,className:"event-list-item__license-plate-label trigger",title:`${a.toLowerCase()} ${Math.floor(100*d)}%`,children:[g("div",{style:{padding:4},children:g(qs,{value:u})}),g("div",{className:"event-list-item__license-plate-label__caption",children:`${Math.floor(100*d)}%`})]}),g(Ws,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),v("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:i*(c-l)*m,height:o*(h-s)*m+16,position:"absolute",...f},children:[g("img",{style:{width:i*m,height:o*m,transform:`translate(-${100*l}%, -${100*s}%)`},src:n}),g("div",{className:"plate-number",children:g(qs,{value:u})}),g(Ys,{style:{height:o*(h-s)*m}})]})]})};function Qs(e,t,r,n){return e.Top<-n&&(e.Bottom=e.Bottom-e.Top+n,e.Top=-n),e.Left<-n&&(e.Right=e.Right-e.Left+n,e.Left=-n),e.Right+n>t&&(e.Left=e.Left-(e.Right-t)+n,e.Right=t-n),e.Bottom+n>r&&(e.Top=e.Top-(e.Bottom-r)+n,e.Bottom=r-n),e}function Js({Top:e,Left:t,Bottom:r,Right:n},i,o,a,s){const l=s*e,c=s*r;return l>o?[0,-1]:c>o?[0,1]:a*t>i?[-1,0]:a*n>i?[1,0]:[0,l>c?1:-1]}function Xs(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}Gs.displayName="LicensePlateHighlight";const Ks=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:i,thumbHeight:o,width:a,height:s})=>{const{Top:l,Left:c,Right:h,Bottom:d}=t,u=100/i/(h-c),p={top:2},f=T(null);return z((()=>{if(!f.current)return;const{width:e,height:r}=f.current.getBoundingClientRect(),n=Js(t,e,r,a,s);n[0]=n[0]*(e+(h-c)*a)/2,n[1]=n[1]*(r+(d-l)*s)/2;const i=Qs(Xs({Top:(l+d)/2*s-r/2,Left:(c+h)/2*a-e/2,Bottom:(l+d)/2*s+r/2,Right:(c+h)/2*a+e/2},n),a,s,0);f.current.style.top=`${i.Top+2*Math.sign(n[1])}px`,f.current.style.left=`${i.Left+2*Math.sign(n[0])}px`})),c>=1-h?p.left=2:p.right=2,v(y,{children:[v("div",{ref:f,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`,children:[g("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"},children:e}),v("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"},children:[Math.floor(100*r),"%"]})]}),g(Ws,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),v("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:i*(h-c)*u,height:o*(d-l)*u,...p},children:[g("img",{style:{width:i*u,height:o*u,transform:`translate(-${100*c}%, -${100*l}%)`},src:n}),g(Ys,{})]})]})};function el({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function tl(e,t){const[r,n]=el(e),[i,o]=el(t);return[i-r,o-n]}function rl(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function nl([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}Ks.displayName="FaceHighlight";const il=F((({data:e,width:t,height:r})=>{const n=T(null),{eventSchema:i}=k(Cr);return z((()=>{if(!n.current)return;const i=[],o=[];for(let a=0;a<e.length;a++){const s=n.current.children[2*a+1],l=e[a].Box;i.push({Top:l.Top*r,Left:l.Left*t,Bottom:l.Bottom*r,Right:l.Right*t});const[c,h]=el(i[a]),{width:d,height:u}=s.getBoundingClientRect(),p=Js(l,d,u,t,r);o.push(Xs({Top:h-u/2-4,Left:c-d/2-4,Bottom:h+u/2+4,Right:c+d/2+4},p))}let a=!0,s=0;for(;a;){if(a=!1,s++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<e.length;t++){const r=o[t],n=[0,0];for(let s=0;s<e.length;s++){const e=i[s],l=o[s];if(rl(r,e)){const t=tl(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],a=!0}if(s!==t&&rl(r,l)){const e=tl(l,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],a=!0}}[n[0],n[1]]=nl(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let i=0;i<e.length;i++){const e=n.current.children[2*i+1],{Top:a,Left:s}=Qs(o[i],t,r,4);e.style.top=`${a+4}px`,e.style.left=`${s+4}px`}}),[e,t,r]),g("div",{ref:n,children:e.map(((e,t)=>v(b.Fragment,{children:[g(Ws,{box:e.Box,style:{outline:`2px solid ${i.colorsByFoundObjectType.get(e.Type)??""}`}}),v("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100*e.Probability)}%`,children:[g("div",{style:{padding:4,lineHeight:"24px"},children:"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()}),v("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:i.colorsByFoundObjectType.get(e.Type)},children:[Math.floor(100*e.Probability),"%"]})]})]},t)))})}));il.displayName="DetectedObjects";var ol=il;const al=F((({data:e,width:t,height:r,cameraNameHidden:n,onClick:i,onAuxClick:o,menuComponent:a})=>{const s=k(Cr),{eventSchema:l}=s,[c,h]=function(e){const[t,r]=C(null),n=k(Cr),{cameras:i,thumbnails:o}=n;M((()=>{if(e.thumbnailUrl)return void r(null);const t=o.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{r(e||null)}));return()=>t.unsubscribe()}),[e.id]);let a="",s=!1;return e.thumbnailUrl?a=e.thumbnailUrl:null===t&&i.loaded?(a=i.camerasById.get(e.cameraId)?.imageUrl||"",s=!0):t&&(a=t.url),[a,s]}(e);let d=[],u=null,p=null;if(e.detectedObjects.length){const{thumbnailWidth:n,thumbnailHeight:i}=e;d=e.detectedObjects.filter((({Type:e})=>l.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),u=e.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map(((e,o)=>g(Gs,{detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:i,url:c},o)))}if(e.faces){const{thumbnailWidth:n,thumbnailHeight:i}=e;p=e.faces.map(((e,o)=>g(Ks,{face:e,url:c,thumbWidth:n,thumbHeight:i,width:t,height:r},o)))}return g(Hs,{onClick:i,onAuxClick:o,data:e,width:t,height:r,menuComponent:a,children:v("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0},children:[g(Zs,{url:c,noPreview:h,width:t}),g(ol,{data:d,width:t,height:r}),u,p,e.acknowledged?g("div",{className:"acknowledged-overlay",children:Fe.t("event.acknowledged")}):null,g(Vs,{data:e,cameraNameHidden:n})]})})}));al.displayName="EventItem";const sl=F((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:i,eventRenderer:o})=>{const a=t*i+e,s=n.data[a];return a===n.data.length?n.error?g("div",{style:r,children:g("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"},children:v("div",{style:{textAlign:"center"},children:[g("div",{children:"Couldn't fetch more data"}),g(xa,{onClick:n.loadMore,children:"Retry"})]})})}):n.pageInfo?.haveMore?g("div",{style:r,children:g("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"},children:g(ws,{size:32})})}):g("div",{style:r}):!s&&n.pageInfo?.haveMore?g("div",{style:r}):g("div",s?{style:r,children:g(gs,{children:o({data:s,width:r.width,height:r.height})})}:{style:r})})),ll=F((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?g("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8},children:g(xa,{className:"x-3deye-button--overlay",style:{background:"rgba(0, 0, 0, 0.75)",padding:"8px 16px",backdropFilter:"blur(2px)",borderRadius:32,pointerEvents:"auto"},onClick:r,children:Fe.t("showEvents",{count:e.pendingData.length})})}):null)),cl=F((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:i=0,minColumnWidth:o,aspectRatio:a=16/9,onEventClick:s,onEventAuxClick:l,eventRenderer:c})=>{const h=T(null),d=()=>{h.current&&(e.setLiveUpdateMode("auto"),h.current.scrollTop=0)};if(M((()=>Me((()=>e.loading||!e.data.length),(e=>e&&d()))),[]),e.error&&!e.data.length)return g("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"},children:v("div",{style:{textAlign:"center"},children:[g("div",{children:"Couldn't fetch data"}),g(xa,{onClick:e.reload,children:"Retry"})]})});if(e.loading)return g("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"},children:g(ws,{})});if(!e.data.length)return g("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"},children:Fe.t("noEventsFound")});return g(hl,{...{store:e,width:t,columnsCount:i,minColumnWidth:o,aspectRatio:a,captionHeight:n,height:r,onEventClick:s,onEventAuxClick:l,eventRenderer:c,containerRef:h,resetScroll:d}})}));cl.displayName="EventGrid";const hl=F((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:i=0,minColumnWidth:o=320,aspectRatio:a,containerRef:s,onEventClick:l,onEventAuxClick:c,eventRenderer:h=({data:e,width:t,height:r})=>g(al,{data:e.data,cameraNameHidden:!1,onClick:l,onAuxClick:c,width:t,height:r}),resetScroll:d})=>{const u=Math.floor(t/o)||1,p=t/u/a+n,f=u*Math.floor(r/p)>=e.data.length?0:Kn(),m=Math.min(i,e.data.length)||Math.max(1,Math.floor((t-f)/o));let y=Math.ceil(e.data.length/m);const b=(t-f-2*(m-1))/m,x=b/a+n;e.pageInfo?.haveMore&&y*m===e.data.length&&y++;const{parentRef:w,getItems:C,getTotalSize:T}=zs({count:y,overscan:5,itemSize:x,spacing:2}),{parentRef:_,getItems:D,getTotalSize:L}=zs({count:m,overscan:5,itemSize:b,horizontal:!0,spacing:2}),N=C(),I=D();M((()=>{e.error||e.pageInfo?.haveMore&&(e.loading||N.length&&N.at(-1).idx+1===y&&e.loadMore())}),[e.error,e.pageInfo?.haveMore,N]);const k=N.flatMap((({idx:t,size:r,start:n})=>I.map((({idx:i,size:o,start:a})=>{const s=t*m+i;return s>e.data.length?null:s!==e.data.length||e.pageInfo?.haveMore?g(sl,{columnIndex:i,rowIndex:t,columnCount:m,style:{position:"absolute",top:0,left:0,height:r,width:o,transform:`translate(${a}px, ${n}px)`,display:"flex"},store:e,eventRenderer:h},e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading"):null}))));return v("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:[g("div",{ref:ee(s,w,_),style:{width:t,height:r,overflow:"auto"},onScroll:t=>{const{scrollTop:r}=t.target;"disabled"!==e.liveUpdateMode&&e.setLiveUpdateMode(r>=1||e.pendingData.length?"manual":"auto")},children:g("div",{style:{position:"relative",height:T(),width:L()},children:k})}),g(ll,{store:e,scrollWidth:f,onClick:()=>{e.flushUpdates(),d()}})]})}));const dl=F((({data:{data:e,objectIdx:t},width:r,height:n,cameraNameHidden:i,onClick:o,onAuxClick:a,menuComponent:s})=>{let l=null;const{thumbnailWidth:c,thumbnailHeight:h}=e;l=e.detectedObjects[t];const{Box:{Bottom:d,Left:u,Right:p,Top:f}}=l,m="Person"===l?.Type?.8:1,{imageTop:y,imageLeft:b,imageScale:x}=function(e,t,r,n,i,o=1){const{top:a,left:s,bottom:l,right:c}=r,h=a*n,d=s*i,u=(l-a)*n,p=(c-s)*i;let f=1,m=0,g=0;return e/t>p/u?(f=t/u*o,m=-h*f+(t-u*f)/2,g=-(d+p/2)*f+e/2):(f=e/p*o,m=-(h+u/2)*f+t/2,g=-d*f),{imageTop:m,imageLeft:g,imageScale:f}}(r,n,{top:f,left:u,bottom:d,right:p},h,c,m);return g(Hs,{onClick:o,onAuxClick:a,data:e,width:r,height:n,cameraNameHidden:i,menuComponent:s,children:v("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0},children:[g("img",{src:e.thumbnailUrl,style:{position:"absolute",top:y,left:b,width:c*x,height:h*x}},e.thumbnailUrl),g(S,{radius:r}),g(Vs,{data:e,cameraNameHidden:!0})]})})}));dl.displayName="DetectedObjectCell";var ul=ga;var pl=Pe((function(e,t){return ul(e,t)}));const fl={Top:0,Left:0,Bottom:1,Right:1};class ml extends ri{eventSchema;events;account;notification;heatmaps;disposables=[];analyticsEnabled;cameraId=null;date=null;get startTime(){return this.date?(e=this.date,this.account.preferences.utc?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())):new Date(e.getFullYear(),e.getMonth(),e.getDate())):null;var e}regions=null;filters=[];colors=new Set;peopleCountingDataLoading=!1;heatmapMode="selection";heatmapLoading=!1;data=[];heatmap=null;peopleCountingData=[];probabilityThreshold=.5;brushFilter=null;loadTrigger=0;eventsLoader;loaderFilters;get params(){return this.eventSchema.schemaDescription.filter((e=>"filter"===e.parameterType))}get filteredData(){let e=[];const t=this.filters.map((e=>e.value));t.length?(e=this.data.filter((e=>e.detectedObjects.some((e=>t.includes(e.Type)&&e.Probability>=this.probabilityThreshold)))),this.colors.size&&(e=e.filter((e=>e.detectedObjects.some((e=>"Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))))))))):e=this.data.filter((e=>e.detectedObjects.some((e=>e.Probability>=this.probabilityThreshold))));const{brushFilter:r}=this;r&&(e=e.filter((e=>e.startTime>=r[0]&&e.startTime<=r[1]&&e.detectedObjects.some((e=>"Person"===e.Type)))));const{regions:n}=this;return n?.length&&(e=e.filter((e=>e.detectedObjects.some((e=>(!t.length||t.includes(e.Type))&&(!this.colors.size||"Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))))&&e.Probability>=this.probabilityThreshold&&n.some((t=>gr(t,{x:e.Box.Left,y:e.Box.Top,width:e.Box.Right-e.Box.Left,height:e.Box.Bottom-e.Box.Top})))))))),e}get filteredPeopleCountingData(){const{regions:e}=this;return e?.length?this.peopleCountingData.filter((t=>e.some((e=>gr(e,{x:t.Left,y:t.Top,width:t.Right-t.Left,height:t.Bottom-t.Top}))))):this.peopleCountingData}constructor(e,t,r,n,i){super(),this.eventSchema=e,this.events=t,this.account=r,this.notification=n,this.heatmaps=i,xe(this,{cameraId:we,date:we,setDate:Ce,startTime:ye,regions:we.ref,filters:we.ref,colors:we.ref,peopleCountingDataLoading:we,heatmapMode:we,heatmapLoading:we,data:we.ref,heatmap:we.ref,peopleCountingData:we.ref,probabilityThreshold:we,brushFilter:we.ref,params:ye,filteredData:ye,filteredPeopleCountingData:ye,setFilters:Ce,setBrushFilter:Ce,setParams:Ce,searchFullFrame:Ce,setRegions:Ce,setHeatmapMode:Ce,toggleColor:Ce,clearColors:Ce,clear:Ce,loadTrigger:we}),this.analyticsEnabled=Boolean(i);const o=new Os;this.loaderFilters=o;const a=(e=>(t,r)=>t.cameras.GetSensorEventsPage({sensorIds:e.cameras,sensorType:"camera",sensorEventTypes:e.eventTypes,startTime:e.from??void 0,endTime:e.to??void 0,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:r},e.filterJson,e.regionsWkt))(o);this.eventsLoader=new va(t,o,a,(e=>e.detectedObjects.map(((e,t)=>o.detectedObjects.length&&!o.detectedObjects.includes(e.Type)||o.colors.size&&"Colors"in e&&!e.Colors?.some((e=>o.colors.has(e.Color)))||null!==o.probabilityThreshold&&e.Probability<o.probabilityThreshold||o.regions?.length&&!o.regions.some((t=>gr(t,this.boxToAabb(e.Box))))?-1:t)).filter((e=>-1!==e)).map((t=>({data:e,objectIdx:t}))))),this.eventsLoader.liveUpdateMode="disabled",this.initDataFetching()}boxToAabb(e){return{x:e.Left,y:e.Top,width:e.Right-e.Left,height:e.Bottom-e.Top}}setDate=e=>{this.date=e,this.brushFilter=null};setFilters=e=>{this.filters=e};getProbabilityThreshold=()=>this.probabilityThreshold;setProbabilityThreshold=e=>{this.probabilityThreshold=e};setBrushFilter=e=>{this.brushFilter=e};setParams=({cameraId:e,box:t})=>{this.cameraId=e,this.regions=[[{x:t.Left,y:t.Top},{x:t.Right,y:t.Top},{x:t.Right,y:t.Bottom},{x:t.Left,y:t.Bottom}]],this.date||(this.date=new Date)};searchFullFrame=e=>{this.clear(),this.cameraId=e,this.peopleCountingData=[],this.date||(this.date=new Date),this.triggerLoad()};triggerLoad=()=>{this.loadTrigger++};setRegions=e=>{this.regions=e.length?e:null};setHeatmapMode=e=>{this.heatmapMode=e};toggleColor=e=>{const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t};clearColors=()=>{this.colors=new Set};clear=()=>{this.cameraId=null,this.date=null,this.regions=null,this.brushFilter=null,this.heatmap=null,this.data=[],this.peopleCountingData=[]};initDataFetching=()=>{const e=Tr((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(_e(pl),De());this.disposables.push(Tr((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,filters:this.filters,brushFilter:this.brushFilter,colors:this.colors,probabilityThreshold:this.probabilityThreshold})),!0).pipe(_e(pl),De()).subscribe((e=>{Te((()=>{if(!e.startTime||!e.cameraId)return;this.loaderFilters.sortDirection="DESC";const{startTime:t}=e,r=vr(t,this.account.preferences.utc);this.loaderFilters.from=t,this.loaderFilters.to=r;const{brushFilter:n}=e;n&&([this.loaderFilters.from,this.loaderFilters.to]=n),this.loaderFilters.regions=[...e.regions||[]],this.loaderFilters.cameras=[e.cameraId],this.loaderFilters.detectedObjects=e.filters.map((e=>e.value)),this.loaderFilters.eventTypes=[Mr.Analytic],this.loaderFilters.colors=e.colors,this.loaderFilters.probabilityThreshold=e.probabilityThreshold,this.eventsLoader.load()}))})));const r=this.heatmaps;r&&(this.disposables.push(e.pipe(Le((e=>{if(!e.startTime||!e.cameraId)return u;Te((()=>{this.peopleCountingDataLoading=!0}));const{startTime:r}=e,n=vr(r,this.account.preferences.utc),i=e.regions?this.boxRegions(e.regions):fl;return this.api.cameras.GetPeopleCountingData(e.cameraId,r,n,i).pipe(Ne((e=>e.success?t(e.resultItems):a((()=>e.error))))).pipe(Ie((e=>(this.notification.error(Fe.t("eventSearchRequestError.peopleCounting")),console.error(e),t([])))))}))).subscribe((e=>{Te((()=>{this.peopleCountingData=e,this.peopleCountingDataLoading=!1}))}))),this.disposables.push(Tr((()=>({startTime:this.startTime,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(_e(pl),Le((e=>{if(!e.startTime||!e.cameraId)return u;Te((()=>{this.heatmapLoading=!0}));const{startTime:n}=e,i=vr(n,this.account.preferences.utc);return r.fetchHeatmaps(e.cameraId,n,i,1).pipe(ke((e=>e[0]||null))).pipe(Ie((e=>(this.notification.error(Fe.t("eventSearchRequestError.heatmap")),console.error(e),t(null)))))}))).subscribe((e=>{Te((()=>{this.heatmap=e,this.heatmapLoading=!1}))}))))};boxRegions(e){const t=e.flatMap((e=>e.map((({x:e})=>e)))),r=e.flatMap((e=>e.map((({y:e})=>e))));return{Left:Math.min(...t),Right:Math.max(...t),Top:Math.min(...r),Bottom:Math.max(...r)}}afterInit(){this.eventsLoader.initWith(this.api)}}const gl=F((({store:e})=>{const[t,r]=C(!1),{account:n,cameras:i}=k(Cr),{utc:o,hour12:a,startOfWeek:s}=n.preferences,{date:l,setDate:c,cameraId:h}=e,d=h?i.camerasById.get(h):void 0,u=new Date,p=xr(u,1,o),f=l&&yr(l,u,o),m=l&&yr(l,p,o),y=d?wr(u,d.archiveDuration):u,b=N((()=>{const e=new Intl.DateTimeFormat(Fe.language,{weekday:"short",month:"short",day:"numeric"});return t=>e.format(t)}),[o,a]);return v(wa,{children:[g(xa,{className:O({"button-selected":f}),onClick:()=>c(new Date),children:Fe.t("today")}),h&&!yr(new Date,y,o)?g(xa,{className:O({"button-selected":m}),onClick:()=>c(p),children:Fe.t("yesterday")}):null,l&&v(xs,{className:"popover-datepicker",target:g(xa,{className:O("date-button",{"button-selected":!f&&!m}),onClick:()=>r(!t),children:b(l)}),opened:t,withArrow:!0,onOpenChange:r,children:[g(us,{date:l,onChange:c,minDate:y,maxDate:new Date,utc:o,startOfWeek:s}),g("div",{style:{display:"flex"},children:g(xa,{style:{flex:1},onClick:()=>r(!1),variant:"filled",children:Fe.t("button.ok")})})]})]})}));gl.displayName="DateSelector";var vl=gl;const yl=F((({store:e})=>{const t=T(null),r=T(null),n=T(null),i=T([]),[o,a]=C(0),s=100,l=20,c=20,h=30,d=20,{filteredPeopleCountingData:u,brushFilter:p}=e,f=p?i.current.filter((e=>+e.x0>=+p[0]&&+e.x1<=+p[1])).reduce(((e,t)=>e+t.length),0):null;return M((()=>{const e=new ve((e=>{for(const t of e){const e=t.contentRect.width;a(e)}}));return e.observe(t.current),()=>e.disconnect()}),[]),M((()=>{const t=le(r.current);if(!o)return;for(const e of u)e.timestamp=new Date(e.TimeStamp);const a=oe(u,(e=>e.timestamp)),p=de(ue.offset(a[0],-1),ue.offset(a[1],1)),f=me().extent([[d,l],[o-c,s-h]]).on("end",(function({selection:t,sourceEvent:r}){if(!r)return;if(!t)return void e.setBrushFilter(null);const n=pe.every((+i.current[0].x1-+i.current[0].x0)/6e4||30);let[o,a]=t.map((e=>n.round(m.invert(e))));if(+o==+a&&(o=n.floor(m.invert(t[0])),a=n.ceil(m.invert(t[1])),+o==+a))return le(this).transition().call(f.move,null),void e.setBrushFilter(null);e.setBrushFilter([o,a]),le(this).transition().call(f.move,a>o?[o,a].map(m):null)}));n.current=f;const m=ce().domain(oe(p)).nice().range([d,o-c]);i.current=u.length?ae().value((e=>e.timestamp)).domain(m.domain()).thresholds(m.ticks(24))(u):[];const g=he().domain([0,se(i.current,(e=>e.length))]).nice().range([s-h,l]),v=t.select(".bars").selectAll(".bar").data(i.current);v.exit().remove();const y=v.enter().append("g").attr("class","bar");if(y.append("rect").attr("x",(e=>m(e.x0)+1)).attr("width",(e=>Math.max(0,m(e.x1)-m(e.x0)-1))).attr("y",(e=>g(e.length))).attr("height",(e=>g(0)-g(e.length))),v.select("rect").attr("x",(e=>m(e.x0)+1)).attr("width",(e=>Math.max(0,m(e.x1)-m(e.x0)-1))).attr("y",(e=>g(e.length))).attr("height",(e=>g(0)-g(e.length))),y.append("text").attr("dy",".75em").attr("y",(e=>g(e.length)-10)).attr("x",(e=>m(e.x0)+1+Math.max(0,m(e.x1)-m(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),v.select("text").attr("dy",".75em").attr("y",(e=>g(e.length)-10)).attr("x",(e=>m(e.x0)+1+Math.max(0,m(e.x1)-m(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),u.length){const[r,n]=m.domain(),[i,o]=m.range(),a=(o-i)/(+n-+r)*3600*1e3,s=30,l=fe(m).ticks(ue.every(1)).tickFormat((e=>a>=s?ge("%H:%M")(e):e.getHours()%(Math.floor(s/a)+1)?"":ge("%H:%M")(e)));l.scale(m),t.select(".x-axis").attr("transform","translate(0,70)").call(l),t.select(".brush").call(f),e.brushFilter&&t.select(".brush").call(f.move,e.brushFilter.map(m))}else t.select(".x-axis").html(""),t.select(".brush").call(f),t.select(".brush").html("").call(f.move,null)}),[o,u]),M((()=>{n.current&&(e.brushFilter||le(r.current).select(".brush").call(n.current.move,null))}),[e.brushFilter]),v("div",{ref:t,children:[v("div",{style:{paddingLeft:10,paddingRight:10,display:"flex"},children:[Fe.t("peopleCounting"),v("div",{style:{marginLeft:"auto"},children:[null===f?null:g(ks,{label:Fe.t("selected"),children:g("span",{children:f})}),null===f?null:"/",g(ks,{label:Fe.t("total"),children:g("span",{children:u.length})})]})]}),v("svg",{ref:r,className:"people-histogram",width:o,height:s,viewBox:`0 0 ${o} 100`,role:"graphics-symbol",children:[g("g",{className:"bars"}),g("g",{className:"x-axis"}),g("g",{className:"brush"})]})]})}));var bl=yl;yl.displayName="PeopleHistogram";const xl=F((({store:e,onEventClick:t})=>{if(!e)return null;const{filters:r,setFilters:n}=e,{foundObjectTypesForSelect:i}=e.eventSchema,{ref:o,width:a,height:s}=j();return v(y,{children:[g(vl,{store:e}),g("div",{style:{zIndex:2,padding:"0.5rem"},children:g(Ds,{onChange:n,options:i.map((e=>({...e,label:Fe.t(e.label)}))),placeholder:Fe.t("selectObjectType"),values:r,renderOption:Rs,renderValue:Us})}),g(js,{getter:e.getProbabilityThreshold,setter:e.setProbabilityThreshold}),g(as,{value:e.colors,toggle:e.toggleColor,clear:e.clearColors}),e.analyticsEnabled?g(bl,{store:e}):null,g("div",{ref:o,style:{flex:1,overflow:"hidden"},children:g(cl,{width:a,height:s,minColumnWidth:120,aspectRatio:1,store:e.eventsLoader,eventRenderer:({data:e,width:r,height:n})=>g(dl,{data:e,cameraNameHidden:!0,onClick:t,width:r,height:n})})})]})}));xl.displayName="EventSearch";const wl=e=>{const t=k(f)??m;return g(Cr.Provider,{value:t,children:g(xl,{...e})})};wl.displayName="EventSearch";var Cl=wl;(e=>{if(e&&Object.assign(je,e),Fe.isInitialized){if(je.resources)for(const e of Object.keys(je.resources))Fe.addResourceBundle(e,"translation",je.resources[e].translation,!0);else console.warn("i18n is already initialized");return t(Fe.t)}r(Fe.init(je))})({resources:{en:{translation:ze}}});const Tl=(e=m)=>{const t=new ml(e.eventSchema,e.events,e.account,e.notification);return t.initWith(e.api),t};export{Tl as createEventSearchStore,Cl as default};
+import e from"i18next";import{of as t,from as r,Subscription as n,Observable as i,mergeMap as o,throwError as a,catchError as s,startWith as l,switchMap as c,map as d,exhaustMap as h,EMPTY as u,fromEvent as p,Subject as f}from"rxjs";import{AppContext as m,app as g}from"@3deye-toolkit/core";import{jsx as y,jsxs as v,Fragment as b}from"react/jsx-runtime";import x,{forwardRef as C,memo as w,useState as T,useRef as L,useEffect as M,createContext as I,Component as k,useCallback as D,useMemo as _,cloneElement as N,useContext as j,useLayoutEffect as z,useDeferredValue as O}from"react";import{useElementSize as F}from"@mantine/hooks";import{observer as S}from"mobx-react-lite";import H from"clsx";import B from"react-ink";import{useMergeRefs as P,useListItem as U,useFloatingTree as R,useFloating as E,offset as A,flip as V,shift as $,arrow as Z,autoUpdate as W,useInteractions as Y,useClientPoint as q,useRole as G,useDismiss as Q,useId as K,FloatingPortal as J,FloatingFocusManager as X,size as ee,useListNavigation as te,useHover as re}from"@floating-ui/react";import ne from"@seznam/compose-react-refs";import{map as ie,share as oe,debounceTime as ae,startWith as se,switchMap as le,bufferCount as ce,mergeMap as de,sequenceEqual as he,filter as ue,distinctUntilChanged as pe,catchError as fe}from"rxjs/operators";import{differenceInCalendarDays as me,max as ge,min as ye}from"date-fns";import ve from"memoize-one";import{extent as be,bin as xe,max as Ce}from"d3-array";import{select as we}from"d3-selection";import{scaleTime as Te,scaleLinear as Le}from"d3-scale";import{timeHours as Me,timeHour as Ie,timeMinute as ke}from"d3-time";import{axisBottom as De}from"d3-axis";import{brushX as _e}from"d3-brush";import{timeFormat as Ne}from"d3-time-format";import je from"resize-observer-polyfill";import{makeObservable as ze,computed as Oe,observable as Fe,action as Se,observe as He,runInAction as Be,reaction as Pe}from"mobx";var Ue={selectObjectType:"Select object type",showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found",filter:"Filter",color:"color",select:{loading:"Loading...",noOptions:"No options"},confidence:"confidence",today:"today",yesterday:"yesterday",button:{ok:"Ok"},peopleCounting:"People Counting",selected:"selected",total:"total",event:{acknowledged:"acknowledged"}};const Re={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},Ee=e.createInstance(),Ae=([e,t],[r,n],[i,o])=>{const a=(n-t)*(i-r)-(r-e)*(o-n);return 0===a?0:a>0?1:2},Ve=([e,t],[r,n],[i,o])=>r<=Math.max(e,i)&&r>=Math.min(e,i)&&n<=Math.max(t,o)&&n>=Math.min(t,o);function $e(e,t,r=2){const n=t&&t.length,i=n?t[0]*r:e.length;let o=Ze(e,0,i,r,!0);const a=[];if(!o||o.next===o.prev)return a;let s,l,c;if(n&&(o=function(e,t,r,n){const i=[];for(let r=0,o=t.length;r<o;r++){const a=Ze(e,t[r]*n,r<o-1?t[r+1]*n:e.length,n,!1);a===a.next&&(a.steiner=!0),i.push(rt(a))}i.sort(Je);for(let e=0;e<i.length;e++)r=Xe(i[e],r);return r}(e,t,o,r)),e.length>80*r){s=e[0],l=e[1];let t=s,n=l;for(let o=r;o<i;o+=r){const r=e[o],i=e[o+1];r<s&&(s=r),i<l&&(l=i),r>t&&(t=r),i>n&&(n=i)}c=Math.max(t-s,n-l),c=0!==c?32767/c:0}return Ye(o,a,r,s,l,c,0),a}function Ze(e,t,r,n,i){let o;if(i===function(e,t,r,n){let i=0;for(let o=t,a=r-n;o<r;o+=n)i+=(e[a]-e[o])*(e[o+1]+e[a+1]),a=o;return i}(e,t,r,n)>0)for(let i=t;i<r;i+=n)o=pt(i/n|0,e[i],e[i+1],o);else for(let i=r-n;i>=t;i-=n)o=pt(i/n|0,e[i],e[i+1],o);return o&&st(o,o.next)&&(ft(o),o=o.next),o}function We(e,t){if(!e)return e;t||(t=e);let r,n=e;do{if(r=!1,n.steiner||!st(n,n.next)&&0!==at(n.prev,n,n.next))n=n.next;else{if(ft(n),n=t=n.prev,n===n.next)break;r=!0}}while(r||n!==t);return t}function Ye(e,t,r,n,i,o,a){if(!e)return;!a&&o&&function(e,t,r,n){let i=e;do{0===i.z&&(i.z=tt(i.x,i.y,t,r,n)),i.prevZ=i.prev,i.nextZ=i.next,i=i.next}while(i!==e);i.prevZ.nextZ=null,i.prevZ=null,function(e){let t,r=1;do{let n,i=e;e=null;let o=null;for(t=0;i;){t++;let a=i,s=0;for(let e=0;e<r&&(s++,a=a.nextZ,a);e++);let l=r;for(;s>0||l>0&&a;)0!==s&&(0===l||!a||i.z<=a.z)?(n=i,i=i.nextZ,s--):(n=a,a=a.nextZ,l--),o?o.nextZ=n:e=n,n.prevZ=o,o=n;i=a}o.nextZ=null,r*=2}while(t>1)}(i)}(e,n,i,o);let s=e;for(;e.prev!==e.next;){const l=e.prev,c=e.next;if(o?Ge(e,n,i,o):qe(e))t.push(l.i,e.i,c.i),ft(e),e=c.next,s=c.next;else if((e=c)===s){a?1===a?Ye(e=Qe(We(e),t),t,r,n,i,o,2):2===a&&Ke(e,t,r,n,i,o):Ye(We(e),t,r,n,i,o,1);break}}}function qe(e){const t=e.prev,r=e,n=e.next;if(at(t,r,n)>=0)return!1;const i=t.x,o=r.x,a=n.x,s=t.y,l=r.y,c=n.y,d=Math.min(i,o,a),h=Math.min(s,l,c),u=Math.max(i,o,a),p=Math.max(s,l,c);let f=n.next;for(;f!==t;){if(f.x>=d&&f.x<=u&&f.y>=h&&f.y<=p&&it(i,s,o,l,a,c,f.x,f.y)&&at(f.prev,f,f.next)>=0)return!1;f=f.next}return!0}function Ge(e,t,r,n){const i=e.prev,o=e,a=e.next;if(at(i,o,a)>=0)return!1;const s=i.x,l=o.x,c=a.x,d=i.y,h=o.y,u=a.y,p=Math.min(s,l,c),f=Math.min(d,h,u),m=Math.max(s,l,c),g=Math.max(d,h,u),y=tt(p,f,t,r,n),v=tt(m,g,t,r,n);let b=e.prevZ,x=e.nextZ;for(;b&&b.z>=y&&x&&x.z<=v;){if(b.x>=p&&b.x<=m&&b.y>=f&&b.y<=g&&b!==i&&b!==a&&it(s,d,l,h,c,u,b.x,b.y)&&at(b.prev,b,b.next)>=0)return!1;if(b=b.prevZ,x.x>=p&&x.x<=m&&x.y>=f&&x.y<=g&&x!==i&&x!==a&&it(s,d,l,h,c,u,x.x,x.y)&&at(x.prev,x,x.next)>=0)return!1;x=x.nextZ}for(;b&&b.z>=y;){if(b.x>=p&&b.x<=m&&b.y>=f&&b.y<=g&&b!==i&&b!==a&&it(s,d,l,h,c,u,b.x,b.y)&&at(b.prev,b,b.next)>=0)return!1;b=b.prevZ}for(;x&&x.z<=v;){if(x.x>=p&&x.x<=m&&x.y>=f&&x.y<=g&&x!==i&&x!==a&&it(s,d,l,h,c,u,x.x,x.y)&&at(x.prev,x,x.next)>=0)return!1;x=x.nextZ}return!0}function Qe(e,t){let r=e;do{const n=r.prev,i=r.next.next;!st(n,i)&&lt(n,r,r.next,i)&&ht(n,i)&&ht(i,n)&&(t.push(n.i,r.i,i.i),ft(r),ft(r.next),r=e=i),r=r.next}while(r!==e);return We(r)}function Ke(e,t,r,n,i,o){let a=e;do{let e=a.next.next;for(;e!==a.prev;){if(a.i!==e.i&&ot(a,e)){let s=ut(a,e);return a=We(a,a.next),s=We(s,s.next),Ye(a,t,r,n,i,o,0),void Ye(s,t,r,n,i,o,0)}e=e.next}a=a.next}while(a!==e)}function Je(e,t){let r=e.x-t.x;if(0===r&&(r=e.y-t.y,0===r)){r=(e.next.y-e.y)/(e.next.x-e.x)-(t.next.y-t.y)/(t.next.x-t.x)}return r}function Xe(e,t){const r=function(e,t){let r=t;const n=e.x,i=e.y;let o,a=-1/0;if(st(e,r))return r;do{if(st(e,r.next))return r.next;if(i<=r.y&&i>=r.next.y&&r.next.y!==r.y){const e=r.x+(i-r.y)*(r.next.x-r.x)/(r.next.y-r.y);if(e<=n&&e>a&&(a=e,o=r.x<r.next.x?r:r.next,e===n))return o}r=r.next}while(r!==t);if(!o)return null;const s=o,l=o.x,c=o.y;let d=1/0;r=o;do{if(n>=r.x&&r.x>=l&&n!==r.x&&nt(i<c?n:a,i,l,c,i<c?a:n,i,r.x,r.y)){const t=Math.abs(i-r.y)/(n-r.x);ht(r,e)&&(t<d||t===d&&(r.x>o.x||r.x===o.x&&et(o,r)))&&(o=r,d=t)}r=r.next}while(r!==s);return o}(e,t);if(!r)return t;const n=ut(r,e);return We(n,n.next),We(r,r.next)}function et(e,t){return at(e.prev,e,t.prev)<0&&at(t.next,e,e.next)<0}function tt(e,t,r,n,i){return(e=1431655765&((e=858993459&((e=252645135&((e=16711935&((e=(e-r)*i|0)|e<<8))|e<<4))|e<<2))|e<<1))|(t=1431655765&((t=858993459&((t=252645135&((t=16711935&((t=(t-n)*i|0)|t<<8))|t<<4))|t<<2))|t<<1))<<1}function rt(e){let t=e,r=e;do{(t.x<r.x||t.x===r.x&&t.y<r.y)&&(r=t),t=t.next}while(t!==e);return r}function nt(e,t,r,n,i,o,a,s){return(i-a)*(t-s)>=(e-a)*(o-s)&&(e-a)*(n-s)>=(r-a)*(t-s)&&(r-a)*(o-s)>=(i-a)*(n-s)}function it(e,t,r,n,i,o,a,s){return!(e===a&&t===s)&&nt(e,t,r,n,i,o,a,s)}function ot(e,t){return e.next.i!==t.i&&e.prev.i!==t.i&&!function(e,t){let r=e;do{if(r.i!==e.i&&r.next.i!==e.i&&r.i!==t.i&&r.next.i!==t.i&&lt(r,r.next,e,t))return!0;r=r.next}while(r!==e);return!1}(e,t)&&(ht(e,t)&&ht(t,e)&&function(e,t){let r=e,n=!1;const i=(e.x+t.x)/2,o=(e.y+t.y)/2;do{r.y>o!=r.next.y>o&&r.next.y!==r.y&&i<(r.next.x-r.x)*(o-r.y)/(r.next.y-r.y)+r.x&&(n=!n),r=r.next}while(r!==e);return n}(e,t)&&(at(e.prev,e,t.prev)||at(e,t.prev,t))||st(e,t)&&at(e.prev,e,e.next)>0&&at(t.prev,t,t.next)>0)}function at(e,t,r){return(t.y-e.y)*(r.x-t.x)-(t.x-e.x)*(r.y-t.y)}function st(e,t){return e.x===t.x&&e.y===t.y}function lt(e,t,r,n){const i=dt(at(e,t,r)),o=dt(at(e,t,n)),a=dt(at(r,n,e)),s=dt(at(r,n,t));return i!==o&&a!==s||(!(0!==i||!ct(e,r,t))||(!(0!==o||!ct(e,n,t))||(!(0!==a||!ct(r,e,n))||!(0!==s||!ct(r,t,n)))))}function ct(e,t,r){return t.x<=Math.max(e.x,r.x)&&t.x>=Math.min(e.x,r.x)&&t.y<=Math.max(e.y,r.y)&&t.y>=Math.min(e.y,r.y)}function dt(e){return e>0?1:e<0?-1:0}function ht(e,t){return at(e.prev,e,e.next)<0?at(e,t,e.next)>=0&&at(e,e.prev,t)>=0:at(e,t,e.prev)<0||at(e,e.next,t)<0}function ut(e,t){const r=mt(e.i,e.x,e.y),n=mt(t.i,t.x,t.y),i=e.next,o=t.prev;return e.next=t,t.prev=e,r.next=i,i.prev=r,n.next=r,r.prev=n,o.next=n,n.prev=o,n}function pt(e,t,r,n){const i=mt(e,t,r);return n?(i.next=n.next,i.prev=n,n.next.prev=i,n.next=i):(i.prev=i,i.next=i),i}function ft(e){e.next.prev=e.prev,e.prev.next=e.next,e.prevZ&&(e.prevZ.nextZ=e.nextZ),e.nextZ&&(e.nextZ.prevZ=e.prevZ)}function mt(e,t,r){return{i:e,x:t,y:r,prev:null,next:null,z:0,prevZ:null,nextZ:null,steiner:!1}}var gt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function yt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var vt=function(e,t,r){var n=-1,i=e.length;t<0&&(t=-t>i?0:i+t),(r=r>i?i:r)<0&&(r+=i),i=t>r?0:r-t>>>0,t>>>=0;for(var o=Array(i);++n<i;)o[n]=e[n+t];return o};var bt=function(e,t){return e===t||e!=e&&t!=t},xt="object"==typeof gt&&gt&&gt.Object===Object&&gt,Ct=xt,wt="object"==typeof self&&self&&self.Object===Object&&self,Tt=Ct||wt||Function("return this")(),Lt=Tt.Symbol,Mt=Lt,It=Object.prototype,kt=It.hasOwnProperty,Dt=It.toString,_t=Mt?Mt.toStringTag:void 0;var Nt=function(e){var t=kt.call(e,_t),r=e[_t];try{e[_t]=void 0;var n=!0}catch(e){}var i=Dt.call(e);return n&&(t?e[_t]=r:delete e[_t]),i},jt=Object.prototype.toString;var zt=Nt,Ot=function(e){return jt.call(e)},Ft=Lt?Lt.toStringTag:void 0;var St=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Ft&&Ft in Object(e)?zt(e):Ot(e)};var Ht=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Bt=St,Pt=Ht;var Ut=function(e){if(!Pt(e))return!1;var t=Bt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t};var Rt=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Et=Ut,At=Rt;var Vt=function(e){return null!=e&&At(e.length)&&!Et(e)},$t=/^(?:0|[1-9]\d*)$/;var Zt=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&$t.test(e))&&e>-1&&e%1==0&&e<t},Wt=bt,Yt=Vt,qt=Zt,Gt=Ht;var Qt=/\s/;var Kt=function(e){for(var t=e.length;t--&&Qt.test(e.charAt(t)););return t},Jt=/^\s+/;var Xt=function(e){return null!=e&&"object"==typeof e},er=St,tr=Xt;var rr=function(e){return e?e.slice(0,Kt(e)+1).replace(Jt,""):e},nr=Ht,ir=function(e){return"symbol"==typeof e||tr(e)&&"[object Symbol]"==er(e)},or=/^[-+]0x[0-9a-f]+$/i,ar=/^0b[01]+$/i,sr=/^0o[0-7]+$/i,lr=parseInt;var cr=function(e){if("number"==typeof e)return e;if(ir(e))return NaN;if(nr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=nr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=rr(e);var r=ar.test(e);return r||sr.test(e)?lr(e.slice(2),r?2:8):or.test(e)?NaN:+e},dr=1/0;var hr=function(e){return e?(e=cr(e))===dr||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var ur=vt,pr=function(e,t,r){if(!Gt(r))return!1;var n=typeof t;return!!("number"==n?Yt(r)&&qt(t,r.length):"string"==n&&t in r)&&Wt(r[t],e)},fr=function(e){var t=hr(e),r=t%1;return t==t?r?t-r:t:0},mr=Math.ceil,gr=Math.max;var yr=function(e,t,r){t=(r?pr(e,t,r):void 0===t)?1:gr(fr(t),0);var n=null==e?0:e.length;if(!n||t<1)return[];for(var i=0,o=0,a=Array(mr(n/t));i<n;)a[o++]=ur(e,i,i+=t);return a},vr=yt(yr);const br=(e,t,r)=>!(e<r.x||t<r.y||e>r.x+r.width||t>r.y+r.height),xr=(e,t,r)=>{const n=r.y1*r.x3-r.x1*r.y3+(r.y3-r.y1)*e+(r.x1-r.x3)*t,i=r.x1*r.y2-r.y1*r.x2+(r.y1-r.y2)*e+(r.x2-r.x1)*t;if(n<0!=i<0)return!1;const o=-r.y2*r.x3+r.y1*(r.x3-r.x2)+r.x1*(r.y2-r.y3)+r.x2*r.y3;return o<0?n<=0&&n+i>=o:n>=0&&n+i<=o},Cr=(e,t)=>{if(br(t.x1,t.y1,e))return!0;if(br(t.x2,t.y2,e))return!0;if(br(t.x3,t.y3,e))return!0;if(xr(e.x,e.y,t))return!0;if(xr(e.x+e.width,e.y,t))return!0;if(xr(e.x+e.width,e.y+e.height,t))return!0;if(xr(e.x,e.y+e.height,t))return!0;const r=[[[e.x,e.y],[e.x+e.width,e.y]],[[e.x+e.width,e.y],[e.x+e.width,e.y+e.height]],[[e.x,e.y+e.height],[e.x+e.width,e.y+e.height]],[[e.x,e.y],[e.x,e.y+e.height]]];return!![[[t.x1,t.y1],[t.x2,t.y2]],[[t.x1,t.y1],[t.x3,t.y3]]].some((e=>r.some((t=>(([e,t],[r,n])=>{const i=Ae(e,t,r),o=Ae(e,t,n),a=Ae(r,n,e),s=Ae(r,n,t);return i!==o&&a!==s||!(0!==i||!Ve(e,r,t))||!(0!==o||!Ve(e,n,t))||!(0!==a||!Ve(r,e,n))||!(0!==s||!Ve(r,t,n))})(t,e)))))},wr=(e,t)=>{const r=e.map((({x:e,y:t})=>[e,t]));return vr($e(r.flat()),3).some((r=>Cr(t,{x1:e[r[0]].x,y1:e[r[0]].y,x2:e[r[1]].x,y2:e[r[1]].y,x3:e[r[2]].x,y3:e[r[2]].y})))};function Tr(e,t){const r=new Date(e);return r.setHours(23,59,59,999),t&&r.setUTCHours(23,59,59,999),r}const Lr=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth()&&e.getUTCDate()===t.getUTCDate():e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),Mr=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear():e.getFullYear()===t.getFullYear();function Ir(e,t,r){return function(e,t,r){return r?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()+t,e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds())):new Date(e.getFullYear(),e.getMonth(),e.getDate()+t,e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}(e,-t,r)}function kr(e,t){return new Date(e.getTime()-60*t*60*1e3)}const Dr=x.createContext(null),_r=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput","Loitering"]);class Nr{id;cameraId;type;raw;thumbnailUrl;thumbnailWidth=0;thumbnailHeight=0;detectedObjects;faces;instant;get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!_r.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}update=e=>{const t=e.startTime??this.raw.startTime,r=e.endTime??this.raw.endTime,n=e.ackEventType??this.raw.ackEventType;this.raw={...this.raw,...e,startTime:t,endTime:r,ackEventType:n}};constructor(e){if(ze(this,{startTime:Oe,endTime:Oe,acknowledged:Oe,isLive:Oe,raw:Fe.ref,update:Se}),this.raw=e,this.id=e.id,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type||"FaceDetection"===this.type||"Loitering"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),t.ThumbnailSize&&(this.thumbnailWidth=t.ThumbnailSize.Width,this.thumbnailHeight=t.ThumbnailSize.Height),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=_r.has(this.type),this.detectedObjects||(this.detectedObjects=[])}static fromWebhookEvent=e=>{const t="LicensePlateRecognition"===e.type?"LicensePlate":e.type,r="timestampUtc"in e.data?e.data.timestampUtc:e.data.startTimeUtc,n="timestampUtc"in e.data?e.data.timestampUtc:e.data.endTimeUtc,i={message:"",data:null,id:e.id,customerId:0,sensorId:e.deviceId,sensorType:"CameraSensor",eventType:t,ackEventType:e.ackType??"",startTime:r,endTime:n,userId:""},o=new Nr(i);return o.thumbnailUrl=e.data.thumbnailUrl,o.detectedObjects="objectsFound"in e.data?e.data.objectsFound.map((e=>({Type:e.type,Box:{Left:e.box.left,Top:e.box.top,Right:e.box.right,Bottom:e.box.bottom},Probability:e.probability}))):[],o.raw.data=JSON.stringify({ThumbnailUrl:e.data.thumbnailUrl,FoundObjects:o.detectedObjects}),o};toWebhookEvent=()=>{const e=this.raw.ackEventType?{timestampUtc:(new Date).toISOString(),message:this.raw.message,userId:this.raw.userId}:void 0;return"Analytic"===this.type?{id:this.id,deviceId:this.cameraId,type:this.type,ackType:this.raw.ackEventType,data:{objectsFound:this.detectedObjects.map((({Type:e,Box:t,Probability:r})=>({type:e,box:{left:t.Left,top:t.Top,right:t.Right,bottom:t.Bottom},probability:r}))),thumbnailUrl:this.thumbnailUrl,timestampUtc:this.startTime.toISOString()},ackData:e}:"LicensePlate"===this.type?{id:this.id,deviceId:this.cameraId,type:"LicensePlateRecognition",ackType:this.raw.ackEventType,data:{platesFound:this.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map((({Value:e,Box:t,Probability:r})=>({plateNumber:e,box:{left:t.Left,top:t.Top,right:t.Right,bottom:t.Bottom},probability:r}))),thumbnailUrl:this.thumbnailUrl,timestampUtc:this.startTime.toISOString()},ackData:e}:this.instant?{id:this.id,deviceId:this.cameraId,type:this.type,ackType:this.raw.ackEventType,data:{thumbnailUrl:this.thumbnailUrl,timestampUtc:this.startTime.toISOString()},ackData:e}:{id:this.id,deviceId:this.cameraId,type:this.type,ackType:this.raw.ackEventType,data:{thumbnailUrl:this.thumbnailUrl,startTimeUtc:this.startTime.toISOString(),endTimeUtc:this.endTime.toISOString()},ackData:e}}}const jr=(e,{locale:t,utc:r=!1,hour12:n=!1,seconds:i,year:o=!1,dayOfWeek:a=!1,day:s=!1})=>{const l={hour:"numeric",minute:"numeric",hour12:n||void 0,hourCycle:n?void 0:"h23"};return r&&(l.timeZone="UTC"),i&&(l.second="numeric"),o&&(l.year="numeric"),a&&(l.weekday="short"),s&&(l.day="numeric",l.month="short"),new Intl.DateTimeFormat(t,l).format(e)},zr=(e,t)=>t?e.getUTCSeconds():e.getSeconds();function Or(e,t,{locale:r,utc:n=!1,hour12:i=!1}={}){let o="",a="";const s=Boolean(zr(e,n)||zr(t,n)),l={from:!1,to:!1},c={from:!1,to:!1},d={from:!1,to:!1};return Mr(e,new Date,n)?Lr(e,new Date,n)||(Lr(e,t,n)?(d.from=!0,c.from=!0):(d.from=!0,c.from=!0,d.to=!0,c.to=!0)):(l.from=!0,d.from=!0,d.to=!0,l.to=!Mr(e,t,n)),o=jr(e,{locale:r,utc:n,hour12:i,seconds:s,year:l.from,dayOfWeek:c.from,day:d.from}),+e==+t?o:(a=jr(t,{locale:r,utc:n,hour12:i,seconds:s,year:l.to,dayOfWeek:c.to,day:d.to}),`${o} - ${a}`)}var Fr,Sr=Tt["__core-js_shared__"],Hr=(Fr=/[^.]+$/.exec(Sr&&Sr.keys&&Sr.keys.IE_PROTO||""))?"Symbol(src)_1."+Fr:"";var Br=function(e){return!!Hr&&Hr in e},Pr=Function.prototype.toString;var Ur=function(e){if(null!=e){try{return Pr.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Rr=Ut,Er=Br,Ar=Ht,Vr=Ur,$r=/^\[object .+?Constructor\]$/,Zr=Function.prototype,Wr=Object.prototype,Yr=Zr.toString,qr=Wr.hasOwnProperty,Gr=RegExp("^"+Yr.call(qr).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Qr=function(e){return!(!Ar(e)||Er(e))&&(Rr(e)?Gr:$r).test(Vr(e))},Kr=function(e,t){return null==e?void 0:e[t]};var Jr=function(e,t){var r=Kr(e,t);return Qr(r)?r:void 0},Xr=Jr(Object,"create"),en=Xr;var tn=function(){this.__data__=en?en(null):{},this.size=0};var rn=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},nn=Xr,on=Object.prototype.hasOwnProperty;var an=function(e){var t=this.__data__;if(nn){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return on.call(t,e)?t[e]:void 0},sn=Xr,ln=Object.prototype.hasOwnProperty;var cn=function(e){var t=this.__data__;return sn?void 0!==t[e]:ln.call(t,e)},dn=Xr;var hn=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=dn&&void 0===t?"__lodash_hash_undefined__":t,this},un=tn,pn=rn,fn=an,mn=cn,gn=hn;function yn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}yn.prototype.clear=un,yn.prototype.delete=pn,yn.prototype.get=fn,yn.prototype.has=mn,yn.prototype.set=gn;var vn=yn;var bn=function(){this.__data__=[],this.size=0},xn=bt;var Cn=function(e,t){for(var r=e.length;r--;)if(xn(e[r][0],t))return r;return-1},wn=Cn,Tn=Array.prototype.splice;var Ln=function(e){var t=this.__data__,r=wn(t,e);return!(r<0)&&(r==t.length-1?t.pop():Tn.call(t,r,1),--this.size,!0)},Mn=Cn;var In=function(e){var t=this.__data__,r=Mn(t,e);return r<0?void 0:t[r][1]},kn=Cn;var Dn=Cn;var _n=function(e,t){var r=this.__data__,n=Dn(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},Nn=bn,jn=Ln,zn=In,On=function(e){return kn(this.__data__,e)>-1},Fn=_n;function Sn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Sn.prototype.clear=Nn,Sn.prototype.delete=jn,Sn.prototype.get=zn,Sn.prototype.has=On,Sn.prototype.set=Fn;var Hn=Sn,Bn=Jr(Tt,"Map"),Pn=vn,Un=Hn,Rn=Bn;var En=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var An=function(e,t){var r=e.__data__;return En(t)?r["string"==typeof t?"string":"hash"]:r.map},Vn=An;var $n=An;var Zn=An;var Wn=An;var Yn=function(e,t){var r=Wn(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},qn=function(){this.size=0,this.__data__={hash:new Pn,map:new(Rn||Un),string:new Pn}},Gn=function(e){var t=Vn(this,e).delete(e);return this.size-=t?1:0,t},Qn=function(e){return $n(this,e).get(e)},Kn=function(e){return Zn(this,e).has(e)},Jn=Yn;function Xn(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Xn.prototype.clear=qn,Xn.prototype.delete=Gn,Xn.prototype.get=Qn,Xn.prototype.has=Kn,Xn.prototype.set=Jn;var ei=Xn,ti=ei;function ri(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],o=r.cache;if(o.has(i))return o.get(i);var a=e.apply(this,n);return r.cache=o.set(i,a)||o,a};return r.cache=new(ri.Cache||ti),r}ri.Cache=ti;const ni=yt(ri)((()=>{const e=document.createElement("div");e.style.overflowY="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.append(e);const t=e.offsetWidth;return e.remove(),t}));function ii(e,t,r=!0){if((e=Math.round(e/1e3))<60)return t("duration.ss",{seconds:e});const n=e%60;let i=(e-n)/60;if(i<60)return!n&&r?t("duration.mm",{minutes:i}):t("duration.mmss",{minutes:i,seconds:`${n}`.padStart(2,"0")});const o=Math.floor(i/60);if(i-=60*o,!n&&!i&&r)return t("duration.hh",{hours:o});const a=r?`${i}`:`${i}`.padStart(2,"0");return!n&&i&&r?t("duration.hhmm",{hours:o,minutes:a}):t("duration.hhmmss",{hours:o,minutes:a,seconds:`${n}`.padStart(2,"0")})}const oi=(e,t,r)=>Math.min(Math.max(e,t),r);class ai{api;disposables=[];initWith(e){this.api=e,this.afterInit&&this.afterInit()}dispose(){for(const e of this.disposables)e instanceof n?e.closed||e.unsubscribe():e()}}var si=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},li=St,ci=Xt;var di=function(e){return ci(e)&&"[object Arguments]"==li(e)},hi=Xt,ui=Object.prototype,pi=ui.hasOwnProperty,fi=ui.propertyIsEnumerable,mi=di(function(){return arguments}())?di:function(e){return hi(e)&&pi.call(e,"callee")&&!fi.call(e,"callee")},gi=Array.isArray,yi={exports:{}};var vi=function(){return!1};!function(e,t){var r=Tt,n=vi,i=t&&!t.nodeType&&t,o=i&&e&&!e.nodeType&&e,a=o&&o.exports===i?r.Buffer:void 0,s=(a?a.isBuffer:void 0)||n;e.exports=s}(yi,yi.exports);var bi=yi.exports,xi=St,Ci=Rt,wi=Xt,Ti={};Ti["[object Float32Array]"]=Ti["[object Float64Array]"]=Ti["[object Int8Array]"]=Ti["[object Int16Array]"]=Ti["[object Int32Array]"]=Ti["[object Uint8Array]"]=Ti["[object Uint8ClampedArray]"]=Ti["[object Uint16Array]"]=Ti["[object Uint32Array]"]=!0,Ti["[object Arguments]"]=Ti["[object Array]"]=Ti["[object ArrayBuffer]"]=Ti["[object Boolean]"]=Ti["[object DataView]"]=Ti["[object Date]"]=Ti["[object Error]"]=Ti["[object Function]"]=Ti["[object Map]"]=Ti["[object Number]"]=Ti["[object Object]"]=Ti["[object RegExp]"]=Ti["[object Set]"]=Ti["[object String]"]=Ti["[object WeakMap]"]=!1;var Li=function(e){return wi(e)&&Ci(e.length)&&!!Ti[xi(e)]};var Mi=function(e){return function(t){return e(t)}},Ii={exports:{}};!function(e,t){var r=xt,n=t&&!t.nodeType&&t,i=n&&e&&!e.nodeType&&e,o=i&&i.exports===n&&r.process,a=function(){try{var e=i&&i.require&&i.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}(Ii,Ii.exports);var ki=Ii.exports,Di=Li,_i=Mi,Ni=ki&&ki.isTypedArray,ji=Ni?_i(Ni):Di,zi=si,Oi=mi,Fi=gi,Si=bi,Hi=Zt,Bi=ji,Pi=Object.prototype.hasOwnProperty;var Ui=function(e,t){var r=Fi(e),n=!r&&Oi(e),i=!r&&!n&&Si(e),o=!r&&!n&&!i&&Bi(e),a=r||n||i||o,s=a?zi(e.length,String):[],l=s.length;for(var c in e)!t&&!Pi.call(e,c)||a&&("length"==c||i&&("offset"==c||"parent"==c)||o&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Hi(c,l))||s.push(c);return s},Ri=Object.prototype;var Ei=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Ri)};var Ai=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Vi=Ei,$i=Ai,Zi=Object.prototype.hasOwnProperty;var Wi=Ui,Yi=function(e){if(!Vi(e))return $i(e);var t=[];for(var r in Object(e))Zi.call(e,r)&&"constructor"!=r&&t.push(r);return t},qi=Vt;var Gi=function(e){return qi(e)?Wi(e):Yi(e)},Qi=Hn;var Ki=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var Ji=Hn,Xi=Bn,eo=ei;var to=function(e,t){var r=this.__data__;if(r instanceof Ji){var n=r.__data__;if(!Xi||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new eo(n)}return r.set(e,t),this.size=r.size,this},ro=Hn,no=function(){this.__data__=new Qi,this.size=0},io=Ki,oo=function(e){return this.__data__.get(e)},ao=function(e){return this.__data__.has(e)},so=to;function lo(e){var t=this.__data__=new ro(e);this.size=t.size}lo.prototype.clear=no,lo.prototype.delete=io,lo.prototype.get=oo,lo.prototype.has=ao,lo.prototype.set=so;var co=lo;var ho=ei,uo=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},po=function(e){return this.__data__.has(e)};function fo(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ho;++t<r;)this.add(e[t])}fo.prototype.add=fo.prototype.push=uo,fo.prototype.has=po;var mo=fo,go=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1},yo=function(e,t){return e.has(t)};var vo=function(e,t,r,n,i,o){var a=1&r,s=e.length,l=t.length;if(s!=l&&!(a&&l>s))return!1;var c=o.get(e),d=o.get(t);if(c&&d)return c==t&&d==e;var h=-1,u=!0,p=2&r?new mo:void 0;for(o.set(e,t),o.set(t,e);++h<s;){var f=e[h],m=t[h];if(n)var g=a?n(m,f,h,t,e,o):n(f,m,h,e,t,o);if(void 0!==g){if(g)continue;u=!1;break}if(p){if(!go(t,(function(e,t){if(!yo(p,t)&&(f===e||i(f,e,r,n,o)))return p.push(t)}))){u=!1;break}}else if(f!==m&&!i(f,m,r,n,o)){u=!1;break}}return o.delete(e),o.delete(t),u};var bo=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r};var xo=Tt.Uint8Array,Co=bt,wo=vo,To=bo,Lo=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},Mo=Lt?Lt.prototype:void 0,Io=Mo?Mo.valueOf:void 0;var ko=function(e,t,r,n,i,o,a){switch(r){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!o(new xo(e),new xo(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Co(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var s=To;case"[object Set]":var l=1&n;if(s||(s=Lo),e.size!=t.size&&!l)return!1;var c=a.get(e);if(c)return c==t;n|=2,a.set(e,t);var d=wo(s(e),s(t),n,i,o,a);return a.delete(e),d;case"[object Symbol]":if(Io)return Io.call(e)==Io.call(t)}return!1};var Do=function(e,t){for(var r=-1,n=t.length,i=e.length;++r<n;)e[i+r]=t[r];return e},_o=Do,No=gi;var jo=function(e,t,r){var n=t(e);return No(e)?n:_o(n,r(e))};var zo=function(e,t){for(var r=-1,n=null==e?0:e.length,i=0,o=[];++r<n;){var a=e[r];t(a,r,e)&&(o[i++]=a)}return o},Oo=function(){return[]},Fo=Object.prototype.propertyIsEnumerable,So=Object.getOwnPropertySymbols,Ho=jo,Bo=So?function(e){return null==e?[]:(e=Object(e),zo(So(e),(function(t){return Fo.call(e,t)})))}:Oo,Po=Gi;var Uo=function(e){return Ho(e,Po,Bo)},Ro=Object.prototype.hasOwnProperty;var Eo=function(e,t,r,n,i,o){var a=1&r,s=Uo(e),l=s.length;if(l!=Uo(t).length&&!a)return!1;for(var c=l;c--;){var d=s[c];if(!(a?d in t:Ro.call(t,d)))return!1}var h=o.get(e),u=o.get(t);if(h&&u)return h==t&&u==e;var p=!0;o.set(e,t),o.set(t,e);for(var f=a;++c<l;){var m=e[d=s[c]],g=t[d];if(n)var y=a?n(g,m,d,t,e,o):n(m,g,d,e,t,o);if(!(void 0===y?m===g||i(m,g,r,n,o):y)){p=!1;break}f||(f="constructor"==d)}if(p&&!f){var v=e.constructor,b=t.constructor;v==b||!("constructor"in e)||!("constructor"in t)||"function"==typeof v&&v instanceof v&&"function"==typeof b&&b instanceof b||(p=!1)}return o.delete(e),o.delete(t),p},Ao=Jr(Tt,"DataView"),Vo=Bn,$o=Jr(Tt,"Promise"),Zo=Jr(Tt,"Set"),Wo=Jr(Tt,"WeakMap"),Yo=St,qo=Ur,Go="[object Map]",Qo="[object Promise]",Ko="[object Set]",Jo="[object WeakMap]",Xo="[object DataView]",ea=qo(Ao),ta=qo(Vo),ra=qo($o),na=qo(Zo),ia=qo(Wo),oa=Yo;(Ao&&oa(new Ao(new ArrayBuffer(1)))!=Xo||Vo&&oa(new Vo)!=Go||$o&&oa($o.resolve())!=Qo||Zo&&oa(new Zo)!=Ko||Wo&&oa(new Wo)!=Jo)&&(oa=function(e){var t=Yo(e),r="[object Object]"==t?e.constructor:void 0,n=r?qo(r):"";if(n)switch(n){case ea:return Xo;case ta:return Go;case ra:return Qo;case na:return Ko;case ia:return Jo}return t});var aa=co,sa=vo,la=ko,ca=Eo,da=oa,ha=gi,ua=bi,pa=ji,fa="[object Arguments]",ma="[object Array]",ga="[object Object]",ya=Object.prototype.hasOwnProperty;var va=function(e,t,r,n,i,o){var a=ha(e),s=ha(t),l=a?ma:da(e),c=s?ma:da(t),d=(l=l==fa?ga:l)==ga,h=(c=c==fa?ga:c)==ga,u=l==c;if(u&&ua(e)){if(!ua(t))return!1;a=!0,d=!1}if(u&&!d)return o||(o=new aa),a||pa(e)?sa(e,t,r,n,i,o):la(e,t,l,r,n,i,o);if(!(1&r)){var p=d&&ya.call(e,"__wrapped__"),f=h&&ya.call(t,"__wrapped__");if(p||f){var m=p?e.value():e,g=f?t.value():t;return o||(o=new aa),i(m,g,r,n,o)}}return!!u&&(o||(o=new aa),ca(e,t,r,n,i,o))},ba=Xt;var xa,Ca=function e(t,r,n,i,o){return t===r||(null==t||null==r||!ba(t)&&!ba(r)?t!=t&&r!=r:va(t,r,n,i,e,o))};function wa(e,t=!1){const r=Oe(e);return new i((e=>{const n=He(r,(({newValue:t})=>e.next(t)),t);return()=>n()}))}!function(e){e[e.Motion=0]="Motion",e[e.Tampering=1]="Tampering",e[e.PanTiltZoom=2]="PanTiltZoom",e[e.CrossLine=3]="CrossLine",e[e.Intrusion=4]="Intrusion",e[e.LicensePlate=5]="LicensePlate",e[e.FaceDetection=6]="FaceDetection",e[e.Audio=7]="Audio",e[e.Analytic=8]="Analytic",e[e.SpeedDetection=9]="SpeedDetection",e[e.PeopleCounter=10]="PeopleCounter",e[e.Temperature=11]="Temperature",e[e.PoS=12]="PoS",e[e.GPS=13]="GPS",e[e.DigitalInput=14]="DigitalInput",e[e.Normal=15]="Normal",e[e.Suspicious=16]="Suspicious",e[e.Loitering=17]="Loitering",e[e.Vandalism=18]="Vandalism",e[e.Trespass=19]="Trespass",e[e.Emergency=20]="Emergency",e[e.LifeInDanger=21]="LifeInDanger",e[e.ErroneousAlert=22]="ErroneousAlert",e[e.Misidentification=23]="Misidentification",e[e.Fire=24]="Fire",e[e.MedicalDuress=25]="MedicalDuress",e[e.HoldUp=26]="HoldUp",e[e.CheckIn=27]="CheckIn",e[e.CheckOut=28]="CheckOut",e[e.ClockIn=29]="ClockIn",e[e.ClockOut=30]="ClockOut",e[e.ParkingStart=31]="ParkingStart",e[e.ParkingEnd=32]="ParkingEnd",e[e.ParkingViolation=33]="ParkingViolation",e[e.GateAccess=34]="GateAccess",e[e.DoorAccess=35]="DoorAccess",e[e.TemperatureCheck=36]="TemperatureCheck",e[e.IDCheck=37]="IDCheck",e[e.PPECheck=38]="PPECheck",e[e.WelfareCheck=39]="WelfareCheck",e[e.VehicleBreakIn=40]="VehicleBreakIn",e[e.DrugTrafficking=41]="DrugTrafficking",e[e.Assault=42]="Assault",e[e.PackageDelivery=43]="PackageDelivery",e[e.Uncategorized=999]="Uncategorized"}(xa||(xa={}));class Ta extends ai{eventsStore;filters;fetcher;transformData;data=[];pendingData=[];liveUpdateMode="auto";disposables=[];pageInfo=null;loading=!1;loadMoreTrigger=0;retryTrigger=0;error=null;loadingInitiated=!1;get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}get hasMore(){return this.pageInfo?.haveMore??!1}constructor(e,t,r,n=e=>[{data:e,objectIdx:-1}]){super(),this.eventsStore=e,this.filters=t,this.fetcher=r,this.transformData=n,ze(this,{data:Fe.ref,pendingData:Fe.ref,liveUpdateMode:Fe,setLiveUpdateMode:Se,flushUpdates:Se,pageInfo:Fe.ref,hasMore:Oe,isLive:Oe,loading:Fe,loadMoreTrigger:Fe,retryTrigger:Fe,error:Fe.ref,loadMore:Se})}flushUpdates=()=>{this.data=[...this.pendingData,...this.data],this.pendingData=[]};setLiveUpdateMode=e=>{this.liveUpdateMode=e};load=()=>{this.loadingInitiated||(this.loadingInitiated=!0,this.initDataLoading(),this.initLiveUpdates())};reload=()=>{this.error&&(this.retryTrigger=+!this.retryTrigger)};loadMore=()=>{this.error=null,this.loadMoreTrigger=+!this.loadMoreTrigger};queryEvents=e=>this.fetcher(this.api,e).pipe(o((r=>r.success?e===r.pageInfo.nextPageToken?(console.error("API returned the same page token for the next page. This may lead to infinite loading loop."),a((()=>new Error("API returned the same page token for the next page. This may lead to infinite loading loop.")))):t({events:r.resultItems,pageInfo:r.pageInfo}):a((()=>r.error)))),s((e=>(console.error(e),this.error=e,t({events:[],pageInfo:null})))));initDataLoading(){this.disposables.push(this.filters.updated$.pipe(l(null),c((e=>wa((()=>this.retryTrigger),!0).pipe(d((()=>e))))),c((()=>(Be((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{Be((()=>{if(!t)return;const r=e.map(La);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:r[0]?.startTime??kr(new Date,1),to:null,probability:this.filters.probabilityThreshold??void 0})),r).flatMap(this.transformData):this.data=r.flatMap(this.transformData),this.eventsStore.add(r),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(l(null),c((()=>wa((()=>this.loadMoreTrigger)).pipe(h((()=>this.queryEvents(this.pageInfo?.nextPageToken))))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(La);this.eventsStore.add(r),Be((()=>{const e=new Set(this.data.map((e=>e.data.id)));this.data=this.data.concat(r.filter((t=>!e.has(t.id))).flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(wa((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?wa((()=>this.eventsStore.recentAdditions)):u))).subscribe((e=>{if(this.loading)return;if(!this.pageInfo&&this.error)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&Be((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(wa((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?wa((()=>this.eventsStore.recentAdditions)):(this.pendingData&&Be((()=>this.pendingData=[])),u)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&Be((()=>{this.pendingData=[...t.flatMap(this.transformData),...this.pendingData]}))})))}uniquelyConcat(e,t){if(!e.length)return t.concat();if(!t.length)return e.concat();const r=e=>[e.id,e];return Array.from(new Map([...e.map(r),...t.map(r)]).values())}dispose(){for(const e of this.disposables)e instanceof n?e.closed||e.unsubscribe():e()}}function La(e){return new Nr(e)}const Ma=({forwardedRef:e,children:t,className:r,fullWidth:n,variant:i,type:o,title:a,placement:s,...l})=>{const c=H(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},i?`x-3deye-button--${i}`:void 0),d=v("button",{ref:e,className:c,type:o||"button",...l,children:[t,l.disabled?null:y(B,{})]});return void 0===a?d:y(Qs,{label:a,placement:s,disabled:!a,children:d})};var Ia=C(((e,t)=>y(Ma,{forwardedRef:t,...e})));var ka=e=>{const{className:t,children:r,...n}=e;return y("div",{className:H("x-3deye-button-group",t),...n,children:r})};function Da(e){return C(((t,r)=>{const{size:n=24,color:i="currentColor",className:o,...a}=t,s=e.viewBox||"0 0 24 24",l=e.svg;return y("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:H("icon",o),width:n,fill:i,viewBox:s,...a,children:l})}))}const _a=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),y("path",{fill:"none",d:"M0 0h24v24H0z"})]})});_a.displayName="ArrowForwardIcon";var Na=_a;const ja=Da({viewBox:"0 0 24 24",svg:y(b,{children:y("path",{d:"M11.74 13.36L14.14 7.71L13.06 5.5H10.5V4H14L14.73 5.5H21.75L20.75 9H16.44L17.11 10.37C17.69 10.13 18.33 10 19 10C21.76 10 24 12.24 24 15C24 17.76 21.76 20 19 20C16.24 20 14 17.76 14 15C14 13.45 14.71 12.06 15.82 11.15L15 9.5L12.25 16H9.9C9.44 18.28 7.42 20 5 20C2.24 20 0 17.76 0 15C0 12.24 2.24 10 5 10C7.59 10 9.72 11.97 10 14.5H10.58L8.3 9H7.5C7.09 9 6.75 8.66 6.75 8.25C6.75 7.84 7.09 7.5 7.5 7.5H10.25C10.66 7.5 11 7.84 11 8.25C11 8.66 10.66 9 10.25 9H9.97L11.74 13.36M5 11.5C3.07 11.5 1.5 13.07 1.5 15C1.5 16.93 3.07 18.5 5 18.5C6.59 18.5 7.93 17.45 8.36 16H4V14.5H8.47C8.22 12.8 6.76 11.5 5 11.5M19 11.5C18.57 11.5 18.15 11.58 17.77 11.72L19.7 15.68L18.35 16.34L16.5 12.55C15.88 13.18 15.5 14.05 15.5 15C15.5 16.93 17.07 18.5 19 18.5C20.93 18.5 22.5 16.93 22.5 15C22.5 13.07 20.93 11.5 19 11.5Z"})})});ja.displayName="BicycleIcon";var za=ja;const Oa=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99 2.52 1.29 5.48 1.29 8 0 1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"})]})});Oa.displayName="BoatIcon";var Fa=Oa;const Sa=Da({viewBox:"0 0 24 24",svg:v("g",{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"})]})});Sa.displayName="CameraIcon";var Ha=Sa;const Ba=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"})]})});Ba.displayName="CarIcon";var Pa=Ba;const Ua=Da({viewBox:"0 0 24 24",svg:v("g",{children:[y("path",{d:"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"}),y("path",{d:"M0-.75h24v24H0z",fill:"none"})]})});Ua.displayName="ChevronDownIcon";var Ra=Ua;const Ea=Da({viewBox:"0 0 24 24",svg:v("g",{children:[y("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),y("path",{d:"M0 0h24v24H0z",fill:"none"})]})});Ea.displayName="ChevronRightIcon";var Aa=Ea;const Va=Da({viewBox:"0 0 24 24",svg:v("g",{children:[y("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),y("path",{d:"M0 0h24v24H0z",fill:"none"})]})});Va.displayName="CloseIcon";var $a=Va;const Za=Da({viewBox:"0 0 24 24",svg:v("g",{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"})]})});Za.displayName="DirectionsWalkIcon";var Wa=Za;const Ya=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{fill:"none",d:"M0 0h24v24H0z"}),y("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"})]})});Ya.displayName="DoneIcon";var qa=Ya;const Ga=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),y("path",{d:"M0 0h24v24H0z",fill:"none"})]})});Ga.displayName="FilterListIcon";var Qa=Ga;const Ka=Da({viewBox:"0 0 24 24",svg:y(b,{children:y("path",{d:"M19.48,12.35c-1.57-4.08-7.16-4.3-5.81-10.23c0.1-0.44-0.37-0.78-0.75-0.55C9.29,3.71,6.68,8,8.87,13.62 c0.18,0.46-0.36,0.89-0.75,0.59c-1.81-1.37-2-3.34-1.84-4.75c0.06-0.52-0.62-0.77-0.91-0.34C4.69,10.16,4,11.84,4,14.37 c0.38,5.6,5.11,7.32,6.81,7.54c2.43,0.31,5.06-0.14,6.95-1.87C19.84,18.11,20.6,15.03,19.48,12.35z M10.2,17.38 c1.44-0.35,2.18-1.39,2.38-2.31c0.33-1.43-0.96-2.83-0.09-5.09c0.33,1.87,3.27,3.04,3.27,5.08C15.84,17.59,13.1,19.76,10.2,17.38z"})})});Ka.displayName="FireIcon";var Ja=Ka;const Xa=Da({viewBox:"0 0 24 24",svg:y("path",{d:"M21.1807 14.3534C21.0475 14.5736 20.8808 14.7824 20.6902 14.9766C20.1969 15.479 19.5049 15.9323 18.6736 16.3125C17.0085 17.074 14.6931 17.5862 12 17.5862C9.30687 17.5862 6.99153 17.074 5.32642 16.3125C4.49514 15.9323 3.8031 15.479 3.30981 14.9766C3.11906 14.7823 2.95173 14.5738 2.81848 14.3534C2.81512 14.4028 2.8125 14.4545 2.8125 14.5086C2.8125 14.7155 2.92187 15.0792 3.17908 15.577C3.42536 16.0537 3.77015 16.5834 4.15063 17.0981C4.53016 17.6114 4.93655 18.0977 5.30078 18.4865C5.67885 18.8901 5.97033 19.1443 6.12195 19.2373C6.25447 19.3185 6.35996 19.3918 6.43811 19.445C6.52055 19.5013 6.56693 19.531 6.61072 19.5541C6.67435 19.5878 6.77461 19.6308 7.06873 19.6665C7.70958 19.7441 8.97982 19.7586 12 19.7586C15.0205 19.7586 16.2905 19.7441 16.9313 19.6665C17.2255 19.6308 17.3257 19.5878 17.3893 19.5541C17.433 19.531 17.4794 19.5013 17.5619 19.445C17.64 19.3917 17.7455 19.3185 17.8781 19.2373C18.0297 19.1443 18.3211 18.8901 18.6992 18.4865C19.0634 18.0977 19.4698 17.6114 19.8494 17.0981C20.2298 16.5834 20.5746 16.0537 20.8209 15.577C21.0781 15.0792 21.1875 14.7155 21.1875 14.5086C21.1875 14.4545 21.184 14.4029 21.1807 14.3534ZM9.37415 11.0948C9.35904 11.4373 9.05352 11.7031 8.69141 11.6888C8.3293 11.6746 8.04827 11.3856 8.06335 11.0431L8.32825 5.01239L8.27796 5.02236C8.07501 5.06261 7.88369 5.15303 7.73267 5.29445C7.62223 5.39787 7.46217 5.55318 7.26868 5.75512C6.88092 6.15981 6.36296 6.74972 5.84509 7.48464C4.80339 8.963 3.79688 10.981 3.79688 13.2414C3.79688 13.4644 3.91581 13.7701 4.27112 14.132C4.62293 14.4903 5.16655 14.8606 5.89722 15.1948C7.35616 15.862 9.47087 16.3448 12 16.3448C14.5291 16.3448 16.6438 15.862 18.1028 15.1948C18.8334 14.8606 19.3771 14.4903 19.7289 14.132C20.0842 13.7701 20.2031 13.4644 20.2031 13.2414C20.2031 10.981 19.1966 8.96301 18.1549 7.48464C17.637 6.74972 17.1191 6.15981 16.7313 5.75512C16.5378 5.55318 16.3778 5.39787 16.2673 5.29445C16.2121 5.24276 16.2954 5.31952 16.2673 5.29445C16.1179 5.16093 15.9385 5.06533 15.7419 5.02643L15.6709 5.01239L15.9366 11.0431V11.107C15.9167 11.4209 15.648 11.6755 15.3086 11.6888C14.969 11.7022 14.6791 11.4694 14.6318 11.1579L14.6259 11.0948L14.3234 4.24138H9.67664L9.37415 11.0948ZM22.5 14.5086C22.5 15.0131 22.2745 15.5908 22.0001 16.1218C21.7149 16.6739 21.3308 17.2606 20.9252 17.8093C20.5186 18.3593 20.0815 18.8835 19.6819 19.3101C19.2964 19.7215 18.9038 20.0881 18.5907 20.2799C18.4914 20.3408 18.4147 20.3937 18.3292 20.452C18.2478 20.5076 18.1474 20.5754 18.031 20.6371C17.7743 20.7731 17.497 20.8498 17.0979 20.8982C16.351 20.9886 14.9684 21 12 21C9.0319 21 7.64905 20.9886 6.9021 20.8982C6.50304 20.8498 6.2257 20.7731 5.96899 20.6371C5.8526 20.5755 5.75222 20.5076 5.67078 20.452C5.58525 20.3937 5.50864 20.3408 5.4093 20.2799C5.09618 20.0881 4.70357 19.7215 4.31812 19.3101C3.91854 18.8835 3.48142 18.3593 3.07483 17.8093C2.6692 17.2606 2.28514 16.6739 1.99988 16.1218C1.72553 15.5908 1.5 15.0131 1.5 14.5086C1.50005 13.6459 1.80792 13.0539 2.16138 12.6724C2.28817 12.5356 2.41617 12.4304 2.52966 12.3516C2.75156 10.1255 3.76602 8.19681 4.75305 6.79607C5.31418 5.99974 5.87475 5.36181 6.29626 4.92188C6.5073 4.70163 6.68422 4.52952 6.80981 4.41191C6.87238 4.35332 6.96356 4.27113 6.99866 4.23976C6.98878 4.2484 7.01621 4.22408 6.99866 4.23976C7.18236 4.05496 7.42469 3.92349 7.68823 3.87123L8.48975 3.71202C8.55758 3.57608 8.65151 3.45185 8.76831 3.34591C9.01245 3.12447 9.33752 3.00034 9.67578 3H14.3242L14.4498 3.00566C14.7423 3.03236 15.0187 3.15114 15.2325 3.3451C15.3491 3.45081 15.4416 3.57562 15.5094 3.71121L16.3118 3.87123L16.4177 3.89709C16.6391 3.9596 17.0013 4.23976 16.9971 4.23653C16.9928 4.2333 17.0013 4.23976 16.9971 4.23653C17.1227 4.35414 17.4927 4.70162 17.7037 4.92188C18.1252 5.36181 18.6867 5.99973 19.2478 6.79607C20.2347 8.19677 21.2476 10.1257 21.4695 12.3516C21.5831 12.4305 21.7116 12.5354 21.8386 12.6724C22.1921 13.0539 22.5 13.6459 22.5 14.5086Z"})});Xa.displayName="HardhatIcon";var es=Xa;const ts=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M5.22461 8.44917C4.43752 9.79234 3.79692 11.4394 3.79688 13.2412C3.79688 13.4642 3.91617 13.7699 4.27148 14.1318C4.6233 14.4901 5.16686 14.8601 5.89746 15.1943C7.3564 15.8615 9.4709 16.3447 12 16.3447C12.3719 16.3447 12.7347 16.3324 13.0879 16.3124L14.2373 17.4619C13.5275 17.5414 12.7797 17.5859 12 17.5859C9.30687 17.5859 6.99129 17.0739 5.32617 16.3124C4.49498 15.9323 3.80281 15.4789 3.30957 14.9765C3.11887 14.7823 2.95158 14.5737 2.81836 14.3535C2.815 14.4028 2.8125 14.4546 2.8125 14.5087C2.81256 14.7156 2.92159 15.0795 3.17871 15.5771C3.42494 16.0536 3.77002 16.583 4.15039 17.0976C4.52988 17.6109 4.93658 18.0975 5.30078 18.4863C5.67885 18.8899 5.97045 19.1442 6.12207 19.2373C6.25456 19.3184 6.36034 19.392 6.43848 19.4453C6.52039 19.5011 6.56677 19.5305 6.61035 19.5537C6.67395 19.5873 6.77457 19.6303 7.06836 19.666C7.70922 19.7436 8.97982 19.7587 12 19.7587C14.434 19.7587 15.7312 19.7473 16.4785 19.7031L17.584 20.8085C17.4413 20.8462 17.2826 20.876 17.0977 20.8984C16.3507 20.9888 14.968 20.9999 12 20.9999C9.03226 20.9999 7.64935 20.9888 6.90234 20.8984C6.50328 20.85 6.22545 20.7727 5.96875 20.6367C5.85257 20.5751 5.75224 20.5076 5.6709 20.4521C5.58539 20.3938 5.50848 20.3411 5.40918 20.2802C5.09615 20.0885 4.7037 19.7218 4.31836 19.3105C3.91887 18.884 3.48171 18.3594 3.0752 17.8095C2.66963 17.2609 2.28525 16.674 2 16.122C1.72568 15.5911 1.50005 15.0131 1.5 14.5087C1.50005 13.6463 1.80782 13.0543 2.16113 12.6728C2.28783 12.5361 2.41586 12.4303 2.5293 12.3515C2.71578 10.4807 3.46194 8.81968 4.28125 7.50581L5.22461 8.44917Z"}),y("path",{d:"M14.4502 3.00581C14.7424 3.03256 15.0187 3.15093 15.2324 3.34467C15.3489 3.45037 15.442 3.57533 15.5098 3.71089L16.3115 3.87104L16.418 3.89741C16.6356 3.95903 16.9892 4.23014 16.9971 4.23628C17.1227 4.35389 17.4931 4.70157 17.7041 4.92182C18.1256 5.36176 18.687 5.99962 19.248 6.79585C20.235 8.19655 21.2478 10.1257 21.4697 12.3515C21.5833 12.4304 21.7119 12.5358 21.8389 12.6728C22.1922 13.0543 22.5 13.6463 22.5 14.5087C22.5 15.0131 22.2743 15.5911 22 16.122C21.7148 16.674 21.3304 17.2609 20.9248 17.8095C20.726 18.0785 20.519 18.3406 20.3135 18.5888L19.3994 17.6748C19.55 17.4886 19.7031 17.2958 19.8496 17.0976C20.23 16.583 20.5751 16.0536 20.8213 15.5771C21.0784 15.0795 21.1874 14.7156 21.1875 14.5087C21.1875 14.4546 21.184 14.4029 21.1807 14.3535C21.0475 14.5736 20.881 14.7824 20.6904 14.9765C20.1972 15.4789 19.505 15.9323 18.6738 16.3124C18.5299 16.3783 18.38 16.44 18.2266 16.5019L17.2568 15.5322C17.5587 15.4262 17.8413 15.3138 18.1025 15.1943C18.8331 14.8601 19.3767 14.4901 19.7285 14.1318C20.0838 13.7699 20.2031 13.4642 20.2031 13.2412C20.2031 10.9808 19.1969 8.96266 18.1553 7.48432C17.6374 6.7494 17.1192 6.15952 16.7314 5.75483C16.5382 5.55314 16.378 5.39828 16.2676 5.29487C16.1182 5.16141 15.9387 5.06525 15.7422 5.02632L15.6709 5.01264L15.9365 11.0429V11.1074C15.9163 11.4211 15.6478 11.675 15.3086 11.6884C14.9692 11.7018 14.6793 11.4695 14.6318 11.1582L14.626 11.0947L14.3232 4.24116H9.67676L9.51953 7.79487L8.26074 6.53608L8.32812 5.01264L8.27832 5.02241C8.07537 5.06266 7.88345 5.15345 7.73242 5.29487C7.64244 5.37914 7.52003 5.4982 7.37305 5.64839L6.46875 4.74409C6.60418 4.60719 6.72003 4.49591 6.80957 4.41206C6.87212 4.35349 6.9639 4.27157 6.99902 4.24018C7.18273 4.05538 7.42493 3.92331 7.68848 3.87104L8.49023 3.71186C8.55806 3.57604 8.65183 3.45152 8.76855 3.34565C9.01267 3.12435 9.33763 3.00029 9.67578 2.99995H14.3242L14.4502 3.00581Z"}),y("path",{d:"M1.8125 2.68692C2.0871 2.41232 2.52183 2.39485 2.81641 2.63516L2.87305 2.68692L20.873 20.6869L20.9248 20.7436C21.1651 21.0381 21.1476 21.4729 20.873 21.7475C20.5984 22.0221 20.1637 22.0395 19.8691 21.7992L19.8125 21.7475L1.8125 3.74747L1.76074 3.69083C1.52043 3.39625 1.5379 2.96153 1.8125 2.68692Z"})]})});ts.displayName="HardhatCrossedOutIcon";var rs=ts;const ns=Da({viewBox:"0 0 24 24",svg:v("g",{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M10.13 3.245a1.994 1.994 0 0 0-1.542.992l-5.491 9.53c-.55.954-.23 2.178.723 2.728l8.66 5c.953.55 2.174.216 2.724-.737l5.509-9.521c.335-.58.349-1.265.087-1.832L17.65 2.54z"})]})});ns.displayName="LabelIcon";var is=ns;const os=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M4 4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H5Zm0 2h4v2h8V6h4v12H4Z"}),y("path",{d:"M9.923 10 8.43 12.433 10 15h-.8L8 13.036 6.8 15H6l1.602-2.616L6.136 10h.8l1.093 1.781L9.123 10Z"}),y("path",{d:"m13.709 10-1.492 2.433L13.787 15h-.8l-1.2-1.964L10.585 15h-.8l1.603-2.616L9.923 10h.799l1.094 1.781L12.91 10Z"}),y("path",{d:"m17.709 10-1.492 2.433L17.787 15h-.8l-1.2-1.964L14.585 15h-.8l1.603-2.616L13.923 10h.799l1.094 1.781L16.91 10Z"})]})});os.displayName="LicensePlateIcon";var as=os;const ss=Da({viewBox:"0 0 24 24",svg:y("path",{d:"M12.703 5.787a2.171 2.171 0 0 0-1.334.438c-.511.788-.8 1.614-1.217 3.267l-3.172.91a.499.499 0 0 0-.341.62l.13.455a.5.5 0 0 0 .62.343l2.328-.67-.377 1.31-3.96 3.827 1.53 6.693h3.78l2.67-10.14 1.29-4.51V7.01l-.32-.48a2.213 2.213 0 0 0-1.627-.743zM5.801 7.771c-.06.008-.12.05-.17.125l-.094.14c-.136.2-.16.57-.055.827l.631 1.535c.106.258.302.305.438.104l.094-.139c.135-.2.158-.57.052-.828l-.63-1.537C6 7.837 5.9 7.758 5.8 7.771zm4.648 7.338-1.5 6.022-.969-3.83 2.47-2.192zM10.756 5.6a2 2 0 0 0 2.33-1.6 2 2 0 0 0-1.6-2.33 2 2 0 0 0-2.33 1.6 2 2 0 0 0 1.6 2.33zM15.971 1.02h2.648v21.96h-2.648z"})});ss.displayName="LoiteringIcon";var ls=ss;const cs=Da({viewBox:"0 0 24 24",svg:y("path",{d:"M17,6h-2V3c0-0.55-0.45-1-1-1h-4C9.45,2,9,2.45,9,3v3H7C5.9,6,5,6.9,5,8v11c0,1.1,0.9,2,2,2c0,0.55,0.45,1,1,1 c0.55,0,1-0.45,1-1h6c0,0.55,0.45,1,1,1c0.55,0,1-0.45,1-1c1.1,0,2-0.9,2-2V8C19,6.9,18.1,6,17,6z M9.5,18H8V9h1.5V18z M12.75,18 h-1.5V9h1.5V18z M13.5,6h-3V3.5h3V6z M16,18h-1.5V9H16V18z"})});cs.displayName="LuggageIcon";var ds=cs;const hs=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),y("circle",{cx:"9",cy:"5.5",r:"2.5"}),y("circle",{cx:"15",cy:"5.5",r:"2.5"}),y("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),y("path",{d:"M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z"})]})});hs.displayName="PetsIcon";var us=hs;const ps=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M0 0h24v24H0z",fill:"none"}),y("path",{d:"M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z"})]})});ps.displayName="ThermostatIcon";var fs=ps;const ms=Da({viewBox:"0 0 24 24",svg:y("path",{d:"M7.25 14C7.25 13.9337 7.22364 13.8701 7.17676 13.8232C7.12987 13.7764 7.0663 13.75 7 13.75H4.75V16.25H7C7.06631 16.25 7.12987 16.2236 7.17676 16.1768C7.22364 16.1299 7.25 16.0663 7.25 16V14ZM12 6.79883L14.4395 3.75H9.56055L12 6.79883ZM17.25 5C17.25 4.66848 17.1182 4.35063 16.8838 4.11621C16.7278 3.96018 16.5346 3.85041 16.3252 3.79395L12.75 8.26367V19C12.75 19.3315 12.8818 19.6494 13.1162 19.8838C13.3506 20.1182 13.6685 20.25 14 20.25H18C18.3315 20.25 18.6494 20.1182 18.8838 19.8838C19.1182 19.6494 19.25 19.3315 19.25 19V17.75H17C16.5359 17.75 16.0909 17.5655 15.7627 17.2373C15.4345 16.9091 15.25 16.4641 15.25 16V14C15.25 13.5359 15.4345 13.0909 15.7627 12.7627C16.0909 12.4345 16.5359 12.25 17 12.25H19.25V10.8281C19.2499 10.5381 19.149 10.2585 18.9668 10.0361L18.8838 9.94434L18.0557 9.11621C17.6046 8.66517 17.3264 8.07359 17.2637 7.44434L17.25 7.17188V5ZM16.75 16C16.75 16.0663 16.7764 16.1299 16.8232 16.1768C16.8701 16.2236 16.9337 16.25 17 16.25H19.25V13.75H17C16.9337 13.75 16.8701 13.7764 16.8232 13.8232C16.7764 13.8701 16.75 13.9337 16.75 14V16ZM6.75 7.17188L6.73633 7.44434C6.68257 7.98381 6.47066 8.49576 6.12695 8.91504L5.94434 9.11621L5.11621 9.94434C4.88178 10.1787 4.75008 10.4966 4.75 10.8281V12.25H7C7.46413 12.25 7.90912 12.4345 8.2373 12.7627C8.56549 13.0909 8.75 13.5359 8.75 14V16C8.75 16.4641 8.56549 16.9091 8.2373 17.2373C7.90912 17.5655 7.46413 17.75 7 17.75H4.75V19L4.75586 19.124C4.78436 19.41 4.9112 19.6788 5.11621 19.8838C5.35063 20.1182 5.66848 20.25 6 20.25H10C10.3315 20.25 10.6494 20.1182 10.8838 19.8838C11.1182 19.6494 11.25 19.3315 11.25 19V8.26367L7.67383 3.79395C7.46477 3.85049 7.27201 3.96041 7.11621 4.11621C6.88179 4.35063 6.75 4.66848 6.75 5V7.17188ZM18.75 7.17188L18.7559 7.29492C18.7842 7.58122 18.911 7.85048 19.1162 8.05566L19.9443 8.88379L20.127 9.08496C20.528 9.57424 20.7499 10.1899 20.75 10.8281V19C20.75 19.7293 20.4601 20.4286 19.9443 20.9443C19.4286 21.4601 18.7293 21.75 18 21.75H14C13.2707 21.75 12.5714 21.4601 12.0557 20.9443C12.0361 20.9247 12.0189 20.9029 12 20.8828C11.9811 20.9029 11.9639 20.9247 11.9443 20.9443C11.4286 21.4601 10.7293 21.75 10 21.75H6C5.27065 21.75 4.57139 21.4601 4.05566 20.9443C3.60433 20.493 3.32612 19.9011 3.26367 19.2715L3.25 19V10.8281C3.25016 10.0989 3.53999 9.39938 4.05566 8.88379L4.88379 8.05566L4.9668 7.96387C5.12311 7.77313 5.21982 7.54033 5.24414 7.29492L5.25 7.17188V5C5.25 4.27065 5.53994 3.57139 6.05566 3.05566C6.57139 2.53994 7.27065 2.25 8 2.25H16C16.7293 2.25 17.4286 2.53994 17.9443 3.05566C18.4601 3.57139 18.75 4.27065 18.75 5V7.17188Z"})});ms.displayName="VestIcon";var gs=ms;const ys=Da({viewBox:"0 0 24 24",svg:v(b,{children:[y("path",{d:"M6.26086 8.73547C6.21847 8.79677 6.17456 8.85722 6.12707 8.91516L5.94445 9.11633L5.11633 9.94445C4.8819 10.1788 4.7502 10.4968 4.75012 10.8282V12.2501H7.00012C7.46425 12.2501 7.90923 12.4346 8.23742 12.7628C8.56561 13.091 8.75012 13.536 8.75012 14.0001V16.0001C8.75012 16.4642 8.56561 16.9092 8.23742 17.2374C7.90923 17.5656 7.46424 17.7501 7.00012 17.7501H4.75012V19.0001L4.75598 19.1241C4.78448 19.4101 4.91132 19.6789 5.11633 19.8839C5.35075 20.1183 5.6686 20.2501 6.00012 20.2501H10.0001C10.3316 20.2501 10.6495 20.1183 10.8839 19.8839C11.1183 19.6495 11.2501 19.3316 11.2501 19.0001V13.7247L12.7501 15.2247V19.0001C12.7501 19.3316 12.8819 19.6495 13.1163 19.8839C13.3507 20.1183 13.6686 20.2501 14.0001 20.2501H17.7755L19.0616 21.5362C18.7286 21.6757 18.3683 21.7501 18.0001 21.7501H14.0001C13.2708 21.7501 12.5715 21.4602 12.0558 20.9445C12.0362 20.9249 12.019 20.903 12.0001 20.8829C11.9812 20.903 11.964 20.9249 11.9445 20.9445C11.4287 21.4602 10.7295 21.7501 10.0001 21.7501H6.00012C5.27077 21.7501 4.57151 21.4602 4.05578 20.9445C3.60445 20.4931 3.32624 19.9012 3.26379 19.2716L3.25012 19.0001V10.8282C3.25027 10.099 3.54011 9.3995 4.05578 8.88391L4.88391 8.05578L4.96691 7.96398C5.04848 7.86446 5.11298 7.75314 5.16027 7.63488L6.26086 8.73547ZM16.0001 2.25012C16.7295 2.25012 17.4287 2.54006 17.9445 3.05578C18.4602 3.57151 18.7501 4.27077 18.7501 5.00012V7.17199L18.756 7.29504C18.7844 7.58134 18.9111 7.8506 19.1163 8.05578L19.9445 8.88391L20.1271 9.08508C20.5282 9.57435 20.75 10.19 20.7501 10.8282V18.2755L18.7247 16.2501H19.2501V13.7501H17.0001C16.9338 13.7501 16.8702 13.7765 16.8234 13.8234C16.7765 13.8702 16.7501 13.9338 16.7501 14.0001V14.2755L15.5284 13.0538C15.5955 12.9496 15.6738 12.8518 15.7628 12.7628C16.091 12.4346 16.536 12.2501 17.0001 12.2501H19.2501V10.8282C19.25 10.5382 19.1492 10.2586 18.9669 10.0362L18.8839 9.94445L18.0558 9.11633C17.6047 8.66529 17.3265 8.07371 17.2638 7.44445L17.2501 7.17199V5.00012C17.2501 4.6686 17.1183 4.35075 16.8839 4.11633C16.7279 3.9603 16.5347 3.85053 16.3253 3.79406L12.7501 8.26379V10.2755L11.2501 8.77551V8.26379L7.67394 3.79406C7.46489 3.85061 7.27213 3.96053 7.11633 4.11633C7.02641 4.20625 6.95174 4.30853 6.89367 4.41906L5.81262 3.33801C5.88746 3.23954 5.96733 3.14423 6.05578 3.05578C6.57151 2.54006 7.27077 2.25012 8.00012 2.25012H16.0001ZM4.75012 16.2501H7.00012C7.06642 16.2501 7.12999 16.2238 7.17687 16.1769C7.22376 16.13 7.25012 16.0664 7.25012 16.0001V14.0001C7.25012 13.9338 7.22376 13.8702 7.17687 13.8234C7.12999 13.7765 7.06642 13.7501 7.00012 13.7501H4.75012V16.2501ZM12.0001 6.79894L14.4396 3.75012H9.56066L12.0001 6.79894Z"}),y("path",{d:"M2.46984 2.46984C2.74445 2.19524 3.17917 2.17778 3.47375 2.41809L3.53039 2.46984L21.5304 20.4698L21.5821 20.5265C21.8225 20.8211 21.805 21.2558 21.5304 21.5304C21.2558 21.805 20.8211 21.8225 20.5265 21.5821L20.4698 21.5304L2.46984 3.53039L2.41809 3.47375C2.17778 3.17917 2.19524 2.74445 2.46984 2.46984Z"})]})});ys.displayName="VestCrossedOutIcon";var vs=ys;const bs=[{color:"#f44336",name:"red",highlightColor:"#ffcdd2"},{color:"#4caf50",name:"green",highlightColor:"#c8e6c9"},{color:"#2196f3",name:"blue",highlightColor:"#bbdefb"},{color:"#ffeb3b",name:"yellow",highlightColor:"#f57f17"},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:"#9e9e9e",name:"dimgrey",highlightColor:"#f5f5f5"}];new Map(bs.map((({color:e,name:t})=>[t,e])));const xs=S((({value:e,clear:t,toggle:r})=>v("div",{className:"color-selector",children:[y("div",{style:{textTransform:"uppercase"},children:Ee.t("color")}),v("div",{className:"color-selector__items",children:[bs.map((({color:t,highlightColor:n,name:i})=>y("button",{type:"button",className:H("color-selector__item",{selected:e.has(i)}),style:{backgroundColor:t},onClick:r.bind(null,i),children:y(qa,{color:n,size:20})},i))),y(Ia,{className:"color-selector__clear",disabled:!e.size,onClick:t,children:y($a,{size:20})})]})]})));function Cs(e,t,r){return t||r?r?ye(t?[ge([e,t]),r]:[r,e]):ge([t,e]):new Date(e)}xs.displayName="ColorSelector";const ws=ve((e=>new Intl.DateTimeFormat(e,{month:"long",year:"numeric"}))),Ts=ve((e=>new Intl.DateTimeFormat(e,{weekday:"short"}))),Ls=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),Ms=e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),Is=w((function({onChange:e,date:t,minDate:r,maxDate:n,utc:i,startOfWeek:o="sunday"}){const[a]=T((()=>({current:i?Ms(new Date):Ls(new Date)}))),s=t??a.current,l=L(+s),c=T(0),[,d]=c;M((()=>{l.current=+s,d(0)}),[s?.getTime()]);const h=l.current!==+s?0:c[0],u=i?s.getUTCFullYear():s.getFullYear(),p=(i?s.getUTCMonth():s.getMonth())+h,f=i?new Date(Date.UTC(u,p)):new Date(u,p),m=i?(e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+1,0)).getUTCDate())(f):(e=>new Date(e.getFullYear(),e.getMonth()+1,0).getDate())(f),g=(i?f.getUTCDay():f.getDay())||("monday"===o?7:0),b=g-("monday"===o?1:0),x=i?new Date(Date.UTC(u,p,1-b)):new Date(u,p,1-b),C=t?me(i?new Date(Date.UTC(s.getUTCFullYear(),s.getUTCMonth(),s.getUTCDate())):new Date(s.getFullYear(),s.getMonth(),s.getDate()),x):-1,w=r?me(r,x):Number.NEGATIVE_INFINITY,I=n?me(n,x):Number.POSITIVE_INFINITY,k=me(a.current,x);return y("div",{children:v("div",{style:{display:"flex",flexDirection:"column",fontSize:"0.875rem"},children:[v("div",{style:{fontWeight:500,height:"3rem",fontSize:"1.125rem",display:"flex",alignItems:"center"},children:[ws(Ee.language).format(f),y(Ia,{style:{marginLeft:"auto"},className:"x-3deye-button--icon x-3deye-datepicker__button--previous-month",disabled:w>=b,onClick:()=>d(h-1),children:y(Na,{size:16,style:{scale:"-1 1"}})}),y(Ia,{className:"x-3deye-button--icon x-3deye-datepicker__button--next-month",disabled:I<b+m,onClick:()=>d(h+1),children:y(Na,{size:16})})]}),v("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:"0.25rem",placeItems:"center"},children:[Array.from({length:7}).map(((e,t)=>y("div",{style:{color:"oklch(0.7 0 0)"},children:Ts(Ee.language).format(new Date(u,p,("monday"===o?2:1)-g+t)).substring(0,2)},t))),Array.from({length:42}).map(((t,o)=>{const a=i?new Date(Date.UTC(u,p,o-b+1)):new Date(u,p,o-b+1),l=o<w||o>I;return y("div",{className:H("x-3deye-datepicker__day",{"x-3deye-datepicker__day--today":o===k,"x-3deye-datepicker__day--disabled":l,"x-3deye-datepicker__day--previous-month":o<b,"x-3deye-datepicker__day--next-month":o>=b+m,"x-3deye-datepicker__day--selected":o===C}),onClick:l?void 0:()=>{if(i){const t=new Date(Date.UTC(a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),s.getUTCHours(),s.getUTCMinutes(),s.getUTCSeconds(),s.getUTCMilliseconds()));return e(Cs(t,r,n))}const t=new Date(a.getFullYear(),a.getMonth(),a.getDate(),s.getHours(),s.getMinutes(),s.getSeconds(),s.getMilliseconds());return e(Cs(t,r,n))},children:i?a.getUTCDate():a.getDate()},o)}))]})]})})})),ks=Array.from({length:3}),Ds=e=>y("svg",{viewBox:"0 0 100 100",...e,children:ks.map(((e,t)=>y("circle",{fill:"currentColor",stroke:"none",cx:20*t+6,cy:"50",r:"6",children:y("animate",{attributeName:"opacity",dur:"1s",values:"0;1;0",repeatCount:"indefinite",begin:.1*(t+1)})},t)))}),_s=I({reportError:(e,t)=>{}});class Ns extends k{static contextType=_s;state={hasError:!1};componentDidCatch(e,t){this.setState({hasError:!0}),this.context?.reportError(e,t),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...r}=this.props;return v("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r,children:[y("h1",{children:"Oops. Something went wrong"}),y("div",{children:"We've been notified about this problem"}),y(Ia,{onClick:()=>this.setState({hasError:!1}),children:"retry"})]})}}const js=x.createContext(null),zs=x.forwardRef((({className:e,style:t,children:r,title:n,disabled:i,...o},a)=>{const s=x.useContext(js);if(!s)return;const{refs:l,isNested:c,isOpen:d,hasFocusInside:h,item:u,parent:p,setHasFocusInside:f,getReferenceProps:m}=s;return v(Ia,{ref:P([l.setReference,u.ref,a]),tabIndex:c?p?.activeIndex===u.index?0:-1:void 0,role:c?"menuitem":void 0,"data-open":d?"":void 0,"data-nested":c?"":void 0,"data-focus-inside":h?"":void 0,className:H(e,{"menu-item":c,"menu-button":!c}),style:t,title:d?null:n,disabled:i,...m(p?.getItemProps({...o,onFocus(e){o.onFocus?.(e),f(!1),p.setHasFocusInside(!0)}})),children:[r,c&&y(Aa,{style:{marginLeft:"auto"},"aria-hidden":!0,size:20})]})}));zs.displayName="MenuButton";const Os=x.forwardRef((({label:e,disabled:t,className:r,children:n,...i},o)=>{const a=x.useContext(js),s=U({label:t?null:e}),l=R();if(!a)return null;const c=s.index===a.activeIndex;return y(Ia,{...i,ref:P([s.ref,o]),type:"button",role:"menuitem",className:H(r,"menu-item"),tabIndex:c?0:-1,disabled:t,...a.getItemProps({onClick(e){i.onClick?.(e),l?.events.emit("click")},onFocus(e){i.onFocus?.(e),a.setHasFocusInside(!0)}}),children:e||n})}));Os.displayName="MenuItem";const Fs=({opened:e,onOpenChange:t,children:n,target:i,placement:o,className:a,style:s,autoDismiss:l=!0,initialFocus:c,withArrow:d=!1,modal:h=!1,position:u,...p})=>{const f=L(null),{x:m,y:g,refs:x,strategy:C,context:w,middlewareData:I,placement:k,update:_}=E({open:e,onOpenChange:t,middleware:[A(5),V({mainAxis:!u,crossAxis:!u}),$(),Z({element:f})],placement:o,whileElementsMounted:(e,t,r)=>W(e,t,(()=>{0!==w.elements.domReference?.getBoundingClientRect().width?r():w.onOpenChange(!1)}),{animationFrame:!0})}),{getReferenceProps:j,getFloatingProps:z}=Y([q(w,{enabled:!!u,x:u?.x,y:u?.y}),G(w),Q(w,{ancestorScroll:!0,enabled:l,escapeKey:!1})]),O=`popover-${K()}`;!function(e,t=!0){M((()=>{if(!t)return t||Ys.peek()!==e||Ys.pop(),()=>{Ys.peek()===e&&Ys.pop()};Ys.push(e)}),[e,t])}(O,l&&e),function(e,t,{scope:n,enabled:i=!0}={}){const o=function(e){const[t,r]=T(0);return M((()=>{const e=()=>r((e=>e+1));return Ys.addListener(e),()=>Ys.removeListener(e)}),[e]),void 0===e||Ys.peek()===e}(n);M((()=>{if(!i||!o)return;const n=e.split(" "),a=Ws.pipe(ae(1e3),se(null),le((()=>Ws.pipe(ce(n.length,1)))),de((e=>r(e).pipe(he(r(n)),ue(Boolean))))).subscribe((()=>{Zs.current?.preventDefault(),Zs.current=null,t()}));return()=>{a.unsubscribe()}}),[i&&o])}("Escape",(()=>t?.(!1,void 0,"escape-key")),{enabled:l&&e,scope:O});const F=D((e=>{f.current=e,_()}),[_]),S={top:"bottom",right:"left",bottom:"top",left:"right"}[k?.split("-")[0]??"top"]||"top",B=v("div",{...z({className:H("x-3deye-popover-container",a),ref:x.setFloating,style:{...s,position:C,top:g??0,left:m??0}}),...p,children:[d&&y(Gs,{ref:F,width:24,height:8,placement:S,style:{position:"absolute",left:I.arrow?.x,top:I.arrow?.y,[S]:-7}}),n]});return v(b,{children:[i?N(i,j({ref:x.setReference,...i.props})):null,v(J,{id:"x-3deye-floating-ui-root",children:[l&&e&&y(X,{context:w,modal:h,returnFocus:!0,initialFocus:c,children:B}),!l&&e&&B]})]})},Ss=({size:e=48})=>v("svg",{role:"graphics-symbol",width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",children:[y("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(0 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(30 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(60 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(90 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(120 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(150 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(180 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(210 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(240 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(270 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(300 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})}),y("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(330 50 50) translate(0 -30)",children:y("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})})]});Ss.displayName="Preloader";const Hs=C((({active:e,children:t,className:r,style:n,...i},o)=>{const a=K();return y("div",{ref:o,id:a,className:H("x-3deye-select-option",r,{"x-3deye-select-option--active":e}),role:"option","aria-selected":e,style:n,...i,children:t})})),Bs=({className:e,style:t,children:r,onCloseClick:n,...i})=>v("div",{className:H("x-3deye-select-value",e),style:t,...i,children:[r,y("button",{className:"close-button",type:"button",onClick:n,children:y($a,{size:12})})]}),Ps=(e,t,r)=>y(Bs,{...r,children:t.label},e),Us=(e,t,r,n)=>y(Hs,{active:r,...n,children:t.label},e),Rs=(e,t)=>e.label.toLowerCase().includes(t.toLowerCase().trim()),Es=({options:e,values:t,inputId:r,inputValue:n,onMenuClose:i,onChange:o,onInputChange:a,onKeyDown:s,isLoading:l,placeholder:c,hideDropdownIcon:d,renderOption:h=Us,renderValue:u=Ps,keyExtractor:p=e=>e.value,optionFilter:f=Rs,disabled:m=!1})=>{const[g,x]=T(!1),[C,w]=T(""),I=n??C,[k,D]=T(null),_=L([]),N=L(null),{refs:j,floatingStyles:z,context:O}=E({whileElementsMounted:W,open:g,onOpenChange:x,middleware:[V({padding:10}),A({mainAxis:5}),ee({apply({rects:e,availableHeight:t,elements:r}){Object.assign(r.floating.style,{width:`${e.reference.width}px`,maxHeight:`${Math.min(300,t)}px`})},padding:10})]}),F=G(O,{role:"listbox"}),S=Q(O),B=te(O,{listRef:_,activeIndex:k,onNavigate:D,virtual:!0,loop:!0}),{getReferenceProps:P,getFloatingProps:U,getItemProps:R}=Y([F,S,B]);const $=e?.filter((e=>{const r=p(e);return!t.some((e=>p(e)===r))&&f(e,I)}));return M((()=>{g||(w(""),i?.())}),[g,i]),v(b,{children:[v("div",{className:H("x-3deye-select-container",{"x-3deye-select-container--open":g,"x-3deye-select-container--disabled":m}),ref:j.setReference,onPointerDownCapture:e=>{const t=e.target;"BUTTON"!==t.tagName&&null===t.closest("button")&&(e.preventDefault(),m||(x((e=>!e)),N.current?.focus()))},children:[v("div",{className:"x-3deye-multi-select-body",children:[t.map((e=>u(p(e),e,{onCloseClick:r=>{r.stopPropagation(),o(t.filter((t=>t!==e)),{action:"remove",open:g,option:e}),N.current?.focus()}}))),v("div",{className:"x-3deye-select","data-value":I,children:[t.length||I?null:y("div",{className:"x-3deye-select-placeholder",children:c}),y("input",{ref:N,size:3,id:r||void 0,disabled:m,...P({onChange:function(e){const t=e.target.value;w(t),a?.(t),t?(x(!0),D(0)):x(!1)},value:I,placeholder:"","aria-autocomplete":"list",onKeyDown(e){if(s?.(e),"Enter"===e.key&&null!=k&&$?.[k])return w(""),o(t.concat($[k]),{open:g,action:"add",option:$[k]}),void D(Math.max(k-1,0));if("Backspace"!==e.key);else if(""===I&&t.length){const e=t.at(-1);if(!e)return;o(t.slice(0,t.length-1),{open:g,action:"remove",option:e})}}})})]})]}),v("div",{className:"x-3deye-select-indicators",style:{marginLeft:"auto",display:"flex",paddingRight:8,alignItems:"center"},children:[l?y(Ds,{style:{width:24}}):t.length?y(Ia,{className:"x-3deye-button--icon",onClick:()=>{o([],{open:g,action:"clear"})},children:y($a,{size:16})}):null,d?null:y(Ra,{size:24})]})]}),y(J,{id:"x-3deye-floating-ui-root",children:g&&$?y(X,{context:O,initialFocus:-1,visuallyHiddenDismiss:!0,children:y("div",{className:"x-3deye-select-menu",...U({ref:j.setFloating,style:{...z,color:"black",overflowY:"auto"}}),children:$.length?$.map(((e,r)=>h(p(e),e,k===r,{...R({ref(e){_.current[r]=e},onClick(r){r.stopPropagation(),w(""),o([...t,e],{open:g,action:"add",option:e}),N.current?.focus()}})}))):y("div",{style:{padding:10,textAlign:"center",fontSize:"0.875rem",color:"#666"},children:l?Ee.t("select.loading"):Ee.t("select.noOptions")})})}):null})]})},As=e=>Math.round(e),Vs=C((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:i=!1,labelFormat:o=e=>`${e}`,style:a},s)=>{const l=L(null),c=L(null),[d,h]=T(!1),[u,p]=T(e);M((()=>{if(!d)return;const e=l.current;if(!e)return;let i=0,o=0;const a=e.getBoundingClientRect();if(!a||!a.width||!a.height)return void h(!1);const s=({clientX:e,clientY:r})=>{if(!c.current)return;let s=0;"horizontal"===n?(i=oi(e-a.x,0,a.width),s=i/a.width*100,c.current.style.transform=`translateX(${i}px)`):(o=a.height-oi(r-a.y,0,a.height),s=o/a.height*100,c.current.style.transform=`translateY(${-o}px)`),p(s),t?.(As(s))},u=({clientX:e,clientY:i})=>{if(h(!1),!c.current)return;const o="horizontal"===n?oi(e-a.x,0,a.width)/a.width*100:100*(1-oi(i-a.y,0,a.height)/a.height);c.current.style.transform="",p(o),t?.(As(o)),r?.(As(o))},f=()=>{if(h(!1),!c.current)return;const e="horizontal"===n?i/a.width*100:o/a.height*100;c.current.style.transform="",t?.(As(e)),r?.(As(e))};return document.addEventListener("pointercancel",f),document.addEventListener("pointermove",s),document.addEventListener("pointerup",u),()=>{document.removeEventListener("pointercancel",f),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",u)}}),[d,n,t,r]);const f=D((e=>{if(!l.current||i)return;const{clientX:r,clientY:o}=e;e.preventDefault(),h(!0);const a=l.current.getBoundingClientRect();if(!a)return;if(!c.current)return;let s=0;if("horizontal"===n){const e=oi(r-a.x,0,a.width);s=e/a.width*100,c.current.style.transform=`translateX(${e}px)`}else{const e=a.height-oi(o-a.y,0,a.height);s=e/a.height*100,c.current.style.transform=`translateY(${-e}px)`}p(s),t?.(As(s))}),[i]),m=D((n=>{if(i)return;let o=null;"ArrowLeft"===n.code?o=Math.max(e-1,0):"ArrowRight"===n.code?o=Math.min(e+1,100):"ArrowDown"===n.code?o=Math.max(e-1,0):"ArrowUp"===n.code&&(o=Math.min(e+1,100)),null!==o&&(n.stopPropagation(),n.preventDefault(),t?.(o),r?.(o))}),[e,t,r,i]);return v("div",{ref:ne(s,l),tabIndex:0,onKeyDown:m,className:H("x-3deye-slider",n,{disabled:i}),onPointerDown:f,style:a,children:[y("div",{className:"x-3deye-slider__track",children:y("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${d?u:e}%`:void 0,height:"vertical"===n?`${d?u:e}%`:void 0}})}),y("div",{ref:c,className:H("x-3deye-slider__thumb",{active:d}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===n?d?0:`${e}%`:"auto",bottom:"vertical"===n?d?0:`${e}%`:"auto"},children:null!==o&&y("div",{className:"x-3deye-slider__label "+(d?"open":""),children:o(d?As(u):e)})})]})}));Vs.displayName="Slider";const $s=/Mac|iPod|iPhone|iPad/.test(globalThis.navigator.platform),Zs={current:null},Ws=p(document,"keydown").pipe(ie((function(e){let{target:t,code:r,shiftKey:n,metaKey:i,ctrlKey:o,altKey:a}=e;if(Zs.current=e,!["Escape","ArrowDown","ArrowUp","Enter"].includes(r)&&/^(input|select|textarea)$/i.test(t.tagName))return null;const s=[];r.startsWith("Key")&&(r=r.substring(3).toLowerCase());$s&&i&&s.push("CtrlCmd");!$s&&o&&s.push("CtrlCmd");a&&s.push("Alt");n&&s.push("Shift");return s.push(r),s.join("+")})),oe()),Ys={value:[],listeners:[],push(e){Ys.value.push(e),Ys.notify()},peek:()=>Ys.value.at(-1),pop(){Ys.value.pop()&&Ys.notify()},addListener(e){Ys.listeners.push(e)},removeListener(e){Ys.listeners.splice(Ys.listeners.indexOf(e)??-1,1)},notify(){for(const e of Ys.listeners)e()}};function qs({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:i=0}){const[o,a]=T(),[s,l]=T(0),[c,d]=T({width:0,height:0}),h=D((e=>{a(e||void 0)}),[]);M((()=>{if(!o)return;const e=()=>{l(n?o.scrollLeft:o.scrollTop)};return o.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{o.removeEventListener("scroll",e)}}),[o,n]),M((()=>{if(!o)return;const e=new ResizeObserver((e=>{for(const t of e)t.contentBoxSize?d({width:t.contentBoxSize[0].inlineSize,height:t.contentBoxSize[0].blockSize}):d({width:t.contentRect.width,height:t.contentRect.height})}));return e.observe(o),()=>{e.disconnect()}}),[o]),M((()=>{if(!o)return;const e=o[n?"scrollLeft":"scrollTop"];e!==s&&l(e)}));return{parentRef:h,getItems:()=>{const a=[];if(!o)return a;const{height:l,width:c}=o.getBoundingClientRect(),d=Math.max(0,Math.floor(s/(r+i))-t),h=Math.ceil((n?c:l)/(r+i))+2*t;for(let t=d;t<Math.min(e,d+h);t++)a.push({idx:t,start:t*(r+i),size:r});return a},getTotalSize:()=>r*e+Math.max(e-1,0)*i}}const Gs=x.forwardRef((function({width:e,height:t,placement:r="top",style:n},i){const o="left"===r||"right"===r,a=o?["left"===r?t:0,0]:[0,"top"===r?t:0],s=o?[a[0],e]:[e,a[1]],l=o?[t-a[0],e/2]:[e/2,t-a[1]],c=o?[t*("left"===r?3:1)/4,e/4]:[e/4,t*("top"===r?3:1)/4],d=o?[t-a[0],.325*e]:[.325*e,t-a[1]],h=o?[d[0],e-d[1]]:[e-d[0],d[1]],u=o?[c[0],e-c[1]]:[e-c[0],c[1]],p=e=>e.join(","),f=`M ${p(a)} C ${p(c)} ${p(d)} ${p(l)} ${p(h)} ${p(u)} ${p(s)}`,m=`${f} Z`;return v("svg",{ref:i,role:"graphics-symbol",className:"tip",style:n,width:o?t:e,height:o?e:t,fill:"var(--tip-background, #fff)",children:[y("path",{className:"tip-border",d:f,stroke:"var(--tip-border, transparent)",strokeWidth:1}),y("path",{className:"tip-body",d:m})]})}));var Qs=({children:e,label:t,placement:r="bottom",disabled:n})=>{const[i,o]=T(!1),{x:a,y:s,refs:l,strategy:c,context:d}=E({placement:r,open:i,onOpenChange:o,middleware:[A(5),V(),$({padding:8})],whileElementsMounted:(e,t,r)=>W(e,t,r,{animationFrame:!0})}),{getReferenceProps:h,getFloatingProps:u}=Y([re(d,{enabled:!n}),G(d,{role:"tooltip"}),Q(d,{referencePress:!0})]);return v(b,{children:[N(e,h({...e.props,ref:ne(l.setReference,e.props.ref??e.ref)})),y(J,{id:"x-3deye-floating-ui-root",children:i&&y("div",{...u({ref:l.setFloating,className:"x-3deye-tooltip",style:{position:c,top:s??0,left:a??0}}),children:t})})]})};const Ks=S((({getter:e,setter:t})=>{const[r,n]=T(0),i=L(null),o=Math.floor(100*e());return M((()=>Pe(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),v("div",{ref:i,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10},children:[v("div",{style:{display:"flex",justifyContent:"space-between"},children:[y("div",{style:{textTransform:"uppercase"},children:Ee.t("confidence")}),v("div",{style:{fontSize:"1.1em"},children:[o,"%"]})]}),y("div",{style:{padding:"0 10px"},children:y(Vs,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})})]})}));Ks.displayName="ProbabilitySlider";const Js=S((({from:e,to:t})=>{const{account:{preferences:{utc:r,hour12:n}}}=j(Dr);return y(b,{children:Or(e,t,{locale:Ee.language,utc:r,hour12:n})})}));Js.displayName="DisplayPeriod";class Xs{from=null;to=null;probabilityThreshold=.5;cameras=[];acknowledged=null;detectedObjects=[];colors=new Set;regions=null;eventTypes=[];sortDirection="DESC";updated$=new f;get regionsWkt(){return this.regions?this.regions.map((e=>this.regionToWktPolygon(e))):[]}constructor(){ze(this,{from:Fe,to:Fe,probabilityThreshold:Fe,cameras:Fe.struct,acknowledged:Fe,detectedObjects:Fe.struct,regions:Fe.ref,eventTypes:Fe.struct,sortDirection:Fe,colors:Fe.ref,filterJson:Oe}),Pe((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,acknowledged:this.acknowledged,eventTypes:this.eventTypes,regions:this.regions})),(()=>this.updated$.next(null)))}apply(e){let t=e;const{from:r,to:n}=this;if(r&&(t=t.filter((e=>e.startTime>=r))),n&&(t=t.filter((e=>e.startTime<=n))),this.cameras.length&&(t=t.filter((e=>this.cameras.includes(e.cameraId)))),this.eventTypes.length){const e=this.eventTypes.map((e=>xa[e]));t=t.filter((t=>e.includes(t.type)))}return this.detectedObjects.length&&(t=t.filter((e=>e.detectedObjects.some((e=>{const{probabilityThreshold:t}=this;return!(null!==t&&e.Probability<t)&&(this.colors.size?this.detectedObjects.includes(e.Type)&&"Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))):this.detectedObjects.includes(e.Type))}))))),!this.detectedObjects.length&&this.colors.size&&(t=t.filter((e=>e.detectedObjects.some((e=>{const{probabilityThreshold:t}=this;return!(null!==t&&e.Probability<t)&&("Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))))}))))),null!==this.acknowledged&&(t=t.filter((e=>e.acknowledged===this.acknowledged))),t}get filterJson(){const{probabilityThreshold:e}=this;if(null===e)return null;const t={And:[]};return this.detectedObjects.length&&t.And.push({Or:this.detectedObjects.map((e=>({Type:e})))}),this.colors.size&&t.And.push({Or:[...this.colors].map((e=>({ObjectColors:[e]})))}),t.And.push({Or:[{Probability:e}]}),JSON.stringify(t)}regionToWktPolygon(e){if(!e.length)return"POLYGON (())";return`POLYGON ((${e.concat(e[0]).map((({x:e,y:t})=>`${e} ${t}`)).join(", ")}))`}}const el=Da({viewBox:"0 96 960 960",svg:y(b,{children:y("path",{d:"m513 988-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-3.912-32.473Q467.176 845.455 456 828q-15.938-26.26-22.969-48.63Q426 757 425 727.844q0-11.844 2.5-27.344Q430 685 434 672l13-42 57 18-14 42q-3 9-4 19t-1 19q0 19 4 32t15 30q15.97 25.948 23.485 49.974Q535 864 535 892.933q0 13.067-2.5 26.567T526 946l-13 42Zm-176 0-57-18 14-42q3-9 4-17.049t1-17.707q0-18.244-4-34.744T280 827q-15.03-21.658-23.015-46.612Q249 755.433 249 728.125 249 714 251 700t7-28l13-42 57 18-14 42q-3 9.771-4 20.086-1 10.314-1 17.914 0 21.065 5.5 36.033Q320 779 328 791q15 22 23 48.5t8 52.802Q359 905 356.5 919t-6.5 27l-13 42Zm348 0-57-18 14-42q3-9 4-17.6 1-8.6 1-17.2 0-17.2-4.5-34.7Q638 841 628 827q-15-21-23-47t-8-52.047q0-13.953 2-27.794 2-13.841 7-28.159l13-42 57 18-14 42q-4 11-4.5 19.438-.5 8.437-.5 18.562 0 18.491 4.471 32.632Q665.941 774.772 676 790q16 23 23.5 48.887 7.5 25.886 7.5 53.69 0 13.423-2.5 26.923Q702 933 698 946l-13 42ZM180 336h600v-60H180v60Zm139 120h322l18-60H301l18 60Zm0 60q-19.5 0-35.25-11.625T262 474l-25-78h-57q-24.75 0-42.375-17.625T120 336V216h720v120q0 25-17.625 42.5T780 396h-57l-30 81q-6.932 17.25-22.338 28.125Q655.257 516 636 516H319ZM180 336v-60 60Z"})})});el.displayName="DetectorSmokeIcon";var tl=el;const rl=({data:e})=>{const t=16;return"eventType"===e.type&&e.value===xa.Loitering?y(ls,{size:t}):"camera"===e.type?y(Ha,{size:t}):"Loitering"===e.value?y(ls,{size:t}):"Luggage"===e.value?y(ds,{size:t}):"Car"===e.value?y(Pa,{size:t}):"Person"===e.value?y(Wa,{size:t}):"Bicycle"===e.value?y(za,{size:t}):"Boat"===e.value?y(Fa,{size:t}):"Animal"===e.value?y(us,{size:t}):"LicensePlate"===e.value?y(as,{size:t}):"Smoke"===e.value?y(tl,{size:t}):"Fire"===e.value?y(Ja,{size:t}):"HardHat"===e.value?y(es,{size:t}):"NoHardHat"===e.value?y(rs,{size:t}):"Vest"===e.value?y(gs,{size:t}):"NoVest"===e.value?y(vs,{size:t}):y(is,{size:t})},nl=(e,t,r,n)=>{const i="detectedObject"===t.type||"eventType"===t.type;return v(Hs,{style:{color:"detectedObject"===t.type?t.color:"black",borderRadius:i?4:void 0,backgroundColor:"detectedObject"===t.type&&r?`${t.color}33`:void 0,margin:i?"2px 0 0 2px":void 0,padding:i?"4px 8px":void 0,display:"camera"===t.type?"flex":"inline-flex",gap:4},...n,active:r,children:["camera"!==t.type?y(rl,{data:t}):null,al(t)]},e)},il=(e,t,r)=>v(Bs,{style:{"--color":"color"in t&&t.color?t.color:void 0,color:"color"in t&&t.color?"white":void 0,"--background-color":"color"in t&&t.color?"rgba(255, 255, 255, 0.7)":void 0},...r,children:[y(rl,{data:t}),al(t)]},e),ol=S((({camerasOnly:e,store:t})=>{const{cameras:r,eventSchema:n}=j(Dr),i=(()=>{if(!n)return[];if(e)return r.data.map((e=>({type:"camera",value:e.id,label:e.name})));const t=[{value:xa.Loitering,label:"Loitering",type:"eventType"}];return[].concat(n.foundObjectTypesForSelect,t,r.data.map((e=>({type:"camera",value:e.id,label:e.name}))))})();return y(Es,{onChange:(e,r)=>{t.setFilters(e),r.open||"remove"!==r.action&&"clear"!==r.action||t.applyFilters()},onMenuClose:()=>{t.applyFilters()},options:i,renderOption:nl,values:t.filters,renderValue:il,keyExtractor:e=>`${e.type}:${e.value}`,placeholder:v(b,{children:[y(Qa,{size:16})," ",Ee.t("filter")]})})}));function al(e){return"detectedObject"===e.type||"eventType"===e.type?"detectedObject"===e.type?Ee.t(`analytics.${e.label}`,{defaultValue:e.label.toLowerCase()}):Ee.t(`eventTypes.${e.label}`,{defaultValue:e.label}).toLowerCase():e.label}ol.displayName="EventGridSelect";const sl=S(x.forwardRef((({data:e,draggableId:t,dropZoneId:r,children:n,onClick:i,onAuxClick:o,menuComponent:a},s)=>{const l=L(null),{ref:c,menuContext:d}=function(){const[e,t]=T(!1),[r,n]=T(),i=D((e=>{n(e||void 0)}),[]),[o]=T((()=>new Set)),[a]=T((()=>new Set)),s=_((()=>({subscribe:e=>(o.add(e),()=>o.delete(e)),onOpenChange:e=>(a.add(e),()=>a.delete(e)),setOpened:e=>{t(e);for(const t of a)t(e)}})),[]);return M((()=>{if(r)return r.addEventListener("contextmenu",e),()=>{r.removeEventListener("contextmenu",e)};function e(e){e.preventDefault();for(const t of o)t(e)}}),[r]),{ref:i,menuContext:s,opened:e}}();return v("div",{ref:ne(l,c,s),onDragStart:n=>{n.dataTransfer&&(n.dataTransfer.setData("x-3deye/event",t??`${e.id}`),n.dataTransfer.setData("x-3deye/camera",`${e.cameraId}`),n.dataTransfer.setData("x-3deye/starttime",e.startTime.toISOString()),r&&n.dataTransfer.setData(`x-3deye/dropzone-${r}`,""),n.dataTransfer.dropEffect="move")},className:"event-list-item",onClick:()=>i?.(e),onAuxClick:t=>o?.(t,e),draggable:!0,children:[n,a&&y(a,{ctx:d,data:e})]})})));sl.displayName="EventListItem";const ll=S((({data:e})=>{if("Temperature"!==e.type)return null;const t=JSON.parse(e.raw.data??"null"),r=Number.isInteger(t)?Number(t):t.t;return v("div",{className:"event-list-item__temperature",children:[y(fs,{}),v("span",{children:[(r-273.15).toFixed(1),"°C"]})," / ",v("span",{children:[(9*r/5-459.67).toFixed(1)," °F"]})]})}));ll.displayName="Temperature";var cl=ll;const dl=S((({data:e,cameraNameHidden:t})=>{const r=j(Dr),{cameras:n}=r,i=n.loaded&&n.camerasById.get(e.cameraId)?.name||"...";return v("div",{className:"event-list-item-caption",children:[y("div",{className:"event-list-item__time",children:y(Js,{from:e.startTime,to:e.endTime})}),t?null:v(b,{children:[y("div",{children:e.type}),y("div",{className:"event-list-item__camera-name",title:i,children:i})]}),+e.endTime-+e.startTime>0&&y("div",{className:"event-list-item__duration",children:ii(+e.endTime-+e.startTime,Ee.t)}),y(cl,{data:e})]})}));dl.displayName="EventListItemCaption";var hl=S((({url:e,noPreview:t,width:r})=>v(b,{children:[e?y("img",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e},e):null,y(B,{radius:r}),t?y("div",{className:"no-preview-overlay"}):null]})));const ul=({className:e,style:t,box:{Top:r,Left:n,Right:i,Bottom:o}})=>y(b,{children:y("div",{className:e,style:{position:"absolute",top:100*r+"%",left:100*n+"%",bottom:100*(1-o)+"%",right:100*(1-i)+"%",...t}})});function pl({style:e}){return v("div",{className:"frame",style:e,children:[y("div",{className:"corner-highlight-tl"}),y("div",{className:"corner-highlight-tr"}),y("div",{className:"corner-highlight-br"}),y("div",{className:"corner-highlight-bl"})]})}ul.displayName="LicensePlateLpr";const fl=w((({value:e})=>e?y(b,{children:e.split("").map(((e,t)=>(e=>{const t=e.charCodeAt(0);return t>=48&&t<=57})(e)?y("span",{className:"digit",children:e},`d${t}${e}`):y("span",{className:"char",children:e},`${t}${e}`)))}):null));fl.displayName="LicensePlateNumber";const ml=({detectedObject:e,height:t,width:r,url:n,thumbWidth:i,thumbHeight:o})=>{const{Type:a,Box:{Top:s,Left:l,Right:c,Bottom:d},Probability:h,Value:u}=e,p=L(null);z((()=>{if(!p.current)return;const e=p.current.getBoundingClientRect();let n=(l+c)/2*r-e.width/2,i=s*t-e.height-4;i<0&&(i=d*t+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),p.current.style.top=`${i}px`,p.current.style.left=`${n}px`}));const f={top:2};l>=1-c?f.left=2:f.right=2;const m=100/i/(c-l);return v(b,{children:[v("div",{ref:p,className:"event-list-item__license-plate-label trigger",title:`${a.toLowerCase()} ${Math.floor(100*h)}%`,children:[y("div",{style:{padding:4},children:y(fl,{value:u})}),y("div",{className:"event-list-item__license-plate-label__caption",children:`${Math.floor(100*h)}%`})]}),y(ul,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),v("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:i*(c-l)*m,height:o*(d-s)*m+16,position:"absolute",...f},children:[y("img",{style:{width:i*m,height:o*m,transform:`translate(-${100*l}%, -${100*s}%)`},src:n}),y("div",{className:"plate-number",children:y(fl,{value:u})}),y(pl,{style:{height:o*(d-s)*m}})]})]})};function gl(e,t,r,n){return e.Top<-n&&(e.Bottom=e.Bottom-e.Top+n,e.Top=-n),e.Left<-n&&(e.Right=e.Right-e.Left+n,e.Left=-n),e.Right+n>t&&(e.Left=e.Left-(e.Right-t)+n,e.Right=t-n),e.Bottom+n>r&&(e.Top=e.Top-(e.Bottom-r)+n,e.Bottom=r-n),e}function yl({Top:e,Left:t,Bottom:r,Right:n},i,o,a,s){const l=s*e,c=s*(1-r);return l>o?[0,-1]:a*t>i?[-1,0]:a*(1-n)>i?[1,0]:c>o?[0,1]:[0,l>c?1:-1]}function vl(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}function bl({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function xl(e,t){const[r,n]=bl(e),[i,o]=bl(t);return[i-r,o-n]}function Cl(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function wl([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}ml.displayName="LicensePlateHighlight";const Tl=S((({data:e,width:t,height:r})=>{const n=L(null),{eventSchema:i}=j(Dr),o=function(e){const t=[];for(const r of e)if("NoHardHat"===r.Type||"NoVest"===r.Type){const e=t.findIndex((e=>{return"Person"===e.Type&&(t=e.Box,n=r.Box,t.Left===n.Left&&t.Top===n.Top&&t.Right===n.Right&&t.Bottom===n.Bottom);var t,n}));if(-1!==e){const n={...t[e]};t[e]=n,n.attrs??=[],n.attrs.push(r)}else t.push(r)}else t.push(r);return t}(e);z((()=>{if(!n.current)return;const e=[],i=[];for(let a=0;a<o.length;a++){const s=n.current.children[2*a+1],l=o[a].Box;e.push({Top:l.Top*r,Left:l.Left*t,Bottom:l.Bottom*r,Right:l.Right*t});const[c,d]=bl(e[a]),{width:h,height:u}=s.getBoundingClientRect(),p=yl(l,h,u,t,r);i.push(vl({Top:d-u/2-4,Left:c-h/2-4,Bottom:d+u/2+4,Right:c+h/2+4},p))}let a=!0,s=0;for(;a;){if(a=!1,s++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<o.length;t++){const r=i[t],n=[0,0];for(let s=0;s<o.length;s++){const o=e[s],l=i[s];if(Cl(r,o)){const e=xl(o,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],a=!0}if(s!==t&&Cl(r,l)){const e=xl(l,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],0===n[0]&&0===n[1]&&(n[0]=2*Math.random()-1,n[1]=2*Math.random()-1),a=!0}}[n[0],n[1]]=wl(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let a=0;a<o.length;a++){const o=n.current.children[2*a+1],{Top:s,Left:l}=gl(i[a],t,r,4);o.style.top=`${s+4}px`,o.style.left=`${l+4}px`;const c=l+4,d=s+4,h=c+i[a].Right-i[a].Left-8,u=d+i[a].Bottom-i[a].Top-8;o.dataset.position=Object.entries({bottom:d>e[a].Bottom,top:u<e[a].Top,right:c>e[a].Right,left:h<e[a].Left}).find((([,e])=>!0===e))?.[0]||"top"}}),[o,t,r]);const a=e=>i.colorsByFoundObjectType.get(e);return y("div",{ref:n,children:o.map(((e,t)=>{const r="Car"===e.Type?e.Specialization??e.SpecialPurpose??e.BodyType??e.Type:e.Type;return v(x.Fragment,{children:[y(ul,{box:e.Box,style:{outline:`2px solid ${a(e.Type)??""}`}}),v("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100*e.Probability)}%`,style:{"--detected-object-color":a(e.Type)??"gray"},children:[v("div",{style:{display:"flex",alignItems:"center",gap:8,justifyContent:"space-between",lineHeight:"24px"},children:[y("div",{children:Ee.t(`analytics.${r}`,{defaultValue:r.toLowerCase()})}),v("div",{style:{fontSize:"0.675rem",opacity:.75,marginTop:1},children:[Math.floor(100*e.Probability),"%"]})]}),e.attrs?.length?y("div",{className:"event-list-item__detected-object-label__attrs",children:e.attrs?.map((e=>v(b,{children:[y("div",{style:{color:a(e.Type)},children:Ee.t(`analytics.${e.Type}`,{defaultValue:e.Type.toLowerCase()})}),v("div",{style:{opacity:.75},children:[Math.floor(100*e.Probability),"%"]})]})))}):null]})]},t)}))})}));Tl.displayName="DetectedObjects";var Ll=Tl;const Ml=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:i,thumbHeight:o,width:a,height:s})=>{const{Top:l,Left:c,Right:d,Bottom:h}=t,u=100/i/(d-c),p={top:2},f=L(null);return z((()=>{if(!f.current)return;const{width:e,height:r}=f.current.getBoundingClientRect(),n=yl(t,e,r,a,s);n[0]=n[0]*(e+(d-c)*a)/2,n[1]=n[1]*(r+(h-l)*s)/2;const i=gl(vl({Top:(l+h)/2*s-r/2,Left:(c+d)/2*a-e/2,Bottom:(l+h)/2*s+r/2,Right:(c+d)/2*a+e/2},n),a,s,0);f.current.style.top=`${i.Top+2*Math.sign(n[1])}px`,f.current.style.left=`${i.Left+2*Math.sign(n[0])}px`})),c>=1-d?p.left=2:p.right=2,v(b,{children:[v("div",{ref:f,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`,children:[y("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"},children:e}),v("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"},children:[Math.floor(100*r),"%"]})]}),y(ul,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),v("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:i*(d-c)*u,height:o*(h-l)*u,...p},children:[y("img",{alt:"Face",style:{width:i*u,height:o*u,transform:`translate(-${100*c}%, -${100*l}%)`},src:n}),y(pl,{})]})]})};Ml.displayName="FaceHighlight";const Il=S(x.forwardRef((({data:e,draggableId:t,dropZoneId:r,width:n,height:i,acknowledgedHidden:o,cameraNameHidden:a,onClick:s,onAuxClick:l,menuComponent:c,children:d},h)=>{const u=j(Dr),{eventSchema:p}=u,[f,m]=function(e){const[t,r]=T(null),n=j(Dr),{cameras:i,thumbnails:o}=n;M((()=>{if(e.thumbnailUrl)return void r(null);const t=o.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{r(e||null)}));return()=>t.unsubscribe()}),[e.id]);let a="",s=!1;return e.thumbnailUrl?a=e.thumbnailUrl:null===t&&i.loaded?(a=i.camerasById.get(e.cameraId)?.imageUrl||"",s=!0):t&&(a=t.url),[a,s]}(e);let g=[],b=null,x=null;if(e.detectedObjects.length){const{thumbnailWidth:t,thumbnailHeight:r}=e;g=e.detectedObjects.filter((({Type:e})=>p.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),b=e.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map(((e,o)=>y(ml,{detectedObject:e,width:n,height:i,thumbWidth:t,thumbHeight:r,url:f},o)))}if(e.faces){const{thumbnailWidth:t,thumbnailHeight:r}=e;x=e.faces.map(((e,o)=>y(Ml,{face:e,url:f,thumbWidth:t,thumbHeight:r,width:n,height:i},o)))}return v(sl,{ref:h,draggableId:t,dropZoneId:r,onClick:s,onAuxClick:l,data:e,width:n,height:i,menuComponent:c,children:[v("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0},children:[y(hl,{url:f,noPreview:m,width:n}),y(Ll,{data:g,width:n,height:i}),b,x,e.acknowledged&&!o?y("div",{className:"acknowledged-overlay",children:Ee.t("event.acknowledged")}):null,y(dl,{data:e,cameraNameHidden:a})]}),d]})})));Il.displayName="EventItem";const kl=S((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:i,eventRenderer:o})=>{const a=t*i+e,s=n.data[a];return a===n.data.length?n.error?y("div",{style:r,children:y("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"},children:v("div",{style:{textAlign:"center"},children:[y("div",{children:"Couldn't fetch more data"}),y(Ia,{onClick:n.loadMore,children:"Retry"})]})})}):n.pageInfo?.haveMore?y("div",{style:r,children:y("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"},children:y(Ss,{size:32})})}):y("div",{style:r}):!s&&n.pageInfo?.haveMore?y("div",{style:r}):y("div",s?{style:r,children:y(Ns,{children:o({data:s,width:r.width,height:r.height})})}:{style:r})})),Dl=S((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?y("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8},children:y(Ia,{className:"x-3deye-button--overlay",style:{background:"rgba(0, 0, 0, 0.75)",padding:"8px 16px",backdropFilter:"blur(2px)",borderRadius:32,pointerEvents:"auto"},onClick:r,children:Ee.t("showEvents",{count:e.pendingData.length})})}):null)),_l=S((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:i=0,minColumnWidth:o,aspectRatio:a=16/9,onEventClick:s,onEventAuxClick:l,eventRenderer:c})=>{const d=L(null),h=()=>{d.current&&(e.setLiveUpdateMode("auto"),d.current.scrollTop=0)};if(M((()=>Pe((()=>e.loading||!e.data.length),(e=>e&&h()))),[]),e.error&&!e.data.length)return y("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"},children:v("div",{style:{textAlign:"center"},children:[y("div",{children:"Couldn't fetch data"}),y(Ia,{onClick:e.reload,children:"Retry"})]})});if(e.loading)return y("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"},children:y(Ss,{})});if(!e.data.length)return y("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"},children:Ee.t("noEventsFound")});return y(Nl,{...{store:e,width:t,columnsCount:i,minColumnWidth:o,aspectRatio:a,captionHeight:n,height:r,onEventClick:s,onEventAuxClick:l,eventRenderer:c,containerRef:d,resetScroll:h}})}));_l.displayName="EventGrid";const Nl=S((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:i=0,minColumnWidth:o=320,aspectRatio:a,containerRef:s,onEventClick:l,onEventAuxClick:c,eventRenderer:d=({data:e,width:t,height:r})=>y(Il,{data:e.data,cameraNameHidden:!1,onClick:l,onAuxClick:c,width:t,height:r}),resetScroll:h})=>{const u=Math.floor(t/o)||1,p=t/u/a+n,f=u*Math.floor(r/p)>=e.data.length?0:ni(),m=Math.min(i,e.data.length)||Math.max(1,Math.floor((t-f)/o));let g=Math.ceil(e.data.length/m);const b=(t-f-2*(m-1))/m,x=b/a+n;e.pageInfo?.haveMore&&g*m===e.data.length&&g++;const{parentRef:C,getItems:w,getTotalSize:T}=qs({count:g,overscan:5,itemSize:x,spacing:2}),{parentRef:L,getItems:I,getTotalSize:k}=qs({count:m,overscan:5,itemSize:b,horizontal:!0,spacing:2}),D=w(),_=I();M((()=>{e.error||e.pageInfo?.haveMore&&(e.loading||D.length&&D.at(-1).idx+1===g&&e.loadMore())}),[e.error,e.pageInfo?.haveMore,D]);const N=D.flatMap((({idx:t,size:r,start:n})=>_.map((({idx:i,size:o,start:a})=>{const s=t*m+i;return s>e.data.length?null:s!==e.data.length||e.pageInfo?.haveMore?y(kl,{columnIndex:i,rowIndex:t,columnCount:m,style:{position:"absolute",top:0,left:0,height:r,width:o,transform:`translate(${a}px, ${n}px)`,display:"flex"},store:e,eventRenderer:d},e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading"):null}))));return v("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:[y("div",{ref:ne(s,C,L),style:{width:t,height:r,overflow:"auto"},onScroll:t=>{const{scrollTop:r}=t.target;"disabled"!==e.liveUpdateMode&&e.setLiveUpdateMode(r>=1||e.pendingData.length?"manual":"auto")},children:y("div",{style:{position:"relative",height:T(),width:k()},children:N})}),y(Dl,{store:e,scrollWidth:f,onClick:()=>{e.flushUpdates(),h()}})]})}));const jl=S((({data:{data:e,objectIdx:t},width:r,height:n,cameraNameHidden:i,onClick:o,onAuxClick:a,menuComponent:s})=>{let l=null;l=e.detectedObjects[t];const{Box:{Bottom:c,Left:d,Right:h,Top:u}}=l,p="Person"===l.Type?.8:1,f=L(null),m=O(r),g=O(n);return M((()=>{const t=new Image;t.src=e.thumbnailUrl,t.onload=()=>{const e=t.naturalWidth,i=t.naturalHeight,{top:o,left:a,scale:s}=function({width:e,height:t,boundingBox:r,imageWidth:n,imageHeight:i,constrained:o=!0,scaleFactor:a=1}){const{top:s,left:l,bottom:c,right:d}=r,h=s*i,u=l*n,p=(c-s)*i,f=(d-l)*n;let m=1,g=0,y=0;const v=Math.min(e/n,t/i);if(e/t>f/p){if(m=t/p*a,o&&(m=Math.max(m,v)),g=-h*m+(t-p*m)/2,y=-(u+f/2)*m+e/2,o){const t=e-n*m;t<0&&y<t&&(y=t),m*n>e&&(y=Math.min(y,0))}}else{if(m=e/f*a,g=-(h+p/2)*m+t/2,o){const e=t-i*m;e<0&&g<e&&(g=e),m*i>t&&(g=Math.min(g,0))}y=-u*m}return{top:g,left:y,scale:m}}({width:r,height:n,boundingBox:{top:u,left:d,bottom:c,right:h},imageWidth:e,imageHeight:i,scaleFactor:p});f.current?.setAttribute("width",`${m}`),f.current?.setAttribute("height",`${g}`);const l=f.current?.getContext("2d");l&&l.drawImage(t,a,o,e*s,i*s)}}),[e.thumbnailUrl,m,g]),y(sl,{onClick:o,onAuxClick:a,data:e,width:r,height:n,cameraNameHidden:i,menuComponent:s,children:v("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0},children:[y("canvas",{ref:f}),y(B,{radius:r}),y(dl,{data:e,cameraNameHidden:!0})]})})}));jl.displayName="DetectedObjectCell";var zl=Ca;var Ol=yt((function(e,t){return zl(e,t)}));const Fl={Top:0,Left:0,Bottom:1,Right:1};class Sl extends ai{eventSchema;events;account;notification;heatmaps;disposables=[];analyticsEnabled;cameraId=null;date=null;get startTime(){return this.date?(e=this.date,this.account.preferences.utc?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())):new Date(e.getFullYear(),e.getMonth(),e.getDate())):null;var e}regions=null;filters=[];colors=new Set;peopleCountingDataLoading=!1;heatmapMode="selection";heatmapLoading=!1;data=[];heatmap=null;peopleCountingData=[];probabilityThreshold=.5;brushFilter=null;loadTrigger=0;eventsLoader;loaderFilters;get params(){return this.eventSchema.schemaDescription.filter((e=>"filter"===e.parameterType))}get filteredData(){let e=[];const t=this.filters.map((e=>e.value));t.length?(e=this.data.filter((e=>e.detectedObjects.some((e=>t.includes(e.Type)&&e.Probability>=this.probabilityThreshold)))),this.colors.size&&(e=e.filter((e=>e.detectedObjects.some((e=>"Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))))))))):e=this.data.filter((e=>e.detectedObjects.some((e=>e.Probability>=this.probabilityThreshold))));const{brushFilter:r}=this;r&&(e=e.filter((e=>e.startTime>=r[0]&&e.startTime<=r[1]&&e.detectedObjects.some((e=>"Person"===e.Type)))));const{regions:n}=this;return n?.length&&(e=e.filter((e=>e.detectedObjects.some((e=>(!t.length||t.includes(e.Type))&&(!this.colors.size||"Colors"in e&&e.Colors?.some((e=>this.colors.has(e.Color))))&&e.Probability>=this.probabilityThreshold&&n.some((t=>wr(t,{x:e.Box.Left,y:e.Box.Top,width:e.Box.Right-e.Box.Left,height:e.Box.Bottom-e.Box.Top})))))))),e}get filteredPeopleCountingData(){const{regions:e}=this;return e?.length?this.peopleCountingData.filter((t=>e.some((e=>wr(e,{x:t.Left,y:t.Top,width:t.Right-t.Left,height:t.Bottom-t.Top}))))):this.peopleCountingData}constructor(e,t,r,n,i){super(),this.eventSchema=e,this.events=t,this.account=r,this.notification=n,this.heatmaps=i,ze(this,{cameraId:Fe,date:Fe,setDate:Se,startTime:Oe,regions:Fe.ref,filters:Fe.ref,colors:Fe.ref,peopleCountingDataLoading:Fe,heatmapMode:Fe,heatmapLoading:Fe,data:Fe.ref,heatmap:Fe.ref,peopleCountingData:Fe.ref,probabilityThreshold:Fe,brushFilter:Fe.ref,params:Oe,filteredData:Oe,filteredPeopleCountingData:Oe,setFilters:Se,setBrushFilter:Se,setParams:Se,searchFullFrame:Se,setRegions:Se,setHeatmapMode:Se,toggleColor:Se,clearColors:Se,clear:Se,loadTrigger:Fe}),this.analyticsEnabled=Boolean(i);const o=new Xs;this.loaderFilters=o;const a=(e=>(t,r)=>t.cameras.GetSensorEventsPage({sensorIds:e.cameras,sensorType:"camera",sensorEventTypes:e.eventTypes,startTime:e.from??void 0,endTime:e.to??void 0,acknowledged:e.acknowledged,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:r},e.filterJson,e.regionsWkt))(o);this.eventsLoader=new Ta(t,o,a,(e=>e.detectedObjects.map(((e,t)=>o.detectedObjects.length&&!o.detectedObjects.includes(e.Type)||o.colors.size&&"Colors"in e&&!e.Colors?.some((e=>o.colors.has(e.Color)))||null!==o.probabilityThreshold&&e.Probability<o.probabilityThreshold||o.regions?.length&&!o.regions.some((t=>wr(t,this.boxToAabb(e.Box))))?-1:t)).filter((e=>-1!==e)).map((t=>({data:e,objectIdx:t}))))),this.eventsLoader.liveUpdateMode="disabled",this.initDataFetching()}boxToAabb(e){return{x:e.Left,y:e.Top,width:e.Right-e.Left,height:e.Bottom-e.Top}}setDate=e=>{this.date=e,this.brushFilter=null};setFilters=e=>{this.filters=e};getProbabilityThreshold=()=>this.probabilityThreshold;setProbabilityThreshold=e=>{this.probabilityThreshold=e};setBrushFilter=e=>{this.brushFilter=e};setParams=({cameraId:e,box:t})=>{this.cameraId=e,this.regions=[[{x:t.Left,y:t.Top},{x:t.Right,y:t.Top},{x:t.Right,y:t.Bottom},{x:t.Left,y:t.Bottom}]],this.date||(this.date=new Date)};searchFullFrame=e=>{this.clear(),this.cameraId=e,this.peopleCountingData=[],this.date||(this.date=new Date),this.triggerLoad()};triggerLoad=()=>{this.loadTrigger++};setRegions=e=>{this.regions=e.length?e:null};setHeatmapMode=e=>{this.heatmapMode=e};toggleColor=e=>{const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t};clearColors=()=>{this.colors=new Set};clear=()=>{this.cameraId=null,this.date=null,this.regions=null,this.brushFilter=null,this.heatmap=null,this.data=[],this.peopleCountingData=[]};initDataFetching=()=>{const e=wa((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(pe(Ol),oe());this.disposables.push(wa((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,filters:this.filters,brushFilter:this.brushFilter,colors:this.colors,probabilityThreshold:this.probabilityThreshold})),!0).pipe(pe(Ol),oe()).subscribe((e=>{Be((()=>{if(!e.startTime||!e.cameraId)return;this.loaderFilters.sortDirection="DESC";const{startTime:t}=e,r=Tr(t,this.account.preferences.utc);this.loaderFilters.from=t,this.loaderFilters.to=r;const{brushFilter:n}=e;n&&([this.loaderFilters.from,this.loaderFilters.to]=n),this.loaderFilters.regions=[...e.regions||[]],this.loaderFilters.cameras=[e.cameraId],this.loaderFilters.detectedObjects=e.filters.map((e=>e.value)),this.loaderFilters.eventTypes=[xa.Analytic],this.loaderFilters.colors=e.colors,this.loaderFilters.probabilityThreshold=e.probabilityThreshold,this.eventsLoader.load()}))})));const r=this.heatmaps;r&&(this.disposables.push(e.pipe(le((e=>{if(!e.startTime||!e.cameraId)return u;Be((()=>{this.peopleCountingDataLoading=!0}));const{startTime:r}=e,n=Tr(r,this.account.preferences.utc),i=e.regions?this.boxRegions(e.regions):Fl;return this.api.cameras.GetPeopleCountingData(e.cameraId,r,n,i).pipe(de((e=>e.success?t(e.resultItems):a((()=>e.error))))).pipe(fe((e=>(this.notification.error(Ee.t("eventSearchRequestError.peopleCounting")),console.error(e),t([])))))}))).subscribe((e=>{Be((()=>{this.peopleCountingData=e,this.peopleCountingDataLoading=!1}))}))),this.disposables.push(wa((()=>({startTime:this.startTime,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(pe(Ol),le((e=>{if(!e.startTime||!e.cameraId)return u;Be((()=>{this.heatmapLoading=!0}));const{startTime:n}=e,i=Tr(n,this.account.preferences.utc);return r.fetchHeatmaps(e.cameraId,n,i,1).pipe(ie((e=>e[0]||null))).pipe(fe((e=>(this.notification.error(Ee.t("eventSearchRequestError.heatmap")),console.error(e),t(null)))))}))).subscribe((e=>{Be((()=>{this.heatmap=e,this.heatmapLoading=!1}))}))))};boxRegions(e){const t=e.flatMap((e=>e.map((({x:e})=>e)))),r=e.flatMap((e=>e.map((({y:e})=>e))));return{Left:Math.min(...t),Right:Math.max(...t),Top:Math.min(...r),Bottom:Math.max(...r)}}afterInit(){this.eventsLoader.initWith(this.api)}}const Hl=S((({store:e})=>{const[t,r]=T(!1),{account:n,cameras:i}=j(Dr),{utc:o,hour12:a,startOfWeek:s}=n.preferences,{date:l,setDate:c,cameraId:d}=e,h=d?i.camerasById.get(d):void 0,u=new Date,p=Ir(u,1,o),f=l&&Lr(l,u,o),m=l&&Lr(l,p,o),g=h?kr(u,h.archiveDuration):u,b=_((()=>{const e=new Intl.DateTimeFormat(Ee.language,{weekday:"short",month:"short",day:"numeric"});return t=>e.format(t)}),[o,a]);return v(ka,{children:[y(Ia,{className:H({"button-selected":f}),onClick:()=>c(new Date),children:Ee.t("today")}),d&&!Lr(new Date,g,o)?y(Ia,{className:H({"button-selected":m}),onClick:()=>c(p),children:Ee.t("yesterday")}):null,l&&v(Fs,{className:"popover-datepicker",target:y(Ia,{className:H("date-button",{"button-selected":!f&&!m}),onClick:()=>r(!t),children:b(l)}),opened:t,withArrow:!0,onOpenChange:r,children:[y(Is,{date:l,onChange:c,minDate:g,maxDate:new Date,utc:o,startOfWeek:s}),y("div",{style:{display:"flex"},children:y(Ia,{style:{flex:1},onClick:()=>r(!1),variant:"filled",children:Ee.t("button.ok")})})]})]})}));Hl.displayName="DateSelector";var Bl=Hl;const Pl=S((({store:e})=>{const t=L(null),r=L(null),n=L(null),i=L([]),[o,a]=T(0),s=100,l=20,c=20,d=30,h=20,{filteredPeopleCountingData:u,brushFilter:p}=e,f=p?i.current.filter((e=>+e.x0>=+p[0]&&+e.x1<=+p[1])).reduce(((e,t)=>e+t.length),0):null;return M((()=>{const e=new je((e=>{for(const t of e){const e=t.contentRect.width;a(e)}}));return e.observe(t.current),()=>e.disconnect()}),[]),M((()=>{const t=we(r.current);if(!o)return;for(const e of u)e.timestamp=new Date(e.TimeStamp);const a=be(u,(e=>e.timestamp)),p=Me(Ie.offset(a[0],-1),Ie.offset(a[1],1)),f=_e().extent([[h,l],[o-c,s-d]]).on("end",(function({selection:t,sourceEvent:r}){if(!r)return;if(!t)return void e.setBrushFilter(null);const n=ke.every((+i.current[0].x1-+i.current[0].x0)/6e4||30);let[o,a]=t.map((e=>n.round(m.invert(e))));if(+o==+a&&(o=n.floor(m.invert(t[0])),a=n.ceil(m.invert(t[1])),+o==+a))return we(this).transition().call(f.move,null),void e.setBrushFilter(null);e.setBrushFilter([o,a]),we(this).transition().call(f.move,a>o?[o,a].map(m):null)}));n.current=f;const m=Te().domain(be(p)).nice().range([h,o-c]);i.current=u.length?xe().value((e=>e.timestamp)).domain(m.domain()).thresholds(m.ticks(24))(u):[];const g=Le().domain([0,Ce(i.current,(e=>e.length))]).nice().range([s-d,l]),y=t.select(".bars").selectAll(".bar").data(i.current);y.exit().remove();const v=y.enter().append("g").attr("class","bar");if(v.append("rect").attr("x",(e=>m(e.x0)+1)).attr("width",(e=>Math.max(0,m(e.x1)-m(e.x0)-1))).attr("y",(e=>g(e.length))).attr("height",(e=>g(0)-g(e.length))),y.select("rect").attr("x",(e=>m(e.x0)+1)).attr("width",(e=>Math.max(0,m(e.x1)-m(e.x0)-1))).attr("y",(e=>g(e.length))).attr("height",(e=>g(0)-g(e.length))),v.append("text").attr("dy",".75em").attr("y",(e=>g(e.length)-10)).attr("x",(e=>m(e.x0)+1+Math.max(0,m(e.x1)-m(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),y.select("text").attr("dy",".75em").attr("y",(e=>g(e.length)-10)).attr("x",(e=>m(e.x0)+1+Math.max(0,m(e.x1)-m(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),u.length){const[r,n]=m.domain(),[i,o]=m.range(),a=(o-i)/(+n-+r)*3600*1e3,s=30,l=De(m).ticks(Ie.every(1)).tickFormat((e=>a>=s?Ne("%H:%M")(e):e.getHours()%(Math.floor(s/a)+1)?"":Ne("%H:%M")(e)));l.scale(m),t.select(".x-axis").attr("transform","translate(0,70)").call(l),t.select(".brush").call(f),e.brushFilter&&t.select(".brush").call(f.move,e.brushFilter.map(m))}else t.select(".x-axis").html(""),t.select(".brush").call(f),t.select(".brush").html("").call(f.move,null)}),[o,u]),M((()=>{n.current&&(e.brushFilter||we(r.current).select(".brush").call(n.current.move,null))}),[e.brushFilter]),v("div",{ref:t,children:[v("div",{style:{paddingLeft:10,paddingRight:10,display:"flex"},children:[Ee.t("peopleCounting"),v("div",{style:{marginLeft:"auto"},children:[null===f?null:y(Qs,{label:Ee.t("selected"),children:y("span",{children:f})}),null===f?null:"/",y(Qs,{label:Ee.t("total"),children:y("span",{children:u.length})})]})]}),v("svg",{ref:r,className:"people-histogram",width:o,height:s,viewBox:`0 0 ${o} 100`,role:"graphics-symbol",children:[y("g",{className:"bars"}),y("g",{className:"x-axis"}),y("g",{className:"brush"})]})]})}));var Ul=Pl;Pl.displayName="PeopleHistogram";const Rl=S((({store:e,onEventClick:t})=>{if(!e)return null;const{filters:r,setFilters:n}=e,{foundObjectTypesForSelect:i}=e.eventSchema,{ref:o,width:a,height:s}=F();return v(b,{children:[y(Bl,{store:e}),y("div",{style:{zIndex:2,padding:"0.5rem"},children:y(Es,{onChange:n,options:i.map((e=>({...e,label:Ee.t(e.label)}))),placeholder:Ee.t("selectObjectType"),values:r,renderOption:nl,renderValue:il})}),y(Ks,{getter:e.getProbabilityThreshold,setter:e.setProbabilityThreshold}),y(xs,{value:e.colors,toggle:e.toggleColor,clear:e.clearColors}),e.analyticsEnabled?y(Ul,{store:e}):null,y("div",{ref:o,style:{flex:1,overflow:"hidden"},children:y(_l,{width:a,height:s,minColumnWidth:120,aspectRatio:1,store:e.eventsLoader,eventRenderer:({data:e,width:r,height:n})=>y(jl,{data:e,cameraNameHidden:!0,onClick:t,width:r,height:n})})})]})}));Rl.displayName="EventSearch";const El=e=>{const t=j(m)??g;return y(Dr.Provider,{value:t,children:y(Rl,{...e})})};El.displayName="EventSearch";var Al=El;(e=>{if(e&&Object.assign(Re,e),Ee.isInitialized){if(Re.resources)for(const e of Object.keys(Re.resources))Ee.addResourceBundle(e,"translation",Re.resources[e].translation,!0);else console.warn("i18n is already initialized");return t(Ee.t)}r(Ee.init(Re))})({resources:{en:{translation:Ue}}});const Vl=(e=g)=>{const t=new Sl(e.eventSchema,e.events,e.account,e.notification);return t.initWith(e.api),t};export{Vl as createEventSearchStore,Al as default};

package/dist/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.47.4"
+      "packageVersion": "7.52.10"
     }
   ]
 }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@3deye-toolkit/react-event-search",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "module": "dist/react-event-search.js",
   "files": [
     "dist"
   ],
   "types": "dist/react-event-search.d.ts",
   "dependencies": {
-    "@3deye-toolkit/core": "0.0.8",
-    "@floating-ui/react": "^0.25.4",
-    "@mantine/hooks": "^6.0.21",
+    "@3deye-toolkit/core": "0.0.10",
+    "@floating-ui/react": "^0.27.15",
+    "@mantine/hooks": "^8.2.3",
     "@seznam/compose-react-refs": "^1.0.6",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.1",
     "d3-array": "^3.2.4",
     "d3-axis": "^3.0.0",
     "d3-brush": "^3.0.0",
@@ -20,18 +20,18 @@
     "d3-time": "^3.1.0",
     "d3-time-format": "^4.1.0",
     "date-fns": "^2.30.0",
-    "i18next": "23.5.1",
+    "i18next": "25.3.4",
     "lodash": "4.17.21",
     "memoize-one": "^6.0.0",
-    "mobx": "^6.10.2",
-    "mobx-react-lite": "^3.4.3",
+    "mobx": "6",
+    "mobx-react-lite": "^4.1.0",
     "react-ink": "^6.5.4",
     "resize-observer-polyfill": "^1.5.1",
-    "rxjs": "^7.8.1"
+    "rxjs": "7"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17 || ^18",
-    "react-dom": "^16.8.0 || ^17 || ^18"
+    "react": "^16.8.0 || ^17 || ^18 || ^19",
+    "react-dom": "^16.8.0 || ^17 || ^18 || ^19"
   },
   "publishConfig": {
     "access": "public",