@evercam/ui 0.0.63-preview-ui-add-wrapper-classes-8ff2abf40 → 0.0.63-preview-ui-add-wrapper-classes-741d112b9

package/README.md

@@ -47,3 +47,4 @@ You can preview the components and their stories by running the [Histoire](https
 
 
 
+

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

@@ -1,6 +1,6 @@
 import * as d3 from "d3";
 import Vue from "vue";
-import { TimelineEventsGroup, Timestamp } from '../../types';
+import { TimelineEvent, TimelineEventsGroup, Timestamp } from '../../types';
 type ComputedEventRect = {
     x: number;
     y: number;
@@ -78,10 +78,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     characterWidth: number;
 }, {
     updateLine(): void;
+    getEventRectX(d: TimelineEvent, timeScale: d3.ScaleTime<any, any, unknown>): any;
     tzStringToDate(timestamp: Timestamp): Date;
 }, {
     lineGradient: string;
-    lineDots: import('../../types').TimelineEvent[];
+    lineDots: TimelineEvent[];
     hoverZones: ComputedEventRect[];
     yScale: d3.ScaleLinear<number, number, never>;
 }, {

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

@@ -11,6 +11,7 @@ type ComputedEventRect = {
     textY: number;
     textColor: string;
     textContent: string;
+    groupedEvents?: TimelineEvent[];
 };
 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: {
@@ -72,23 +73,29 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     characterWidth: number;
     textPadding: number;
 }, {
-    onMouseOver(e: MouseEvent, eventData: TimelineEvent, type: string): void;
+    onMouseOver(e: MouseEvent, event: TimelineEvent | ComputedEventRect, type: string): void;
     onMouseLeave(e: MouseEvent): void;
+    onGroupedEventsMouseOver(e: MouseEvent, events: (TimelineEvent | ComputedEventRect)[], type: string): void;
     getEventText(e: TimelineEvent, textPadding: number, characterWidth: number): string;
     getEventRectWidth(d: TimelineEvent, timeScale: d3.ScaleTime<any, any, unknown>, rectMinWidth: number): number;
     getEventRectX(d: TimelineEvent, timeScale: d3.ScaleTime<any, any, unknown>): any;
     tzStringToDate(timestamp: Timestamp): Date;
     dateToTzString(date: Date): string;
+    convertEventTzStringToDate(event: TimelineEvent | ComputedEventRect): TimelineEvent;
+    convertEventDateToTzString(event: TimelineEvent | ComputedEventRect): TimelineEvent;
     getFillColor(baseColor: string, k?: number, dark?: boolean): string;
 }, {
     rectStrokeWidth: number;
-    rectRx: number | undefined;
-    rectRy: number | undefined;
+    rectRx: number;
+    rectRy: number;
+    computedHeight: number;
     yPosition: number;
-    rectStroke: string | undefined;
+    rectStroke: string;
     rectHeight: number;
+    preprocessedEvents: TimelineEvent[];
     computedEvents: ComputedEventRect[];
     timeScaleDensity: number;
+    groupedEvents: TimelineEvent[][];
 }, {
     timeScale: d3.ScaleTime<any, any, unknown>;
     eventsGroup: TimelineEventsGroup;
@@ -106,5 +113,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     dots: boolean;
     dotsSize: number;
     barBorderRadius: number;
+    groupOverlappingDots: boolean;
+    groupingThreshold: number;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

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

@@ -0,0 +1,83 @@
+import Vue from "vue";
+import { TimelineEvent } from '../../types';
+type EventRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    color: string;
+    groupedEvents?: TimelineEvent[];
+};
+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;
+        eventGroupContent: string;
+        eventRect: string;
+        eventRectContainer: string;
+        eventBarContainer: string;
+        eventBarContainerHovered: string;
+        eventBarContainerSelected: string;
+        eventBar: string;
+        eventBarHoverZone: string;
+        eventRectText: string;
+        eventRectHovered: string;
+        eventRectSelected: string;
+        labelGroup: string;
+        labelBg: string;
+        labelBgFill: string;
+        labelText: string;
+        loadingIndicator: string;
+        _legacyLabelGroup: string;
+        _legacyLabelBg: string;
+        _legacyLabelBgFill: string;
+        _legacyLabelText: string;
+        _legacyLoadingIndicator: 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;
+        areaGraphPath: string;
+        lineGraphPath: string;
+        lineGraphHoverZone: string;
+        lineGraphDot: string;
+        forbiddenInterval: string;
+    };
+}, {
+    getBackgroundX(offset: number): number;
+    getBackgroundY(offset: number): number;
+    getBackgroundSize(offset: number): number;
+    getBackgroundOpacity(offset: number): number;
+}, {
+    numberOfBackgroundDots: number;
+}, {
+    event: EventRect;
+    rectStroke: string;
+    rectStrokeWidth: number;
+    rectRx: number;
+    rectRy: number;
+    groupId: string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
+export default _default;

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

@@ -10,6 +10,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     svg: d3.Selection<SVGSVGElement, any, any, any>;
     axisHeight: number;
     isHoveringEvent: boolean;
+    isHoveringGroupedEvents: boolean;
+    isAnimating: boolean;
     hoveredEvent: TimelineEvent;
     eventTooltipStyle: {};
     hoveredEventType: string;
@@ -32,6 +34,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     focusedDomain: TimelineDomain;
     transitionDuration: number;
     focusedTimestamp: string | Date;
+    hoveredGroupedEvents: TimelineEvent[];
     TimelineChartType: typeof TimelineChartType;
 }, {
     handleVisibleIntervalChange({ fromDate, toDate, trigger, transform }: {
@@ -55,9 +58,12 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     handleChartMouseOver(_event: MouseEvent, eventData: TimelineCountEvent, eventType: string): void;
     handleChartMouseOut(): void;
     handleBarMouseOver(event: MouseEvent, eventData: TimelineEvent, eventType: string): void;
+    handleBarGroupedEventsMouseOver(event: MouseEvent, events: TimelineEvent[], eventType: string): void;
     handleBarMouseOut(): void;
     handleTimeScaleChange(ts: d3.ScaleTime<any, any, unknown>): void;
     zoomToStartAndEndDates(): void;
+    onAnimationStart(): void;
+    onAnimationEnd(): void;
     getMilestoneClass(milestone: TimelineEvent): Record<string, boolean>;
     getMilestoneColors(milestoneColor: string | undefined, groupColor: string): {
         background: string;
@@ -80,7 +86,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     };
     tzStringToDate(timestamp: Timestamp): Date;
     getFormattedTimestamp(timestamp: Timestamp): string;
-    fillTimeGaps(events: TimelineEvent[]): (import('../../types').TimelineBarEvent | import('../../types').TimelineRangeEvent | TimelineCountEvent | {
+    fillTimeGaps(events: TimelineEvent[]): (import('../../types').TimelineBarEvent | import('../../types').TimelineRangeEvent | TimelineCountEvent | import('../../types').TimelineMilestoneEvent | {
         timestamp: string;
         count: number;
     })[];

package/dist/index.d.ts

@@ -231,6 +231,8 @@ export declare const components: {
         svg: import("d3-selection").Selection<SVGSVGElement, any, any, any>;
         axisHeight: number;
         isHoveringEvent: boolean;
+        isHoveringGroupedEvents: boolean;
+        isAnimating: boolean;
         hoveredEvent: import('./types').TimelineEvent;
         eventTooltipStyle: {};
         hoveredEventType: string;
@@ -253,6 +255,7 @@ export declare const components: {
         focusedDomain: import('./types').TimelineDomain;
         transitionDuration: number;
         focusedTimestamp: string | Date;
+        hoveredGroupedEvents: import('./types').TimelineEvent[];
         TimelineChartType: typeof import('./types').TimelineChartType;
     }, {
         handleVisibleIntervalChange({ fromDate, toDate, trigger, transform }: {
@@ -276,9 +279,12 @@ export declare const components: {
         handleChartMouseOver(_event: MouseEvent, eventData: import('./types').TimelineCountEvent, eventType: string): void;
         handleChartMouseOut(): void;
         handleBarMouseOver(event: MouseEvent, eventData: import('./types').TimelineEvent, eventType: string): void;
+        handleBarGroupedEventsMouseOver(event: MouseEvent, events: import('./types').TimelineEvent[], eventType: string): void;
         handleBarMouseOut(): void;
         handleTimeScaleChange(ts: import("d3-scale").ScaleTime<any, any, unknown>): void;
         zoomToStartAndEndDates(): void;
+        onAnimationStart(): void;
+        onAnimationEnd(): void;
         getMilestoneClass(milestone: import('./types').TimelineEvent): Record<string, boolean>;
         getMilestoneColors(milestoneColor: string | undefined, groupColor: string): {
             background: string;
@@ -301,7 +307,7 @@ export declare const components: {
         };
         tzStringToDate(timestamp: import('./types').Timestamp): Date;
         getFormattedTimestamp(timestamp: import('./types').Timestamp): string;
-        fillTimeGaps(events: import('./types').TimelineEvent[]): (import('./types').TimelineBarEvent | import('./types').TimelineRangeEvent | import('./types').TimelineCountEvent | {
+        fillTimeGaps(events: import('./types').TimelineEvent[]): (import('./types').TimelineBarEvent | import('./types').TimelineRangeEvent | import('./types').TimelineCountEvent | import('./types').TimelineMilestoneEvent | {
             timestamp: string;
             count: number;
         })[];