@evercam/ui 0.0.55-beta.35 → 0.0.55-beta.38

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

@@ -0,0 +1,34 @@
+import Vue from "vue";
+import { Size } from '../types';
+export interface EToggleSwitchOption {
+    title: string;
+    value: any;
+}
+export type CssClassMap = Record<string, boolean>;
+type SizeClasses = {
+    container: CssClassMap;
+    button: CssClassMap;
+    text: CssClassMap;
+};
+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>>, {
+    value: any;
+}, {
+    getButtonClasses(optionValue: any): {
+        "e-bg-inherit": boolean;
+        "e-bg-brand-600": boolean;
+        "e-bg-gray-600": boolean;
+        "e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
+    };
+    handleClick(value: any): void;
+}, {
+    sizeClasses: SizeClasses;
+    containerClasses: CssClassMap;
+    textClasses: CssClassMap;
+    buttonBaseClasses: CssClassMap;
+}, {
+    options: EToggleSwitchOption[];
+    color: string;
+    size: Size;
+    defaultValue: string | number | boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -1,11 +1,84 @@
-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>>, {
+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;
+    };
+    pauseOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isHlsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isPlaying: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isZoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomableIgnorePointerEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timezone: {
+        type: StringConstructor;
+        default: string;
+    };
+    playPauseAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disablePlayPauseAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isWebRtc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withColoredLoader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loaderSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    withOverlayOnBackground: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, {
     playing: boolean;
     percentagePlayed: number;
     videoLength: string;
@@ -20,10 +93,23 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     isLoading: boolean;
     isError: boolean;
     player: Hls;
+    playbackRetries: number;
+    preloadedSeconds: number;
+    preloadedInterval: {
+        start: string;
+        end: string;
+    };
+}, {
+    sourceItems(): VideoSource[];
+    hasStartedOrFinished(): boolean;
+    withControls(): "" | "hide";
 }, {
     initHls(): void;
+    onContainerClick(): void;
     handle404Error(): void;
+    handleHlsError(_: Events.ERROR, data: ErrorData): void;
     bindEvents(): void;
+    onProgress(): void;
     unbindEvents(): void;
     bindVideoEvent(which: string): void;
     initializePlayer(): void;
@@ -35,9 +121,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 +136,96 @@ 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;
+    };
+    pauseOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isHlsLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isPlaying: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isZoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomableIgnorePointerEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timezone: {
+        type: StringConstructor;
+        default: string;
+    };
+    playPauseAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disablePlayPauseAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isWebRtc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withColoredLoader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loaderSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    withOverlayOnBackground: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    timezone: string;
+    isPlaying: boolean;
+    targetTimestamp: string | Date;
+    videoListeners: Partial<HTMLVideoElement>;
+    videoOptions: Partial<HTMLVideoElement>;
     isHls: boolean;
     streamingToken: string;
-    isLiveView: boolean;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    pauseOnClick: boolean;
+    isHlsLoading: boolean;
+    isZoomable: boolean;
+    zoomableIgnorePointerEvents: boolean;
+    playPauseAnimation: boolean;
+    disablePlayPauseAnimation: boolean;
+    isWebRtc: boolean;
+    withColoredLoader: boolean;
+    loaderSize: string;
+    withOverlayOnBackground: boolean;
+}>;
 export default _default;

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

@@ -0,0 +1,73 @@
+declare const _default: import("vue").DefineComponent<{
+    ignorePointerEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        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;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    ignorePointerEvents: boolean;
+    withOverlay: boolean;
+    disabled: boolean;
+}>;
+export default _default;

package/dist/src/constants.d.ts

@@ -5,6 +5,7 @@ export declare const Colors: any;
 export declare const BadgeSizes: readonly [Size.dot, Size.xs, Size.sm, Size.md, Size.lg, Size.xl];
 export declare const AvatarSizes: readonly [Size.xs, Size.sm, Size.md, Size.lg, Size.xl, (typeof Size)["2xl"]];
 export declare const IconSizes: readonly [Size.xs, Size.sm, Size.md, Size.md, Size.lg, Size.xl, (typeof Size)["2xl"], (typeof Size)["3xl"], (typeof Size)["4xl"], (typeof Size)["5xl"], (typeof Size)["6xl"], (typeof Size)["7xl"], (typeof Size)["8xl"], (typeof Size)["9xl"]];
+export declare const ToggleSwitchSizes: readonly [Size.sm, Size.md, Size.md, Size.lg];
 export declare const BadgeColors: readonly [BaseColor.warning, BaseColor.error, BaseColor.info, BaseColor.success, BaseColor.primary, BaseColor.default];
 export declare const EVENTS: string[];
 declare const _default: {};

package/dist/src/index.d.ts

@@ -12,6 +12,8 @@ import EHoursHeatmap from './components/EHoursHeatmap.vue';
 import EReadMore from './components/EReadMore.vue';
 import ETruncatedDiv from './components/ETruncatedDiv.vue';
 import ECompareSeparator from './components/ECompareSeparator.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>>, {
@@ -123,7 +125,80 @@ 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;
+        };
+        pauseOnClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isHlsLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isPlaying: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isZoomable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        zoomableIgnorePointerEvents: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        timezone: {
+            type: StringConstructor;
+            default: string;
+        };
+        playPauseAnimation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disablePlayPauseAnimation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isWebRtc: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withColoredLoader: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loaderSize: {
+            type: StringConstructor;
+            default: string;
+        };
+        withOverlayOnBackground: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, {
         playing: boolean;
         percentagePlayed: number;
         videoLength: string;
@@ -138,10 +213,23 @@ export declare const components: {
         isLoading: boolean;
         isError: boolean;
         player: import("hls.js").default;
+        playbackRetries: number;
+        preloadedSeconds: number;
+        preloadedInterval: {
+            start: string;
+            end: string;
+        };
+    }, {
+        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;
+        onProgress(): void;
         unbindEvents(): void;
         bindVideoEvent(which: string): void;
         initializePlayer(): void;
@@ -153,9 +241,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;
@@ -168,18 +256,98 @@ 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;
+        };
+        pauseOnClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isHlsLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isPlaying: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isZoomable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        zoomableIgnorePointerEvents: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        timezone: {
+            type: StringConstructor;
+            default: string;
+        };
+        playPauseAnimation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disablePlayPauseAnimation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isWebRtc: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withColoredLoader: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loaderSize: {
+            type: StringConstructor;
+            default: string;
+        };
+        withOverlayOnBackground: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        timezone: string;
+        isPlaying: boolean;
+        targetTimestamp: string | Date;
+        videoListeners: Partial<HTMLVideoElement>;
+        videoOptions: Partial<HTMLVideoElement>;
         isHls: boolean;
         streamingToken: string;
-        isLiveView: boolean;
-    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+        pauseOnClick: boolean;
+        isHlsLoading: boolean;
+        isZoomable: boolean;
+        zoomableIgnorePointerEvents: boolean;
+        playPauseAnimation: boolean;
+        disablePlayPauseAnimation: boolean;
+        isWebRtc: boolean;
+        withColoredLoader: boolean;
+        loaderSize: string;
+        withOverlayOnBackground: 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;
@@ -578,13 +746,111 @@ export declare const components: {
     }, {
         xOffset: string | number;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EToggleSwitch: 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>>, {
+        value: any;
+    }, {
+        getButtonClasses(optionValue: any): {
+            "e-bg-inherit": boolean;
+            "e-bg-brand-600": boolean;
+            "e-bg-gray-600": boolean;
+            "e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
+        };
+        handleClick(value: any): void;
+    }, {
+        sizeClasses: {
+            container: import('./components/EToggleSwitch.vue').CssClassMap;
+            button: import('./components/EToggleSwitch.vue').CssClassMap;
+            text: import('./components/EToggleSwitch.vue').CssClassMap;
+        };
+        containerClasses: import('./components/EToggleSwitch.vue').CssClassMap;
+        textClasses: import('./components/EToggleSwitch.vue').CssClassMap;
+        buttonBaseClasses: import('./components/EToggleSwitch.vue').CssClassMap;
+    }, {
+        options: import('./components/EToggleSwitch.vue').EToggleSwitchOption[];
+        color: string;
+        size: import('./types').Size;
+        defaultValue: string | number | boolean;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EZoomable: import("vue").DefineComponent<{
+        ignorePointerEvents: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        withOverlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            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;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        ignorePointerEvents: boolean;
+        withOverlay: boolean;
+        disabled: boolean;
+    }>;
 };
 declare const _default: {
     install(Vue: VueConstructor): void;
 };
 export default _default;
-export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, };
+export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, EToggleSwitch, EZoomable, };
 export * from './constants';
 export * from './types';
 export * from './utils';
 export * from './directives';
+export * from './mixins';