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

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@evercam/ui",
-  "version": "0.0.55-beta.8",
+  "version": "0.0.55-beta.12",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -481,7 +481,65 @@
           },
           "description": "",
           "doc-url": "https://ui.evercam.io/",
-          "attributes": null
+          "attributes": [
+            {
+              "name": "sources",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "array",
+                  "string"
+                ]
+              }
+            },
+            {
+              "name": "video-listeners",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => ({})",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              }
+            },
+            {
+              "name": "video-options",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => ({})",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              }
+            },
+            {
+              "name": "is-hls",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "streaming-token",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "is-live-view",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ]
         },
         {
           "name": "ETimeline",
@@ -504,7 +562,7 @@
             {
               "name": "x-axes-config",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "() => ah",
+              "default": "() => Ah",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -646,43 +704,34 @@
               }
             },
             {
-              "name": "min-zoom",
+              "name": "chart-min-label-height",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "0.0001",
+              "default": "18",
               "value": {
                 "kind": "expression",
                 "type": "number"
               }
             },
             {
-              "name": "max-zoom",
+              "name": "min-zoom",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "850000",
+              "default": "0.0001",
               "value": {
                 "kind": "expression",
                 "type": "number"
               }
             },
             {
-              "name": "min-date",
-              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "max-date",
+              "name": "max-zoom",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "undefined",
+              "default": "850000",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "number"
               }
             },
             {
-              "name": "min-visible-date",
+              "name": "min-date",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
               "default": "undefined",
               "value": {
@@ -691,7 +740,7 @@
               }
             },
             {
-              "name": "max-visible-date",
+              "name": "max-date",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
               "default": "undefined",
               "value": {
@@ -821,6 +870,24 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "forbidden-intervals",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => []",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              }
+            },
+            {
+              "name": "forbidden-interval-color",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "#ddd",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ]
         },
@@ -833,26 +900,6 @@
           "description": "",
           "doc-url": "https://ui.evercam.io/",
           "attributes": null
-        },
-        {
-          "name": "EToggleSwitch",
-          "source": {
-            "module": "./src/components/EToggleSwitch.vue",
-            "symbol": "EToggleSwitch"
-          },
-          "description": "",
-          "doc-url": "https://ui.evercam.io/",
-          "attributes": null
-        },
-        {
-          "name": "EZoomable",
-          "source": {
-            "module": "./src/components/EZoomable.vue",
-            "symbol": "EZoomable"
-          },
-          "description": "",
-          "doc-url": "https://ui.evercam.io/",
-          "attributes": null
         }
       ],
       "attributes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evercam/ui",
-  "version": "0.0.55-beta.11",
+  "version": "0.0.55-beta.12",
   "license": "MIT",
   "private": false,
   "author": "Evercam - Constuction Cameras.",

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

@@ -1,49 +0,0 @@
-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/EVideoPlayerActions.vue.d.ts

@@ -1,193 +0,0 @@
-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;

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

@@ -1,146 +0,0 @@
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: PropType<"lg" | "md" | "sm">;
-        default: string;
-    };
-    withProgressBar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    frames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    events: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    frameIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    preloadedFrames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    withThumbnailPreview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withPlayerActions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isFullScreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isPlaying: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    currentTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    videoLength: {
-        type: StringConstructor;
-        default: string;
-    };
-    thumbnailsUrls: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    timezone: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, {
-    isFocused: boolean;
-}, {
-    containerClasses(): "e-px-2" | "e-px-5";
-    isLastFrame(): boolean;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: PropType<"lg" | "md" | "sm">;
-        default: string;
-    };
-    withProgressBar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    frames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    events: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    frameIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    preloadedFrames: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    withThumbnailPreview: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withPlayerActions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isFullScreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isPlaying: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    currentTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    videoLength: {
-        type: StringConstructor;
-        default: string;
-    };
-    thumbnailsUrls: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    timezone: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    size: "lg" | "md" | "sm";
-    events: unknown[];
-    timezone: string;
-    frames: unknown[];
-    frameIndex: number;
-    isPlaying: boolean;
-    isLive: boolean;
-    preloadedFrames: unknown[];
-    thumbnailsUrls: string[];
-    withProgressBar: boolean;
-    withThumbnailPreview: boolean;
-    withPlayerActions: boolean;
-    isFullScreen: boolean;
-    currentTime: string;
-    videoLength: string;
-}>;
-export default _default;

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

@@ -1,100 +0,0 @@
-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;