@evercam/ui 0.0.63-preview-add-context-provider-3fd127e39 → 0.0.63-preview-admin-deployment-c5e8d6e1c

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

@@ -8,7 +8,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     timeline: HTMLElement;
     wrapperDiv: HTMLElement;
     selectedTimestampCursor: HTMLElement;
-    svgElement: HTMLElement;
+    svgElement: SVGSVGElement;
     svg: d3.Selection<SVGSVGElement, any, any, any>;
     timeScale: d3.ScaleTime<any, any, unknown>;
     currentTimeScaleDensity: number;
@@ -76,11 +76,10 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     initSelectedTimestampCursor(): void;
     updateMarkers(): void;
     selectOrAppend({ parent, targetId, targetType, }: {
-        parent: any;
+        parent: d3.Selection<any, any, any, any>;
         targetId: string;
         targetType: string;
-    }): any;
-    updateAndRedrawTimeline(): void;
+    }): d3.Selection<d3.BaseType, any, any, any>;
     clearTimeline(): void;
     repositionSelectedTimestampCursor(): void;
     updateCurrentTimeScaleDensity(): void;
@@ -275,6 +274,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     minHoverZone: number;
     sortedMarkers: TimelineMarker[];
     maxVisibleCount: number;
+    defaultMaxDomain: string[];
     domain: TimelineDomain;
 }, {
     eventsGroups: {};

package/dist/index.d.ts

@@ -226,7 +226,7 @@ export declare const components: {
         timeline: HTMLElement;
         wrapperDiv: HTMLElement;
         selectedTimestampCursor: HTMLElement;
-        svgElement: HTMLElement;
+        svgElement: SVGSVGElement;
         svg: import("d3-selection").Selection<SVGSVGElement, any, any, any>;
         timeScale: import("d3-scale").ScaleTime<any, any, unknown>;
         currentTimeScaleDensity: number;
@@ -294,11 +294,10 @@ export declare const components: {
         initSelectedTimestampCursor(): void;
         updateMarkers(): void;
         selectOrAppend({ parent, targetId, targetType, }: {
-            parent: any;
+            parent: import("d3-selection").Selection<any, any, any, any>;
             targetId: string;
             targetType: string;
-        }): any;
-        updateAndRedrawTimeline(): void;
+        }): import("d3-selection").Selection<import("d3-selection").BaseType, any, any, any>;
         clearTimeline(): void;
         repositionSelectedTimestampCursor(): void;
         updateCurrentTimeScaleDensity(): void;
@@ -493,6 +492,7 @@ export declare const components: {
         minHoverZone: number;
         sortedMarkers: import('./types').TimelineMarker[];
         maxVisibleCount: number;
+        defaultMaxDomain: string[];
         domain: import('./types').TimelineDomain;
     }, {
         eventsGroups: {};

package/dist/index.mjs

@@ -9991,7 +9991,7 @@ const po = Y.extend({
       this.zoomToFocusedDomain(t);
     },
     focusedTimestamp(t) {
-      this.panToTimestamp(t);
+      t && this.panToTimestamp(t);
     },
     transformDiff() {
       this.$emit("transform-changed", this.transformDiff);
@@ -10089,15 +10089,7 @@ const po = Y.extend({
     panToTimestamp(t) {
       const e = this.toD3Date(t), r = this.timeScale(e), n = D.zoomTransform(
         this.selection.node()
-      ), a = n.x - r + this.getWidth() / 2, l = this.timeScale.invert(
-        -a / n.k
-      ), i = this.timeScale.invert(
-        (this.getWidth() - a) / n.k
-      );
-      if (this.minDate && l < this.minDate || this.maxDate && i > this.maxDate) {
-        console.log("Pan operation would exceed bounds. Operation cancelled.");
-        return;
-      }
+      ), a = n.x - r + this.getWidth() / 2;
       this.selection.transition().duration(this.translationDuration).call(
         this.zoomBehavior.transform,
         D.zoomIdentity.translate(a, 0).scale(n.k)
@@ -11069,7 +11061,7 @@ const Fo = Ao.exports, W = {
       },
       hoveredMilestone: null,
       focusedDomain: null,
-      transitionDuration: 0,
+      transitionDuration: 400,
       focusedTimestamp: null
     };
   },
@@ -11163,7 +11155,7 @@ const Fo = Ao.exports, W = {
       }, 0) * this.characterWidth + 2 * this.textPadding;
     },
     combinedXAxesHeight() {
-      return this.axisHeight * 3;
+      return this.axisHeight * 2;
     },
     timelineWidth() {
       var t, e, r;
@@ -11252,8 +11244,15 @@ const Fo = Ao.exports, W = {
       });
       return D.max(r, (n) => n.count);
     },
+    defaultMaxDomain() {
+      const t = (/* @__PURE__ */ new Date()).getTime(), e = new Date(t - 365 * 24 * 60 * 60 * 1e3).getTime(), r = new Date(e).getTime(), n = new Date(t).getTime(), l = (n - r) / 2;
+      return [
+        new Date(r - l).toISOString(),
+        new Date(n + l).toISOString()
+      ];
+    },
     domain() {
-      const t = this.minDate || this.oldestEvent.timestamp || this.oldestEvent.startDate || this.startDate, e = this.maxDate || this.latestEvent.timestamp || this.latestEvent.endDate || this.endDate;
+      const t = this.minDate || this.defaultMaxDomain[0], e = this.maxDate || this.defaultMaxDomain[1];
       return [this.tzStringToDate(t), this.tzStringToDate(e)];
     }
   },
@@ -11275,13 +11274,13 @@ const Fo = Ao.exports, W = {
     },
     eventsGroups: {
       handler() {
-        this.updateAndRedrawTimeline();
+        this.updateTimeline();
       },
       deep: !0
     },
-    barHeight: "updateAndRedrawTimeline",
-    barYPadding: "updateAndRedrawTimeline",
-    chartMinHeight: "updateAndRedrawTimeline",
+    barHeight: "updateTimeline",
+    barYPadding: "updateTimeline",
+    chartMinHeight: "updateTimeline",
     cursorTimestamp() {
       if (this.cursorTimestamp) {
         this.hoveredTimestamp = this.cursorTimestamp;
@@ -11294,7 +11293,7 @@ const Fo = Ao.exports, W = {
       t && !this.locked && (this.focusedTimestamp = t);
     },
     groupsVisibility() {
-      this.updateAndRedrawTimeline();
+      this.updateTimeline();
     },
     forbiddenIntervals() {
       this.updateForbiddenIntervals(!0);
@@ -11328,7 +11327,7 @@ const Fo = Ao.exports, W = {
         );
         return;
       }
-      this.initOrUpdateSvg(), this.initOrUpdateDefs(), this.initUtcOffset(), this.initYScale(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.updateMarkers(), this.registerEventsListeners(), this.emitVisibleInterval(nr.initial), this.selectedDate && this.panOnDateClick && (this.focusedTimestamp = this.selectedDate), this.isInitialized = !0;
+      this.initOrUpdateSvg(), this.initOrUpdateDefs(), this.initUtcOffset(), this.initYScale(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(nr.initial), this.selectedDate && this.panOnDateClick && (this.focusedTimestamp = this.selectedDate), this.isInitialized = !0, this.updateMarkers();
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.mainContainer = this.$refs.mainContainer, this.timeline = this.$refs.timelineContainer, this.svgElement = this.$refs.timelineSvg, this.selectedTimestampCursor = this.$refs.selectedTimestamp, this.wrapperDiv = this.$refs.wrapperDiv;
@@ -11442,9 +11441,6 @@ const Fo = Ao.exports, W = {
       let n = t.select(`#${e}`);
       return n.empty() && (n = t.append(r).attr("id", e)), n;
     },
-    updateAndRedrawTimeline() {
-      this.updateTimeline();
-    },
     clearTimeline() {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
@@ -11482,7 +11478,7 @@ const Fo = Ao.exports, W = {
       this.autoResize && (this.isFirstPaint ? (this.handleResize(t), this.isFirstPaint = !1) : this.debouncedOnResize(t));
     },
     handleResize({ contentRect: t }) {
-      this.svg && (this.svg.attr("width", t.width), this.updateAndRedrawTimeline());
+      this.svg && (this.svg.attr("width", t.width), this.updateTimeline());
     },
     handleDarkModeChange() {
       if (!this.showLabels)
@@ -11570,7 +11566,7 @@ const Fo = Ao.exports, W = {
       this.transformDiff = t;
     },
     handleTimeScaleChange(t) {
-      this.timeScale = t, this.updateCurrentTimeScaleDensity(), this.isInitialized && (this.updateEventsBars(), this.updateLineGraphs(), this.updateBarChart(), this.updateLineGraphHoverZones(), this.updateMilestonesPositions(), this.repositionSelectedTimestampCursor(), this.updateForbiddenIntervals(), this.updateMarkers(), this.emitVisibleInterval(nr.zoom), this.curtains && this.emitCurtainChange(), this.$emit("time-scale-change", t));
+      this.timeScale = t, this.updateCurrentTimeScaleDensity(), this.isInitialized && (this.updateEventsBars(), this.updateLineGraphs(), this.updateBarChart(), this.updateLineGraphHoverZones(), this.updateMilestonesPositions(), this.repositionSelectedTimestampCursor(), this.updateForbiddenIntervals(), this.updateMarkers(), this.emitVisibleInterval(nr.zoom), this.curtains && this.emitCurtainChange(), this.focusedTimestamp = void 0, this.$emit("time-scale-change", t));
     },
     emitCurtainChange() {
       const { startDate: t, endDate: e } = this.calculateDateRangeFromCurtains();
@@ -11685,9 +11681,10 @@ const Fo = Ao.exports, W = {
       markerElement: e,
       dragEvent: r
     }) {
+      var h;
       if (!t.isDraggable)
         return;
-      r.type === "start" && (this.initialMarkerDragMouseOffset = r.x - e.node().querySelector(`.${W.markerLine}`).getBoundingClientRect().left, e.classed(W.markerDragged, !0));
+      (h = r.sourceEvent) == null || h.preventDefault(), r.type === "start" && (this.initialMarkerDragMouseOffset = r.x - e.node().querySelector(`.${W.markerLine}`).getBoundingClientRect().left, e.classed(W.markerDragged, !0));
       const n = r.x - this.initialMarkerDragMouseOffset, a = this.timeScale.invert(
         n - this.svg.node().getBoundingClientRect().left
       ), l = this.timeScale(a), i = this.isTimestampAllowedForMarker(
@@ -11695,11 +11692,11 @@ const Fo = Ao.exports, W = {
         t
       );
       if (r.type === "drag" && i && e.attr("style", `left: ${l}px`), r.type === "end" && i) {
-        const h = t.id || t.timestamp;
+        const s = t.id || t.timestamp;
         this.markersPositions = {
           ...this.markersPositions,
-          [h]: {
-            ...this.markersPositions[h],
+          [s]: {
+            ...this.markersPositions[s],
             position: l
           }
         }, e.classed(W.markerDragged, !1);
@@ -11718,8 +11715,7 @@ const Fo = Ao.exports, W = {
       this.removeMarkersDragBehavior();
       const t = this;
       this.markersDragBehavior = D.drag().on("start", function(e, r) {
-        var n;
-        (n = e.sourceEvent) == null || n.preventDefault(), t.handleMarkerDrag({
+        t.handleMarkerDrag({
           marker: r,
           markerElement: D.select(this),
           dragEvent: e
@@ -12168,7 +12164,7 @@ const Fo = Ao.exports, W = {
     getMarkerLineStyle(t) {
       return {
         background: t.color,
-        height: `${this.timelineHeight + 24}px`
+        height: `${this.timelineHeight + 12}px`
       };
     },
     tzStringToDate(t) {
@@ -15830,12 +15826,12 @@ const Ll = Ml.exports, El = {
       type: Object,
       required: !0
     }
+  },
+  render() {
+    return this.$scopedSlots.default();
   }
-};
-var $l = function() {
-  var e = this, r = e._self._c;
-  return r("div", { staticClass: "e-context-provider" }, [e._t("default")], 2);
-}, kl = [], Pl = /* @__PURE__ */ X(
+}, $l = null, kl = null;
+var Pl = /* @__PURE__ */ X(
   El,
   $l,
   kl,