@opengeoweb/time-slider 15.1.0 → 15.2.0

package/index.esm.js

@@ -626,16 +626,20 @@ var onsetNewDateDebounced = debounce(function (dateToSet, onSetNewDate) {
   maxWait: 40
 });
 var setPreviousTimeStep = function setPreviousTimeStep(timeStep, currentTime, dataStartTime, onSetNewDate) {
-  var nextTime = currentTime - timeStep;
-  var roundedTime = roundWithTimeStep(nextTime, timeStep, 'floor');
-  var newTime = Math.max(roundedTime, dataStartTime || roundedTime);
+  // timeStep is in minutes, convert to seconds
+  var timeStepInSeconds = timeStep * 60;
+  var nextTime = currentTime - timeStepInSeconds;
+  // Don't round - just step by the timestep amount from current position
+  var newTime = Math.max(nextTime, dataStartTime || nextTime);
   var selectedTimeString = dateUtils.fromUnix(newTime).toISOString();
   onSetNewDate(selectedTimeString);
 };
 var setNextTimeStep = function setNextTimeStep(timeStep, currentTime, dataEndTime, onSetNewDate) {
-  var nextTime = currentTime + timeStep;
-  var roundedTime = roundWithTimeStep(nextTime, timeStep, 'ceil');
-  var newTime = Math.min(roundedTime, dataEndTime || roundedTime);
+  // timeStep is in minutes, convert to seconds
+  var timeStepInSeconds = timeStep * 60;
+  var nextTime = currentTime + timeStepInSeconds;
+  // Don't round - just step by the timestep amount from current position
+  var newTime = Math.min(nextTime, dataEndTime || nextTime);
   var selectedTimeString = dateUtils.fromUnix(newTime).toISOString();
   onSetNewDate(selectedTimeString);
 };
@@ -1670,7 +1674,8 @@ var TimeSliderLegend = function TimeSliderLegend(_ref) {
   var startDraggingPosition = useRef(0);
   var popperRef = useRef(null);
   var isClickOrDrag = useRef();
-  var filteredTime = getFilteredTime(unfilteredSelectedTime, timeStep, dataStartTime, dataEndTime);
+  // Display unfilteredSelectedTime (already snapped to available timestep)
+  var displayTime = unfilteredSelectedTime;
   var start = localAnimationStartTime;
   var end = localAnimationEndTime;
   var pixelsBetweenViewportAndTimesliderOnTop = (_getTimeSliderLegendE = getTimeSliderLegendElement(mapId)) == null ? void 0 : _getTimeSliderLegendE.getBoundingClientRect()['top'];
@@ -2009,7 +2014,7 @@ var TimeSliderLegend = function TimeSliderLegend(_ref) {
           onMouseUp: onMouseUp,
           onRenderCanvas: function onRenderCanvas(ctx, width, height) {
             updateCanvasWidth(canvasWidth, width);
-            drawTimeSliderLegend(ctx, theme, width, height, centerTime, secondsPerPx, timeSliderSpan, filteredTime, currentTime, start, end, dataStartTime, dataEndTime);
+            drawTimeSliderLegend(ctx, theme, width, height, centerTime, secondsPerPx, timeSliderSpan, displayTime, currentTime, start, end, dataStartTime, dataEndTime);
           },
           onWheel: onWheelOverCanvas,
           ref: node
@@ -3387,9 +3392,9 @@ var TimeSliderCurrentTimeBox = function TimeSliderCurrentTimeBox(_ref) {
     _ref$secondsPerPx = _ref.secondsPerPx,
     secondsPerPx = _ref$secondsPerPx === void 0 ? 50 : _ref$secondsPerPx,
     _ref$span = _ref.span,
-    span = _ref$span === void 0 ? defaultTimeSpan : _ref$span,
-    timeStep = _ref.timeStep,
-    dataStartTime = _ref.dataStartTime,
+    span = _ref$span === void 0 ? defaultTimeSpan : _ref$span;
+    _ref.timeStep;
+    var dataStartTime = _ref.dataStartTime,
     dataEndTime = _ref.dataEndTime,
     unfilteredSelectedTime = _ref.unfilteredSelectedTime,
     linkedMapAnimationInfo = _ref.linkedMapAnimationInfo,
@@ -3462,8 +3467,9 @@ var TimeSliderCurrentTimeBox = function TimeSliderCurrentTimeBox(_ref) {
       document.removeEventListener('mouseup', handleMouseUp);
     };
   }, [canvasWidth, centerTime, mouseDownInTimeBox, secondsPerPx, setUnfilteredSelectedTime, unfilteredSelectedTime]);
-  var filteredTime = getFilteredTime(unfilteredSelectedTime, timeStep, dataStartTime, dataEndTime);
-  var timePx = timestampToPixel(filteredTime, centerTime, canvasWidth, secondsPerPx);
+  // Display unfilteredSelectedTime (already snapped to available timestep)
+  var displayTime = unfilteredSelectedTime;
+  var timePx = timestampToPixel(displayTime, centerTime, canvasWidth, secondsPerPx);
   var currentTimeBoxWidth = getTimeBoxWidth(span);
   var calendarIconPx = timePx - currentTimeBoxWidth / 2 + CALENDAR_ICON_LEFT_SPACING;
   return jsxs(Box$1, {
@@ -3488,8 +3494,8 @@ var TimeSliderCurrentTimeBox = function TimeSliderCurrentTimeBox(_ref) {
       },
       onRenderCanvas: function onRenderCanvas(ctx, width, height) {
         setCanvasWidth(width);
-        var filteredTime = getFilteredTime(unfilteredSelectedTime, timeStep, dataStartTime, dataEndTime);
-        renderTimeSliderCurrentTimeBox(ctx, theme, width, height, centerTime, filteredTime, secondsPerPx, span, isAutoUpdating);
+        // Use the actual selected time without rounding to timestep
+        renderTimeSliderCurrentTimeBox(ctx, theme, width, height, centerTime, unfilteredSelectedTime, secondsPerPx, span, isAutoUpdating);
       },
       ref: node
     }), jsx(CalendarButton, {
@@ -3500,11 +3506,11 @@ var TimeSliderCurrentTimeBox = function TimeSliderCurrentTimeBox(_ref) {
         if (newSelectedTime) {
           onCalendarSelect(newSelectedTime);
           if (onSetCenterTime) {
-            onSetCenterTime(newSelectedTime - filteredTime + centerTime);
+            onSetCenterTime(newSelectedTime - displayTime + centerTime);
           }
         }
       },
-      selectedTime: filteredTime
+      selectedTime: displayTime
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-slider",
-  "version": "15.1.0",
+  "version": "15.2.0",
   "description": "GeoWeb time-slider library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,9 +8,9 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "15.1.0",
+    "@opengeoweb/shared": "15.2.0",
     "lodash": "^4.17.21",
-    "@opengeoweb/theme": "15.1.0",
+    "@opengeoweb/theme": "15.2.0",
     "@mui/x-date-pickers": "^8.11.2",
     "@mui/system": "^7.3.2",
     "i18next": "^25.0.1",