@3deye-toolkit/react-event-search 0.0.1 → 0.0.2

package/dist/react-event-search.css

@@ -92,8 +92,12 @@
 	border: 2px solid rgba(255, 255, 255, 0.5);
 }
 
-.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled),
-.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled):hover {
+.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(
+		:disabled
+	),
+.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(
+		:disabled
+	):hover {
 	background-color: rgba(156, 51, 49, 0.5);
 }
 
@@ -117,7 +121,7 @@
 
 .color-selector__items {
 	display: flex;
-  align-items: center;
+	align-items: center;
 }
 
 .color-selector__item {
@@ -129,11 +133,12 @@
 	padding: 0;
 	box-shadow: 0 0 0 1.5px currentColor;
 	transition: box-shadow 0.2s ease-in;
-  color: currentColor;
+	color: currentColor;
 }
 
 .color-selector__item:focus {
-	box-shadow: 0 0 0 1.5px currentColor, 0 0 0 5px rgba(var(--surface-highlight-rgb), 0.2);
+	box-shadow: 0 0 0 1.5px currentColor,
+		0 0 0 5px rgba(var(--surface-highlight-rgb), 0.2);
 }
 
 .color-selector__item:focus:active {
@@ -150,8 +155,8 @@
 }
 
 .color-selector__clear {
-  border-radius: 50%;
-  padding: 6px;
+	border-radius: 50%;
+	padding: 6px;
 }
 
 .x-3deye-slider {
@@ -213,7 +218,8 @@
 .x-3deye-slider__thumb {
 	will-change: transform box-shadow;
 	background: white;
-	box-shadow: 0 0 0 6px rgba(0, 100, 255, 0), 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 0 6px rgba(0, 100, 255, 0), 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+		1px 1px 2px 0 rgba(0, 0, 0, 0.25);
 	width: 20px;
 	height: 20px;
 	border-radius: 50%;
@@ -222,13 +228,13 @@
 
 .x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover,
 .x-3deye-slider:focus .x-3deye-slider__thumb {
-	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
-		1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.1),
+		0 0 0 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
 }
 
 .x-3deye-slider:focus .x-3deye-slider__thumb.active {
-	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1) inset,
-		1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 0 6px rgba(var(--surface-highlight-rgb, 0, 100, 255), 0.2),
+		0 0 0 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
 }
 
 .x-3deye-slider.horizontal .x-3deye-slider__thumb {
@@ -250,7 +256,6 @@
 	color: var(--on-primary-color, white);
 	font-size: 0.75rem;
 	border-radius: 4px;
-	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	min-width: 24px;
@@ -261,7 +266,9 @@
 }
 
 .x-3deye-slider__label.open,
-.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover .x-3deye-slider__label,
+.x-3deye-slider:not(.disabled)
+	.x-3deye-slider__thumb:hover
+	.x-3deye-slider__label,
 .x-3deye-slider:focus .x-3deye-slider__label {
 	transform: translate(-50%, -100%) scale(1);
 }
@@ -542,11 +549,10 @@
 }
 
 .preloader-container {
-  color: var(--on-container);
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 
 .frame .corner-highlight-tl {
@@ -1459,43 +1465,39 @@
 	border-radius: 6px;
 	padding: 8px;
 	text-align: left;
-	-webkit-animation: slide-in 0.15s ease-in;
-	        animation: slide-in 0.15s ease-in;
+	animation: slide-in 0.15s ease-in;
 }
 
-@media(prefers-reduced-motion: reduce) {
-  .x-3deye-popover-container {
-    -webkit-animation: none;
-            animation: none;
-  }
+@media (prefers-reduced-motion: reduce) {
+	.x-3deye-popover-container {
+		animation: none;
+	}
 }
 
-
 .x-3deye-popover-container .tip {
-  --tip-background: #222;
-  --tip-border: rgb(255 255 255 /0.05);
+	--tip-background: #222;
+	--tip-border: rgb(255 255 255 /0.05);
 }
 
 .event-search-results {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  grid-gap: 4px;
-  padding: 4px;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+	grid-gap: 4px;
+	padding: 4px;
 }
 
-
 .event-search-results .event-list-item {
-  position: relative !important;
-  width: 100%;
-  height: 0;
-  padding-bottom: 56.25%;
+	position: relative !important;
+	width: 100%;
+	height: 0;
+	padding-bottom: 56.25%;
 }
 
 .people-histogram .bar rect {
-  fill: #E91E63;
+	fill: #e91e63;
 }
 
 .people-histogram .bar text {
-  font-size: 10px;
-  fill: currentColor;
+	font-size: 10px;
+	fill: currentColor;
 }

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

@@ -32,7 +32,7 @@ declare class AccountStore extends ApiStore {
     private retryOnVersionMismatch;
 }
 
-declare class Api<T> {
+declare class Api<T extends DeepPartial<IApi>> {
     [key: string]: any;
     static create<T extends PartialApi>(apiConfig: T | null, authStore: Auth, createConnection: (accessToken: string) => Connection): Api<T> & ExtractHubs<IApi, T>;
     connectionShutdown$: Subject<null>;
@@ -285,6 +285,44 @@ declare interface ChunksQuery {
     to: Date;
 }
 
+declare class Clip {
+    id: number;
+    cameraId: number;
+    name: string;
+    startTime: Date;
+    endTime: Date;
+    type: 'Archive' | 'Timelaps' | 'Timelaps to do';
+    createdAt: Date;
+    /**
+     * clip duration in seconds
+     */
+    duration: number;
+    chunks: ArchiveChunk[];
+    clipUrl?: string;
+    description: string;
+    version: string;
+    raw: RawClip;
+    isDownloading: boolean;
+    archives?: ArchiveChunk[];
+    constructor(raw: RawClip);
+    get isTimelapse(): boolean;
+    update(raw: any): void;
+}
+
+declare interface ClipParams {
+    cameraId: number;
+    startTime: Date;
+    endTime: Date;
+    name: string;
+    description?: string;
+}
+
+declare interface ClipsQuery {
+    cameraId: number;
+    from: Date;
+    to: Date;
+}
+
 declare interface Connection {
     state: CONNECTION_STATE;
     stop: () => void;
@@ -321,7 +359,7 @@ declare type DeepPartial<T> = {
     [K in keyof T]?: DeepPartial<T[K]>;
 };
 
-declare interface DetectedObject {
+declare type DetectedObject = {
     Type: string;
     Value?: string;
     Number?: string;
@@ -335,7 +373,22 @@ declare interface DetectedObject {
     Colors?: {
         Color: string;
     }[];
-}
+} | {
+    Type: 'Car';
+    BodyType?: string;
+    Value?: string;
+    Number?: string;
+    Box: {
+        Left: number;
+        Top: number;
+        Right: number;
+        Bottom: number;
+    };
+    Probability: number;
+    Colors?: {
+        Color: string;
+    }[];
+};
 
 declare interface DetectedObjectOption {
     id: string;
@@ -374,7 +427,6 @@ declare class EventSearchStore extends ApiStore {
     api: ExtendedApi;
     disposables: (IReactionDisposer | Subscription)[];
     readonly analyticsEnabled: boolean;
-    disposeReactionToCamera: any;
     cameraId: number | null;
     date: Date | null;
     regions: {
@@ -388,14 +440,21 @@ declare class EventSearchStore extends ApiStore {
     heatmapLoading: boolean;
     data: CameraEvent[];
     heatmap: Heatmap | null;
-    peopleCountingData: RawPeopleContingData[];
+    peopleCountingData: RawPeopleCountingData[];
     probabilityThreshold: number;
     brushFilter: null | [Date, Date];
     eventsLoader: EventsLoader;
+    loaderFilters: EventsLoaderFilters;
     get params(): SchemaDescriptionParameter[];
     get filteredData(): CameraEvent[];
-    get filteredPeopleCountingData(): RawPeopleContingData[];
+    get filteredPeopleCountingData(): RawPeopleCountingData[];
     constructor(eventSchema: EventSchemaStore, events: EventsStore, notification: NotificationService, heatmaps?: HeatmapsStore | undefined);
+    /**
+     * Converts box (Top, Left, Bottom, Right) to axis-aligned bounding box
+     * @param box
+     * @returns
+     */
+    private boxToAabb;
     setDate: (value: Date) => void;
     setFilters: (filters: DetectedObjectOption[]) => void;
     getProbabilityThreshold: () => number;
@@ -431,8 +490,20 @@ declare class EventSearchStore extends ApiStore {
 
 declare class EventsLoader extends ApiStore {
     private eventsStore;
-    readonly mode: 'events' | 'objects';
-    api: ExtendedApi;
+    filters: {
+        updated$: Observable<null>;
+        sortDirection: 'ASC' | 'DESC';
+        cameras: number[];
+        from: Date | null;
+        to: Date | null;
+        probabilityThreshold: number | null;
+        apply: (events: CameraEvent[]) => CameraEvent[];
+    };
+    fetcher: (api: Api<IApi> & IApi, pageToken?: number) => Observable<ApiPageResult<RawSensorEvent>>;
+    transformData: (data: CameraEvent) => {
+        data: CameraEvent;
+        objectIdx: number;
+    }[];
     data: {
         data: CameraEvent;
         objectIdx: number;
@@ -443,48 +514,36 @@ declare class EventsLoader extends ApiStore {
     }[];
     liveUpdateMode: 'manual' | 'auto' | 'disabled';
     updateTrigger: number;
-    colors: Set<string>;
     disposables: (IReactionDisposer | Subscription)[];
     pageInfo: PageInfo_2 | null;
     loading: boolean;
     loadMoreTrigger: number;
     retryTrigger: number;
     error: Error | null;
-    sortDirection: 'ASC' | 'DESC';
-    probabilityThreshold: null | number;
-    from?: Date;
-    to?: Date;
-    cameras: number[];
-    detectedObjects: string[];
-    regions: {
-        x: number;
-        y: number;
-    }[][] | null;
-    eventTypes: SensorEventType[];
-    private loadingInited;
+    private loadingInitiated;
     get isLive(): boolean;
-    get totalCount(): number;
-    get filterJson(): string | null;
-    constructor(eventsStore: EventsStore, mode?: 'events' | 'objects');
+    constructor(eventsStore: EventsStore, filters: {
+        updated$: Observable<null>;
+        sortDirection: 'ASC' | 'DESC';
+        cameras: number[];
+        from: Date | null;
+        to: Date | null;
+        probabilityThreshold: number | null;
+        apply: (events: CameraEvent[]) => CameraEvent[];
+    }, fetcher: (api: Api<IApi> & IApi, pageToken?: number) => Observable<ApiPageResult<RawSensorEvent>>, transformData?: (data: CameraEvent) => {
+        data: CameraEvent;
+        objectIdx: number;
+    }[]);
     flushUpdates: () => void;
     setLiveUpdateMode: (mode: 'manual' | 'auto' | 'disabled') => void;
     load: () => void;
     reload: () => void;
     loadMore: () => void;
-    private requestData;
+    private queryEvents;
     private initDataLoading;
     private initLiveUpdates;
-    private filter;
-    private toObjects;
-    private boxToAabb;
-    /**
-     * given region as array of vertices in normalized coordinates
-     * returns its representation in WKT: https://en.wikipedia.org/wiki/Well-known_text_representation_of_geometry
-     * @param region
-     */
-    private regionToWktPolygon;
     /**
-     * Joins to arrays leaving only unique events
+     * Joins two arrays leaving only unique events
      * TODO: check if using map only on joint is more efficient
      *
      * requested events        current data
@@ -497,6 +556,32 @@ declare class EventsLoader extends ApiStore {
     dispose(): void;
 }
 
+declare class EventsLoaderFilters {
+    from: Date | null;
+    to: Date | null;
+    probabilityThreshold: number | null;
+    cameras: number[];
+    detectedObjects: string[];
+    colors: Set<string>;
+    regions: {
+        x: number;
+        y: number;
+    }[][] | null;
+    eventTypes: SensorEventType[];
+    sortDirection: 'ASC' | 'DESC';
+    updated$: Subject<null>;
+    get regionsWkt(): string[];
+    constructor();
+    apply(data: CameraEvent[]): CameraEvent[];
+    get filterJson(): string | null;
+    /**
+     * given region as array of vertices in normalized coordinates
+     * returns its representation in WKT: https://en.wikipedia.org/wiki/Well-known_text_representation_of_geometry
+     * @param region
+     */
+    private regionToWktPolygon;
+}
+
 declare interface EventsQuery {
     cameraIds?: number[];
     eventTypes?: EventType[];
@@ -584,11 +669,6 @@ declare class EventsStore extends ApiStore {
 declare type EventType = 'Motion' | 'Tampering' | 'PanTiltZoom' | 'CrossLine' | 'Intrusion' | 'LicensePlate' | 'FaceDetection' | 'Audio' | 'Analytic' | 'SpeedDetection' | 'PeopleCounter' | 'Temperature' | 'PoS' | 'GPS' | 'DigitalInput' | 'Normal' | 'Suspicious' | 'Loitering' | 'Vandalism' | 'Trespass' | 'Emergency' | 'LifeInDanger' | 'ErroneousAlert' | 'Misidentification' | 'Fire' | 'MedicalDuress' | 'HoldUp' | 'CheckIn' | 'CheckOut' | 'ClockIn' | 'ClockOut' | 'ParkingStart' | 'ParkingEnd' | 'ParkingViolation' | 'GateAccess' | 'DoorAccess' | 'TemperatureCheck' | 'IDCheck' | 'PPECheck' | 'WelfareCheck' | 'Uncategorized' | 'Unknown';
 
 declare type ExtendedApi = Api<IApi> & IApi & {
-    cameras: {
-        GetPeopleCountingData: (cameraId: number, startTime: Date, endTime: Date, box: Box) => Observable<ApiResult<RawPeopleContingData>>;
-        GetLicensePlateLookUp: (value: string, limit: number) => Observable<ApiResult<string>>;
-        GetSensorEventsLprPage: (query: object, plates: string[]) => Observable<any>;
-    };
     archives: {
         GetLongLastingTimeLaps: (cameraId: number) => Observable<any>;
     };
@@ -654,9 +734,13 @@ declare interface IApi {
         DeleteClip: (params: any) => Observable<any>;
         SaveClip: (params: any) => Observable<any>;
         SaveTimelaps: (params: any) => Observable<any>;
-        SaveArchive: (params: any) => Observable<any>;
-        DeleteArchive: (params: any) => Observable<any>;
-        ShareClip: (sharedClip: RawSharedClip) => Observable<ApiResult<RawSharedClip>>;
+        SaveArchive: (params: any) => Observable<ApiResult<RawClip>>;
+        DeleteArchive: (params: {
+            id: number;
+            cameraId: number;
+            version: string;
+        }) => Observable<ApiResult<RawClip>>;
+        ShareClip: (sharedClip: PartialExcept<RawSharedClip, 'name' | 'description' | 'recordId' | 'validTo'>) => Observable<ApiResult<RawSharedClip>>;
         GetSharedClips: (recordId: number | null) => Observable<ApiResult<RawSharedClip>>;
         UpdateSharedClip: (sharedClip: RawSharedClip) => Observable<ApiResult<RawSharedClip>>;
         DeleteSharedClip: (recordId: number) => Observable<ApiResult<RawSharedClip>>;
@@ -669,6 +753,9 @@ declare interface IApi {
         GetSensorDataSchema: (eventType: EventType) => Observable<any>;
         GetSensorEvents: (params: SensorEventsParams, filter: string, box: Box) => Observable<ApiResult<RawSensorEvent>>;
         GetSensorEventsPage: (request: SensorEventsRequest, filter: string | null, searchPolygons: string[]) => Observable<ApiPageResult<RawSensorEvent>>;
+        GetPeopleCountingData: (cameraId: number, startTime: Date, endTime: Date, box: Box) => Observable<ApiResult<RawPeopleCountingData>>;
+        GetLicensePlateLookUp: (value: string, limit: number) => Observable<ApiResult<string>>;
+        GetSensorEventsLprPage: (query: object, plates: string[]) => Observable<ApiPageResult<RawSensorEvent>>;
         AddUserSensorEvent: (event: PartialExcept<RawSensorEvent, 'id' | 'eventType' | 'message'>) => Observable<ApiResult<RawSensorEvent>>;
         AcknowledgeSensorEvent: (event: PartialExcept<RawSensorEvent, 'id' | 'ackEventType' | 'message'>) => Observable<ApiResult<RawSensorEvent>>;
         MoveCamera: (camera: {
@@ -746,6 +833,42 @@ declare type IntervalState = {
     request: Observable<any>;
 };
 
+declare class LibraryStore extends ApiStore {
+    private notification?;
+    data: crossfilter.Crossfilter<Clip>;
+    clipsByCameraId: crossfilter.Dimension<Clip, number>;
+    clipsByCreationDate: crossfilter.Dimension<Clip, number>;
+    clipsByStart: crossfilter.Dimension<Clip, number>;
+    clipsByEnd: crossfilter.Dimension<Clip, number>;
+    clipsByType: crossfilter.Dimension<Clip, string>;
+    clipsById: crossfilter.Dimension<Clip, number>;
+    clipsMap: Map<number, Clip>;
+    loaded: boolean;
+    loading: boolean;
+    updates: number;
+    constructor(notification?: NotificationService | undefined);
+    /**
+     * Fetches all clips from the server and updates the store
+     */
+    fetch(): Observable<Clip[]>;
+    add: (clips: Clip[]) => void;
+    addOrUpdate: (clips: Clip[]) => void;
+    removeFromStore: (clips: {
+        id: number;
+    }[]) => void;
+    getClips({ cameraId, from, to }: ClipsQuery): Clip[];
+    getTimelapses(): Clip[];
+    getRecentlyAdded(): Clip[];
+    all(): Clip[];
+    getOnly(type: 'clips' | 'timelapses' | null, sortDirection?: 'asc' | 'desc'): Clip[];
+    createClip: (data: ClipParams) => void;
+    createTimelapse: (data: TimelapseParams) => void;
+    rename(clip: Clip, name: string): void;
+    delete(clip: Clip): void;
+    protected afterInit(): void;
+    dispose(): void;
+}
+
 declare interface NotificationOptions_2 {
     autoClose: number | false | undefined;
 }
@@ -878,22 +1001,13 @@ declare interface RawCamera {
 declare interface RawCamgroup {
     id: number;
     name: string | null;
-    text: null;
-    description: null;
-    iconUrl: null;
-    iconCls: null;
-    dynamic: boolean;
-    allowDuplicates: boolean;
-    allowDrop: boolean;
-    allowNodeDropInView: boolean;
-    visible: boolean;
-    layout_id: string;
-    contentFilter: null;
-    customerWideGroup: boolean;
+    description: string | null;
+    imageUrl: string | null;
+    layoutId: string | null;
+    layout_id: string | null;
     cameras: CamgroupItem[];
     camgroups: CamgroupItem[];
     version: string;
-    order: number;
 }
 
 declare interface RawClip {
@@ -922,7 +1036,7 @@ declare interface RawHeatmap {
     maxMotion: number;
 }
 
-declare interface RawPeopleContingData {
+declare interface RawPeopleCountingData {
     EventId: number;
     TimeStamp: Date;
     Motions: number;
@@ -1143,6 +1257,10 @@ declare class ThumbnailsStore extends ApiStore {
     }) => Thumbnail;
 }
 
+declare type TimelapseParams = ClipParams & {
+    duration: number;
+};
+
 declare class Token {
     accessToken: string;
     accessTokenExpires: Date;
@@ -1171,6 +1289,7 @@ declare class ToolkitApp {
     thumbnails: ThumbnailsStore;
     account: AccountStore;
     notification: NotificationService;
+    library: LibraryStore;
     auth: Auth;
     api: Api<IApi> & IApi;
     private disposables;

package/dist/react-event-search.js

@@ -1 +1 @@
-import{format as e,startOfDay as t,endOfDay as r,isSameYear as n,isSameDay as a,subDays as i,subHours as o}from"date-fns/esm";import l from"i18next";import{of as s,from as c,Observable as d,Subscription as u,throwError as h,EMPTY as m}from"rxjs";import{computed as f,makeObservable as p,observable as b,action as g,runInAction as v,reaction as y}from"mobx";import{mergeMap as E,catchError as w,switchMap as x,map as C,exhaustMap as j,distinctUntilChanged as O,share as T}from"rxjs/operators";import P from"earcut";import{subHours as M}from"date-fns";import{AppContext as _,app as L}from"@3deye-toolkit/core";import N,{useState as I,cloneElement as D,useRef as k,useEffect as S,useCallback as z,useContext as A,useLayoutEffect as F}from"react";import{useElementSize as B}from"@mantine/hooks";import{observer as R}from"mobx-react-lite";import H,{components as $}from"react-select";import U from"clsx";import V from"react-ink";import{useFloating as W,offset as G,flip as q,shift as Y,autoUpdate as Z,useInteractions as J,useHover as X,useRole as K,useDismiss as Q,FloatingPortal as ee,arrow as te,FloatingFocusManager as re}from"@floating-ui/react";import ne from"@seznam/compose-react-refs";import*as ae from"@sentry/browser";import ie from"react-datepicker";import{extent as oe,bin as le,max as se}from"d3-array";import{select as ce}from"d3-selection";import{scaleTime as de,scaleLinear as ue}from"d3-scale";import{timeHours as he,timeHour as me,timeMinute as fe}from"d3-time";import{axisBottom as pe}from"d3-axis";import{brushX as be}from"d3-brush";import{timeFormat as ge}from"d3-time-format";import ve from"resize-observer-polyfill";var ye={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",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 Ee=new Map,we={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},xe=l.createInstance();function Ce(t,r){const n=Ee.get(xe.language);return e(t,r,{locale:n})}var je,Oe;function Te(e,t=!1){const r=f(e);return new d((e=>{const n=r.observe_((({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"}(je||(je={})),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.Uncategorized=40]="Uncategorized",e[e.Unknown=999]="Unknown"}(Oe||(Oe={}));var Pe="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var Me=function(){this.__data__=[],this.size=0};var _e=function(e,t){return e===t||e!=e&&t!=t},Le=_e;var Ne=function(e,t){for(var r=e.length;r--;)if(Le(e[r][0],t))return r;return-1},Ie=Ne,De=Array.prototype.splice;var ke=function(e){var t=this.__data__,r=Ie(t,e);return!(r<0)&&(r==t.length-1?t.pop():De.call(t,r,1),--this.size,!0)},Se=Ne;var ze=function(e){var t=this.__data__,r=Se(t,e);return r<0?void 0:t[r][1]},Ae=Ne;var Fe=Ne;var Be=function(e,t){var r=this.__data__,n=Fe(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},Re=Me,He=ke,$e=ze,Ue=function(e){return Ae(this.__data__,e)>-1},Ve=Be;function We(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])}}We.prototype.clear=Re,We.prototype.delete=He,We.prototype.get=$e,We.prototype.has=Ue,We.prototype.set=Ve;var Ge=We,qe=Ge;var Ye=function(){this.__data__=new qe,this.size=0};var Ze=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var Je=function(e){return this.__data__.get(e)};var Xe=function(e){return this.__data__.has(e)},Ke="object"==typeof Pe&&Pe&&Pe.Object===Object&&Pe,Qe=Ke,et="object"==typeof self&&self&&self.Object===Object&&self,tt=Qe||et||Function("return this")(),rt=tt.Symbol,nt=rt,at=Object.prototype,it=at.hasOwnProperty,ot=at.toString,lt=nt?nt.toStringTag:void 0;var st=function(e){var t=it.call(e,lt),r=e[lt];try{e[lt]=void 0;var n=!0}catch(e){}var a=ot.call(e);return n&&(t?e[lt]=r:delete e[lt]),a},ct=Object.prototype.toString;var dt=st,ut=function(e){return ct.call(e)},ht=rt?rt.toStringTag:void 0;var mt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":ht&&ht in Object(e)?dt(e):ut(e)};var ft=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},pt=mt,bt=ft;var gt,vt=function(e){if(!bt(e))return!1;var t=pt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},yt=tt["__core-js_shared__"],Et=(gt=/[^.]+$/.exec(yt&&yt.keys&&yt.keys.IE_PROTO||""))?"Symbol(src)_1."+gt:"";var wt=function(e){return!!Et&&Et in e},xt=Function.prototype.toString;var Ct=function(e){if(null!=e){try{return xt.call(e)}catch(e){}try{return e+""}catch(e){}}return""},jt=vt,Ot=wt,Tt=ft,Pt=Ct,Mt=/^\[object .+?Constructor\]$/,_t=Function.prototype,Lt=Object.prototype,Nt=_t.toString,It=Lt.hasOwnProperty,Dt=RegExp("^"+Nt.call(It).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var kt=function(e){return!(!Tt(e)||Ot(e))&&(jt(e)?Dt:Mt).test(Pt(e))},St=function(e,t){return null==e?void 0:e[t]};var zt=function(e,t){var r=St(e,t);return kt(r)?r:void 0},At=zt(tt,"Map"),Ft=zt(Object,"create"),Bt=Ft;var Rt=function(){this.__data__=Bt?Bt(null):{},this.size=0};var Ht=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},$t=Ft,Ut=Object.prototype.hasOwnProperty;var Vt=function(e){var t=this.__data__;if($t){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Ut.call(t,e)?t[e]:void 0},Wt=Ft,Gt=Object.prototype.hasOwnProperty;var qt=function(e){var t=this.__data__;return Wt?void 0!==t[e]:Gt.call(t,e)},Yt=Ft;var Zt=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yt&&void 0===t?"__lodash_hash_undefined__":t,this},Jt=Rt,Xt=Ht,Kt=Vt,Qt=qt,er=Zt;function tr(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])}}tr.prototype.clear=Jt,tr.prototype.delete=Xt,tr.prototype.get=Kt,tr.prototype.has=Qt,tr.prototype.set=er;var rr=tr,nr=Ge,ar=At;var ir=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var or=function(e,t){var r=e.__data__;return ir(t)?r["string"==typeof t?"string":"hash"]:r.map},lr=or;var sr=or;var cr=or;var dr=or;var ur=function(e,t){var r=dr(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},hr=function(){this.size=0,this.__data__={hash:new rr,map:new(ar||nr),string:new rr}},mr=function(e){var t=lr(this,e).delete(e);return this.size-=t?1:0,t},fr=function(e){return sr(this,e).get(e)},pr=function(e){return cr(this,e).has(e)},br=ur;function gr(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])}}gr.prototype.clear=hr,gr.prototype.delete=mr,gr.prototype.get=fr,gr.prototype.has=pr,gr.prototype.set=br;var vr=gr,yr=Ge,Er=At,wr=vr;var xr=function(e,t){var r=this.__data__;if(r instanceof yr){var n=r.__data__;if(!Er||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new wr(n)}return r.set(e,t),this.size=r.size,this},Cr=Ge,jr=Ye,Or=Ze,Tr=Je,Pr=Xe,Mr=xr;function _r(e){var t=this.__data__=new Cr(e);this.size=t.size}_r.prototype.clear=jr,_r.prototype.delete=Or,_r.prototype.get=Tr,_r.prototype.has=Pr,_r.prototype.set=Mr;var Lr=_r;var Nr=vr,Ir=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Dr=function(e){return this.__data__.has(e)};function kr(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Nr;++t<r;)this.add(e[t])}kr.prototype.add=kr.prototype.push=Ir,kr.prototype.has=Dr;var Sr=kr,zr=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},Ar=function(e,t){return e.has(t)};var Fr=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),d=i.get(t);if(c&&d)return c==t&&d==e;var u=-1,h=!0,m=2&r?new Sr:void 0;for(i.set(e,t),i.set(t,e);++u<l;){var f=e[u],p=t[u];if(n)var b=o?n(p,f,u,t,e,i):n(f,p,u,e,t,i);if(void 0!==b){if(b)continue;h=!1;break}if(m){if(!zr(t,(function(e,t){if(!Ar(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 Br=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r};var Rr=tt.Uint8Array,Hr=_e,$r=Fr,Ur=Br,Vr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},Wr=rt?rt.prototype:void 0,Gr=Wr?Wr.valueOf:void 0;var qr=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 Rr(e),new Rr(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Hr(+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=Ur;case"[object Set]":var s=1&n;if(l||(l=Vr),e.size!=t.size&&!s)return!1;var c=o.get(e);if(c)return c==t;n|=2,o.set(e,t);var d=$r(l(e),l(t),n,a,i,o);return o.delete(e),d;case"[object Symbol]":if(Gr)return Gr.call(e)==Gr.call(t)}return!1};var Yr=function(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e},Zr=Array.isArray,Jr=Yr,Xr=Zr;var Kr=function(e,t,r){var n=t(e);return Xr(e)?n:Jr(n,r(e))};var Qr=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},en=function(){return[]},tn=Object.prototype.propertyIsEnumerable,rn=Object.getOwnPropertySymbols,nn=rn?function(e){return null==e?[]:(e=Object(e),Qr(rn(e),(function(t){return tn.call(e,t)})))}:en;var an=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var on=function(e){return null!=e&&"object"==typeof e},ln=mt,sn=on;var cn=function(e){return sn(e)&&"[object Arguments]"==ln(e)},dn=on,un=Object.prototype,hn=un.hasOwnProperty,mn=un.propertyIsEnumerable,fn=cn(function(){return arguments}())?cn:function(e){return dn(e)&&hn.call(e,"callee")&&!mn.call(e,"callee")},pn={exports:{}};var bn=function(){return!1};!function(e,t){var r=tt,n=bn,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}(pn,pn.exports);var gn=/^(?:0|[1-9]\d*)$/;var vn=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&gn.test(e))&&e>-1&&e%1==0&&e<t};var yn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},En=mt,wn=yn,xn=on,Cn={};Cn["[object Float32Array]"]=Cn["[object Float64Array]"]=Cn["[object Int8Array]"]=Cn["[object Int16Array]"]=Cn["[object Int32Array]"]=Cn["[object Uint8Array]"]=Cn["[object Uint8ClampedArray]"]=Cn["[object Uint16Array]"]=Cn["[object Uint32Array]"]=!0,Cn["[object Arguments]"]=Cn["[object Array]"]=Cn["[object ArrayBuffer]"]=Cn["[object Boolean]"]=Cn["[object DataView]"]=Cn["[object Date]"]=Cn["[object Error]"]=Cn["[object Function]"]=Cn["[object Map]"]=Cn["[object Number]"]=Cn["[object Object]"]=Cn["[object RegExp]"]=Cn["[object Set]"]=Cn["[object String]"]=Cn["[object WeakMap]"]=!1;var jn=function(e){return xn(e)&&wn(e.length)&&!!Cn[En(e)]};var On=function(e){return function(t){return e(t)}},Tn={exports:{}};!function(e,t){var r=Ke,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}(Tn,Tn.exports);var Pn=jn,Mn=On,_n=Tn.exports,Ln=_n&&_n.isTypedArray,Nn=Ln?Mn(Ln):Pn,In=an,Dn=fn,kn=Zr,Sn=pn.exports,zn=vn,An=Nn,Fn=Object.prototype.hasOwnProperty;var Bn=function(e,t){var r=kn(e),n=!r&&Dn(e),a=!r&&!n&&Sn(e),i=!r&&!n&&!a&&An(e),o=r||n||a||i,l=o?In(e.length,String):[],s=l.length;for(var c in e)!t&&!Fn.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||zn(c,s))||l.push(c);return l},Rn=Object.prototype;var Hn=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Rn)};var $n=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Un=Hn,Vn=$n,Wn=Object.prototype.hasOwnProperty;var Gn=vt,qn=yn;var Yn=function(e){return null!=e&&qn(e.length)&&!Gn(e)},Zn=Bn,Jn=function(e){if(!Un(e))return Vn(e);var t=[];for(var r in Object(e))Wn.call(e,r)&&"constructor"!=r&&t.push(r);return t},Xn=Yn;var Kn=Kr,Qn=nn,ea=function(e){return Xn(e)?Zn(e):Jn(e)};var ta=function(e){return Kn(e,ea,Qn)},ra=Object.prototype.hasOwnProperty;var na=function(e,t,r,n,a,i){var o=1&r,l=ta(e),s=l.length;if(s!=ta(t).length&&!o)return!1;for(var c=s;c--;){var d=l[c];if(!(o?d in t:ra.call(t,d)))return!1}var u=i.get(e),h=i.get(t);if(u&&h)return u==t&&h==e;var m=!0;i.set(e,t),i.set(t,e);for(var f=o;++c<s;){var p=e[d=l[c]],b=t[d];if(n)var g=o?n(b,p,d,t,e,i):n(p,b,d,e,t,i);if(!(void 0===g?p===b||a(p,b,r,n,i):g)){m=!1;break}f||(f="constructor"==d)}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},aa=zt(tt,"DataView"),ia=At,oa=zt(tt,"Promise"),la=zt(tt,"Set"),sa=zt(tt,"WeakMap"),ca=mt,da=Ct,ua=da(aa),ha=da(ia),ma=da(oa),fa=da(la),pa=da(sa),ba=ca;(aa&&"[object DataView]"!=ba(new aa(new ArrayBuffer(1)))||ia&&"[object Map]"!=ba(new ia)||oa&&"[object Promise]"!=ba(oa.resolve())||la&&"[object Set]"!=ba(new la)||sa&&"[object WeakMap]"!=ba(new sa))&&(ba=function(e){var t=ca(e),r="[object Object]"==t?e.constructor:void 0,n=r?da(r):"";if(n)switch(n){case ua:return"[object DataView]";case ha:return"[object Map]";case ma:return"[object Promise]";case fa:return"[object Set]";case pa:return"[object WeakMap]"}return t});var ga=Lr,va=Fr,ya=qr,Ea=na,wa=ba,xa=Zr,Ca=pn.exports,ja=Nn,Oa="[object Object]",Ta=Object.prototype.hasOwnProperty;var Pa=function(e,t,r,n,a,i){var o=xa(e),l=xa(t),s=o?"[object Array]":wa(e),c=l?"[object Array]":wa(t),d=(s="[object Arguments]"==s?Oa:s)==Oa,u=(c="[object Arguments]"==c?Oa:c)==Oa,h=s==c;if(h&&Ca(e)){if(!Ca(t))return!1;o=!0,d=!1}if(h&&!d)return i||(i=new ga),o||ja(e)?va(e,t,r,n,a,i):ya(e,t,s,r,n,a,i);if(!(1&r)){var m=d&&Ta.call(e,"__wrapped__"),f=u&&Ta.call(t,"__wrapped__");if(m||f){var p=m?e.value():e,b=f?t.value():t;return i||(i=new ga),a(p,b,r,n,i)}}return!!h&&(i||(i=new ga),Ea(e,t,r,n,a,i))},Ma=on;var _a=function e(t,r,n,a,i){return t===r||(null==t||null==r||!Ma(t)&&!Ma(r)?t!=t&&r!=r:Pa(t,r,n,a,e,i))},La=_a;var Na=function(e,t){return La(e,t)};class Ia{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 u?e.closed||e.unsubscribe():e()}))}}var Da=_e,ka=Yn,Sa=vn,za=ft;var Aa=/\s/;var Fa=function(e){for(var t=e.length;t--&&Aa.test(e.charAt(t)););return t},Ba=/^\s+/;var Ra=mt,Ha=on;var $a=function(e){return e?e.slice(0,Fa(e)+1).replace(Ba,""):e},Ua=ft,Va=function(e){return"symbol"==typeof e||Ha(e)&&"[object Symbol]"==Ra(e)},Wa=/^[-+]0x[0-9a-f]+$/i,Ga=/^0b[01]+$/i,qa=/^0o[0-7]+$/i,Ya=parseInt;var Za=function(e){if("number"==typeof e)return e;if(Va(e))return NaN;if(Ua(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Ua(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=$a(e);var r=Ga.test(e);return r||qa.test(e)?Ya(e.slice(2),r?2:8):Wa.test(e)?NaN:+e};var Ja=function(e){return e?Infinity===(e=Za(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var Xa=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},Ka=function(e,t,r){if(!za(r))return!1;var n=typeof t;return!!("number"==n?ka(r)&&Sa(t,r.length):"string"==n&&t in r)&&Da(r[t],e)},Qa=function(e){var t=Ja(e),r=t%1;return t==t?r?t-r:t:0},ei=Math.ceil,ti=Math.max;var ri=function(e,t,r){t=(r?Ka(e,t,r):void 0===t)?1:ti(Qa(t),0);var n=null==e?0:e.length;if(!n||t<1)return[];for(var a=0,i=0,o=Array(ei(n/t));a<n;)o[i++]=Xa(e,a,a+=t);return o};const ni=([e,t],[r,n],[a,i])=>{const o=(n-t)*(a-r)-(r-e)*(i-n);return 0===o?0:o>0?1:2},ai=([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),ii=(e,t,r)=>!(e<r.x||t<r.y||e>r.x+r.width||t>r.y+r.height),oi=(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},li=(e,t)=>{if(ii(t.x1,t.y1,e))return!0;if(ii(t.x2,t.y2,e))return!0;if(ii(t.x3,t.y3,e))return!0;if(oi(e.x,e.y,t))return!0;if(oi(e.x+e.width,e.y,t))return!0;if(oi(e.x+e.width,e.y+e.height,t))return!0;if(oi(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=ni(e,t,r),i=ni(e,t,n),o=ni(r,n,e),l=ni(r,n,t);return a!==i&&o!==l||!(0!==a||!ai(e,r,t))||!(0!==i||!ai(e,n,t))||!(0!==o||!ai(r,e,n))||!(0!==l||!ai(r,t,n))})(t,e)))))},si=(e,t)=>{const r=e.map((({x:e,y:t})=>[e,t]));return ri(P(r.flat()),3).some((r=>li(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"]);class di{constructor(e){if(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,"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}),p(this,{id:f,startTime:f,endTime:f,acknowledged:f,isLive:f,raw:b.ref}),this.raw=e,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type||"FaceDetection"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.type="Analytic",this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=ci.has(this.type),this.detectedObjects||(this.detectedObjects=[])}get id(){return this.raw.id}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}}class ui extends Ia{constructor(e,t="events"){super(),Object.defineProperty(this,"eventsStore",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"mode",{enumerable:!0,configurable:!0,writable:!0,value:t}),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,"updateTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"colors",{enumerable:!0,configurable:!0,writable:!0,value:new Set}),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,"sortDirection",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(this,"probabilityThreshold",{enumerable:!0,configurable:!0,writable:!0,value:.5}),Object.defineProperty(this,"from",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"to",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),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,"regions",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"eventTypes",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"loadingInited",{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.loadingInited||(this.loadingInited=!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,"requestData",{enumerable:!0,configurable:!0,writable:!0,value:({sortDirection:e,from:t,to:r,filter:n,pageInfo:a,cameras:i,regions:o})=>{var l;return this.api.cameras.GetSensorEventsPage({sensorIds:i,sensorType:"camera",sensorEventTypes:this.eventTypes,startTime:t,endTime:r,isDescending:"DESC"===e,rowsLimit:10,pageToken:null==a?void 0:a.nextPageToken},n,null!==(l=null==o?void 0:o.map(this.regionToWktPolygon))&&void 0!==l?l:[]).pipe(E((e=>e.success?s({events:e.resultItems,pageInfo:e.pageInfo}):h((()=>e.error)))),w((e=>(console.error(e),this.error=e,s({events:[],pageInfo:null})))))}}),Object.defineProperty(this,"toObjects",{enumerable:!0,configurable:!0,writable:!0,value:e=>"events"===this.mode?[{data:e,objectIdx:-1}]:e.detectedObjects.map(((e,t)=>{var r,n;return this.detectedObjects.length&&!this.detectedObjects.includes(e.Type)||this.colors.size&&!(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>this.colors.has(e.Color))))||null!==this.probabilityThreshold&&e.Probability<this.probabilityThreshold||(null===(n=this.regions)||void 0===n?void 0:n.length)&&!this.regions.some((t=>si(t,this.boxToAabb(e.Box))))?-1:t})).filter((e=>-1!==e)).map((t=>({data:e,objectIdx:t})))}),p(this,{data:b.ref,cameras:b.struct,detectedObjects:b.struct,from:b,to:b,sortDirection:b,probabilityThreshold:b,pendingData:b.ref,liveUpdateMode:b,setLiveUpdateMode:g,updateTrigger:b,colors:b.ref,flushUpdates:g,pageInfo:b.ref,isLive:f,loading:b,loadMoreTrigger:b,retryTrigger:b,error:b.ref,loadMore:g,filterJson:f})}get isLive(){return"DESC"===this.sortDirection&&!this.to}get totalCount(){return this.data.length}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)}initDataLoading(){const e=Te((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,regions:this.regions})),!0);this.disposables.push(e.pipe(x((e=>Te((()=>this.retryTrigger),!0).pipe(C((()=>e))))),x((({from:e,to:t,sortDirection:r,filter:n,cameraFilters:a,regions:i})=>(v((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.requestData({from:e?new Date(e):void 0,to:t?new Date(t):void 0,sortDirection:r,filter:n,cameras:a,pageInfo:this.pageInfo,regions:i}))))).subscribe((({events:e,pageInfo:t})=>{v((()=>{var r,n,a;if(!t)return;const i=e.map(hi);this.isLive?this.data=this.uniquelyConcat(this.eventsStore.getEvents({cameraIds:this.cameras,eventTypes:this.eventTypes.map((e=>Oe[e])),from:null!==(n=null===(r=i[0])||void 0===r?void 0:r.startTime)&&void 0!==n?n:M(new Date,1),to:null,colors:this.colors.size?this.colors:void 0,detectedObjectTypes:this.detectedObjects,probability:null!==(a=this.probabilityThreshold)&&void 0!==a?a:void 0}),i).flatMap(this.toObjects):this.data=i.flatMap(this.toObjects),this.eventsStore.add(i),this.pageInfo=t,this.loading=!1}))}))),this.disposables.push(e.pipe(x((({from:e,to:t,sortDirection:r,filter:n,cameraFilters:a})=>Te((()=>this.loadMoreTrigger)).pipe(j((()=>this.requestData({from:e?new Date(e):void 0,to:t?new Date(t):void 0,sortDirection:r,filter:n,cameras:a,pageInfo:this.pageInfo,regions:this.regions}))))))).subscribe((({events:e,pageInfo:t})=>{if(!t)return;const r=e.map(hi);this.eventsStore.add(r),v((()=>{this.data=this.data.concat(r.flatMap(this.toObjects)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(Te((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(x((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?Te((()=>this.eventsStore.recentAdditions)):m))).subscribe((e=>{if(this.loading)return;if(!this.pageInfo&&this.error)return;const t=this.filter(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&v((()=>{this.data=[...t.flatMap(this.toObjects),...this.data]}))}))),this.disposables.push(Te((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(x((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?Te((()=>this.eventsStore.recentAdditions)):(this.pendingData&&v((()=>this.pendingData=[])),m)))).subscribe((e=>{if(!this.data.length)return;const t=this.filter(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&v((()=>{this.pendingData=[...t.flatMap(this.toObjects),...this.pendingData]}))})))}filter(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=>Oe[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)&&(null===(t=e.Colors)||void 0===t?void 0:t.some((e=>this.colors.has(e.Color)))):this.detectedObjects.includes(e.Type))}))))),t}boxToAabb(e){return{x:e.Left,y:e.Top,width:e.Right-e.Left,height:e.Bottom-e.Top}}regionToWktPolygon(e){return e.length?"POLYGON (("+e.concat(e[0]).map((({x:e,y:t})=>`${e} ${t}`)).join(", ")+"))":"POLYGON (())"}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 u?e.closed||e.unsubscribe():e()}))}}function hi(e){return new di(e)}const mi={Top:0,Left:0,Bottom:1,Right:1};class fi extends Ia{constructor(e,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: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,"disposeReactionToCamera",{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,"eventsLoader",{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,"openForPlayer",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.cameraId=e}}),Object.defineProperty(this,"searchFullFrame",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.cameraId=e,this.clear(),this.peopleCountingData=[],this.date||(this.date=new Date)}}),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.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=Te((()=>({date:this.date,regions:this.regions,cameraId:this.cameraId}))).pipe(O(Na),T());this.disposables.push(Te((()=>({date:this.date,regions:this.regions,cameraId:this.cameraId,filters:this.filters,brushFilter:this.brushFilter,colors:this.colors,probabilityThreshold:this.probabilityThreshold}))).pipe(O(Na),T()).subscribe((e=>{v((()=>{if(!e.date||!e.cameraId)return;this.eventsLoader.sortDirection="DESC";const n=t(e.date),a=r(e.date);this.eventsLoader.from=n,this.eventsLoader.to=a;const{brushFilter:i}=e;i&&([this.eventsLoader.from,this.eventsLoader.to]=i),this.eventsLoader.regions=[...e.regions||[]],this.eventsLoader.cameras=[e.cameraId],this.eventsLoader.detectedObjects=e.filters.map((e=>e.id)),this.eventsLoader.eventTypes=[Oe.Analytic],this.eventsLoader.colors=e.colors,this.eventsLoader.probabilityThreshold=e.probabilityThreshold,this.eventsLoader.load()}))})));const n=this.heatmaps;n&&(this.disposables.push(e.pipe(x((e=>{if(!e.date||!e.cameraId)return m;v((()=>{this.peopleCountingDataLoading=!0}));const n=t(e.date),a=r(e.date),i=e.regions?this.boxRegions(e.regions):mi;return this.api.cameras.GetPeopleCountingData(e.cameraId,n,a,i).pipe(E((e=>e.success?s(e.resultItems):h((()=>e.error))))).pipe(w((e=>(this.notification.error(xe.t("eventSearchRequestError.peopleCounting")),console.error(e),s([])))))}))).subscribe((e=>{v((()=>{this.peopleCountingData=e,this.peopleCountingDataLoading=!1}))}))),this.disposables.push(Te((()=>({date:this.date,cameraId:this.cameraId}))).pipe(O(Na),x((e=>{if(!e.date||!e.cameraId)return m;v((()=>{this.heatmapLoading=!0}));const a=t(e.date),i=r(e.date);return n.fetchHeatmaps(e.cameraId,a,i,1).pipe(C((e=>e[0]||null))).pipe(w((e=>(this.notification.error(xe.t("eventSearchRequestError.heatmap")),console.error(e),s(null)))))}))).subscribe((e=>{v((()=>{this.heatmap=e,this.heatmapLoading=!1}))}))))}}),p(this,{cameraId:b,date:b,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,setDate:g,setFilters:g,setBrushFilter:g,setParams:g,openForPlayer:g,searchFullFrame:g,setRegions:g,setHeatmapMode:g,toggleColor:g,clearColors:g,clear:g}),this.analyticsEnabled=Boolean(i),this.eventsLoader=new ui(n,"objects"),this.eventsLoader.liveUpdateMode="disabled",this.initDataFetching()}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 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||(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>this.colors.has(e.Color)))))&&e.Probability>=this.probabilityThreshold&&n.some((t=>si(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=>si(e,{x:t.Left,y:t.Top,width:t.Right-t.Left,height:t.Bottom-t.Top}))))):this.peopleCountingData}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.disposeReactionToCamera&&this.disposeReactionToCamera(),this.disposables.forEach((e=>{e instanceof u?e.closed||e.unsubscribe():e()}))}}const pi=N.createContext(null);function bi(e){return N.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 N.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:U("icon",i),width:n,fill:a,viewBox:l,...o},s)}))}const gi=bi({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"}))});gi.displayName="LabelIcon";const vi=bi({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"}))});vi.displayName="CameraIcon";const yi=bi({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"})});yi.displayName="LuggageIcon";const Ei=bi({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"}))});Ei.displayName="CarIcon";const wi=bi({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"}))});wi.displayName="BoatIcon";const xi=bi({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"}))});xi.displayName="BicycleIcon";const Ci=bi({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"}))});Ci.displayName="DirectionsWalkIcon";const ji=bi({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"}))});ji.displayName="PetsIcon";const Oi=bi({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"}))});Oi.displayName="LicensePlateIcon";const Ti=({data:e})=>{const t=16;return"licensePlate"===e.type?null:"detectedObject"!==e.type?N.createElement(vi,{size:t}):"Luggage"===e.id?N.createElement(yi,{size:t}):"Car"===e.id?N.createElement(Ei,{size:t}):"Person"===e.id?N.createElement(Ci,{size:t}):"Bicycle"===e.id?N.createElement(xi,{size:t}):"Boat"===e.id?N.createElement(wi,{size:t}):"Animal"===e.id?N.createElement(ji,{size:t}):"LicensePlate"===e.id?N.createElement(Oi,{size:t}):N.createElement(gi,{size:t})},Pi=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:a}=$,{data:i}=e,o={...r,style:{display:"flex",alignItems:"center"}};return N.createElement(a,{innerProps:o,...n},N.createElement(Ti,{data:i}),N.createElement("div",{style:{marginLeft:4}},t))},Mi={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"},_i={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"},Li={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"},Ni={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"},Ii={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"},Di=({children:e,label:t,placement:r="bottom"})=>{const[n,a]=I(!1),{x:i,y:o,reference:l,floating:s,strategy:c,context:d}=W({placement:r,open:n,onOpenChange:a,middleware:[G(5),q(),Y({padding:8})],whileElementsMounted:(e,t,r)=>Z(e,t,r,{animationFrame:!0})}),{getReferenceProps:u,getFloatingProps:h}=J([X(d),K(d,{role:"tooltip"}),Q(d,{referencePress:!0})]);return N.createElement(N.Fragment,null,D(e,u({ref:ne(l,e.ref),...e.props})),N.createElement(ee,{id:"x-3deye-floating-ui-root"},n&&N.createElement("div",{...h({ref:s,className:"x-3deye-tooltip",style:{position:c,top:null!=o?o:0,left:null!=i?i:0}})},t)))};class ki extends N.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:a,type:i,title:o,placement:l,...s}=this.props,c=U(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},a?`x-3deye-button--${a}`:void 0),d=N.createElement("button",{ref:e,className:c,type:i||"button",...s},t,s.disabled?null:N.createElement(V,null));return o?N.createElement(Di,{label:o,placement:l},d):d}}const Si=N.forwardRef(((e,t)=>N.createElement(ki,{forwardedRef:t,...e}))),zi=bi({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"}))});zi.displayName="CloseIcon";const Ai=bi({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"}))});Ai.displayName="DoneIcon";const Fi=[{color:Ni[500],name:"red",highlightColor:Ni[100]},{color:_i[500],name:"green",highlightColor:_i[100]},{color:Mi[500],name:"blue",highlightColor:Mi[100]},{color:Ii[500],name:"yellow",highlightColor:Ii[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:Li[500],name:"dimgrey",highlightColor:Li[100]}],Bi=R((({value:e,clear:t,toggle:r})=>N.createElement("div",{className:"color-selector"},N.createElement("div",null,"COLOR"),N.createElement("div",{className:"color-selector__items"},Fi.map((({color:t,highlightColor:n,name:a})=>N.createElement("button",{key:a,className:U("color-selector__item",{selected:e.has(a)}),style:{backgroundColor:t},onClick:r.bind(null,a)},N.createElement(Ai,{color:n,size:20})))),N.createElement(Si,{className:"color-selector__clear",disabled:!e.size,onClick:t},N.createElement(zi,{size:20}))))));Bi.displayName="ColorSelector";const Ri=(e,t,r)=>Math.min(Math.max(e,t),r);/Mac|iPod|iPhone|iPad/.test(window.navigator.platform);const Hi=e=>Math.round(e),$i=N.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),[d,u]=I(!1),[h,m]=I(e);S((()=>{if(!d)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=Ri(e-o.x,0,o.width),l=a/o.width*100,c.current.style.transform=`translateX(${a}px)`):(i=o.height-Ri(r-o.y,0,o.height),l=i/o.height*100,c.current.style.transform=`translateY(${-i}px)`),m(l),null==t||t(Hi(l))},h=({clientX:e,clientY:a})=>{if(u(!1),!c.current)return;const i="horizontal"===n?Ri(e-o.x,0,o.width)/o.width*100:100*(1-Ri(a-o.y,0,o.height)/o.height);c.current.style.transform="",m(i),null==t||t(Hi(i)),null==r||r(Hi(i))},f=()=>{if(u(!1),!c.current)return;const e="horizontal"===n?a/o.width*100:i/o.height*100;c.current.style.transform="",null==t||t(Hi(e)),null==r||r(Hi(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)}}),[d,n,t]);const f=z((({clientX:e,clientY:r,pointerId:i})=>{if(!s.current||a)return;u(!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=Ri(e-o.x,0,o.width);l=t/o.width*100,c.current.style.transform=`translateX(${t}px)`}else{const e=o.height-Ri(r-o.y,0,o.height);l=e/o.height*100,c.current.style.transform=`translateY(${-e}px)`}m(l),null==t||t(Hi(l))}),[n,a]),p=z((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 N.createElement("div",{ref:ne(l,s),tabIndex:0,onKeyDown:p,className:U("x-3deye-slider",n,{disabled:a}),onPointerDown:f,style:o},N.createElement("div",{className:"x-3deye-slider__track"},N.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${d?h:e}%`:void 0,height:"vertical"===n?`${d?h:e}%`:void 0}})),N.createElement("div",{ref:c,className:U("x-3deye-slider__thumb",{active:d}),style:{touchAction:"none",userSelect:"none",position:"absolute",left:"horizontal"===n?d?0:`${e}%`:"auto",bottom:"vertical"===n?d?0:`${e}%`:"auto"}},N.createElement("div",{className:"x-3deye-slider__label "+(d?"open":"")},i(d?Hi(h):e))))}));$i.displayName="Slider";const Ui=R((({getter:e,setter:t})=>{const[r,n]=I(0),a=k(null),i=Math.floor(100*e());return S((()=>y(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),N.createElement("div",{ref:a,style:{paddingLeft:8,paddingRight:8,marginTop:5}},N.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},N.createElement("div",null,"CONFIDENCE"),N.createElement("div",{style:{fontSize:"1.1em"}},i,"%")),N.createElement("div",{style:{padding:"0 10px"}},N.createElement($i,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));Ui.displayName="ProbabilitySlider";var Vi,Wi=(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%)"})});const Gi=R((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:a})=>{const i=k(null),o=k(null);return N.createElement("div",{ref:i,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),onContextMenu:e=>{var t;e.preventDefault(),i.current&&(null===(t=o.current)||void 0===t||t.toggleAt(i.current,{top:e.clientY,left:e.clientX}))},draggable:!0},t,a&&N.createElement(a,{ref:o,data:e}))}));Gi.displayName="EventListItem";const qi=bi({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"}))});qi.displayName="ThermostatIcon";const Yi=R((({data:e})=>{if("Temperature"!==e.type)return null;let t=Number(e.raw.data);return t=5*(t-32)/9+273.15,N.createElement("div",{className:"event-list-item__temperature"},N.createElement(qi,null),(t-273.15).toFixed(1),"°C / ",(9*t/5-459.67).toFixed(1),"°F")}));Yi.displayName="Temperature";const Zi=R((({data:e,cameraNameHidden:t})=>{var r;const i=A(pi),{cameras:o}=i,l=o.loaded&&(null===(r=o.camerasById.get(e.cameraId))||void 0===r?void 0:r.name)||"...";return N.createElement("div",{className:"event-list-item-caption"},N.createElement("div",{className:"event-list-item__time"},function(e,t){let r="",i="";return n(e,new Date)?a(e,new Date)?r=i="HH:mm":a(e,t)?(r="EEE d MMM HH:mm",i="HH:mm"):r=i="EEE d MMM HH:mm":n(e,t)?(r="yyyy d MMM HH:mm",i="d MMM HH:mm"):r=i="yyyy d MMM HH:mm",(e.getSeconds()||t.getSeconds())&&(r+=":ss",i+=":ss"),+e==+t?`${Ce(e,r)}`:`${Ce(e,r)} - ${Ce(t,i)}`}(e.startTime,e.endTime)),t?null: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=!0){if((e=Math.round(e/1e3))<60)return`${e}s`;const r=e%60,n=t?`${r}`:`${r}`.padStart(2,"0");let a=(e-r)/60;if(a<60)return!r&&t?`${a}m`:`${a}m ${n}s`;const i=Math.floor(a/60);if(a-=60*i,!r&&!a&&t)return`${i}h`;const o=t?`${a}`:`${a}`.padStart(2,"0");return!r&&a&&t?`${i}h ${o}m`:`${i}h ${o}m ${n}s`}(+e.endTime-+e.startTime)),N.createElement(Yi,{data:e}))}));Zi.displayName="EventListItemCaption";const Ji=R((({data:{data:e,objectIdx:t},width:r,height:n,cameraNameHidden:a,onClick:i,onAuxClick:o,menuComponent:l})=>{let s=null,c=1,d=1,u=0,h=0,m=1,f=1;const{ThumbnailSize:p}=JSON.parse(e.raw.data);p&&(c=p.Width,d=p.Height),s=e.detectedObjects[t];const{Box:{Bottom:b,Left:g,Right:v,Top:y}}=s;u=y*d,h=g*c,f=(b-y)*d,m=(v-g)*c;let E=1,w=0,x=0,C="Person"===(null==s?void 0:s.Type)?.8:1;return r/n>m/f?(E=n/f*C,w=-u*E+(n-f*E)/2,x=-(h+m/2)*E+r/2):(E=r/m*C,w=-(u+f/2)*E+n/2,x=-h*E),N.createElement(Gi,{onClick:i,onAuxClick:o,data:e,width:r,height:n,cameraNameHidden:a,menuComponent:l},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:w,left:x,width:c*E,height:d*E}}),N.createElement(V,{radius:r}),N.createElement(Zi,{data:e,cameraNameHidden:!0})))}));Ji.displayName="DetectedObjectCell";const Xi=({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"})));Xi.displayName="Preloader";var Ki=vr;function Qi(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(Qi.Cache||Ki),r}Qi.Cache=Ki;const eo=Qi((()=>{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 to(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 ro=({className:e,style:t,box:{Top:r,Left:n,Right:a,Bottom:i}})=>N.createElement(N.Fragment,null,N.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 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 ao({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]}}ro.displayName="LicensePlateLpr";const oo=({face:{Name:e,Box:t,Probability:r},url:n,thumbWidth:a,thumbHeight:i,width:o,height:l})=>{const{Top:s,Left:c,Right:d,Bottom:u}=t,h=100/a/(d-c),m={top:2},f=k(null);return F((()=>{if(!f.current)return;const{width:e,height:r}=f.current.getBoundingClientRect(),n=ao(t,e,r,o,l);n[0]=n[0]*(e+(d-c)*o)/2,n[1]=n[1]*(r+(u-s)*l)/2;const a=to(io({Top:(s+u)/2*l-r/2,Left:(c+d)/2*o-e/2,Bottom:(s+u)/2*l+r/2,Right:(c+d)/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-d?m.left=2:m.right=2,N.createElement(N.Fragment,null,N.createElement("div",{ref:f,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`},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*r),"%")),N.createElement(ro,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),N.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:a*(d-c)*h,height:i*(u-s)*h,...m}},N.createElement("img",{style:{width:a*h,height:i*h,transform:`translate(-${100*c}%, -${100*s}%)`},src:n}),N.createElement(no,null)))};oo.displayName="FaceHighlight";const lo=N.memo((({value:e})=>e?N.createElement(N.Fragment,null,e.split("").map(((e,t)=>{const r=e.charCodeAt(0);return r<48||r>57?N.createElement(N.Fragment,{key:t},e):N.createElement("span",{key:t,className:"digit"},e)}))):null));lo.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:d},Probability:u}=e,h=e.Value||e.Number,m=k(null);F((()=>{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=d*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 N.createElement(N.Fragment,null,N.createElement("div",{ref:m,className:"event-list-item__license-plate-label trigger",title:`${o.toLowerCase()} ${Math.floor(100*u)}%`},N.createElement("div",{style:{padding:4}},N.createElement(lo,{value:h})),N.createElement("div",{className:"event-list-item__license-plate-label__caption"},Math.floor(100*u),"%")),N.createElement(ro,{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:a*(c-s)*p,height:i*(d-l)*p+16,position:"absolute",...f}},N.createElement("img",{style:{width:a*p,height:i*p,transform:`translate(-${100*s}%, -${100*l}%)`},src:n}),N.createElement("div",{className:"plate-number"},N.createElement(lo,{value:h})),N.createElement(no,{style:{height:i*(d-l)*p}})))};so.displayName="LicensePlateHighlight";const co=R((({url:e,noPreview:t,width:r})=>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(V,{radius:r}),t?N.createElement("div",{className:"no-preview-overlay"}):null)));function uo({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function ho(e,t){const[r,n]=uo(e),[a,i]=uo(t);return[a-r,i-n]}function mo(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function fo([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}co.displayName="EventThumbnail";const po=R((({data:e,width:t,height:r})=>{const n=k(null),{eventSchema:a}=A(pi);return F((()=>{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,d]=uo(a[o]),{width:u,height:h}=l.getBoundingClientRect(),m=ao(s,u,h,t,r);i.push(io({Top:d-h/2-4,Left:c-u/2-4,Bottom:d+h/2+4,Right:c+u/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(mo(r,e)){const t=ho(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],o=!0}if(l!==t&&mo(r,s)){const e=ho(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],o=!0}}[n[0],n[1]]=fo(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}=to(i[a],t,r,4);e.style.top=o+4+"px",e.style.left=l+4+"px"}}),[e,t,r]),N.createElement("div",{ref:n},e.map((({Box:e,Probability:t,Type:r},n)=>N.createElement(N.Fragment,{key:n},N.createElement(ro,{box:e,style:{outline:`2px solid ${a.colorsByFoundObjectType.get(r)}`}}),N.createElement("div",{className:"event-list-item__detected-object-label",title:`${r.toLowerCase()} ${Math.floor(100*t)}%`},N.createElement("div",{style:{padding:4,lineHeight:"24px"}},r.toLowerCase()),N.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:a.colorsByFoundObjectType.get(r)}},Math.floor(100*t),"%"))))))}));po.displayName="DetectedObjects";const bo=R((({data:e,width:t,height:r,cameraNameHidden:n,onClick:a,onAuxClick:i,menuComponent:o})=>{const l=A(pi),{eventSchema:s}=l,[c,d]=function(e){var t;const[r,n]=I(null),a=A(pi),{cameras:i,thumbnails:o}=a;S((()=>{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 u=[],h=null,m=null;if(e.detectedObjects.length){let n,a;const{ThumbnailSize:i}=JSON.parse(e.raw.data);i&&(n=i.Width,a=i.Height),u=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),h=e.detectedObjects.filter((({Type:e})=>"LicensePlate"===e)).map(((e,i)=>N.createElement(so,{key:i,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:a,url:c})))}if(e.faces){const{Width:n,Height:a}=JSON.parse(e.raw.data).ThumbnailSize;m=e.faces.map(((e,i)=>N.createElement(oo,{key:i,face:e,url:c,thumbWidth:n,thumbHeight:a,width:t,height:r})))}return N.createElement(Gi,{onClick:a,onAuxClick:i,data:e,width:t,height:r,cameraNameHidden:n,menuComponent:o},N.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},N.createElement(co,{url:c,noPreview:d,width:t}),N.createElement(po,{data:u,width:t,height:r}),h,m,e.acknowledged?N.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,N.createElement(Zi,{data:e,cameraNameHidden:n})))}));bo.displayName="EventItem";class go extends N.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{hasError:!1}})}componentDidCatch(e,t){this.setState({hasError:!0}),ae.withScope((r=>{Object.keys(t).forEach((e=>{r.setExtra(e,t[e])})),ae.captureException(e)})),console.error(e),console.log(t)}render(){if(!this.state.hasError)return this.props.children;const{style:e,children:t,...r}=this.props;return N.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},N.createElement("h1",null,"Oops. Something went wrong"),N.createElement("div",null,"We've been notified about this problem"),N.createElement(Si,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function vo({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:a=0}){const[i,o]=I(),[l,s]=I(0),c=z((e=>{o(e||void 0)}),[]);S((()=>{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]);return{parentRef:c,getItems:()=>{if(!i)return[];const o=[],{height:s,width:c}=i.getBoundingClientRect(),d=Math.max(0,Math.floor(l/(r+a))-t),u=Math.ceil((n?c:s)/(r+a))+2*t;for(let t=d;t<Math.min(e,d+u);t++)o.push({idx:t,start:t*(r+a),size:r});return o},getTotalSize:()=>r*e+Math.max(e-1,0)*a}}const yo=R((({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?N.createElement("div",{style:r},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(Si,{onClick:n.loadMore},"Retry")))):(null===(o=n.pageInfo)||void 0===o?void 0:o.haveMore)?N.createElement("div",{style:r},N.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},N.createElement(Xi,{size:32}))):N.createElement("div",{style:r}):!c&&(null===(l=n.pageInfo)||void 0===l?void 0:l.haveMore)?N.createElement("div",{style:r}):c?N.createElement("div",{style:r},N.createElement(go,null,i({data:c,width:r.width,height:r.height}))):N.createElement("div",{style:r})})),Eo=R((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?N.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},N.createElement(Si,{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},xe.t("showEvents",{count:e.pendingData.length}))):null)),wo=R((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:a=180,aspectRatio:i=16/9,onEventClick:o,onEventAuxClick:l,eventRenderer:s})=>{const c=k(null),d=()=>{c.current&&(c.current.scrollTop=0)};if(e.error&&!e.data.length)return d(),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(Si,{onClick:e.reload},"Retry")));if(e.loading)return d(),N.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},N.createElement(Xi,null));if(!e.data.length)return d(),N.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},xe.t("noEventsFound"));const u={store:e,width:t,minColumnWidth:a,aspectRatio:i,captionHeight:n,height:r,onEventClick:o,onEventAuxClick:l,eventRenderer:s,containerRef:c,resetScroll:d};return N.createElement(xo,{...u})}));wo.displayName="EventGrid";const xo=R((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:a=180,aspectRatio:i,containerRef:o,onEventClick:l,onEventAuxClick:s,eventRenderer:c=(({data:e,width:t,height:r})=>N.createElement(bo,{data:e.data,cameraNameHidden:!1,onClick:l,onAuxClick:s,width:t,height:r})),resetScroll:d})=>{var u,h;const m=Math.floor(t/a)||1,f=t/m/i+n,p=m*Math.floor(r/f)>=e.data.length?0:eo(),b=Math.max(1,Math.floor((t-p)/a));let g=Math.ceil(e.data.length/b);const v=(t-p-2*(b-1))/b,y=v/i+n;(null===(u=e.pageInfo)||void 0===u?void 0:u.haveMore)&&g*b===e.data.length&&g++;const{parentRef:E,getItems:w,getTotalSize:x}=vo({count:g,overscan:5,itemSize:y,spacing:2}),{parentRef:C,getItems:j,getTotalSize:O}=vo({count:b,overscan:5,itemSize:v,horizontal:!0,spacing:2}),T=w(),P=j();S((()=>{var t;e.error||(null===(t=e.pageInfo)||void 0===t?void 0:t.haveMore)&&(e.loading||T.length&&T.at(-1).idx+1===g&&e.loadMore())}),[e.error,null===(h=e.pageInfo)||void 0===h?void 0:h.haveMore,T]);const M=T.flatMap((({idx:t,size:r,start:n})=>P.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)?N.createElement(yo,{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:c}):null}))));return N.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},N.createElement("div",{ref:ne(o,E,C),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")}},N.createElement("div",{style:{position:"relative",height:x(),width:O()}},M)),N.createElement(Eo,{store:e,scrollWidth:p,onClick:()=>{e.flushUpdates(),e.setLiveUpdateMode("auto"),d()}}))})),Co=e=>{const{className:t,children:r,...n}=e;return N.createElement("div",{className:U("x-3deye-button-group",t),...n},r)},jo=N.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]],d=[e-c[0],c[1]],u=[e-s[0],s[1]],h=e=>e.join(","),m=`M ${h(i)} C ${h(s)} ${h(c)} ${h(l)} ${h(d)} ${h(u)} ${h(o)}`,f=`${m} Z`;return N.createElement("svg",{ref:a,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},N.createElement("path",{className:"tip-body",d:f}),N.createElement("path",{className:"tip-border",d:m,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),Oo=({opened:e,onOpenChange:t,children:r,target:n,placement:a,className:i,autoDismiss:o=!0,withArrow:l=!1})=>{var s,c,d;const u=k(null),{x:h,y:m,reference:f,floating:p,strategy:b,context:g,middlewareData:v,placement:y,update:E}=W({open:e,onOpenChange:t,middleware:[G(5),q(),Y(),te({element:u})],placement:a,whileElementsMounted:(e,t,r)=>Z(e,t,r,{animationFrame:!0})}),{getReferenceProps:w,getFloatingProps:x}=J([K(g),Q(g,{ancestorScroll:!0,enabled:o})]),C=z((e=>{u.current=e,E()}),[E]),j={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(s=null==y?void 0:y.split("-")[0])&&void 0!==s?s:"top"]||"top",O=N.createElement("div",{...x({className:U("x-3deye-popover-container",i),ref:p,style:{position:b,top:null!=m?m:0,left:null!=h?h:0}})},l&&N.createElement(jo,{ref:C,width:24,height:8,placement:j,style:{position:"absolute",left:null===(c=v.arrow)||void 0===c?void 0:c.x,top:null===(d=v.arrow)||void 0===d?void 0:d.y,[j]:-7}}),r);return N.createElement(N.Fragment,null,D(n,w({ref:f,...n.props})),N.createElement(ee,{id:"x-3deye-floating-ui-root"},o&&e&&N.createElement(re,{context:g,modal:!1,order:["reference","content"],returnFocus:!1},O),!o&&e&&O))},To=R((({store:e})=>{const[t,r]=I(!1),{cameras:n}=A(pi),{date:l,setDate:s,cameraId:c}=e,d=c?n.camerasById.get(c):void 0,u=i(new Date,1),h=l&&a(l,new Date),m=l&&a(l,u),f=d?o(new Date,d.archiveDuration):new Date;return N.createElement(Co,null,N.createElement(Si,{className:U({"button-selected":h}),onClick:()=>s(new Date)},xe.t("today")),c&&!a(new Date,f)?N.createElement(Si,{className:U({"button-selected":m}),onClick:()=>s(u)},xe.t("yesterday")):null,l&&N.createElement(Oo,{className:"popover-datepicker",target:N.createElement(Si,{className:"date-button",onClick:()=>r(!t)},Ce(l,"EEE dd MMM")),opened:t,withArrow:!0,onOpenChange:r},N.createElement(ie,{selected:l,onChange:s,dateFormat:"EEE dd MMM",inline:!0,minDate:f,maxDate:new Date}),N.createElement("div",{style:{display:"flex"}},N.createElement(Si,{style:{flex:1},onClick:()=>r(!1),variant:"filled"},xe.t("button.ok")))))}));To.displayName="DateSelector";const Po=R((()=>{const e=A(pi),t=k(null),r=k(null),n=k(null),a=k([]),[i,o]=I(0),l=100,s=20,c=20,d=30,u=20,{eventSearch:h}=e.eventSearchPanel,{filteredPeopleCountingData:m}=h,{brushFilter:f}=h,p=f?a.current.filter((e=>e.x0>=+f[0]&&e.x1<=+f[1])).reduce(((e,t)=>e+t.length),0):null;return S((()=>{const e=new ve((e=>{for(const t of e){const e=t.contentRect.width;o(e)}}));return e.observe(t.current),()=>e.disconnect()}),[]),S((()=>{const e=ce(r.current);if(!i)return;m.forEach((e=>e.timestamp=new Date(e.TimeStamp)));const t=oe(m,(e=>e.timestamp)),o=he(me.offset(t[0],-1),me.offset(t[1],1)),f=be().extent([[u,s],[i-c,l-d]]).on("end",(function({selection:e,sourceEvent:t}){if(!t)return;if(!e)return void h.setBrushFilter(null);const r=fe.every((+a.current[0].x1-+a.current[0].x0)/6e4||30);let[n,i]=e.map((e=>r.round(p.invert(e))));if(+n==+i&&(n=r.floor(p.invert(e[0])),i=r.ceil(p.invert(e[1])),+n==+i))return ce(this).transition().call(f.move,null),void h.setBrushFilter(null);h.setBrushFilter([n,i]),ce(this).transition().call(f.move,i>n?[n,i].map(p):null)}));n.current=f;const p=de().domain(oe(o)).nice().range([u,i-c]);a.current=m.length?le().value((e=>e.timestamp)).domain(p.domain()).thresholds(p.ticks(24))(m):[];const b=ue().domain([0,se(a.current,(e=>e.length))]).nice().range([l-d,s]),g=e.select(".bars").selectAll(".bar").data(a.current);g.exit().remove();const v=g.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=>b(e.length))).attr("height",(e=>b(0)-b(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=>b(e.length))).attr("height",(e=>b(0)-b(e.length))),v.append("text").attr("dy",".75em").attr("y",(e=>b(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=>b(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:"")),m.length){const[t,r]=p.domain(),[n,a]=p.range(),i=(a-n)/(+r-+t)*3600*1e3,o=30,l=pe(p).ticks(me.every(1)).tickFormat((e=>i>=o?ge("%H:%M")(e):e.getHours()%(Math.floor(o/i)+1)?"":ge("%H:%M")(e)));l.scale(p),e.select(".x-axis").attr("transform","translate(0,70)").call(l),e.select(".brush").call(f),h.brushFilter&&e.select(".brush").call(f.move,h.brushFilter.map(p))}else e.select(".x-axis").html(""),e.select(".brush").call(f),e.select(".brush").html("").call(f.move,null)}),[i,m]),S((()=>{n.current&&(h.brushFilter||ce(r.current).select(".brush").call(n.current.move,null))}),[h.brushFilter]),N.createElement("div",{ref:t},N.createElement("div",{style:{paddingLeft:10,paddingRight:10,display:"flex"}},xe.t("peopleCounting"),N.createElement("div",{style:{marginLeft:"auto"}},null===p?null:N.createElement(Di,{label:xe.t("selected")},N.createElement("span",null,p)),null===p?null:"/",N.createElement(Di,{label:xe.t("total")},N.createElement("span",null,m.length)))),N.createElement("svg",{className:"people-histogram",ref:r,width:i,height:l,viewBox:`0 0 ${i} 100`},N.createElement("g",{className:"bars"}),N.createElement("g",{className:"x-axis"}),N.createElement("g",{className:"brush"})))}));Po.displayName="PeopleHistogram";const Mo=e=>{const{children:t,innerProps:r,...n}=e,{Option:a}=$,{data:i}=e,o={...r,style:{display:"flex",alignItems:"center",width:"auto"}};return N.createElement(a,{innerProps:o,...n},N.createElement(Ti,{data:i}),N.createElement("div",{style:{marginLeft:4}},t))},_o=R((({store:e,onEventClick:t})=>{if(!e)return null;const{filters:r,setFilters:n}=e,{foundObjectTypesForSelect:a}=e.eventSchema,{ref:i,width:o,height:l}=B();return N.createElement(N.Fragment,null,N.createElement(To,{store:e}),N.createElement("div",{style:{zIndex:2}},N.createElement(H,{closeMenuOnSelect:!1,isMulti:!0,onChange:n,getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:a,placeholder:xe.t("selectObjectType"),value:r,components:{MultiValueLabel:Pi,Option:Mo},styles:{...Wi,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})=>t.color?{...e,color:"white"}:e,option:(e,{data:t})=>t.color?{...e,color:t.color}:e}})),N.createElement(Ui,{getter:e.getProbabilityThreshold,setter:e.setProbabilityThreshold}),e.filters.length?N.createElement(Bi,{value:e.colors,toggle:e.toggleColor,clear:e.clearColors}):null,e.analyticsEnabled?N.createElement(Po,null):null,N.createElement("div",{ref:i,style:{flex:1,overflow:"hidden"}},N.createElement(wo,{width:o,height:l,minColumnWidth:120,aspectRatio:1,store:e.eventsLoader,eventRenderer:({data:e,width:r,height:n})=>N.createElement(Ji,{data:e,cameraNameHidden:!0,onClick:t,width:r,height:n})})))}));_o.displayName="EventSearch";const Lo=e=>{var t;const r=null!==(t=A(_))&&void 0!==t?t:L;return N.createElement(pi.Provider,{value:r},N.createElement(_o,{...e}))};var No;Lo.displayName="EventSearch",(No={resources:{en:{translation:ye}}})&&Object.assign(we,No),xe.isInitialized?(we.resources?Object.keys(we.resources).forEach((e=>{xe.addResourceBundle(e,"translation",we.resources[e].translation,!0)})):console.warn("i18n is already initialized"),s(xe.t)):c(xe.init(we));const Io=(e=L)=>{const t=new fi(e.eventSchema,e.events,e.notification);return t.initWith(e.api),t};export{Io as createEventSearchStore,Lo as default};
+import{format as e,startOfDay as t,endOfDay as r,isSameYear as n,isSameDay as a,subDays as i,subHours as o}from"date-fns/esm";import l from"i18next";import{of as s,from as c,Observable as u,Subscription as d,mergeMap as h,throwError as m,catchError as p,startWith as f,switchMap as b,map as g,exhaustMap as v,EMPTY as y,Subject as E}from"rxjs";import{computed as w,makeObservable as x,observable as C,action as j,runInAction as O,reaction as T}from"mobx";import{distinctUntilChanged as M,share as P,switchMap as _,mergeMap as L,catchError as N,map as I}from"rxjs/operators";import D from"earcut";import{subHours as k}from"date-fns";import{AppContext as S,app as F}from"@3deye-toolkit/core";import z,{useState as A,cloneElement as B,useRef as R,useEffect as H,useCallback as $,useContext as V,useLayoutEffect as U}from"react";import{useElementSize as q}from"@mantine/hooks";import{observer as W}from"mobx-react-lite";import Z,{components as G}from"react-select";import Q from"clsx";import Y from"react-ink";import{useFloating as J,offset as X,flip as K,shift as ee,autoUpdate as te,useInteractions as re,useHover as ne,useRole as ae,useDismiss as ie,FloatingPortal as oe,arrow as le,FloatingFocusManager as se}from"@floating-ui/react";import ce from"@seznam/compose-react-refs";import ue from"react-datepicker";import{extent as de,bin as he,max as me}from"d3-array";import{select as pe}from"d3-selection";import{scaleTime as fe,scaleLinear as be}from"d3-scale";import{timeHours as ge,timeHour as ve,timeMinute as ye}from"d3-time";import{axisBottom as Ee}from"d3-axis";import{brushX as we}from"d3-brush";import{timeFormat as xe}from"d3-time-format";import Ce 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",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=new Map,Te={detection:{order:["querystring","htmlTag","navigator"],lookupQuerystring:"lang"},fallbackLng:"en",load:"all",interpolation:{escapeValue:!1}},Me=l.createInstance();function Pe(t,r){const n=Oe.get(Me.language);return e(t,r,{locale:n})}var _e,Le;function Ne(e,t=!1){const r=w(e);return new u((e=>{const n=r.observe_((({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.Uncategorized=40]="Uncategorized",e[e.Unknown=999]="Unknown"}(Le||(Le={}));var Ie="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function De(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ke=function(){this.__data__=[],this.size=0};var Se=function(e,t){return e===t||e!=e&&t!=t},Fe=Se;var ze=function(e,t){for(var r=e.length;r--;)if(Fe(e[r][0],t))return r;return-1},Ae=ze,Be=Array.prototype.splice;var Re=function(e){var t=this.__data__,r=Ae(t,e);return!(r<0)&&(r==t.length-1?t.pop():Be.call(t,r,1),--this.size,!0)},He=ze;var $e=function(e){var t=this.__data__,r=He(t,e);return r<0?void 0:t[r][1]},Ve=ze;var Ue=ze;var qe=function(e,t){var r=this.__data__,n=Ue(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},We=ke,Ze=Re,Ge=$e,Qe=function(e){return Ve(this.__data__,e)>-1},Ye=qe;function Je(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])}}Je.prototype.clear=We,Je.prototype.delete=Ze,Je.prototype.get=Ge,Je.prototype.has=Qe,Je.prototype.set=Ye;var Xe=Je,Ke=Xe;var et=function(){this.__data__=new Ke,this.size=0};var tt=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var rt=function(e){return this.__data__.get(e)};var nt=function(e){return this.__data__.has(e)},at="object"==typeof Ie&&Ie&&Ie.Object===Object&&Ie,it=at,ot="object"==typeof self&&self&&self.Object===Object&&self,lt=it||ot||Function("return this")(),st=lt.Symbol,ct=st,ut=Object.prototype,dt=ut.hasOwnProperty,ht=ut.toString,mt=ct?ct.toStringTag:void 0;var pt=function(e){var t=dt.call(e,mt),r=e[mt];try{e[mt]=void 0;var n=!0}catch(e){}var a=ht.call(e);return n&&(t?e[mt]=r:delete e[mt]),a},ft=Object.prototype.toString;var bt=pt,gt=function(e){return ft.call(e)},vt=st?st.toStringTag:void 0;var yt=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":vt&&vt in Object(e)?bt(e):gt(e)};var Et=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},wt=yt,xt=Et;var Ct,jt=function(e){if(!xt(e))return!1;var t=wt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Ot=lt["__core-js_shared__"],Tt=(Ct=/[^.]+$/.exec(Ot&&Ot.keys&&Ot.keys.IE_PROTO||""))?"Symbol(src)_1."+Ct:"";var Mt=function(e){return!!Tt&&Tt in e},Pt=Function.prototype.toString;var _t=function(e){if(null!=e){try{return Pt.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Lt=jt,Nt=Mt,It=Et,Dt=_t,kt=/^\[object .+?Constructor\]$/,St=Function.prototype,Ft=Object.prototype,zt=St.toString,At=Ft.hasOwnProperty,Bt=RegExp("^"+zt.call(At).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Rt=function(e){return!(!It(e)||Nt(e))&&(Lt(e)?Bt:kt).test(Dt(e))},Ht=function(e,t){return null==e?void 0:e[t]};var $t=function(e,t){var r=Ht(e,t);return Rt(r)?r:void 0},Vt=$t(lt,"Map"),Ut=$t(Object,"create"),qt=Ut;var Wt=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},Gt=Ut,Qt=Object.prototype.hasOwnProperty;var Yt=function(e){var t=this.__data__;if(Gt){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return Qt.call(t,e)?t[e]:void 0},Jt=Ut,Xt=Object.prototype.hasOwnProperty;var Kt=function(e){var t=this.__data__;return Jt?void 0!==t[e]:Xt.call(t,e)},er=Ut;var tr=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=er&&void 0===t?"__lodash_hash_undefined__":t,this},rr=Wt,nr=Zt,ar=Yt,ir=Kt,or=tr;function lr(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])}}lr.prototype.clear=rr,lr.prototype.delete=nr,lr.prototype.get=ar,lr.prototype.has=ir,lr.prototype.set=or;var sr=lr,cr=Xe,ur=Vt;var dr=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var hr=function(e,t){var r=e.__data__;return dr(t)?r["string"==typeof t?"string":"hash"]:r.map},mr=hr;var pr=hr;var fr=hr;var br=hr;var gr=function(e,t){var r=br(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},vr=function(){this.size=0,this.__data__={hash:new sr,map:new(ur||cr),string:new sr}},yr=function(e){var t=mr(this,e).delete(e);return this.size-=t?1:0,t},Er=function(e){return pr(this,e).get(e)},wr=function(e){return fr(this,e).has(e)},xr=gr;function Cr(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])}}Cr.prototype.clear=vr,Cr.prototype.delete=yr,Cr.prototype.get=Er,Cr.prototype.has=wr,Cr.prototype.set=xr;var jr=Cr,Or=Xe,Tr=Vt,Mr=jr;var Pr=function(e,t){var r=this.__data__;if(r instanceof Or){var n=r.__data__;if(!Tr||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Mr(n)}return r.set(e,t),this.size=r.size,this},_r=Xe,Lr=et,Nr=tt,Ir=rt,Dr=nt,kr=Pr;function Sr(e){var t=this.__data__=new _r(e);this.size=t.size}Sr.prototype.clear=Lr,Sr.prototype.delete=Nr,Sr.prototype.get=Ir,Sr.prototype.has=Dr,Sr.prototype.set=kr;var Fr=Sr;var zr=jr,Ar=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Br=function(e){return this.__data__.has(e)};function Rr(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new zr;++t<r;)this.add(e[t])}Rr.prototype.add=Rr.prototype.push=Ar,Rr.prototype.has=Br;var Hr=Rr,$r=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},Vr=function(e,t){return e.has(t)};var Ur=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 Hr:void 0;for(i.set(e,t),i.set(t,e);++d<l;){var p=e[d],f=t[d];if(n)var b=o?n(f,p,d,t,e,i):n(p,f,d,e,t,i);if(void 0!==b){if(b)continue;h=!1;break}if(m){if(!$r(t,(function(e,t){if(!Vr(m,t)&&(p===e||a(p,e,r,n,i)))return m.push(t)}))){h=!1;break}}else if(p!==f&&!a(p,f,r,n,i)){h=!1;break}}return i.delete(e),i.delete(t),h};var qr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e,n){r[++t]=[n,e]})),r};var Wr=lt.Uint8Array,Zr=Se,Gr=Ur,Qr=qr,Yr=function(e){var t=-1,r=Array(e.size);return e.forEach((function(e){r[++t]=e})),r},Jr=st?st.prototype:void 0,Xr=Jr?Jr.valueOf:void 0;var Kr=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 Zr(+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=Qr;case"[object Set]":var s=1&n;if(l||(l=Yr),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=Gr(l(e),l(t),n,a,i,o);return o.delete(e),u;case"[object Symbol]":if(Xr)return Xr.call(e)==Xr.call(t)}return!1};var en=function(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e},tn=Array.isArray,rn=en,nn=tn;var an=function(e,t,r){var n=t(e);return nn(e)?n:rn(n,r(e))};var on=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},ln=function(){return[]},sn=Object.prototype.propertyIsEnumerable,cn=Object.getOwnPropertySymbols,un=cn?function(e){return null==e?[]:(e=Object(e),on(cn(e),(function(t){return sn.call(e,t)})))}:ln;var dn=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var hn=function(e){return null!=e&&"object"==typeof e},mn=yt,pn=hn;var fn=function(e){return pn(e)&&"[object Arguments]"==mn(e)},bn=hn,gn=Object.prototype,vn=gn.hasOwnProperty,yn=gn.propertyIsEnumerable,En=fn(function(){return arguments}())?fn:function(e){return bn(e)&&vn.call(e,"callee")&&!yn.call(e,"callee")},wn={exports:{}};var xn=function(){return!1};!function(e,t){var r=lt,n=xn,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 Cn=wn.exports,jn=/^(?:0|[1-9]\d*)$/;var On=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&jn.test(e))&&e>-1&&e%1==0&&e<t};var Tn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Mn=yt,Pn=Tn,_n=hn,Ln={};Ln["[object Float32Array]"]=Ln["[object Float64Array]"]=Ln["[object Int8Array]"]=Ln["[object Int16Array]"]=Ln["[object Int32Array]"]=Ln["[object Uint8Array]"]=Ln["[object Uint8ClampedArray]"]=Ln["[object Uint16Array]"]=Ln["[object Uint32Array]"]=!0,Ln["[object Arguments]"]=Ln["[object Array]"]=Ln["[object ArrayBuffer]"]=Ln["[object Boolean]"]=Ln["[object DataView]"]=Ln["[object Date]"]=Ln["[object Error]"]=Ln["[object Function]"]=Ln["[object Map]"]=Ln["[object Number]"]=Ln["[object Object]"]=Ln["[object RegExp]"]=Ln["[object Set]"]=Ln["[object String]"]=Ln["[object WeakMap]"]=!1;var Nn=function(e){return _n(e)&&Pn(e.length)&&!!Ln[Mn(e)]};var In=function(e){return function(t){return e(t)}},Dn={exports:{}};!function(e,t){var r=at,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}(Dn,Dn.exports);var kn=Dn.exports,Sn=Nn,Fn=In,zn=kn&&kn.isTypedArray,An=zn?Fn(zn):Sn,Bn=dn,Rn=En,Hn=tn,$n=Cn,Vn=On,Un=An,qn=Object.prototype.hasOwnProperty;var Wn=function(e,t){var r=Hn(e),n=!r&&Rn(e),a=!r&&!n&&$n(e),i=!r&&!n&&!a&&Un(e),o=r||n||a||i,l=o?Bn(e.length,String):[],s=l.length;for(var c in e)!t&&!qn.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Vn(c,s))||l.push(c);return l},Zn=Object.prototype;var Gn=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Zn)};var Qn=function(e,t){return function(r){return e(t(r))}}(Object.keys,Object),Yn=Gn,Jn=Qn,Xn=Object.prototype.hasOwnProperty;var Kn=jt,ea=Tn;var ta=function(e){return null!=e&&ea(e.length)&&!Kn(e)},ra=Wn,na=function(e){if(!Yn(e))return Jn(e);var t=[];for(var r in Object(e))Xn.call(e,r)&&"constructor"!=r&&t.push(r);return t},aa=ta;var ia=an,oa=un,la=function(e){return aa(e)?ra(e):na(e)};var sa=function(e){return ia(e,la,oa)},ca=Object.prototype.hasOwnProperty;var ua=function(e,t,r,n,a,i){var o=1&r,l=sa(e),s=l.length;if(s!=sa(t).length&&!o)return!1;for(var c=s;c--;){var u=l[c];if(!(o?u in t:ca.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 p=o;++c<s;){var f=e[u=l[c]],b=t[u];if(n)var g=o?n(b,f,u,t,e,i):n(f,b,u,e,t,i);if(!(void 0===g?f===b||a(f,b,r,n,i):g)){m=!1;break}p||(p="constructor"==u)}if(m&&!p){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},da=$t(lt,"DataView"),ha=Vt,ma=$t(lt,"Promise"),pa=$t(lt,"Set"),fa=$t(lt,"WeakMap"),ba=yt,ga=_t,va=ga(da),ya=ga(ha),Ea=ga(ma),wa=ga(pa),xa=ga(fa),Ca=ba;(da&&"[object DataView]"!=Ca(new da(new ArrayBuffer(1)))||ha&&"[object Map]"!=Ca(new ha)||ma&&"[object Promise]"!=Ca(ma.resolve())||pa&&"[object Set]"!=Ca(new pa)||fa&&"[object WeakMap]"!=Ca(new fa))&&(Ca=function(e){var t=ba(e),r="[object Object]"==t?e.constructor:void 0,n=r?ga(r):"";if(n)switch(n){case va:return"[object DataView]";case ya:return"[object Map]";case Ea:return"[object Promise]";case wa:return"[object Set]";case xa:return"[object WeakMap]"}return t});var ja=Fr,Oa=Ur,Ta=Kr,Ma=ua,Pa=Ca,_a=tn,La=Cn,Na=An,Ia="[object Object]",Da=Object.prototype.hasOwnProperty;var ka=function(e,t,r,n,a,i){var o=_a(e),l=_a(t),s=o?"[object Array]":Pa(e),c=l?"[object Array]":Pa(t),u=(s="[object Arguments]"==s?Ia:s)==Ia,d=(c="[object Arguments]"==c?Ia:c)==Ia,h=s==c;if(h&&La(e)){if(!La(t))return!1;o=!0,u=!1}if(h&&!u)return i||(i=new ja),o||Na(e)?Oa(e,t,r,n,a,i):Ta(e,t,s,r,n,a,i);if(!(1&r)){var m=u&&Da.call(e,"__wrapped__"),p=d&&Da.call(t,"__wrapped__");if(m||p){var f=m?e.value():e,b=p?t.value():t;return i||(i=new ja),a(f,b,r,n,i)}}return!!h&&(i||(i=new ja),Ma(e,t,r,n,a,i))},Sa=hn;var Fa=function e(t,r,n,a,i){return t===r||(null==t||null==r||!Sa(t)&&!Sa(r)?t!=t&&r!=r:ka(t,r,n,a,e,i))},za=Fa;var Aa=De((function(e,t){return za(e,t)}));class Ba{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 d?e.closed||e.unsubscribe():e()}))}}var Ra=Se,Ha=ta,$a=On,Va=Et;var Ua=/\s/;var qa=function(e){for(var t=e.length;t--&&Ua.test(e.charAt(t)););return t},Wa=/^\s+/;var Za=yt,Ga=hn;var Qa=function(e){return e?e.slice(0,qa(e)+1).replace(Wa,""):e},Ya=Et,Ja=function(e){return"symbol"==typeof e||Ga(e)&&"[object Symbol]"==Za(e)},Xa=/^[-+]0x[0-9a-f]+$/i,Ka=/^0b[01]+$/i,ei=/^0o[0-7]+$/i,ti=parseInt;var ri=function(e){if("number"==typeof e)return e;if(Ja(e))return NaN;if(Ya(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Ya(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=Qa(e);var r=Ka.test(e);return r||ei.test(e)?ti(e.slice(2),r?2:8):Xa.test(e)?NaN:+e};var ni=function(e){return e?Infinity===(e=ri(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var ai=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},ii=function(e,t,r){if(!Va(r))return!1;var n=typeof t;return!!("number"==n?Ha(r)&&$a(t,r.length):"string"==n&&t in r)&&Ra(r[t],e)},oi=function(e){var t=ni(e),r=t%1;return t==t?r?t-r:t:0},li=Math.ceil,si=Math.max;var ci=De((function(e,t,r){t=(r?ii(e,t,r):void 0===t)?1:si(oi(t),0);var n=null==e?0:e.length;if(!n||t<1)return[];for(var a=0,i=0,o=Array(li(n/t));a<n;)o[i++]=ai(e,a,a+=t);return o}));const ui=([e,t],[r,n],[a,i])=>{const o=(n-t)*(a-r)-(r-e)*(i-n);return 0===o?0:o>0?1:2},di=([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),hi=(e,t,r)=>!(e<r.x||t<r.y||e>r.x+r.width||t>r.y+r.height),mi=(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},pi=(e,t)=>{if(hi(t.x1,t.y1,e))return!0;if(hi(t.x2,t.y2,e))return!0;if(hi(t.x3,t.y3,e))return!0;if(mi(e.x,e.y,t))return!0;if(mi(e.x+e.width,e.y,t))return!0;if(mi(e.x+e.width,e.y+e.height,t))return!0;if(mi(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=ui(e,t,r),i=ui(e,t,n),o=ui(r,n,e),l=ui(r,n,t);return a!==i&&o!==l||!(0!==a||!di(e,r,t))||!(0!==i||!di(e,n,t))||!(0!==o||!di(r,e,n))||!(0!==l||!di(r,t,n))})(t,e)))))},fi=(e,t)=>{const r=e.map((({x:e,y:t})=>[e,t]));return ci(D(r.flat()),3).some((r=>pi(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})))},bi=new Set(["LicensePlate","FaceDetection","Analytic","SpeedDetection","Temperature","PoS","GPS","DigitalInput"]);class gi{get id(){return this.raw.id}get startTime(){return new Date(this.raw.startTime)}get endTime(){return new Date(this.raw.endTime)}get isLive(){return!bi.has(this.type)&&+this.startTime==+this.endTime}get acknowledged(){return"sensorId"in this.raw&&!!this.raw.ackEventType}constructor(e){if(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,"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}),x(this,{id:w,startTime:w,endTime:w,acknowledged:w,isLive:w,raw:C.ref}),this.raw=e,this.type=e.eventType,this.cameraId=e.sensorId,("Analytic"===this.type||"FaceDetection"===this.type)&&e.data)try{const t=JSON.parse(e.data);t.FoundObjects&&(this.type="Analytic",this.detectedObjects=t.FoundObjects),t.Faces&&(this.type="FaceDetection",this.faces=t.Faces),this.thumbnailUrl=t.ThumbnailUrl}catch{console.warn("invalid data",e.data),this.type="Motion"}this.instant=bi.has(this.type),this.detectedObjects||(this.detectedObjects=[])}}class vi extends Ba{get isLive(){return"DESC"===this.filters.sortDirection&&!this.filters.to}constructor(e,t,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:t}),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,"updateTrigger",{enumerable:!0,configurable:!0,writable:!0,value:0}),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(h((e=>e.success?s({events:e.resultItems,pageInfo:e.pageInfo}):m((()=>e.error)))),p((e=>(console.error(e),this.error=e,s({events:[],pageInfo:null})))))}),x(this,{data:C.ref,pendingData:C.ref,liveUpdateMode:C,setLiveUpdateMode:j,updateTrigger:C,flushUpdates:j,pageInfo:C.ref,isLive:w,loading:C,loadMoreTrigger:C,retryTrigger:C,error:C.ref,loadMore:j})}initDataLoading(){this.disposables.push(this.filters.updated$.pipe(f(null),b((e=>Ne((()=>this.retryTrigger),!0).pipe(g((()=>e))))),b((()=>(O((()=>{this.loading=!0,this.pageInfo=null,this.error=null,this.data=[],this.pendingData=[]})),this.queryEvents())))).subscribe((({events:e,pageInfo:t})=>{O((()=>{var r,n,a;if(!t)return;const i=e.map(yi);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:k(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(f(null),b((()=>Ne((()=>this.loadMoreTrigger)).pipe(v((()=>{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(yi);this.eventsStore.add(r),O((()=>{this.data=this.data.concat(r.flatMap(this.transformData)),this.pageInfo=t,this.loading=!1}))})))}initLiveUpdates(){this.disposables.push(Ne((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(b((({liveUpdateMode:e,isLive:t})=>t&&"auto"===e?Ne((()=>this.eventsStore.recentAdditions)):y))).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&&O((()=>{this.data=[...t.flatMap(this.transformData),...this.data]}))}))),this.disposables.push(Ne((()=>({liveUpdateMode:this.liveUpdateMode,isLive:this.isLive})),!0).pipe(b((({liveUpdateMode:e,isLive:t})=>t&&"manual"===e?Ne((()=>this.eventsStore.recentAdditions)):(this.pendingData&&O((()=>this.pendingData=[])),y)))).subscribe((e=>{if(!this.data.length)return;const t=this.filters.apply(e.map((e=>this.eventsStore.eventsById.get(e))));t.length&&O((()=>{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 d?e.closed||e.unsubscribe():e()}))}}function yi(e){return new gi(e)}class Ei{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 E}),x(this,{from:C,to:C,probabilityThreshold:C,cameras:C.struct,detectedObjects:C.struct,regions:C.ref,eventTypes:C.struct,sortDirection:C,colors:C.ref,filterJson:w}),T((()=>({from:this.from?+this.from:void 0,to:this.to?+this.to:void 0,sortDirection:this.sortDirection,filter:this.filterJson,cameraFilters:this.cameras,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=>Le[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)&&(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)&&(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 (())"}}const wi={Top:0,Left:0,Bottom:1,Right:1};class xi extends Ba{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 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||(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>this.colors.has(e.Color)))))&&e.Probability>=this.probabilityThreshold&&n.some((t=>fi(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=>fi(e,{x:t.Left,y:t.Top,width:t.Right-t.Left,height:t.Bottom-t.Top}))))):this.peopleCountingData}constructor(e,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: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,"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,"openForPlayer",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.cameraId=e}}),Object.defineProperty(this,"searchFullFrame",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.cameraId=e,this.clear(),this.peopleCountingData=[],this.date||(this.date=new Date)}}),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.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=Ne((()=>({date:this.date,regions:this.regions,cameraId:this.cameraId}))).pipe(M(Aa),P());this.disposables.push(Ne((()=>({date:this.date,regions:this.regions,cameraId:this.cameraId,filters:this.filters,brushFilter:this.brushFilter,colors:this.colors,probabilityThreshold:this.probabilityThreshold}))).pipe(M(Aa),P()).subscribe((e=>{O((()=>{if(!e.date||!e.cameraId)return;this.loaderFilters.sortDirection="DESC";const n=t(e.date),a=r(e.date);this.loaderFilters.from=n,this.loaderFilters.to=a;const{brushFilter:i}=e;i&&([this.loaderFilters.from,this.loaderFilters.to]=i),this.loaderFilters.regions=[...e.regions||[]],this.loaderFilters.cameras=[e.cameraId],this.loaderFilters.detectedObjects=e.filters.map((e=>e.id)),this.loaderFilters.eventTypes=[Le.Analytic],this.loaderFilters.colors=e.colors,this.loaderFilters.probabilityThreshold=e.probabilityThreshold,this.eventsLoader.load()}))})));const n=this.heatmaps;n&&(this.disposables.push(e.pipe(_((e=>{if(!e.date||!e.cameraId)return y;O((()=>{this.peopleCountingDataLoading=!0}));const n=t(e.date),a=r(e.date),i=e.regions?this.boxRegions(e.regions):wi;return this.api.cameras.GetPeopleCountingData(e.cameraId,n,a,i).pipe(L((e=>e.success?s(e.resultItems):m((()=>e.error))))).pipe(N((e=>(this.notification.error(Me.t("eventSearchRequestError.peopleCounting")),console.error(e),s([])))))}))).subscribe((e=>{O((()=>{this.peopleCountingData=e,this.peopleCountingDataLoading=!1}))}))),this.disposables.push(Ne((()=>({date:this.date,cameraId:this.cameraId}))).pipe(M(Aa),_((e=>{if(!e.date||!e.cameraId)return y;O((()=>{this.heatmapLoading=!0}));const a=t(e.date),i=r(e.date);return n.fetchHeatmaps(e.cameraId,a,i,1).pipe(I((e=>e[0]||null))).pipe(N((e=>(this.notification.error(Me.t("eventSearchRequestError.heatmap")),console.error(e),s(null)))))}))).subscribe((e=>{O((()=>{this.heatmap=e,this.heatmapLoading=!1}))}))))}}),x(this,{cameraId:C,date:C,regions:C.ref,filters:C.ref,colors:C.ref,peopleCountingDataLoading:C,heatmapMode:C,heatmapLoading:C,data:C.ref,heatmap:C.ref,peopleCountingData:C.ref,probabilityThreshold:C,brushFilter:C.ref,params:w,filteredData:w,filteredPeopleCountingData:w,setDate:j,setFilters:j,setBrushFilter:j,setParams:j,openForPlayer:j,searchFullFrame:j,setRegions:j,setHeatmapMode:j,toggleColor:j,clearColors:j,clear:j}),this.analyticsEnabled=Boolean(i);const o=this.loaderFilters=new Ei,l=(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)})(o);this.eventsLoader=new vi(n,o,l,(e=>e.detectedObjects.map(((e,t)=>{var r,n;return o.detectedObjects.length&&!o.detectedObjects.includes(e.Type)||o.colors.size&&!(null===(r=e.Colors)||void 0===r?void 0:r.some((e=>o.colors.has(e.Color))))||null!==o.probabilityThreshold&&e.Probability<o.probabilityThreshold||(null===(n=o.regions)||void 0===n?void 0:n.length)&&!o.regions.some((t=>fi(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 d?e.closed||e.unsubscribe():e()}))}}const Ci=z.createContext(null);function ji(e){return z.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 z.createElement("svg",{ref:r,preserveAspectRatio:"xMinYMin",className:Q("icon",i),width:n,fill:a,viewBox:l,...o},s)}))}const Oi=ji({viewBox:"0 0 24 24",svg:z.createElement("g",null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}))});Oi.displayName="LabelIcon";const Ti=ji({viewBox:"0 0 24 24",svg:z.createElement("g",null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}))});Ti.displayName="CameraIcon";const Mi=ji({viewBox:"0 0 24 24",svg:z.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"})});Mi.displayName="LuggageIcon";const Pi=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}))});Pi.displayName="CarIcon";const _i=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}))});_i.displayName="BoatIcon";const Li=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.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"}))});Li.displayName="BicycleIcon";const Ni=ji({viewBox:"0 0 24 24",svg:z.createElement("g",null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}))});Ni.displayName="DirectionsWalkIcon";const Ii=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.createElement("circle",{cx:"4.5",cy:"9.5",r:"2.5"}),z.createElement("circle",{cx:"9",cy:"5.5",r:"2.5"}),z.createElement("circle",{cx:"15",cy:"5.5",r:"2.5"}),z.createElement("circle",{cx:"19.5",cy:"9.5",r:"2.5"}),z.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"}))});Ii.displayName="PetsIcon";const Di=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}),z.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"}),z.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"}),z.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"}))});Di.displayName="LicensePlateIcon";const ki=ji({viewBox:"0 96 960 960",svg:z.createElement(z.Fragment,null,z.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"}))});ki.displayName="DetectorSmokeIcon";const Si=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.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"}))});Si.displayName="FireIcon";const Fi=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{fill:"currentColor",d:"M11.5 22v-4.65c-.5.78-1.5 1.74-3.47 2.46 0 0 .5-1.71 1.91-2.86-1.3.28-3.26.24-5.94-.95 0 0 2.47-1.41 5.28-1.03C7.69 14 5.7 12.08 4.17 8.11c0 0 4.5 1.23 6.74 5.03C8.88 8.24 12 2 12 2c2.43 5.47 1.91 9.1 1.12 11.1 2.25-3.77 6.71-4.99 6.71-4.99-1.53 3.97-3.52 5.89-5.11 6.86C17.53 14.59 20 16 20 16c-2.68 1.19-4.64 1.23-5.94.95 1.41 1.15 1.91 2.86 1.91 2.86-1.97-.72-2.97-1.68-3.47-2.46V22h-1Z"}))});Fi.displayName="CannabisIcon";const zi=({data:e})=>{const t=16;return"licensePlate"===e.type?null:"detectedObject"!==e.type?z.createElement(Ti,{size:t}):"Luggage"===e.id?z.createElement(Mi,{size:t}):"Car"===e.id?z.createElement(Pi,{size:t}):"Person"===e.id?z.createElement(Ni,{size:t}):"Bicycle"===e.id?z.createElement(Li,{size:t}):"Boat"===e.id?z.createElement(_i,{size:t}):"Animal"===e.id?z.createElement(Ii,{size:t}):"LicensePlate"===e.id?z.createElement(Di,{size:t}):"Smoke"===e.id?(()=>{const e=new Date;return 3===e.getMonth()&&1===e.getDate()})()?z.createElement(Fi,{size:t}):z.createElement(ki,{size:t}):"Fire"===e.id?z.createElement(Si,{size:t}):z.createElement(Oi,{size:t})},Ai=e=>{const{children:t,innerProps:r,...n}=e,{MultiValueLabel:a}=G,{data:i}=e,o={...r,style:{display:"flex",alignItems:"center"}};return z.createElement(a,{innerProps:o,...n},z.createElement(zi,{data:i}),z.createElement("div",{style:{marginLeft:4}},t))},Bi={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"},Ri={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"},Hi={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"},$i={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"},Vi={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"},Ui=({children:e,label:t,placement:r="bottom"})=>{const[n,a]=A(!1),{x:i,y:o,refs:l,strategy:s,context:c}=J({placement:r,open:n,onOpenChange:a,middleware:[X(5),K(),ee({padding:8})],whileElementsMounted:(e,t,r)=>te(e,t,r,{animationFrame:!0})}),{getReferenceProps:u,getFloatingProps:d}=re([ne(c),ae(c,{role:"tooltip"}),ie(c,{referencePress:!0})]);return z.createElement(z.Fragment,null,B(e,u({ref:ce(l.setReference,e.ref),...e.props})),z.createElement(oe,{id:"x-3deye-floating-ui-root"},n&&z.createElement("div",{...d({ref:l.setFloating,className:"x-3deye-tooltip",style:{position:s,top:null!=o?o:0,left:null!=i?i:0}})},t)))};class qi extends z.Component{render(){const{forwardedRef:e,children:t,className:r,fullWidth:n,variant:a,type:i,title:o,placement:l,...s}=this.props,c=Q(r,"x-3deye-button",{"x-3deye-button--fullwidth":n},a?`x-3deye-button--${a}`:void 0),u=z.createElement("button",{ref:e,className:c,type:i||"button",...s},t,s.disabled?null:z.createElement(Y,null));return o?z.createElement(Ui,{label:o,placement:l},u):u}}const Wi=z.forwardRef(((e,t)=>z.createElement(qi,{forwardedRef:t,...e}))),Zi=ji({viewBox:"0 0 24 24",svg:z.createElement("g",null,z.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"}),z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))});Zi.displayName="CloseIcon";const Gi=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),z.createElement("path",{d:"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}))});Gi.displayName="DoneIcon";const Qi=[{color:$i[500],name:"red",highlightColor:$i[100]},{color:Ri[500],name:"green",highlightColor:Ri[100]},{color:Bi[500],name:"blue",highlightColor:Bi[100]},{color:Vi[500],name:"yellow",highlightColor:Vi[900]},{color:"#000",name:"black",highlightColor:"#fff"},{color:"#fff",name:"white",highlightColor:"#000"},{color:Hi[500],name:"dimgrey",highlightColor:Hi[100]}],Yi=W((({value:e,clear:t,toggle:r})=>z.createElement("div",{className:"color-selector"},z.createElement("div",null,"COLOR"),z.createElement("div",{className:"color-selector__items"},Qi.map((({color:t,highlightColor:n,name:a})=>z.createElement("button",{key:a,className:Q("color-selector__item",{selected:e.has(a)}),style:{backgroundColor:t},onClick:r.bind(null,a)},z.createElement(Gi,{color:n,size:20})))),z.createElement(Wi,{className:"color-selector__clear",disabled:!e.size,onClick:t},z.createElement(Zi,{size:20}))))));Yi.displayName="ColorSelector";const Ji=(e,t,r)=>Math.min(Math.max(e,t),r);/Mac|iPod|iPhone|iPad/.test(window.navigator.platform);const Xi=e=>Math.round(e),Ki=z.forwardRef((({value:e,onChange:t,onChangeComplete:r,orientation:n="horizontal",disabled:a=!1,labelFormat:i=(e=>`${e}`),style:o},l)=>{const s=R(null),c=R(null),[u,d]=A(!1),[h,m]=A(e);H((()=>{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=Ji(e-o.x,0,o.width),l=a/o.width*100,c.current.style.transform=`translateX(${a}px)`):(i=o.height-Ji(r-o.y,0,o.height),l=i/o.height*100,c.current.style.transform=`translateY(${-i}px)`),m(l),null==t||t(Xi(l))},h=({clientX:e,clientY:a})=>{if(d(!1),!c.current)return;const i="horizontal"===n?Ji(e-o.x,0,o.width)/o.width*100:100*(1-Ji(a-o.y,0,o.height)/o.height);c.current.style.transform="",m(i),null==t||t(Xi(i)),null==r||r(Xi(i))},p=()=>{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(Xi(e)),null==r||r(Xi(e))};return e.addEventListener("pointercancel",p),e.addEventListener("pointermove",l),e.addEventListener("pointerup",h),()=>{e.removeEventListener("pointercancel",p),e.removeEventListener("pointermove",l),e.removeEventListener("pointerup",h)}}),[u,n,t]);const p=$((({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=Ji(e-o.x,0,o.width);l=t/o.width*100,c.current.style.transform=`translateX(${t}px)`}else{const e=o.height-Ji(r-o.y,0,o.height);l=e/o.height*100,c.current.style.transform=`translateY(${-e}px)`}m(l),null==t||t(Xi(l))}),[n,a]),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 z.createElement("div",{ref:ce(l,s),tabIndex:0,onKeyDown:f,className:Q("x-3deye-slider",n,{disabled:a}),onPointerDown:p,style:o},z.createElement("div",{className:"x-3deye-slider__track"},z.createElement("div",{className:"x-3deye-slider__bar",style:{width:"horizontal"===n?`${u?h:e}%`:void 0,height:"vertical"===n?`${u?h:e}%`:void 0}})),z.createElement("div",{ref:c,className:Q("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"}},z.createElement("div",{className:"x-3deye-slider__label "+(u?"open":"")},i(u?Xi(h):e))))}));Ki.displayName="Slider";const eo=W((({getter:e,setter:t})=>{const[r,n]=A(0),a=R(null),i=Math.floor(100*e());return H((()=>T(e,(e=>{n(Math.floor(100*e))}),{fireImmediately:!0})),[e]),z.createElement("div",{ref:a,style:{paddingLeft:8,paddingRight:8,marginTop:5,marginBottom:10}},z.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},z.createElement("div",null,"CONFIDENCE"),z.createElement("div",{style:{fontSize:"1.1em"}},i,"%")),z.createElement("div",{style:{padding:"0 10px"}},z.createElement(Ki,{value:r,labelFormat:e=>`${e}%`,onChangeComplete:e=>{t(e/100)}})))}));eo.displayName="ProbabilitySlider";var to,ro=(to=8,{container:e=>({...e,padding:to}),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*to}px)`,marginTop:to?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 no=W((({data:e,children:t,onClick:r,onAuxClick:n,menuComponent:a})=>{const i=R(null),o=R(null);return z.createElement("div",{ref:i,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),onContextMenu:e=>{var t;e.preventDefault(),i.current&&(null===(t=o.current)||void 0===t||t.toggleAt(i.current,{top:e.clientY,left:e.clientX}))},draggable:!0},t,a&&z.createElement(a,{ref:o,data:e}))}));no.displayName="EventListItem";const ao=ji({viewBox:"0 0 24 24",svg:z.createElement(z.Fragment,null,z.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),z.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"}))});ao.displayName="ThermostatIcon";const io=W((({data:e})=>{if("Temperature"!==e.type)return null;let t=Number(e.raw.data);return t=5*(t-32)/9+273.15,z.createElement("div",{className:"event-list-item__temperature"},z.createElement(ao,null),(t-273.15).toFixed(1),"°C / ",(9*t/5-459.67).toFixed(1),"°F")}));io.displayName="Temperature";const oo=W((({data:e,cameraNameHidden:t})=>{var r;const i=V(Ci),{cameras:o}=i,l=o.loaded&&(null===(r=o.camerasById.get(e.cameraId))||void 0===r?void 0:r.name)||"...";return z.createElement("div",{className:"event-list-item-caption"},z.createElement("div",{className:"event-list-item__time"},function(e,t){let r="",i="";return n(e,new Date)?a(e,new Date)?r=i="HH:mm":a(e,t)?(r="EEE d MMM HH:mm",i="HH:mm"):r=i="EEE d MMM HH:mm":n(e,t)?(r="yyyy d MMM HH:mm",i="d MMM HH:mm"):r=i="yyyy d MMM HH:mm",(e.getSeconds()||t.getSeconds())&&(r+=":ss",i+=":ss"),+e==+t?`${Pe(e,r)}`:`${Pe(e,r)} - ${Pe(t,i)}`}(e.startTime,e.endTime)),t?null:z.createElement("div",{className:"event-list-item__camera-name",title:l},l),+e.endTime-+e.startTime>0&&z.createElement("div",{className:"event-list-item__duration"},function(e,t=!0){if((e=Math.round(e/1e3))<60)return`${e}s`;const r=e%60,n=t?`${r}`:`${r}`.padStart(2,"0");let a=(e-r)/60;if(a<60)return!r&&t?`${a}m`:`${a}m ${n}s`;const i=Math.floor(a/60);if(a-=60*i,!r&&!a&&t)return`${i}h`;const o=t?`${a}`:`${a}`.padStart(2,"0");return!r&&a&&t?`${i}h ${o}m`:`${i}h ${o}m ${n}s`}(+e.endTime-+e.startTime)),z.createElement(io,{data:e}))}));oo.displayName="EventListItemCaption";const lo=W((({data:{data:e,objectIdx:t},width:r,height:n,cameraNameHidden:a,onClick:i,onAuxClick:o,menuComponent:l})=>{let s=null,c=1,u=1,d=0,h=0,m=1,p=1;const{ThumbnailSize:f}=JSON.parse(e.raw.data);f&&(c=f.Width,u=f.Height),s=e.detectedObjects[t];const{Box:{Bottom:b,Left:g,Right:v,Top:y}}=s;d=y*u,h=g*c,p=(b-y)*u,m=(v-g)*c;let E=1,w=0,x=0,C="Person"===(null==s?void 0:s.Type)?.8:1;return r/n>m/p?(E=n/p*C,w=-d*E+(n-p*E)/2,x=-(h+m/2)*E+r/2):(E=r/m*C,w=-(d+p/2)*E+n/2,x=-h*E),z.createElement(no,{onClick:i,onAuxClick:o,data:e,width:r,height:n,cameraNameHidden:a,menuComponent:l},z.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},z.createElement("img",{key:e.thumbnailUrl,src:e.thumbnailUrl,style:{position:"absolute",top:w,left:x,width:c*E,height:u*E}}),z.createElement(Y,{radius:r}),z.createElement(oo,{data:e,cameraNameHidden:!0})))}));lo.displayName="DetectedObjectCell";const so=({size:e=48})=>z.createElement("svg",{width:e,height:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},z.createElement("rect",{x:"0",y:"0",width:"100",height:"100",fill:"none",className:"bk"}),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.08333333333333333s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.16666666666666666s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.25s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.3333333333333333s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.4166666666666667s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.5833333333333334s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.6666666666666666s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.75s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.8333333333333334s",repeatCount:"indefinite"})),z.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)"},z.createElement("animate",{attributeName:"opacity",from:"1",to:"0",dur:"1s",begin:"0.9166666666666666s",repeatCount:"indefinite"})));so.displayName="Preloader";var co=jr;function uo(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(uo.Cache||co),r}uo.Cache=co;const ho=De(uo)((()=>{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 mo(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 po=({className:e,style:t,box:{Top:r,Left:n,Right:a,Bottom:i}})=>z.createElement(z.Fragment,null,z.createElement("div",{className:e,style:{position:"absolute",top:100*r+"%",left:100*n+"%",bottom:100*(1-i)+"%",right:100*(1-a)+"%",...t}}));function fo({style:e}){return z.createElement("div",{className:"frame",style:e},z.createElement("div",{className:"corner-highlight-tl"}),z.createElement("div",{className:"corner-highlight-tr"}),z.createElement("div",{className:"corner-highlight-br"}),z.createElement("div",{className:"corner-highlight-bl"}))}function bo({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 go(e,t){return{Top:e.Top+t[1],Left:e.Left+t[0],Bottom:e.Bottom+t[1],Right:e.Right+t[0]}}po.displayName="LicensePlateLpr";const vo=({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},p=R(null);return U((()=>{if(!p.current)return;const{width:e,height:r}=p.current.getBoundingClientRect(),n=bo(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=mo(go({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);p.current.style.top=`${a.Top+2*Math.sign(n[1])}px`,p.current.style.left=`${a.Left+2*Math.sign(n[0])}px`})),c>=1-u?m.left=2:m.right=2,z.createElement(z.Fragment,null,z.createElement("div",{ref:p,className:"event-list-item__detected-object-label trigger",title:`${e} ${Math.floor(100*r)}%`},z.createElement("div",{style:{padding:4,display:"flex",alignItems:"center",maxWidth:120,whiteSpace:"break-spaces"}},e),z.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{color:"black",backgroundColor:"orange"}},Math.floor(100*r),"%")),z.createElement(po,{className:"trigger",box:t,style:{outline:"1px solid orange"}}),z.createElement("div",{className:"event-list-item-face preview",style:{overflow:"hidden",width:a*(u-c)*h,height:i*(d-s)*h,...m}},z.createElement("img",{style:{width:a*h,height:i*h,transform:`translate(-${100*c}%, -${100*s}%)`},src:n}),z.createElement(fo,null)))};vo.displayName="FaceHighlight";const yo=z.memo((({value:e})=>e?z.createElement(z.Fragment,null,e.split("").map(((e,t)=>{const r=e.charCodeAt(0);return r<48||r>57?z.createElement(z.Fragment,{key:t},e):z.createElement("span",{key:t,className:"digit"},e)}))):null));yo.displayName="LicensePlateNumber";const Eo=({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=R(null);U((()=>{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 p={top:2};s>=1-c?p.left=2:p.right=2;const f=100/a/(c-s);return z.createElement(z.Fragment,null,z.createElement("div",{ref:m,className:"event-list-item__license-plate-label trigger",title:`${o.toLowerCase()} ${Math.floor(100*d)}%`},z.createElement("div",{style:{padding:4}},z.createElement(yo,{value:h})),z.createElement("div",{className:"event-list-item__license-plate-label__caption"},Math.floor(100*d),"%")),z.createElement(po,{className:"event-list-item__license-plate-trigger trigger",box:e.Box}),z.createElement("div",{className:"event-list-item__license-plate preview",style:{overflow:"hidden",width:a*(c-s)*f,height:i*(u-l)*f+16,position:"absolute",...p}},z.createElement("img",{style:{width:a*f,height:i*f,transform:`translate(-${100*s}%, -${100*l}%)`},src:n}),z.createElement("div",{className:"plate-number"},z.createElement(yo,{value:h})),z.createElement(fo,{style:{height:i*(u-l)*f}})))};Eo.displayName="LicensePlateHighlight";const wo=W((({url:e,noPreview:t,width:r})=>z.createElement(z.Fragment,null,e?z.createElement("img",{key:e,style:{position:"absolute",width:"100%",height:"100%",top:0,left:0},src:e}):null,z.createElement(Y,{radius:r}),t?z.createElement("div",{className:"no-preview-overlay"}):null)));function xo({Top:e,Left:t,Bottom:r,Right:n}){return[(t+n)/2,(e+r)/2]}function Co(e,t){const[r,n]=xo(e),[a,i]=xo(t);return[a-r,i-n]}function jo(e,t){return!(e.Left>t.Right||e.Top>t.Bottom||e.Right<t.Left||e.Bottom<t.Top)}function Oo([e,t]){const r=Math.sqrt(e*e+t*t);return 0===r?[0,0]:[e/r,t/r]}wo.displayName="EventThumbnail";const To=W((({data:e,width:t,height:r})=>{const n=R(null),{eventSchema:a}=V(Ci);return U((()=>{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]=xo(a[o]),{width:d,height:h}=l.getBoundingClientRect(),m=bo(s,d,h,t,r);i.push(go({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(jo(r,e)){const t=Co(e,r);n[0]=n[0]+t[0],n[1]=n[1]+t[1],o=!0}if(l!==t&&jo(r,s)){const e=Co(s,r);n[0]=n[0]+e[0],n[1]=n[1]+e[1],o=!0}}[n[0],n[1]]=Oo(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}=mo(i[a],t,r,4);e.style.top=`${o+4}px`,e.style.left=`${l+4}px`}}),[e,t,r]),z.createElement("div",{ref:n},e.map(((e,t)=>{var r;return z.createElement(z.Fragment,{key:t},z.createElement(po,{box:e.Box,style:{outline:`2px solid ${null!==(r=a.colorsByFoundObjectType.get(e.Type))&&void 0!==r?r:""}`}}),z.createElement("div",{className:"event-list-item__detected-object-label",title:`${e.Type.toLowerCase()} ${Math.floor(100*e.Probability)}%`},z.createElement("div",{style:{padding:4,lineHeight:"24px"}},"Car"===e.Type&&"BodyType"in e&&e.BodyType?e.BodyType.toLowerCase():e.Type.toLowerCase()),z.createElement("div",{className:"event-list-item__detected-object-label__caption",style:{backgroundColor:a.colorsByFoundObjectType.get(e.Type)}},Math.floor(100*e.Probability),"%")))})))}));To.displayName="DetectedObjects";const Mo=W((({data:e,width:t,height:r,cameraNameHidden:n,onClick:a,onAuxClick:i,menuComponent:o})=>{const l=V(Ci),{eventSchema:s}=l,[c,u]=function(e){var t;const[r,n]=A(null),a=V(Ci),{cameras:i,thumbnails:o}=a;H((()=>{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){let n,a;const{ThumbnailSize:i}=JSON.parse(e.raw.data);i&&(n=i.Width,a=i.Height),d=e.detectedObjects.filter((({Type:e})=>s.foundObjectTypes.includes(e)&&"LicensePlate"!==e)),h=e.detectedObjects.filter((({Type:e})=>"LicensePlate"===e)).map(((e,i)=>z.createElement(Eo,{key:i,detectedObject:e,width:t,height:r,thumbWidth:n,thumbHeight:a,url:c})))}if(e.faces){const{Width:n,Height:a}=JSON.parse(e.raw.data).ThumbnailSize;m=e.faces.map(((e,i)=>z.createElement(vo,{key:i,face:e,url:c,thumbWidth:n,thumbHeight:a,width:t,height:r})))}return z.createElement(no,{onClick:a,onAuxClick:i,data:e,width:t,height:r,cameraNameHidden:n,menuComponent:o},z.createElement("div",{style:{position:"absolute",top:0,left:0,bottom:0,right:0}},z.createElement(wo,{url:c,noPreview:u,width:t}),z.createElement(To,{data:d,width:t,height:r}),h,m,e.acknowledged?z.createElement("div",{className:"acknowledged-overlay"},"acknowledged"):null,z.createElement(oo,{data:e,cameraNameHidden:n})))}));Mo.displayName="EventItem";const Po=z.createContext({reportError:(e,t)=>{}});class _o extends z.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 z.createElement("div",{style:{flex:1,padding:10,display:"grid",placeItems:"center",alignContent:"center",textAlign:"center",...this.props.style},...r},z.createElement("h1",null,"Oops. Something went wrong"),z.createElement("div",null,"We've been notified about this problem"),z.createElement(Wi,{onClick:()=>this.setState({hasError:!1})},"retry"))}}function Lo({count:e,overscan:t=1,itemSize:r,horizontal:n=!1,spacing:a=0}){const[i,o]=A(),[l,s]=A(0),c=$((e=>{o(e||void 0)}),[]);H((()=>{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]),H((()=>{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(_o,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:Po});const No=W((({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?z.createElement("div",{style:r},z.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},z.createElement("div",{style:{textAlign:"center"}},z.createElement("div",null,"Couldn't fetch more data"),z.createElement(Wi,{onClick:n.loadMore},"Retry")))):(null===(o=n.pageInfo)||void 0===o?void 0:o.haveMore)?z.createElement("div",{style:r},z.createElement("div",{style:{position:"absolute",inset:0,display:"grid",placeItems:"center"}},z.createElement(so,{size:32}))):z.createElement("div",{style:r}):!c&&(null===(l=n.pageInfo)||void 0===l?void 0:l.haveMore)?z.createElement("div",{style:r}):c?z.createElement("div",{style:r},z.createElement(_o,null,i({data:c,width:r.width,height:r.height}))):z.createElement("div",{style:r})})),Io=W((({store:e,scrollWidth:t,onClick:r})=>e.pendingData.length?z.createElement("div",{style:{position:"absolute",top:0,left:0,right:t,pointerEvents:"none",textAlign:"center",padding:8}},z.createElement(Wi,{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)),Do=W((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:a=180,aspectRatio:i=16/9,onEventClick:o,onEventAuxClick:l,eventRenderer:s})=>{const c=R(null),u=()=>{c.current&&(e.setLiveUpdateMode("auto"),c.current.scrollTop=0)};if(H((()=>T((()=>e.loading||!e.data.length),(e=>e&&u()))),[]),e.error&&!e.data.length)return z.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},z.createElement("div",{style:{textAlign:"center"}},z.createElement("div",null,"Couldn't fetch data"),z.createElement(Wi,{onClick:e.reload},"Retry")));if(e.loading)return z.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},z.createElement(so,null));if(!e.data.length)return z.createElement("div",{style:{flex:1,display:"flex",justifyContent:"center",alignItems:"center"}},Me.t("noEventsFound"));const d={store:e,width:t,minColumnWidth:a,aspectRatio:i,captionHeight:n,height:r,onEventClick:o,onEventAuxClick:l,eventRenderer:s,containerRef:c,resetScroll:u};return z.createElement(ko,{...d})}));Do.displayName="EventGrid";const ko=W((({store:e,width:t,height:r,captionHeight:n=0,minColumnWidth:a=180,aspectRatio:i,containerRef:o,onEventClick:l,onEventAuxClick:s,eventRenderer:c=(({data:e,width:t,height:r})=>z.createElement(Mo,{data:e.data,cameraNameHidden:!1,onClick:l,onAuxClick:s,width:t,height:r})),resetScroll:u})=>{var d,h;const m=Math.floor(t/a)||1,p=t/m/i+n,f=m*Math.floor(r/p)>=e.data.length?0:ho(),b=Math.max(1,Math.floor((t-f)/a));let g=Math.ceil(e.data.length/b);const v=(t-f-2*(b-1))/b,y=v/i+n;(null===(d=e.pageInfo)||void 0===d?void 0:d.haveMore)&&g*b===e.data.length&&g++;const{parentRef:E,getItems:w,getTotalSize:x}=Lo({count:g,overscan:5,itemSize:y,spacing:2}),{parentRef:C,getItems:j,getTotalSize:O}=Lo({count:b,overscan:5,itemSize:v,horizontal:!0,spacing:2}),T=w(),M=j();H((()=>{var t;e.error||(null===(t=e.pageInfo)||void 0===t?void 0:t.haveMore)&&(e.loading||T.length&&T.at(-1).idx+1===g&&e.loadMore())}),[e.error,null===(h=e.pageInfo)||void 0===h?void 0:h.haveMore,T]);const P=T.flatMap((({idx:t,size:r,start:n})=>M.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)?z.createElement(No,{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:c}):null}))));return z.createElement("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"}},z.createElement("div",{ref:ce(o,E,C),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")}},z.createElement("div",{style:{position:"relative",height:x(),width:O()}},P)),z.createElement(Io,{store:e,scrollWidth:f,onClick:()=>{e.flushUpdates(),u()}}))})),So=e=>{const{className:t,children:r,...n}=e;return z.createElement("div",{className:Q("x-3deye-button-group",t),...n},r)},Fo=z.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)}`,p=`${m} Z`;return z.createElement("svg",{ref:a,className:"tip",style:n,width:e,height:t,fill:"var(--tip-background, #fff)"},z.createElement("path",{className:"tip-body",d:p}),z.createElement("path",{className:"tip-border",d:m,stroke:"var(--tip-border, transparent)",strokeWidth:1}))})),zo=({opened:e,onOpenChange:t,children:r,target:n,placement:a,className:i,autoDismiss:o=!0,initialFocus:l,withArrow:s=!1})=>{var c,u,d;const h=R(null),{x:m,y:p,refs:f,strategy:b,context:g,middlewareData:v,placement:y,update:E}=J({open:e,onOpenChange:t,middleware:[X(5),K(),ee(),le({element:h})],placement:a,whileElementsMounted:(e,t,r)=>te(e,t,r,{animationFrame:!0})}),{getReferenceProps:w,getFloatingProps:x}=re([ae(g),ie(g,{ancestorScroll:!0,enabled:o})]),C=$((e=>{h.current=e,E()}),[E]),j={top:"bottom",right:"left",bottom:"top",left:"right"}[null!==(c=null==y?void 0:y.split("-")[0])&&void 0!==c?c:"top"]||"top",O=z.createElement("div",{...x({className:Q("x-3deye-popover-container",i),ref:f.setFloating,style:{position:b,top:null!=p?p:0,left:null!=m?m:0}})},s&&z.createElement(Fo,{ref:C,width:24,height:8,placement:j,style:{position:"absolute",left:null===(u=v.arrow)||void 0===u?void 0:u.x,top:null===(d=v.arrow)||void 0===d?void 0:d.y,[j]:-7}}),r);return z.createElement(z.Fragment,null,B(n,w({ref:f.setReference,...n.props})),z.createElement(oe,{id:"x-3deye-floating-ui-root"},o&&e&&z.createElement(se,{context:g,modal:!1,order:["reference","content"],returnFocus:!1,initialFocus:l},O),!o&&e&&O))},Ao=W((({store:e})=>{const[t,r]=A(!1),{cameras:n}=V(Ci),{date:l,setDate:s,cameraId:c}=e,u=c?n.camerasById.get(c):void 0,d=i(new Date,1),h=l&&a(l,new Date),m=l&&a(l,d),p=u?o(new Date,u.archiveDuration):new Date;return z.createElement(So,null,z.createElement(Wi,{className:Q({"button-selected":h}),onClick:()=>s(new Date)},Me.t("today")),c&&!a(new Date,p)?z.createElement(Wi,{className:Q({"button-selected":m}),onClick:()=>s(d)},Me.t("yesterday")):null,l&&z.createElement(zo,{className:"popover-datepicker",target:z.createElement(Wi,{className:"date-button",onClick:()=>r(!t)},Pe(l,"EEE dd MMM")),opened:t,withArrow:!0,onOpenChange:r},z.createElement(ue,{selected:l,onChange:s,dateFormat:"EEE dd MMM",inline:!0,minDate:p,maxDate:new Date}),z.createElement("div",{style:{display:"flex"}},z.createElement(Wi,{style:{flex:1},onClick:()=>r(!1),variant:"filled"},Me.t("button.ok")))))}));Ao.displayName="DateSelector";const Bo=W((()=>{const e=V(Ci),t=R(null),r=R(null),n=R(null),a=R([]),[i,o]=A(0),l=100,s=20,c=20,u=30,d=20,{eventSearch:h}=e.eventSearchPanel,{filteredPeopleCountingData:m}=h,{brushFilter:p}=h,f=p?a.current.filter((e=>e.x0>=+p[0]&&e.x1<=+p[1])).reduce(((e,t)=>e+t.length),0):null;return H((()=>{const e=new Ce((e=>{for(const t of e){const e=t.contentRect.width;o(e)}}));return e.observe(t.current),()=>e.disconnect()}),[]),H((()=>{const e=pe(r.current);if(!i)return;m.forEach((e=>e.timestamp=new Date(e.TimeStamp)));const t=de(m,(e=>e.timestamp)),o=ge(ve.offset(t[0],-1),ve.offset(t[1],1)),p=we().extent([[d,s],[i-c,l-u]]).on("end",(function({selection:e,sourceEvent:t}){if(!t)return;if(!e)return void h.setBrushFilter(null);const r=ye.every((+a.current[0].x1-+a.current[0].x0)/6e4||30);let[n,i]=e.map((e=>r.round(f.invert(e))));if(+n==+i&&(n=r.floor(f.invert(e[0])),i=r.ceil(f.invert(e[1])),+n==+i))return pe(this).transition().call(p.move,null),void h.setBrushFilter(null);h.setBrushFilter([n,i]),pe(this).transition().call(p.move,i>n?[n,i].map(f):null)}));n.current=p;const f=fe().domain(de(o)).nice().range([d,i-c]);a.current=m.length?he().value((e=>e.timestamp)).domain(f.domain()).thresholds(f.ticks(24))(m):[];const b=be().domain([0,me(a.current,(e=>e.length))]).nice().range([l-u,s]),g=e.select(".bars").selectAll(".bar").data(a.current);g.exit().remove();const v=g.enter().append("g").attr("class","bar");if(v.append("rect").attr("x",(e=>f(e.x0)+1)).attr("width",(e=>Math.max(0,f(e.x1)-f(e.x0)-1))).attr("y",(e=>b(e.length))).attr("height",(e=>b(0)-b(e.length))),g.select("rect").attr("x",(e=>f(e.x0)+1)).attr("width",(e=>Math.max(0,f(e.x1)-f(e.x0)-1))).attr("y",(e=>b(e.length))).attr("height",(e=>b(0)-b(e.length))),v.append("text").attr("dy",".75em").attr("y",(e=>b(e.length)-10)).attr("x",(e=>f(e.x0)+1+Math.max(0,f(e.x1)-f(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=>b(e.length)-10)).attr("x",(e=>f(e.x0)+1+Math.max(0,f(e.x1)-f(e.x0)-1)/2)).attr("text-anchor","middle").text((e=>e.length?e.length:"")),m.length){const[t,r]=f.domain(),[n,a]=f.range(),i=(a-n)/(+r-+t)*3600*1e3,o=30,l=Ee(f).ticks(ve.every(1)).tickFormat((e=>i>=o?xe("%H:%M")(e):e.getHours()%(Math.floor(o/i)+1)?"":xe("%H:%M")(e)));l.scale(f),e.select(".x-axis").attr("transform","translate(0,70)").call(l),e.select(".brush").call(p),h.brushFilter&&e.select(".brush").call(p.move,h.brushFilter.map(f))}else e.select(".x-axis").html(""),e.select(".brush").call(p),e.select(".brush").html("").call(p.move,null)}),[i,m]),H((()=>{n.current&&(h.brushFilter||pe(r.current).select(".brush").call(n.current.move,null))}),[h.brushFilter]),z.createElement("div",{ref:t},z.createElement("div",{style:{paddingLeft:10,paddingRight:10,display:"flex"}},Me.t("peopleCounting"),z.createElement("div",{style:{marginLeft:"auto"}},null===f?null:z.createElement(Ui,{label:Me.t("selected")},z.createElement("span",null,f)),null===f?null:"/",z.createElement(Ui,{label:Me.t("total")},z.createElement("span",null,m.length)))),z.createElement("svg",{className:"people-histogram",ref:r,width:i,height:l,viewBox:`0 0 ${i} 100`},z.createElement("g",{className:"bars"}),z.createElement("g",{className:"x-axis"}),z.createElement("g",{className:"brush"})))}));Bo.displayName="PeopleHistogram";const Ro=e=>{const{children:t,innerProps:r,...n}=e,{Option:a}=G,{data:i}=e,o={...r,style:{display:"flex",alignItems:"center",width:"auto"}};return z.createElement(a,{innerProps:o,...n},z.createElement(zi,{data:i}),z.createElement("div",{style:{marginLeft:4}},t))},Ho=W((({store:e,onEventClick:t})=>{if(!e)return null;const{filters:r,setFilters:n}=e,{foundObjectTypesForSelect:a}=e.eventSchema,{ref:i,width:o,height:l}=q();return z.createElement(z.Fragment,null,z.createElement(Ao,{store:e}),z.createElement("div",{style:{zIndex:2}},z.createElement(Z,{closeMenuOnSelect:!1,isMulti:!0,onChange:n,getOptionLabel:e=>e.name,getOptionValue:e=>e.id,options:a,placeholder:Me.t("selectObjectType"),value:r,components:{MultiValueLabel:Ai,Option:Ro},styles:{...ro,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}})),z.createElement(eo,{getter:e.getProbabilityThreshold,setter:e.setProbabilityThreshold}),z.createElement(Yi,{value:e.colors,toggle:e.toggleColor,clear:e.clearColors}),e.analyticsEnabled?z.createElement(Bo,null):null,z.createElement("div",{ref:i,style:{flex:1,overflow:"hidden"}},z.createElement(Do,{width:o,height:l,minColumnWidth:120,aspectRatio:1,store:e.eventsLoader,eventRenderer:({data:e,width:r,height:n})=>z.createElement(lo,{data:e,cameraNameHidden:!0,onClick:t,width:r,height:n})})))}));Ho.displayName="EventSearch";const $o=e=>{var t;const r=null!==(t=V(S))&&void 0!==t?t:F;return z.createElement(Ci.Provider,{value:r},z.createElement(Ho,{...e}))};var Vo;$o.displayName="EventSearch",(Vo={resources:{en:{translation:je}}})&&Object.assign(Te,Vo),Me.isInitialized?(Te.resources?Object.keys(Te.resources).forEach((e=>{Me.addResourceBundle(e,"translation",Te.resources[e].translation,!0)})):console.warn("i18n is already initialized"),s(Me.t)):c(Me.init(Te));const Uo=(e=F)=>{const t=new xi(e.eventSchema,e.events,e.notification);return t.initWith(e.api),t};export{Uo as createEventSearchStore,$o as default};

package/dist/tsdoc-metadata.json

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

package/package.json

@@ -1,27 +1,26 @@
 {
   "name": "@3deye-toolkit/react-event-search",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "module": "dist/react-event-search.js",
   "files": [
     "dist"
   ],
   "types": "dist/react-event-search.d.ts",
   "dependencies": {
-    "@3deye-toolkit/core": "0.0.1",
-    "@floating-ui/react": "^0.14.0",
+    "@3deye-toolkit/core": "0.0.2",
+    "@floating-ui/react": "^0.24.0",
     "@mantine/hooks": "^5.5.6",
-    "@sentry/browser": "^5.15.5",
     "@seznam/compose-react-refs": "^1.0.6",
-    "clsx": "^1.1.1",
-    "d3-array": "^3.1.1",
+    "clsx": "^1.2.1",
+    "d3-array": "^3.2.3",
     "d3-axis": "^3.0.0",
     "d3-brush": "^3.0.0",
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
-    "d3-time": "^3.0.0",
+    "d3-time": "^3.1.0",
     "d3-time-format": "^4.1.0",
     "date-fns": "^2.28.0",
-    "earcut": "^2.2.3",
+    "earcut": "^2.2.4",
     "i18next": "21.6.11",
     "lodash": "4.17.21",
     "mobx": "^6.3.13",
@@ -44,4 +43,4 @@
     "*.css"
   ],
   "license": "mit"
-}
+}