@evercam/ui 0.0.62 → 0.0.63-Add-timeline-test-2d1f69478

package/dist/index.d.ts

@@ -5,22 +5,33 @@ import ESpinner from './components/ESpinner.vue';
 import ERow from './components/ERow.vue';
 import ECol from './components/ECol.vue';
 import EVideoPlayer from './components/EVideoPlayer.vue';
-import ETimeline from './components/ETimeline.vue';
+import ETimeline from './components/timeline/ETimeline.vue';
 import EVideoEmbed from './components/EVideoEmbed.vue';
 import EHeatmapBar from './components/EHeatmapBar.vue';
 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 EImagesComparator from './components/EImagesComparator.vue';
 import EExpandableMenu from './components/EExpandableMenu.vue';
 import ESvgIcon from './components/ESvgIcon.vue';
+import ECalendarHeatmap from './components/ECalendarHeatmap.vue';
+import EFlagIcon from './components/EFlagIcon.vue';
 import EToggleSwitch from './components/EToggleSwitch.vue';
 import EZoomable from './components/EZoomable.vue';
 import { VueConstructor } from "vue";
 import EGlobalSearch from './components/EGlobalSearch.vue';
+import EImagePlayer from "./components/EImagePlayer.vue";
+import EZoomableImg from "./components/EZoomableImg.vue";
+import EZoomSlider from "./components/EZoomSlider.vue";
+import EActionButton from "./components/EActionButton.vue";
+import ETooltip from "./components/ETooltip.vue";
+import ELayout from "./components/ELayout.vue";
+import ECopyToClipboardBtn from "./components/ECopyToClipboardBtn.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>>, {
         sizes: {
+            "2xs": string;
             xs: string;
             sm: string;
             base: string;
@@ -37,6 +48,7 @@ export declare const components: {
         badgeText: string;
         badgeSize: import('./types').Size;
         image: string;
+        backgroundClasses: string;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EBadge: 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>>, {
         colors: {
@@ -185,7 +197,6 @@ export declare const components: {
     }, {
         posterUrl: string;
         sourceItems: import('./components/EVideoPlayer.vue').VideoSource[];
-        hasStartedOrFinished: boolean;
         withControls: "" | "hide";
     }, {
         targetTimestamp: string;
@@ -210,39 +221,25 @@ export declare const components: {
         hlsOptions: {};
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     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>>, {
+        mainContainer: HTMLElement;
         tooltip: HTMLElement;
-        cursor: HTMLElement;
         timeline: HTMLElement;
         wrapperDiv: HTMLElement;
-        selectedTimestampCursor: HTMLElement;
+        svgElement: SVGSVGElement;
         svg: import("d3-selection").Selection<SVGSVGElement, any, any, any>;
-        axesContainer: import("d3-selection").Selection<SVGGElement, any, any, any>;
-        xAxes: Record<import('./types').TimelineAxis, import("d3-axis").Axis<Date>>;
         timeScale: import("d3-scale").ScaleTime<any, any, unknown>;
-        initialTimeScale: import("d3-scale").ScaleTime<any, any, unknown>;
         currentTimeScaleDensity: number;
-        zoomBehavior: import("d3-zoom").ZoomBehavior<SVGSVGElement, unknown>;
-        isMouseDown: boolean;
         axisHeight: number;
         isHoveringEvent: boolean;
         hoveredEvent: import('./types').TimelineEvent;
-        isHoveringTimeline: boolean;
-        hoveredTimestamp: string;
         eventTooltipStyle: {};
         hoveredEventType: string;
         utcOffset: number;
-        lastTransform: {
-            x: number;
-            k: number;
-        };
-        transformDiff: {
-            translation: number;
-            scale: number;
-        };
         yScale: import("d3-scale").ScaleLinear<any, any, never>;
         hoveredCounts: {
             count: number;
             type: string;
+            label?: string | undefined;
         }[];
         countsByTimestamp: Record<string, Record<string, number>>;
         dotsByTimestamp: Record<string, import("d3-selection").Selection<SVGCircleElement, any, any, any>[]>;
@@ -259,60 +256,41 @@ export declare const components: {
         isFirstPaint: boolean;
         timeouts: number[];
         groupsVisibility: Record<string, boolean>;
-        markersPositions: Record<string, {
-            position: number;
-            isHidden: boolean;
-        }>;
-        markersDragBehavior: import("d3-drag").DragBehavior<HTMLElement, import('./types').TimelineMarker, any>;
-        initialMarkerDragMouseOffset: number;
         selectedMilestoneId: any;
         isInitialized: boolean;
-        lastValidTransform: import("d3-zoom").ZoomTransform;
-        lastPanTransform: import("d3-zoom").ZoomTransform;
-        isZoomingInterval: boolean;
-        defs: {
-            transparencyGradient: string;
-            transparencyGradientLight: string;
-            loadingGradient: string;
-            stripedPattern: string;
+        transformDiff: {
+            translation: number;
+            scale: number;
         };
+        isZoomingInterval: boolean;
+        hoveredMilestone: import('./types').TimelineEvent;
+        focusedDomain: import('./types').TimelineDomain;
+        transitionDuration: number;
+        focusedTimestamp: string | Date;
     }, {
+        validateProps(): void;
         updateTimeline(): void;
-        initTimeline(startDate?: string | undefined, endDate?: string | undefined): void;
+        initTimeline(): void;
         initRefs(): void;
         initOrUpdateSvg(): void;
-        initDefs(): void;
         initUtcOffset(): void;
-        initTimeScale(start?: string | undefined, end?: string | undefined): void;
-        initXAxes(): void;
-        updateXAxes(): void;
         initYScale(): void;
-        updateYScaleDomain(): void;
-        initZoomBehavior(): void;
+        updateYScale(): void;
         zoomToFitMarkers(): void;
-        zoomToTargetInterval(start?: string | number | undefined, end?: string | number | undefined): void;
-        translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
-        initSelectedTimestampCursor(): void;
-        updateMarkers(): void;
-        updateAndRedrawTimeline(): void;
+        selectOrAppend({ parent, targetId, targetType, }: {
+            parent: import("d3-selection").Selection<any, any, any, any>;
+            targetId: string;
+            targetType: string;
+        }): import("d3-selection").Selection<import("d3-selection").BaseType, any, any, any>;
         clearTimeline(): void;
-        repositionSelectedTimestampCursor(): void;
         updateCurrentTimeScaleDensity(): void;
-        registerEventsListeners(): void;
         emitVisibleInterval(trigger: import('./types').TimelineIntervalChangeTrigger): void;
-        createAxis(axisName: import('./types').TimelineAxis): import("d3-axis").Axis<Date>;
-        getAxisTicksConfig(configs: import('./types').TimelineTicksConfig[]): {
-            formatFn: (d: Date) => string;
-            interval: any;
-        };
         onResize(resizeObserverEntry: ResizeObserverEntry): void;
         handleResize({ contentRect }: ResizeObserverEntry): void;
         handleDarkModeChange(): void;
-        handleMouseDown(): void;
-        handleDocumentMouseUp(_e: MouseEvent): void;
         handleMouseLeave(): void;
-        handleMouseMove(event: MouseEvent): void;
-        handleClick(event: MouseEvent): void;
+        handleMouseMove(mouseX: number, timestamp: string): void;
+        handleClick(timestamp: string, target: HTMLElement): void;
         handleMarkerClick(marker: import('./types').TimelineMarker): void;
         handleLineMouseOver(_event: MouseEvent, eventData: import('./types').TimelineCountEvent, eventType: string): void;
         handleLineMouseOut(): void;
@@ -320,9 +298,11 @@ export declare const components: {
         handleBarMouseOut(): void;
         handleLabelMouseOver(groupType: string): void;
         handleLabelMouseLeave(groupType: string): void;
-        isZoomAllowed(event: import("d3-zoom").D3ZoomEvent<SVGSVGElement, any>): boolean;
-        handleZoom(event: import("d3-zoom").D3ZoomEvent<SVGSVGElement, any>): void;
-        panToTimestamp(targetTimestamp: string | Date): void;
+        handleTransformChange(transform: {
+            translation: number;
+            scale: number;
+        }): void;
+        handleTimeScaleChange(ts: import("d3-scale").ScaleTime<any, any, unknown>): void;
         emitCurtainChange(): void;
         calculateDateRangeFromCurtains(): {
             startDate: Date;
@@ -333,8 +313,6 @@ export declare const components: {
         handleLeftDrag(event: import("d3-drag").D3DragEvent<SVGRectElement, any, any>): void;
         handleRightDrag(event: import("d3-drag").D3DragEvent<SVGRectElement, any, any>): void;
         zoomToStartAndEndDates(): void;
-        rescaleAxis(axisName: string, newScale: import("d3-scale").ScaleTime<any, any, unknown>): void;
-        translateTicksText(axisName: string): void;
         updateEventsBars(): void;
         updateBarChart(): void;
         updateLineGraphs(): void;
@@ -343,14 +321,6 @@ export declare const components: {
         getEventRectWidth(d: import('./types').TimelineEvent): number;
         getEventText(e: import('./types').TimelineEvent): string;
         getElementLeftPosition(element: HTMLElement): number;
-        isTimestampAllowedForMarker(timestamp: number | Date, marker: import('./types').TimelineMarker): boolean;
-        handleMarkerDrag({ marker, markerElement, dragEvent, }: {
-            marker: import('./types').TimelineMarker;
-            markerElement: import("d3-selection").Selection<any, import('./types').TimelineMarker, any, any>;
-            dragEvent: import("d3-drag").D3DragEvent<any, import('./types').TimelineMarker, any>;
-        }): void;
-        removeMarkersDragBehavior(): void;
-        initMarkersDragBehavior(): void;
         initCurtains(): void;
         createCurtains(): void;
         updateCurtains(): void;
@@ -438,22 +408,12 @@ export declare const components: {
             background: string;
             color: string;
         };
+        getExternalLabelText(type: string): string;
         getExternalLabelWrapperStyles(type: string): {
             borderColor: string;
         };
-        getMarkerClass(marker: import('./types').TimelineMarker): {
-            "marker--hidden": boolean;
-            "marker--draggable": boolean | undefined;
-        };
-        getMarkerContainerStyle(marker: import('./types').TimelineMarker): Record<string, string>;
-        getMarkerLabelStyle(marker: import('./types').TimelineMarker): Record<string, string>;
-        getMarkerLineStyle(marker: import('./types').TimelineMarker): Record<string, string>;
         tzStringToDate(timestamp: import('./types').Timestamp): Date;
         dateToTzString(date: Date): string;
-        getCurrentTimeBounds(): {
-            startDate: string;
-            endDate: string;
-        };
         getFormattedTimestamp(timestamp: import('./types').Timestamp): string;
         fillTimeGaps(events: import('./types').TimelineEvent[]): (import('./types').TimelineBarEvent | import('./types').TimelineRangeEvent | import('./types').TimelineCountEvent | {
             timestamp: string;
@@ -462,6 +422,7 @@ export declare const components: {
         fillEvents(events: import('./types').TimelineEvent[]): import('./types').TimelineEvent[];
         onMilestoneClick(milestone: import('./types').TimelineEvent, milestoneType: any): void;
         getSortedEvents(events: import('./types').TimelineEvent[]): import('./types').TimelineEvent[];
+        onHoverMilestone(milestone: import('./types').TimelineEvent): void;
     }, {
         combinedBarsHeight: number;
         combinedBottomBarsHeight: number;
@@ -471,7 +432,7 @@ export declare const components: {
         barsYOffset: number;
         hasMilestones: boolean;
         barChartHeight: number;
-        classes: Record<string, string | Record<string, boolean>>;
+        computedClasses: Record<string, string | Record<string, boolean>>;
         lineGraphGroups: import('./types').TimelineEventsByType;
         chartHeight: number;
         barGroups: import('./types').TimelineEventsByType;
@@ -480,6 +441,7 @@ export declare const components: {
         hasChart: boolean;
         labelRectWidth: number;
         combinedXAxesHeight: number;
+        timelineWidth: number;
         timelineHeight: number;
         filteredEventsGroups: import('./types').TimelineEventsByType;
         allEventsSorted: import('./types').TimelineEvent[];
@@ -493,9 +455,15 @@ export declare const components: {
         hiddenGroupsLabels: string[];
         minHoverZone: number;
         sortedMarkers: import('./types').TimelineMarker[];
+        maxVisibleCount: number;
+        defaultMaxDomain: string[];
+        defaultFocusedDomain: string[];
+        domain: import('./types').TimelineDomain;
+        svgLeft: number;
+        markersScopedSlots: Record<string, import("vue/types/vnode").NormalizedScopedSlot | undefined>;
+        isHoveringMilestone: Boolean;
     }, {
-        eventsGroups: {};
-        xAxesConfig: import('./types').TimelineAxesConfig;
+        eventsGroups: import('./types').TimelineEventsByType;
         dark: boolean;
         startDate: string;
         endDate: string;
@@ -512,11 +480,8 @@ export declare const components: {
         barXPadding: number;
         chartMinHeight: number;
         chartMinLabelHeight: number;
-        minZoom: number;
-        maxZoom: number;
         minDate: string;
         maxDate: string;
-        cursorTimestamp: string | undefined;
         selectedClass: string | undefined;
         panOnDateClick: boolean;
         panTransitionDuration: number;
@@ -535,6 +500,9 @@ export declare const components: {
         locked: boolean;
         timezone: string | undefined;
         stopClickPropagation: boolean;
+        tooltipPosition: string;
+        maxDomainPadding: number;
+        showCursor: boolean;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EVideoEmbed: 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>>, unknown, unknown, {
         videoId: string | undefined;
@@ -545,23 +513,34 @@ export declare const components: {
         iframeListeners: {};
         iframeOptions: any;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
-    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>>, unknown, {
+    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>>, {}, {
         getColorIndex(count: number): number;
         getColor(count: number): string;
         getItemStyle(count: number): {
             background: string;
         };
+        getItemClasses(itemClass: string | Record<string, boolean>): Record<string, boolean>;
+        getCountTextStyle(count: number): {
+            color: string;
+        };
+        adjustColorBrightness(color: string, amount: number): string;
+        getContrastingPaletteColor(backgroundColor: string): string;
     }, {
         heatMapBarItems: import('./types').HeatmapBarItem[];
         maxCount: number;
+        computedColors: string[];
+        textColor: Record<string, string>;
     }, {
         items: unknown[];
         selectedValue: string | number;
         showCounts: boolean;
+        namesOnly: boolean;
         showNames: boolean;
-        colors: unknown[];
+        colors: string[];
+        colorsDark: string[];
         label: string;
         dense: boolean;
+        dark: boolean;
     }, {}, 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>>, unknown, {
         getFormattedHour(h: number): string;
@@ -609,9 +588,37 @@ 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;
+    EImagesComparator: 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>>, {
+        separatorPositionX: number;
+        startSeparatorPositionX: number;
+        computedImageDimension: Record<string, any>;
+        isSeparatorDragging: boolean;
+        watermarkDimension: Record<string, any>;
+        touchIdentifier: number | null;
+        startTouchX: number;
+        containerRect: DOMRect;
+        container: HTMLElement;
+        afterImage: HTMLImageElement;
+    }, {
+        handleResize(): void;
+        handleWatermarkResize(): void;
+        handleMouseMove(event: MouseEvent): void;
+        handleMouseDown(): void;
+        handleMouseUp(): void;
+        handleTouchStart(event: TouchEvent): void;
+        handleTouchMove(event: TouchEvent): void;
+        handleTouchEnd(event: TouchEvent): void;
+    }, {
+        clipStyle: Record<string, string>;
+        contentStyle: Record<string, string>;
+        imageSizeClasses: "e-w-full e-h-full" | "e-w-0 e-h-0";
     }, {
+        beforeImageSrc: string;
+        afterImageSrc: string;
+        isLoading: boolean;
+    }, {}, 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>>, unknown, {
+        onValueChange(event: Event): void;
         getButtonClasses(optionValue: any): {
             "e-border-none": boolean;
             "e-bg-inherit": boolean;
@@ -634,6 +641,7 @@ export declare const components: {
         color: string;
         size: import('./types').Size;
         defaultValue: string | number | boolean;
+        value: string | number | boolean;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EExpandableMenu: 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>>, {
         menu: boolean;
@@ -650,15 +658,16 @@ export declare const components: {
         direction: string;
         isMobile: boolean;
     }, {}, 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>>, {
-        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<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>>, {
         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/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>>, {
+        timeouts: number[];
+    }, {
+        $setTimeout(cb: Function, timeout?: number): number;
+        $clearTimeouts(): void;
     }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
     EZoomable: 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>>, {
         scale: number;
@@ -730,6 +739,7 @@ export declare const components: {
         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>;
     ESvgIcon: 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>>, unknown, unknown, {
@@ -737,12 +747,427 @@ export declare const components: {
     }, {
         icon: string;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    ECalendarHeatmap: any;
+    EFlagIcon: 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>;
+    EImagePlayer: 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>>, {
+        src: string;
+        imageLoaded: boolean;
+        playing: boolean;
+        playerStyle: Record<string, string>;
+        image: HTMLImageElement | null;
+        previousSrc: string;
+        resolveImageLoadingPromise: (value?: any) => any;
+        preloadingQueueId: number;
+        preloadedFrames: number[];
+        preloadingFramesImgs: HTMLImageElement[];
+        frameError: boolean;
+        animationId: number;
+        imgStyle: Record<string, import("vue").StyleValue>;
+        previousFrameIndex: number;
+        isFullscreen: boolean;
+        mouseDownTime: number;
+        playPauseAnimation: boolean;
+        latestValidSnapshotTimestamp: string;
+        progressBar: HTMLDivElement | null;
+        isDraggingCursor: boolean;
+        hovered: boolean;
+        timePerFrameValue: number;
+        mousePosition: {
+            x: number;
+            y: number;
+        };
+        screenHeight: number;
+    }, {
+        getProgressBarMousePosition(e: any): {
+            x: number;
+            y: number;
+        };
+        onProgressBarMouseEnter(): void;
+        onProgressBarMouseMove(e: any): void;
+        onProgressBarMouseLeave(): void;
+        onProgressBarClick(): void;
+        getProgressBarChunkStyle(start: any, end: any): {
+            left: string;
+            width: string;
+        };
+        animatePlayPauseOverlay(): void;
+        isImageClick(e: PointerEvent): boolean;
+        onFrameMouseDown(e: PointerEvent): void;
+        onFrameMouseUp(e: PointerEvent): void;
+        removeFullscreenListeners(): void;
+        initializeFullscreenListeners(): void;
+        handleFullscreenChange(): void;
+        closeFullscreenMode(): void;
+        openFullscreenMode(): void;
+        toggleFullscreenMode(): void;
+        updateRefs(): void;
+        incrementCurrentFrameIndex(): void;
+        getFrameSrc(frame: import('./types').Frame): string | undefined;
+        loadTargetFrame(): Promise<unknown> | undefined;
+        handleBuffering(): Promise<void>;
+        buffer(): Promise<void>;
+        preloadFrames({ start, end }: {
+            start: number;
+            end: number;
+        }): Promise<void>;
+        delay(): Promise<void>;
+        cancelDelay(): void;
+        play(): Promise<void>;
+        flushPreloadingQueue(): void;
+        pause(): Promise<void>;
+        onLoad(): void;
+        onError(e: Event): 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>> | undefined;
+        onChange(obj: Record<string, any>): void;
+        onBeforeUpdate(e: Event): void;
+        onBeforeDestroy(e: Event): void;
+        togglePlay(): void;
+        handleKeyDown(e: KeyboardEvent): void;
+    }, {
+        imgProps: Record<string, string>;
+        playerDimensions: {
+            width: string;
+            height: string | number;
+        };
+        isLastFrame: boolean;
+        altText: string;
+        playedPercentage: number;
+        mouseToWidthRatio: number;
+        hoverBarStyle: {
+            width: string;
+        };
+        hoveredFrameIndex: number;
+        progressStyle: {
+            width: string;
+        };
+        preloadedChunks: number;
+    }, {
+        frames: import('./types').Frame[];
+        timePerFrame: number;
+        isPlaying: boolean;
+        frameIndex: number;
+        height: string | number;
+        initialQuality: string | number;
+        preload: boolean;
+        preloadSize: number;
+        resetIndexOnFramesChange: boolean;
+        preloadWhilePlaying: boolean;
+        withControls: boolean;
+        playOnClick: boolean;
+        disablePlayPauseAnimation: boolean;
+        disablePlayButton: boolean;
+        isLive: boolean;
+        selectedSnapshotQuality: string | number;
+        placeholderImage: string;
+        isMobile: boolean;
+        isZoomable: boolean;
+        isAnnotationActive: boolean;
+        aspectRatio: number;
+    }, {}, 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>>, {
+        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/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>>, {
+        timeouts: number[];
+    }, {
+        $setTimeout(cb: Function, timeout?: number): number;
+        $clearTimeouts(): void;
+    }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
+    EZoomableImg: 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>>, {
+        image: HTMLImageElement | null;
+        frame: HTMLDivElement | null;
+        imageLoaded: boolean;
+        zoomLevel: number;
+        previousZoomLevel: number;
+        imageMouse: import("./components/EZoomableImg.vue").Point;
+        zoomOrigin: import("./components/EZoomableImg.vue").Point;
+        frameMouse: import("./components/EZoomableImg.vue").Point;
+        frameMousePanStart: import("./components/EZoomableImg.vue").Point;
+        frameMousePreviousPan: import("./components/EZoomableImg.vue").Point;
+        translation: import("./components/EZoomableImg.vue").Point;
+        isPanning: boolean;
+        isPinching: boolean;
+        zoomStarted: boolean;
+        firstLoad: boolean;
+        isSliderActive: boolean;
+        imgStyle: Record<string, import("vue").StyleValue>;
+        contentStyle: Record<string, import("vue").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;
+        backgroundSnapshotSrc: string | null;
+    }, {
+        onResize(): void;
+        handleOrientationChange(): void;
+        setAspectRatio(): void;
+        updateImageStyle(): void;
+        updateMiniatureOverlayStyle(): void;
+        onImageLoaded(e: any): void;
+        onError(e: any): 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;
+        getSnapshotSrc(): string;
+    }, {
+        frameStyle: Record<string, import("vue").StyleValue>;
+        wrapperStyle: {
+            display: string;
+            transform?: undefined;
+        } | {
+            transform: string;
+            display?: undefined;
+        };
+        imageCenter: {
+            x: number;
+            y: number;
+        };
+        sliderModel: number;
+        showContent: boolean;
+        miniatureContainerStyle: Record<string, string>;
+        miniatureOverlayComputedStyle: Record<string, string>;
+        miniatureOverlayBaseStyle: Record<string, string>;
+        currentState: {
+            image: HTMLImageElement | null;
+            zoomLevel: number;
+            translation: import("./components/EZoomableImg.vue").Point;
+            previousZoomLevel: number;
+            imageMouse: import("./components/EZoomableImg.vue").Point;
+            zoomOrigin: import("./components/EZoomableImg.vue").Point;
+            frameMouse: import("./components/EZoomableImg.vue").Point;
+            frameMousePanStart: import("./components/EZoomableImg.vue").Point;
+            frameMousePreviousPan: import("./components/EZoomableImg.vue").Point;
+            isPanning: boolean;
+            zoomStarted: boolean;
+            firstLoad: boolean;
+            isSliderActive: boolean;
+            imgStyle: Record<string, import("vue").StyleValue>;
+            contentStyle: Record<string, import("vue").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;
+        isAnnotationActive: boolean;
+        isMobile: boolean;
+        placeholderImage: string;
+        showMiniature: boolean;
+        miniatureWidth: number;
+    }, {}, 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>>, {
+        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/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>>, {
+        timeouts: number[];
+    }, {
+        $setTimeout(cb: Function, timeout?: number): number;
+        $clearTimeouts(): void;
+    }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
+    EZoomSlider: 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>>, unknown, unknown, unknown, {
+        dark: boolean;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EActionButton: 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>>, unknown, unknown, {
+        withTooltip: boolean;
+        buttonClassesContainsBg: boolean;
+        buttonStyle: string | string[];
+    }, {
+        tooltipText: string;
+        tooltipColor: string;
+        tooltipPosition: string;
+        buttonClasses: any;
+        icon: string;
+        iconSize: import('./types').Size;
+        iconColor: string;
+        dark: boolean;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    ETooltip: 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>>, unknown, unknown, {
+        tooltipClasses: Record<any, boolean>;
+        triangleClasses: Record<any, boolean>;
+    }, {
+        text: string;
+        position: import('./types').Position;
+        color: import('./types').BaseColor;
+        dark: boolean;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    ELayout: 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>>, {
+        footerHeight: number;
+        overlayFooterHeight: number;
+        wrapperStyle: {
+            width: string;
+            height: string;
+        };
+        mainStyle: {
+            width: string;
+            height: string;
+        };
+        mainHeight: string;
+    }, {
+        onResize(): void;
+        onOverlayClick(e: Event): void;
+        setOverlayFooterHeight(): void;
+        setFooterHeight(): void;
+    }, {
+        bottomStyle: {
+            bottom: string;
+        };
+    }, {
+        height: string | number;
+        withOverlay: boolean;
+    }, {}, 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>>, {
+        timeouts: number[];
+    }, {
+        $setTimeout(cb: Function, timeout?: number): number;
+        $clearTimeouts(): void;
+    }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
+    EChat: 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>>, {
+        prompt: string;
+        containerHeight: number;
+        headerHeight: number;
+        bodyHeight: number;
+        footerHeight: number;
+    }, {
+        sendMessage(): void;
+        isUserMessage(message: import('./types').ChatMessage): boolean;
+        hasActions(message: import('./types').ChatMessage): boolean;
+        getMessageContent(message: import('./types').ChatMessage): string | string[];
+        getMessageInitials(message: import('./types').ChatMessage): string | null;
+        getMessageClasses(message: import('./types').ChatMessage, index: number): {
+            "e-mb-11": boolean;
+        };
+        updateChatBodyHeight(): void;
+        isAvatarVisible(message: import('./types').ChatMessage): boolean;
+        onMessageFeedback(feedback: import('./types').Feedback, messageId?: number | undefined): void;
+    }, {
+        ChatMessageRole: typeof import('./types').ChatMessageRole;
+        userInitials: string;
+        chatBodyStyle: Record<string, unknown>;
+        wrapperStyle: Record<string, unknown>;
+        bodyBorderClasses: Record<string, boolean>;
+        markdownScopedSlots: Record<string, 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>>>;
+        showSuggestions: boolean;
+    }, {
+        dark: boolean;
+        messages: import('./types').ChatMessage[];
+        user: string;
+        embedded: boolean;
+        showHeader: boolean;
+        inlineFooter: boolean;
+        height: string;
+        width: string;
+        showUserAvatar: boolean;
+        showCopilotAvatar: boolean;
+        readonly: boolean;
+        isLoading: boolean;
+        isDisabled: boolean;
+        headerText: string;
+        inputPlaceholder: string;
+        loadingMessage: string;
+        suggestions: import('./types').ChatSuggestion[];
+        exposedRegexes: import('./types').EMarkdownRegex[];
+        eMarkdownProps: Record<string, unknown> | {
+            useTableProcessor: boolean;
+        };
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EContextProvider: any;
+    ECopyToClipboardBtn: 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>>, {
+        loading: boolean;
+        tooltipText: string;
+    }, {
+        handleFocusin(e: Event): void;
+        getProp(propName: string, fallback: any): any;
+        copyTextToClipboard(): void;
+    }, {
+        copyButtonClasses: Record<string, boolean>;
+    }, {
+        text: string | number | Function;
+        buttonText: string;
+        buttonClasses: any;
+        description: string;
+        iconType: string;
+        textOnlyButton: boolean;
+        dark: boolean;
+    }, {}, 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>>, {
+        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/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>>, {
+        timeouts: number[];
+    }, {
+        $setTimeout(cb: Function, timeout?: number): number;
+        $clearTimeouts(): void;
+    }, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>, import("vue").ComponentOptionsMixin>;
 };
 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, EToggleSwitch, EExpandableMenu, EZoomable, EGlobalSearch, ESvgIcon, };
+export { EAvatar, EBadge, EIcon, ESpinner, ERow, ECol, EVideoPlayer, ETimeline, EVideoEmbed, EHeatmapBar, EHoursHeatmap, EReadMore, ETruncatedDiv, ECompareSeparator, EImagesComparator, EToggleSwitch, EExpandableMenu, EZoomable, EGlobalSearch, ESvgIcon, ECalendarHeatmap, EFlagIcon, EImagePlayer, EZoomableImg, EZoomSlider, EActionButton, ETooltip, ELayout, ECopyToClipboardBtn, };
 export * from './constants';
 export * from './types';
 export * from './utils';