@evercam/ui 0.0.63-preview-fix-ios-fullscreen-bug-d8b40df4d → 0.0.63-preview-fix-ios-fullscreen-bug-ab274c19f

package/README.md

@@ -44,4 +44,5 @@ export default {
 You can preview the components and their stories by running the [Histoire](https://histoire.dev) sever:
 
 `yarn story:dev`
-............
+.............
+//

package/dist/attributes.json

@@ -278,10 +278,6 @@
     "type": "object",
     "description": ""
   },
-  "ETimeline/x-axes-config": {
-    "type": "object",
-    "description": ""
-  },
   "ETimeline/dark": {
     "type": "boolean",
     "description": "",
@@ -358,16 +354,6 @@
     "description": "",
     "default": 18
   },
-  "ETimeline/min-zoom": {
-    "type": "number",
-    "description": "",
-    "default": 0.0001
-  },
-  "ETimeline/max-zoom": {
-    "type": "number",
-    "description": "",
-    "default": 850000
-  },
   "ETimeline/min-date": {
     "type": "string",
     "description": ""
@@ -963,5 +949,19 @@
     "type": "boolean",
     "description": "",
     "default": false
+  },
+  "EChat/dark": {
+    "type": "boolean",
+    "description": "",
+    "default": false
+  },
+  "EChat/messages": {
+    "type": "array",
+    "description": ""
+  },
+  "EChat/user": {
+    "type": "string",
+    "description": "",
+    "default": "You"
   }
 }

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

@@ -1,21 +1,17 @@
 import * as d3 from "d3";
-import { D3ZoomEvent } from "d3";
 import Vue from "vue";
-import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
+import { TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, Timestamp, TimelineDomain } 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>>, {
+    mainContainer: HTMLElement;
     tooltip: HTMLElement;
     cursor: HTMLElement;
     timeline: HTMLElement;
     wrapperDiv: HTMLElement;
     selectedTimestampCursor: HTMLElement;
+    svgElement: HTMLElement;
     svg: d3.Selection<SVGSVGElement, any, any, any>;
-    axesContainer: d3.Selection<SVGGElement, any, any, any>;
-    xAxes: Record<TimelineAxis, d3.Axis<Date>>;
     timeScale: d3.ScaleTime<any, any, unknown>;
-    initialTimeScale: d3.ScaleTime<any, any, unknown>;
     currentTimeScaleDensity: number;
-    zoomBehavior: d3.ZoomBehavior<SVGSVGElement, unknown>;
-    isMouseDown: boolean;
     axisHeight: number;
     isHoveringEvent: boolean;
     hoveredEvent: TimelineEvent;
@@ -24,14 +20,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     eventTooltipStyle: {};
     hoveredEventType: string;
     utcOffset: number;
-    lastTransform: {
-        x: number;
-        k: number;
-    };
-    transformDiff: {
-        translation: number;
-        scale: number;
-    };
     yScale: d3.ScaleLinear<any, any, never>;
     hoveredCounts: {
         count: number;
@@ -60,8 +48,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     initialMarkerDragMouseOffset: number;
     selectedMilestoneId: any;
     isInitialized: boolean;
-    lastValidTransform: d3.ZoomTransform;
-    lastPanTransform: d3.ZoomTransform;
+    transformDiff: {
+        translation: number;
+        scale: number;
+    };
     isZoomingInterval: boolean;
     defs: {
         transparencyGradient: string;
@@ -70,28 +60,25 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
         stripedPattern: string;
     };
     hoveredMilestone: TimelineEvent;
+    focusedDomain: TimelineDomain;
+    transitionDuration: number;
+    focusedTimestamp: string | Date;
 }, {
     updateTimeline(): void;
-    initTimeline(startDate?: string, endDate?: string): void;
+    initTimeline(): void;
     initRefs(): void;
     initOrUpdateSvg(): void;
     initOrUpdateDefs(): void;
     initUtcOffset(): void;
-    initTimeScale(start?: string, end?: string): void;
-    initXAxes(): void;
-    updateXAxes(): void;
     initYScale(): void;
     updateYScale(): void;
-    initZoomBehavior(): void;
     zoomToFitMarkers(): void;
-    zoomToTargetInterval(start?: string | number, end?: string | number): void;
-    translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
     initSelectedTimestampCursor(): void;
     updateMarkers(): void;
     selectOrAppend({ parent, targetId, targetType, }: {
         parent: any;
-        selector: string;
-        nodeType: string;
+        targetId: string;
+        targetType: string;
     }): any;
     updateAndRedrawTimeline(): void;
     clearTimeline(): void;
@@ -99,16 +86,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     updateCurrentTimeScaleDensity(): void;
     registerEventsListeners(): void;
     emitVisibleInterval(trigger: TimelineIntervalChangeTrigger): void;
-    createAxis(axisName: TimelineAxis): d3.Axis<Date>;
-    getAxisTicksConfig(configs: 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;
@@ -119,9 +99,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     handleBarMouseOut(): void;
     handleLabelMouseOver(groupType: string): void;
     handleLabelMouseLeave(groupType: string): void;
-    isZoomAllowed(event: D3ZoomEvent<SVGSVGElement, any>): boolean;
-    handleZoom(event: D3ZoomEvent<SVGSVGElement, any>): void;
-    panToTimestamp(targetTimestamp: string | Date): void;
+    handleTransformChange(transform: {
+        translation: number;
+        scale: number;
+    }): void;
+    handleTimeScaleChange(ts: d3.ScaleTime<any, any, unknown>): void;
     emitCurtainChange(): void;
     calculateDateRangeFromCurtains(): {
         startDate: Date;
@@ -132,8 +114,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     handleLeftDrag(event: d3.D3DragEvent<SVGRectElement, any, any>): void;
     handleRightDrag(event: d3.D3DragEvent<SVGRectElement, any, any>): void;
     zoomToStartAndEndDates(): void;
-    rescaleAxis(axisName: string, newScale: d3.ScaleTime<any, any, unknown>): void;
-    translateTicksText(axisName: string): void;
     updateEventsBars(): void;
     updateBarChart(): void;
     updateLineGraphs(): void;
@@ -280,6 +260,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     hasChart: boolean;
     labelRectWidth: number;
     combinedXAxesHeight: number;
+    timelineWidth: number;
     timelineHeight: number;
     filteredEventsGroups: TimelineEventsByType;
     allEventsSorted: TimelineEvent[];
@@ -294,9 +275,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     minHoverZone: number;
     sortedMarkers: TimelineMarker[];
     maxVisibleCount: number;
+    domain: TimelineDomain;
 }, {
     eventsGroups: {};
-    xAxesConfig: TimelineAxesConfig;
     dark: boolean;
     startDate: string;
     endDate: string;
@@ -313,8 +294,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     barXPadding: number;
     chartMinHeight: number;
     chartMinLabelHeight: number;
-    minZoom: number;
-    maxZoom: number;
     minDate: string;
     maxDate: string;
     cursorTimestamp: string | undefined;

package/dist/components/charts/EXAxis.vue.d.ts

@@ -0,0 +1,33 @@
+import * as d3 from "d3";
+import Vue from "vue";
+import { TimelineTicksConfig } from '../../types';
+type TicksConfig = {
+    formatFn: (d: Date) => string;
+    interval: any;
+};
+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>>, {
+    classNames: {
+        xAxis: string;
+        xAxisDark: string;
+        xAxisOverview: string;
+        xAxisDetailed: string;
+        xAxisBackground: string;
+    };
+}, {
+    update(): void;
+    translateTicksText(): void;
+    updateTicksSize(): void;
+}, {
+    classes: Record<string, boolean>;
+    axis: d3.Axis<Date>;
+    density: number;
+    currentTicksConfig: TicksConfig;
+}, {
+    ticksConfigs: TimelineTicksConfig[];
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    x: number;
+    y: number;
+    height: number;
+    dark: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/charts/EXAxisBackground.vue.d.ts

@@ -0,0 +1,19 @@
+import * as d3 from "d3";
+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>>, {
+    classNames: {
+        xAxis: string;
+        xAxisDark: string;
+        xAxisOverview: string;
+        xAxisDetailed: string;
+        xAxisBackground: string;
+    };
+    ticksConfigs: import('../../types').TimelineTicksConfig[];
+}, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    x: number;
+    y: number;
+    height: number;
+    dark: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/charts/EXAxisDetailed.vue.d.ts

@@ -0,0 +1,19 @@
+import * as d3 from "d3";
+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>>, {
+    classNames: {
+        xAxis: string;
+        xAxisDark: string;
+        xAxisOverview: string;
+        xAxisDetailed: string;
+        xAxisBackground: string;
+    };
+    ticksConfigs: import('../../types').TimelineTicksConfig[];
+}, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    x: number;
+    y: number;
+    height: number;
+    dark: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/charts/EXAxisOverview.vue.d.ts

@@ -0,0 +1,19 @@
+import * as d3 from "d3";
+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>>, {
+    classNames: {
+        xAxis: string;
+        xAxisDark: string;
+        xAxisOverview: string;
+        xAxisDetailed: string;
+        xAxisBackground: string;
+    };
+    ticksConfigs: import('../../types').TimelineTicksConfig[];
+}, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    x: number;
+    y: number;
+    height: number;
+    dark: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/charts/EZoomBehavior.vue.d.ts

@@ -0,0 +1,53 @@
+import Vue from "vue";
+import * as d3 from "d3";
+import { TimelineDomain } 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>>, {
+    timeScale: d3.ScaleTime<number, number, never>;
+    initialTimeScale: d3.ScaleTime<number, number, never>;
+    zoomBehavior: d3.ZoomBehavior<Element, any>;
+    selection: d3.Selection<Element, any, any, any>;
+    isTransitioning: boolean;
+    container: Element;
+    isLocked: boolean;
+    transformDiff: {
+        translation: number;
+        scale: number;
+    };
+    lastTransform: {
+        x: number;
+        y: number;
+        k: number;
+    };
+}, {
+    initRefs(): void;
+    initTimeScale(): void;
+    calculateZoomExtents(): {
+        scaleExtent: [number, number];
+        translateExtent: [[number, number], [number, number]];
+    };
+    initZoomBehavior(): void;
+    handleZoom(event: d3.D3ZoomEvent<Element, any>): void;
+    toD3Date(date: string | Date): Date;
+    toDateString(date: Date): string;
+    getWidth(): number;
+    zoomToFocusedDomain(focusedDomain: TimelineDomain): void;
+    translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
+    emitTimeScaleChange(): void;
+    emitFocusedDomainChange(): void;
+    panToTimestamp(targetTimestamp: string | Date): void;
+}, {
+    minDate: Date;
+    maxDate: Date;
+    focusedStartDate: Date;
+    focusedEndDate: Date;
+}, {
+    width: number | undefined;
+    domain: TimelineDomain;
+    focusedDomain: TimelineDomain | undefined;
+    timezone: string;
+    disabled: boolean;
+    scalingDuration: number;
+    translationDuration: number;
+    focusedTimestamp: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/chat/EChat.vue.d.ts

@@ -0,0 +1,23 @@
+import Vue from "vue";
+import { ChatMessage } 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>>, {
+    prompt: string;
+    containerHeight: number;
+    headerHeight: number;
+    bodyHeight: number;
+    footerHeight: number;
+}, {
+    sendMessage(): void;
+    isUserMessage(message: ChatMessage): boolean;
+    getMessageContent(message: ChatMessage): string;
+    onBodyResized(): void;
+    updateChatBodyHeight(): void;
+}, {
+    userInitials: string;
+    chatBodyStyle: Record<string, unknown>;
+}, {
+    dark: boolean;
+    messages: ChatMessage[];
+    user: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/chat/EChatBody.vue.d.ts

@@ -0,0 +1,15 @@
+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>>, {
+    autoScroll: boolean;
+    previousChildCount: number;
+}, {
+    onContentResized(): void;
+    scrollToBottom(): void;
+    disableAutoScroll(): void;
+    onScroll(): void;
+    onWheel(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    onTouch(): void;
+    onTouchMove(): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/chat/EChatFooter.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/components/chat/EChatHeader.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>>, unknown, unknown, unknown, {
+    title: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/chat/EChatInput.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>>, unknown, {
+    onInput(e: Event): void;
+}, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/chat/EChatMessage.vue.d.ts

@@ -0,0 +1,13 @@
+import Vue from "vue";
+import { ChatMessageRole } 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, {
+    isBotRole: boolean;
+    isStream: boolean;
+}, {
+    role: ChatMessageRole;
+    initials: string;
+    message: string | string[];
+    isLoading: boolean;
+    avatarSrc: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/chat/EChatWrapper.vue.d.ts

@@ -0,0 +1,7 @@
+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, {
+    wrapperClasses: Record<string, boolean>;
+}, {
+    dark: boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/index.d.ts

@@ -220,19 +220,16 @@ 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: HTMLElement;
         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;
@@ -241,14 +238,6 @@ export declare const components: {
         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;
@@ -277,8 +266,10 @@ export declare const components: {
         initialMarkerDragMouseOffset: number;
         selectedMilestoneId: any;
         isInitialized: boolean;
-        lastValidTransform: import("d3-zoom").ZoomTransform;
-        lastPanTransform: import("d3-zoom").ZoomTransform;
+        transformDiff: {
+            translation: number;
+            scale: number;
+        };
         isZoomingInterval: boolean;
         defs: {
             transparencyGradient: string;
@@ -287,28 +278,25 @@ export declare const components: {
             stripedPattern: string;
         };
         hoveredMilestone: import('./types').TimelineEvent;
+        focusedDomain: import('./types').TimelineDomain;
+        transitionDuration: number;
+        focusedTimestamp: string | Date;
     }, {
         updateTimeline(): void;
-        initTimeline(startDate?: string | undefined, endDate?: string | undefined): void;
+        initTimeline(): void;
         initRefs(): void;
         initOrUpdateSvg(): void;
         initOrUpdateDefs(): void;
         initUtcOffset(): void;
-        initTimeScale(start?: string | undefined, end?: string | undefined): void;
-        initXAxes(): void;
-        updateXAxes(): void;
         initYScale(): void;
         updateYScale(): void;
-        initZoomBehavior(): 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;
         selectOrAppend({ parent, targetId, targetType, }: {
             parent: any;
-            selector: string;
-            nodeType: string;
+            targetId: string;
+            targetType: string;
         }): any;
         updateAndRedrawTimeline(): void;
         clearTimeline(): void;
@@ -316,16 +304,9 @@ export declare const components: {
         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;
@@ -336,9 +317,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;
@@ -349,8 +332,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;
@@ -497,6 +478,7 @@ export declare const components: {
         hasChart: boolean;
         labelRectWidth: number;
         combinedXAxesHeight: number;
+        timelineWidth: number;
         timelineHeight: number;
         filteredEventsGroups: import('./types').TimelineEventsByType;
         allEventsSorted: import('./types').TimelineEvent[];
@@ -511,9 +493,9 @@ export declare const components: {
         minHoverZone: number;
         sortedMarkers: import('./types').TimelineMarker[];
         maxVisibleCount: number;
+        domain: import('./types').TimelineDomain;
     }, {
         eventsGroups: {};
-        xAxesConfig: import('./types').TimelineAxesConfig;
         dark: boolean;
         startDate: string;
         endDate: string;
@@ -530,8 +512,6 @@ export declare const components: {
         barXPadding: number;
         chartMinHeight: number;
         chartMinLabelHeight: number;
-        minZoom: number;
-        maxZoom: number;
         minDate: string;
         maxDate: string;
         cursorTimestamp: string | undefined;
@@ -1111,6 +1091,27 @@ export declare const components: {
         $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;
+        getMessageContent(message: import('./types').ChatMessage): string;
+        onBodyResized(): void;
+        updateChatBodyHeight(): void;
+    }, {
+        userInitials: string;
+        chatBodyStyle: Record<string, unknown>;
+    }, {
+        dark: boolean;
+        messages: import('./types').ChatMessage[];
+        user: string;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+    EContextProvider: any;
 };
 declare const _default: {
     install(Vue: VueConstructor): void;