@evercam/ui 0.0.55-beta.2 → 0.0.55-beta.4

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.
@@ -60,6 +60,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
60
60
  initialMarkerDragMouseOffset: number;
61
61
  selectedMilestoneId: any;
62
62
  isInitialized: boolean;
63
+ lastValidTransform: d3.ZoomTransform;
63
64
  }, {
64
65
  updateTimeline(): void;
65
66
  initTimeline(startDate?: string, endDate?: string): void;
@@ -103,6 +104,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
103
104
  handleBarMouseOut(): void;
104
105
  handleLabelMouseOver(groupType: string): void;
105
106
  handleLabelMouseLeave(groupType: string): void;
107
+ isZoomAllowed(event: D3ZoomEvent<SVGSVGElement, any>): boolean;
106
108
  handleZoom(event: D3ZoomEvent<SVGSVGElement, any>): void;
107
109
  panToTimestamp(targetTimestamp: string | Date): void;
108
110
  emitCurtainChange(): void;
@@ -125,7 +127,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
125
127
  getEventRectWidth(d: TimelineEvent): number;
126
128
  getEventText(e: TimelineEvent): string;
127
129
  getElementLeftPosition(element: HTMLElement): number;
128
- isTimestampAllowedForMarker(timestamp: any, marker: TimelineMarker): boolean;
130
+ isTimestampAllowedForMarker(timestamp: Date | number, marker: TimelineMarker): boolean;
129
131
  handleMarkerDrag({ marker, markerElement, dragEvent, }: {
130
132
  marker: TimelineMarker;
131
133
  markerElement: d3.Selection<any, TimelineMarker, any, any>;
@@ -206,7 +208,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
206
208
  type: string;
207
209
  height?: number | undefined;
208
210
  }): void;
209
- getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
210
211
  getTextFillColor(baseColor: string, k?: number): string;
211
212
  getLabelBackgroundColor(baseColor: string): string;
212
213
  getCurrentGroupVisibility(type: string): boolean;
@@ -237,7 +238,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
237
238
  count: number;
238
239
  })[];
239
240
  fillEvents(events: TimelineEvent[]): TimelineEvent[];
240
- onMilestoneClick(milestone: TimelineEvent, milestoneType: string): void;
241
+ onMilestoneClick(milestone: TimelineEvent, milestoneType: any): void;
242
+ getSortedEvents(events: TimelineEvent[]): TimelineEvent[];
241
243
  }, {
242
244
  barChartHeight: number;
243
245
  classes: Record<string, string | Record<string, boolean>>;
@@ -284,6 +286,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
284
286
  maxZoom: number;
285
287
  minDate: string;
286
288
  maxDate: string;
289
+ minVisibleDate: string;
290
+ maxVisibleDate: string;
287
291
  cursorTimestamp: string | undefined;
288
292
  selectedClass: string | undefined;
289
293
  panOnDateClick: boolean;
@@ -33,7 +33,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
33
33
  };
34
34
  timeouts: number[];
35
35
  isInitialRender: boolean;
36
- isHoveringDot: boolean;
37
36
  isMouseOver: boolean;
38
37
  }, {
39
38
  onMilestoneMouseOver(e: MouseEvent, _milestone: TimelineMilestoneEvent): void;
@@ -41,7 +40,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
41
40
  onMilestoneMouseLeave(e: MouseEvent, _milestone: TimelineMilestoneEvent): void;
42
41
  onMilestoneClick(_e: MouseEvent, milestone: TimelineMilestoneEvent): void;
43
42
  }, {
44
- computedLineHeight: number;
45
43
  transitionStyles: Record<string, any>;
46
44
  sizeStyles: Record<string, any>;
47
45
  positionStyles: Record<string, any>;
@@ -63,6 +61,5 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
63
61
  dotSize: number;
64
62
  lineWidth: number;
65
63
  lineHeight: number;
66
- hoveredLineHeight: number;
67
64
  }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
68
65
  export default _default;
@@ -233,6 +233,7 @@ export declare const components: {
233
233
  initialMarkerDragMouseOffset: number;
234
234
  selectedMilestoneId: any;
235
235
  isInitialized: boolean;
236
+ lastValidTransform: import("d3-zoom").ZoomTransform;
236
237
  }, {
237
238
  updateTimeline(): void;
238
239
  initTimeline(startDate?: string | undefined, endDate?: string | undefined): void;
@@ -276,6 +277,7 @@ export declare const components: {
276
277
  handleBarMouseOut(): void;
277
278
  handleLabelMouseOver(groupType: string): void;
278
279
  handleLabelMouseLeave(groupType: string): void;
280
+ isZoomAllowed(event: import("d3-zoom").D3ZoomEvent<SVGSVGElement, any>): boolean;
279
281
  handleZoom(event: import("d3-zoom").D3ZoomEvent<SVGSVGElement, any>): void;
280
282
  panToTimestamp(targetTimestamp: string | Date): void;
281
283
  emitCurtainChange(): void;
@@ -298,7 +300,7 @@ export declare const components: {
298
300
  getEventRectWidth(d: import('./types').TimelineEvent): number;
299
301
  getEventText(e: import('./types').TimelineEvent): string;
300
302
  getElementLeftPosition(element: HTMLElement): number;
301
- isTimestampAllowedForMarker(timestamp: any, marker: import('./types').TimelineMarker): boolean;
303
+ isTimestampAllowedForMarker(timestamp: number | Date, marker: import('./types').TimelineMarker): boolean;
302
304
  handleMarkerDrag({ marker, markerElement, dragEvent, }: {
303
305
  marker: import('./types').TimelineMarker;
304
306
  markerElement: import("d3-selection").Selection<any, import('./types').TimelineMarker, any, any>;
@@ -379,7 +381,6 @@ export declare const components: {
379
381
  type: string;
380
382
  height?: number | undefined;
381
383
  }): void;
382
- getSortedEvents(events: import('./types').TimelineEvent[]): import('./types').TimelineEvent[];
383
384
  getTextFillColor(baseColor: string, k?: number): string;
384
385
  getLabelBackgroundColor(baseColor: string): string;
385
386
  getCurrentGroupVisibility(type: string): boolean;
@@ -410,7 +411,8 @@ export declare const components: {
410
411
  count: number;
411
412
  })[];
412
413
  fillEvents(events: import('./types').TimelineEvent[]): import('./types').TimelineEvent[];
413
- onMilestoneClick(milestone: import('./types').TimelineEvent, milestoneType: string): void;
414
+ onMilestoneClick(milestone: import('./types').TimelineEvent, milestoneType: any): void;
415
+ getSortedEvents(events: import('./types').TimelineEvent[]): import('./types').TimelineEvent[];
414
416
  }, {
415
417
  barChartHeight: number;
416
418
  classes: Record<string, string | Record<string, boolean>>;
@@ -457,6 +459,8 @@ export declare const components: {
457
459
  maxZoom: number;
458
460
  minDate: string;
459
461
  maxDate: string;
462
+ minVisibleDate: string;
463
+ maxVisibleDate: string;
460
464
  cursorTimestamp: string | undefined;
461
465
  selectedClass: string | undefined;
462
466
  panOnDateClick: boolean;
@@ -94,7 +94,6 @@ export type TimelineEventsGroup = {
94
94
  dots?: boolean;
95
95
  milestonesTransitionDuration?: number;
96
96
  milestonesLineHeight?: number;
97
- milestonesHoveredLineHeight?: number;
98
97
  milestonesDotSize?: number;
99
98
  height?: number;
100
99
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .e-spinner[data-v-29711f67]{vertical-align:center}.e-spinner__primary[data-v-29711f67],.e-spinner__secondary[data-v-29711f67]{stroke-width:0;animation:fade-29711f67;animation-iteration-count:infinite}@keyframes fade-29711f67{0%{fill-opacity:0}50%{fill-opacity:1}to{fill-opacity:0}}.e-row.e-row--no-gutters{margin:0}.e-row.e-row--no-gutters>.e-col{padding:0}.e-col{padding:.75rem}.spinner-container[data-v-9071f674]{position:absolute;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);inset:0;display:flex;justify-content:center;align-items:center;vertical-align:middle}.video-container[data-v-9071f674]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-9071f674]{max-width:initial;width:100%;max-height:100vh}video[data-v-9071f674]{width:100%;height:inherit}.video-controls-container[data-v-9071f674]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-9071f674]{display:none}.video-controls-container[data-v-9071f674]:before{content:"";position:absolute;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);width:100%;aspect-ratio:6 / 1;z-index:-1;pointer-events:none}.video-container:hover .video-controls-container[data-v-9071f674],.video-container:focus-within .video-controls-container[data-v-9071f674],.video-container.paused .video-controls-container[data-v-9071f674]{opacity:1}.video-controls-container .controls[data-v-9071f674]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-9071f674]{background:none;border:none;color:inherit;padding:0;height:32px;width:32px;font-size:1.35rem;cursor:pointer;opacity:.85;transition:opacity .15s ease-in-out}.video-controls-container .controls button[data-v-9071f674]:hover{opacity:1}.duration-container[data-v-9071f674]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-9071f674]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-9071f674]{width:50px}.timeline-container[data-v-9071f674]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-9071f674]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-9071f674]:before{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--preview-position) * 100%);background-color:#969696;display:none}.timeline[data-v-9071f674]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:red}.timeline .thumb-indicator[data-v-9071f674]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:red;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-9071f674]{display:block}.video-container.scrubbing .timeline[data-v-9071f674]:before,.timeline-container:hover .timeline[data-v-9071f674]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-9071f674],.timeline-container:hover .thumb-indicator[data-v-9071f674]{--scale: 1}.video-container.scrubbing .timeline[data-v-9071f674],.timeline-container:hover .timeline[data-v-9071f674]{height:100%}.e-tl-milestone{position:absolute;border-radius:10em;box-sizing:border-box}.e-tl-milestone-content{cursor:pointer}.e-tl-milestone--bullet .e-tl-milestone-content{opacity:0;width:0;height:0;white-space:nowrap;pointer-events:none;cursor:pointer}.e-tl-milestone--bullet.e-tl-milestone--hovered{cursor:pointer;min-height:26px;padding:0 8px;border-radius:.5em}.e-tl-milestone--bullet.e-tl-milestone--hovered .e-tl-milestone-content{opacity:1;font-size:small;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.e-tl-milestone--bullet .e-tl-milestone-label{position:absolute;top:0;left:0;opacity:1;pointer-events:none;height:100%;width:100%}.e-tl-milestone--bullet.e-tl-milestone--hovered .e-tl-milestone-label{opacity:0}.e-tl-milestone-dot-line{opacity:1;position:absolute}.e-tl-milestone-dot-dot{opacity:1;position:absolute;border-radius:50%}.e-tl-milestone-dot-container{position:absolute;padding:1em 2em;transform:translate(-50%);cursor:pointer}.e-timeline svg{display:block}.e-timeline .x-axis-overview .domain,.e-timeline .x-axis-detailed .domain,.e-timeline .x-axis-overviewBackground .domain,.e-timeline .x-axis-detailedBackground .domain{display:none}.e-timeline .x-axis-detailedBackground .domain,.e-timeline .x-axis-detailedBackground text{display:none}.e-timeline .x-axis-overview>g.tick>line{opacity:.1;stroke-width:3;stroke-linecap:round}.e-timeline .x-axis-detailed>g.tick>line{opacity:.1;stroke-linecap:round}.e-timeline .x-axis-detailedBackground>g.tick>line{opacity:.075;stroke-linecap:round}.e-timeline--dark .tick line{stroke:#fff}.e-timeline--dark .tick text{fill:#fff}@keyframes moveGradient{0%{transform:translate(-50%)}to{transform:translate(100%)}}@keyframes pulse-rect{0%{filter:saturate(3.5) drop-shadow(0 0 1px #0008)}50%{filter:saturate(.5) drop-shadow(0 0 0 #0000)}to{filter:saturate(3.5) drop-shadow(0 0 1px #0008)}}@keyframes pulse-circle{0%{r:4px}50%{r:1px}to{r:4px}}.loading-indicator{animation:moveGradient 1.5s ease-in infinite}.line-graph-dot--active{animation:pulse-circle 1s ease-in-out infinite}.event-rect--hovered{animation:pulse-rect 1s ease-in-out infinite}@keyframes dash{0%{filter:saturate(1) drop-shadow(0 0 0 #0000)}50%{stroke-width:2px;filter:saturate(2.5) drop-shadow(0 0 0 #0006)}to{filter:saturate(1) drop-shadow(0 0 0 #0000)}}.line-graph-group--highlighted path{animation:dash 1s ease-in-out infinite}.e-timeline--dragging{cursor:ew-resize}.curtain{cursor:ew-resize;fill:#3332;stroke-width:1px;stroke:#3338;transition:stroke-width .2s}.e-timeline--dragging .curtain{stroke-width:3px}.e-timeline--dark .curtain{fill:#fff3;stroke:#fff7}.event-bar-hover-zone{cursor:pointer}.external-labels-container{position:absolute;top:-1.5em;left:0}.external-label{margin-right:.35em;border-width:.5px;border-radius:.2em}.external-label__content{cursor:pointer;font-size:.8em;font-weight:500;padding:0 .6em;line-height:1.4em}.marker-label{transition:transform .2s;transform:translateY(-32px);position:absolute;width:max-content}.marker-label-text{position:absolute;width:max-content;font-size:.8em;font-weight:500;padding:0 .75em;border-radius:.4em .4em .4em 0;box-shadow:0 0 5px -1px #000000f5}.marker-label-text:after{content:"";background:inherit;width:5px;height:5px;bottom:-5px;position:absolute;left:2px;clip-path:path("M 0,5 L 0,0 L 5,0 A 5,5 0 0 0 0,5")}.marker-label-text:before{content:"";background:inherit;height:20px;top:18px;position:absolute;width:2px;left:0}.marker{top:0;filter:saturate(.9)}.marker-line{position:absolute;width:2px;top:-24px;transition:top .2s,height .2s}.marker:hover{cursor:pointer;opacity:1;filter:saturate(1.1)}.marker:hover .marker-label{transform:translateY(-38px);height:61px;width:255px;padding-bottom:42px}.marker:hover .marker-label-text{box-shadow:2px 2px 11px -4px #000}.marker--hidden:hover .marker-label{transform:translateY(-54px)}.marker--draggable,.marker--draggable:hover{user-select:none;cursor:grab}.marker--dragged:hover{cursor:grabbing}.forbidden-interval{opacity:.2}.e-timeline-milestones{height:0}.video-embed[data-v-0ecf4a71]{position:relative;width:100%!important;padding-bottom:56.25%}.video-embed iframe[data-v-0ecf4a71]{position:absolute;top:0;left:0;width:100%;height:100%}
1
+ .e-spinner[data-v-29711f67]{vertical-align:center}.e-spinner__primary[data-v-29711f67],.e-spinner__secondary[data-v-29711f67]{stroke-width:0;animation:fade-29711f67;animation-iteration-count:infinite}@keyframes fade-29711f67{0%{fill-opacity:0}50%{fill-opacity:1}to{fill-opacity:0}}.e-row.e-row--no-gutters{margin:0}.e-row.e-row--no-gutters>.e-col{padding:0}.e-col{padding:.75rem}.spinner-container[data-v-9071f674]{position:absolute;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);inset:0;display:flex;justify-content:center;align-items:center;vertical-align:middle}.video-container[data-v-9071f674]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-9071f674]{max-width:initial;width:100%;max-height:100vh}video[data-v-9071f674]{width:100%;height:inherit}.video-controls-container[data-v-9071f674]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-9071f674]{display:none}.video-controls-container[data-v-9071f674]:before{content:"";position:absolute;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);width:100%;aspect-ratio:6 / 1;z-index:-1;pointer-events:none}.video-container:hover .video-controls-container[data-v-9071f674],.video-container:focus-within .video-controls-container[data-v-9071f674],.video-container.paused .video-controls-container[data-v-9071f674]{opacity:1}.video-controls-container .controls[data-v-9071f674]{display:flex;gap:.5rem;padding:.75rem 1rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-9071f674]{background:none;border:none;color:inherit;padding:0;height:32px;width:32px;font-size:1.35rem;cursor:pointer;opacity:.85;transition:opacity .15s ease-in-out}.video-controls-container .controls button[data-v-9071f674]:hover{opacity:1}.duration-container[data-v-9071f674]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-9071f674]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-9071f674]{width:50px}.timeline-container[data-v-9071f674]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-9071f674]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-9071f674]:before{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--preview-position) * 100%);background-color:#969696;display:none}.timeline[data-v-9071f674]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:red}.timeline .thumb-indicator[data-v-9071f674]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:red;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-9071f674]{display:block}.video-container.scrubbing .timeline[data-v-9071f674]:before,.timeline-container:hover .timeline[data-v-9071f674]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-9071f674],.timeline-container:hover .thumb-indicator[data-v-9071f674]{--scale: 1}.video-container.scrubbing .timeline[data-v-9071f674],.timeline-container:hover .timeline[data-v-9071f674]{height:100%}.e-tl-milestone{position:absolute;border-radius:10em;box-sizing:border-box}.e-tl-milestone-content{cursor:pointer}.e-tl-milestone--bullet{transform:translate(-50%,-50%)}.e-tl-milestone--bullet .e-tl-milestone-content{opacity:0;width:0;height:0;white-space:nowrap;pointer-events:none;cursor:pointer}.e-tl-milestone--bullet.e-tl-milestone--hovered{cursor:pointer;min-height:26px;padding:0 8px;border-radius:.5em}.e-tl-milestone--bullet.e-tl-milestone--hovered .e-tl-milestone-content{opacity:1;font-size:small;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.e-tl-milestone--bullet .e-tl-milestone-label{position:absolute;top:0;left:0;opacity:1;pointer-events:none;height:100%;width:100%}.e-tl-milestone--bullet.e-tl-milestone--hovered .e-tl-milestone-label{opacity:0}.e-tl-milestone--dot{transform:translateY(-50%)}.e-tl-milestone-dot--hovered .e-tl-milestone-dot-container{padding:0 3em;transform:translate(-50%);opacity:1}.e-tl-milestone-dot-line{position:absolute}.e-tl-milestone-dot-dot{position:absolute;border-radius:50%}.e-tl-milestone-dot-container{opacity:0;position:absolute;padding:0 .3em;transform:translate(-50%,-100%);cursor:pointer}.e-timeline svg{display:block}.e-timeline .x-axis-overview .domain,.e-timeline .x-axis-detailed .domain,.e-timeline .x-axis-overviewBackground .domain,.e-timeline .x-axis-detailedBackground .domain{display:none}.e-timeline .x-axis-detailedBackground .domain,.e-timeline .x-axis-detailedBackground text{display:none}.e-timeline .x-axis-overview>g.tick>line{opacity:.1;stroke-width:3;stroke-linecap:round}.e-timeline .x-axis-detailed>g.tick>line{opacity:.1;stroke-linecap:round}.e-timeline .x-axis-detailedBackground>g.tick>line{opacity:.075;stroke-linecap:round}.e-timeline--dark .tick line{stroke:#fff}.e-timeline--dark .tick text{fill:#fff}@keyframes moveGradient{0%{transform:translate(-50%)}to{transform:translate(100%)}}@keyframes pulse-rect{0%{filter:saturate(3.5) drop-shadow(0 0 1px #0008)}50%{filter:saturate(.5) drop-shadow(0 0 0 #0000)}to{filter:saturate(3.5) drop-shadow(0 0 1px #0008)}}@keyframes pulse-circle{0%{r:4px}50%{r:1px}to{r:4px}}.loading-indicator{animation:moveGradient 1.5s ease-in infinite}.line-graph-dot--active{animation:pulse-circle 1s ease-in-out infinite}.event-rect--hovered{animation:pulse-rect 1s ease-in-out infinite}@keyframes dash{0%{filter:saturate(1) drop-shadow(0 0 0 #0000)}50%{stroke-width:2px;filter:saturate(2.5) drop-shadow(0 0 0 #0006)}to{filter:saturate(1) drop-shadow(0 0 0 #0000)}}.line-graph-group--highlighted path{animation:dash 1s ease-in-out infinite}.e-timeline--dragging{cursor:ew-resize}.curtain{cursor:ew-resize;fill:#3332;stroke-width:1px;stroke:#3338;transition:stroke-width .2s}.e-timeline--dragging .curtain{stroke-width:3px}.e-timeline--dark .curtain{fill:#fff3;stroke:#fff7}.event-bar-hover-zone{cursor:pointer}.external-labels-container{position:absolute;top:-1.5em;left:0}.external-label{margin-right:.35em;border-width:.5px;border-radius:.2em}.external-label__content{cursor:pointer;font-size:.8em;font-weight:500;padding:0 .6em;line-height:1.4em}.marker-label{transition:transform .2s;transform:translateY(-32px);position:absolute;width:max-content}.marker-label-text{position:absolute;width:max-content;font-size:.8em;font-weight:500;padding:0 .75em;border-radius:.4em .4em .4em 0;box-shadow:0 0 5px -1px #000000f5}.marker-label-text:after{content:"";background:inherit;width:5px;height:5px;bottom:-5px;position:absolute;left:2px;clip-path:path("M 0,5 L 0,0 L 5,0 A 5,5 0 0 0 0,5")}.marker-label-text:before{content:"";background:inherit;height:20px;top:18px;position:absolute;width:2px;left:0}.marker{top:0;filter:saturate(.9)}.marker-line{position:absolute;width:2px;top:-24px;transition:top .2s,height .2s}.marker:hover{cursor:pointer;opacity:1;filter:saturate(1.1)}.marker:hover .marker-label{transform:translateY(-38px);height:61px;width:255px;padding-bottom:42px}.marker:hover .marker-label-text{box-shadow:2px 2px 11px -4px #000}.marker--hidden:hover .marker-label{transform:translateY(-54px)}.marker--draggable,.marker--draggable:hover{user-select:none;cursor:grab}.marker--dragged:hover{cursor:grabbing}.forbidden-interval{opacity:.2}.e-timeline-milestones{height:0}.video-embed[data-v-0ecf4a71]{position:relative;width:100%!important;padding-bottom:56.25%}.video-embed iframe[data-v-0ecf4a71]{position:absolute;top:0;left:0;width:100%;height:100%}
package/dist/tags.json CHANGED
@@ -102,6 +102,8 @@
102
102
  "max-zoom",
103
103
  "min-date",
104
104
  "max-date",
105
+ "min-visible-date",
106
+ "max-visible-date",
105
107
  "cursor-timestamp",
106
108
  "selected-class",
107
109
  "pan-on-date-click",
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@evercam/ui",
5
- "version": "0.0.55-beta.2",
5
+ "version": "0.0.55-beta.4",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -739,6 +739,24 @@
739
739
  "type": "string"
740
740
  }
741
741
  },
742
+ {
743
+ "name": "min-visible-date",
744
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
745
+ "default": "undefined",
746
+ "value": {
747
+ "kind": "expression",
748
+ "type": "string"
749
+ }
750
+ },
751
+ {
752
+ "name": "max-visible-date",
753
+ "doc-url": "https://www.npmjs.com/package/@evercam/ui",
754
+ "default": "undefined",
755
+ "value": {
756
+ "kind": "expression",
757
+ "type": "string"
758
+ }
759
+ },
742
760
  {
743
761
  "name": "cursor-timestamp",
744
762
  "doc-url": "https://www.npmjs.com/package/@evercam/ui",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evercam/ui",
3
- "version": "0.0.55-beta.2",
3
+ "version": "0.0.55-beta.4",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "author": "Evercam - Constuction Cameras.",