histropediajs 1.5.0 → 1.5.1

package/dist/histropedia.esm.js

@@ -1,5 +1,5 @@
 /*!
-HistropediaJS v1.5.0 | Histropedia Ltd. (c) 2026 | https://js.histropedia.com
+HistropediaJS v1.5.1 | Histropedia Ltd. (c) 2026 | https://js.histropedia.com
 Use of this software is subject to our End User Licence Agreement: https://js.histropedia.com/licence.html
 */
 var __defProp = Object.defineProperty;
@@ -6801,6 +6801,20 @@ function getElasticOverflowDays(timeline, overflowDays) {
   return resistedPixels / pixelsPerDay;
 }
 __name(getElasticOverflowDays, "getElasticOverflowDays");
+function getUnresistedElasticOverflowDays(timeline, overflowDays) {
+  const pixelsPerDay = getPixelsPerDay(timeline);
+  if (!pixelsPerDay || !Number.isFinite(overflowDays) || overflowDays <= 0) {
+    return 0;
+  }
+  const width = Math.max(1, timeline.getWidth());
+  const maxElasticPixels = Math.max(32, width * 0.22);
+  const resistedPixels = overflowDays * pixelsPerDay;
+  if (resistedPixels >= maxElasticPixels) {
+    return Number.MAX_SAFE_INTEGER / pixelsPerDay;
+  }
+  return maxElasticPixels * resistedPixels / (maxElasticPixels - resistedPixels) / pixelsPerDay;
+}
+__name(getUnresistedElasticOverflowDays, "getUnresistedElasticOverflowDays");
 function setElasticBoundedViewportStartDay(timeline, targetStartDayNumber, viewportSpanDays) {
   const bounds = getTimelineDateBounds(timeline);
   let nextStartDayNumber = targetStartDayNumber;
@@ -7434,10 +7448,7 @@ Timeline.prototype.enableDragging = /* @__PURE__ */ __name(function enableDraggi
   __name(onPointerMove, "onPointerMove");
   function onPointerEnd(evt, tracker) {
     if (me.isPinching && tracker.list.length < 2) {
-      if (tracker.list.length === 1) {
-        const primary = getPrimary(tracker);
-        me.dragStartX = primary.x;
-      }
+      const remainingPointer = tracker.list.length === 1 ? getPrimary(tracker) : null;
       const endScale = pinch.scale || 1;
       const actualEndZoom = me.timescaleManager.zoom;
       const endTotalZoomDelta = actualEndZoom - pinch.initial.zoom;
@@ -7459,9 +7470,18 @@ Timeline.prototype.enableDragging = /* @__PURE__ */ __name(function enableDraggi
         }),
         evt
       );
-      me.settleDateBounds?.();
-      if (!me.isPanning) {
-        me._flushTimelineStateChange?.();
+      if (remainingPointer) {
+        if (me.isDragging) {
+          me.resetDragTracking(remainingPointer);
+        }
+      } else if (me.isDragging) {
+        me.resetDragTracking(getPoint(evt));
+        me.endDragging(evt);
+      } else {
+        me.settleDateBounds?.();
+        if (!me.isPanning) {
+          me._flushTimelineStateChange?.();
+        }
       }
       return;
     }
@@ -7523,31 +7543,43 @@ Timeline.prototype.startDragging = /* @__PURE__ */ __name(function startDragging
   this.stopZoomAnimation?.();
   this.isDragging = true;
   const page = getPoint(evt);
+  Timeline.prototype.resetDragTracking.call(this, page);
+  this.trigger(
+    "viewport-drag-start",
+    makeViewportDragPayload({
+      startToken: this.timescaleManager.startToken,
+      offsetX: this.repositionWindow
+    }),
+    evt
+  );
+}, "startDragging");
+Timeline.prototype.resetDragTracking = /* @__PURE__ */ __name(function resetDragTracking(page) {
   this.dragOrigin = { left: page.x, top: page.y };
   this.dragStartX = page.x;
   this.dragStartY = page.y;
   this.dragMomentumSamples = [{ time: Date.now(), x: page.x }];
   this.dragDateBoundsState = null;
   const bounds = getTimelineDateBounds(this);
-  const pixelsPerDay = getPixelsPerDay(this);
-  if (bounds?.overflow === "elastic" && pixelsPerDay) {
-    const leftDayNumber = getDayNumberAtPixel(this, 0);
-    const rightDayNumber = getDayNumberAtPixel(this, this.getWidth());
+  if (bounds?.overflow === "elastic") {
+    const pixelsPerDay = getPixelsPerDay(this);
+    if (!pixelsPerDay) {
+      return;
+    }
+    const viewport = getViewportDayRange(this);
+    const viewportSpanDays = viewport.end - viewport.start;
+    let leftDayNumber = viewport.start;
+    if (bounds.minDay != null && viewport.start < bounds.minDay) {
+      leftDayNumber = bounds.minDay - getUnresistedElasticOverflowDays(this, bounds.minDay - viewport.start);
+    } else if (bounds.maxDay != null && viewport.end > bounds.maxDay) {
+      leftDayNumber = bounds.maxDay + getUnresistedElasticOverflowDays(this, viewport.end - bounds.maxDay) - viewportSpanDays;
+    }
     this.dragDateBoundsState = {
       leftDayNumber,
       pixelsPerDay,
-      viewportSpanDays: rightDayNumber - leftDayNumber
+      viewportSpanDays
     };
   }
-  this.trigger(
-    "viewport-drag-start",
-    makeViewportDragPayload({
-      startToken: this.timescaleManager.startToken,
-      offsetX: this.repositionWindow
-    }),
-    evt
-  );
-}, "startDragging");
+}, "resetDragTracking");
 Timeline.prototype.endDragging = /* @__PURE__ */ __name(function endDragging(evt) {
   this.isDragging = false;
   const page = getPoint(evt);

package/dist/histropedia.umd.js

@@ -1,5 +1,5 @@
 /*!
-HistropediaJS v1.5.0 | Histropedia Ltd. (c) 2026 | https://js.histropedia.com
+HistropediaJS v1.5.1 | Histropedia Ltd. (c) 2026 | https://js.histropedia.com
 Use of this software is subject to our End User Licence Agreement: https://js.histropedia.com/licence.html
 */
 (function(global, factory) {
@@ -6849,6 +6849,20 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
     return resistedPixels / pixelsPerDay;
   }
   __name(getElasticOverflowDays, "getElasticOverflowDays");
+  function getUnresistedElasticOverflowDays(timeline, overflowDays) {
+    const pixelsPerDay = getPixelsPerDay(timeline);
+    if (!pixelsPerDay || !Number.isFinite(overflowDays) || overflowDays <= 0) {
+      return 0;
+    }
+    const width = Math.max(1, timeline.getWidth());
+    const maxElasticPixels = Math.max(32, width * 0.22);
+    const resistedPixels = overflowDays * pixelsPerDay;
+    if (resistedPixels >= maxElasticPixels) {
+      return Number.MAX_SAFE_INTEGER / pixelsPerDay;
+    }
+    return maxElasticPixels * resistedPixels / (maxElasticPixels - resistedPixels) / pixelsPerDay;
+  }
+  __name(getUnresistedElasticOverflowDays, "getUnresistedElasticOverflowDays");
   function setElasticBoundedViewportStartDay(timeline, targetStartDayNumber, viewportSpanDays) {
     const bounds = getTimelineDateBounds(timeline);
     let nextStartDayNumber = targetStartDayNumber;
@@ -7488,10 +7502,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
     function onPointerEnd(evt, tracker) {
       var _a, _b, _c;
       if (me.isPinching && tracker.list.length < 2) {
-        if (tracker.list.length === 1) {
-          const primary = getPrimary(tracker);
-          me.dragStartX = primary.x;
-        }
+        const remainingPointer = tracker.list.length === 1 ? getPrimary(tracker) : null;
         const endScale = pinch.scale || 1;
         const actualEndZoom = me.timescaleManager.zoom;
         const endTotalZoomDelta = actualEndZoom - pinch.initial.zoom;
@@ -7513,9 +7524,18 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
           }),
           evt
         );
-        (_a = me.settleDateBounds) == null ? void 0 : _a.call(me);
-        if (!me.isPanning) {
-          (_b = me._flushTimelineStateChange) == null ? void 0 : _b.call(me);
+        if (remainingPointer) {
+          if (me.isDragging) {
+            me.resetDragTracking(remainingPointer);
+          }
+        } else if (me.isDragging) {
+          me.resetDragTracking(getPoint(evt));
+          me.endDragging(evt);
+        } else {
+          (_a = me.settleDateBounds) == null ? void 0 : _a.call(me);
+          if (!me.isPanning) {
+            (_b = me._flushTimelineStateChange) == null ? void 0 : _b.call(me);
+          }
         }
         return;
       }
@@ -7578,31 +7598,43 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
     (_b = this.stopZoomAnimation) == null ? void 0 : _b.call(this);
     this.isDragging = true;
     const page = getPoint(evt);
+    Timeline.prototype.resetDragTracking.call(this, page);
+    this.trigger(
+      "viewport-drag-start",
+      makeViewportDragPayload({
+        startToken: this.timescaleManager.startToken,
+        offsetX: this.repositionWindow
+      }),
+      evt
+    );
+  }, "startDragging");
+  Timeline.prototype.resetDragTracking = /* @__PURE__ */ __name(function resetDragTracking(page) {
     this.dragOrigin = { left: page.x, top: page.y };
     this.dragStartX = page.x;
     this.dragStartY = page.y;
     this.dragMomentumSamples = [{ time: Date.now(), x: page.x }];
     this.dragDateBoundsState = null;
     const bounds = getTimelineDateBounds(this);
-    const pixelsPerDay = getPixelsPerDay(this);
-    if ((bounds == null ? void 0 : bounds.overflow) === "elastic" && pixelsPerDay) {
-      const leftDayNumber = getDayNumberAtPixel(this, 0);
-      const rightDayNumber = getDayNumberAtPixel(this, this.getWidth());
+    if ((bounds == null ? void 0 : bounds.overflow) === "elastic") {
+      const pixelsPerDay = getPixelsPerDay(this);
+      if (!pixelsPerDay) {
+        return;
+      }
+      const viewport = getViewportDayRange(this);
+      const viewportSpanDays = viewport.end - viewport.start;
+      let leftDayNumber = viewport.start;
+      if (bounds.minDay != null && viewport.start < bounds.minDay) {
+        leftDayNumber = bounds.minDay - getUnresistedElasticOverflowDays(this, bounds.minDay - viewport.start);
+      } else if (bounds.maxDay != null && viewport.end > bounds.maxDay) {
+        leftDayNumber = bounds.maxDay + getUnresistedElasticOverflowDays(this, viewport.end - bounds.maxDay) - viewportSpanDays;
+      }
       this.dragDateBoundsState = {
         leftDayNumber,
         pixelsPerDay,
-        viewportSpanDays: rightDayNumber - leftDayNumber
+        viewportSpanDays
       };
     }
-    this.trigger(
-      "viewport-drag-start",
-      makeViewportDragPayload({
-        startToken: this.timescaleManager.startToken,
-        offsetX: this.repositionWindow
-      }),
-      evt
-    );
-  }, "startDragging");
+  }, "resetDragTracking");
   Timeline.prototype.endDragging = /* @__PURE__ */ __name(function endDragging(evt) {
     var _a, _b, _c;
     this.isDragging = false;