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

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

@@ -0,0 +1,100 @@
+import { PropType, StyleValue } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    frames: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    events: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    preloadedFrames: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    frameIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ticks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"lg" | "md" | "sm">;
+        default: string;
+    };
+}, {}, {
+    hovered: boolean;
+    progressBar: HTMLDivElement | null;
+    isDraggingCursor: boolean;
+    mousePosition: {
+        x: number;
+        y: number;
+    };
+    updateRefTimeout: null;
+}, {
+    hoveredFrameData(): any;
+    mouseToWidthRatio(): number;
+    tooltipPosition(): StyleValue;
+    hoverBarStyle(): {
+        width: string;
+    };
+    progressStyle(): {
+        width: string;
+    };
+    hoveredFrameIndex(): number;
+    preloadedChunks(): [
+        number,
+        number
+    ][];
+}, {
+    getMousePosition(e: MouseEvent): {
+        x: number;
+        y: number;
+    };
+    onMouseEnter(): void;
+    onMouseMove(e: MouseEvent): void;
+    onMouseLeave(): void;
+    onCursorMouseDown(): void;
+    onCursorMouseUp(): void;
+    onProgressBarClick(): void;
+    updateRefs(): void;
+    getChunkStyle(start: number, end: number): {
+        left: string;
+        width: string;
+    };
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    frames: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    events: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    preloadedFrames: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    frameIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ticks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"lg" | "md" | "sm">;
+        default: string;
+    };
+}>>, {
+    size: "lg" | "md" | "sm";
+    events: unknown[];
+    frames: unknown[];
+    frameIndex: number;
+    preloadedFrames: unknown[];
+    ticks: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,68 @@
+import { PropType, StyleValue } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    targetTimestamp: {
+        type: PropType<String | Date | undefined>;
+        default: undefined;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thumbnailsUrls: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedFrame: {
+        type: StringConstructor;
+        default: string;
+    };
+    timezone: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {
+    thumbnailWidth: number;
+    thumbnailHeight: number;
+    numberOfThumbnails: number;
+    placeholderUrl: string;
+}, {
+    targetThumbnailIndex(): number;
+    thumbnailStyle(): StyleValue;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    targetTimestamp: {
+        type: PropType<String | Date | undefined>;
+        default: undefined;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thumbnailsUrls: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    selectedFrame: {
+        type: StringConstructor;
+        default: string;
+    };
+    timezone: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    aspectRatio: number;
+    height: number;
+    timezone: string;
+    targetTimestamp: String | Date | undefined;
+    thumbnailsUrls: string[];
+    selectedFrame: string;
+}>;
+export default _default;

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

@@ -0,0 +1,64 @@
+declare const _default: import("vue").DefineComponent<{
+    ignorePointerEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    top: number;
+    left: number;
+    isPanning: boolean;
+    panStart: {
+        x: number;
+        y: number;
+    };
+    isPinching: boolean;
+    previousPinchDistance: number;
+    pinchDistance: number;
+    pointers: {};
+    transform: string;
+}, {
+    contentStyle(): {
+        transform: string;
+    };
+    isZoomed(): boolean;
+}, {
+    updateZoomScale(): void;
+    handleZoom(e: any): void;
+    handleMouseDown(e: any): void;
+    handleMouseUp(): void;
+    handleMouseLeave(): void;
+    handleMouseMove(e: any): void;
+    applyBoundsCorrection(): void;
+    updateTransform(): void;
+    getPointersDistance(a: any, b: any): number;
+    getPointersMidPoint(a: any, b: any): {
+        x: any;
+        y: any;
+    };
+    updatePointerEvent(e: any): void;
+    clearPointerEvent(e: any): void;
+    updatePinchDistance(): void;
+    handlePointerDown(e: any): void;
+    handlePointerMove(e: any): void;
+    handlePointerUp(e: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    ignorePointerEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    ignorePointerEvents: boolean;
+    withOverlay: boolean;
+}>;
+export default _default;

package/dist/src/index.d.ts

@@ -7,6 +7,8 @@ import ECol from './components/ECol.vue';
 import EVideoPlayer from './components/EVideoPlayer.vue';
 import ETimeline from './components/ETimeline.vue';
 import EVideoEmbed from './components/EVideoEmbed.vue';
+import EToggleSwitch from './components/EToggleSwitch.vue';
+import EZoomable from './components/EZoomable.vue';
 import { VueConstructor } from "vue";
 export declare const components: {
     EAvatar: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {
@@ -118,7 +120,115 @@ export declare const components: {
         xs: string | number | boolean;
         xl: string | number | boolean;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
-    EVideoPlayer: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {
+    EVideoPlayer: import("vue").DefineComponent<{
+        targetTimestamp: {
+            type: (StringConstructor | DateConstructor)[];
+            default: undefined;
+        };
+        sources: {
+            type: import("vue").PropType<string | import('./components/EVideoPlayer.vue').VideoSource[]>;
+            required: true;
+        };
+        videoListeners: {
+            type: import("vue").PropType<Partial<HTMLVideoElement>>;
+            default: () => {};
+        };
+        videoOptions: {
+            type: import("vue").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: import("vue").PropType<{
+                start: string;
+                end: string;
+            }>;
+            default: () => {};
+        };
+        selectedResolution: {
+            type: import("vue").PropType<import('./components/EVideoPlayer.vue').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: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+        timezone: {
+            type: StringConstructor;
+            default: string;
+        };
+        playPauseAnimation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disablePlayPauseAnimation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isWebRtc: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, {
         playing: boolean;
         percentagePlayed: number;
         videoLength: string;
@@ -133,9 +243,16 @@ export declare const components: {
         isLoading: boolean;
         isError: boolean;
         player: import("hls.js").default;
+        playbackRetries: number;
+    }, {
+        sourceItems(): import('./components/EVideoPlayer.vue').VideoSource[];
+        hasStartedOrFinished(): boolean;
+        withControls(): "" | "hide";
     }, {
         initHls(): void;
+        onContainerClick(): void;
         handle404Error(): void;
+        handleHlsError(_: import("hls.js").Events.ERROR, data: import("hls.js").ErrorData): void;
         bindEvents(): void;
         unbindEvents(): void;
         bindVideoEvent(which: string): void;
@@ -148,9 +265,9 @@ export declare const components: {
         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;
@@ -163,18 +280,144 @@ export declare const components: {
         skip(duration?: number): void;
         toggleScrubbing(e: MouseEvent): Promise<void>;
         handleKeyDown(e: KeyboardEvent): void;
-    }, {
-        sourceItems: import('./components/EVideoPlayer.vue').VideoSource[];
-        hasStartedOrFinished: boolean;
-        withControls: "" | "hide";
-    }, {
-        sources: string | import('./components/EVideoPlayer.vue').VideoSource[];
-        videoListeners: {};
-        videoOptions: {};
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        targetTimestamp: {
+            type: (StringConstructor | DateConstructor)[];
+            default: undefined;
+        };
+        sources: {
+            type: import("vue").PropType<string | import('./components/EVideoPlayer.vue').VideoSource[]>;
+            required: true;
+        };
+        videoListeners: {
+            type: import("vue").PropType<Partial<HTMLVideoElement>>;
+            default: () => {};
+        };
+        videoOptions: {
+            type: import("vue").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: import("vue").PropType<{
+                start: string;
+                end: string;
+            }>;
+            default: () => {};
+        };
+        selectedResolution: {
+            type: import("vue").PropType<import('./components/EVideoPlayer.vue').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: import("vue").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: import('./components/EVideoPlayer.vue').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;
+        isWebRtc: boolean;
+    }>;
     ETimeline: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {
         tooltip: HTMLElement;
         cursor: HTMLElement;
@@ -528,14 +771,118 @@ export declare const components: {
         iframeListeners: Partial<HTMLIFrameElement>;
         iframeOptions: Record<string, any>;
     }>;
-    EHeatmapBar: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
-    EHoursHeatmap: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EToggleSwitch: import("vue").DefineComponent<{
+        options: {
+            type: import("vue").PropType<import('./components/EToggleSwitch.vue').EToggleSwitchOptions[]>;
+            required: true;
+        };
+        color: {
+            type: import("vue").PropType<"primary" | "brand" | "gray">;
+            default: string;
+        };
+        size: {
+            type: import("vue").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: import("vue").PropType<import('./components/EToggleSwitch.vue').EToggleSwitchOptions[]>;
+            required: true;
+        };
+        color: {
+            type: import("vue").PropType<"primary" | "brand" | "gray">;
+            default: string;
+        };
+        size: {
+            type: import("vue").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;
+    }>;
+    EZoomable: import("vue").DefineComponent<{
+        ignorePointerEvents: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withOverlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, {
+        scale: number;
+        minScale: number;
+        maxScale: number;
+        top: number;
+        left: number;
+        isPanning: boolean;
+        panStart: {
+            x: number;
+            y: number;
+        };
+        isPinching: boolean;
+        previousPinchDistance: number;
+        pinchDistance: number;
+        pointers: {};
+        transform: string;
+    }, {
+        contentStyle(): {
+            transform: string;
+        };
+        isZoomed(): boolean;
+    }, {
+        updateZoomScale(): void;
+        handleZoom(e: any): void;
+        handleMouseDown(e: any): void;
+        handleMouseUp(): void;
+        handleMouseLeave(): void;
+        handleMouseMove(e: any): void;
+        applyBoundsCorrection(): void;
+        updateTransform(): void;
+        getPointersDistance(a: any, b: any): number;
+        getPointersMidPoint(a: any, b: any): {
+            x: any;
+            y: any;
+        };
+        updatePointerEvent(e: any): void;
+        clearPointerEvent(e: any): void;
+        updatePinchDistance(): void;
+        handlePointerDown(e: any): void;
+        handlePointerMove(e: any): void;
+        handlePointerUp(e: any): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        ignorePointerEvents: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withOverlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        ignorePointerEvents: boolean;
+        withOverlay: boolean;
+    }>;
 };
 declare const _default: {
     install(Vue: VueConstructor): void;
 };
 export default _default;
-export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, };
+export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EToggleSwitch, EZoomable, };
 export * from './constants';
 export * from './types';
 export * from './utils';

package/dist/src/types.d.ts

@@ -25,6 +25,13 @@ export declare enum BaseColor {
     brand = "brand",
     default = "default"
 }
+export declare enum ImageQuality {
+    _360 = "360",
+    _480 = "480",
+    _720 = "720",
+    _1080 = "1080",
+    auto = "auto"
+}
 export type TBadgeSize = (typeof BadgeSizes)[number];
 export type TAvatarSize = (typeof AvatarSizes)[number];
 export type TIconSize = (typeof IconSizes)[number];
@@ -120,14 +127,5 @@ export type TimelineMarker = {
     maxDate?: string;
     [key: string]: any;
 };
-export type HeatmapBarItem = {
-    name: string;
-    count: string;
-    value: string | number;
-};
-export type HoursHeatmapChartItem = {
-    count: number;
-    timestamp: Timestamp;
-};
 declare const _default: {};
 export default _default;