@evercam/ui 0.0.55-beta.1 → 0.0.55-beta.11

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

@@ -60,6 +60,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     initialMarkerDragMouseOffset: number;
     selectedMilestoneId: any;
     isInitialized: boolean;
+    lastValidTransform: d3.ZoomTransform;
 }, {
     updateTimeline(): void;
     initTimeline(startDate?: string, endDate?: string): void;
@@ -103,6 +104,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     handleBarMouseOut(): void;
     handleLabelMouseOver(groupType: string): void;
     handleLabelMouseLeave(groupType: string): void;
+    isZoomAllowed(event: D3ZoomEvent<SVGSVGElement, any>): boolean;
     handleZoom(event: D3ZoomEvent<SVGSVGElement, any>): void;
     panToTimestamp(targetTimestamp: string | Date): void;
     emitCurtainChange(): void;
@@ -125,7 +127,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     getEventRectWidth(d: TimelineEvent): number;
     getEventText(e: TimelineEvent): string;
     getElementLeftPosition(element: HTMLElement): number;
-    isTimestampAllowedForMarker(timestamp: any, marker: TimelineMarker): boolean;
+    isTimestampAllowedForMarker(timestamp: Date | number, marker: TimelineMarker): boolean;
     handleMarkerDrag({ marker, markerElement, dragEvent, }: {
         marker: TimelineMarker;
         markerElement: d3.Selection<any, TimelineMarker, any, any>;
@@ -152,12 +154,14 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         color: string;
         type: string;
     }): void;
-    drawSingleBarEventsGroup({ type, eventsGroup, index, milestone, height, }: {
+    drawSingleBarEventsGroup({ type, eventsGroup, index, milestone, height, dots, dotsSize, }: {
         type: string;
         eventsGroup: TimelineEventsGroup;
         index?: number | undefined;
         milestone?: boolean | undefined;
         height?: number | undefined;
+        dots?: boolean | undefined;
+        dotsSize?: number | undefined;
     }): void;
     drawBarEventsGroups(): void;
     drawMilestonesPlaceholder(): void;
@@ -181,12 +185,14 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         color: string;
         height?: number | undefined;
     }): void;
-    drawBars({ events, gElement, yPosition, color, type, }: {
+    drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, }: {
         events: TimelineEvent[];
         gElement: d3.Selection<SVGGElement, any, any, any>;
         yPosition: number;
         color: string;
         type: string;
+        dots?: boolean | undefined;
+        dotsSize?: number | undefined;
     }): void;
     drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
         events: TimelineEvent[];
@@ -236,8 +242,15 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         count: number;
     })[];
     fillEvents(events: TimelineEvent[]): TimelineEvent[];
-    onMilestoneClick(milestone: TimelineEvent, milestoneType: string): void;
+    onMilestoneClick(milestone: TimelineEvent, milestoneType: any): void;
+    getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
 }, {
+    combinedBarsHeight: number;
+    combinedMilestonesHeight: number;
+    milestonesYOffset: number;
+    chartsYOffset: number;
+    barsYOffset: number;
+    hasMilestones: boolean;
     barChartHeight: number;
     classes: Record<string, string | Record<string, boolean>>;
     lineGraphGroups: TimelineEventsByType;
@@ -283,6 +296,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     maxZoom: number;
     minDate: string;
     maxDate: string;
+    minVisibleDate: string;
+    maxVisibleDate: string;
     cursorTimestamp: string | undefined;
     selectedClass: string | undefined;
     panOnDateClick: boolean;
@@ -295,5 +310,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     fitMarkersTransitionDuration: number;
     zoomToBoundariesTransitionDuration: number;
     milestoneBulletSize: number;
+    milestonesFirst: boolean;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -2,34 +2,54 @@ import Vue from "vue";
 import { TimelineMilestoneEvent } from '../types';
 export declare const milestoneClasses: {
     milestone: string;
+    milestoneBullet: string;
+    milestoneDot: string;
     milestoneContent: string;
     milestoneLine: string;
     milestonesContainer: string;
     milestoneHovered: string;
     milestoneSelected: string;
     milestoneLabel: string;
+    milestoneDotContainer: string;
+    milestoneDotLine: string;
+    milestoneDotDot: string;
+    milestoneDotHovered: string;
 };
 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>>, {
     milestoneClasses: {
         milestone: string;
+        milestoneBullet: string;
+        milestoneDot: string;
         milestoneContent: string;
         milestoneLine: string;
         milestonesContainer: string;
         milestoneHovered: string;
         milestoneSelected: string;
         milestoneLabel: string;
+        milestoneDotContainer: string;
+        milestoneDotLine: string;
+        milestoneDotDot: string;
+        milestoneDotHovered: string;
     };
     timeouts: number[];
     isInitialRender: boolean;
+    isMouseOver: boolean;
 }, {
-    onMilestoneMouseOver(e: MouseEvent, _milestone: TimelineMilestoneEvent): void;
-    onMilestoneMouseLeave(e: MouseEvent, _milestone: TimelineMilestoneEvent): void;
+    onMilestoneMouseOver(e?: MouseEvent): void;
+    onMilestoneMouseMove(): void;
+    onMilestoneMouseLeave(e?: MouseEvent): void;
     onMilestoneClick(_e: MouseEvent, milestone: TimelineMilestoneEvent): void;
 }, {
     transitionStyles: Record<string, any>;
+    sizeStyles: Record<string, any>;
+    positionStyles: Record<string, any>;
     styles: Record<string, any>;
     contentStyles: Record<string, any>;
+    computedTransitionDuration: number;
     labelStyles: Record<string, any>;
+    dotContainerStyles: Record<string, any>;
+    lineStyles: Record<string, any>;
+    dotStyles: Record<string, any>;
 }, {
     milestone: TimelineMilestoneEvent;
     size: number;
@@ -37,5 +57,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     backgroundColor: string;
     borderWidth: number;
     transitionDuration: number;
+    dot: boolean;
+    dotSize: number;
+    lineWidth: number;
+    lineHeight: number;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -0,0 +1,49 @@
+import { PropType } from "vue";
+export interface EToggleSwitchOptions {
+    title: string;
+    value: any;
+}
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<EToggleSwitchOptions[]>;
+        required: true;
+    };
+    color: {
+        type: PropType<"primary" | "brand" | "gray">;
+        default: string;
+    };
+    size: {
+        type: PropType<"lg" | "md" | "sm">;
+        default: string;
+    };
+    defaultValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: null;
+    };
+}, {}, {
+    value: any;
+}, {}, {
+    handleClick(value: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<EToggleSwitchOptions[]>;
+        required: true;
+    };
+    color: {
+        type: PropType<"primary" | "brand" | "gray">;
+        default: string;
+    };
+    size: {
+        type: PropType<"lg" | "md" | "sm">;
+        default: string;
+    };
+    defaultValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: null;
+    };
+}>>, {
+    color: "primary" | "brand" | "gray";
+    size: "lg" | "md" | "sm";
+    defaultValue: string | number | boolean;
+}>;
+export default _default;

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

@@ -1,11 +1,122 @@
-import Hls from "hls.js";
-import Vue from "vue";
+import Hls, { ErrorData, Events } from "hls.js";
+import { PropType } from "vue";
 export type VideoSource = {
     type: string;
     src: string;
 };
 export declare const VIDEO_PLAYER_EVENTS: string[];
-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>>, {
+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;
+    };
+}, {}, {
     playing: boolean;
     percentagePlayed: number;
     videoLength: string;
@@ -20,9 +131,16 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     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;
@@ -35,9 +153,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     handleScrubbingOnMouseEnd(e: MouseEvent): void;
     handleEnded(): void;
     handleLoading(): void;
-    play(): void;
+    play(): Promise<void>;
     pause(): void;
-    togglePlay(): void;
+    togglePlay(): Promise<void>;
     setPlaying(state: boolean): void;
     seekToPercentage(percentage: number): void;
     convertTimeToDuration(seconds: number): string;
@@ -50,16 +168,137 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     skip(duration?: number): void;
     toggleScrubbing(e: MouseEvent): Promise<void>;
     handleKeyDown(e: KeyboardEvent): void;
-}, {
-    sourceItems: VideoSource[];
-    hasStartedOrFinished: boolean;
-    withControls: "" | "hide";
-}, {
-    sources: string | VideoSource[];
-    videoListeners: {};
-    videoOptions: {};
+}, 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;
+    };
+}>>, {
+    timezone: string;
+    isPlaying: boolean;
+    isLive: boolean;
+    targetTimestamp: string | Date;
+    thumbnailsUrls: string[];
+    selectedResolution: EdgeVideoResolution | undefined;
+    isHlsLoading: boolean;
+    videoListeners: Partial<HTMLVideoElement>;
+    videoOptions: Partial<HTMLVideoElement>;
     isHls: boolean;
     streamingToken: string;
     isLiveView: boolean;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    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;
+}>;
 export default _default;

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

@@ -0,0 +1,193 @@
+import { PropType } from "vue";
+import { ImageQuality } from '../types';
+import { EToggleSwitchOptions } from '../components/EToggleSwitch.vue';
+declare const _default: import("vue").DefineComponent<{
+    frames: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    frameIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLastFrame: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timePerFrame: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isPlaying: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    infoText: {
+        type: ObjectConstructor;
+        default: () => {
+            index: string;
+            label: string;
+        };
+    };
+    hasLive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disablePlayButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isRecordingWidget: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initialSnapshotQuality: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: ImageQuality;
+    };
+    showSnapshotQuality: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isVideo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasEdgeVideo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"lg" | "md" | "sm">;
+        default: string;
+    };
+    allowedToChangeSpeed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowedToChangeQuality: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {
+    recordingType: string;
+    allowedSpeeds: number[];
+    selectedSpeed: number;
+    allowedQualities: string[];
+    selectedQuality: string;
+}, {
+    isEdgeVideoEnabled(): boolean;
+    switchOptions(): EToggleSwitchOptions[];
+}, {
+    toggleLive(): void;
+    initPlayerSettings(): void;
+    updateFrameIndex(amount: number): void;
+    updateTimePerFrame(): void;
+    updateQuality(): void;
+    toggleFullscreen(): void;
+    togglePlaying(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    frames: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    frameIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLastFrame: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timePerFrame: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isPlaying: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    infoText: {
+        type: ObjectConstructor;
+        default: () => {
+            index: string;
+            label: string;
+        };
+    };
+    hasLive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disablePlayButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isRecordingWidget: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initialSnapshotQuality: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: ImageQuality;
+    };
+    showSnapshotQuality: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isVideo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasEdgeVideo: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"lg" | "md" | "sm">;
+        default: string;
+    };
+    allowedToChangeSpeed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowedToChangeQuality: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: "lg" | "md" | "sm";
+    isVideo: boolean;
+    frames: unknown[];
+    frameIndex: number;
+    isLastFrame: boolean;
+    timePerFrame: number;
+    isFullscreen: boolean;
+    isPlaying: boolean;
+    infoText: Record<string, any>;
+    hasLive: boolean;
+    isLive: boolean;
+    disablePlayButton: boolean;
+    isRecordingWidget: boolean;
+    initialSnapshotQuality: string | number;
+    showSnapshotQuality: boolean;
+    hasEdgeVideo: boolean;
+    allowedToChangeSpeed: boolean;
+    allowedToChangeQuality: boolean;
+}>;
+export default _default;