@evercam/ui 0.0.63-preview-etimeline-groups-e46d3b4aa → 0.0.63-preview-fix-etimeline-loading-0c3edaaed

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.
@@ -315,11 +315,6 @@
315
315
  "description": "",
316
316
  "default": true
317
317
  },
318
- "ETimeline/curtains": {
319
- "type": "boolean",
320
- "description": "",
321
- "default": false
322
- },
323
318
  "ETimeline/show-labels": {
324
319
  "type": "boolean",
325
320
  "description": "",
@@ -27,6 +27,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
27
27
  labelBgFill: string;
28
28
  labelText: string;
29
29
  loadingIndicator: string;
30
+ _legacyLabelGroup: string;
31
+ _legacyLabelBg: string;
32
+ _legacyLabelBgFill: string;
33
+ _legacyLabelText: string;
34
+ _legacyLoadingIndicator: string;
30
35
  selectedTimestampCursor: string;
31
36
  marker: string;
32
37
  markerLabel: string;
@@ -48,10 +53,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
48
53
  barChartGroup: string;
49
54
  lineGraphGroup: string;
50
55
  lineGraphGroupLabel: string;
56
+ areaGraphPath: string;
51
57
  lineGraphPath: string;
52
58
  lineGraphHoverZone: string;
53
59
  lineGraphDot: string;
54
- curtain: string;
55
60
  forbiddenInterval: string;
56
61
  };
57
62
  }, {
@@ -25,6 +25,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
25
25
  labelBgFill: string;
26
26
  labelText: string;
27
27
  loadingIndicator: string;
28
+ _legacyLabelGroup: string;
29
+ _legacyLabelBg: string;
30
+ _legacyLabelBgFill: string;
31
+ _legacyLabelText: string;
32
+ _legacyLoadingIndicator: string;
28
33
  selectedTimestampCursor: string;
29
34
  marker: string;
30
35
  markerLabel: string;
@@ -46,10 +51,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
46
51
  barChartGroup: string;
47
52
  lineGraphGroup: string;
48
53
  lineGraphGroupLabel: string;
54
+ areaGraphPath: string;
49
55
  lineGraphPath: string;
50
56
  lineGraphHoverZone: string;
51
57
  lineGraphDot: string;
52
- curtain: string;
53
58
  forbiddenInterval: string;
54
59
  };
55
60
  characterWidth: number;
@@ -75,6 +80,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
75
80
  width: number;
76
81
  showLabel: boolean;
77
82
  labelWidth: number | undefined;
83
+ labelHeight: number | undefined;
78
84
  labelRadius: number | undefined;
79
85
  xPadding: number;
80
86
  loading: boolean;
@@ -38,6 +38,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
38
38
  labelBgFill: string;
39
39
  labelText: string;
40
40
  loadingIndicator: string;
41
+ _legacyLabelGroup: string;
42
+ _legacyLabelBg: string;
43
+ _legacyLabelBgFill: string;
44
+ _legacyLabelText: string;
45
+ _legacyLoadingIndicator: string;
41
46
  selectedTimestampCursor: string;
42
47
  marker: string;
43
48
  markerLabel: string;
@@ -59,10 +64,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
59
64
  barChartGroup: string;
60
65
  lineGraphGroup: string;
61
66
  lineGraphGroupLabel: string;
67
+ areaGraphPath: string;
62
68
  lineGraphPath: string;
63
69
  lineGraphHoverZone: string;
64
70
  lineGraphDot: string;
65
- curtain: string;
66
71
  forbiddenInterval: string;
67
72
  };
68
73
  characterWidth: number;
@@ -31,6 +31,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
31
31
  labelBgFill: string;
32
32
  labelText: string;
33
33
  loadingIndicator: string;
34
+ _legacyLabelGroup: string;
35
+ _legacyLabelBg: string;
36
+ _legacyLabelBgFill: string;
37
+ _legacyLabelText: string;
38
+ _legacyLoadingIndicator: string;
34
39
  selectedTimestampCursor: string;
35
40
  marker: string;
36
41
  markerLabel: string;
@@ -52,10 +57,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
52
57
  barChartGroup: string;
53
58
  lineGraphGroup: string;
54
59
  lineGraphGroupLabel: string;
60
+ areaGraphPath: string;
55
61
  lineGraphPath: string;
56
62
  lineGraphHoverZone: string;
57
63
  lineGraphDot: string;
58
- curtain: string;
59
64
  forbiddenInterval: string;
60
65
  };
61
66
  }, {
@@ -26,6 +26,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
26
26
  labelBgFill: string;
27
27
  labelText: string;
28
28
  loadingIndicator: string;
29
+ _legacyLabelGroup: string;
30
+ _legacyLabelBg: string;
31
+ _legacyLabelBgFill: string;
32
+ _legacyLabelText: string;
33
+ _legacyLoadingIndicator: string;
29
34
  selectedTimestampCursor: string;
30
35
  marker: string;
31
36
  markerLabel: string;
@@ -47,10 +52,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
47
52
  barChartGroup: string;
48
53
  lineGraphGroup: string;
49
54
  lineGraphGroupLabel: string;
55
+ areaGraphPath: string;
50
56
  lineGraphPath: string;
51
57
  lineGraphHoverZone: string;
52
58
  lineGraphDot: string;
53
- curtain: string;
54
59
  forbiddenInterval: string;
55
60
  };
56
61
  ticksConfigs: import('../../types').TimelineTicksConfig[];
@@ -26,6 +26,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
26
26
  labelBgFill: string;
27
27
  labelText: string;
28
28
  loadingIndicator: string;
29
+ _legacyLabelGroup: string;
30
+ _legacyLabelBg: string;
31
+ _legacyLabelBgFill: string;
32
+ _legacyLabelText: string;
33
+ _legacyLoadingIndicator: string;
29
34
  selectedTimestampCursor: string;
30
35
  marker: string;
31
36
  markerLabel: string;
@@ -47,10 +52,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
47
52
  barChartGroup: string;
48
53
  lineGraphGroup: string;
49
54
  lineGraphGroupLabel: string;
55
+ areaGraphPath: string;
50
56
  lineGraphPath: string;
51
57
  lineGraphHoverZone: string;
52
58
  lineGraphDot: string;
53
- curtain: string;
54
59
  forbiddenInterval: string;
55
60
  };
56
61
  ticksConfigs: import('../../types').TimelineTicksConfig[];
@@ -26,6 +26,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
26
26
  labelBgFill: string;
27
27
  labelText: string;
28
28
  loadingIndicator: string;
29
+ _legacyLabelGroup: string;
30
+ _legacyLabelBg: string;
31
+ _legacyLabelBgFill: string;
32
+ _legacyLabelText: string;
33
+ _legacyLoadingIndicator: string;
29
34
  selectedTimestampCursor: string;
30
35
  marker: string;
31
36
  markerLabel: string;
@@ -47,10 +52,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
47
52
  barChartGroup: string;
48
53
  lineGraphGroup: string;
49
54
  lineGraphGroupLabel: string;
55
+ areaGraphPath: string;
50
56
  lineGraphPath: string;
51
57
  lineGraphHoverZone: string;
52
58
  lineGraphDot: string;
53
- curtain: string;
54
59
  forbiddenInterval: string;
55
60
  };
56
61
  ticksConfigs: import('../../types').TimelineTicksConfig[];
@@ -30,6 +30,11 @@ export declare const classNames: {
30
30
  labelBgFill: string;
31
31
  labelText: string;
32
32
  loadingIndicator: string;
33
+ _legacyLabelGroup: string;
34
+ _legacyLabelBg: string;
35
+ _legacyLabelBgFill: string;
36
+ _legacyLabelText: string;
37
+ _legacyLoadingIndicator: string;
33
38
  selectedTimestampCursor: string;
34
39
  marker: string;
35
40
  markerLabel: string;
@@ -51,9 +56,9 @@ export declare const classNames: {
51
56
  barChartGroup: string;
52
57
  lineGraphGroup: string;
53
58
  lineGraphGroupLabel: string;
59
+ areaGraphPath: string;
54
60
  lineGraphPath: string;
55
61
  lineGraphHoverZone: string;
56
62
  lineGraphDot: string;
57
- curtain: string;
58
63
  forbiddenInterval: string;
59
64
  };
@@ -27,11 +27,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
27
27
  dotsByTimestamp: Record<string, d3.Selection<SVGCircleElement, any, any, any>[]>;
28
28
  visibleFrom: Date;
29
29
  visibleTo: Date;
30
- curtainHandleWidth: number;
31
- leftCurtainWidth: number;
32
- rightCurtainWidth: number;
33
- isHoveringCurtain: boolean;
34
- isDraggingCurtain: boolean;
35
30
  characterWidth: number;
36
31
  textPadding: number;
37
32
  debouncedOnResize: Function;
@@ -60,11 +55,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
60
55
  initYScale(): void;
61
56
  updateYScale(): void;
62
57
  zoomToFitMarkers(): void;
63
- selectOrAppend({ parent, targetId, targetType, }: {
64
- parent: d3.Selection<any, any, any, any>;
65
- targetId: string;
66
- targetType: string;
67
- }): d3.Selection<d3.BaseType, any, any, any>;
68
58
  clearTimeline(): void;
69
59
  updateCurrentTimeScaleDensity(): void;
70
60
  emitVisibleInterval(trigger: TimelineIntervalChangeTrigger): void;
@@ -86,26 +76,12 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
86
76
  scale: number;
87
77
  }): void;
88
78
  handleTimeScaleChange(ts: d3.ScaleTime<any, any, unknown>): void;
89
- emitCurtainChange(): void;
90
- calculateDateRangeFromCurtains(): {
91
- startDate: Date;
92
- endDate: Date;
93
- };
94
- handleDragStart(): void;
95
- handleDragEnd(): void;
96
- handleLeftDrag(event: d3.D3DragEvent<SVGRectElement, any, any>): void;
97
- handleRightDrag(event: d3.D3DragEvent<SVGRectElement, any, any>): void;
98
79
  zoomToStartAndEndDates(): void;
99
80
  updateBarChart(): void;
100
81
  updateLineGraphs(): void;
101
82
  updateLineGraphHoverZones(): void;
102
83
  getEventRectX(d: TimelineEvent): any;
103
84
  getEventRectWidth(d: TimelineEvent): number;
104
- getEventText(e: TimelineEvent): string;
105
- getElementLeftPosition(element: HTMLElement): number;
106
- initCurtains(): void;
107
- createCurtains(): void;
108
- updateCurtains(): void;
109
85
  updateForbiddenIntervals(reset?: boolean): void;
110
86
  drawEventsGroups(): void;
111
87
  drawLineGraphEventsGroups(): void;
@@ -136,23 +112,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
136
112
  color: string;
137
113
  isLoading: Boolean | undefined;
138
114
  }): void;
139
- drawBackground({ color, yPosition, gElement, height, }: {
140
- gElement: d3.Selection<SVGGElement, any, any, any>;
141
- yPosition: number;
142
- color: string;
143
- height?: number | undefined;
144
- }): void;
145
- drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
146
- events: TimelineEvent[];
147
- gElement: d3.Selection<SVGGElement, any, any, any>;
148
- yPosition: number;
149
- color: string;
150
- type: string;
151
- dots?: boolean | undefined;
152
- dotsSize?: number | undefined;
153
- height?: number | undefined;
154
- barBorderRadius?: number | undefined;
155
- }): void;
156
115
  drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
157
116
  events: TimelineEvent[];
158
117
  gElement: d3.Selection<SVGGElement, any, any, any>;
@@ -221,7 +180,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
221
180
  allLineChartTimestamps: string[];
222
181
  placeholderLineChartGroup: TimelineEvent[];
223
182
  filledGapsLineGraphGroups: TimelineEventsByType;
224
- isInteractingWithCurtain: boolean;
225
183
  flattenedCounts: TimelineCountEvent[];
226
184
  hiddenGroupsLabels: string[];
227
185
  minHoverZone: number;
@@ -244,7 +202,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
244
202
  disableZoom: boolean;
245
203
  insertZerosAtInterval: TimelinePrecision;
246
204
  flattenLineGraphEnds: boolean;
247
- curtains: boolean;
248
205
  showLabels: boolean;
249
206
  rectMinWidth: number;
250
207
  barHeight: number;
@@ -27,6 +27,11 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
27
27
  labelBgFill: string;
28
28
  labelText: string;
29
29
  loadingIndicator: string;
30
+ _legacyLabelGroup: string;
31
+ _legacyLabelBg: string;
32
+ _legacyLabelBgFill: string;
33
+ _legacyLabelText: string;
34
+ _legacyLoadingIndicator: string;
30
35
  selectedTimestampCursor: string;
31
36
  marker: string;
32
37
  markerLabel: string;
@@ -48,10 +53,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
48
53
  barChartGroup: string;
49
54
  lineGraphGroup: string;
50
55
  lineGraphGroupLabel: string;
56
+ areaGraphPath: string;
51
57
  lineGraphPath: string;
52
58
  lineGraphHoverZone: string;
53
59
  lineGraphDot: string;
54
- curtain: string;
55
60
  forbiddenInterval: string;
56
61
  };
57
62
  timeouts: number[];
package/dist/index.d.ts CHANGED
@@ -246,11 +246,6 @@ export declare const components: {
246
246
  dotsByTimestamp: Record<string, import("d3-selection").Selection<SVGCircleElement, any, any, any>[]>;
247
247
  visibleFrom: Date;
248
248
  visibleTo: Date;
249
- curtainHandleWidth: number;
250
- leftCurtainWidth: number;
251
- rightCurtainWidth: number;
252
- isHoveringCurtain: boolean;
253
- isDraggingCurtain: boolean;
254
249
  characterWidth: number;
255
250
  textPadding: number;
256
251
  debouncedOnResize: Function;
@@ -279,11 +274,6 @@ export declare const components: {
279
274
  initYScale(): void;
280
275
  updateYScale(): void;
281
276
  zoomToFitMarkers(): void;
282
- selectOrAppend({ parent, targetId, targetType, }: {
283
- parent: import("d3-selection").Selection<any, any, any, any>;
284
- targetId: string;
285
- targetType: string;
286
- }): import("d3-selection").Selection<import("d3-selection").BaseType, any, any, any>;
287
277
  clearTimeline(): void;
288
278
  updateCurrentTimeScaleDensity(): void;
289
279
  emitVisibleInterval(trigger: import('./types').TimelineIntervalChangeTrigger): void;
@@ -305,26 +295,12 @@ export declare const components: {
305
295
  scale: number;
306
296
  }): void;
307
297
  handleTimeScaleChange(ts: import("d3-scale").ScaleTime<any, any, unknown>): void;
308
- emitCurtainChange(): void;
309
- calculateDateRangeFromCurtains(): {
310
- startDate: Date;
311
- endDate: Date;
312
- };
313
- handleDragStart(): void;
314
- handleDragEnd(): void;
315
- handleLeftDrag(event: import("d3-drag").D3DragEvent<SVGRectElement, any, any>): void;
316
- handleRightDrag(event: import("d3-drag").D3DragEvent<SVGRectElement, any, any>): void;
317
298
  zoomToStartAndEndDates(): void;
318
299
  updateBarChart(): void;
319
300
  updateLineGraphs(): void;
320
301
  updateLineGraphHoverZones(): void;
321
302
  getEventRectX(d: import('./types').TimelineEvent): any;
322
303
  getEventRectWidth(d: import('./types').TimelineEvent): number;
323
- getEventText(e: import('./types').TimelineEvent): string;
324
- getElementLeftPosition(element: HTMLElement): number;
325
- initCurtains(): void;
326
- createCurtains(): void;
327
- updateCurtains(): void;
328
304
  updateForbiddenIntervals(reset?: boolean): void;
329
305
  drawEventsGroups(): void;
330
306
  drawLineGraphEventsGroups(): void;
@@ -355,23 +331,6 @@ export declare const components: {
355
331
  color: string;
356
332
  isLoading: Boolean | undefined;
357
333
  }): void;
358
- drawBackground({ color, yPosition, gElement, height, }: {
359
- gElement: import("d3-selection").Selection<SVGGElement, any, any, any>;
360
- yPosition: number;
361
- color: string;
362
- height?: number | undefined;
363
- }): void;
364
- drawBars({ events, gElement, yPosition, color, type, dots, dotsSize, height, barBorderRadius, }: {
365
- events: import('./types').TimelineEvent[];
366
- gElement: import("d3-selection").Selection<SVGGElement, any, any, any>;
367
- yPosition: number;
368
- color: string;
369
- type: string;
370
- dots?: boolean | undefined;
371
- dotsSize?: number | undefined;
372
- height?: number | undefined;
373
- barBorderRadius?: number | undefined;
374
- }): void;
375
334
  drawBarsChart({ events, gElement, color, yOffset, type, index, }: {
376
335
  events: import('./types').TimelineEvent[];
377
336
  gElement: import("d3-selection").Selection<SVGGElement, any, any, any>;
@@ -440,7 +399,6 @@ export declare const components: {
440
399
  allLineChartTimestamps: string[];
441
400
  placeholderLineChartGroup: import('./types').TimelineEvent[];
442
401
  filledGapsLineGraphGroups: import('./types').TimelineEventsByType;
443
- isInteractingWithCurtain: boolean;
444
402
  flattenedCounts: import('./types').TimelineCountEvent[];
445
403
  hiddenGroupsLabels: string[];
446
404
  minHoverZone: number;
@@ -463,7 +421,6 @@ export declare const components: {
463
421
  disableZoom: boolean;
464
422
  insertZerosAtInterval: import('./types').TimelinePrecision;
465
423
  flattenLineGraphEnds: boolean;
466
- curtains: boolean;
467
424
  showLabels: boolean;
468
425
  rectMinWidth: number;
469
426
  barHeight: number;