@evercam/ui 0.0.60-preview-create-image-comparator-comp-bbadef9fb → 0.0.60-preview-image-player-c0e27e783

package/README.md

@@ -45,4 +45,3 @@ You can preview the components and their stories by running the [Histoire](https
 
 `yarn story:dev`
 ..........
-//

package/dist/attributes.json

@@ -686,5 +686,154 @@
     "type": "string",
     "description": "",
     "default": ""
+  },
+  "EImagePlayer/frames": {
+    "type": "array",
+    "description": ""
+  },
+  "EImagePlayer/time-per-frame": {
+    "type": "number",
+    "description": "",
+    "default": 500
+  },
+  "EImagePlayer/is-playing": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EImagePlayer/frame-index": {
+    "type": "number",
+    "description": "",
+    "default": 0
+  },
+  "EImagePlayer/height": {
+    "type": "string|number",
+    "description": "",
+    "default": 0
+  },
+  "EImagePlayer/initial-quality": {
+    "type": "string|number",
+    "description": "",
+    "default": "auto"
+  },
+  "EImagePlayer/preload": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EImagePlayer/preload-size": {
+    "type": "number",
+    "description": "",
+    "default": 10
+  },
+  "EImagePlayer/reset-index-on-frames-change": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EImagePlayer/preload-while-playing": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EImagePlayer/is-live": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EImagePlayer/with-controls": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EZoomableImg/src": {
+    "type": "string",
+    "description": "",
+    "default": ""
+  },
+  "EZoomableImg/alt": {
+    "type": "string",
+    "description": "",
+    "default": ""
+  },
+  "EZoomableImg/allow-zoom": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EZoomableImg/img-props": {
+    "type": "object",
+    "description": ""
+  },
+  "EZoomableImg/slider": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EZoomableImg/disabled": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EZoomableImg/hide-content-on-blur": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EZoomableImg/initial-params": {
+    "type": "object",
+    "description": ""
+  },
+  "EZoomableImg/embedded": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EZoomableImg/overlay-style": {
+    "type": "object",
+    "description": ""
+  },
+  "EZoomableImg/foreground-style": {
+    "type": "object",
+    "description": ""
+  },
+  "EZoomableImg/pan": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EZoomableImg/slot-transition": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
+  "EZoomableImg/height": {
+    "type": "string|number",
+    "description": ""
+  },
+  "EZoomableImg/is-calendar-active": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EZoomableImg/blur-background": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EZoomableImg/cover": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EZoomableImg/is-widget": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EZoomableImg/is-mobile": {
+    "type": "boolean",
+    "description": "",
+    "default": false
   }
 }

package/dist/components/EActionButton.vue.d.ts

@@ -0,0 +1,11 @@
+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>>, unknown, unknown, {
+    withTooltip: boolean;
+    buttonStyle: string | string[];
+}, {
+    tooltipText: string;
+    tooltipColor: string;
+    tooltipPosition: string;
+    buttonClasses: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/{src/components → components}/EExpandableMenu.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     eventListeners: import('../mixins/event-listeners').IEventListener[];
 }, {
     $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/EFadeTransition.vue.d.ts

@@ -0,0 +1,5 @@
+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>>, {
+    show: boolean;
+}, unknown, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/{src/components → components}/EGlobalSearch.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     eventListeners: import("../mixins/event-listeners").IEventListener[];
 }, {
     $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
     $removeEventListeners(): void;
 }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/EImagePlayer.vue.d.ts

@@ -0,0 +1,83 @@
+import Vue, { StyleValue } from "vue";
+import { Frame, SrcSet } 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>>, {
+    src: string | null;
+    srcSet: SrcSet | null;
+    player: HTMLDivElement | null;
+    isLoadingImage: boolean;
+    imageLoaded: boolean;
+    playing: boolean;
+    playerStyle: Record<string, string>;
+    image: HTMLImageElement | null;
+    previousSrc: string;
+    resolveImageLoadingPromise: (value?: any) => any;
+    selectedQuality: string;
+    preloadingQueueId: number;
+    preloadedFrames: number[];
+    preloadingFramesImgs: HTMLImageElement[];
+    frameError: boolean;
+    animationId: number;
+    imgStyle: Record<string, StyleValue>;
+    previousFrameIndex: number;
+    aspectRatio: number;
+    isFullscreen: boolean;
+}, {
+    removeFullscreenListeners(): void;
+    initializeFullscreenListeners(): void;
+    handleFullscreenChange(): void;
+    closeFullscreenMode(): void;
+    openFullscreenMode(): void;
+    toggleFullscreenMode(): void;
+    updateRefs(): void;
+    incrementCurrentFrameIndex(): void;
+    setAspectRatio(): void;
+    loadTargetFrame(): Promise<unknown> | undefined;
+    handleBuffering(): Promise<void>;
+    buffer(): Promise<void>;
+    preloadFrames({ start, end }: {
+        start: number;
+        end: number;
+    }): Promise<void>;
+    delay(): Promise<void> | undefined;
+    cancelDelay(): void;
+    play(): Promise<void>;
+    getFrameSrc(frame: Frame): string;
+    flushPreloadingQueue(): void;
+    pause(): void;
+    onLoad(e: Event): void;
+    onError(e: Event): Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>> | undefined;
+    onChange(obj: Record<string, any>): void;
+    onBeforeUpdate(e: Event): void;
+    onBeforeDestroy(e: Event): void;
+    setPlayerSize(): void;
+    togglePlay(): Promise<void>;
+    handleKeyDown(e: KeyboardEvent): void;
+}, {
+    isLastFrame: boolean;
+    altText: string;
+}, {
+    frames: Frame[];
+    timePerFrame: number;
+    isPlaying: boolean;
+    frameIndex: number;
+    height: string | number;
+    initialQuality: string | number;
+    preload: boolean;
+    preloadSize: number;
+    resetIndexOnFramesChange: boolean;
+    preloadWhilePlaying: boolean;
+    isLive: boolean;
+    withControls: boolean;
+}, {}, 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>>, {
+    timeouts: number[];
+}, {
+    $setTimeout(cb: Function, timeout?: number): number;
+    $clearTimeouts(): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
+    eventListeners: import("../mixins/event-listeners").IEventListener[];
+}, {
+    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $removeEventListeners(): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/{src/components → components}/EImagesComparator.vue.d.ts

@@ -7,6 +7,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     watermarkDimension: Record<string, any>;
     touchIdentifier: number | null;
     startTouchX: number;
+    containerRect: DOMRect;
+    container: HTMLElement;
+    afterImage: HTMLImageElement;
 }, {
     handleResize(): void;
     handleWatermarkResize(): void;

package/dist/{src/components → components}/ETimeline.vue.d.ts

@@ -63,6 +63,12 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     lastValidTransform: d3.ZoomTransform;
     lastPanTransform: d3.ZoomTransform;
     isZoomingInterval: boolean;
+    defs: {
+        transparencyGradient: string;
+        transparencyGradientLight: string;
+        loadingGradient: string;
+        stripedPattern: string;
+    };
 }, {
     updateTimeline(): void;
     initTimeline(startDate?: string, endDate?: string): void;

package/dist/{src/components → components}/EToggleSwitch.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     value: any;
 }, {
     getButtonClasses(optionValue: any): {
+        "e-border-none": boolean;
         "e-bg-inherit": boolean;
         "e-bg-brand-600": boolean;
         "e-bg-gray-600": boolean;

package/dist/components/ETooltip.vue.d.ts

@@ -0,0 +1,11 @@
+import Vue from "vue";
+import { Position } 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>>, unknown, unknown, {
+    tooltipClasses: Record<any, boolean>;
+    triangleClasses: Record<any, boolean>;
+}, {
+    text: string;
+    position: Position;
+    color: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/EZoomableImg.vue.d.ts

@@ -0,0 +1,152 @@
+import Vue, { StyleValue } from "vue";
+export type Point = {
+    x: number;
+    y: number;
+};
+type TData = {
+    image: HTMLImageElement | null;
+    frame: HTMLDivElement | null;
+    imageLoaded: boolean;
+    zoomLevel: number;
+    previousZoomLevel: number;
+    imageMouse: Point;
+    zoomOrigin: Point;
+    frameMouse: Point;
+    frameMousePanStart: Point;
+    frameMousePreviousPan: Point;
+    translation: Point;
+    isPanning: boolean;
+    isPinching: boolean;
+    zoomStarted: boolean;
+    firstLoad: boolean;
+    isSliderActive: boolean;
+    imgStyle: Record<string, StyleValue>;
+    contentStyle: Record<string, StyleValue>;
+    isFocused: boolean;
+    forceHideContent: boolean;
+    imageAspectRatio: number;
+    frameAspectRatio: number;
+    wrapperExtraStyle: Record<string, string>;
+    preventDefaultScroll: boolean;
+    mouseLeft: boolean;
+    pointers: Record<number, PointerEvent>;
+    pinchDistance: number;
+    lastTapTime: number;
+    minZoomLevel: number;
+    maxZoomLevel: number;
+    snapshotBase64: string | null;
+};
+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>>, TData, {
+    onResize(): void;
+    handleOrientationChange(): void;
+    setAspectRatio(): void;
+    updateImageStyle(): void;
+    onImageLoaded(): void;
+    onError(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onMouseMove(event: MouseEvent): void;
+    onMousedown(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onMouseWheel(event: WheelEvent): void;
+    updateZoomLevel(delta: number): void;
+    zoom(delta: number): void;
+    getBounds(): {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    savePreviousPan({ x, y }?: {
+        x?: number | undefined;
+        y?: number | undefined;
+    }): void;
+    onSliderMouseDown(): void;
+    onSliderMouseUp(): void;
+    updateContentStyle(): void;
+    emitChange(): void;
+    getPointersMidPoint(a: PointerEvent, b: PointerEvent): {
+        x: number;
+        y: number;
+    };
+    getPointersDistance(a: PointerEvent, b: PointerEvent): number;
+    updatePointerEvent(e: PointerEvent): void;
+    clearPointerEvent(e: PointerEvent): void;
+    updatePinchZoomOrigin(): void;
+    updatePinchDistance(): void;
+    onPointerDown(e: PointerEvent): void;
+    onPointerMove(e: PointerEvent): void;
+    onPointerUp(e: PointerEvent): void;
+    getSnapshotBase64(): string | null;
+}, {
+    frameStyle: Record<string, StyleValue>;
+    wrapperStyle: {
+        display: string;
+        transform?: undefined;
+    } | {
+        transform: string;
+        display?: undefined;
+    };
+    imageCenter: {
+        x: number;
+        y: number;
+    };
+    sliderModel: number;
+    showContent: boolean;
+    currentState: {
+        image: HTMLImageElement | null;
+        zoomLevel: number;
+        translation: Point;
+        previousZoomLevel: number;
+        imageMouse: Point;
+        zoomOrigin: Point;
+        frameMouse: Point;
+        frameMousePanStart: Point;
+        frameMousePreviousPan: Point;
+        isPanning: boolean;
+        zoomStarted: boolean;
+        firstLoad: boolean;
+        isSliderActive: boolean;
+        imgStyle: Record<string, StyleValue>;
+        contentStyle: Record<string, StyleValue>;
+        isFocused: boolean;
+        forceHideContent: boolean;
+        imageAspectRatio: number;
+        frameAspectRatio: number;
+        wrapperExtraStyle: Record<string, string>;
+        offsetWidth: number | undefined;
+        offsetHeight: number | undefined;
+    };
+}, {
+    src: string;
+    alt: string;
+    allowZoom: boolean;
+    imgProps: any;
+    slider: boolean;
+    disabled: boolean;
+    hideContentOnBlur: boolean;
+    initialParams: any;
+    embedded: boolean;
+    overlayStyle: any;
+    foregroundStyle: any;
+    pan: boolean;
+    slotTransition: boolean;
+    height: string | number;
+    isCalendarActive: boolean;
+    blurBackground: boolean;
+    cover: boolean;
+    isWidget: boolean;
+    isMobile: boolean;
+}, {}, 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>>, {
+    timeouts: number[];
+}, {
+    $setTimeout(cb: Function, timeout?: number): number;
+    $clearTimeouts(): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin> | 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>>, {
+    eventListeners: import("../mixins/event-listeners").IEventListener[];
+}, {
+    $addEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $removeEventListener(event: string, cb: () => void, element?: Window & typeof globalThis): void;
+    $removeEventListeners(): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/charts/classNames.d.ts

@@ -0,0 +1,7 @@
+export declare const classNames: {
+    xAxis: string;
+    xAxisDark: string;
+    xAxisOverview: string;
+    xAxisDetailed: string;
+    xAxisBackground: string;
+};

package/dist/components/charts/utils.d.ts

@@ -0,0 +1,3 @@
+import { D3DateParams, D3TimestampParams } from '../../types';
+export declare function tzDateToD3Date({ timestamp, timezone, }: D3TimestampParams): Date;
+export declare function d3DateToTzDate({ date, timezone }: D3DateParams): string;

package/dist/components/svgIcons/Worker.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>>, unknown, unknown, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/{src/constants.d.ts → constants.d.ts}

@@ -1,12 +1,14 @@
-import { Size, BaseColor } from './types';
+import { Size, BaseColor, Position } from './types';
 export declare const fullConfig: any;
 export declare const TextSizes: any;
 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 ToggleSwitchSizes: readonly [Size.sm, Size.md, Size.lg];
 export declare const BadgeColors: readonly [BaseColor.warning, BaseColor.error, BaseColor.info, BaseColor.success, BaseColor.primary, BaseColor.default];
+export declare const TooltipColors: readonly [BaseColor.warning, BaseColor.error, BaseColor.info, BaseColor.success, BaseColor.primary, BaseColor.default];
+export declare const TooltipPositions: readonly [Position.top, Position.bottom, Position.right, Position.left];
 export declare const EVENTS: string[];
 declare const _default: {};
 export default _default;