@3deye-toolkit/react-event-search 0.0.3 → 0.0.4

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

@@ -12,6 +12,7 @@ declare class AccountStore extends ApiStore {
     user: User | null;
     auth: Auth;
     constructor(notification?: NotificationService | undefined);
+    get isSharingUserAccount(): boolean;
     get userDisplayName(): string | null;
     protected afterInit(): void;
     loadUser$(): Observable<RawUser | null>;
@@ -29,7 +30,7 @@ declare class AccountStore extends ApiStore {
     updateCustomPreferences: (preferences: Partial<Preferences>) => Observable<RawUser>;
     setDefaultGroup(groupId: number): Observable<RawUser> | undefined;
     get preferences(): Preferences;
-    getPreference: <T extends PREFERENCES>(key: T) => {
+    getPreference: <T extends (PREFERENCES.UTC | PREFERENCES.HOUR12 | PREFERENCES.START_OF_WEEK) | (PREFERENCES.DEFAULT_VIDEO_RESIZE_MODE | PREFERENCES.RESIZE_MODE_PER_CAMERA | PREFERENCES.FISHEYE_CAMERAS)>(key: T) => {
         utc: boolean;
         hour12: boolean;
         startOfWeek: "monday" | "sunday";
@@ -96,11 +97,12 @@ declare class Api<T extends DeepPartial<IApi>> {
         event: string;
         data: any;
     }>;
-    logging: boolean;
+    logLevel: LOG_LEVEL;
     authStore: Auth;
     createConnection: (accessToken: string) => Connection;
     apiConfig: PartialApi;
     constructor(apiConfig: T, authStore: Auth, createConnection: (accessToken: string) => Connection);
+    log: (level: LOG_LEVEL, ...args: unknown[]) => void;
     connect(token: Token): void;
     shutdownConnection(): void;
     private init;
@@ -430,7 +432,7 @@ declare interface Connection {
     proxies: {
         [P in keyof typeof FULL_API_CONFIG]: {
             on: (eventName: string, callback: (data: any) => void) => void;
-            invoke: any;
+            invoke: (...params: unknown[]) => any;
         };
     };
     createHubProxy: (hubName: string) => void;
@@ -581,7 +583,7 @@ declare class EventsLoader extends ApiStore {
     }[];
     liveUpdateMode: 'manual' | 'auto' | 'disabled';
     disposables: (IReactionDisposer | Subscription)[];
-    pageInfo: PageInfo_2 | null;
+    pageInfo: PageInfo | null;
     loading: boolean;
     loadMoreTrigger: number;
     retryTrigger: number;
@@ -643,7 +645,6 @@ declare class EventsStore extends ApiStore {
     eventsByType: crossfilter.Dimension<CameraEvent, EventType>;
     eventsByFoundObjects: crossfilter.Dimension<CameraEvent, string>;
     eventsByColor: crossfilter.Dimension<CameraEvent, string>;
-    eventsByLiveliness: crossfilter.Dimension<CameraEvent, boolean>;
     pendingRequests: crossfilter.Crossfilter<PendingRequest>;
     pendingRequestsByEnd: crossfilter.Dimension<PendingRequest, number>;
     pendingRequestsByStart: crossfilter.Dimension<PendingRequest, number>;
@@ -654,6 +655,7 @@ declare class EventsStore extends ApiStore {
     knownIntervalsByEnd: crossfilter.Dimension<Interval, number>;
     eventsById: Map<number, CameraEvent>;
     updates: number;
+    updatesByCameraId: Map<number, number>;
     /**
      * Contains recent additions to the store as list of event ids
      * NOTE: do not update several times in single action as we lose info about intermediate additions that way
@@ -688,6 +690,7 @@ declare class EventsStore extends ApiStore {
             misc: boolean;
         };
     }): CameraEvent;
+    getRunningEvent(cameraId: number): CameraEvent | undefined;
     getFirstNonAnalyticEventAfter({ cameraId, date }: {
         cameraId: number;
         date: Date;
@@ -712,7 +715,7 @@ declare type EventType = 'Motion' | 'Tampering' | 'PanTiltZoom' | 'CrossLine' |
 
 declare type ExtendedApi = Api<IApi> & IApi & {
     archives: {
-        GetLongLastingTimeLaps: (cameraId: number) => Observable<any>;
+        GetLongLastingTimeLaps: (cameraId: number) => Observable<ApiResult<RawClip>>;
     };
 };
 
@@ -913,12 +916,17 @@ declare class LibraryStore extends ApiStore {
 declare interface LicensePlate {
     Type: 'LicensePlate';
     Value: string;
-    Number: string;
     ParentIndex: number;
     Box: BoundingBox;
     Probability: number;
 }
 
+declare enum LOG_LEVEL {
+    INFO = 0,
+    WARN = 1,
+    ERROR = 2
+}
+
 declare interface NotificationOptions_2 {
     duration: number;
 }
@@ -961,12 +969,6 @@ declare interface PageInfo {
     haveMore: boolean;
 }
 
-declare interface PageInfo_2 {
-    isDescending: boolean;
-    nextPageToken: number;
-    haveMore: boolean;
-}
-
 declare type PartialApi = DeepPartial<IApi>;
 
 declare type PartialExcept<T, K extends keyof T> = Pick<T, K> & Partial<T>;
@@ -1384,21 +1386,21 @@ declare interface SensorEventsRequest {
 }
 
 declare enum SensorEventType {
-    Motion = 0,
-    Tampering = 1,
-    PanTiltZoom = 2,
-    CrossLine = 3,
-    Intrusion = 4,
-    LicensePlate = 5,
-    FaceDetection = 6,
-    Audio = 7,
-    Analytic = 8,
-    SpeedDetection = 9,
-    PeopleCounter = 10,
-    Temperature = 11,
-    PoS = 12,
-    GPS = 13,
-    DigitalInput = 14,
+    Motion = 0,// Has duration
+    Tampering = 1,// Has duration
+    PanTiltZoom = 2,// Has duration
+    CrossLine = 3,// Has duration
+    Intrusion = 4,// Has duration
+    LicensePlate = 5,// Instant
+    FaceDetection = 6,// Instant
+    Audio = 7,// Has duration
+    Analytic = 8,// Instant, has data
+    SpeedDetection = 9,// Instant, has data
+    PeopleCounter = 10,// Instant, has data
+    Temperature = 11,// Instant, has data
+    PoS = 12,// Instant, ? has data. Point of Sale transaction event
+    GPS = 13,// Instant, has data. GPS coordinates event
+    DigitalInput = 14,// Instant
     Normal = 15,
     Suspicious = 16,
     Loitering = 17,

package/dist/react-event-search.js

@@ -1 +1 @@
-import e from"i18next";import{of as t,from as r,Observable as n,Subscription as a,mergeMap as i,throwError as o,catchError as l,startWith as s,switchMap as c,map as u,exhaustMap as d,EMPTY as h,Subject as m}from"rxjs";import{computed as f,observe as p,makeObservable as g,observable as b,action as v,runInAction as y,reaction as w}from"mobx";import{distinctUntilChanged as E,share as x,switchMap as C,mergeMap as T,catchError as j,map as O}from"rxjs/operators";import M from"earcut";import{AppContext as _,app as P}from"@3deye-toolkit/core";import D,{useState as L,cloneElement as N,useRef as k,useEffect as I,useCallback as F,useMemo as z,useContext as S,useLayoutEffect as A,memo as B}from"react";import{useElementSize as R}from"@mantine/hooks";import{observer as U}from"mobx-react-lite";import H,{components as $}from"react-select";import V from"clsx";import W from"react-ink";import{useFloating as q,offset as Y,flip as Z,shift as G,autoUpdate as Q,useInteractions as J,useHover as X,useRole as K,useDismiss as ee,FloatingPortal as te,useMergeRefs as re,useListItem as ne,useFloatingTree as ae,arrow as ie,FloatingFocusManager as oe}from"@floating-ui/react";import le from"@seznam/compose-react-refs";import{differenceInCalendarDays as se,max as ce,min as ue}from"date-fns";import de from"memoize-one";import{extent as he,bin as me,max as fe}from"d3-array";import{select as pe}from"d3-selection";import{scaleTime as ge,scaleLinear as be}from"d3-scale";import{timeHours as ve,timeHour as ye,timeMinute as we}from"d3-time";import{axisBottom as Ee}from"d3-axis";import{brushX as xe}from"d3-brush";import{timeFormat as Ce}from"d3-time-format";import Te from"resize-observer-polyfill";var je={eventSearchRequestError:{peopleCounting:"Sorry, an error occured during event search. Couldn't fetch people counting data. Please try again later",heatmap:"Sorry, an error occured during event search. Couldn't fetch heatmap. Please try again later"},selectObjectType:"Select object type",color:"color",confidence:"confidence",showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found",today:"today",yesterday:"yesterday",button:{ok:"Ok"},peopleCounting:"People Counting",selected:"selected",total:"total"};const Oe={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},Me=e.createInstance();var _e,Pe;function De(e,t=!1){const r=f(e);return new n((e=>{const n=p(r,(({newValue:t})=>e.next(t)),t);return()=>n()}))}!function(e){e[e.CONNECTING=0]="CONNECTING",e[e.CONNECTED=1]="CONNECTED",e[e.RECONNECTING=2]="RECONNECTING",e[e.DISCONNECTED=3]="DISCONNECTED"}(_e||(_e={})),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"}(Pe||(Pe={}));var Le="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Ne(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ke=function(){this.__data__=[],this.size=0};var Ie=function(e,t){return e===t||e!=e&&t!=t},Fe=Ie;var ze=function(e,t){for(var r=e.length;r--;)if(Fe(e[r][0],t))return r;return-1},Se=ze,Ae=Array.prototype.splice;var Be=function(e){var t=this.__data__,r=Se(t,e);return!(r<0)&&(r==t.length-1?t.pop():Ae.call(t,r,1),--this.size,!0)},Re=ze;var Ue=function(e){var t=this.__data__,r=Re(t,e);return r<0?void 0:t[r][1]},He=ze;var $e=ze;var Ve=function(e,t){var r=this.__data__,n=$e(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},We=ke,qe=Be,Ye=Ue,Ze=function(e){return He(this.__data__,e)>-1},Ge=Ve;function Qe(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])}}Qe.prototype.clear=We,Qe.prototype.delete=qe,Qe.prototype.get=Ye,Qe.prototype.has=Ze,Qe.prototype.set=Ge;var Je=Qe,Xe=Je;var Ke=function(){this.__data__=new Xe,this.size=0};var et=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var tt=function(e){return this.__data__.get(e)};var rt=function(e){return this.__data__.has(e)},nt="object"==typeof Le&&Le&&Le.Object===Object&&Le,at=nt,it="object"==typeof self&&self&&self.Object===Object&&self,ot=at||it||Function("return this")(),lt=ot.Symbol,st=lt,ct=Object.prototype,ut=ct.hasOwnProperty,dt=ct.toString,ht=st?st.toStringTag:void 0;var mt=function(e){var t=ut.call(e,ht),r=e[ht];try{e[ht]=void 0;var n=!0}catch(e){}var a=dt.call(e);return n&&(t?e[ht]=r:delete e[ht]),a},ft=Object.prototype.toString;var pt=mt,gt=function(e){return ft.call(e)},bt=lt?lt.toStringTag:void 0;var vt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":bt&&bt in Object(e)?pt(e):gt(e)};var yt=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},wt=vt,Et=yt;var xt,Ct=function(e){if(!Et(e))return!1;var t=wt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Tt=ot["__core-js_shared__"],jt=(xt=/[^.]+$/.exec(Tt&&Tt.keys&&Tt.keys.IE_PROTO||""))?"Symbol(src)_1."+xt:"";var Ot=function(e){return!!jt&&jt in e},Mt=Function.prototype.toString;var _t=function(e){if(null!=e){try{return Mt.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Pt=Ct,Dt=Ot,Lt=yt,Nt=_t,kt=/^\[object .+?Constructor\]$/,It=Function.prototype,Ft=Object.prototype,zt=It.toString,St=Ft.hasOwnProperty,At=RegExp("^"+zt.call(St).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Bt=function(e){return!(!Lt(e)||Dt(e))&&(Pt(e)?At:kt).test(Nt(e))},Rt=function(e,t){return null==e?void 0:e[t]};var Ut=function(e,t){var r=Rt(e,t);return Bt(r)?r:void 0},Ht=Ut(ot,"Map"),$t=Ut(Object,"create"),Vt=$t;var Wt=function(){this.__data__=Vt?Vt(null):{},this.size=0};var qt=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Yt=$t,Zt=Object.prototype.hasOwnProperty;var Gt=function(e){var t=this.__data__;if(Yt){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Zt.call(t,e)?t[e]:void 0},Qt=$t,Jt=Object.prototype.hasOwnProperty;var Xt=function(e){var t=this.__data__;return Qt?void 0!==t[e]:Jt.call(t,e)},Kt=$t;var er=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Kt&&void 0===t?"__lodash_hash_undefined__":t,this},tr=Wt,rr=qt,nr=Gt,ar=Xt,ir=er;function or(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])}}or.prototype.clear=tr,or.prototype.delete=rr,or.prototype.get=nr,or.prototype.has=ar,or.prototype.set=ir;var lr=or,sr=Je,cr=Ht;var ur=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var dr=function(e,t){var r=e.__data__;return ur(t)?r["string"==typeof t?"string":"hash"]:r.map},hr=dr;var mr=dr;var fr=dr;var pr=dr;var gr=function(e,t){var r=pr(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},br=function(){this.size=0,this.__data__={hash:new lr,map:new(cr||sr),string:new lr}},vr=function(e){var t=hr(this,e).delete(e);return this.size-=t?1:0,t},yr=function(e){return mr(this,e).get(e)},wr=function(e){return fr(this,e).has(e)},Er=gr;function xr(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])}}xr.prototype.clear=br,xr.prototype.delete=vr,xr.prototype.get=yr,xr.prototype.has=wr,xr.prototype.set=Er;var Cr=xr,Tr=Je,jr=Ht,Or=Cr;var Mr=function(e,t){var r=this.__data__;if(r instanceof Tr){var n=r.__data__;if(!jr||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Or(n)}return r.set(e,t),this.size=r.size,this},_r=Je,Pr=Ke,Dr=et,Lr=tt,Nr=rt,kr=Mr;function Ir(e){var t=this.__data__=new _r(e);this.size=t.size}Ir.prototype.clear=Pr,Ir.prototype.delete=Dr,Ir.prototype.get=Lr,Ir.prototype.has=Nr,Ir.prototype.set=kr;var Fr=Ir;var zr=Cr,Sr=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Ar=function(e){return this.__data__.has(e)};function Br(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new zr;++t<r;)this.add(e[t])}Br.prototype.add=Br.prototype.push=Sr,Br.prototype.has=Ar;var Rr=Br,Ur=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},Hr=function(e,t){return e.has(t)};var $r=function(e,t,r,n,a,i){var o=1&r,l=e.length,s=t.length;if(l!=s&&!(o&&s>l))return!1;var c=i.get(e),u=i.get(t);if(c&&u)return c==t&&u==e;var d=-1,h=!0,m=2&r?new Rr:void 0;for(i.set(e,t),i.set(t,e);++d<l;){var f=e[d],p=t[d];if(n)var g=o?n(p,f,d,t,e,i):n(f,p,d,e,t,i);if(void 0!==g){if(g)continue;h=!1;break}if(m){if(!Ur(t,(function(e,t){if(!Hr(m,t)&&(f===e||a(f,e,r,n,i)))return m.push(t)}))){h=!1;break}}else if(f!==p&&!a(f,p,r,n,i)){h=!1;break}}return i.delete(e),i.delete(t),h};var Vr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r};var Wr=ot.Uint8Array,qr=Ie,Yr=$r,Zr=Vr,Gr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},Qr=lt?lt.prototype:void 0,Jr=Qr?Qr.valueOf:void 0;var Xr=function(e,t,r,n,a,i,o){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||!i(new Wr(e),new Wr(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return qr(+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 l=Zr;case"[object Set]":var s=1&n;if(l||(l=Gr),e.size!=t.size&&!s)return!1;var c=o.get(e);if(c)return c==t;n|=2,o.set(e,t);var u=Yr(l(e),l(t),n,a,i,o);return o.delete(e),u;case"[object Symbol]":if(Jr)return Jr.call(e)==Jr.call(t)}return!1};var Kr=function(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e},en=Array.isArray,tn=Kr,rn=en;var nn=function(e,t,r){var n=t(e);return rn(e)?n:tn(n,r(e))};var an=function(e,t){for(var r=-1,n=null==e?0:e.length,a=0,i=[];++r<n;){var o=e[r];t(o,r,e)&&(i[a++]=o)}return i},on=function(){return[]},ln=Object.prototype.propertyIsEnumerable,sn=Object.getOwnPropertySymbols,cn=sn?function(e){return null==e?[]:(e=Object(e),an(sn(e),(function(t){return ln.call(e,t)})))}:on;var un=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var dn=function(e){return null!=e&&"object"==typeof e},hn=vt,mn=dn;var fn=function(e){return mn(e)&&"[object Arguments]"==hn(e)},pn=dn,gn=Object.prototype,bn=gn.hasOwnProperty,vn=gn.propertyIsEnumerable,yn=fn(function(){return arguments}())?fn:function(e){return pn(e)&&bn.call(e,"callee")&&!vn.call(e,"callee")},wn={exports:{}};var En=function(){return!1};!function(e,t){var r=ot,n=En,a=t&&!t.nodeType&&t,i=a&&e&&!e.nodeType&&e,o=i&&i.exports===a?r.Buffer:void 0,l=(o?o.isBuffer:void 0)||n;e.exports=l}(wn,wn.exports);var xn=wn.exports,Cn=/^(?:0|[1-9]\d*)$/;var Tn=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&Cn.test(e))&&e>-1&&e%1==0&&e<t};var jn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},On=vt,Mn=jn,_n=dn,Pn={};Pn["[object Float32Array]"]=Pn["[object Float64Array]"]=Pn["[object Int8Array]"]=Pn["[object Int16Array]"]=Pn["[object Int32Array]"]=Pn["[object Uint8Array]"]=Pn["[object Uint8ClampedArray]"]=Pn["[object Uint16Array]"]=Pn["[object Uint32Array]"]=!0,Pn["[object Arguments]"]=Pn["[object Array]"]=Pn["[object ArrayBuffer]"]=Pn["[object Boolean]"]=Pn["[object DataView]"]=Pn["[object Date]"]=Pn["[object Error]"]=Pn["[object Function]"]=Pn["[object Map]"]=Pn["[object Number]"]=Pn["[object Object]"]=Pn["[object RegExp]"]=Pn["[object Set]"]=Pn["[object String]"]=Pn["[object WeakMap]"]=!1;var Dn=function(e){return _n(e)&&Mn(e.length)&&!!Pn[On(e)]};var Ln=function(e){return function(t){return e(t)}},Nn={exports:{}};!function(e,t){var r=nt,n=t&&!t.nodeType&&t,a=n&&e&&!e.nodeType&&e,i=a&&a.exports===n&&r.process,o=function(){try{var e=a&&a.require&&a.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();e.exports=o}(Nn,Nn.exports);var kn=Nn.exports,In=Dn,Fn=Ln,zn=kn&&kn.isTypedArray,Sn=zn?Fn(zn):In,An=un,Bn=yn,Rn=en,Un=xn,Hn=Tn,$n=Sn,Vn=Object.prototype.hasOwnProperty;var Wn=function(e,t){var r=Rn(e),n=!r&&Bn(e),a=!r&&!n&&Un(e),i=!r&&!n&&!a&&$n(e),o=r||n||a||i,l=o?An(e.length,String):[],s=l.length;for(var c in e)!t&&!Vn.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Hn(c,s))||l.push(c);return l},qn=Object.prototype;var Yn=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||qn)};var Zn=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Gn=Yn,Qn=Zn,Jn=Object.prototype.hasOwnProperty;var Xn=Ct,Kn=jn;var ea=function(e){return null!=e&&Kn(e.length)&&!Xn(e)},ta=Wn,ra=function(e){if(!Gn(e))return Qn(e);var t=[];for(var r in Object(e))Jn.call(e,r)&&"constructor"!=r&&t.push(r);return t},na=ea;var aa=nn,ia=cn,oa=function(e){return na(e)?ta(e):ra(e)};var la=function(e){return aa(e,oa,ia)},sa=Object.prototype.hasOwnProperty;var ca=function(e,t,r,n,a,i){var o=1&r,l=la(e),s=l.length;if(s!=la(t).length&&!o)return!1;for(var c=s;c--;){var u=l[c];if(!(o?u in t:sa.call(t,u)))return!1}var d=i.get(e),h=i.get(t);if(d&&h)return d==t&&h==e;var m=!0;i.set(e,t),i.set(t,e);for(var f=o;++c<s;){var p=e[u=l[c]],g=t[u];if(n)var b=o?n(g,p,u,t,e,i):n(p,g,u,e,t,i);if(!(void 0===b?p===g||a(p,g,r,n,i):b)){m=!1;break}f||(f="constructor"==u)}if(m&&!f){var v=e.constructor,y=t.constructor;v==y||!("constructor"in e)||!("constructor"in t)||"function"==typeof v&&v instanceof v&&"function"==typeof y&&y instanceof y||(m=!1)}return i.delete(e),i.delete(t),m},ua=Ut(ot,"DataView"),da=Ht,ha=Ut(ot,"Promise"),ma=Ut(ot,"Set"),fa=Ut(ot,"WeakMap"),pa=vt,ga=_t,ba="[object Map]",va="[object Promise]",ya="[object Set]",wa="[object WeakMap]",Ea="[object DataView]",xa=ga(ua),Ca=ga(da),Ta=ga(ha),ja=ga(ma),Oa=ga(fa),Ma=pa;(ua&&Ma(new ua(new ArrayBuffer(1)))!=Ea||da&&Ma(new da)!=ba||ha&&Ma(ha.resolve())!=va||ma&&Ma(new ma)!=ya||fa&&Ma(new fa)!=wa)&&(Ma=function(e){var t=pa(e),r="[object Object]"==t?e.constructor:void 0,n=r?ga(r):"";if(n)switch(n){case xa:return Ea;case Ca:return ba;case Ta:return va;case ja:return ya;case Oa:return wa}return t});var _a=Fr,Pa=$r,Da=Xr,La=ca,Na=Ma,ka=en,Ia=xn,Fa=Sn,za="[object Arguments]",Sa="[object Array]",Aa="[object Object]",Ba=Object.prototype.hasOwnProperty;var Ra=function(e,t,r,n,a,i){var o=ka(e),l=ka(t),s=o?Sa:Na(e),c=l?Sa:Na(t),u=(s=s==za?Aa:s)==Aa,d=(c=c==za?Aa:c)==Aa,h=s==c;if(h&&Ia(e)){if(!Ia(t))return!1;o=!0,u=!1}if(h&&!u)return i||(i=new _a),o||Fa(e)?Pa(e,t,r,n,a,i):Da(e,t,s,r,n,a,i);if(!(1&r)){var m=u&&Ba.call(e,"__wrapped__"),f=d&&Ba.call(t,"__wrapped__");if(m||f){var p=m?e.value():e,g=f?t.value():t;return i||(i=new _a),a(p,g,r,n,i)}}return!!h&&(i||(i=new _a),La(e,t,r,n,a,i))},Ua=dn;var Ha=function e(t,r,n,a,i){return t===r||(null==t||null==r||!Ua(t)&&!Ua(r)?t!=t&&r!=r:Ra(t,r,n,a,e,i))},$a=Ha;var Va=Ne((function(e,t){return $a(e,t)}));class Wa{constructor(){Object.defineProperty(this,"api",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]})}initWith(e){this.api=e,this.afterInit&&this.afterInit()}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed||e.unsubscribe():e()}))}}var qa=Ie,Ya=ea,Za=Tn,Ga=yt;var Qa=/\s/;var Ja=function(e){for(var t=e.length;t--&&Qa.test(e.charAt(t)););return t},Xa=/^\s+/;var Ka=vt,ei=dn;var ti=function(e){return e?e.slice(0,Ja(e)+1).replace(Xa,""):e},ri=yt,ni=function(e){return"symbol"==typeof e||ei(e)&&"[object Symbol]"==Ka(e)},ai=/^[-+]0x[0-9a-f]+$/i,ii=/^0b[01]+$/i,oi=/^0o[0-7]+$/i,li=parseInt;var si=function(e){if("number"==typeof e)return e;if(ni(e))return NaN;if(ri(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=ri(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=ti(e);var r=ii.test(e);return r||oi.test(e)?li(e.slice(2),r?2:8):ai.test(e)?NaN:+e},ci=1/0;var ui=function(e){return e?(e=si(e))===ci||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var di=function(e,t,r){var n=-1,a=e.length;t<0&&(t=-t>a?0:a+t),(r=r>a?a:r)<0&&(r+=a),a=t>r?0:r-t>>>0,t>>>=0;for(var i=Array(a);++n<a;)i[n]=e[n+t];return i},hi=function(e,t,r){if(!Ga(r))return!1;var n=typeof t;return!!("number"==n?Ya(r)&&Za(t,r.length):"string"==n&&t in r)&&qa(r[t],e)},mi=function(e){var t=ui(e),r=t%1;return t==t?r?t-r:t:0},fi=Math.ceil,pi=Math.max;var gi=Ne((function(e,t,r){t=(r?hi(e,t,r):void 0===t)?1:pi(mi(t),0);var n=null==e?0:e.length;if(!n||t<1)return[];for(var a=0,i=0,o=Array(fi(n/t));a<n;)o[i++]=di(e,a,a+=t);return o}));const bi=([e,t],[r,n],[a,i])=>{const o=(n-t)*(a-r)-(r-e)*(i-n);return 0===o?0:o>0?1:2},vi=([e,t],[r,n],[a,i])=>r<=Math.max(e,a)&&r>=Math.min(e,a)&&n<=Math.max(t,i)&&n>=Math.min(t,i),yi=(e,t,r)=>!(e<r.x||t<r.y||e>r.x+r.width||t>r.y+r.height),wi=(e,t,r)=>{const n=r.y1*r.x3-r.x1*r.y3+(r.y3-r.y1)*e+(r.x1-r.x3)*t,a=r.x1*r.y2-r.y1*r.x2+(r.y1-r.y2)*e+(r.x2-r.x1)*t;if(n<0!=a<0)return!1;const i=-r.y2*r.x3+r.y1*(r.x3-r.x2)+r.x1*(r.y2-r.y3)+r.x2*r.y3;return i<0?n<=0&&n+a>=i:n>=0&&n+a<=i},Ei=(e,t)=>{if(yi(t.x1,t.y1,e))return!0;if(yi(t.x2,t.y2,e))return!0;if(yi(t.x3,t.y3,e))return!0;if(wi(e.x,e.y,t))return!0;if(wi(e.x+e.width,e.y,t))return!0;if(wi(e.x+e.width,e.y+e.height,t))return!0;if(wi(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 a=bi(e,t,r),i=bi(e,t,n),o=bi(r,n,e),l=bi(r,n,t);return a!==i&&o!==l||!(0!==a||!vi(e,r,t))||!(0!==i||!vi(e,n,t))||!(0!==o||!vi(r,e,n))||!(0!==l||!vi(r,t,n))})(t,e)))))},xi=(e,t)=>{const r=e.map((({x:e,y:t})=>[e,t]));return gi(M(r.flat()),3).some((r=>Ei(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})))},Ci=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput","Loitering"]);class Ti{get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!Ci.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}constructor(e){if(Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cameraId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"raw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbnailHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"faces",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"instant",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"update",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.raw=e}}),g(this,{startTime:f,endTime:f,acknowledged:f,isLive:f,raw:b.ref,update:v}),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=Ci.has(this.type),this.detectedObjects||(this.detectedObjects=[])}}function ji(e,t){return new Date(e.getTime()-60*t*60*1e3)}class Oi extends Wa{get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,r,n,a=(e=>[{data:e,objectIdx:-1}])){super(),Object.defineProperty(this,"eventsStore",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"filters",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"fetcher",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"transformData",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pendingData",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"liveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:"auto"}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pageInfo",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"loadMoreTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"retryTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"error",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadingInitiated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"flushUpdates",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.data=[...this.pendingData,...this.data],this.pendingData=[]}}),Object.defineProperty(this,"setLiveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.liveUpdateMode=e}}),Object.defineProperty(this,"load",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.loadingInitiated||(this.loadingInitiated=!0,this.initDataLoading(),this.initLiveUpdates())}}),Object.defineProperty(this,"reload",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error&&(this.retryTrigger=+!this.retryTrigger)}}),Object.defineProperty(this,"loadMore",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error=null,this.loadMoreTrigger=+!this.loadMoreTrigger}}),Object.defineProperty(this,"queryEvents",{enumerable:!0,configurable:!0,writable:!0,value:e=>this.fetcher(this.api,e).pipe(i((e=>e.success?t({events:e.resultItems,pageInfo:e.pageInfo}):o((()=>e.error)))),l((e=>(console.error(e),this.error=e,t({events:[],pageInfo:null})))))}),g(this,{data:b.ref,pendingData:b.ref,liveUpdateMode:b,setLiveUpdateMode:v,flushUpdates:v,pageInfo:b.ref,isLive:f,loading:b,loadMoreTrigger:b,retryTrigger:b,error:b.ref,loadMore:v})}initDataLoading(){this.disposables.push(this.filters.updated$.pipe(s(null),c((e=>De((()=>this.retryTrigger),!0).pipe(u((()=>e))))),c((()=>(y((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{y((()=>{var r,n,a;if(!t)return;const i=e.map(Mi);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:null!==(n=null===(r=i[0])||void 0===r?void 0:r.startTime)&&void 0!==n?n:ji(new Date,1),to:null,probability:null!==(a=this.filters.probabilityThreshold)&&void 0!==a?a:void 0})),i).flatMap(this.transformData):this.data=i.flatMap(this.transformData),this.eventsStore.add(i),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(s(null),c((()=>De((()=>this.loadMoreTrigger)).pipe(d((()=>{var e;return this.queryEvents(null===(e=this.pageInfo)||void 0===e?void 0:e.nextPageToken)})))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(Mi);this.eventsStore.add(r),y((()=>{this.data=this.data.concat(r.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(De((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?De((()=>this.eventsStore.recentAdditions)):h))).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&&y((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(De((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(c((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?De((()=>this.eventsStore.recentAdditions)):(this.pendingData&&y((()=>this.pendingData=[])),h)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&y((()=>{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(){this.disposables.forEach((e=>{e instanceof a?e.closed||e.unsubscribe():e()}))}}function Mi(e){return new Ti(e)}class _i{get regionsWkt(){return this.regions?this.regions.map((e=>this.regionToWktPolygon(e))):[]}constructor(){Object.defineProperty(this,"from",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"to",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"cameras",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"eventTypes",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"updated$",{enumerable:!0,configurable:!0,writable:!0,value:new m}),g(this,{from:b,to:b,probabilityThreshold:b,cameras:b.struct,detectedObjects:b.struct,regions:b.ref,eventTypes:b.struct,sortDirection:b,colors:b.ref,filterJson:f}),w((()=>({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=>Pe[e]));t=t.filter((t=>e.includes(t.type)))}return this.detectedObjects.length&&(t=t.filter((e=>e.detectedObjects.some((e=>{var t;const{probabilityThreshold:r}=this;return!(null!==r&&e.Probability<r)&&(this.colors.size?this.detectedObjects.includes(e.Type)&&"Colors"in e&&(null===(t=e.Colors)||void 0===t?void 0:t.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=>{var t;const{probabilityThreshold:r}=this;return!(null!==r&&e.Probability<r)&&("Colors"in e&&(null===(t=e.Colors)||void 0===t?void 0:t.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 (())"}}function Pi(e,t){const r=new Date(e);return r.setHours(23,59,59,999),t&&r.setUTCHours(23,59,59,999),r}const Di=(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(),Li=(e,t,r)=>r?e.getUTCFullYear()===t.getUTCFullYear():e.getFullYear()===t.getFullYear();function Ni(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)}const ki={Top:0,Left:0,Bottom:1,Right:1};class Ii extends Wa{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}get params(){return this.eventSchema.schemaDescription.filter((e=>"filter"===e.parameterType))}get filteredData(){let e=[];const t=this.filters.map((e=>e.id));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=>{var t;return"Colors"in e&&(null===(t=e.Colors)||void 0===t?void 0:t.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&&n.length&&(e=e.filter((e=>e.detectedObjects.some((e=>{var r;return(!t.length||t.includes(e.Type))&&(!this.colors.size||"Colors"in e&&(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>this.colors.has(e.Color)))))&&e.Probability>=this.probabilityThreshold&&n.some((t=>xi(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(null==e?void 0:e.length)?this.peopleCountingData.filter((t=>e.some((e=>xi(e,{x:t.Left,y:t.Top,width:t.Right-t.Left,height:t.Bottom-t.Top}))))):this.peopleCountingData}constructor(e,r,n,a,i){super(),Object.defineProperty(this,"eventSchema",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"events",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"account",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"notification",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"heatmaps",{enumerable:!0,configurable:!0,writable:!0,value:i}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"analyticsEnabled",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cameraId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"date",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"filters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"peopleCountingDataLoading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"heatmapMode",{enumerable:!0,configurable:!0,writable:!0,value:"selection"}),Object.defineProperty(this,"heatmapLoading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"heatmap",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"peopleCountingData",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"brushFilter",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"eventsLoader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"loaderFilters",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"setDate",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.date=e,this.brushFilter=null}}),Object.defineProperty(this,"setFilters",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.filters=e}}),Object.defineProperty(this,"getProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.probabilityThreshold}),Object.defineProperty(this,"setProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.probabilityThreshold=e}}),Object.defineProperty(this,"setBrushFilter",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.brushFilter=e}}),Object.defineProperty(this,"setParams",{enumerable:!0,configurable:!0,writable:!0,value:({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)}}),Object.defineProperty(this,"searchFullFrame",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.clear(),this.cameraId=e,this.peopleCountingData=[],this.date||(this.date=new Date),this.triggerLoad()}}),Object.defineProperty(this,"triggerLoad",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.loadTrigger++}}),Object.defineProperty(this,"setRegions",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.regions=e.length?e:null}}),Object.defineProperty(this,"setHeatmapMode",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.heatmapMode=e}}),Object.defineProperty(this,"toggleColor",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t}}),Object.defineProperty(this,"clearColors",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.colors=new Set}}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.cameraId=null,this.date=null,this.regions=null,this.brushFilter=null,this.heatmap=null,this.data=[],this.peopleCountingData=[]}}),Object.defineProperty(this,"initDataFetching",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const e=De((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(E(Va),x());this.disposables.push(De((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,filters:this.filters,brushFilter:this.brushFilter,colors:this.colors,probabilityThreshold:this.probabilityThreshold})),!0).pipe(E(Va),x()).subscribe((e=>{y((()=>{if(!e.startTime||!e.cameraId)return;this.loaderFilters.sortDirection="DESC";const{startTime:t}=e,r=Pi(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.id)),this.loaderFilters.eventTypes=[Pe.Analytic],this.loaderFilters.colors=e.colors,this.loaderFilters.probabilityThreshold=e.probabilityThreshold,this.eventsLoader.load()}))})));const r=this.heatmaps;r&&(this.disposables.push(e.pipe(C((e=>{if(!e.startTime||!e.cameraId)return h;y((()=>{this.peopleCountingDataLoading=!0}));const{startTime:r}=e,n=Pi(r,this.account.preferences.utc),a=e.regions?this.boxRegions(e.regions):ki;return this.api.cameras.GetPeopleCountingData(e.cameraId,r,n,a).pipe(T((e=>e.success?t(e.resultItems):o((()=>e.error))))).pipe(j((e=>(this.notification.error(Me.t("eventSearchRequestError.peopleCounting")),console.error(e),t([])))))}))).subscribe((e=>{y((()=>{this.peopleCountingData=e,this.peopleCountingDataLoading=!1}))}))),this.disposables.push(De((()=>({startTime:this.startTime,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(E(Va),C((e=>{if(!e.startTime||!e.cameraId)return h;y((()=>{this.heatmapLoading=!0}));const{startTime:n}=e,a=Pi(n,this.account.preferences.utc);return r.fetchHeatmaps(e.cameraId,n,a,1).pipe(O((e=>e[0]||null))).pipe(j((e=>(this.notification.error(Me.t("eventSearchRequestError.heatmap")),console.error(e),t(null)))))}))).subscribe((e=>{y((()=>{this.heatmap=e,this.heatmapLoading=!1}))}))))}}),g(this,{cameraId:b,date:b,setDate:v,startTime:f,regions:b.ref,filters:b.ref,colors:b.ref,peopleCountingDataLoading:b,heatmapMode:b,heatmapLoading:b,data:b.ref,heatmap:b.ref,peopleCountingData:b.ref,probabilityThreshold:b,brushFilter:b.ref,params:f,filteredData:f,filteredPeopleCountingData:f,setFilters:v,setBrushFilter:v,setParams:v,searchFullFrame:v,setRegions:v,setHeatmapMode:v,toggleColor:v,clearColors:v,clear:v,loadTrigger:b}),this.analyticsEnabled=Boolean(i);const l=this.loaderFilters=new _i,s=(e=>(t,r)=>{var n,a;return t.cameras.GetSensorEventsPage({sensorIds:e.cameras,sensorType:"camera",sensorEventTypes:e.eventTypes,startTime:null!==(n=e.from)&&void 0!==n?n:void 0,endTime:null!==(a=e.to)&&void 0!==a?a:void 0,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:r},e.filterJson,e.regionsWkt)})(l);this.eventsLoader=new Oi(r,l,s,(e=>e.detectedObjects.map(((e,t)=>{var r,n;return l.detectedObjects.length&&!l.detectedObjects.includes(e.Type)||l.colors.size&&"Colors"in e&&!(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>l.colors.has(e.Color))))||null!==l.probabilityThreshold&&e.Probability<l.probabilityThreshold||(null===(n=l.regions)||void 0===n?void 0:n.length)&&!l.regions.some((t=>xi(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}}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)}dispose(){this.disposables.forEach((e=>{e instanceof a?e.closed||e.unsubscribe():e()}))}}const Fi=D.createContext(null);function zi(e){return D.forwardRef(((t,r)=>{const{size:n=24,color:a="currentColor",className:i,...o}=t,l=e.viewBox||"0 0 24 24",s=e.svg;return D.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:V("icon",i),width:n,fill:a,viewBox:l,...o},s)}))}const Si=zi({viewBox:"0 0 24 24",svg:D.createElement("g",null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}))});Si.displayName="LabelIcon";const Ai=zi({viewBox:"0 0 24 24",svg:D.createElement("g",null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}))});Ai.displayName="CameraIcon";const Bi=zi({viewBox:"0 0 24 24",svg:D.createElement("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"})});Bi.displayName="LuggageIcon";const Ri=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}))});Ri.displayName="CarIcon";const Ui=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}))});Ui.displayName="BoatIcon";const Hi=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("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"}))});Hi.displayName="BicycleIcon";const $i=zi({viewBox:"0 0 24 24",svg:D.createElement("g",null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}))});$i.displayName="DirectionsWalkIcon";const Vi=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),D.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),D.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),D.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),D.createElement("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"}))});Vi.displayName="PetsIcon";const Wi=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}),D.createElement("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"}),D.createElement("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"}),D.createElement("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"}))});Wi.displayName="LicensePlateIcon";const qi=zi({viewBox:"0 96 960 960",svg:D.createElement(D.Fragment,null,D.createElement("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"}))});qi.displayName="DetectorSmokeIcon";const Yi=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("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"}))});Yi.displayName="FireIcon";const Zi=zi({viewBox:"0 0 24 24",svg:D.createElement("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"})});Zi.displayName="LoiteringIcon";const Gi=({data:e})=>{const t=16;return"licensePlate"===e.type?null:e.id===Pe.Loitering?D.createElement(Zi,{size:16}):"detectedObject"!==e.type?D.createElement(Ai,{size:t}):"Luggage"===e.id?D.createElement(Bi,{size:t}):"Car"===e.id?D.createElement(Ri,{size:t}):"Person"===e.id?D.createElement($i,{size:t}):"Bicycle"===e.id?D.createElement(Hi,{size:t}):"Boat"===e.id?D.createElement(Ui,{size:t}):"Animal"===e.id?D.createElement(Vi,{size:t}):"LicensePlate"===e.id?D.createElement(Wi,{size:t}):"Smoke"===e.id?D.createElement(qi,{size:t}):"Fire"===e.id?D.createElement(Yi,{size:t}):D.createElement(Si,{size:t})},Qi=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:a}=$,{data:i}=e,o={...r,style:{display:"flex",alignItems:"center"}};return D.createElement(a,{innerProps:o,...n},D.createElement(Gi,{data:i}),D.createElement("div",{style:{marginLeft:4}},"detectedObject"===i.type?Me.t(t):t))},Ji={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},Xi={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},Ki={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},eo={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},to={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600"},ro=({children:e,label:t,placement:r="bottom",disabled:n})=>{const[a,i]=L(!1),{x:o,y:l,refs:s,strategy:c,context:u}=q({placement:r,open:a,onOpenChange:i,middleware:[Y(5),Z(),G({padding:8})],whileElementsMounted:(e,t,r)=>Q(e,t,r,{animationFrame:!0})}),{getReferenceProps:d,getFloatingProps:h}=J([X(u,{enabled:!n}),K(u,{role:"tooltip"}),ee(u,{referencePress:!0})]);return D.createElement(D.Fragment,null,N(e,d({ref:le(s.setReference,e.ref),...e.props})),D.createElement(te,{id:"x-3deye-floating-ui-root"},a&&D.createElement("div",{...h({ref:s.setFloating,className:"x-3deye-tooltip",style:{position:c,top:null!=l?l:0,left:null!=o?o:0}})},t)))};class no extends D.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:a,type:i,title:o,placement:l,...s}=this.props,c=V(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},a?`x-3deye-button--${a}`:void 0),u=D.createElement("button",{ref:e,className:c,type:i||"button",...s},t,s.disabled?null:D.createElement(W,null));return void 0===o?u:D.createElement(ro,{label:o,placement:l,disabled:!o},u)}}const ao=D.forwardRef(((e,t)=>D.createElement(no,{forwardedRef:t,...e}))),io=zi({viewBox:"0 0 24 24",svg:D.createElement("g",null,D.createElement("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"}),D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});io.displayName="CloseIcon";const oo=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),D.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});oo.displayName="DoneIcon";const lo=[{color:eo[500],name:"red",highlightColor:eo[100]},{color:Xi[500],name:"green",highlightColor:Xi[100]},{color:Ji[500],name:"blue",highlightColor:Ji[100]},{color:to[500],name:"yellow",highlightColor:to[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:Ki[500],name:"dimgrey",highlightColor:Ki[100]}];new Map(lo.map((({color:e,name:t})=>[t,e])));const so=U((({value:e,clear:t,toggle:r})=>D.createElement("div",{className:"color-selector"},D.createElement("div",{style:{textTransform:"uppercase"}},Me.t("color")),D.createElement("div",{className:"color-selector__items"},lo.map((({color:t,highlightColor:n,name:a})=>D.createElement("button",{key:a,className:V("color-selector__item",{selected:e.has(a)}),style:{backgroundColor:t},onClick:r.bind(null,a)},D.createElement(oo,{color:n,size:20})))),D.createElement(ao,{className:"color-selector__clear",disabled:!e.size,onClick:t},D.createElement(io,{size:20}))))));so.displayName="ColorSelector";const co=(e,t,r)=>Math.min(Math.max(e,t),r),uo=e=>Math.round(e),ho=D.forwardRef((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:a=!1,labelFormat:i=(e=>`${e}`),style:o},l)=>{const s=k(null),c=k(null),[u,d]=L(!1),[h,m]=L(e);I((()=>{if(!u)return;const e=s.current;if(!e)return;let a=0,i=0;const o=e.getBoundingClientRect();if(!o)return;const l=({clientX:e,clientY:r})=>{if(!c.current)return;let l=0;"horizontal"===n?(a=co(e-o.x,0,o.width),l=a/o.width*100,c.current.style.transform=`translateX(${a}px)`):(i=o.height-co(r-o.y,0,o.height),l=i/o.height*100,c.current.style.transform=`translateY(${-i}px)`),m(l),null==t||t(uo(l))},h=({clientX:e,clientY:a})=>{if(d(!1),!c.current)return;const i="horizontal"===n?co(e-o.x,0,o.width)/o.width*100:100*(1-co(a-o.y,0,o.height)/o.height);c.current.style.transform="",m(i),null==t||t(uo(i)),null==r||r(uo(i))},f=()=>{if(d(!1),!c.current)return;const e="horizontal"===n?a/o.width*100:i/o.height*100;c.current.style.transform="",null==t||t(uo(e)),null==r||r(uo(e))};return e.addEventListener("pointercancel",f),e.addEventListener("pointermove",l),e.addEventListener("pointerup",h),()=>{e.removeEventListener("pointercancel",f),e.removeEventListener("pointermove",l),e.removeEventListener("pointerup",h)}}),[u,n,t]);const f=F((({clientX:e,clientY:r,pointerId:i})=>{if(!s.current||a)return;d(!0),s.current.setPointerCapture(i);const o=s.current.getBoundingClientRect();if(!o)return;if(!c.current)return;let l=0;if("horizontal"===n){const t=co(e-o.x,0,o.width);l=t/o.width*100,c.current.style.transform=`translateX(${t}px)`}else{const e=o.height-co(r-o.y,0,o.height);l=e/o.height*100,c.current.style.transform=`translateY(${-e}px)`}m(l),null==t||t(uo(l))}),[n,a]),p=F((n=>{if(a)return;let i=null;"ArrowLeft"===n.code?i=Math.max(e-1,0):"ArrowRight"===n.code?i=Math.min(e+1,100):"ArrowDown"===n.code?i=Math.max(e-1,0):"ArrowUp"===n.code&&(i=Math.min(e+1,100)),null!==i&&(n.stopPropagation(),n.preventDefault(),null==t||t(i),null==r||r(i))}),[e,t,r,n,a]);return D.createElement("div",{ref:le(l,s),tabIndex:0,onKeyDown:p,className:V("x-3deye-slider",n,{disabled:a}),onPointerDown:f,style:o},D.createElement("div",{className:"x-3deye-slider__track"},D.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${u?h:e}%`:void 0,height:"vertical"===n?`${u?h:e}%`:void 0}})),D.createElement("div",{ref:c,className:V("x-3deye-slider__thumb",{active:u}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===n?u?0:`${e}%`:"auto",bottom:"vertical"===n?u?0:`${e}%`:"auto"}},null!==i&&D.createElement("div",{className:"x-3deye-slider__label "+(u?"open":"")},i(u?uo(h):e))))}));ho.displayName="Slider";const mo=U((({getter:e,setter:t})=>{const[r,n]=L(0),a=k(null),i=Math.floor(100*e());return I((()=>w(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),D.createElement("div",{ref:a,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10}},D.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},D.createElement("div",{style:{textTransform:"uppercase"}},Me.t("confidence")),D.createElement("div",{style:{fontSize:"1.1em"}},i,"%")),D.createElement("div",{style:{padding:"0 10px"}},D.createElement(ho,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));mo.displayName="ProbabilitySlider";var fo,po=(fo=8,{container:e=>({...e,padding:fo}),control:(e,t)=>({...e,borderRadius:8,backgroundColor:t.isFocused?"white":"rgba(0, 0, 0, 0.5)",border:"none",boxShadow:null,"&:hover":{borderColor:null}}),menu:e=>({...e,width:`calc(100% - ${2*fo}px)`,marginTop:fo?0:e.marginTop}),option:e=>({...e,color:"black"}),multiValueRemove:e=>({...e,color:"black"}),placeholder:(e,t)=>({...e,color:t.isFocused?e.color:"hsl(0, 0%, 70%)"})});const go=zi({viewBox:"0 0 24 24",svg:D.createElement("g",null,D.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});go.displayName="ChevronRightIcon";const bo=D.createContext(null);D.forwardRef((({className:e,children:t,title:r,...n},a)=>{const i=D.useContext(bo);if(!i)return;const{refs:o,isNested:l,isOpen:s,hasFocusInside:c,item:u,parent:d,setHasFocusInside:h,getReferenceProps:m}=i;return D.createElement(ao,{ref:re([o.setReference,u.ref,a]),tabIndex:l?(null==d?void 0:d.activeIndex)===u.index?0:-1:void 0,role:l?"menuitem":void 0,"data-open":s?"":void 0,"data-nested":l?"":void 0,"data-focus-inside":c?"":void 0,className:V(e,{"menu-item":l,"menu-button":!l}),title:s?null:r,...m(null==d?void 0:d.getItemProps({...n,onFocus(e){var t;null===(t=n.onFocus)||void 0===t||t.call(n,e),h(!1),d.setHasFocusInside(!0)}}))},t,l&&D.createElement(go,{style:{marginLeft:"auto"},"aria-hidden":!0,size:20}))})).displayName="MenuButton";D.forwardRef((({label:e,disabled:t,className:r,children:n,...a},i)=>{const o=D.useContext(bo),l=ne({label:t?null:e}),s=ae();if(!o)return null;const c=l.index===o.activeIndex;return D.createElement(ao,{...a,ref:re([l.ref,i]),type:"button",role:"menuitem",className:V(r,"menu-item"),tabIndex:c?0:-1,disabled:t,...o.getItemProps({onClick(e){var t;null===(t=a.onClick)||void 0===t||t.call(a,e),null==s||s.events.emit("click")},onFocus(e){var t;null===(t=a.onFocus)||void 0===t||t.call(a,e),o.setHasFocusInside(!0)}})},e||n)})).displayName="MenuItem";const vo=U((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:a})=>{const i=k(null),{ref:o,menuContext:l}=function(){const[e,t]=L(!1),[r,n]=L(),a=F((e=>{n(e||void 0)}),[]),[i]=L((()=>new Set)),o=z((()=>({subscribe:e=>(i.add(e),()=>i.delete(e)),setOpened:t})),[]);return I((()=>{if(r)return r.addEventListener("contextmenu",e),()=>{r.removeEventListener("contextmenu",e)};function e(e){e.preventDefault();for(const t of i)t(e)}}),[r]),{ref:a,menuContext:o,opened:e}}();return D.createElement("div",{ref:le(i,o),onDragStart:t=>{var r;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 n=null===(r=i.current)||void 0===r?void 0:r.querySelector("img");if(n){const{x:e,y:r}=n.getBoundingClientRect();t.dataTransfer.setDragImage(n,t.clientX-e,t.clientY-r)}},className:"event-list-item",onClick:()=>null==r?void 0:r(e),onAuxClick:t=>null==n?void 0:n(t,e),draggable:!0},t,a&&D.createElement(a,{ctx:l,data:e}))}));vo.displayName="EventListItem";const yo=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),D.createElement("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"}))});yo.displayName="ThermostatIcon";const wo=U((({data:e})=>{if("Temperature"!==e.type)return null;const t=Number(e.raw.data);return D.createElement("div",{className:"event-list-item__temperature"},D.createElement(yo,null),D.createElement("span",null,(t-273.15).toFixed(1),"°C")," / ",D.createElement("span",null,(9*t/5-459.67).toFixed(1)," °F"))}));wo.displayName="Temperature";const Eo=(e,{locale:t,utc:r=!1,hour12:n=!1,seconds:a,year:i=!1,dayOfWeek:o=!1,day:l=!1})=>{const s={hour:"numeric",minute:"numeric",hour12:n||void 0,hourCycle:n?void 0:"h23"};return r&&(s.timeZone="UTC"),a&&(s.second="numeric"),i&&(s.year="numeric"),o&&(s.weekday="short"),l&&(s.day="numeric",s.month="short"),new Intl.DateTimeFormat(t,s).format(e)},xo=(e,t)=>t?e.getUTCSeconds():e.getSeconds();const Co=U((({from:e,to:t})=>{const{account:{preferences:{utc:r,hour12:n}}}=S(Fi);return D.createElement(D.Fragment,null,function(e,t,{locale:r,utc:n=!1,hour12:a=!1}={}){let i="",o="";const l=Boolean(xo(e,n)||xo(t,n)),s={from:!1,to:!1},c={from:!1,to:!1},u={from:!1,to:!1};return Li(e,new Date,n)?Di(e,new Date,n)||(Di(e,t,n)?(u.from=!0,c.from=!0):(u.from=!0,c.from=!0,u.to=!0,c.to=!0)):(s.from=!0,u.from=!0,u.to=!0,s.to=!Li(e,t,n)),i=Eo(e,{locale:r,utc:n,hour12:a,seconds:l,year:s.from,dayOfWeek:c.from,day:u.from}),+e==+t?i:(o=Eo(t,{locale:r,utc:n,hour12:a,seconds:l,year:s.to,dayOfWeek:c.to,day:u.to}),`${i} - ${o}`)}(e,t,{locale:Me.language,utc:r,hour12:n}))}));Co.displayName="DisplayPeriod";const To=U((({data:e,cameraNameHidden:t})=>{var r;const n=S(Fi),{cameras:a}=n,i=a.loaded&&(null===(r=a.camerasById.get(e.cameraId))||void 0===r?void 0:r.name)||"...";return D.createElement("div",{className:"event-list-item-caption"},D.createElement("div",{className:"event-list-item__time"},D.createElement(Co,{from:e.startTime,to:e.endTime})),t?null:D.createElement(D.Fragment,null,D.createElement("div",null,e.type),D.createElement("div",{className:"event-list-item__camera-name",title:i},i)),+e.endTime-+e.startTime>0&&D.createElement("div",{className:"event-list-item__duration"},function(e,t,r=!0){if((e=Math.round(e/1e3))<60)return t("duration.ss",{seconds:e});const n=e%60;let a=(e-n)/60;if(a<60)return!n&&r?t("duration.mm",{minutes:a}):t("duration.mmss",{minutes:a,seconds:`${n}`.padStart(2,"0")});const i=Math.floor(a/60);if(a-=60*i,!n&&!a&&r)return t("duration.hh",{hours:i});const o=r?`${a}`:`${a}`.padStart(2,"0");return!n&&a&&r?t("duration.hhmm",{hours:i,minutes:o}):t("duration.hhmmss",{hours:i,minutes:o,seconds:`${n}`.padStart(2,"0")})}(+e.endTime-+e.startTime,Me.t)),D.createElement(wo,{data:e}))}));To.displayName="EventListItemCaption";const jo=U((({data:{data:e,objectIdx:t},width:r,height:n,cameraNameHidden:a,onClick:i,onAuxClick:o,menuComponent:l})=>{let s=null;const{thumbnailWidth:c,thumbnailHeight:u}=e;s=e.detectedObjects[t];const{Box:{Bottom:d,Left:h,Right:m,Top:f}}=s,p="Person"===(null==s?void 0:s.Type)?.8:1,{imageTop:g,imageLeft:b,imageScale:v}=function(e,t,r,n,a,i=1){const{top:o,left:l,bottom:s,right:c}=r,u=o*n,d=l*a,h=(s-o)*n,m=(c-l)*a;let f=1,p=0,g=0;return e/t>m/h?(f=t/h*i,p=-u*f+(t-h*f)/2,g=-(d+m/2)*f+e/2):(f=e/m*i,p=-(u+h/2)*f+t/2,g=-d*f),{imageTop:p,imageLeft:g,imageScale:f}}(r,n,{top:f,left:h,bottom:d,right:m},u,c,p);return D.createElement(vo,{onClick:i,onAuxClick:o,data:e,width:r,height:n,cameraNameHidden:a,menuComponent:l},D.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},D.createElement("img",{key:e.thumbnailUrl,src:e.thumbnailUrl,style:{position:"absolute",top:g,left:b,width:c*v,height:u*v}}),D.createElement(W,{radius:r}),D.createElement(To,{data:e,cameraNameHidden:!0})))}));jo.displayName="DetectedObjectCell";const Oo=({size:e=48})=>D.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},D.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(0 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(30 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(60 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(90 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(120 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(150 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(180 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(210 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(240 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(270 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(300 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),D.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(330 50 50) translate(0 -30)"},D.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));Oo.displayName="Preloader";var Mo=Cr;function _o(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var o=e.apply(this,n);return r.cache=i.set(a,o)||i,o};return r.cache=new(_o.Cache||Mo),r}_o.Cache=Mo;const Po=Ne(_o)((()=>{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 Do(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}const Lo=({className:e,style:t,box:{Top:r,Left:n,Right:a,Bottom:i}})=>D.createElement(D.Fragment,null,D.createElement("div",{className:e,style:{position:"absolute",top:100*r+"%",left:100*n+"%",bottom:100*(1-i)+"%",right:100*(1-a)+"%",...t}}));function No({style:e}){return D.createElement("div",{className:"frame",style:e},D.createElement("div",{className:"corner-highlight-tl"}),D.createElement("div",{className:"corner-highlight-tr"}),D.createElement("div",{className:"corner-highlight-br"}),D.createElement("div",{className:"corner-highlight-bl"}))}function ko({Top:e,Left:t,Bottom:r,Right:n},a,i,o,l){const s=l*e,c=l*r;return s>i?[0,-1]:c>i?[0,1]:o*t>a?[-1,0]:o*n>a?[1,0]:[0,s>c?1:-1]}function Io(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}Lo.displayName="LicensePlateLpr";const Fo=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:a,thumbHeight:i,width:o,height:l})=>{const{Top:s,Left:c,Right:u,Bottom:d}=t,h=100/a/(u-c),m={top:2},f=k(null);return A((()=>{if(!f.current)return;const{width:e,height:r}=f.current.getBoundingClientRect(),n=ko(t,e,r,o,l);n[0]=n[0]*(e+(u-c)*o)/2,n[1]=n[1]*(r+(d-s)*l)/2;const a=Do(Io({Top:(s+d)/2*l-r/2,Left:(c+u)/2*o-e/2,Bottom:(s+d)/2*l+r/2,Right:(c+u)/2*o+e/2},n),o,l,0);f.current.style.top=`${a.Top+2*Math.sign(n[1])}px`,f.current.style.left=`${a.Left+2*Math.sign(n[0])}px`})),c>=1-u?m.left=2:m.right=2,D.createElement(D.Fragment,null,D.createElement("div",{ref:f,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`},D.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),D.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100*r),"%")),D.createElement(Lo,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),D.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:a*(u-c)*h,height:i*(d-s)*h,...m}},D.createElement("img",{style:{width:a*h,height:i*h,transform:`translate(-${100*c}%, -${100*s}%)`},src:n}),D.createElement(No,null)))};Fo.displayName="FaceHighlight";const zo=D.memo((({value:e})=>e?D.createElement(D.Fragment,null,e.split("").map(((e,t)=>(e=>{const t=e.charCodeAt(0);return t>=48&&t<=57})(e)?D.createElement("span",{key:`d${t}${e}`,className:"digit"},e):D.createElement("span",{key:`${t}${e}`,className:"char"},e)))):null));zo.displayName="LicensePlateNumber";const So=({detectedObject:e,height:t,width:r,url:n,thumbWidth:a,thumbHeight:i})=>{const{Type:o,Box:{Top:l,Left:s,Right:c,Bottom:u},Probability:d}=e,h=e.Value||e.Number,m=k(null);A((()=>{if(!m.current)return;const e=m.current.getBoundingClientRect();let n=(s+c)/2*r-e.width/2,a=l*t-e.height-4;a<0&&(a=u*t+4),n<0&&(n=0),n>r-e.width&&(n=r-e.width),m.current.style.top=`${a}px`,m.current.style.left=`${n}px`}));const f={top:2};s>=1-c?f.left=2:f.right=2;const p=100/a/(c-s);return D.createElement(D.Fragment,null,D.createElement("div",{ref:m,className:"event-list-item__license-plate-label trigger",title:`${o.toLowerCase()} ${Math.floor(100*d)}%`},D.createElement("div",{style:{padding:4}},D.createElement(zo,{value:h})),D.createElement("div",{className:"event-list-item__license-plate-label__caption"},`${Math.floor(100*d)}%`)),D.createElement(Lo,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),D.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:a*(c-s)*p,height:i*(u-l)*p+16,position:"absolute",...f}},D.createElement("img",{style:{width:a*p,height:i*p,transform:`translate(-${100*s}%, -${100*l}%)`},src:n}),D.createElement("div",{className:"plate-number"},D.createElement(zo,{value:h})),D.createElement(No,{style:{height:i*(u-l)*p}})))};So.displayName="LicensePlateHighlight";const Ao=U((({url:e,noPreview:t,width:r})=>D.createElement(D.Fragment,null,e?D.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,D.createElement(W,{radius:r}),t?D.createElement("div",{className:"no-preview-overlay"}):null)));function Bo({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function Ro(e,t){const[r,n]=Bo(e),[a,i]=Bo(t);return[a-r,i-n]}function Uo(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function Ho([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}Ao.displayName="EventThumbnail";const $o=U((({data:e,width:t,height:r})=>{const n=k(null),{eventSchema:a}=S(Fi);return A((()=>{if(!n.current)return;const a=[],i=[];for(let o=0;o<e.length;o++){const l=n.current.children[2*o+1],s=e[o].Box;a.push({Top:s.Top*r,Left:s.Left*t,Bottom:s.Bottom*r,Right:s.Right*t});const[c,u]=Bo(a[o]),{width:d,height:h}=l.getBoundingClientRect(),m=ko(s,d,h,t,r);i.push(Io({Top:u-h/2-4,Left:c-d/2-4,Bottom:u+h/2+4,Right:c+d/2+4},m))}let o=!0,l=0;for(;o;){if(o=!1,l++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<e.length;t++){const r=i[t],n=[0,0];for(let l=0;l<e.length;l++){const e=a[l],s=i[l];if(Uo(r,e)){const t=Ro(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],o=!0}if(l!==t&&Uo(r,s)){const e=Ro(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],o=!0}}[n[0],n[1]]=Ho(n),r.Top+=n[1],r.Left+=n[0],r.Bottom+=n[1],r.Right+=n[0]}}for(let a=0;a<e.length;a++){const e=n.current.children[2*a+1],{Top:o,Left:l}=Do(i[a],t,r,4);e.style.top=`${o+4}px`,e.style.left=`${l+4}px`}}),[e,t,r]),D.createElement("div",{ref:n},e.map(((e,t)=>{var r;return D.createElement(D.Fragment,{key:t},D.createElement(Lo,{box:e.Box,style:{outline:`2px solid ${null!==(r=a.colorsByFoundObjectType.get(e.Type))&&void 0!==r?r:""}`}}),D.createElement("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100*e.Probability)}%`},D.createElement("div",{style:{padding:4,lineHeight:"24px"}},"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()),D.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:a.colorsByFoundObjectType.get(e.Type)}},Math.floor(100*e.Probability),"%")))})))}));$o.displayName="DetectedObjects";const Vo=U((({data:e,width:t,height:r,cameraNameHidden:n,onClick:a,onAuxClick:i,menuComponent:o})=>{const l=S(Fi),{eventSchema:s}=l,[c,u]=function(e){var t;const[r,n]=L(null),a=S(Fi),{cameras:i,thumbnails:o}=a;I((()=>{if(e.thumbnailUrl)return void n(null);const t=o.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{n(e||null)}));return()=>t.unsubscribe()}),[e.id]);let l="",s=!1;return e.thumbnailUrl?l=e.thumbnailUrl:null===r&&i.loaded?(l=(null===(t=i.camerasById.get(e.cameraId))||void 0===t?void 0:t.imageUrl)||"",s=!0):r&&(l=r.url),[l,s]}(e);let d=[],h=null,m=null;if(e.detectedObjects.length){const{thumbnailWidth:n,thumbnailHeight:a}=e;d=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),h=e.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map(((e,i)=>D.createElement(So,{key:i,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:a,url:c})))}if(e.faces){const{thumbnailWidth:n,thumbnailHeight:a}=e;m=e.faces.map(((e,i)=>D.createElement(Fo,{key:i,face:e,url:c,thumbWidth:n,thumbHeight:a,width:t,height:r})))}return D.createElement(vo,{onClick:a,onAuxClick:i,data:e,width:t,height:r,menuComponent:o},D.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},D.createElement(Ao,{url:c,noPreview:u,width:t}),D.createElement($o,{data:d,width:t,height:r}),h,m,e.acknowledged?D.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,D.createElement(To,{data:e,cameraNameHidden:n})))}));Vo.displayName="EventItem";const Wo=D.createContext({reportError:(e,t)=>{}});class qo extends D.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{hasError:!1}})}componentDidCatch(e,t){var r;this.setState({hasError:!0}),null===(r=this.context)||void 0===r||r.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 D.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},D.createElement("h1",null,"Oops. Something went wrong"),D.createElement("div",null,"We've been notified about this problem"),D.createElement(ao,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function Yo({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:a=0}){const[i,o]=L(),[l,s]=L(0),c=F((e=>{o(e||void 0)}),[]);I((()=>{if(!i)return;const e=()=>{s(n?i.scrollLeft:i.scrollTop)};return i.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{i.removeEventListener("scroll",e)}}),[i,n]),I((()=>{i&&(n?i.scrollLeft!==l&&s(i.scrollLeft):i.scrollTop!==l&&s(i.scrollTop))}));return{parentRef:c,getItems:()=>{if(!i)return[];const o=[],{height:s,width:c}=i.getBoundingClientRect(),u=Math.max(0,Math.floor(l/(r+a))-t),d=Math.ceil((n?c:s)/(r+a))+2*t;for(let t=u;t<Math.min(e,u+d);t++)o.push({idx:t,start:t*(r+a),size:r});return o},getTotalSize:()=>r*e+Math.max(e-1,0)*a}}Object.defineProperty(qo,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:Wo});const Zo=U((({columnIndex:e,rowIndex:t,style:r,store:n,columnCount:a,eventRenderer:i})=>{var o,l;const s=t*a+e,c=n.data[s];return s===n.data.length?n.error?D.createElement("div",{style:r},D.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},D.createElement("div",{style:{textAlign:"center"}},D.createElement("div",null,"Couldn't fetch more data"),D.createElement(ao,{onClick:n.loadMore},"Retry")))):(null===(o=n.pageInfo)||void 0===o?void 0:o.haveMore)?D.createElement("div",{style:r},D.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},D.createElement(Oo,{size:32}))):D.createElement("div",{style:r}):!c&&(null===(l=n.pageInfo)||void 0===l?void 0:l.haveMore)?D.createElement("div",{style:r}):c?D.createElement("div",{style:r},D.createElement(qo,null,i({data:c,width:r.width,height:r.height}))):D.createElement("div",{style:r})})),Go=U((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?D.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},D.createElement(ao,{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},Me.t("showEvents",{count:e.pendingData.length}))):null)),Qo=U((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:a=0,minColumnWidth:i,aspectRatio:o=16/9,onEventClick:l,onEventAuxClick:s,eventRenderer:c})=>{const u=k(null),d=()=>{u.current&&(e.setLiveUpdateMode("auto"),u.current.scrollTop=0)};if(I((()=>w((()=>e.loading||!e.data.length),(e=>e&&d()))),[]),e.error&&!e.data.length)return D.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},D.createElement("div",{style:{textAlign:"center"}},D.createElement("div",null,"Couldn't fetch data"),D.createElement(ao,{onClick:e.reload},"Retry")));if(e.loading)return D.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},D.createElement(Oo,null));if(!e.data.length)return D.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},Me.t("noEventsFound"));const h={store:e,width:t,columnsCount:a,minColumnWidth:i,aspectRatio:o,captionHeight:n,height:r,onEventClick:l,onEventAuxClick:s,eventRenderer:c,containerRef:u,resetScroll:d};return D.createElement(Jo,{...h})}));Qo.displayName="EventGrid";const Jo=U((({store:e,width:t,height:r,captionHeight:n=0,columnsCount:a=0,minColumnWidth:i=320,aspectRatio:o,containerRef:l,onEventClick:s,onEventAuxClick:c,eventRenderer:u=(({data:e,width:t,height:r})=>D.createElement(Vo,{data:e.data,cameraNameHidden:!1,onClick:s,onAuxClick:c,width:t,height:r})),resetScroll:d})=>{var h,m;const f=Math.floor(t/i)||1,p=t/f/o+n,g=f*Math.floor(r/p)>=e.data.length?0:Po(),b=Math.min(a,e.data.length)||Math.max(1,Math.floor((t-g)/i));let v=Math.ceil(e.data.length/b);const y=(t-g-2*(b-1))/b,w=y/o+n;(null===(h=e.pageInfo)||void 0===h?void 0:h.haveMore)&&v*b===e.data.length&&v++;const{parentRef:E,getItems:x,getTotalSize:C}=Yo({count:v,overscan:5,itemSize:w,spacing:2}),{parentRef:T,getItems:j,getTotalSize:O}=Yo({count:b,overscan:5,itemSize:y,horizontal:!0,spacing:2}),M=x(),_=j();I((()=>{var t;e.error||(null===(t=e.pageInfo)||void 0===t?void 0:t.haveMore)&&(e.loading||M.length&&M.at(-1).idx+1===v&&e.loadMore())}),[e.error,null===(m=e.pageInfo)||void 0===m?void 0:m.haveMore,M]);const P=M.flatMap((({idx:t,size:r,start:n})=>_.map((({idx:a,size:i,start:o})=>{var l;const s=t*b+a;return s>e.data.length?null:s!==e.data.length||(null===(l=e.pageInfo)||void 0===l?void 0:l.haveMore)?D.createElement(Zo,{key:e.data[s]?`${e.data[s].data.id}-${e.data[s].objectIdx}`:"loading",columnIndex:a,rowIndex:t,columnCount:b,style:{position:"absolute",top:0,left:0,height:r,width:i,transform:`translate(${o}px, ${n}px)`,display:"flex"},store:e,eventRenderer:u}):null}))));return D.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},D.createElement("div",{ref:le(l,E,T),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")}},D.createElement("div",{style:{position:"relative",height:C(),width:O()}},P)),D.createElement(Go,{store:e,scrollWidth:g,onClick:()=>{e.flushUpdates(),d()}}))})),Xo=e=>{const{className:t,children:r,...n}=e;return D.createElement("div",{className:V("x-3deye-button-group",t),...n},r)},Ko=D.forwardRef((function({width:e,height:t,placement:r="top",style:n},a){const i=[0,"top"===r?t:0],o=[e,i[1]],l=[e/2,t-i[1]],s=[e/4,t*("top"===r?3:1)/4],c=[.325*e,t-i[1]],u=[e-c[0],c[1]],d=[e-s[0],s[1]],h=e=>e.join(","),m=`M ${h(i)} C ${h(s)} ${h(c)} ${h(l)} ${h(u)} ${h(d)} ${h(o)}`,f=`${m} Z`;return D.createElement("svg",{ref:a,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},D.createElement("path",{className:"tip-body",d:f}),D.createElement("path",{className:"tip-border",d:m,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),el=({opened:e,onOpenChange:t,children:r,target:n,placement:a,className:i,style:o,autoDismiss:l=!0,initialFocus:s,withArrow:c=!1})=>{var u,d,h;const m=k(null),{x:f,y:p,refs:g,strategy:b,context:v,middlewareData:y,placement:w,update:E}=q({open:e,onOpenChange:t,middleware:[Y(5),Z(),G(),ie({element:m})],placement:a,whileElementsMounted:(e,t,r)=>Q(e,t,(()=>{var e;0!==(null===(e=v.elements.domReference)||void 0===e?void 0:e.getBoundingClientRect().width)?r():v.onOpenChange(!1)}),{animationFrame:!0})}),{getReferenceProps:x,getFloatingProps:C}=J([K(v),ee(v,{ancestorScroll:!0,enabled:l})]),T=F((e=>{m.current=e,E()}),[E]),j={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(u=null==w?void 0:w.split("-")[0])&&void 0!==u?u:"top"]||"top",O=D.createElement("div",{...C({className:V("x-3deye-popover-container",i),ref:g.setFloating,style:{...o,position:b,top:null!=p?p:0,left:null!=f?f:0}})},c&&D.createElement(Ko,{ref:T,width:24,height:8,placement:j,style:{position:"absolute",left:null===(d=y.arrow)||void 0===d?void 0:d.x,top:null===(h=y.arrow)||void 0===h?void 0:h.y,[j]:-7}}),r);return D.createElement(D.Fragment,null,N(n,x({ref:g.setReference,...n.props})),D.createElement(te,{id:"x-3deye-floating-ui-root"},l&&e&&D.createElement(oe,{context:v,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:s},O),!l&&e&&O))},tl=zi({viewBox:"0 0 24 24",svg:D.createElement(D.Fragment,null,D.createElement("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),D.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))});function rl(e,t,r){return t||r?r?ue(t?[ce([e,t]),r]:[r,e]):ce([t,e]):new Date(e)}tl.displayName="ArrowForwardIcon";const nl=de((e=>new Intl.DateTimeFormat(e,{month:"long",year:"numeric"}))),al=de((e=>new Intl.DateTimeFormat(e,{weekday:"short"}))),il=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),ol=e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),ll=B((function({onChange:e,date:t,minDate:r,maxDate:n,utc:a,startOfWeek:i="sunday"}){const[o]=L((()=>({current:a?ol(new Date):il(new Date)}))),l=null!=t?t:o.current,s=k(+l),c=L(0),[,u]=c;I((()=>{s.current=+l,u(0)}),[null==l?void 0:l.getTime()]);const d=s.current!==+l?0:c[0],h=a?l.getUTCFullYear():l.getFullYear(),m=(a?l.getUTCMonth():l.getMonth())+d,f=a?new Date(Date.UTC(h,m)):new Date(h,m),p=a?(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=(a?f.getUTCDay():f.getDay())||("monday"===i?7:0),b=g-("monday"===i?1:0),v=a?new Date(Date.UTC(h,m,1-b)):new Date(h,m,1-b),y=t?se(a?new Date(Date.UTC(l.getUTCFullYear(),l.getUTCMonth(),l.getUTCDate())):new Date(l.getFullYear(),l.getMonth(),l.getDate()),v):-1,w=r?se(r,v):-1/0,E=n?se(n,v):1/0,x=se(o.current,v);return D.createElement("div",null,D.createElement("div",{style:{display:"flex",flexDirection:"column",fontSize:"0.875rem"}},D.createElement("div",{style:{fontWeight:500,height:"3rem",fontSize:"1.125rem",display:"flex",alignItems:"center"}},nl(Me.language).format(f),D.createElement(ao,{style:{marginLeft:"auto"},className:"x-3deye-button--icon x-3deye-datepicker__button--previous-month",disabled:w>=b,onClick:()=>u(d-1)},D.createElement(tl,{size:16,style:{scale:"-1 1"}})),D.createElement(ao,{className:"x-3deye-button--icon x-3deye-datepicker__button--next-month",disabled:E<b+p,onClick:()=>u(d+1)},D.createElement(tl,{size:16}))),D.createElement("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:"0.25rem",placeItems:"center"}},Array.from({length:7}).map(((e,t)=>D.createElement("div",{key:t,style:{color:"oklch(0.7 0 0)"}},al(Me.language).format(new Date(h,m,("monday"===i?2:1)-g+t)).substring(0,2)))),Array.from({length:42}).map(((t,i)=>{const o=a?new Date(Date.UTC(h,m,i-b+1)):new Date(h,m,i-b+1),s=i<b,c=i>=b+p,u=i<w||i>E,d=i===x;return D.createElement("div",{key:i,className:V("x-3deye-datepicker__day",{"x-3deye-datepicker__day--today":d,"x-3deye-datepicker__day--disabled":u,"x-3deye-datepicker__day--previous-month":s,"x-3deye-datepicker__day--next-month":c,"x-3deye-datepicker__day--selected":i===y}),onClick:u?void 0:()=>{if(a){const t=new Date(Date.UTC(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate(),l.getUTCHours(),l.getUTCMinutes(),l.getUTCSeconds(),l.getUTCMilliseconds()));return e(rl(t,r,n))}const t=new Date(o.getFullYear(),o.getMonth(),o.getDate(),l.getHours(),l.getMinutes(),l.getSeconds(),l.getMilliseconds());return e(rl(t,r,n))}},a?o.getUTCDate():o.getDate())})))))})),sl=U((({store:e})=>{const[t,r]=L(!1),{account:n,cameras:a}=S(Fi),{utc:i,hour12:o,startOfWeek:l}=n.preferences,{date:s,setDate:c,cameraId:u}=e,d=u?a.camerasById.get(u):void 0,h=new Date,m=Ni(h,1,i),f=s&&Di(s,h,i),p=s&&Di(s,m,i),g=d?ji(h,d.archiveDuration):h,b=z((()=>{const e=new Intl.DateTimeFormat(Me.language,{weekday:"short",month:"short",day:"numeric"});return t=>e.format(t)}),[i,o]);return D.createElement(Xo,null,D.createElement(ao,{className:V({"button-selected":f}),onClick:()=>c(new Date)},Me.t("today")),u&&!Di(new Date,g,i)?D.createElement(ao,{className:V({"button-selected":p}),onClick:()=>c(m)},Me.t("yesterday")):null,s&&D.createElement(el,{className:"popover-datepicker",target:D.createElement(ao,{className:V("date-button",{"button-selected":!f&&!p}),onClick:()=>r(!t)},b(s)),opened:t,withArrow:!0,onOpenChange:r},D.createElement(ll,{date:s,onChange:c,minDate:g,maxDate:new Date,utc:i,startOfWeek:l}),D.createElement("div",{style:{display:"flex"}},D.createElement(ao,{style:{flex:1},onClick:()=>r(!1),variant:"filled"},Me.t("button.ok")))))}));sl.displayName="DateSelector";const cl=U((({store:e})=>{const t=k(null),r=k(null),n=k(null),a=k([]),[i,o]=L(0),l=100,s=20,c=20,u=30,d=20,{filteredPeopleCountingData:h,brushFilter:m}=e,f=m?a.current.filter((e=>e.x0>=+m[0]&&e.x1<=+m[1])).reduce(((e,t)=>e+t.length),0):null;return I((()=>{const e=new Te((e=>{for(const t of e){const e=t.contentRect.width;o(e)}}));return e.observe(t.current),()=>e.disconnect()}),[]),I((()=>{const t=pe(r.current);if(!i)return;h.forEach((e=>e.timestamp=new Date(e.TimeStamp)));const o=he(h,(e=>e.timestamp)),m=ve(ye.offset(o[0],-1),ye.offset(o[1],1)),f=xe().extent([[d,s],[i-c,l-u]]).on("end",(function({selection:t,sourceEvent:r}){if(!r)return;if(!t)return void e.setBrushFilter(null);const n=we.every((+a.current[0].x1-+a.current[0].x0)/6e4||30);let[i,o]=t.map((e=>n.round(p.invert(e))));if(+i==+o&&(i=n.floor(p.invert(t[0])),o=n.ceil(p.invert(t[1])),+i==+o))return pe(this).transition().call(f.move,null),void e.setBrushFilter(null);e.setBrushFilter([i,o]),pe(this).transition().call(f.move,o>i?[i,o].map(p):null)}));n.current=f;const p=ge().domain(he(m)).nice().range([d,i-c]);a.current=h.length?me().value((e=>e.timestamp)).domain(p.domain()).thresholds(p.ticks(24))(h):[];const g=be().domain([0,fe(a.current,(e=>e.length))]).nice().range([l-u,s]),b=t.select(".bars").selectAll(".bar").data(a.current);b.exit().remove();const v=b.enter().append("g").attr("class","bar");if(v.append("rect").attr("x",(e=>p(e.x0)+1)).attr("width",(e=>Math.max(0,p(e.x1)-p(e.x0)-1))).attr("y",(e=>g(e.length))).attr("height",(e=>g(0)-g(e.length))),b.select("rect").attr("x",(e=>p(e.x0)+1)).attr("width",(e=>Math.max(0,p(e.x1)-p(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=>p(e.x0)+1+Math.max(0,p(e.x1)-p(e.x0)-1)/2)).attr("text-anchor","middle").text((function(e){return e.length?e.length:""})),b.select("text").attr("dy",".75em").attr("y",(e=>g(e.length)-10)).attr("x",(e=>p(e.x0)+1+Math.max(0,p(e.x1)-p(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),h.length){const[r,n]=p.domain(),[a,i]=p.range(),o=(i-a)/(+n-+r)*3600*1e3,l=30,s=Ee(p).ticks(ye.every(1)).tickFormat((e=>o>=l?Ce("%H:%M")(e):e.getHours()%(Math.floor(l/o)+1)?"":Ce("%H:%M")(e)));s.scale(p),t.select(".x-axis").attr("transform","translate(0,70)").call(s),t.select(".brush").call(f),e.brushFilter&&t.select(".brush").call(f.move,e.brushFilter.map(p))}else t.select(".x-axis").html(""),t.select(".brush").call(f),t.select(".brush").html("").call(f.move,null)}),[i,h]),I((()=>{n.current&&(e.brushFilter||pe(r.current).select(".brush").call(n.current.move,null))}),[e.brushFilter]),D.createElement("div",{ref:t},D.createElement("div",{style:{paddingLeft:10,paddingRight:10,display:"flex"}},Me.t("peopleCounting"),D.createElement("div",{style:{marginLeft:"auto"}},null===f?null:D.createElement(ro,{label:Me.t("selected")},D.createElement("span",null,f)),null===f?null:"/",D.createElement(ro,{label:Me.t("total")},D.createElement("span",null,h.length)))),D.createElement("svg",{className:"people-histogram",ref:r,width:i,height:l,viewBox:`0 0 ${i} 100`},D.createElement("g",{className:"bars"}),D.createElement("g",{className:"x-axis"}),D.createElement("g",{className:"brush"})))}));cl.displayName="PeopleHistogram";const ul=e=>{const{children:t,innerProps:r,...n}=e,{Option:a}=$,{data:i}=e,o={...r,style:{display:"flex",alignItems:"center",width:"auto"}};return D.createElement(a,{innerProps:o,...n},D.createElement(Gi,{data:i}),D.createElement("div",{style:{marginLeft:4}},t))},dl=U((({store:e,onEventClick:t})=>{if(!e)return null;const{filters:r,setFilters:n}=e,{foundObjectTypesForSelect:a}=e.eventSchema,{ref:i,width:o,height:l}=R();return D.createElement(D.Fragment,null,D.createElement(sl,{store:e}),D.createElement("div",{style:{zIndex:2}},D.createElement(H,{closeMenuOnSelect:!1,isMulti:!0,onChange:n,getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:a,placeholder:Me.t("selectObjectType"),value:r,components:{MultiValueLabel:Qi,Option:ul},styles:{...po,multiValue:(e,{data:t})=>t.color?{...e,backgroundColor:t.color,color:"white"}:e,multiValueLabel:(e,{data:t})=>t.color?{...e,color:"white"}:e,multiValueRemove:(e,{data:t})=>"color"in t?{...e,color:"white",":hover":{backgroundColor:"rgba(255, 255, 255, 0.7)",color:t.color}}:{...e,color:"hsl(0, 0%, 20%)"},option:(e,{data:t})=>t.color?{...e,color:t.color}:e}})),D.createElement(mo,{getter:e.getProbabilityThreshold,setter:e.setProbabilityThreshold}),D.createElement(so,{value:e.colors,toggle:e.toggleColor,clear:e.clearColors}),e.analyticsEnabled?D.createElement(cl,{store:e}):null,D.createElement("div",{ref:i,style:{flex:1,overflow:"hidden"}},D.createElement(Qo,{width:o,height:l,minColumnWidth:120,aspectRatio:1,store:e.eventsLoader,eventRenderer:({data:e,width:r,height:n})=>D.createElement(jo,{data:e,cameraNameHidden:!0,onClick:t,width:r,height:n})})))}));dl.displayName="EventSearch";const hl=e=>{var t;const r=null!==(t=S(_))&&void 0!==t?t:P;return D.createElement(Fi.Provider,{value:r},D.createElement(dl,{...e}))};var ml;hl.displayName="EventSearch",(ml={resources:{en:{translation:je}}})&&Object.assign(Oe,ml),Me.isInitialized?(Oe.resources?Object.keys(Oe.resources).forEach((e=>{Me.addResourceBundle(e,"translation",Oe.resources[e].translation,!0)})):console.warn("i18n is already initialized"),t(Me.t)):r(Me.init(Oe));const fl=(e=P)=>{const t=new Ii(e.eventSchema,e.events,e.account,e.notification);return t.initWith(e.api),t};export{fl as createEventSearchStore,hl as default};
+import e from"i18next";import{of as t,from as a,Observable as r,Subscription as n,mergeMap as l,throwError as i,catchError as o,startWith as c,switchMap as s,map as h,exhaustMap as m,EMPTY as d,Subject as u}from"rxjs";import{computed as v,observe as p,makeObservable as f,observable as g,action as b,runInAction as y,reaction as E}from"mobx";import{distinctUntilChanged as M,share as w,switchMap as z,mergeMap as x,catchError as C,map as H}from"rxjs/operators";import L from"earcut";import{AppContext as V,app as T}from"@3deye-toolkit/core";import N,{useState as I,cloneElement as j,useRef as O,useEffect as F,useCallback as B,useMemo as P,useContext as D,useLayoutEffect as _,memo as k}from"react";import{useElementSize as S}from"@mantine/hooks";import{observer as A}from"mobx-react-lite";import R,{components as U}from"react-select";import $ from"clsx";import Q from"react-ink";import{useFloating as q,offset as Z,flip as W,shift as Y,autoUpdate as G,useInteractions as J,useHover as X,useRole as K,useDismiss as ee,FloatingPortal as te,useMergeRefs as ae,useListItem as re,useFloatingTree as ne,arrow as le,FloatingFocusManager as ie}from"@floating-ui/react";import oe from"@seznam/compose-react-refs";import{differenceInCalendarDays as ce,max as se,min as he}from"date-fns";import me from"memoize-one";import{extent as de,bin as ue,max as ve}from"d3-array";import{select as pe}from"d3-selection";import{scaleTime as fe,scaleLinear as ge}from"d3-scale";import{timeHours as be,timeHour as ye,timeMinute as Ee}from"d3-time";import{axisBottom as Me}from"d3-axis";import{brushX as we}from"d3-brush";import{timeFormat as ze}from"d3-time-format";import xe from"resize-observer-polyfill";var Ce={eventSearchRequestError:{peopleCounting:"Sorry, an error occured during event search. Couldn't fetch people counting data. Please try again later",heatmap:"Sorry, an error occured during event search. Couldn't fetch heatmap. Please try again later"},selectObjectType:"Select object type",color:"color",confidence:"confidence",showEvents_one:"show {{count}} new event",showEvents_other:"show {{count}} new events",noEventsFound:"no events found",event:{acknowledged:"acknowledged"},today:"today",yesterday:"yesterday",button:{ok:"Ok"},peopleCounting:"People Counting",selected:"selected",total:"total"};const He={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},Le=e.createInstance();var Ve,Te,Ne;function Ie(e,t=!1){const a=v(e);return new r((e=>{const r=p(a,(({newValue:t})=>e.next(t)),t);return()=>r()}))}!function(e){e[e.CONNECTING=0]="CONNECTING",e[e.CONNECTED=1]="CONNECTED",e[e.RECONNECTING=2]="RECONNECTING",e[e.DISCONNECTED=3]="DISCONNECTED"}(Ve||(Ve={})),function(e){e[e.INFO=0]="INFO",e[e.WARN=1]="WARN",e[e.ERROR=2]="ERROR"}(Te||(Te={})),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"}(Ne||(Ne={}));var je="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Oe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Fe=function(){this.__data__=[],this.size=0};var Be=function(e,t){return e===t||e!=e&&t!=t},Pe=Be;var De=function(e,t){for(var a=e.length;a--;)if(Pe(e[a][0],t))return a;return-1},_e=De,ke=Array.prototype.splice;var Se=function(e){var t=this.__data__,a=_e(t,e);return!(a<0)&&(a==t.length-1?t.pop():ke.call(t,a,1),--this.size,!0)},Ae=De;var Re=function(e){var t=this.__data__,a=Ae(t,e);return a<0?void 0:t[a][1]},Ue=De;var $e=De;var Qe=function(e,t){var a=this.__data__,r=$e(a,e);return r<0?(++this.size,a.push([e,t])):a[r][1]=t,this},qe=Fe,Ze=Se,We=Re,Ye=function(e){return Ue(this.__data__,e)>-1},Ge=Qe;function Je(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}Je.prototype.clear=qe,Je.prototype.delete=Ze,Je.prototype.get=We,Je.prototype.has=Ye,Je.prototype.set=Ge;var Xe=Je,Ke=Xe;var et=function(){this.__data__=new Ke,this.size=0};var tt=function(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a};var at=function(e){return this.__data__.get(e)};var rt=function(e){return this.__data__.has(e)},nt="object"==typeof je&&je&&je.Object===Object&&je,lt=nt,it="object"==typeof self&&self&&self.Object===Object&&self,ot=lt||it||Function("return this")(),ct=ot.Symbol,st=ct,ht=Object.prototype,mt=ht.hasOwnProperty,dt=ht.toString,ut=st?st.toStringTag:void 0;var vt=function(e){var t=mt.call(e,ut),a=e[ut];try{e[ut]=void 0;var r=!0}catch(e){}var n=dt.call(e);return r&&(t?e[ut]=a:delete e[ut]),n},pt=Object.prototype.toString;var ft=vt,gt=function(e){return pt.call(e)},bt=ct?ct.toStringTag:void 0;var yt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":bt&&bt in Object(e)?ft(e):gt(e)};var Et=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Mt=yt,wt=Et;var zt,xt=function(e){if(!wt(e))return!1;var t=Mt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Ct=ot["__core-js_shared__"],Ht=(zt=/[^.]+$/.exec(Ct&&Ct.keys&&Ct.keys.IE_PROTO||""))?"Symbol(src)_1."+zt:"";var Lt=function(e){return!!Ht&&Ht in e},Vt=Function.prototype.toString;var Tt=function(e){if(null!=e){try{return Vt.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Nt=xt,It=Lt,jt=Et,Ot=Tt,Ft=/^\[object .+?Constructor\]$/,Bt=Function.prototype,Pt=Object.prototype,Dt=Bt.toString,_t=Pt.hasOwnProperty,kt=RegExp("^"+Dt.call(_t).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var St=function(e){return!(!jt(e)||It(e))&&(Nt(e)?kt:Ft).test(Ot(e))},At=function(e,t){return null==e?void 0:e[t]};var Rt=function(e,t){var a=At(e,t);return St(a)?a:void 0},Ut=Rt(ot,"Map"),$t=Rt(Object,"create"),Qt=$t;var qt=function(){this.__data__=Qt?Qt(null):{},this.size=0};var Zt=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Wt=$t,Yt=Object.prototype.hasOwnProperty;var Gt=function(e){var t=this.__data__;if(Wt){var a=t[e];return"__lodash_hash_undefined__"===a?void 0:a}return Yt.call(t,e)?t[e]:void 0},Jt=$t,Xt=Object.prototype.hasOwnProperty;var Kt=function(e){var t=this.__data__;return Jt?void 0!==t[e]:Xt.call(t,e)},ea=$t;var ta=function(e,t){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=ea&&void 0===t?"__lodash_hash_undefined__":t,this},aa=qt,ra=Zt,na=Gt,la=Kt,ia=ta;function oa(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}oa.prototype.clear=aa,oa.prototype.delete=ra,oa.prototype.get=na,oa.prototype.has=la,oa.prototype.set=ia;var ca=oa,sa=Xe,ha=Ut;var ma=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var da=function(e,t){var a=e.__data__;return ma(t)?a["string"==typeof t?"string":"hash"]:a.map},ua=da;var va=da;var pa=da;var fa=da;var ga=function(e,t){var a=fa(this,e),r=a.size;return a.set(e,t),this.size+=a.size==r?0:1,this},ba=function(){this.size=0,this.__data__={hash:new ca,map:new(ha||sa),string:new ca}},ya=function(e){var t=ua(this,e).delete(e);return this.size-=t?1:0,t},Ea=function(e){return va(this,e).get(e)},Ma=function(e){return pa(this,e).has(e)},wa=ga;function za(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}za.prototype.clear=ba,za.prototype.delete=ya,za.prototype.get=Ea,za.prototype.has=Ma,za.prototype.set=wa;var xa=za,Ca=Xe,Ha=Ut,La=xa;var Va=function(e,t){var a=this.__data__;if(a instanceof Ca){var r=a.__data__;if(!Ha||r.length<199)return r.push([e,t]),this.size=++a.size,this;a=this.__data__=new La(r)}return a.set(e,t),this.size=a.size,this},Ta=Xe,Na=et,Ia=tt,ja=at,Oa=rt,Fa=Va;function Ba(e){var t=this.__data__=new Ta(e);this.size=t.size}Ba.prototype.clear=Na,Ba.prototype.delete=Ia,Ba.prototype.get=ja,Ba.prototype.has=Oa,Ba.prototype.set=Fa;var Pa=Ba;var Da=xa,_a=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},ka=function(e){return this.__data__.has(e)};function Sa(e){var t=-1,a=null==e?0:e.length;for(this.__data__=new Da;++t<a;)this.add(e[t])}Sa.prototype.add=Sa.prototype.push=_a,Sa.prototype.has=ka;var Aa=Sa,Ra=function(e,t){for(var a=-1,r=null==e?0:e.length;++a<r;)if(t(e[a],a,e))return!0;return!1},Ua=function(e,t){return e.has(t)};var $a=function(e,t,a,r,n,l){var i=1&a,o=e.length,c=t.length;if(o!=c&&!(i&&c>o))return!1;var s=l.get(e),h=l.get(t);if(s&&h)return s==t&&h==e;var m=-1,d=!0,u=2&a?new Aa:void 0;for(l.set(e,t),l.set(t,e);++m<o;){var v=e[m],p=t[m];if(r)var f=i?r(p,v,m,t,e,l):r(v,p,m,e,t,l);if(void 0!==f){if(f)continue;d=!1;break}if(u){if(!Ra(t,(function(e,t){if(!Ua(u,t)&&(v===e||n(v,e,a,r,l)))return u.push(t)}))){d=!1;break}}else if(v!==p&&!n(v,p,a,r,l)){d=!1;break}}return l.delete(e),l.delete(t),d};var Qa=function(e){var t=-1,a=Array(e.size);return e.forEach((function(e,r){a[++t]=[r,e]})),a};var qa=ot.Uint8Array,Za=Be,Wa=$a,Ya=Qa,Ga=function(e){var t=-1,a=Array(e.size);return e.forEach((function(e){a[++t]=e})),a},Ja=ct?ct.prototype:void 0,Xa=Ja?Ja.valueOf:void 0;var Ka=function(e,t,a,r,n,l,i){switch(a){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||!l(new qa(e),new qa(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Za(+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 o=Ya;case"[object Set]":var c=1&r;if(o||(o=Ga),e.size!=t.size&&!c)return!1;var s=i.get(e);if(s)return s==t;r|=2,i.set(e,t);var h=Wa(o(e),o(t),r,n,l,i);return i.delete(e),h;case"[object Symbol]":if(Xa)return Xa.call(e)==Xa.call(t)}return!1};var er=function(e,t){for(var a=-1,r=t.length,n=e.length;++a<r;)e[n+a]=t[a];return e},tr=Array.isArray,ar=er,rr=tr;var nr=function(e,t,a){var r=t(e);return rr(e)?r:ar(r,a(e))};var lr=function(e,t){for(var a=-1,r=null==e?0:e.length,n=0,l=[];++a<r;){var i=e[a];t(i,a,e)&&(l[n++]=i)}return l},ir=function(){return[]},or=Object.prototype.propertyIsEnumerable,cr=Object.getOwnPropertySymbols,sr=cr?function(e){return null==e?[]:(e=Object(e),lr(cr(e),(function(t){return or.call(e,t)})))}:ir;var hr=function(e,t){for(var a=-1,r=Array(e);++a<e;)r[a]=t(a);return r};var mr=function(e){return null!=e&&"object"==typeof e},dr=yt,ur=mr;var vr=function(e){return ur(e)&&"[object Arguments]"==dr(e)},pr=mr,fr=Object.prototype,gr=fr.hasOwnProperty,br=fr.propertyIsEnumerable,yr=vr(function(){return arguments}())?vr:function(e){return pr(e)&&gr.call(e,"callee")&&!br.call(e,"callee")},Er={exports:{}};var Mr=function(){return!1};!function(e,t){var a=ot,r=Mr,n=t&&!t.nodeType&&t,l=n&&e&&!e.nodeType&&e,i=l&&l.exports===n?a.Buffer:void 0,o=(i?i.isBuffer:void 0)||r;e.exports=o}(Er,Er.exports);var wr=Er.exports,zr=/^(?:0|[1-9]\d*)$/;var xr=function(e,t){var a=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==a||"symbol"!=a&&zr.test(e))&&e>-1&&e%1==0&&e<t};var Cr=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Hr=yt,Lr=Cr,Vr=mr,Tr={};Tr["[object Float32Array]"]=Tr["[object Float64Array]"]=Tr["[object Int8Array]"]=Tr["[object Int16Array]"]=Tr["[object Int32Array]"]=Tr["[object Uint8Array]"]=Tr["[object Uint8ClampedArray]"]=Tr["[object Uint16Array]"]=Tr["[object Uint32Array]"]=!0,Tr["[object Arguments]"]=Tr["[object Array]"]=Tr["[object ArrayBuffer]"]=Tr["[object Boolean]"]=Tr["[object DataView]"]=Tr["[object Date]"]=Tr["[object Error]"]=Tr["[object Function]"]=Tr["[object Map]"]=Tr["[object Number]"]=Tr["[object Object]"]=Tr["[object RegExp]"]=Tr["[object Set]"]=Tr["[object String]"]=Tr["[object WeakMap]"]=!1;var Nr=function(e){return Vr(e)&&Lr(e.length)&&!!Tr[Hr(e)]};var Ir=function(e){return function(t){return e(t)}},jr={exports:{}};!function(e,t){var a=nt,r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,l=n&&n.exports===r&&a.process,i=function(){try{var e=n&&n.require&&n.require("util").types;return e||l&&l.binding&&l.binding("util")}catch(e){}}();e.exports=i}(jr,jr.exports);var Or=jr.exports,Fr=Nr,Br=Ir,Pr=Or&&Or.isTypedArray,Dr=Pr?Br(Pr):Fr,_r=hr,kr=yr,Sr=tr,Ar=wr,Rr=xr,Ur=Dr,$r=Object.prototype.hasOwnProperty;var Qr=function(e,t){var a=Sr(e),r=!a&&kr(e),n=!a&&!r&&Ar(e),l=!a&&!r&&!n&&Ur(e),i=a||r||n||l,o=i?_r(e.length,String):[],c=o.length;for(var s in e)!t&&!$r.call(e,s)||i&&("length"==s||n&&("offset"==s||"parent"==s)||l&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||Rr(s,c))||o.push(s);return o},qr=Object.prototype;var Zr=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||qr)};var Wr=function(e,t){return function(a){return e(t(a))}}(Object.keys,Object),Yr=Zr,Gr=Wr,Jr=Object.prototype.hasOwnProperty;var Xr=xt,Kr=Cr;var en=function(e){return null!=e&&Kr(e.length)&&!Xr(e)},tn=Qr,an=function(e){if(!Yr(e))return Gr(e);var t=[];for(var a in Object(e))Jr.call(e,a)&&"constructor"!=a&&t.push(a);return t},rn=en;var nn=nr,ln=sr,on=function(e){return rn(e)?tn(e):an(e)};var cn=function(e){return nn(e,on,ln)},sn=Object.prototype.hasOwnProperty;var hn=function(e,t,a,r,n,l){var i=1&a,o=cn(e),c=o.length;if(c!=cn(t).length&&!i)return!1;for(var s=c;s--;){var h=o[s];if(!(i?h in t:sn.call(t,h)))return!1}var m=l.get(e),d=l.get(t);if(m&&d)return m==t&&d==e;var u=!0;l.set(e,t),l.set(t,e);for(var v=i;++s<c;){var p=e[h=o[s]],f=t[h];if(r)var g=i?r(f,p,h,t,e,l):r(p,f,h,e,t,l);if(!(void 0===g?p===f||n(p,f,a,r,l):g)){u=!1;break}v||(v="constructor"==h)}if(u&&!v){var b=e.constructor,y=t.constructor;b==y||!("constructor"in e)||!("constructor"in t)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(u=!1)}return l.delete(e),l.delete(t),u},mn=Rt(ot,"DataView"),dn=Ut,un=Rt(ot,"Promise"),vn=Rt(ot,"Set"),pn=Rt(ot,"WeakMap"),fn=yt,gn=Tt,bn="[object Map]",yn="[object Promise]",En="[object Set]",Mn="[object WeakMap]",wn="[object DataView]",zn=gn(mn),xn=gn(dn),Cn=gn(un),Hn=gn(vn),Ln=gn(pn),Vn=fn;(mn&&Vn(new mn(new ArrayBuffer(1)))!=wn||dn&&Vn(new dn)!=bn||un&&Vn(un.resolve())!=yn||vn&&Vn(new vn)!=En||pn&&Vn(new pn)!=Mn)&&(Vn=function(e){var t=fn(e),a="[object Object]"==t?e.constructor:void 0,r=a?gn(a):"";if(r)switch(r){case zn:return wn;case xn:return bn;case Cn:return yn;case Hn:return En;case Ln:return Mn}return t});var Tn=Pa,Nn=$a,In=Ka,jn=hn,On=Vn,Fn=tr,Bn=wr,Pn=Dr,Dn="[object Arguments]",_n="[object Array]",kn="[object Object]",Sn=Object.prototype.hasOwnProperty;var An=function(e,t,a,r,n,l){var i=Fn(e),o=Fn(t),c=i?_n:On(e),s=o?_n:On(t),h=(c=c==Dn?kn:c)==kn,m=(s=s==Dn?kn:s)==kn,d=c==s;if(d&&Bn(e)){if(!Bn(t))return!1;i=!0,h=!1}if(d&&!h)return l||(l=new Tn),i||Pn(e)?Nn(e,t,a,r,n,l):In(e,t,c,a,r,n,l);if(!(1&a)){var u=h&&Sn.call(e,"__wrapped__"),v=m&&Sn.call(t,"__wrapped__");if(u||v){var p=u?e.value():e,f=v?t.value():t;return l||(l=new Tn),n(p,f,a,r,l)}}return!!d&&(l||(l=new Tn),jn(e,t,a,r,n,l))},Rn=mr;var Un=function e(t,a,r,n,l){return t===a||(null==t||null==a||!Rn(t)&&!Rn(a)?t!=t&&a!=a:An(t,a,r,n,e,l))},$n=Un;var Qn=Oe((function(e,t){return $n(e,t)}));class qn{constructor(){Object.defineProperty(this,"api",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]})}initWith(e){this.api=e,this.afterInit&&this.afterInit()}dispose(){this.disposables.forEach((e=>{e instanceof n?e.closed||e.unsubscribe():e()}))}}var Zn=Be,Wn=en,Yn=xr,Gn=Et;var Jn=/\s/;var Xn=function(e){for(var t=e.length;t--&&Jn.test(e.charAt(t)););return t},Kn=/^\s+/;var el=yt,tl=mr;var al=function(e){return e?e.slice(0,Xn(e)+1).replace(Kn,""):e},rl=Et,nl=function(e){return"symbol"==typeof e||tl(e)&&"[object Symbol]"==el(e)},ll=/^[-+]0x[0-9a-f]+$/i,il=/^0b[01]+$/i,ol=/^0o[0-7]+$/i,cl=parseInt;var sl=function(e){if("number"==typeof e)return e;if(nl(e))return NaN;if(rl(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=rl(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=al(e);var a=il.test(e);return a||ol.test(e)?cl(e.slice(2),a?2:8):ll.test(e)?NaN:+e},hl=1/0;var ml=function(e){return e?(e=sl(e))===hl||e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var dl=function(e,t,a){var r=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(a=a>n?n:a)<0&&(a+=n),n=t>a?0:a-t>>>0,t>>>=0;for(var l=Array(n);++r<n;)l[r]=e[r+t];return l},ul=function(e,t,a){if(!Gn(a))return!1;var r=typeof t;return!!("number"==r?Wn(a)&&Yn(t,a.length):"string"==r&&t in a)&&Zn(a[t],e)},vl=function(e){var t=ml(e),a=t%1;return t==t?a?t-a:t:0},pl=Math.ceil,fl=Math.max;var gl=Oe((function(e,t,a){t=(a?ul(e,t,a):void 0===t)?1:fl(vl(t),0);var r=null==e?0:e.length;if(!r||t<1)return[];for(var n=0,l=0,i=Array(pl(r/t));n<r;)i[l++]=dl(e,n,n+=t);return i}));const bl=([e,t],[a,r],[n,l])=>{const i=(r-t)*(n-a)-(a-e)*(l-r);return 0===i?0:i>0?1:2},yl=([e,t],[a,r],[n,l])=>a<=Math.max(e,n)&&a>=Math.min(e,n)&&r<=Math.max(t,l)&&r>=Math.min(t,l),El=(e,t,a)=>!(e<a.x||t<a.y||e>a.x+a.width||t>a.y+a.height),Ml=(e,t,a)=>{const r=a.y1*a.x3-a.x1*a.y3+(a.y3-a.y1)*e+(a.x1-a.x3)*t,n=a.x1*a.y2-a.y1*a.x2+(a.y1-a.y2)*e+(a.x2-a.x1)*t;if(r<0!=n<0)return!1;const l=-a.y2*a.x3+a.y1*(a.x3-a.x2)+a.x1*(a.y2-a.y3)+a.x2*a.y3;return l<0?r<=0&&r+n>=l:r>=0&&r+n<=l},wl=(e,t)=>{if(El(t.x1,t.y1,e))return!0;if(El(t.x2,t.y2,e))return!0;if(El(t.x3,t.y3,e))return!0;if(Ml(e.x,e.y,t))return!0;if(Ml(e.x+e.width,e.y,t))return!0;if(Ml(e.x+e.width,e.y+e.height,t))return!0;if(Ml(e.x,e.y+e.height,t))return!0;const a=[[[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=>a.some((t=>(([e,t],[a,r])=>{const n=bl(e,t,a),l=bl(e,t,r),i=bl(a,r,e),o=bl(a,r,t);return n!==l&&i!==o||!(0!==n||!yl(e,a,t))||!(0!==l||!yl(e,r,t))||!(0!==i||!yl(a,e,r))||!(0!==o||!yl(a,t,r))})(t,e)))))},zl=(e,t)=>{const a=e.map((({x:e,y:t})=>[e,t]));return gl(L(a.flat()),3).some((a=>wl(t,{x1:e[a[0]].x,y1:e[a[0]].y,x2:e[a[1]].x,y2:e[a[1]].y,x3:e[a[2]].x,y3:e[a[2]].y})))},xl=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput","Loitering"]);class Cl{get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!xl.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}constructor(e){if(Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cameraId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"raw",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailUrl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thumbnailWidth",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"thumbnailHeight",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"faces",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"instant",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"update",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.raw=e}}),f(this,{startTime:v,endTime:v,acknowledged:v,isLive:v,raw:g.ref,update:b}),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=xl.has(this.type),this.detectedObjects||(this.detectedObjects=[])}}function Hl(e,t){return new Date(e.getTime()-60*t*60*1e3)}window.CameraEvent=Cl;class Ll extends qn{get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,a,r,n=e=>[{data:e,objectIdx:-1}]){super(),Object.defineProperty(this,"eventsStore",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"filters",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"fetcher",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"transformData",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pendingData",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"liveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:"auto"}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"pageInfo",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"loadMoreTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"retryTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"error",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadingInitiated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"flushUpdates",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.data=[...this.pendingData,...this.data],this.pendingData=[]}}),Object.defineProperty(this,"setLiveUpdateMode",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.liveUpdateMode=e}}),Object.defineProperty(this,"load",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.loadingInitiated||(this.loadingInitiated=!0,this.initDataLoading(),this.initLiveUpdates())}}),Object.defineProperty(this,"reload",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error&&(this.retryTrigger=+!this.retryTrigger)}}),Object.defineProperty(this,"loadMore",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.error=null,this.loadMoreTrigger=+!this.loadMoreTrigger}}),Object.defineProperty(this,"queryEvents",{enumerable:!0,configurable:!0,writable:!0,value:e=>this.fetcher(this.api,e).pipe(l((e=>e.success?t({events:e.resultItems,pageInfo:e.pageInfo}):i((()=>e.error)))),o((e=>(console.error(e),this.error=e,t({events:[],pageInfo:null})))))}),f(this,{data:g.ref,pendingData:g.ref,liveUpdateMode:g,setLiveUpdateMode:b,flushUpdates:b,pageInfo:g.ref,isLive:v,loading:g,loadMoreTrigger:g,retryTrigger:g,error:g.ref,loadMore:b})}initDataLoading(){this.disposables.push(this.filters.updated$.pipe(c(null),s((e=>Ie((()=>this.retryTrigger),!0).pipe(h((()=>e))))),s((()=>(y((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{y((()=>{var a,r,n;if(!t)return;const l=e.map(Vl);this.isLive?this.data=this.uniquelyConcat(this.filters.apply(this.eventsStore.getEvents({cameraIds:this.filters.cameras,from:null!==(r=null===(a=l[0])||void 0===a?void 0:a.startTime)&&void 0!==r?r:Hl(new Date,1),to:null,probability:null!==(n=this.filters.probabilityThreshold)&&void 0!==n?n:void 0})),l).flatMap(this.transformData):this.data=l.flatMap(this.transformData),this.eventsStore.add(l),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(this.filters.updated$.pipe(c(null),s((()=>Ie((()=>this.loadMoreTrigger)).pipe(m((()=>{var e;return this.queryEvents(null===(e=this.pageInfo)||void 0===e?void 0:e.nextPageToken)})))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const a=e.map(Vl);this.eventsStore.add(a),y((()=>{this.data=this.data.concat(a.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(Ie((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(s((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?Ie((()=>this.eventsStore.recentAdditions)):d))).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&&y((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(Ie((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(s((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?Ie((()=>this.eventsStore.recentAdditions)):(this.pendingData&&y((()=>this.pendingData=[])),d)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&y((()=>{this.pendingData=[...t.flatMap(this.transformData),...this.pendingData]}))})))}uniquelyConcat(e,t){if(!e.length)return t.concat();if(!t.length)return e.concat();const a=e=>[e.id,e];return Array.from(new Map([...e.map(a),...t.map(a)]).values())}dispose(){this.disposables.forEach((e=>{e instanceof n?e.closed||e.unsubscribe():e()}))}}function Vl(e){return new Cl(e)}class Tl{get regionsWkt(){return this.regions?this.regions.map((e=>this.regionToWktPolygon(e))):[]}constructor(){Object.defineProperty(this,"from",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"to",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"cameras",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"detectedObjects",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"eventTypes",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"updated$",{enumerable:!0,configurable:!0,writable:!0,value:new u}),f(this,{from:g,to:g,probabilityThreshold:g,cameras:g.struct,detectedObjects:g.struct,regions:g.ref,eventTypes:g.struct,sortDirection:g,colors:g.ref,filterJson:v}),E((()=>({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:a,to:r}=this;if(a&&(t=t.filter((e=>e.startTime>=a))),r&&(t=t.filter((e=>e.startTime<=r))),this.cameras.length&&(t=t.filter((e=>this.cameras.includes(e.cameraId)))),this.eventTypes.length){const e=this.eventTypes.map((e=>Ne[e]));t=t.filter((t=>e.includes(t.type)))}return this.detectedObjects.length&&(t=t.filter((e=>e.detectedObjects.some((e=>{var t;const{probabilityThreshold:a}=this;return!(null!==a&&e.Probability<a)&&(this.colors.size?this.detectedObjects.includes(e.Type)&&"Colors"in e&&(null===(t=e.Colors)||void 0===t?void 0:t.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=>{var t;const{probabilityThreshold:a}=this;return!(null!==a&&e.Probability<a)&&("Colors"in e&&(null===(t=e.Colors)||void 0===t?void 0:t.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 (())"}}function Nl(e,t){const a=new Date(e);return a.setHours(23,59,59,999),t&&a.setUTCHours(23,59,59,999),a}const Il=(e,t,a)=>a?e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth()&&e.getUTCDate()===t.getUTCDate():e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),jl=(e,t,a)=>a?e.getUTCFullYear()===t.getUTCFullYear():e.getFullYear()===t.getFullYear();function Ol(e,t,a){return function(e,t,a){return a?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,a)}const Fl={Top:0,Left:0,Bottom:1,Right:1};class Bl extends qn{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}get params(){return this.eventSchema.schemaDescription.filter((e=>"filter"===e.parameterType))}get filteredData(){let e=[];const t=this.filters.map((e=>e.id));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=>{var t;return"Colors"in e&&(null===(t=e.Colors)||void 0===t?void 0:t.some((e=>this.colors.has(e.Color))))})))))):e=this.data.filter((e=>e.detectedObjects.some((e=>e.Probability>=this.probabilityThreshold))));const{brushFilter:a}=this;a&&(e=e.filter((e=>e.startTime>=a[0]&&e.startTime<=a[1]&&e.detectedObjects.some((e=>"Person"===e.Type)))));const{regions:r}=this;return r&&r.length&&(e=e.filter((e=>e.detectedObjects.some((e=>{var a;return(!t.length||t.includes(e.Type))&&(!this.colors.size||"Colors"in e&&(null===(a=e.Colors)||void 0===a?void 0:a.some((e=>this.colors.has(e.Color)))))&&e.Probability>=this.probabilityThreshold&&r.some((t=>zl(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(null==e?void 0:e.length)?this.peopleCountingData.filter((t=>e.some((e=>zl(e,{x:t.Left,y:t.Top,width:t.Right-t.Left,height:t.Bottom-t.Top}))))):this.peopleCountingData}constructor(e,a,r,n,l){super(),Object.defineProperty(this,"eventSchema",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"events",{enumerable:!0,configurable:!0,writable:!0,value:a}),Object.defineProperty(this,"account",{enumerable:!0,configurable:!0,writable:!0,value:r}),Object.defineProperty(this,"notification",{enumerable:!0,configurable:!0,writable:!0,value:n}),Object.defineProperty(this,"heatmaps",{enumerable:!0,configurable:!0,writable:!0,value:l}),Object.defineProperty(this,"disposables",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"analyticsEnabled",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cameraId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"date",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"filters",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),Object.defineProperty(this,"peopleCountingDataLoading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"heatmapMode",{enumerable:!0,configurable:!0,writable:!0,value:"selection"}),Object.defineProperty(this,"heatmapLoading",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"data",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"heatmap",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"peopleCountingData",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"brushFilter",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"eventsLoader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"loaderFilters",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"setDate",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.date=e,this.brushFilter=null}}),Object.defineProperty(this,"setFilters",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.filters=e}}),Object.defineProperty(this,"getProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.probabilityThreshold}),Object.defineProperty(this,"setProbabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.probabilityThreshold=e}}),Object.defineProperty(this,"setBrushFilter",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.brushFilter=e}}),Object.defineProperty(this,"setParams",{enumerable:!0,configurable:!0,writable:!0,value:({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)}}),Object.defineProperty(this,"searchFullFrame",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.clear(),this.cameraId=e,this.peopleCountingData=[],this.date||(this.date=new Date),this.triggerLoad()}}),Object.defineProperty(this,"triggerLoad",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.loadTrigger++}}),Object.defineProperty(this,"setRegions",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.regions=e.length?e:null}}),Object.defineProperty(this,"setHeatmapMode",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.heatmapMode=e}}),Object.defineProperty(this,"toggleColor",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Set(this.colors);this.colors.has(e)?t.delete(e):t.add(e),this.colors=t}}),Object.defineProperty(this,"clearColors",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.colors=new Set}}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.cameraId=null,this.date=null,this.regions=null,this.brushFilter=null,this.heatmap=null,this.data=[],this.peopleCountingData=[]}}),Object.defineProperty(this,"initDataFetching",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const e=Ie((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(M(Qn),w());this.disposables.push(Ie((()=>({startTime:this.startTime,regions:this.regions,cameraId:this.cameraId,filters:this.filters,brushFilter:this.brushFilter,colors:this.colors,probabilityThreshold:this.probabilityThreshold})),!0).pipe(M(Qn),w()).subscribe((e=>{y((()=>{if(!e.startTime||!e.cameraId)return;this.loaderFilters.sortDirection="DESC";const{startTime:t}=e,a=Nl(t,this.account.preferences.utc);this.loaderFilters.from=t,this.loaderFilters.to=a;const{brushFilter:r}=e;r&&([this.loaderFilters.from,this.loaderFilters.to]=r),this.loaderFilters.regions=[...e.regions||[]],this.loaderFilters.cameras=[e.cameraId],this.loaderFilters.detectedObjects=e.filters.map((e=>e.id)),this.loaderFilters.eventTypes=[Ne.Analytic],this.loaderFilters.colors=e.colors,this.loaderFilters.probabilityThreshold=e.probabilityThreshold,this.eventsLoader.load()}))})));const a=this.heatmaps;a&&(this.disposables.push(e.pipe(z((e=>{if(!e.startTime||!e.cameraId)return d;y((()=>{this.peopleCountingDataLoading=!0}));const{startTime:a}=e,r=Nl(a,this.account.preferences.utc),n=e.regions?this.boxRegions(e.regions):Fl;return this.api.cameras.GetPeopleCountingData(e.cameraId,a,r,n).pipe(x((e=>e.success?t(e.resultItems):i((()=>e.error))))).pipe(C((e=>(this.notification.error(Le.t("eventSearchRequestError.peopleCounting")),console.error(e),t([])))))}))).subscribe((e=>{y((()=>{this.peopleCountingData=e,this.peopleCountingDataLoading=!1}))}))),this.disposables.push(Ie((()=>({startTime:this.startTime,cameraId:this.cameraId,trigger:this.loadTrigger})),!0).pipe(M(Qn),z((e=>{if(!e.startTime||!e.cameraId)return d;y((()=>{this.heatmapLoading=!0}));const{startTime:r}=e,n=Nl(r,this.account.preferences.utc);return a.fetchHeatmaps(e.cameraId,r,n,1).pipe(H((e=>e[0]||null))).pipe(C((e=>(this.notification.error(Le.t("eventSearchRequestError.heatmap")),console.error(e),t(null)))))}))).subscribe((e=>{y((()=>{this.heatmap=e,this.heatmapLoading=!1}))}))))}}),f(this,{cameraId:g,date:g,setDate:b,startTime:v,regions:g.ref,filters:g.ref,colors:g.ref,peopleCountingDataLoading:g,heatmapMode:g,heatmapLoading:g,data:g.ref,heatmap:g.ref,peopleCountingData:g.ref,probabilityThreshold:g,brushFilter:g.ref,params:v,filteredData:v,filteredPeopleCountingData:v,setFilters:b,setBrushFilter:b,setParams:b,searchFullFrame:b,setRegions:b,setHeatmapMode:b,toggleColor:b,clearColors:b,clear:b,loadTrigger:g}),this.analyticsEnabled=Boolean(l);const o=this.loaderFilters=new Tl,c=(e=>(t,a)=>{var r,n;return t.cameras.GetSensorEventsPage({sensorIds:e.cameras,sensorType:"camera",sensorEventTypes:e.eventTypes,startTime:null!==(r=e.from)&&void 0!==r?r:void 0,endTime:null!==(n=e.to)&&void 0!==n?n:void 0,isDescending:"DESC"===e.sortDirection,rowsLimit:10,pageToken:a},e.filterJson,e.regionsWkt)})(o);this.eventsLoader=new Ll(a,o,c,(e=>e.detectedObjects.map(((e,t)=>{var a,r;return o.detectedObjects.length&&!o.detectedObjects.includes(e.Type)||o.colors.size&&"Colors"in e&&!(null===(a=e.Colors)||void 0===a?void 0:a.some((e=>o.colors.has(e.Color))))||null!==o.probabilityThreshold&&e.Probability<o.probabilityThreshold||(null===(r=o.regions)||void 0===r?void 0:r.length)&&!o.regions.some((t=>zl(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}}boxRegions(e){const t=e.flatMap((e=>e.map((({x:e})=>e)))),a=e.flatMap((e=>e.map((({y:e})=>e))));return{Left:Math.min(...t),Right:Math.max(...t),Top:Math.min(...a),Bottom:Math.max(...a)}}afterInit(){this.eventsLoader.initWith(this.api)}dispose(){this.disposables.forEach((e=>{e instanceof n?e.closed||e.unsubscribe():e()}))}}const Pl=N.createContext(null);function Dl(e){return N.forwardRef(((t,a)=>{const{size:r=24,color:n="currentColor",className:l,...i}=t,o=e.viewBox||"0 0 24 24",c=e.svg;return N.createElement("svg",{ref:a,preserveAspectRatio:"xMinYMin",className:$("icon",l),width:r,fill:n,viewBox:o,...i},c)}))}const _l=Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}))});_l.displayName="LabelIcon";const kl=Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}))});kl.displayName="CameraIcon";const Sl=Dl({viewBox:"0 0 24 24",svg:N.createElement("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"})});Sl.displayName="LuggageIcon";const Al=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}))});Al.displayName="CarIcon";const Rl=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}))});Rl.displayName="BoatIcon";const Ul=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("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"}))});Ul.displayName="BicycleIcon";const $l=Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}))});$l.displayName="DirectionsWalkIcon";const Ql=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),N.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),N.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),N.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),N.createElement("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"}))});Ql.displayName="PetsIcon";const ql=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}),N.createElement("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"}),N.createElement("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"}),N.createElement("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"}))});ql.displayName="LicensePlateIcon";const Zl=Dl({viewBox:"0 96 960 960",svg:N.createElement(N.Fragment,null,N.createElement("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"}))});Zl.displayName="DetectorSmokeIcon";const Wl=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("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"}))});Wl.displayName="FireIcon";const Yl=Dl({viewBox:"0 0 24 24",svg:N.createElement("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"})});Yl.displayName="LoiteringIcon";const Gl=({data:e})=>{const t=16;return"licensePlate"===e.type?null:e.id===Ne.Loitering?N.createElement(Yl,{size:16}):"detectedObject"!==e.type?N.createElement(kl,{size:t}):"Luggage"===e.id?N.createElement(Sl,{size:t}):"Car"===e.id?N.createElement(Al,{size:t}):"Person"===e.id?N.createElement($l,{size:t}):"Bicycle"===e.id?N.createElement(Ul,{size:t}):"Boat"===e.id?N.createElement(Rl,{size:t}):"Animal"===e.id?N.createElement(Ql,{size:t}):"LicensePlate"===e.id?N.createElement(ql,{size:t}):"Smoke"===e.id?N.createElement(Zl,{size:t}):"Fire"===e.id?N.createElement(Wl,{size:t}):N.createElement(_l,{size:t})},Jl=e=>{const{children:t,innerProps:a,...r}=e,{MultiValueLabel:n}=U,{data:l}=e,i={...a,style:{display:"flex",alignItems:"center"}};return N.createElement(n,{innerProps:i,...r},N.createElement(Gl,{data:l}),N.createElement("div",{style:{marginLeft:4}},"detectedObject"===l.type?Le.t(t):t))},Xl={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},Kl={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},ei={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},ti={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},ai={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",A100:"#ffff8d",A200:"#ffff00",A400:"#ffea00",A700:"#ffd600"},ri=({children:e,label:t,placement:a="bottom",disabled:r})=>{const[n,l]=I(!1),{x:i,y:o,refs:c,strategy:s,context:h}=q({placement:a,open:n,onOpenChange:l,middleware:[Z(5),W(),Y({padding:8})],whileElementsMounted:(e,t,a)=>G(e,t,a,{animationFrame:!0})}),{getReferenceProps:m,getFloatingProps:d}=J([X(h,{enabled:!r}),K(h,{role:"tooltip"}),ee(h,{referencePress:!0})]);return N.createElement(N.Fragment,null,j(e,m({ref:oe(c.setReference,e.ref),...e.props})),N.createElement(te,{id:"x-3deye-floating-ui-root"},n&&N.createElement("div",{...d({ref:c.setFloating,className:"x-3deye-tooltip",style:{position:s,top:null!=o?o:0,left:null!=i?i:0}})},t)))};class ni extends N.Component{render(){const{forwardedRef:e,children:t,className:a,fullWidth:r,variant:n,type:l,title:i,placement:o,...c}=this.props,s=$(a,"x-3deye-button",{"x-3deye-button--fullwidth":r},n?`x-3deye-button--${n}`:void 0),h=N.createElement("button",{ref:e,className:s,type:l||"button",...c},t,c.disabled?null:N.createElement(Q,null));return void 0===i?h:N.createElement(ri,{label:i,placement:o,disabled:!i},h)}}const li=N.forwardRef(((e,t)=>N.createElement(ni,{forwardedRef:t,...e}))),ii=Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("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"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});ii.displayName="CloseIcon";const oi=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),N.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});oi.displayName="DoneIcon";const ci=[{color:ti[500],name:"red",highlightColor:ti[100]},{color:Kl[500],name:"green",highlightColor:Kl[100]},{color:Xl[500],name:"blue",highlightColor:Xl[100]},{color:ai[500],name:"yellow",highlightColor:ai[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:ei[500],name:"dimgrey",highlightColor:ei[100]}];new Map(ci.map((({color:e,name:t})=>[t,e])));const si=A((({value:e,clear:t,toggle:a})=>N.createElement("div",{className:"color-selector"},N.createElement("div",{style:{textTransform:"uppercase"}},Le.t("color")),N.createElement("div",{className:"color-selector__items"},ci.map((({color:t,highlightColor:r,name:n})=>N.createElement("button",{key:n,className:$("color-selector__item",{selected:e.has(n)}),style:{backgroundColor:t},onClick:a.bind(null,n)},N.createElement(oi,{color:r,size:20})))),N.createElement(li,{className:"color-selector__clear",disabled:!e.size,onClick:t},N.createElement(ii,{size:20}))))));si.displayName="ColorSelector";const hi=(e,t,a)=>Math.min(Math.max(e,t),a),mi=e=>Math.round(e),di=N.forwardRef((({value:e,onChange:t,onChangeComplete:a,orientation:r="horizontal",disabled:n=!1,labelFormat:l=e=>`${e}`,style:i},o)=>{const c=O(null),s=O(null),[h,m]=I(!1),[d,u]=I(e);F((()=>{if(!h)return;const e=c.current;if(!e)return;let n=0,l=0;const i=e.getBoundingClientRect();if(!i||!i.width||!i.height)return void m(!1);const o=({clientX:e,clientY:a})=>{if(!s.current)return;let o=0;"horizontal"===r?(n=hi(e-i.x,0,i.width),o=n/i.width*100,s.current.style.transform=`translateX(${n}px)`):(l=i.height-hi(a-i.y,0,i.height),o=l/i.height*100,s.current.style.transform=`translateY(${-l}px)`),u(o),null==t||t(mi(o))},d=({clientX:e,clientY:n})=>{if(m(!1),!s.current)return;const l="horizontal"===r?hi(e-i.x,0,i.width)/i.width*100:100*(1-hi(n-i.y,0,i.height)/i.height);s.current.style.transform="",u(l),null==t||t(mi(l)),null==a||a(mi(l))},v=()=>{if(m(!1),!s.current)return;const e="horizontal"===r?n/i.width*100:l/i.height*100;s.current.style.transform="",null==t||t(mi(e)),null==a||a(mi(e))};return e.addEventListener("pointercancel",v),e.addEventListener("pointermove",o),e.addEventListener("pointerup",d),()=>{e.removeEventListener("pointercancel",v),e.removeEventListener("pointermove",o),e.removeEventListener("pointerup",d)}}),[h,r,t]);const v=B((({clientX:e,clientY:a,pointerId:l})=>{if(!c.current||n)return;m(!0),c.current.setPointerCapture(l);const i=c.current.getBoundingClientRect();if(!i)return;if(!s.current)return;let o=0;if("horizontal"===r){const t=hi(e-i.x,0,i.width);o=t/i.width*100,s.current.style.transform=`translateX(${t}px)`}else{const e=i.height-hi(a-i.y,0,i.height);o=e/i.height*100,s.current.style.transform=`translateY(${-e}px)`}u(o),null==t||t(mi(o))}),[r,n]),p=B((r=>{if(n)return;let l=null;"ArrowLeft"===r.code?l=Math.max(e-1,0):"ArrowRight"===r.code?l=Math.min(e+1,100):"ArrowDown"===r.code?l=Math.max(e-1,0):"ArrowUp"===r.code&&(l=Math.min(e+1,100)),null!==l&&(r.stopPropagation(),r.preventDefault(),null==t||t(l),null==a||a(l))}),[e,t,a,r,n]);return N.createElement("div",{ref:oe(o,c),tabIndex:0,onKeyDown:p,className:$("x-3deye-slider",r,{disabled:n}),onPointerDown:v,style:i},N.createElement("div",{className:"x-3deye-slider__track"},N.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===r?`${h?d:e}%`:void 0,height:"vertical"===r?`${h?d:e}%`:void 0}})),N.createElement("div",{ref:s,className:$("x-3deye-slider__thumb",{active:h}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===r?h?0:`${e}%`:"auto",bottom:"vertical"===r?h?0:`${e}%`:"auto"}},null!==l&&N.createElement("div",{className:"x-3deye-slider__label "+(h?"open":"")},l(h?mi(d):e))))}));di.displayName="Slider";const ui=A((({getter:e,setter:t})=>{const[a,r]=I(0),n=O(null),l=Math.floor(100*e());return F((()=>E(e,(e=>{r(Math.floor(100*e))}),{fireImmediately:!0})),[e]),N.createElement("div",{ref:n,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10}},N.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},N.createElement("div",{style:{textTransform:"uppercase"}},Le.t("confidence")),N.createElement("div",{style:{fontSize:"1.1em"}},l,"%")),N.createElement("div",{style:{padding:"0 10px"}},N.createElement(di,{value:a,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));ui.displayName="ProbabilitySlider";var vi,pi=(vi=8,{container:e=>({...e,padding:vi}),control:(e,t)=>({...e,borderRadius:8,backgroundColor:t.isFocused?"white":"rgba(0, 0, 0, 0.5)",border:"none",boxShadow:null,"&:hover":{borderColor:null}}),menu:e=>({...e,width:`calc(100% - ${2*vi}px)`,marginTop:vi?0:e.marginTop}),option:e=>({...e,color:"black"}),multiValueRemove:e=>({...e,color:"black"}),placeholder:(e,t)=>({...e,color:t.isFocused?e.color:"hsl(0, 0%, 70%)"})});Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="AddIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{fill:"currentColor",d:"M8 13C6.14 13 4.59 14.28 4.14 16H2V18H4.14C4.59 19.72 6.14 21 8 21S11.41 19.72 11.86 18H22V16H11.86C11.41 14.28 9.86 13 8 13M8 19C6.9 19 6 18.1 6 17C6 15.9 6.9 15 8 15S10 15.9 10 17C10 18.1 9.1 19 8 19M19.86 6C19.41 4.28 17.86 3 16 3S12.59 4.28 12.14 6H2V8H12.14C12.59 9.72 14.14 11 16 11S19.41 9.72 19.86 8H22V6H19.86M16 9C14.9 9 14 8.1 14 7C14 5.9 14.9 5 16 5S18 5.9 18 7C18 8.1 17.1 9 16 9Z"})}).displayName="AdjustmentsIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{d:"M 11.892578,1.0002034 C 7.3728028,1.0598099 3.5885527,4.6770989 3.0664067,9.4572009 3.0106167,9.8249339 3.0118005,10.217885 3.0000005,10.559446 3.5057685,15.662884 8.0824105,22.855335 12,23 c 3.91759,-0.144665 8.494231,-7.337116 8.999999,-12.440554 -0.0118,-0.341561 -0.01057,-0.7345121 -0.06641,-1.1022451 -0.522143,-4.780102 -4.306394,-8.397391 -8.826168,-8.4569975 -0.03561,-4.6964e-4 -0.07189,2.69e-5 -0.107427,0 -0.03553,2.69e-5 -0.07182,-4.6964e-4 -0.107426,0 z M 5.5898441,10.797944 C 6.5537259,10.669849 13.923436,17.567691 9.123047,16.704521 4.3664963,15.849238 4.6259622,10.92604 5.5898441,10.797944 Z m 12.8203119,0 c 0.963881,0.128096 1.223347,5.051294 -3.533203,5.906577 -4.800389,0.86317 2.569321,-6.034672 3.533203,-5.906577 z m -7.224609,10.554058 c 0,0 0.516338,0.209369 0.814453,0.20412 0.298116,0.0053 0.814454,-0.20412 0.814454,-0.20412 0,0 -0.545414,0.384081 -0.812501,0.365267 l -0.0019,-0.0022 -0.0019,0.0022 c -0.267218,0.01887 -0.812581,-0.365267 -0.812581,-0.365267 z"})}).displayName="AlienIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"}))}).displayName="AppsIcon";Dl({viewBox:"0 0 32 32",svg:N.createElement("path",{d:"m26.879 21.115-0.02667 0.01333c0.30667 0.37333 0.57333 0.78667 0.77333 1.2267l0.12 0.25333c0.94667 2.2533 0.28 4.8533-1.4667 6.48-1.5867 1.4533-3.8 1.84-5.8533 1.5733-1.9467-0.24-3.7333-1.4667-4.76-3.16-0.30667-0.52-0.57333-1.1067-0.70667-1.7067-0.17333-0.46667-0.22667-0.97333-0.26667-1.4667-0.12-2.1333 0.73333-4.4 2.3467-5.7333-0.73333 1.6133-0.56 3.6267 0.52 5.0267l0.14667 0.17333c0.18667 0.16 0.41333 0.2 0.62667 0.12 0.2-0.08 0.36-0.28 0.36-0.49333l-0.09333-0.32c-1.1733-3.1067-0.18667-6.7067 2.3067-8.7467 0.68-0.56 1.52-1.0667 2.4-1.2933-0.90667 1.8133-0.61333 4.1867 0.84 5.6 0.61333 0.66667 1.36 1.0533 1.9867 1.64l0.74667 0.81333m-3.04 6.2133-0.01333-0.04c0.6-0.52 0.93333-1.4133 0.90667-2.2133l-0.04-0.41333c-0.26667-1.3333-1.4267-1.7867-2.1733-2.76-0.22667-0.29333-0.42667-0.66667-0.57333-1.04-0.29333 0.66667-0.32 1.2933-0.2 2.0133 0.13333 0.76 0.42667 1.4133 0.28 2.2-0.21333 0.86667-0.89333 1.7333-2.08 2.0133 0.66667 0.65333 1.7467 1.1733 2.8267 0.8 0.34667-0.09333 0.78667-0.34667 1.0667-0.56m1.809-25.291a3.992 3.992 0 0 0-3.625 3.7383l-12.438 2.4883a3.99 3.99 0 1 0-4.5859 5.5938v8.2852a3.991 3.991 0 1 0 4.8574 4.8574h2.0508a11.119 11.119 0 0 1-0.64062-2h-1.4102a3.994 3.994 0 0 0-2.8574-2.8574v-8.2852a3.987 3.987 0 0 0 2.9766-3.6328l12.437-2.4883a4.005 4.005 0 0 0 1.8496 1.8516l-0.41602 2.0781a11.119 11.119 0 0 1 1.9414 0.48828l0.43555-2.1777a3.994 3.994 0 0 0 3.7754-3.9766 3.992 3.992 0 0 0-4.3516-3.9629zm0.35156 1.9629a2 2 0 1 1-2 2 2.002 2.002 0 0 1 2-2zm-19.383 4.0977a2 2 0 0 1-0.61719 3.9023 2.002 2.002 0 0 1-2-2 2 2 0 0 1 2.6172-1.9023zm-1.2344 16a2 2 0 0 1 2.6172 1.9023 2.002 2.002 0 0 1-2 2 2 2 0 0 1-0.61719-3.9023z"})}).displayName="AreaCustomFireIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M7 10l5 5 5-5z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="ArrowDropDownIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M7 14l5-5 5 5z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="ArrowDropUpIcon";const fi=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))});fi.displayName="ArrowForwardIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M10 17l5-5-5-5v10z"}),N.createElement("path",{fill:"none",d:"M0 24V0h24v24H0z"}))}).displayName="ArrowRightIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"}))}).displayName="AspectRatioIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M6 13c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm-3 .5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM6 5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm15 5.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM14 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0-3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-11 10c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm0-17c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zM10 7c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm0 5.5c-.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.5zm8 .5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-8c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm3 8.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zM14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm0 3.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-4-12c-.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.5zm0 8.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zm4-4.5c-.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.5zm0-4c-.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.5z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="BlurOnIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M 19,14 H 5 V 7 h 14 M 21,5 H 3 v 14 h 18 z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="BottomPanelIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M480 976q-82 0-155-31.5t-127.5-86Q143 804 111.5 731T80 576q0-83 31.5-156t86-127Q252 239 325 207.5T480 176q83 0 156 31.5T763 293q54 54 85.5 127T880 576q0 82-31.5 155T763 858.5q-54 54.5-127 86T480 976Zm0-60q142 0 241-99.5T820 576q0-142-99-241t-241-99q-141 0-240.5 99T140 576q0 141 99.5 240.5T480 916Zm0-340Z"}),N.createElement("path",{d:"M480 277.758c-89.376 0-167.263 40.667-220.43 103.672l51.25 76.875L359.297 531h.234c36.233-19.634 76.28-33.242 120.469-33.242 44.19 0 84.236 13.608 120.469 33.242h.234l99.688-149.57C647.224 318.436 569.366 277.758 480 277.758Zm0 40c65.871 0 125.877 24.592 171.445 65.039L587.93 478.07c-33.491-13.046-69.873-20.312-107.93-20.312s-74.439 7.266-107.93 20.312l-63.515-95.273c45.568-40.447 105.574-65.04 171.445-65.04Z",transform:"rotate(-35.706 479.98 575.961)"}))}).displayName="CameraAltIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="CancelIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="CategoriesIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))}).displayName="CheckCircleIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))}).displayName="CheckboxBlankIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))}).displayName="CheckboxIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"}),N.createElement("path",{d:"M0-.75h24v24H0z",fill:"none"}))}).displayName="ChevronDownIcon";const gi=Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});gi.displayName="ChevronRightIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="ChevronUpIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M5 13h14v-2H5v2zm-2 4h14v-2H3v2zM7 7v2h14V7H7z"}))}).displayName="ClearAllIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"}))}).displayName="ContentCopyIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z"}))}).displayName="ContentCutIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M15.54 5.54L13.77 7.3 12 5.54 10.23 7.3 8.46 5.54 12 2zm2.92 10l-1.76-1.77L18.46 12l-1.76-1.77 1.76-1.77L22 12zm-10 2.92l1.77-1.76L12 18.46l1.77-1.76 1.77 1.76L12 22zm-2.92-10l1.76 1.77L5.54 12l1.76 1.77-1.76 1.77L2 12z"}),N.createElement("circle",{cx:"12",cy:"12",r:"3"}),N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}))}).displayName="ControlIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z"}))}).displayName="CubeScanIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{d:"M7,2l12,11.2l-5.8,0.5l3.3,7.3l-2.2,1l-3.2-7.4L7,18.5V2"})}).displayName="CursorIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M15 16h4v2h-4zm0-8h7v2h-7zm0 4h6v2h-6zM3 18c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V8H3v10zm2-8h6v8H5v-8zm5-6H6L5 5H2v2h12V5h-3z"}))}).displayName="DeleteSweepIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),N.createElement("g",null,N.createElement("path",{d:"M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"})))}).displayName="DeleteIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("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"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="DirectionsCarIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),N.createElement("path",{d:"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-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.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"}))}).displayName="DirectionsRunIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{fill:"none",d:"M0,0h24v24H0V0z"}),N.createElement("path",{d:"M19.35,10.04C18.67,6.59,15.64,4,12,4C9.11,4,6.6,5.64,5.35,8.04C2.34,8.36,0,10.91,0,14c0,3.31,2.69,6,6,6h13\n\t\tc2.76,0,5-2.24,5-5C24,12.36,21.95,10.22,19.35,10.04z M19,18H6c-2.21,0-4-1.79-4-4c0-2.05,1.53-3.76,3.56-3.97l1.07-0.11\n\t\tl0.5-0.95C8.08,7.14,9.94,6,12,6c2.62,0,4.88,1.86,5.39,4.43l0.3,1.5l1.53,0.11C20.78,12.14,22,13.45,22,15\n\t\tC22,16.65,20.65,18,19,18z"}),N.createElement("polygon",{points:"13.45,10 10.55,10 10.55,13 8,13 12,17 16,13 13.45,13"}))}).displayName="DownloadIcon";Dl({viewBox:"0 0 20 20",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"}),N.createElement("path",{d:"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"}))}).displayName="ExternalLinkIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="FilterListIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M22.11 21.46L2.39 1.73L1.11 3l5.98 6C5.66 10.36 4.88 12.47 5 14.47c.06.5.12 1 .29 1.5c.14.6.41 1.2.71 1.73c1.08 1.73 2.95 2.97 4.96 3.22c2.14.27 4.43-.12 6.07-1.6c.07-.06.12-.14.19-.21l3.62 3.62l1.27-1.27M8.8 14.05c-.23.1-.47.04-.66-.12a.58.58 0 0 1-.14-.17c-1-1.29-1.26-3.07-.74-4.61l1.32 1.32c0 .93.15 1.86.49 2.75c.04.1.08.2.08.33c0 .22-.15.42-.35.5m5.7 3.45c-.28.24-.74.5-1.1.6c-1.12.4-2.24-.16-2.9-.82c1.19-.28 1.9-1.16 2.11-2.05c.05-.23.05-.47.03-.7L15 16.88c-.15.23-.31.45-.5.62m4.42-1.78L9.65 6.46c.47-.81 1.07-1.54 1.81-2.14c.71-.57 1.54-1.09 2.49-1.32c-.95 1.85-.62 4.26.87 5.72c.64.63 1.4 1.06 2.07 1.66c.26.26.54.52.77.82c0 0 .56.8.77 1.26l.13.26c.4.97.5 2 .36 3Z"}))}).displayName="FireOffIcon";Dl({viewBox:"0 96 960 960",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M480 976q-82 0-155-31.5t-127.5-86Q143 804 111.5 731T80 576q0-83 31.5-156t86-127Q252 239 325 207.5T480 176q83 0 156 31.5T763 293q54 54 85.5 127T880 576q0 82-31.5 155T763 858.5q-54 54.5-127 86T480 976Zm0-60q142 0 241-99.5T820 576q0-142-99-241t-241-99q-141 0-240.5 99T140 576q0 141 99.5 240.5T480 916Zm0-340Z"}),N.createElement("path",{d:"M305.957 333.802C233.382 385.964 193.87 464.443 187.47 546.635l86.482 32.513 81.791 30.737.19-.136c17.963-37.09 42.54-71.512 78.423-97.302 35.883-25.79 76.343-38.113 117.224-43.316l.19-.136-6.344-179.635c-79.937-20.123-166.9-7.715-239.468 44.442Zm23.345 32.48c53.489-38.443 116.568-53.495 177.176-47.246l4.028 114.433c-34.81 8.952-68.593 24.286-99.496 46.497s-56.206 49.345-75.787 79.484l-107.18-40.294c13.397-59.439 47.77-114.43 101.259-152.874Z"}))}).displayName="FisheyeIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"}))}).displayName="FolderIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M15,9.86L18.03,12L15,14.14V9.86 M6,9.86L9.03,12L6,14.14V9.86 M13,6v12l8.5-6L13,6L13,6z M4,6v12l8.5-6L4,6L4,6z"}))}).displayName="ForwardIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}).displayName="FullscreenExitIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}).displayName="FullscreenIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M8 4v.89l2 2V4h4v4h-2.89l2 2H14v.89l2 2V10h4v4h-2.89l2 2H20v.89l2 2V4c0-1.1-.9-2-2-2H5.11l2 2H8zm8 0h4v4h-4V4zM1.41 1.14L0 2.55l2 2V20c0 1.1.9 2 2 2h15.45l2.01 2.01 1.41-1.41L1.41 1.14zM10 12.55L11.45 14H10v-1.45zm-6-6L5.45 8H4V6.55zM8 20H4v-4h4v4zm0-6H4v-4h3.45l.55.55V14zm6 6h-4v-4h3.45l.55.55V20zm2 0v-1.45L17.45 20H16z"}))}).displayName="GridOffIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"}))}).displayName="GridOnIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{d:"M5 11Q4.175 11 3.587 10.412Q3 9.825 3 9V5Q3 4.175 3.587 3.587Q4.175 3 5 3H9Q9.825 3 10.413 3.587Q11 4.175 11 5V9Q11 9.825 10.413 10.412Q9.825 11 9 11ZM5 21Q4.175 21 3.587 20.413Q3 19.825 3 19V15Q3 14.175 3.587 13.587Q4.175 13 5 13H9Q9.825 13 10.413 13.587Q11 14.175 11 15V19Q11 19.825 10.413 20.413Q9.825 21 9 21ZM15 11Q14.175 11 13.588 10.412Q13 9.825 13 9V5Q13 4.175 13.588 3.587Q14.175 3 15 3H19Q19.825 3 20.413 3.587Q21 4.175 21 5V9Q21 9.825 20.413 10.412Q19.825 11 19 11ZM15 21Q14.175 21 13.588 20.413Q13 19.825 13 19V15Q13 14.175 13.588 13.587Q14.175 13 15 13H19Q19.825 13 20.413 13.587Q21 14.175 21 15V19Q21 19.825 20.413 20.413Q19.825 21 19 21ZM5 9H9V5H5ZM15 9H19V5H15ZM15 19H19V15H15ZM5 19H9V15H5ZM15 9ZM15 15ZM9 15ZM9 9Z"})}).displayName="GridViewIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"}))}).displayName="HelpIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),N.createElement("path",{d:"M20 15.256v1.828A9 2 0 0 1 21 18a9 2 0 0 1-9 2 9 2 0 0 1-9-2 9 2 0 0 1 1-.914v-1.824A11 4 0 0 0 1 18a11 4 0 0 0 11 4 11 4 0 0 0 11-4 11 4 0 0 0-3-2.744z"}),N.createElement("path",{d:"M12 3 1 11.4l1.21 1.59L4 11.62V19h2v-8.9l6-4.58 6 4.58V19h2v-7.38l1.79 1.36L23 11.4 12 3z"}),N.createElement("path",{d:"m16 14-4 4-4-4 1.41-1.41L11 14.17v-4.15l2-.02v4.17l1.59-1.59z"}))}).displayName="HomeSaveIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),N.createElement("path",{d:"M12 3L1 11.4l1.21 1.59L4 11.62V21h16v-9.38l1.79 1.36L23 11.4zm6 16H6v-8.9l6-4.58 6 4.58z"}))}).displayName="HomeIcon";Dl({viewBox:"-2 -3 24 24",svg:N.createElement("path",{d:"M7.116 10.749L6 1.948l-1.116 8.8H1c-.552 0-1-.437-1-.976a.99.99 0 0 1 1-.978h2.116l.9-7.086C4.15.636 5.15-.124 6.245.008c.91.11 1.626.81 1.739 1.7l.899 7.086h1.974L12 16.04l1.142-7.245H19c.552 0 1 .438 1 .978s-.448.977-1 .977h-4.142l-.881 5.587a1.978 1.978 0 0 1-1.672 1.634c-1.092.165-2.113-.567-2.282-1.634l-.88-5.587H7.115z"})}).displayName="JamActivityIcon";Dl({viewBox:"-2 -2 24 24",svg:N.createElement("path",{d:"M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm4.126-6.254l-4.055 2.898c-.905.646-2.13.389-2.737-.576A2.201 2.201 0 0 1 7 12.898V7.102C7 5.942 7.883 5 8.972 5c.391 0 .774.124 1.099.356l4.055 2.898c.905.647 1.146 1.952.54 2.917a2.042 2.042 0 0 1-.54.575zM8.972 7.102v5.796L13.027 10 8.972 7.102z"})}).displayName="JamPlayCircleIcon";Dl({viewBox:"-4 -3 24 24",svg:N.createElement("path",{d:"M13.82 9.523a.976.976 0 0 0-.324-1.363L3.574 2.128a1.031 1.031 0 0 0-.535-.149c-.56 0-1.013.443-1.013.99V15.03c0 .185.053.366.153.523.296.464.92.606 1.395.317l9.922-6.031c.131-.08.243-.189.325-.317zm.746 1.997l-9.921 6.031c-1.425.867-3.3.44-4.186-.951A2.918 2.918 0 0 1 0 15.03V2.97C0 1.329 1.36 0 3.04 0c.567 0 1.123.155 1.605.448l9.921 6.032c1.425.866 1.862 2.696.975 4.088-.246.386-.58.712-.975.952z"})}).displayName="JamPlayIcon";Dl({viewBox:"0 0 1000 1000",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M771 596s3.135-13.72 14.295-23.678c9.824-8.766 26.766-14.393 40.705-8.322 44.209 19.254 23 63 23 63l-12 30z"}),N.createElement("path",{d:"M133.452 116.262l758.786 701.786a41.5 41.5 0 0 1-58.69 58.69s-35.084-35.415-92.561-87.766c-.177-.161-95.5 99.8-261.879 99.8-143.03 0-254.171-74.942-319.948-167.255-.1-.142-14.263 57.042-14.263 57.042s-13 33.184-40.876 29.887C54.347 802.568 63 759 63 759l40-160.913A47.86 47.86 0 0 1 116 573c15.984-15.716 36.986-10.037 36.986-10.037s114.6 29.361 162.946 40.5C339.544 608.9 352.755 634.365 348 652c-9.686 35.922-38.922 35.226-50.161 32.639-32-7.37-74.932-17.925-74.932-17.925s82.831 139 256.575 139c122.07 0 200.624-74.124 200.572-74.174C550.93 607.824 363.206 435.289 229.015 317.618c-.145-.128-20.291 26.919-46.939 91.71-6.913 16.81-32.914 31.275-56.676 17.9-18.277-10.289-26.105-31.266-20.326-48.937 24.3-74.3 62.612-117.389 62.572-117.432-53.078-55.995-92.884-85.906-92.884-85.906a41.5 41.5 0 0 1 58.69-58.691z"}),N.createElement("path",{d:"M358 213s51.052-26 121-26c178.393 0 257 139 257 139l-73-23s-34.43-8.448-48 25c-15.325 37.773 26 56 26 56l162 49s16.2 6.072 32-4 17-20 17-20l51-164s10.933-40.7-29-52c-34.45-9.748-50 23-50 23l-19 62S697.016 104 480 104c-108.167 0-187 49-187 49z"}))}).displayName="JamRefreshDisabledIcon";Dl({viewBox:"-1.5 -2.5 24 24",svg:N.createElement("path",{d:"M17.83 4.194l.42-1.377a1 1 0 1 1 1.913.585l-1.17 3.825a1 1 0 0 1-1.248.664l-3.825-1.17a1 1 0 1 1 .585-1.912l1.672.511A7.381 7.381 0 0 0 3.185 6.584l-.26.633a1 1 0 1 1-1.85-.758l.26-.633A9.381 9.381 0 0 1 17.83 4.194zM2.308 14.807l-.327 1.311a1 1 0 1 1-1.94-.484l.967-3.88a1 1 0 0 1 1.265-.716l3.828.954a1 1 0 0 1-.484 1.941l-1.786-.445a7.384 7.384 0 0 0 13.216-1.792 1 1 0 1 1 1.906.608 9.381 9.381 0 0 1-5.38 5.831 9.386 9.386 0 0 1-11.265-3.328z"})}).displayName="JamRefreshIcon";Dl({viewBox:"-4 -1.5 24 24",svg:N.createElement("path",{d:"M.649 3.322L8 .565l7.351 2.757a1 1 0 0 1 .649.936v4.307c0 3.177-1.372 6.2-3.763 8.292L8 20.565l-4.237-3.708A11.019 11.019 0 0 1 0 8.565V4.258a1 1 0 0 1 .649-.936zm6.29 7.51L5.525 9.42a1 1 0 1 0-1.414 1.414l2.121 2.121a1 1 0 0 0 1.414 0l4.243-4.243a1 1 0 1 0-1.414-1.414l-3.536 3.536z"})}).displayName="JamShieldCheckFilledIcon";Dl({viewBox:"-4 -1.5 24 24",svg:N.createElement("path",{d:"M.649 3.322L8 .565l7.351 2.757a1 1 0 0 1 .649.936v4.307c0 3.177-1.372 6.2-3.763 8.292L8 20.565l-4.237-3.708A11.019 11.019 0 0 1 0 8.565V4.258a1 1 0 0 1 .649-.936z"})}).displayName="JamShieldFilledIcon";Dl({viewBox:"-4 -2 24 24",svg:N.createElement("path",{d:"M2 4.386V8a9.02 9.02 0 0 0 3.08 6.787L8 17.342l2.92-2.555A9.019 9.019 0 0 0 14 8V4.386l-6-2.25-6 2.25zM.649 2.756L8 0l7.351 2.757a1 1 0 0 1 .649.936V8c0 3.177-1.372 6.2-3.763 8.293L8 20l-4.237-3.707A11.019 11.019 0 0 1 0 8V3.693a1 1 0 0 1 .649-.936z"})}).displayName="JamShieldIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12.5v-9l6 4.5-6 4.5z"}))}).displayName="LibraryIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}),N.createElement("circle",{cx:8,cy:13,r:1.5}),N.createElement("circle",{cx:12,cy:13,r:1.5}),N.createElement("circle",{cx:16,cy:13,r:1.5}))}).displayName="LicensePlateAltIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M14.39 11 16 12.61V11zM17 7h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.27-.77 2.37-1.87 2.84l1.4 1.4A4.986 4.986 0 0 0 22 12c0-2.76-2.24-5-5-5zM2 4.27l3.11 3.11A4.991 4.991 0 0 0 2 12c0 2.76 2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1 0-1.59 1.21-2.9 2.76-3.07L8.73 11H8v2h2.73L13 15.27V17h1.73l4.01 4.01 1.41-1.41L3.41 2.86 2 4.27z"}))}).displayName="LinkOffIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),N.createElement("path",{d:"M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"}))}).displayName="LinkIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),N.createElement("path",{d:"M19 16v-3h4v-2h-4V8l-4 4zM5 8v3H1v2h4v3l4-4zm6 12h2V2h-2z"}),N.createElement("circle",{cx:"12",cy:"19",r:"3"}))}).displayName="LocateScrubberIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="MapIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{fill:"currentColor",d:"M5,10H3V4H11V6H5V10M19,18H13V20H21V14H19V18M5,18V14H3V20H11V18H5M21,4H13V6H19V10H21V4M8,13V15L11,12L8,9V11H3V13H8M16,11V9L13,12L16,15V13H21V11H16Z"})}).displayName="MergeCellsIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="MicIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M 0,24 V 14 h 2 v 8 h 8 v 2 z M 0,10 V 0 H 10 V 2 H 2 v 8 z m 14,14 v -2 h 8 v -8 h 2 V 24 Z M 22,10 V 2 H 14 V 0 h 10 v 10 z"}),N.createElement("path",{d:"M6 14q0 1.3.525 2.462.525 1.163 1.5 2.038Q8 18.375 8 18.275v-.225q0-.8.3-1.5t.875-1.275L12 12.5l2.825 2.775q.575.575.875 1.275.3.7.3 1.5v.225q0 .1-.025.225.975-.875 1.5-2.038Q18 15.3 18 14q0-1.25-.462-2.363-.463-1.112-1.338-1.987-.5.325-1.05.487-.55.163-1.125.163-1.55 0-2.687-1.025Q10.2 8.25 10.025 6.75 9.05 7.575 8.3 8.462q-.75.888-1.262 1.8-.513.913-.775 1.863Q6 13.075 6 14Zm6 1.3-1.425 1.4q-.275.275-.425.625-.15.35-.15.725 0 .8.588 1.375Q11.175 20 12 20t1.413-.575Q14 18.85 14 18.05q0-.4-.15-.738-.15-.337-.425-.612ZM12 3v3.3q0 .85.588 1.425.587.575 1.437.575.45 0 .838-.187.387-.188.687-.563L16 7q1.85 1.05 2.925 2.925Q20 11.8 20 14q0 3.35-2.325 5.675Q15.35 22 12 22q-3.35 0-5.675-2.325Q4 17.35 4 14q0-3.225 2.163-6.125Q8.325 4.975 12 3Z"}))}).displayName="ModeHeatSelectionIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("circle",{cx:"15.5",cy:"9.5",r:"1.5"}),N.createElement("circle",{cx:"8.5",cy:"9.5",r:"1.5"}),N.createElement("path",{d:"M12 14c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5zm-.01-12C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))}).displayName="MoodSadIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}))}).displayName="MoreVertIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"}))}).displayName="MyLocationIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M5 9.86L8.03 12 5 14.14V9.86M3 6v12l8.5-6zM17 7c-2.762 0-5 2.238-5 5s2.238 5 5 5 5-2.238 5-5-2.238-5-5-5zm0 7.5a2.507 2.507 0 01-2.5-2.5c0-1.375 1.125-2.5 2.5-2.5s2.5 1.125 2.5 2.5-1.125 2.5-2.5 2.5z"}))}).displayName="NextObjectIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"}))}).displayName="NotificationIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{d:"M12 5.5L10 8H14L12 5.5M18 10V14L20.5 12L18 10M6 10L3.5 12L6 14V10M14 16H10L12 18.5L14 16M21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H21C22.1 21 23 20.1 23 19V5C23 3.9 22.1 3 21 3M21 19H3V5H21V19Z"})}).displayName="OverscanIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="PaletteIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="PauseIcon";Dl({viewBox:"0 0 36 44",svg:N.createElement(N.Fragment,null,N.createElement("defs",null,N.createElement("clipPath",{id:"a"},N.createElement("path",{d:"M0 0h36v44H0z"}))),N.createElement("g",{clipPath:"url(#a)"},N.createElement("path",{d:"M11.33 24c-.76-.011-1.52.046-2.27.17V32h1.66v-2.84c.19.014.38.014.57 0a3.303 3.303 0 0 0 2.41-.83 2.63 2.63 0 0 0 .68-1.88 2.39 2.39 0 0 0-.79-1.83 3.38 3.38 0 0 0-2.26-.62zm0 3.81a2.384 2.384 0 0 1-.56 0v-2.38a2.67 2.67 0 0 1 .69-.07c.84 0 1.31.44 1.31 1.16a1.27 1.27 0 0 1-1.49 1.3l.05-.01zM23.06 32h1.68v-3.19h2.66v-1.46h-2.66v-1.81h2.85v-1.47h-4.53V32zm-5.73-8c-.76-.005-1.519.052-2.27.17V32c.63.084 1.265.124 1.9.12a5.08 5.08 0 0 0 3.42-1 4.15 4.15 0 0 0 1.23-3.21 3.61 3.61 0 0 0-1.25-3 4.538 4.538 0 0 0-3.03-.91zm0 6.67a2.958 2.958 0 0 1-.58 0v-5.21a3.29 3.29 0 0 1 .76-.07 2.2 2.2 0 0 1 2.33 2.52c-.01 1.89-1 2.78-2.51 2.77v-.01zM26 0H4a4 4 0 0 0-4 4v36a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V11L26 0zm8 40a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h18v10a2 2 0 0 0 2 2h10v26zM24 12V2h1l9 10H24z"})))}).displayName="PdfIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}))}).displayName="PeekIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="PersonIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M8 5v14l11-7z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="PlayIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M8 5v14l11-7z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="PlayIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("rect",{fill:"none",height:"24",width:"24"}),N.createElement("path",{d:"M14,10H3v2h11V10z M14,6H3v2h11V6z M18,14v-4h-2v4h-4v2h4v4h2v-4h4v-2H18z M3,16h7v-2H3V16z"}))}).displayName="PlaylistAddIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M4 15h16v-2H4v2zm0 4h16v-2H4v2zm0-8h16V9H4v2zm0-6v2h16V5H4z"}),N.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}))}).displayName="PlaylistIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M19 9.86L15.97 12 19 14.14V9.86M21 6v12l-8.5-6zM7 7c2.763 0 5 2.237 5 5 0 2.762-2.238 5-5 5-2.763 0-5-2.238-5-5s2.237-5 5-5zm0 7.5c1.375 0 2.5-1.125 2.5-2.5S8.375 9.5 7 9.5A2.507 2.507 0 004.5 12c0 1.375 1.125 2.5 2.5 2.5z"}))}).displayName="PreviousObjectIcon";Dl({viewBox:"0 0 100 100",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M87.783 47.898c-1.132-2.958-8.699-12.701-10.266-13.223-1.565-.521-4.872-.348-4.872-.348-1.479-16.616-5.132-18.442-7.654-20.269-2.523-1.826-2.263 5.395-2.263 5.395-.87-3.045-5.307-8.004-8.352-7.221-3.045.783-1.391 10.788-.956 13.57.437 2.785 4.35 6.785 5.827 8.96 1.479 2.174.697 4.088.697 4.088-1.218 1.741-1.044 6.119-1.044 6.119-3.043-.494-6.001 3.016-6.001 3.016-6.874-2.956-10.808-3.016-10.808-3.016-20.86.208-23.515 20.064-23.822 26.65-.745-.324-1.78-.315-3.116.737-3.071 2.419-.88 5.383-.88 5.383-.865-.238-1.722-4.225-1.722-4.225-1.963 4.198 1.606 7.065 1.606 7.065-1.33.285-3.53-1.206-3.53-1.206.208.281 1.585 2.426 4.26 5.227 3.376 3.532 8.355 2.771 10.81 2.676.088.018.163.01.233-.01l.071-.002.012-.03c.386-.172.692-.719 2.295-.182l2.06 1.296s18.203.169 21.053 0c1.546-.092-1.566-4.523-1.566-4.523 5.654-.349 8.699-2.437 8.699-2.437l8.735 7.129h9.164c1.801 0 .697-1.93.697-1.93l-8.593-7.809.956-1.652c3.306-.696 5.655-3.915 6.001-4.523.35-.609.089-5.132.089-5.132s.349.435 1.826-1.393c1.48-1.827-.173-4.697-.607-5.307-.434-.607-1.305-4.438-1.305-4.438s5.827-.348 7.22-1.044c1.389-.693 6.176-4.434 5.046-7.391z"}))}).displayName="RabbitIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M18,9.86v4.28L14.97,12L18,9.86 M9,9.86v4.28L5.97,12L9,9.86 M20,6l-8.5,6l8.5,6V6L20,6z M11,6l-8.5,6l8.5,6V6L11,6z"}))}).displayName="RewindIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"}))}).displayName="SaveIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M5 21Q3.725 21 3.188 19.863Q2.65 18.725 3.45 17.75L9 11V5H8Q7.575 5 7.287 4.712Q7 4.425 7 4Q7 3.575 7.287 3.287Q7.575 3 8 3H16Q16.425 3 16.712 3.287Q17 3.575 17 4Q17 4.425 16.712 4.712Q16.425 5 16 5H15V11L20.55 17.75Q21.35 18.725 20.812 19.863Q20.275 21 19 21ZM5 19H19L13 11.7V5H11V11.7ZM12 12Z"}))}).displayName="ScienceIcon";Dl({viewBox:"-2.5 -2.5 24 24",svg:N.createElement("path",{d:"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12zm6.32-1.094l3.58 3.58a1 1 0 1 1-1.415 1.413l-3.58-3.58a8 8 0 1 1 1.414-1.414z"})}).displayName="SearchIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{d:"M7 4H9V6H8V7H6V5C6 4.45 6.45 4 7 4M19 4C19.55 4 20 4.45 20 5V7H18V6H17V4H19M11 6V4H15V6H11M7 18C6.45 18 6 17.55 6 17V15H8V16H9V18H7M6 9H8V13H6V9M3 8H4V20H14.58L16.03 22L3 22C2.45 22 2 21.55 2 21V9C2 8.45 2.45 8 3 8M18.5 12C20.4 12 22 13.6 22 15.5C22 18.1 18.5 22 18.5 22C18.5 22 15 18.1 15 15.5C15 13.6 16.6 12 18.5 12M18.5 16.8C19.2 16.8 19.8 16.2 19.7 15.6C19.7 15 19.1 14.4 18.5 14.4C17.9 14.4 17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8M11 18V16H13C13.09 16.66 13.27 17.33 13.5 18H11M20 9V10.23C19.5 10.08 19 10 18.5 10L18 10.03V9H20Z"})}).displayName="SelectionMultipleMarkerIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M12.01 5.5L10 8h4l-1.99-2.5zM18 10v4l2.5-1.99L18 10zM6 10l-2.5 2.01L6 14v-4zm8 6h-4l2.01 2.5L14 16zm7-13H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"}))}).displayName="SettingsOverscanIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"}))}).displayName="ShareIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M 19,17 H 10 V 7 h 9 M 21,5 H 3 v 14 h 18 z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="SidebarIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M6 18l8.5-6L6 6v12zm2-8.14L11.03 12 8 14.14V9.86zM16 6h2v12h-2z"}))}).displayName="SkipNextIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),N.createElement("path",{d:"M6 6h2v12H6zm3.5 6l8.5 6V6l-8.5 6zm6.5 2.14L12.97 12 16 9.86v4.28z"}))}).displayName="SkipPreviousIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{fill:"currentColor",d:"M19 14H21V20H3V14H5V18H19V14M3 4V10H5V6H19V10H21V4H3M11 11V13H8V15L5 12L8 9V11H11M16 11V9L19 12L16 15V13H13V11H16Z"})}).displayName="SplitCellIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M6 6h12v12H6z"}))}).displayName="StopIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0 0 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 0 0 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="SyncIcon";const bi=Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("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"}))});bi.displayName="ThermostatIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M4 4v2H0v12h4v2h16v-2h4V6h-4V4H4zm1.455 1.334h1.453v1.332H5.455V5.334zm2.908 0h1.455v1.332H8.363V5.334zm2.91 0h1.454v1.332h-1.454V5.334zm2.909 0h1.455v1.332h-1.455V5.334zm2.91 0h1.453v1.332h-1.453V5.334zM1.059 7h1.058v1H1.06V7zm2.117 0H4v1h-.824V7zM20 7h.824v1H20V7zm1.883 0h1.058v1h-1.058V7zM5.455 8h13.09v8H5.455V8zM1.06 9H4v6H1.059V9zM20 9h2.941v6H20V9zM1.059 16h1.058v1H1.06v-1zm2.117 0H4v1h-.824v-1zM20 16h.824v1H20v-1zm1.883 0h1.058v1h-1.058v-1zM5.455 17.334h1.453v1.332H5.455v-1.332zm2.908 0h1.455v1.332H8.363v-1.332zm2.91 0h1.454v1.332h-1.454v-1.332zm2.909 0h1.455v1.332h-1.455v-1.332zm2.91 0h1.453v1.332h-1.453v-1.332z"}))}).displayName="ThumbnailsIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M16.24 7.76A5.974 5.974 0 0 0 12 6v6l-4.24 4.24c2.34 2.34 6.14 2.34 8.49 0a5.99 5.99 0 0 0-.01-8.48zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))}).displayName="TimelapseIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("path",{d:"M13 11.86V22h-2V11.86c-1.72-.45-3-2-3-3.86 0-1.86 1.28-3.41 3-3.86V2h2v2.14c1.72.45 3 2 3 3.86 0 1.86-1.28 3.41-3 3.86M12 10c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m8.25 2.14V2h-2v10.14c-1.72.45-3 2-3 3.86 0 1.86 1.28 3.41 3 3.86V22h2v-2.14c1.72-.45 3-2 3-3.86 0-1.86-1.28-3.41-3-3.86m-1 1.86c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m-13.5-1.86V2h-2v10.14c-1.72.45-3 2-3 3.86 0 1.86 1.28 3.41 3 3.86V22h2v-2.14c1.72-.45 3-2 3-3.86 0-1.86-1.28-3.41-3-3.86m-1 1.86c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2"})}).displayName="TuneIcon";Dl({viewBox:"0 0 79.375 79.375",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M138.93 101.512c-16.578.124-32.548 6.13-47.309 17.925-7.317 5.847-15.399 14.393-17.77 18.788-1.58 2.931-3.668 7.757-6.367 14.712-7.457 19.225-11.997 29.033-16.8 36.297-1.638 2.476-1.781 2.231 1.748 2.99.613.133 1.285.26 1.984.383-1.634 3.885-5.948 9.571-11.436 13.088-1.138.73-4.443 2.638-7.345 4.242-5.362 2.964-7.66 4.377-9.285 5.713-1.765 1.45-4.48 4.224-4.786 4.891-.23.503-.304 1.445-.29 3.686.015 2.55.098 3.286.546 4.824 1.28 4.391 3.49 7.175 6.205 7.824 1.303.311 1.77.296 3.342-.107 3.624-.931 6.702-3.5 16.992-14.186 8.097-8.408 10.799-10.842 14.067-12.672.031-.017.064-.03.095-.047 1.093.759 2.373 1.422 3.221 1.602 2.71.574 28.721 2.944 47.403 4.318 8.207.604 16.372 1.208 18.142 1.342 1.77.134 10.736.21 19.924.17 13.044-.058 18.042.009 20.807-1.867-4.243 6.551-9.009 15.985-6.569 22.843 1.043 2.745 3.456 5.444 5.754 6.438 3.466 1.5 7.874-1.423 12.715-8.428 2.22-3.213 4.69-7.493 8.592-14.894 2.167-4.11 3.373-6.495 4.076-8.534l1.717-.51c.66 0 3.167-.885 5.047-1.782 4.06-1.939 9.627-5.707 15.574-10.543 2.402-1.954 7.135-5.996 9.199-7.846 18.116 13.509 29.936 25.039 32.766 32.033.311.77.629 1.4.705 1.4.433 0 4.516-4.066 6.2-6.175 4.187-5.243 6.403-10.354 6.403-14.76-1.252-15.979-37.802-28.468-28.124-33.08 3.282-1.563.627-3.716 11.572-3.293 7.862-.501 11.288-1.289 14.761-3.395 3.58-2.17 5.372-4.62 6.983-9.545 1.017-3.19.806-4.87.326-9.017 1.96-1.74 2.14-7.427-.22-9.6-1.625-1.913-4.807-3.627-8.503-4.576-8.376-2.15-24.507-1.09-32.883 2.162-1.493.58-2.487 1.192-4.244 2.615-2.451 1.986-5.58 4.847-8.601 7.868-1.114 1.113-1.585 1.613-2.075 2.52l-1.562-1.31c-.293-.296-1.923-1.951-3.621-3.677-16.038-16.305-32.66-28.14-48.71-34.682-10.253-4.18-20.42-6.223-30.366-6.148zm127.783 39.14c1.656-.08 3.338 1.31 3.51 3.819.104 1.518-.393 2.89-1.362 3.76-.361.324-.977.524-1.797.585-1.044.078-1.36-.003-1.95-.494-1.605-1.334-2.077-3.308-1.272-5.324.617-1.547 1.738-2.29 2.87-2.346z",transform:"scale(.26458)"}))}).displayName="TurtleIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement("g",null,N.createElement("path",{d:"M7 5v10h14V5zM3 7v12h16v-2H5V7zm6 0h10v6H9z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="UndockIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M1.455 11c-.165.326-.32.658-.455 1 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-.135-.342-.29-.674-.455-1-1.95 3.853-5.935 6.5-10.545 6.5S3.405 14.853 1.455 11z"}))}).displayName="UnpeekIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0zm0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M10 6.35V4.26c-.8.21-1.55.54-2.23.96l1.46 1.46c.25-.12.5-.24.77-.33zm-7.14-.94l2.36 2.36a7.925 7.925 0 0 0 1.14 9.87L4 20h6v-6l-2.24 2.24A6.003 6.003 0 0 1 6 12c0-1 .25-1.94.68-2.77l8.08 8.08c-.25.13-.5.25-.77.34v2.09c.8-.21 1.55-.54 2.23-.96l2.36 2.36 1.27-1.27L4.14 4.14 2.86 5.41zM20 4h-6v6l2.24-2.24A6.003 6.003 0 0 1 18 12c0 1-.25 1.94-.68 2.77l1.46 1.46a7.925 7.925 0 0 0-1.14-9.87L20 4z"}))}).displayName="UnsyncIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="ViewModuleIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M18.5 12A4.5 4.5 0 0 0 16 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="VolumeDownIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}),N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))}).displayName="VolumeOffIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),N.createElement("path",{fill:"none",d:"M0 0h24v24H0V0z"}),N.createElement("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"}))}).displayName="ZoomInIcon";Dl({viewBox:"0 0 24 24",svg:N.createElement(N.Fragment,null,N.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),N.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"}))}).displayName="ZoomOutIcon";const yi=N.createContext(null),Ei=N.forwardRef((({className:e,children:t,title:a,...r},n)=>{const l=N.useContext(yi);if(!l)return;const{refs:i,isNested:o,isOpen:c,hasFocusInside:s,item:h,parent:m,setHasFocusInside:d,getReferenceProps:u}=l;return N.createElement(li,{ref:ae([i.setReference,h.ref,n]),tabIndex:o?(null==m?void 0:m.activeIndex)===h.index?0:-1:void 0,role:o?"menuitem":void 0,"data-open":c?"":void 0,"data-nested":o?"":void 0,"data-focus-inside":s?"":void 0,className:$(e,{"menu-item":o,"menu-button":!o}),title:c?null:a,...u(null==m?void 0:m.getItemProps({...r,onFocus(e){var t;null===(t=r.onFocus)||void 0===t||t.call(r,e),d(!1),m.setHasFocusInside(!0)}}))},t,o&&N.createElement(gi,{style:{marginLeft:"auto"},"aria-hidden":!0,size:20}))}));Ei.displayName="MenuButton";const Mi=N.forwardRef((({label:e,disabled:t,className:a,children:r,...n},l)=>{const i=N.useContext(yi),o=re({label:t?null:e}),c=ne();if(!i)return null;const s=o.index===i.activeIndex;return N.createElement(li,{...n,ref:ae([o.ref,l]),type:"button",role:"menuitem",className:$(a,"menu-item"),tabIndex:s?0:-1,disabled:t,...i.getItemProps({onClick(e){var t;null===(t=n.onClick)||void 0===t||t.call(n,e),null==c||c.events.emit("click")},onFocus(e){var t;null===(t=n.onFocus)||void 0===t||t.call(n,e),i.setHasFocusInside(!0)}})},e||r)}));Mi.displayName="MenuItem";const wi=A((({data:e,children:t,onClick:a,onAuxClick:r,menuComponent:n})=>{const l=O(null),{ref:i,menuContext:o}=function(){const[e,t]=I(!1),[a,r]=I(),n=B((e=>{r(e||void 0)}),[]),[l]=I((()=>new Set)),[i]=I((()=>new Set)),o=P((()=>({subscribe:e=>(l.add(e),()=>l.delete(e)),onOpenChange:e=>(i.add(e),()=>i.delete(e)),setOpened:e=>{t(e);for(const t of i)t(e)}})),[]);return F((()=>{if(a)return a.addEventListener("contextmenu",e),()=>{a.removeEventListener("contextmenu",e)};function e(e){e.preventDefault();for(const t of l)t(e)}}),[a]),{ref:n,menuContext:o,opened:e}}();return N.createElement("div",{ref:oe(l,i),onDragStart:t=>{var a;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=null===(a=l.current)||void 0===a?void 0:a.querySelector("img");if(r){const{x:e,y:a}=r.getBoundingClientRect();t.dataTransfer.setDragImage(r,t.clientX-e,t.clientY-a)}},className:"event-list-item",onClick:()=>null==a?void 0:a(e),onAuxClick:t=>null==r?void 0:r(t,e),draggable:!0},t,n&&N.createElement(n,{ctx:o,data:e}))}));wi.displayName="EventListItem";const zi=A((({data:e})=>{if("Temperature"!==e.type)return null;const t=Number(e.raw.data);return N.createElement("div",{className:"event-list-item__temperature"},N.createElement(bi,null),N.createElement("span",null,(t-273.15).toFixed(1),"°C")," / ",N.createElement("span",null,(9*t/5-459.67).toFixed(1)," °F"))}));zi.displayName="Temperature";const xi=(e,{locale:t,utc:a=!1,hour12:r=!1,seconds:n,year:l=!1,dayOfWeek:i=!1,day:o=!1})=>{const c={hour:"numeric",minute:"numeric",hour12:r||void 0,hourCycle:r?void 0:"h23"};return a&&(c.timeZone="UTC"),n&&(c.second="numeric"),l&&(c.year="numeric"),i&&(c.weekday="short"),o&&(c.day="numeric",c.month="short"),new Intl.DateTimeFormat(t,c).format(e)},Ci=(e,t)=>t?e.getUTCSeconds():e.getSeconds();const Hi=A((({from:e,to:t})=>{const{account:{preferences:{utc:a,hour12:r}}}=D(Pl);return N.createElement(N.Fragment,null,function(e,t,{locale:a,utc:r=!1,hour12:n=!1}={}){let l="",i="";const o=Boolean(Ci(e,r)||Ci(t,r)),c={from:!1,to:!1},s={from:!1,to:!1},h={from:!1,to:!1};return jl(e,new Date,r)?Il(e,new Date,r)||(Il(e,t,r)?(h.from=!0,s.from=!0):(h.from=!0,s.from=!0,h.to=!0,s.to=!0)):(c.from=!0,h.from=!0,h.to=!0,c.to=!jl(e,t,r)),l=xi(e,{locale:a,utc:r,hour12:n,seconds:o,year:c.from,dayOfWeek:s.from,day:h.from}),+e==+t?l:(i=xi(t,{locale:a,utc:r,hour12:n,seconds:o,year:c.to,dayOfWeek:s.to,day:h.to}),`${l} - ${i}`)}(e,t,{locale:Le.language,utc:a,hour12:r}))}));Hi.displayName="DisplayPeriod";const Li=A((({data:e,cameraNameHidden:t})=>{var a;const r=D(Pl),{cameras:n}=r,l=n.loaded&&(null===(a=n.camerasById.get(e.cameraId))||void 0===a?void 0:a.name)||"...";return N.createElement("div",{className:"event-list-item-caption"},N.createElement("div",{className:"event-list-item__time"},N.createElement(Hi,{from:e.startTime,to:e.endTime})),t?null:N.createElement(N.Fragment,null,N.createElement("div",null,e.type),N.createElement("div",{className:"event-list-item__camera-name",title:l},l)),+e.endTime-+e.startTime>0&&N.createElement("div",{className:"event-list-item__duration"},function(e,t,a=!0){if((e=Math.round(e/1e3))<60)return t("duration.ss",{seconds:e});const r=e%60;let n=(e-r)/60;if(n<60)return!r&&a?t("duration.mm",{minutes:n}):t("duration.mmss",{minutes:n,seconds:`${r}`.padStart(2,"0")});const l=Math.floor(n/60);if(n-=60*l,!r&&!n&&a)return t("duration.hh",{hours:l});const i=a?`${n}`:`${n}`.padStart(2,"0");return!r&&n&&a?t("duration.hhmm",{hours:l,minutes:i}):t("duration.hhmmss",{hours:l,minutes:i,seconds:`${r}`.padStart(2,"0")})}(+e.endTime-+e.startTime,Le.t)),N.createElement(zi,{data:e}))}));Li.displayName="EventListItemCaption";const Vi=A((({data:{data:e,objectIdx:t},width:a,height:r,cameraNameHidden:n,onClick:l,onAuxClick:i,menuComponent:o})=>{let c=null;const{thumbnailWidth:s,thumbnailHeight:h}=e;c=e.detectedObjects[t];const{Box:{Bottom:m,Left:d,Right:u,Top:v}}=c,p="Person"===(null==c?void 0:c.Type)?.8:1,{imageTop:f,imageLeft:g,imageScale:b}=function(e,t,a,r,n,l=1){const{top:i,left:o,bottom:c,right:s}=a,h=i*r,m=o*n,d=(c-i)*r,u=(s-o)*n;let v=1,p=0,f=0;return e/t>u/d?(v=t/d*l,p=-h*v+(t-d*v)/2,f=-(m+u/2)*v+e/2):(v=e/u*l,p=-(h+d/2)*v+t/2,f=-m*v),{imageTop:p,imageLeft:f,imageScale:v}}(a,r,{top:v,left:d,bottom:m,right:u},h,s,p);return N.createElement(wi,{onClick:l,onAuxClick:i,data:e,width:a,height:r,cameraNameHidden:n,menuComponent:o},N.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},N.createElement("img",{key:e.thumbnailUrl,src:e.thumbnailUrl,style:{position:"absolute",top:f,left:g,width:s*b,height:h*b}}),N.createElement(Q,{radius:a}),N.createElement(Li,{data:e,cameraNameHidden:!0})))}));Vi.displayName="DetectedObjectCell";const Ti=({size:e=48})=>N.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},N.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(0 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(30 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(60 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(90 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(120 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(150 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(180 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(210 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(240 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(270 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(300 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),N.createElement("rect",{x:"46.5",y:"38",width:"7",height:"24",rx:"5",ry:"5",fill:"currentColor",transform:"rotate(330 50 50) translate(0 -30)"},N.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));Ti.displayName="Preloader";var Ni=xa;function Ii(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var a=function(){var r=arguments,n=t?t.apply(this,r):r[0],l=a.cache;if(l.has(n))return l.get(n);var i=e.apply(this,r);return a.cache=l.set(n,i)||l,i};return a.cache=new(Ii.Cache||Ni),a}Ii.Cache=Ni;const ji=Oe(Ii)((()=>{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 Oi(e,t,a,r){return e.Top<-r&&(e.Bottom=e.Bottom-e.Top+r,e.Top=-r),e.Left<-r&&(e.Right=e.Right-e.Left+r,e.Left=-r),e.Right+r>t&&(e.Left=e.Left-(e.Right-t)+r,e.Right=t-r),e.Bottom+r>a&&(e.Top=e.Top-(e.Bottom-a)+r,e.Bottom=a-r),e}const Fi=({className:e,style:t,box:{Top:a,Left:r,Right:n,Bottom:l}})=>N.createElement(N.Fragment,null,N.createElement("div",{className:e,style:{position:"absolute",top:100*a+"%",left:100*r+"%",bottom:100*(1-l)+"%",right:100*(1-n)+"%",...t}}));function Bi({style:e}){return N.createElement("div",{className:"frame",style:e},N.createElement("div",{className:"corner-highlight-tl"}),N.createElement("div",{className:"corner-highlight-tr"}),N.createElement("div",{className:"corner-highlight-br"}),N.createElement("div",{className:"corner-highlight-bl"}))}function Pi({Top:e,Left:t,Bottom:a,Right:r},n,l,i,o){const c=o*e,s=o*a;return c>l?[0,-1]:s>l?[0,1]:i*t>n?[-1,0]:i*r>n?[1,0]:[0,c>s?1:-1]}function Di(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}Fi.displayName="LicensePlateLpr";const _i=({face:{Name:e,Box:t,Probability:a},url:r,thumbWidth:n,thumbHeight:l,width:i,height:o})=>{const{Top:c,Left:s,Right:h,Bottom:m}=t,d=100/n/(h-s),u={top:2},v=O(null);return _((()=>{if(!v.current)return;const{width:e,height:a}=v.current.getBoundingClientRect(),r=Pi(t,e,a,i,o);r[0]=r[0]*(e+(h-s)*i)/2,r[1]=r[1]*(a+(m-c)*o)/2;const n=Oi(Di({Top:(c+m)/2*o-a/2,Left:(s+h)/2*i-e/2,Bottom:(c+m)/2*o+a/2,Right:(s+h)/2*i+e/2},r),i,o,0);v.current.style.top=`${n.Top+2*Math.sign(r[1])}px`,v.current.style.left=`${n.Left+2*Math.sign(r[0])}px`})),s>=1-h?u.left=2:u.right=2,N.createElement(N.Fragment,null,N.createElement("div",{ref:v,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*a)}%`},N.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),N.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100*a),"%")),N.createElement(Fi,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),N.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:n*(h-s)*d,height:l*(m-c)*d,...u}},N.createElement("img",{style:{width:n*d,height:l*d,transform:`translate(-${100*s}%, -${100*c}%)`},src:r}),N.createElement(Bi,null)))};_i.displayName="FaceHighlight";const ki=N.memo((({value:e})=>e?N.createElement(N.Fragment,null,e.split("").map(((e,t)=>(e=>{const t=e.charCodeAt(0);return t>=48&&t<=57})(e)?N.createElement("span",{key:`d${t}${e}`,className:"digit"},e):N.createElement("span",{key:`${t}${e}`,className:"char"},e)))):null));ki.displayName="LicensePlateNumber";const Si=({detectedObject:e,height:t,width:a,url:r,thumbWidth:n,thumbHeight:l})=>{const{Type:i,Box:{Top:o,Left:c,Right:s,Bottom:h},Probability:m,Value:d}=e,u=O(null);_((()=>{if(!u.current)return;const e=u.current.getBoundingClientRect();let r=(c+s)/2*a-e.width/2,n=o*t-e.height-4;n<0&&(n=h*t+4),r<0&&(r=0),r>a-e.width&&(r=a-e.width),u.current.style.top=`${n}px`,u.current.style.left=`${r}px`}));const v={top:2};c>=1-s?v.left=2:v.right=2;const p=100/n/(s-c);return N.createElement(N.Fragment,null,N.createElement("div",{ref:u,className:"event-list-item__license-plate-label trigger",title:`${i.toLowerCase()} ${Math.floor(100*m)}%`},N.createElement("div",{style:{padding:4}},N.createElement(ki,{value:d})),N.createElement("div",{className:"event-list-item__license-plate-label__caption"},`${Math.floor(100*m)}%`)),N.createElement(Fi,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),N.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:n*(s-c)*p,height:l*(h-o)*p+16,position:"absolute",...v}},N.createElement("img",{style:{width:n*p,height:l*p,transform:`translate(-${100*c}%, -${100*o}%)`},src:r}),N.createElement("div",{className:"plate-number"},N.createElement(ki,{value:d})),N.createElement(Bi,{style:{height:l*(h-o)*p}})))};Si.displayName="LicensePlateHighlight";const Ai=A((({url:e,noPreview:t,width:a})=>N.createElement(N.Fragment,null,e?N.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,N.createElement(Q,{radius:a}),t?N.createElement("div",{className:"no-preview-overlay"}):null)));function Ri({Top:e,Left:t,Bottom:a,Right:r}){return[(t+r)/2,(e+a)/2]}function Ui(e,t){const[a,r]=Ri(e),[n,l]=Ri(t);return[n-a,l-r]}function $i(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function Qi([e,t]){const a=Math.sqrt(e*e+t*t);return 0===a?[0,0]:[e/a,t/a]}Ai.displayName="EventThumbnail";const qi=A((({data:e,width:t,height:a})=>{const r=O(null),{eventSchema:n}=D(Pl);return _((()=>{if(!r.current)return;const n=[],l=[];for(let i=0;i<e.length;i++){const o=r.current.children[2*i+1],c=e[i].Box;n.push({Top:c.Top*a,Left:c.Left*t,Bottom:c.Bottom*a,Right:c.Right*t});const[s,h]=Ri(n[i]),{width:m,height:d}=o.getBoundingClientRect(),u=Pi(c,m,d,t,a);l.push(Di({Top:h-d/2-4,Left:s-m/2-4,Bottom:h+d/2+4,Right:s+m/2+4},u))}let i=!0,o=0;for(;i;){if(i=!1,o++>1e3){console.warn("Reached max iterations for label positioning");break}for(let t=0;t<e.length;t++){const a=l[t],r=[0,0];for(let o=0;o<e.length;o++){const e=n[o],c=l[o];if($i(a,e)){const t=Ui(e,a);r[0]=r[0]+t[0],r[1]=r[1]+t[1],i=!0}if(o!==t&&$i(a,c)){const e=Ui(c,a);r[0]=r[0]+e[0],r[1]=r[1]+e[1],i=!0}}[r[0],r[1]]=Qi(r),a.Top+=r[1],a.Left+=r[0],a.Bottom+=r[1],a.Right+=r[0]}}for(let n=0;n<e.length;n++){const e=r.current.children[2*n+1],{Top:i,Left:o}=Oi(l[n],t,a,4);e.style.top=`${i+4}px`,e.style.left=`${o+4}px`}}),[e,t,a]),N.createElement("div",{ref:r},e.map(((e,t)=>{var a;return N.createElement(N.Fragment,{key:t},N.createElement(Fi,{box:e.Box,style:{outline:`2px solid ${null!==(a=n.colorsByFoundObjectType.get(e.Type))&&void 0!==a?a:""}`}}),N.createElement("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100*e.Probability)}%`},N.createElement("div",{style:{padding:4,lineHeight:"24px"}},"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()),N.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:n.colorsByFoundObjectType.get(e.Type)}},Math.floor(100*e.Probability),"%")))})))}));qi.displayName="DetectedObjects";const Zi=A((({data:e,width:t,height:a,cameraNameHidden:r,onClick:n,onAuxClick:l,menuComponent:i})=>{const o=D(Pl),{eventSchema:c}=o,[s,h]=function(e){var t;const[a,r]=I(null),n=D(Pl),{cameras:l,thumbnails:i}=n;F((()=>{if(e.thumbnailUrl)return void r(null);const t=i.fetchThumbnail(e.cameraId,e.startTime,e.startTime).subscribe((e=>{r(e||null)}));return()=>t.unsubscribe()}),[e.id]);let o="",c=!1;return e.thumbnailUrl?o=e.thumbnailUrl:null===a&&l.loaded?(o=(null===(t=l.camerasById.get(e.cameraId))||void 0===t?void 0:t.imageUrl)||"",c=!0):a&&(o=a.url),[o,c]}(e);let m=[],d=null,u=null;if(e.detectedObjects.length){const{thumbnailWidth:r,thumbnailHeight:n}=e;m=e.detectedObjects.filter((({Type:e})=>c.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),d=e.detectedObjects.filter((e=>"LicensePlate"===e.Type)).map(((e,l)=>N.createElement(Si,{key:l,detectedObject:e,width:t,height:a,thumbWidth:r,thumbHeight:n,url:s})))}if(e.faces){const{thumbnailWidth:r,thumbnailHeight:n}=e;u=e.faces.map(((e,l)=>N.createElement(_i,{key:l,face:e,url:s,thumbWidth:r,thumbHeight:n,width:t,height:a})))}return N.createElement(wi,{onClick:n,onAuxClick:l,data:e,width:t,height:a,menuComponent:i},N.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},N.createElement(Ai,{url:s,noPreview:h,width:t}),N.createElement(qi,{data:m,width:t,height:a}),d,u,e.acknowledged?N.createElement("div",{className:"acknowledged-overlay"},Le.t("event.acknowledged")):null,N.createElement(Li,{data:e,cameraNameHidden:r})))}));Zi.displayName="EventItem";const Wi=N.createContext({reportError:(e,t)=>{}});class Yi extends N.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{hasError:!1}})}componentDidCatch(e,t){var a;this.setState({hasError:!0}),null===(a=this.context)||void 0===a||a.reportError(e,t),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...a}=this.props;return N.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...a},N.createElement("h1",null,"Oops. Something went wrong"),N.createElement("div",null,"We've been notified about this problem"),N.createElement(li,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function Gi({count:e,overscan:t=1,itemSize:a,horizontal:r=!1,spacing:n=0}){const[l,i]=I(),[o,c]=I(0),s=B((e=>{i(e||void 0)}),[]);F((()=>{if(!l)return;const e=()=>{c(r?l.scrollLeft:l.scrollTop)};return l.addEventListener("scroll",e,{passive:!0,capture:!0}),()=>{l.removeEventListener("scroll",e)}}),[l,r]),F((()=>{l&&(r?l.scrollLeft!==o&&c(l.scrollLeft):l.scrollTop!==o&&c(l.scrollTop))}));return{parentRef:s,getItems:()=>{if(!l)return[];const i=[],{height:c,width:s}=l.getBoundingClientRect(),h=Math.max(0,Math.floor(o/(a+n))-t),m=Math.ceil((r?s:c)/(a+n))+2*t;for(let t=h;t<Math.min(e,h+m);t++)i.push({idx:t,start:t*(a+n),size:a});return i},getTotalSize:()=>a*e+Math.max(e-1,0)*n}}Object.defineProperty(Yi,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:Wi});const Ji=A((({columnIndex:e,rowIndex:t,style:a,store:r,columnCount:n,eventRenderer:l})=>{var i,o;const c=t*n+e,s=r.data[c];return c===r.data.length?r.error?N.createElement("div",{style:a},N.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},N.createElement("div",{style:{textAlign:"center"}},N.createElement("div",null,"Couldn't fetch more data"),N.createElement(li,{onClick:r.loadMore},"Retry")))):(null===(i=r.pageInfo)||void 0===i?void 0:i.haveMore)?N.createElement("div",{style:a},N.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},N.createElement(Ti,{size:32}))):N.createElement("div",{style:a}):!s&&(null===(o=r.pageInfo)||void 0===o?void 0:o.haveMore)?N.createElement("div",{style:a}):s?N.createElement("div",{style:a},N.createElement(Yi,null,l({data:s,width:a.width,height:a.height}))):N.createElement("div",{style:a})})),Xi=A((({store:e,scrollWidth:t,onClick:a})=>e.pendingData.length?N.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},N.createElement(li,{className:"x-3deye-button--overlay",style:{background:"rgba(0, 0, 0, 0.75)",padding:"8px 16px",backdropFilter:"blur(2px)",borderRadius:32,pointerEvents:"auto"},onClick:a},Le.t("showEvents",{count:e.pendingData.length}))):null)),Ki=A((({store:e,width:t,height:a,captionHeight:r=0,columnsCount:n=0,minColumnWidth:l,aspectRatio:i=16/9,onEventClick:o,onEventAuxClick:c,eventRenderer:s})=>{const h=O(null),m=()=>{h.current&&(e.setLiveUpdateMode("auto"),h.current.scrollTop=0)};if(F((()=>E((()=>e.loading||!e.data.length),(e=>e&&m()))),[]),e.error&&!e.data.length)return N.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},N.createElement("div",{style:{textAlign:"center"}},N.createElement("div",null,"Couldn't fetch data"),N.createElement(li,{onClick:e.reload},"Retry")));if(e.loading)return N.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},N.createElement(Ti,null));if(!e.data.length)return N.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},Le.t("noEventsFound"));const d={store:e,width:t,columnsCount:n,minColumnWidth:l,aspectRatio:i,captionHeight:r,height:a,onEventClick:o,onEventAuxClick:c,eventRenderer:s,containerRef:h,resetScroll:m};return N.createElement(eo,{...d})}));Ki.displayName="EventGrid";const eo=A((({store:e,width:t,height:a,captionHeight:r=0,columnsCount:n=0,minColumnWidth:l=320,aspectRatio:i,containerRef:o,onEventClick:c,onEventAuxClick:s,eventRenderer:h=({data:e,width:t,height:a})=>N.createElement(Zi,{data:e.data,cameraNameHidden:!1,onClick:c,onAuxClick:s,width:t,height:a}),resetScroll:m})=>{var d,u;const v=Math.floor(t/l)||1,p=t/v/i+r,f=v*Math.floor(a/p)>=e.data.length?0:ji(),g=Math.min(n,e.data.length)||Math.max(1,Math.floor((t-f)/l));let b=Math.ceil(e.data.length/g);const y=(t-f-2*(g-1))/g,E=y/i+r;(null===(d=e.pageInfo)||void 0===d?void 0:d.haveMore)&&b*g===e.data.length&&b++;const{parentRef:M,getItems:w,getTotalSize:z}=Gi({count:b,overscan:5,itemSize:E,spacing:2}),{parentRef:x,getItems:C,getTotalSize:H}=Gi({count:g,overscan:5,itemSize:y,horizontal:!0,spacing:2}),L=w(),V=C();F((()=>{var t;e.error||(null===(t=e.pageInfo)||void 0===t?void 0:t.haveMore)&&(e.loading||L.length&&L.at(-1).idx+1===b&&e.loadMore())}),[e.error,null===(u=e.pageInfo)||void 0===u?void 0:u.haveMore,L]);const T=L.flatMap((({idx:t,size:a,start:r})=>V.map((({idx:n,size:l,start:i})=>{var o;const c=t*g+n;return c>e.data.length?null:c!==e.data.length||(null===(o=e.pageInfo)||void 0===o?void 0:o.haveMore)?N.createElement(Ji,{key:e.data[c]?`${e.data[c].data.id}-${e.data[c].objectIdx}`:"loading",columnIndex:n,rowIndex:t,columnCount:g,style:{position:"absolute",top:0,left:0,height:a,width:l,transform:`translate(${i}px, ${r}px)`,display:"flex"},store:e,eventRenderer:h}):null}))));return N.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},N.createElement("div",{ref:oe(o,M,x),style:{width:t,height:a,overflow:"auto"},onScroll:t=>{const{scrollTop:a}=t.target;"disabled"!==e.liveUpdateMode&&e.setLiveUpdateMode(a>=1||e.pendingData.length?"manual":"auto")}},N.createElement("div",{style:{position:"relative",height:z(),width:H()}},T)),N.createElement(Xi,{store:e,scrollWidth:f,onClick:()=>{e.flushUpdates(),m()}}))})),to=e=>{const{className:t,children:a,...r}=e;return N.createElement("div",{className:$("x-3deye-button-group",t),...r},a)},ao=N.forwardRef((function({width:e,height:t,placement:a="top",style:r},n){const l=[0,"top"===a?t:0],i=[e,l[1]],o=[e/2,t-l[1]],c=[e/4,t*("top"===a?3:1)/4],s=[.325*e,t-l[1]],h=[e-s[0],s[1]],m=[e-c[0],c[1]],d=e=>e.join(","),u=`M ${d(l)} C ${d(c)} ${d(s)} ${d(o)} ${d(h)} ${d(m)} ${d(i)}`,v=`${u} Z`;return N.createElement("svg",{ref:n,className:"tip",style:r,width:e,height:t,fill:"var(--tip-background, #fff)"},N.createElement("path",{className:"tip-body",d:v}),N.createElement("path",{className:"tip-border",d:u,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),ro=({opened:e,onOpenChange:t,children:a,target:r,placement:n,className:l,style:i,autoDismiss:o=!0,initialFocus:c,withArrow:s=!1})=>{var h,m,d;const u=O(null),{x:v,y:p,refs:f,strategy:g,context:b,middlewareData:y,placement:E,update:M}=q({open:e,onOpenChange:t,middleware:[Z(5),W(),Y(),le({element:u})],placement:n,whileElementsMounted:(e,t,a)=>G(e,t,(()=>{var e;0!==(null===(e=b.elements.domReference)||void 0===e?void 0:e.getBoundingClientRect().width)?a():b.onOpenChange(!1)}),{animationFrame:!0})}),{getReferenceProps:w,getFloatingProps:z}=J([K(b),ee(b,{ancestorScroll:!0,enabled:o})]),x=B((e=>{u.current=e,M()}),[M]),C={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(h=null==E?void 0:E.split("-")[0])&&void 0!==h?h:"top"]||"top",H=N.createElement("div",{...z({className:$("x-3deye-popover-container",l),ref:f.setFloating,style:{...i,position:g,top:null!=p?p:0,left:null!=v?v:0}})},s&&N.createElement(ao,{ref:x,width:24,height:8,placement:C,style:{position:"absolute",left:null===(m=y.arrow)||void 0===m?void 0:m.x,top:null===(d=y.arrow)||void 0===d?void 0:d.y,[C]:-7}}),a);return N.createElement(N.Fragment,null,j(r,w({ref:f.setReference,...r.props})),N.createElement(te,{id:"x-3deye-floating-ui-root"},o&&e&&N.createElement(ie,{context:b,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:c},H),!o&&e&&H))};function no(e,t,a){return t||a?a?he(t?[se([e,t]),a]:[a,e]):se([t,e]):new Date(e)}const lo=me((e=>new Intl.DateTimeFormat(e,{month:"long",year:"numeric"}))),io=me((e=>new Intl.DateTimeFormat(e,{weekday:"short"}))),oo=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),co=e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),so=k((function({onChange:e,date:t,minDate:a,maxDate:r,utc:n,startOfWeek:l="sunday"}){const[i]=I((()=>({current:n?co(new Date):oo(new Date)}))),o=null!=t?t:i.current,c=O(+o),s=I(0),[,h]=s;F((()=>{c.current=+o,h(0)}),[null==o?void 0:o.getTime()]);const m=c.current!==+o?0:s[0],d=n?o.getUTCFullYear():o.getFullYear(),u=(n?o.getUTCMonth():o.getMonth())+m,v=n?new Date(Date.UTC(d,u)):new Date(d,u),p=n?(e=>new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth()+1,0)).getUTCDate())(v):(e=>new Date(e.getFullYear(),e.getMonth()+1,0).getDate())(v),f=(n?v.getUTCDay():v.getDay())||("monday"===l?7:0),g=f-("monday"===l?1:0),b=n?new Date(Date.UTC(d,u,1-g)):new Date(d,u,1-g),y=t?ce(n?new Date(Date.UTC(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate())):new Date(o.getFullYear(),o.getMonth(),o.getDate()),b):-1,E=a?ce(a,b):-1/0,M=r?ce(r,b):1/0,w=ce(i.current,b);return N.createElement("div",null,N.createElement("div",{style:{display:"flex",flexDirection:"column",fontSize:"0.875rem"}},N.createElement("div",{style:{fontWeight:500,height:"3rem",fontSize:"1.125rem",display:"flex",alignItems:"center"}},lo(Le.language).format(v),N.createElement(li,{style:{marginLeft:"auto"},className:"x-3deye-button--icon x-3deye-datepicker__button--previous-month",disabled:E>=g,onClick:()=>h(m-1)},N.createElement(fi,{size:16,style:{scale:"-1 1"}})),N.createElement(li,{className:"x-3deye-button--icon x-3deye-datepicker__button--next-month",disabled:M<g+p,onClick:()=>h(m+1)},N.createElement(fi,{size:16}))),N.createElement("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:"0.25rem",placeItems:"center"}},Array.from({length:7}).map(((e,t)=>N.createElement("div",{key:t,style:{color:"oklch(0.7 0 0)"}},io(Le.language).format(new Date(d,u,("monday"===l?2:1)-f+t)).substring(0,2)))),Array.from({length:42}).map(((t,l)=>{const i=n?new Date(Date.UTC(d,u,l-g+1)):new Date(d,u,l-g+1),c=l<g,s=l>=g+p,h=l<E||l>M,m=l===w;return N.createElement("div",{key:l,className:$("x-3deye-datepicker__day",{"x-3deye-datepicker__day--today":m,"x-3deye-datepicker__day--disabled":h,"x-3deye-datepicker__day--previous-month":c,"x-3deye-datepicker__day--next-month":s,"x-3deye-datepicker__day--selected":l===y}),onClick:h?void 0:()=>{if(n){const t=new Date(Date.UTC(i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate(),o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()));return e(no(t,a,r))}const t=new Date(i.getFullYear(),i.getMonth(),i.getDate(),o.getHours(),o.getMinutes(),o.getSeconds(),o.getMilliseconds());return e(no(t,a,r))}},n?i.getUTCDate():i.getDate())})))))})),ho=A((({store:e})=>{const[t,a]=I(!1),{account:r,cameras:n}=D(Pl),{utc:l,hour12:i,startOfWeek:o}=r.preferences,{date:c,setDate:s,cameraId:h}=e,m=h?n.camerasById.get(h):void 0,d=new Date,u=Ol(d,1,l),v=c&&Il(c,d,l),p=c&&Il(c,u,l),f=m?Hl(d,m.archiveDuration):d,g=P((()=>{const e=new Intl.DateTimeFormat(Le.language,{weekday:"short",month:"short",day:"numeric"});return t=>e.format(t)}),[l,i]);return N.createElement(to,null,N.createElement(li,{className:$({"button-selected":v}),onClick:()=>s(new Date)},Le.t("today")),h&&!Il(new Date,f,l)?N.createElement(li,{className:$({"button-selected":p}),onClick:()=>s(u)},Le.t("yesterday")):null,c&&N.createElement(ro,{className:"popover-datepicker",target:N.createElement(li,{className:$("date-button",{"button-selected":!v&&!p}),onClick:()=>a(!t)},g(c)),opened:t,withArrow:!0,onOpenChange:a},N.createElement(so,{date:c,onChange:s,minDate:f,maxDate:new Date,utc:l,startOfWeek:o}),N.createElement("div",{style:{display:"flex"}},N.createElement(li,{style:{flex:1},onClick:()=>a(!1),variant:"filled"},Le.t("button.ok")))))}));ho.displayName="DateSelector";const mo=A((({store:e})=>{const t=O(null),a=O(null),r=O(null),n=O([]),[l,i]=I(0),o=100,c=20,s=20,h=30,m=20,{filteredPeopleCountingData:d,brushFilter:u}=e,v=u?n.current.filter((e=>e.x0>=+u[0]&&e.x1<=+u[1])).reduce(((e,t)=>e+t.length),0):null;return F((()=>{const e=new xe((e=>{for(const t of e){const e=t.contentRect.width;i(e)}}));return e.observe(t.current),()=>e.disconnect()}),[]),F((()=>{const t=pe(a.current);if(!l)return;d.forEach((e=>e.timestamp=new Date(e.TimeStamp)));const i=de(d,(e=>e.timestamp)),u=be(ye.offset(i[0],-1),ye.offset(i[1],1)),v=we().extent([[m,c],[l-s,o-h]]).on("end",(function({selection:t,sourceEvent:a}){if(!a)return;if(!t)return void e.setBrushFilter(null);const r=Ee.every((+n.current[0].x1-+n.current[0].x0)/6e4||30);let[l,i]=t.map((e=>r.round(p.invert(e))));if(+l==+i&&(l=r.floor(p.invert(t[0])),i=r.ceil(p.invert(t[1])),+l==+i))return pe(this).transition().call(v.move,null),void e.setBrushFilter(null);e.setBrushFilter([l,i]),pe(this).transition().call(v.move,i>l?[l,i].map(p):null)}));r.current=v;const p=fe().domain(de(u)).nice().range([m,l-s]);n.current=d.length?ue().value((e=>e.timestamp)).domain(p.domain()).thresholds(p.ticks(24))(d):[];const f=ge().domain([0,ve(n.current,(e=>e.length))]).nice().range([o-h,c]),g=t.select(".bars").selectAll(".bar").data(n.current);g.exit().remove();const b=g.enter().append("g").attr("class","bar");if(b.append("rect").attr("x",(e=>p(e.x0)+1)).attr("width",(e=>Math.max(0,p(e.x1)-p(e.x0)-1))).attr("y",(e=>f(e.length))).attr("height",(e=>f(0)-f(e.length))),g.select("rect").attr("x",(e=>p(e.x0)+1)).attr("width",(e=>Math.max(0,p(e.x1)-p(e.x0)-1))).attr("y",(e=>f(e.length))).attr("height",(e=>f(0)-f(e.length))),b.append("text").attr("dy",".75em").attr("y",(e=>f(e.length)-10)).attr("x",(e=>p(e.x0)+1+Math.max(0,p(e.x1)-p(e.x0)-1)/2)).attr("text-anchor","middle").text((function(e){return e.length?e.length:""})),g.select("text").attr("dy",".75em").attr("y",(e=>f(e.length)-10)).attr("x",(e=>p(e.x0)+1+Math.max(0,p(e.x1)-p(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),d.length){const[a,r]=p.domain(),[n,l]=p.range(),i=(l-n)/(+r-+a)*3600*1e3,o=30,c=Me(p).ticks(ye.every(1)).tickFormat((e=>i>=o?ze("%H:%M")(e):e.getHours()%(Math.floor(o/i)+1)?"":ze("%H:%M")(e)));c.scale(p),t.select(".x-axis").attr("transform","translate(0,70)").call(c),t.select(".brush").call(v),e.brushFilter&&t.select(".brush").call(v.move,e.brushFilter.map(p))}else t.select(".x-axis").html(""),t.select(".brush").call(v),t.select(".brush").html("").call(v.move,null)}),[l,d]),F((()=>{r.current&&(e.brushFilter||pe(a.current).select(".brush").call(r.current.move,null))}),[e.brushFilter]),N.createElement("div",{ref:t},N.createElement("div",{style:{paddingLeft:10,paddingRight:10,display:"flex"}},Le.t("peopleCounting"),N.createElement("div",{style:{marginLeft:"auto"}},null===v?null:N.createElement(ri,{label:Le.t("selected")},N.createElement("span",null,v)),null===v?null:"/",N.createElement(ri,{label:Le.t("total")},N.createElement("span",null,d.length)))),N.createElement("svg",{className:"people-histogram",ref:a,width:l,height:o,viewBox:`0 0 ${l} 100`},N.createElement("g",{className:"bars"}),N.createElement("g",{className:"x-axis"}),N.createElement("g",{className:"brush"})))}));mo.displayName="PeopleHistogram";const uo=e=>{const{children:t,innerProps:a,...r}=e,{Option:n}=U,{data:l}=e,i={...a,style:{display:"flex",alignItems:"center",width:"auto"}};return N.createElement(n,{innerProps:i,...r},N.createElement(Gl,{data:l}),N.createElement("div",{style:{marginLeft:4}},t))},vo=A((({store:e,onEventClick:t})=>{if(!e)return null;const{filters:a,setFilters:r}=e,{foundObjectTypesForSelect:n}=e.eventSchema,{ref:l,width:i,height:o}=S();return N.createElement(N.Fragment,null,N.createElement(ho,{store:e}),N.createElement("div",{style:{zIndex:2}},N.createElement(R,{closeMenuOnSelect:!1,isMulti:!0,onChange:r,getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:n,placeholder:Le.t("selectObjectType"),value:a,components:{MultiValueLabel:Jl,Option:uo},styles:{...pi,multiValue:(e,{data:t})=>t.color?{...e,backgroundColor:t.color,color:"white"}:e,multiValueLabel:(e,{data:t})=>t.color?{...e,color:"white"}:e,multiValueRemove:(e,{data:t})=>"color"in t?{...e,color:"white",":hover":{backgroundColor:"rgba(255, 255, 255, 0.7)",color:t.color}}:{...e,color:"hsl(0, 0%, 20%)"},option:(e,{data:t})=>t.color?{...e,color:t.color}:e}})),N.createElement(ui,{getter:e.getProbabilityThreshold,setter:e.setProbabilityThreshold}),N.createElement(si,{value:e.colors,toggle:e.toggleColor,clear:e.clearColors}),e.analyticsEnabled?N.createElement(mo,{store:e}):null,N.createElement("div",{ref:l,style:{flex:1,overflow:"hidden"}},N.createElement(Ki,{width:i,height:o,minColumnWidth:120,aspectRatio:1,store:e.eventsLoader,eventRenderer:({data:e,width:a,height:r})=>N.createElement(Vi,{data:e,cameraNameHidden:!0,onClick:t,width:a,height:r})})))}));vo.displayName="EventSearch";const po=e=>{var t;const a=null!==(t=D(V))&&void 0!==t?t:T;return N.createElement(Pl.Provider,{value:a},N.createElement(vo,{...e}))};var fo;po.displayName="EventSearch",(fo={resources:{en:{translation:Ce}}})&&Object.assign(He,fo),Le.isInitialized?(He.resources?Object.keys(He.resources).forEach((e=>{Le.addResourceBundle(e,"translation",He.resources[e].translation,!0)})):console.warn("i18n is already initialized"),t(Le.t)):a(Le.init(He));const go=(e=T)=>{const t=new Bl(e.eventSchema,e.events,e.account,e.notification);return t.initWith(e.api),t};export{go as createEventSearchStore,po as default};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@3deye-toolkit/react-event-search",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "module": "dist/react-event-search.js",
   "files": [
     "dist"
   ],
   "types": "dist/react-event-search.d.ts",
   "dependencies": {
-    "@3deye-toolkit/core": "0.0.3",
+    "@3deye-toolkit/core": "0.0.4",
     "@floating-ui/react": "^0.25.4",
     "@mantine/hooks": "^6.0.21",
     "@seznam/compose-react-refs": "^1.0.6",