@evercam/ui 0.0.55-beta.16 → 0.0.55-beta.18

package/dist/src/components/EHeatmapBar.vue.d.ts

@@ -0,0 +1,3 @@
+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/src/components/EHoursHeatmap.vue.d.ts

@@ -0,0 +1,3 @@
+import Vue from "vue";
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/src/components/ETimeline.vue.d.ts

@@ -1,7 +1,7 @@
 import * as d3 from "d3";
 import { D3ZoomEvent } from "d3";
 import Vue from "vue";
-import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
+import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
     tooltip: HTMLElement;
     cursor: HTMLElement;
@@ -61,6 +61,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     selectedMilestoneId: any;
     isInitialized: boolean;
     lastValidTransform: d3.ZoomTransform;
+    lastPanTransform: d3.ZoomTransform;
+    isZoomingInterval: boolean;
 }, {
     updateTimeline(): void;
     initTimeline(startDate?: string, endDate?: string): void;
@@ -75,7 +77,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     updateYScaleDomain(): void;
     initZoomBehavior(): void;
     zoomToFitMarkers(): void;
-    translateMarkersIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
+    zoomToTargetInterval(start?: string | number, end?: string | number): void;
+    translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
     initSelectedTimestampCursor(): void;
     updateMarkers(): void;
     updateAndRedrawTimeline(): void;
@@ -138,8 +141,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     initCurtains(): void;
     createCurtains(): void;
     updateCurtains(): void;
-    initForbiddenIntervals(): void;
-    updateForbiddenIntervals(): void;
+    updateForbiddenIntervals(reset?: boolean): void;
     drawEventsGroups(): void;
     drawLineGraphEventsGroups(): void;
     drawLineGraph({ events, gElement, color, type, }: {
@@ -154,14 +156,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         color: string;
         type: string;
     }): void;
-    drawSingleBarEventsGroup({ type, eventsGroup, index, milestone, height, dots, dotsSize, }: {
+    drawSingleBarEventsGroup({ type, eventsGroup, milestone, dots, dotsSize, bottom, }: {
         type: string;
         eventsGroup: TimelineEventsGroup;
-        index?: number | undefined;
         milestone?: boolean | undefined;
-        height?: number | undefined;
         dots?: boolean | undefined;
         dotsSize?: number | undefined;
+        bottom?: boolean | undefined;
     }): void;
     drawBarEventsGroups(): void;
     drawMilestonesPlaceholder(): void;
@@ -171,6 +172,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         border: string;
     };
     getMilestoneGroupYPosition(groupName: string): number;
+    getBarGroupYPosition(groupName: string, bottom?: boolean): number;
+    getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
     updateMilestonesPositions(): void;
     drawBarChartEventsGroups(): void;
     drawProgressIndicator({ yPosition, type, isLoading, }: {
@@ -185,7 +188,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         color: string;
         height?: number | undefined;
     }): void;
-    drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, }: {
+    drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
         events: TimelineEvent[];
         gElement: d3.Selection<SVGGElement, any, any, any>;
         yPosition: number;
@@ -193,6 +196,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         type: string;
         dots?: boolean | undefined;
         dotsSize?: number | undefined;
+        height?: number | undefined;
+        barBorderRadius?: number | undefined;
     }): void;
     drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
         events: TimelineEvent[];
@@ -246,6 +251,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
 }, {
     combinedBarsHeight: number;
+    combinedBottomBarsHeight: number;
     combinedMilestonesHeight: number;
     milestonesYOffset: number;
     chartsYOffset: number;
@@ -292,12 +298,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     barYPadding: number;
     barXPadding: number;
     chartMinHeight: number;
+    chartMinLabelHeight: number;
     minZoom: number;
     maxZoom: number;
     minDate: string;
     maxDate: string;
-    minVisibleDate: string;
-    maxVisibleDate: string;
     cursorTimestamp: string | undefined;
     selectedClass: string | undefined;
     panOnDateClick: boolean;
@@ -307,9 +312,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     markers: TimelineMarker[];
     stickyMarkers: boolean;
     fitMarkersOnChange: boolean;
-    fitMarkersTransitionDuration: number;
+    zoomToIntervalTransitionDuration: number;
     zoomToBoundariesTransitionDuration: number;
     milestoneBulletSize: number;
     milestonesFirst: boolean;
+    forbiddenIntervals: TimelineInterval[];
+    forbiddenIntervalColor: string;
+    focusedInterval: TimelineInterval | undefined;
+    locked: boolean;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/src/components/EVideoPlayer.vue.d.ts

@@ -1,126 +1,11 @@
-import Hls, { ErrorData, Events } from "hls.js";
-import { PropType } from "vue";
+import Hls from "hls.js";
+import Vue from "vue";
 export type VideoSource = {
     type: string;
     src: string;
 };
 export declare const VIDEO_PLAYER_EVENTS: string[];
-export declare enum EdgeVideoResolution {
-    _240 = 240,
-    _480 = 480,
-    _640 = 640,
-    _720 = 720,
-    _1080 = 1080
-}
-declare const _default: import("vue").DefineComponent<{
-    targetTimestamp: {
-        type: (StringConstructor | DateConstructor)[];
-        default: undefined;
-    };
-    sources: {
-        type: PropType<string | VideoSource[]>;
-        required: true;
-    };
-    videoListeners: {
-        type: PropType<Partial<HTMLVideoElement>>;
-        default: () => {};
-    };
-    videoOptions: {
-        type: PropType<Partial<HTMLVideoElement>>;
-        default: () => {};
-    };
-    isHls: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    streamingToken: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLiveView: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pauseOnClick: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isHlsLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isPlaying: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    preloadedInterval: {
-        type: PropType<{
-            start: string;
-            end: string;
-        }>;
-        default: () => {};
-    };
-    selectedResolution: {
-        type: PropType<EdgeVideoResolution | undefined>;
-        default: undefined;
-    };
-    isLive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isZoomable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zoomableIgnorePointerEvents: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    blurBackground: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isRecordings: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    progressBarEvents: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    progressBarFrames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    progressBarFrameIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    progressBarPreloadedFrames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    thumbnailsUrls: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    timezone: {
-        type: StringConstructor;
-        default: string;
-    };
-    playPauseAnimation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disablePlayPauseAnimation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isWebRtc: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, {
+declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
     playing: boolean;
     percentagePlayed: number;
     videoLength: string;
@@ -135,16 +20,9 @@ declare const _default: import("vue").DefineComponent<{
     isLoading: boolean;
     isError: boolean;
     player: Hls;
-    playbackRetries: number;
-}, {
-    sourceItems(): VideoSource[];
-    hasStartedOrFinished(): boolean;
-    withControls(): "" | "hide";
 }, {
     initHls(): void;
-    onContainerClick(): void;
     handle404Error(): void;
-    handleHlsError(_: Events.ERROR, data: ErrorData): void;
     bindEvents(): void;
     unbindEvents(): void;
     bindVideoEvent(which: string): void;
@@ -157,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
     handleScrubbingOnMouseEnd(e: MouseEvent): void;
     handleEnded(): void;
     handleLoading(): void;
-    play(): Promise<void>;
+    play(): void;
     pause(): void;
-    togglePlay(): Promise<void>;
+    togglePlay(): void;
     setPlaying(state: boolean): void;
     seekToPercentage(percentage: number): void;
     convertTimeToDuration(seconds: number): string;
@@ -172,142 +50,16 @@ declare const _default: import("vue").DefineComponent<{
     skip(duration?: number): void;
     toggleScrubbing(e: MouseEvent): Promise<void>;
     handleKeyDown(e: KeyboardEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    targetTimestamp: {
-        type: (StringConstructor | DateConstructor)[];
-        default: undefined;
-    };
-    sources: {
-        type: PropType<string | VideoSource[]>;
-        required: true;
-    };
-    videoListeners: {
-        type: PropType<Partial<HTMLVideoElement>>;
-        default: () => {};
-    };
-    videoOptions: {
-        type: PropType<Partial<HTMLVideoElement>>;
-        default: () => {};
-    };
-    isHls: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    streamingToken: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLiveView: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pauseOnClick: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isHlsLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isPlaying: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    preloadedInterval: {
-        type: PropType<{
-            start: string;
-            end: string;
-        }>;
-        default: () => {};
-    };
-    selectedResolution: {
-        type: PropType<EdgeVideoResolution | undefined>;
-        default: undefined;
-    };
-    isLive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isZoomable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zoomableIgnorePointerEvents: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    blurBackground: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isRecordings: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    progressBarEvents: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    progressBarFrames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    progressBarFrameIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    progressBarPreloadedFrames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    thumbnailsUrls: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    timezone: {
-        type: StringConstructor;
-        default: string;
-    };
-    playPauseAnimation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disablePlayPauseAnimation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isWebRtc: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    timezone: string;
-    isPlaying: boolean;
-    isLive: boolean;
-    targetTimestamp: string | Date;
-    thumbnailsUrls: string[];
-    selectedResolution: EdgeVideoResolution | undefined;
-    isHlsLoading: boolean;
-    videoListeners: Partial<HTMLVideoElement>;
-    videoOptions: Partial<HTMLVideoElement>;
+}, {
+    sourceItems: VideoSource[];
+    hasStartedOrFinished: boolean;
+    withControls: "" | "hide";
+}, {
+    sources: string | VideoSource[];
+    videoListeners: {};
+    videoOptions: {};
     isHls: boolean;
     streamingToken: string;
     isLiveView: boolean;
-    pauseOnClick: boolean;
-    preloadedInterval: {
-        start: string;
-        end: string;
-    };
-    isZoomable: boolean;
-    zoomableIgnorePointerEvents: boolean;
-    blurBackground: boolean;
-    isRecordings: boolean;
-    progressBarEvents: unknown[];
-    progressBarFrames: unknown[];
-    progressBarFrameIndex: number;
-    progressBarPreloadedFrames: unknown[];
-    playPauseAnimation: boolean;
-    disablePlayPauseAnimation: boolean;
-    isWebRtc: boolean;
-}>;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;