@opengeoweb/time-slider 19.3.0 → 19.4.0

package/dist/index.esm.js

@@ -2081,16 +2081,25 @@ var TimeSliderMenu = function TimeSliderMenu(_ref) {
       setDisplayLengthInputField(false);
     }
   }, [displayLengthInputField, open]);
+  var getDisplayTextFromMark = function getDisplayTextFromMark(mark) {
+    if (!(mark != null && mark.label)) {
+      return '';
+    }
+    var parts = t(mark.label).split(' ');
+    if (parts.length > 1) {
+      return parts[0] + parts.slice(1).join(' ');
+    }
+    return parts.join('');
+  };
   var buttonText = function buttonText(value, displayCurrentLength, currentMark) {
     if (displayCurrentLength) {
+      if (!Number.isInteger(value)) {
+        return value + "m";
+      }
       return minutesToDescribedDuration(value);
     }
-    if (currentMark) {
-      var parts = t(currentMark.label).split(' ');
-      if (parts.length > 1) {
-        return parts[0] + parts.slice(1).join(' ');
-      }
-      return parts.join('');
+    if (currentMark != null && currentMark.label) {
+      return getDisplayTextFromMark(currentMark);
     }
     return '';
   };
@@ -2103,6 +2112,9 @@ var TimeSliderMenu = function TimeSliderMenu(_ref) {
     var newValue = marks[Math.min(Math.max(currentMarkIndex - direction, 0), marks.length - 1)];
     throttledScroll(newValue.value);
   }, [currentMarkIndex, marks, throttledScroll]);
+  var buttonDisplayText = buttonText(value, displayCurrentLength, currentMark);
+  var menuDisplayValue = !Number.isInteger(value) ? value + "m" : minutesToDescribedDuration(value);
+  var displayValue = isAutoSelected ? "A: " + buttonDisplayText : buttonDisplayText;
   return jsxs(Box, {
     onKeyDown: function onKeyDown(event) {
       event.stopPropagation();
@@ -2129,7 +2141,7 @@ var TimeSliderMenu = function TimeSliderMenu(_ref) {
           fontWeight: 400,
           textTransform: 'none'
         },
-        children: buttonText(value, displayCurrentLength, currentMark)
+        children: displayValue
       })]
     }), !!anchorRef && jsxs(Menu, {
       anchorEl: anchorRef,
@@ -2165,7 +2177,7 @@ var TimeSliderMenu = function TimeSliderMenu(_ref) {
         },
         children: title
       }), marks.map(function (mark) {
-        var isSelected = (currentMark == null ? void 0 : currentMark.value) === mark.value && !isAutoSelected;
+        var isSelected = (currentMark == null ? void 0 : currentMark.value) === mark.value;
         return jsx(MenuItem, {
           disabled: allOptionsDisabled,
           onClick: function onClick() {
@@ -2227,7 +2239,7 @@ var TimeSliderMenu = function TimeSliderMenu(_ref) {
                 textTransform: 'none',
                 lineHeight: 2
               },
-              children: minutesToDescribedDuration(value)
+              children: menuDisplayValue
             }), jsx(CustomTooltip, {
               title: t('timeslider-edit'),
               children: jsx("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-slider",
-  "version": "19.3.0",
+  "version": "19.4.0",
   "description": "GeoWeb time-slider library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {