@evercam/ui 0.0.63-preview-copilot-annotations-18e0e4c62 → 0.0.63-preview-add-etimelinecursor-component-e18e0bec0

package/README.md

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

package/dist/attributes.json

@@ -362,10 +362,6 @@
     "type": "string",
     "description": ""
   },
-  "ETimeline/cursor-timestamp": {
-    "type": "string|any",
-    "description": ""
-  },
   "ETimeline/selected-class": {
     "type": "string|any",
     "description": ""
@@ -461,6 +457,11 @@
     "description": "",
     "default": 0
   },
+  "ETimeline/show-cursor": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
   "EVideoEmbed/video-url": {
     "type": "string",
     "description": ""

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

@@ -0,0 +1,67 @@
+import * as d3 from "d3";
+import Vue from "vue";
+import { Timestamp } 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>>, {
+    classNames: {
+        xAxis: string;
+        xAxisDark: string;
+        xAxisOverview: string;
+        xAxisDetailed: string;
+        xAxisBackground: string;
+        eventGroup: string;
+        eventGroupBg: string;
+        eventRect: string;
+        eventBarContainer: string;
+        eventBarContainerHovered: string;
+        eventBarContainerSelected: string;
+        eventBar: string;
+        eventBarHoverZone: string;
+        eventBarCap: string;
+        eventRectText: string;
+        eventRectHovered: string;
+        eventRectSelected: string;
+        labelGroup: string;
+        labelBg: string;
+        labelBgFill: string;
+        labelText: string;
+        loadingIndicator: string;
+        selectedTimestampCursor: string;
+        marker: string;
+        markerLabel: string;
+        markerLine: string;
+        markerDragged: string;
+        milestone: string;
+        milestoneBullet: string;
+        milestoneDot: string;
+        milestoneContent: string;
+        milestoneLine: string;
+        milestonesContainer: string;
+        milestoneHovered: string;
+        milestoneSelected: string;
+        milestoneLabel: string;
+        milestoneDotContainer: string;
+        milestoneDotLine: string;
+        milestoneDotDot: string;
+        milestoneDotHovered: string;
+        barChartGroup: string;
+        lineGraphGroup: string;
+        lineGraphGroupLabel: string;
+        lineGraphPath: string;
+        lineGraphHoverZone: string;
+        lineGraphDot: string;
+        curtain: string;
+        forbiddenInterval: string;
+    };
+}, {
+    repositionCursor(): void;
+    tzStringToDate(timestamp: Timestamp): Date;
+}, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    timestamp: string;
+    timezone: string;
+    height: number;
+    color: string;
+    width: number;
+    opacity: number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -0,0 +1,20 @@
+import * as d3 from "d3";
+import Vue from "vue";
+import { Timestamp } 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>>, {
+    cursor: d3.Selection<HTMLElement, any, any, any>;
+    hoveredTimestamp: string | undefined;
+    isHoveringTimeline: boolean;
+}, {
+    registerEventsListeners(): void;
+    handleMouseLeave(): void;
+    handleMouseMove(event: MouseEvent): void;
+    handleClick(event: MouseEvent): void;
+    tzStringToDate(timestamp: Timestamp): Date;
+    dateToTzString(date: Date): string;
+}, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    timezone: string;
+    minHoverZone: number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -4,10 +4,8 @@ import { TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEvents
 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: SVGSVGElement;
     svg: d3.Selection<SVGSVGElement, any, any, any>;
     timeScale: d3.ScaleTime<any, any, unknown>;
@@ -15,8 +13,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     axisHeight: number;
     isHoveringEvent: boolean;
     hoveredEvent: TimelineEvent;
-    isHoveringTimeline: boolean;
-    hoveredTimestamp: string;
     eventTooltipStyle: {};
     hoveredEventType: string;
     utcOffset: number;
@@ -61,23 +57,20 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     initYScale(): void;
     updateYScale(): void;
     zoomToFitMarkers(): void;
-    initSelectedTimestampCursor(): void;
     selectOrAppend({ parent, targetId, targetType, }: {
         parent: d3.Selection<any, any, any, any>;
         targetId: string;
         targetType: string;
     }): d3.Selection<d3.BaseType, any, any, any>;
     clearTimeline(): void;
-    repositionSelectedTimestampCursor(): void;
     updateCurrentTimeScaleDensity(): void;
-    registerEventsListeners(): void;
     emitVisibleInterval(trigger: TimelineIntervalChangeTrigger): void;
     onResize(resizeObserverEntry: ResizeObserverEntry): void;
     handleResize({ contentRect }: ResizeObserverEntry): void;
     handleDarkModeChange(): 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: TimelineMarker): void;
     handleLineMouseOver(_event: MouseEvent, eventData: TimelineCountEvent, eventType: string): void;
     handleLineMouseOut(): void;
@@ -267,7 +260,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     chartMinLabelHeight: number;
     minDate: string;
     maxDate: string;
-    cursorTimestamp: string | undefined;
     selectedClass: string | undefined;
     panOnDateClick: boolean;
     panTransitionDuration: number;
@@ -288,5 +280,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     stopClickPropagation: boolean;
     tooltipPosition: string;
     maxDomainPadding: number;
+    showCursor: boolean;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/components/timeline/ETimelineCursor.vue.d.ts

@@ -0,0 +1,9 @@
+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>>, unknown, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    selectedTimestamp: string;
+    timezone: string;
+    height: number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/components/timeline/ETimelineSelectedTimestampCursor.vue.d.ts

@@ -0,0 +1,9 @@
+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>>, unknown, unknown, unknown, {
+    timeScale: d3.ScaleTime<any, any, unknown>;
+    selectedTimestamp: string;
+    timezone: string;
+    height: number;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

package/dist/index.d.ts

@@ -224,10 +224,8 @@ export declare const components: {
     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>;
         timeScale: import("d3-scale").ScaleTime<any, any, unknown>;
@@ -235,8 +233,6 @@ export declare const components: {
         axisHeight: number;
         isHoveringEvent: boolean;
         hoveredEvent: import('./types').TimelineEvent;
-        isHoveringTimeline: boolean;
-        hoveredTimestamp: string;
         eventTooltipStyle: {};
         hoveredEventType: string;
         utcOffset: number;
@@ -281,23 +277,20 @@ export declare const components: {
         initYScale(): void;
         updateYScale(): void;
         zoomToFitMarkers(): void;
-        initSelectedTimestampCursor(): 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;
         onResize(resizeObserverEntry: ResizeObserverEntry): void;
         handleResize({ contentRect }: ResizeObserverEntry): void;
         handleDarkModeChange(): 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;
@@ -487,7 +480,6 @@ export declare const components: {
         chartMinLabelHeight: number;
         minDate: string;
         maxDate: string;
-        cursorTimestamp: string | undefined;
         selectedClass: string | undefined;
         panOnDateClick: boolean;
         panTransitionDuration: number;
@@ -508,6 +500,7 @@ export declare const components: {
         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;