@evercam/ui 0.0.63-preview-fix-loading-a06c6d51c → 0.0.63-preview-etimeline-bars-chart-d8a1e507a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/charts/ECursor.vue.d.ts +0 -1
- package/dist/components/charts/ETimelineBarsChart.vue.d.ts +114 -0
- package/dist/components/charts/ETimelineForbiddenInterval.vue.d.ts +1 -1
- package/dist/components/charts/ETimelineGroupContainer.vue.d.ts +1 -2
- package/dist/components/charts/ETimelineLinesChart.vue.d.ts +104 -0
- package/dist/components/charts/ETimelineRectsChart.vue.d.ts +0 -1
- package/dist/components/charts/ETimelineSVGDefs.vue.d.ts +22 -1
- package/dist/components/charts/EXAxis.vue.d.ts +0 -1
- package/dist/components/charts/EXAxisBackground.vue.d.ts +0 -1
- package/dist/components/charts/EXAxisDetailed.vue.d.ts +0 -1
- package/dist/components/charts/EXAxisOverview.vue.d.ts +0 -1
- package/dist/components/charts/EZoomBehavior.vue.d.ts +3 -3
- package/dist/components/charts/constants.d.ts +1 -1
- package/dist/components/timeline/ETimeline.vue.d.ts +22 -84
- package/dist/components/timeline/ETimelineMilestone.vue.d.ts +0 -1
- package/dist/index.d.ts +21 -83
- package/dist/index.mjs +3768 -3711
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +14 -14
- package/dist/index.umd.js.map +1 -1
- package/dist/web-types.json +3 -3
- package/package.json +1 -1
|
@@ -18,7 +18,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
18
18
|
eventBarContainerSelected: string;
|
|
19
19
|
eventBar: string;
|
|
20
20
|
eventBarHoverZone: string;
|
|
21
|
-
eventBarCap: string;
|
|
22
21
|
eventRectText: string;
|
|
23
22
|
eventRectHovered: string;
|
|
24
23
|
eventRectSelected: string;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import * as d3 from "d3";
|
|
2
|
+
import Vue from "vue";
|
|
3
|
+
import { TimelineEvent, TimelineEventsGroup, Timestamp } from '../../types';
|
|
4
|
+
type ComputedEventBar = {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
height: number;
|
|
8
|
+
width: number;
|
|
9
|
+
color: string;
|
|
10
|
+
startDate?: Timestamp;
|
|
11
|
+
endDate?: Timestamp;
|
|
12
|
+
count: number;
|
|
13
|
+
className?: string;
|
|
14
|
+
isHovering: boolean;
|
|
15
|
+
};
|
|
16
|
+
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>>, {
|
|
17
|
+
classNames: {
|
|
18
|
+
xAxis: string;
|
|
19
|
+
xAxisDark: string;
|
|
20
|
+
xAxisOverview: string;
|
|
21
|
+
xAxisDetailed: string;
|
|
22
|
+
xAxisBackground: string;
|
|
23
|
+
eventGroup: string;
|
|
24
|
+
eventGroupBg: string;
|
|
25
|
+
eventGroupContent: string;
|
|
26
|
+
eventRect: string;
|
|
27
|
+
eventRectContainer: string;
|
|
28
|
+
eventBarContainer: string;
|
|
29
|
+
eventBarContainerHovered: string;
|
|
30
|
+
eventBarContainerSelected: string;
|
|
31
|
+
eventBar: string;
|
|
32
|
+
eventBarHoverZone: string;
|
|
33
|
+
eventRectText: string;
|
|
34
|
+
eventRectHovered: string;
|
|
35
|
+
eventRectSelected: string;
|
|
36
|
+
labelGroup: string;
|
|
37
|
+
labelBg: string;
|
|
38
|
+
labelBgFill: string;
|
|
39
|
+
labelText: string;
|
|
40
|
+
loadingIndicator: string;
|
|
41
|
+
_legacyLabelGroup: string;
|
|
42
|
+
_legacyLabelBg: string;
|
|
43
|
+
_legacyLabelBgFill: string;
|
|
44
|
+
_legacyLabelText: string;
|
|
45
|
+
_legacyLoadingIndicator: string;
|
|
46
|
+
selectedTimestampCursor: string;
|
|
47
|
+
marker: string;
|
|
48
|
+
markerLabel: string;
|
|
49
|
+
markerLine: string;
|
|
50
|
+
markerDragged: string;
|
|
51
|
+
milestone: string;
|
|
52
|
+
milestoneBullet: string;
|
|
53
|
+
milestoneDot: string;
|
|
54
|
+
milestoneContent: string;
|
|
55
|
+
milestoneLine: string;
|
|
56
|
+
milestonesContainer: string;
|
|
57
|
+
milestoneHovered: string;
|
|
58
|
+
milestoneSelected: string;
|
|
59
|
+
milestoneLabel: string;
|
|
60
|
+
milestoneDotContainer: string;
|
|
61
|
+
milestoneDotLine: string;
|
|
62
|
+
milestoneDotDot: string;
|
|
63
|
+
milestoneDotHovered: string;
|
|
64
|
+
barChartGroup: string;
|
|
65
|
+
lineGraphGroup: string;
|
|
66
|
+
lineGraphGroupLabel: string;
|
|
67
|
+
areaGraphPath: string;
|
|
68
|
+
lineGraphPath: string;
|
|
69
|
+
lineGraphHoverZone: string;
|
|
70
|
+
lineGraphDot: string;
|
|
71
|
+
forbiddenInterval: string;
|
|
72
|
+
};
|
|
73
|
+
defs: {
|
|
74
|
+
transparencyGradient: string;
|
|
75
|
+
transparencyGradientLight: string;
|
|
76
|
+
transparencyGradientHover: string;
|
|
77
|
+
loadingGradient: string;
|
|
78
|
+
stripedPattern: string;
|
|
79
|
+
clipPath: string;
|
|
80
|
+
};
|
|
81
|
+
characterWidth: number;
|
|
82
|
+
}, {
|
|
83
|
+
getBarOpacity(event: ComputedEventBar): string;
|
|
84
|
+
getEventRectX(d: TimelineEvent, timeScale: d3.ScaleTime<any, any, unknown>): any;
|
|
85
|
+
tzStringToDate(timestamp: Timestamp): Date;
|
|
86
|
+
onEventClick(): void;
|
|
87
|
+
getEventRectWidth(d: TimelineEvent): number;
|
|
88
|
+
}, {
|
|
89
|
+
bars: TimelineEvent[];
|
|
90
|
+
hoverZones: ComputedEventBar[];
|
|
91
|
+
yScale: d3.ScaleLinear<number, number, never>;
|
|
92
|
+
}, {
|
|
93
|
+
timeScale: d3.ScaleTime<any, any, unknown>;
|
|
94
|
+
eventsGroup: TimelineEventsGroup;
|
|
95
|
+
groupId: string;
|
|
96
|
+
x: number;
|
|
97
|
+
y: number;
|
|
98
|
+
height: number;
|
|
99
|
+
width: number;
|
|
100
|
+
dark: boolean;
|
|
101
|
+
showLabel: boolean;
|
|
102
|
+
labelWidth: number | undefined;
|
|
103
|
+
labelHeight: number | undefined;
|
|
104
|
+
timezone: string | undefined;
|
|
105
|
+
hoveredTimestamp: string;
|
|
106
|
+
yOffset: number;
|
|
107
|
+
rectMinWidth: number;
|
|
108
|
+
currentTimeScaleDensity: number;
|
|
109
|
+
maxVisibleCount: number;
|
|
110
|
+
previousCountsByTimestamp: {
|
|
111
|
+
[key: string]: number;
|
|
112
|
+
};
|
|
113
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
114
|
+
export default _default;
|
|
@@ -18,7 +18,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
18
18
|
eventBarContainerSelected: string;
|
|
19
19
|
eventBar: string;
|
|
20
20
|
eventBarHoverZone: string;
|
|
21
|
-
eventBarCap: string;
|
|
22
21
|
eventRectText: string;
|
|
23
22
|
eventRectHovered: string;
|
|
24
23
|
eventRectSelected: string;
|
|
@@ -62,6 +61,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
62
61
|
defs: {
|
|
63
62
|
transparencyGradient: string;
|
|
64
63
|
transparencyGradientLight: string;
|
|
64
|
+
transparencyGradientHover: string;
|
|
65
65
|
loadingGradient: string;
|
|
66
66
|
stripedPattern: string;
|
|
67
67
|
clipPath: string;
|
|
@@ -16,7 +16,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
16
16
|
eventBarContainerSelected: string;
|
|
17
17
|
eventBar: string;
|
|
18
18
|
eventBarHoverZone: string;
|
|
19
|
-
eventBarCap: string;
|
|
20
19
|
eventRectText: string;
|
|
21
20
|
eventRectHovered: string;
|
|
22
21
|
eventRectSelected: string;
|
|
@@ -80,11 +79,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
80
79
|
width: number;
|
|
81
80
|
showLabel: boolean;
|
|
82
81
|
labelWidth: number | undefined;
|
|
83
|
-
labelHeight: number | undefined;
|
|
84
82
|
labelRadius: number | undefined;
|
|
85
83
|
xPadding: number;
|
|
86
84
|
loading: boolean;
|
|
87
85
|
dark: boolean;
|
|
88
86
|
hidden: boolean;
|
|
87
|
+
showBackground: boolean;
|
|
89
88
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
90
89
|
export default _default;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as d3 from "d3";
|
|
2
|
+
import Vue from "vue";
|
|
3
|
+
import { TimelineEventsGroup, Timestamp } from '../../types';
|
|
4
|
+
type ComputedEventRect = {
|
|
5
|
+
x: number;
|
|
6
|
+
y: number;
|
|
7
|
+
height: number;
|
|
8
|
+
color: string;
|
|
9
|
+
timestamp: Timestamp;
|
|
10
|
+
count: number;
|
|
11
|
+
isHovering: boolean;
|
|
12
|
+
};
|
|
13
|
+
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>>, {
|
|
14
|
+
classNames: {
|
|
15
|
+
xAxis: string;
|
|
16
|
+
xAxisDark: string;
|
|
17
|
+
xAxisOverview: string;
|
|
18
|
+
xAxisDetailed: string;
|
|
19
|
+
xAxisBackground: string;
|
|
20
|
+
eventGroup: string;
|
|
21
|
+
eventGroupBg: string;
|
|
22
|
+
eventGroupContent: string;
|
|
23
|
+
eventRect: string;
|
|
24
|
+
eventRectContainer: string;
|
|
25
|
+
eventBarContainer: string;
|
|
26
|
+
eventBarContainerHovered: string;
|
|
27
|
+
eventBarContainerSelected: string;
|
|
28
|
+
eventBar: string;
|
|
29
|
+
eventBarHoverZone: string;
|
|
30
|
+
eventRectText: string;
|
|
31
|
+
eventRectHovered: string;
|
|
32
|
+
eventRectSelected: string;
|
|
33
|
+
labelGroup: string;
|
|
34
|
+
labelBg: string;
|
|
35
|
+
labelBgFill: string;
|
|
36
|
+
labelText: string;
|
|
37
|
+
loadingIndicator: string;
|
|
38
|
+
_legacyLabelGroup: string;
|
|
39
|
+
_legacyLabelBg: string;
|
|
40
|
+
_legacyLabelBgFill: string;
|
|
41
|
+
_legacyLabelText: string;
|
|
42
|
+
_legacyLoadingIndicator: string;
|
|
43
|
+
selectedTimestampCursor: string;
|
|
44
|
+
marker: string;
|
|
45
|
+
markerLabel: string;
|
|
46
|
+
markerLine: string;
|
|
47
|
+
markerDragged: string;
|
|
48
|
+
milestone: string;
|
|
49
|
+
milestoneBullet: string;
|
|
50
|
+
milestoneDot: string;
|
|
51
|
+
milestoneContent: string;
|
|
52
|
+
milestoneLine: string;
|
|
53
|
+
milestonesContainer: string;
|
|
54
|
+
milestoneHovered: string;
|
|
55
|
+
milestoneSelected: string;
|
|
56
|
+
milestoneLabel: string;
|
|
57
|
+
milestoneDotContainer: string;
|
|
58
|
+
milestoneDotLine: string;
|
|
59
|
+
milestoneDotDot: string;
|
|
60
|
+
milestoneDotHovered: string;
|
|
61
|
+
barChartGroup: string;
|
|
62
|
+
lineGraphGroup: string;
|
|
63
|
+
lineGraphGroupLabel: string;
|
|
64
|
+
areaGraphPath: string;
|
|
65
|
+
lineGraphPath: string;
|
|
66
|
+
lineGraphHoverZone: string;
|
|
67
|
+
lineGraphDot: string;
|
|
68
|
+
forbiddenInterval: string;
|
|
69
|
+
};
|
|
70
|
+
defs: {
|
|
71
|
+
transparencyGradient: string;
|
|
72
|
+
transparencyGradientLight: string;
|
|
73
|
+
transparencyGradientHover: string;
|
|
74
|
+
loadingGradient: string;
|
|
75
|
+
stripedPattern: string;
|
|
76
|
+
clipPath: string;
|
|
77
|
+
};
|
|
78
|
+
characterWidth: number;
|
|
79
|
+
}, {
|
|
80
|
+
updateLine(): void;
|
|
81
|
+
tzStringToDate(timestamp: Timestamp): Date;
|
|
82
|
+
}, {
|
|
83
|
+
lineGradient: string;
|
|
84
|
+
lineDots: import('../../types').TimelineEvent[];
|
|
85
|
+
hoverZones: ComputedEventRect[];
|
|
86
|
+
yScale: d3.ScaleLinear<number, number, never>;
|
|
87
|
+
}, {
|
|
88
|
+
timeScale: d3.ScaleTime<any, any, unknown>;
|
|
89
|
+
eventsGroup: TimelineEventsGroup;
|
|
90
|
+
groupId: string;
|
|
91
|
+
x: number;
|
|
92
|
+
y: number;
|
|
93
|
+
height: number;
|
|
94
|
+
width: number;
|
|
95
|
+
dark: boolean;
|
|
96
|
+
showLabel: boolean;
|
|
97
|
+
maxVisibleCount: number;
|
|
98
|
+
labelWidth: number | undefined;
|
|
99
|
+
labelHeight: number | undefined;
|
|
100
|
+
timezone: string | undefined;
|
|
101
|
+
hoveredTimestamp: string;
|
|
102
|
+
yOffset: number;
|
|
103
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
104
|
+
export default _default;
|
|
@@ -29,7 +29,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
29
29
|
eventBarContainerSelected: string;
|
|
30
30
|
eventBar: string;
|
|
31
31
|
eventBarHoverZone: string;
|
|
32
|
-
eventBarCap: string;
|
|
33
32
|
eventRectText: string;
|
|
34
33
|
eventRectHovered: string;
|
|
35
34
|
eventRectSelected: string;
|
|
@@ -1,3 +1,24 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
|
-
|
|
2
|
+
import { TimelineChartType } from '../../types';
|
|
3
|
+
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>>, {
|
|
4
|
+
defs: {
|
|
5
|
+
transparencyGradient: string;
|
|
6
|
+
transparencyGradientLight: string;
|
|
7
|
+
transparencyGradientHover: string;
|
|
8
|
+
loadingGradient: string;
|
|
9
|
+
stripedPattern: string;
|
|
10
|
+
clipPath: string;
|
|
11
|
+
};
|
|
12
|
+
TimelineChartType: typeof TimelineChartType;
|
|
13
|
+
transparencyGradients: {
|
|
14
|
+
id: string;
|
|
15
|
+
stop: number;
|
|
16
|
+
opacity: number;
|
|
17
|
+
}[];
|
|
18
|
+
}, unknown, unknown, {
|
|
19
|
+
eventsGroups: {};
|
|
20
|
+
forbiddenIntervalColor: string;
|
|
21
|
+
width: number;
|
|
22
|
+
height: number;
|
|
23
|
+
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
3
24
|
export default _default;
|
|
@@ -22,7 +22,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
22
22
|
eventBarContainerSelected: string;
|
|
23
23
|
eventBar: string;
|
|
24
24
|
eventBarHoverZone: string;
|
|
25
|
-
eventBarCap: string;
|
|
26
25
|
eventRectText: string;
|
|
27
26
|
eventRectHovered: string;
|
|
28
27
|
eventRectSelected: string;
|
|
@@ -17,7 +17,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
17
17
|
eventBarContainerSelected: string;
|
|
18
18
|
eventBar: string;
|
|
19
19
|
eventBarHoverZone: string;
|
|
20
|
-
eventBarCap: string;
|
|
21
20
|
eventRectText: string;
|
|
22
21
|
eventRectHovered: string;
|
|
23
22
|
eventRectSelected: string;
|
|
@@ -17,7 +17,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
17
17
|
eventBarContainerSelected: string;
|
|
18
18
|
eventBar: string;
|
|
19
19
|
eventBarHoverZone: string;
|
|
20
|
-
eventBarCap: string;
|
|
21
20
|
eventRectText: string;
|
|
22
21
|
eventRectHovered: string;
|
|
23
22
|
eventRectSelected: string;
|
|
@@ -17,7 +17,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
17
17
|
eventBarContainerSelected: string;
|
|
18
18
|
eventBar: string;
|
|
19
19
|
eventBarHoverZone: string;
|
|
20
|
-
eventBarCap: string;
|
|
21
20
|
eventRectText: string;
|
|
22
21
|
eventRectHovered: string;
|
|
23
22
|
eventRectSelected: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
2
|
import * as d3 from "d3";
|
|
3
|
-
import { TimelineDomain } from '../../types';
|
|
3
|
+
import { TimelineDomain, TimelineIntervalChangeTrigger } from '../../types';
|
|
4
4
|
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>>, {
|
|
5
5
|
timeScale: d3.ScaleTime<number, number, never>;
|
|
6
6
|
initialTimeScale: d3.ScaleTime<number, number, never>;
|
|
@@ -34,9 +34,9 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
34
34
|
toDateString(date: Date | string): string;
|
|
35
35
|
getWidth(): number;
|
|
36
36
|
zoomToFocusedDomain(focusedDomain: TimelineDomain): void;
|
|
37
|
-
translateIntervalIntoView(minTimestamp:
|
|
37
|
+
translateIntervalIntoView(minTimestamp: Date, maxTimestamp: Date, scaleFactor: number): void;
|
|
38
38
|
emitTimeScaleChange(): void;
|
|
39
|
-
emitFocusedDomainChange(): void;
|
|
39
|
+
emitFocusedDomainChange(trigger: TimelineIntervalChangeTrigger): void;
|
|
40
40
|
panToTimestamp(targetTimestamp: string | Date | number): void;
|
|
41
41
|
updateBoundaries(isLeftReached: boolean, isRightReached: boolean): void;
|
|
42
42
|
resetBoundaries(): void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const defs: {
|
|
2
2
|
transparencyGradient: string;
|
|
3
3
|
transparencyGradientLight: string;
|
|
4
|
+
transparencyGradientHover: string;
|
|
4
5
|
loadingGradient: string;
|
|
5
6
|
stripedPattern: string;
|
|
6
7
|
clipPath: string;
|
|
@@ -21,7 +22,6 @@ export declare const classNames: {
|
|
|
21
22
|
eventBarContainerSelected: string;
|
|
22
23
|
eventBar: string;
|
|
23
24
|
eventBarHoverZone: string;
|
|
24
|
-
eventBarCap: string;
|
|
25
25
|
eventRectText: string;
|
|
26
26
|
eventRectHovered: string;
|
|
27
27
|
eventRectSelected: string;
|
|
@@ -1,30 +1,23 @@
|
|
|
1
1
|
import * as d3 from "d3";
|
|
2
2
|
import Vue from "vue";
|
|
3
|
-
import { TimelineChartType, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval,
|
|
3
|
+
import { TimelineChartType, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineMarker, TimelinePrecision, Timestamp, TimelineDomain } from '../../types';
|
|
4
4
|
import { NormalizedScopedSlot } from "vue/types/vnode";
|
|
5
5
|
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>>, {
|
|
6
6
|
mainContainer: HTMLElement;
|
|
7
7
|
tooltip: HTMLElement;
|
|
8
8
|
timeline: HTMLElement;
|
|
9
|
-
wrapperDiv: HTMLElement;
|
|
10
9
|
svgElement: SVGSVGElement;
|
|
11
10
|
svg: d3.Selection<SVGSVGElement, any, any, any>;
|
|
12
|
-
timeScale: d3.ScaleTime<any, any, unknown>;
|
|
13
|
-
currentTimeScaleDensity: number;
|
|
14
11
|
axisHeight: number;
|
|
15
12
|
isHoveringEvent: boolean;
|
|
16
13
|
hoveredEvent: TimelineEvent;
|
|
17
14
|
eventTooltipStyle: {};
|
|
18
15
|
hoveredEventType: string;
|
|
19
|
-
utcOffset: number;
|
|
20
|
-
yScale: d3.ScaleLinear<any, any, never>;
|
|
21
16
|
hoveredCounts: {
|
|
22
17
|
count: number;
|
|
23
18
|
type: string;
|
|
24
19
|
label?: string | undefined;
|
|
25
20
|
}[];
|
|
26
|
-
countsByTimestamp: Record<string, Record<string, number>>;
|
|
27
|
-
dotsByTimestamp: Record<string, d3.Selection<SVGCircleElement, any, any, any>[]>;
|
|
28
21
|
visibleFrom: Date;
|
|
29
22
|
visibleTo: Date;
|
|
30
23
|
characterWidth: number;
|
|
@@ -35,67 +28,36 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
35
28
|
groupsVisibility: Record<string, boolean>;
|
|
36
29
|
selectedMilestoneId: any;
|
|
37
30
|
isInitialized: boolean;
|
|
38
|
-
transformDiff: {
|
|
39
|
-
translation: number;
|
|
40
|
-
scale: number;
|
|
41
|
-
};
|
|
42
|
-
isZoomingInterval: boolean;
|
|
43
31
|
hoveredMilestone: TimelineEvent;
|
|
44
32
|
focusedDomain: TimelineDomain;
|
|
45
33
|
transitionDuration: number;
|
|
46
34
|
focusedTimestamp: string | Date;
|
|
47
35
|
TimelineChartType: typeof TimelineChartType;
|
|
48
36
|
}, {
|
|
37
|
+
handleVisibleIntervalChange({ fromDate, toDate, trigger, transform }: {
|
|
38
|
+
fromDate: any;
|
|
39
|
+
toDate: any;
|
|
40
|
+
trigger: any;
|
|
41
|
+
transform: any;
|
|
42
|
+
}): void;
|
|
43
|
+
getGroupByType(groups: TimelineEventsByType, types: TimelineChartType[]): {};
|
|
44
|
+
getPreviousCountsByTimestamp(index: number): Record<string, number>;
|
|
45
|
+
getChartsYPosition(groupId: string | number): number;
|
|
49
46
|
validateProps(): void;
|
|
50
|
-
updateTimeline(): void;
|
|
51
47
|
initTimeline(): void;
|
|
52
48
|
initRefs(): void;
|
|
53
|
-
initOrUpdateSvg(): void;
|
|
54
|
-
initUtcOffset(): void;
|
|
55
|
-
initYScale(): void;
|
|
56
|
-
updateYScale(): void;
|
|
57
49
|
zoomToFitMarkers(): void;
|
|
58
50
|
clearTimeline(): void;
|
|
59
|
-
updateCurrentTimeScaleDensity(): void;
|
|
60
|
-
emitVisibleInterval(trigger: TimelineIntervalChangeTrigger): void;
|
|
61
|
-
onResize(resizeObserverEntry: ResizeObserverEntry): void;
|
|
62
|
-
handleResize({ contentRect }: ResizeObserverEntry): void;
|
|
63
|
-
handleDarkModeChange(): void;
|
|
64
51
|
handleMouseLeave(): void;
|
|
65
52
|
handleMouseMove(mouseX: number, timestamp: string): void;
|
|
66
53
|
handleClick(timestamp: string, target: HTMLElement): void;
|
|
67
54
|
handleMarkerClick(marker: TimelineMarker): void;
|
|
68
|
-
|
|
69
|
-
|
|
55
|
+
handleChartMouseOver(_event: MouseEvent, eventData: TimelineCountEvent, eventType: string): void;
|
|
56
|
+
handleChartMouseOut(): void;
|
|
70
57
|
handleBarMouseOver(event: MouseEvent, eventData: TimelineEvent, eventType: string): void;
|
|
71
58
|
handleBarMouseOut(): void;
|
|
72
|
-
handleLabelMouseOver(groupType: string): void;
|
|
73
|
-
handleLabelMouseLeave(groupType: string): void;
|
|
74
|
-
handleTransformChange(transform: {
|
|
75
|
-
translation: number;
|
|
76
|
-
scale: number;
|
|
77
|
-
}): void;
|
|
78
59
|
handleTimeScaleChange(ts: d3.ScaleTime<any, any, unknown>): void;
|
|
79
60
|
zoomToStartAndEndDates(): void;
|
|
80
|
-
updateBarChart(): void;
|
|
81
|
-
updateLineGraphs(): void;
|
|
82
|
-
updateLineGraphHoverZones(): void;
|
|
83
|
-
getEventRectX(d: TimelineEvent): any;
|
|
84
|
-
getEventRectWidth(d: TimelineEvent): number;
|
|
85
|
-
drawEventsGroups(): void;
|
|
86
|
-
drawLineGraphEventsGroups(): void;
|
|
87
|
-
drawLineGraph({ events, gElement, color, type, }: {
|
|
88
|
-
events: TimelineEvent[];
|
|
89
|
-
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
90
|
-
color: string;
|
|
91
|
-
type: string;
|
|
92
|
-
}): void;
|
|
93
|
-
drawLineGraphHoverZones({ events, gElement, color, type, }: {
|
|
94
|
-
events: TimelineCountEvent[];
|
|
95
|
-
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
96
|
-
color: string;
|
|
97
|
-
type: string;
|
|
98
|
-
}): void;
|
|
99
61
|
getMilestoneClass(milestone: TimelineEvent): Record<string, boolean>;
|
|
100
62
|
getMilestoneColors(milestoneColor: string | undefined, groupColor: string): {
|
|
101
63
|
background: string;
|
|
@@ -104,31 +66,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
104
66
|
getMilestoneGroupYPosition(groupName: string | number): number;
|
|
105
67
|
getBarGroupYPosition(groupName: string | number, bottom?: boolean): number;
|
|
106
68
|
getBarGroupHeight(eventsGroup: TimelineEventsGroup): number;
|
|
107
|
-
drawBarChartEventsGroups(): void;
|
|
108
|
-
drawProgressIndicator({ yPosition, type, isLoading, }: {
|
|
109
|
-
yPosition: number;
|
|
110
|
-
type: string;
|
|
111
|
-
color: string;
|
|
112
|
-
isLoading: Boolean | undefined;
|
|
113
|
-
}): void;
|
|
114
|
-
drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
|
|
115
|
-
events: TimelineEvent[];
|
|
116
|
-
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
117
|
-
color: string;
|
|
118
|
-
yOffset: number;
|
|
119
|
-
type: string;
|
|
120
|
-
index: number;
|
|
121
|
-
}): void;
|
|
122
|
-
onBarChartBarMouseOver(container: d3.Selection<SVGGElement, any, any, any>, color: string): void;
|
|
123
|
-
onBarChartBarMouseOut(container: d3.Selection<SVGGElement, any, any, any>, eventType: string): void;
|
|
124
|
-
drawTextLabel({ gElement, yPosition, color, label, type, height, }: {
|
|
125
|
-
gElement: d3.Selection<SVGGElement, any, any, any>;
|
|
126
|
-
yPosition: number;
|
|
127
|
-
color: string;
|
|
128
|
-
label: string;
|
|
129
|
-
type: string;
|
|
130
|
-
height?: number | undefined;
|
|
131
|
-
}): void;
|
|
132
69
|
getTextFillColor(baseColor: string, k?: number): string;
|
|
133
70
|
getLabelBackgroundColor(baseColor: string): string;
|
|
134
71
|
getCurrentGroupVisibility(type: string): boolean;
|
|
@@ -142,7 +79,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
142
79
|
borderColor: string;
|
|
143
80
|
};
|
|
144
81
|
tzStringToDate(timestamp: Timestamp): Date;
|
|
145
|
-
dateToTzString(date: Date): string;
|
|
146
82
|
getFormattedTimestamp(timestamp: Timestamp): string;
|
|
147
83
|
fillTimeGaps(events: TimelineEvent[]): (import('../../types').TimelineBarEvent | import('../../types').TimelineRangeEvent | TimelineCountEvent | {
|
|
148
84
|
timestamp: string;
|
|
@@ -153,6 +89,12 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
153
89
|
getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
|
|
154
90
|
onHoverMilestone(milestone: TimelineEvent): void;
|
|
155
91
|
}, {
|
|
92
|
+
filteredEventsGroups: TimelineEventsByType;
|
|
93
|
+
allEventsSorted: TimelineEvent[];
|
|
94
|
+
barGroups: TimelineEventsByType;
|
|
95
|
+
lineGraphGroups: TimelineEventsByType;
|
|
96
|
+
barChartGroups: TimelineEventsByType;
|
|
97
|
+
milestonesGroups: TimelineEventsByType;
|
|
156
98
|
combinedBarsHeight: number;
|
|
157
99
|
combinedBottomBarsHeight: number;
|
|
158
100
|
combinedMilestonesHeight: number;
|
|
@@ -160,26 +102,21 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
160
102
|
chartsYOffset: number;
|
|
161
103
|
barsYOffset: number;
|
|
162
104
|
hasMilestones: boolean;
|
|
163
|
-
barChartHeight: number;
|
|
164
105
|
computedClasses: Record<string, string | Record<string, boolean>>;
|
|
165
|
-
lineGraphGroups: TimelineEventsByType;
|
|
166
106
|
chartHeight: number;
|
|
167
|
-
|
|
168
|
-
barChartGroups: TimelineEventsByType;
|
|
169
|
-
milestonesGroups: TimelineEventsByType;
|
|
107
|
+
chartLabelHeight: number;
|
|
170
108
|
hasChart: boolean;
|
|
171
109
|
labelRectWidth: number;
|
|
172
110
|
combinedXAxesHeight: number;
|
|
173
111
|
timelineWidth: number;
|
|
174
112
|
timelineHeight: number;
|
|
175
|
-
filteredEventsGroups: TimelineEventsByType;
|
|
176
|
-
allEventsSorted: TimelineEvent[];
|
|
177
113
|
oldestEvent: TimelineEvent;
|
|
178
114
|
latestEvent: TimelineEvent;
|
|
179
115
|
allLineChartTimestamps: string[];
|
|
180
116
|
placeholderLineChartGroup: TimelineEvent[];
|
|
181
117
|
filledGapsLineGraphGroups: TimelineEventsByType;
|
|
182
|
-
|
|
118
|
+
flattenedLinesCounts: TimelineCountEvent[];
|
|
119
|
+
flattenedBarsCounts: TimelineCountEvent[];
|
|
183
120
|
hiddenGroupsLabels: string[];
|
|
184
121
|
minHoverZone: number;
|
|
185
122
|
sortedMarkers: TimelineMarker[];
|
|
@@ -191,6 +128,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
191
128
|
markersScopedSlots: Record<string, NormalizedScopedSlot | undefined>;
|
|
192
129
|
isHoveringMilestone: Boolean;
|
|
193
130
|
milestonesGroupsPlaceholder: TimelineEventsByType;
|
|
131
|
+
countsByTimestamp: Record<string, Record<string, number>>;
|
|
194
132
|
}, {
|
|
195
133
|
eventsGroups: TimelineEventsByType;
|
|
196
134
|
dark: boolean;
|
|
@@ -18,7 +18,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
18
18
|
eventBarContainerSelected: string;
|
|
19
19
|
eventBar: string;
|
|
20
20
|
eventBarHoverZone: string;
|
|
21
|
-
eventBarCap: string;
|
|
22
21
|
eventRectText: string;
|
|
23
22
|
eventRectHovered: string;
|
|
24
23
|
eventRectSelected: string;
|