@opengeoweb/time-slider-lite 15.3.0 → 17.0.0

package/index.esm.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Card, Typography, IconButton, CardContent, Select, MenuItem, Grid, RadioGroup, FormControlLabel, Radio, Box, ToggleButtonGroup, ToggleButton, Divider, useTheme, ButtonGroup, Tooltip } from '@mui/material';
 import React, { useState, useEffect, useLayoutEffect, useRef, createElement } from 'react';
 import { Close, ChevronDown, ChevronUp, Options, Pause, Play, StepForward, StepBackward } from '@opengeoweb/theme';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { usePrevious, safelyInitI18nForTestsAndStories } from '@opengeoweb/shared';
 import { speedFactors, defaultAnimationDelayAtStart } from '@opengeoweb/time-slider';
 import i18n from 'i18next';
@@ -164,18 +164,18 @@ var SubmenuWrapper = function SubmenuWrapper(_ref) {
     setSubmenu = _ref.setSubmenu,
     title = _ref.title,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  return jsxs(Card, Object.assign({}, props, {
+  return /*#__PURE__*/jsxs(Card, Object.assign({}, props, {
     sx: Object.assign({
       position: 'relative'
     }, Array.isArray(sx) ? Object.assign.apply(Object, [{}].concat(sx)) : sx),
-    children: [jsx(Typography, {
+    children: [/*#__PURE__*/jsx(Typography, {
       sx: {
         fontWeight: '500',
         padding: '16px',
         paddingBottom: '0px'
       },
       children: title
-    }), jsx(IconButton, {
+    }), /*#__PURE__*/jsx(IconButton, {
       "data-testid": "TimeSliderLite-submenuWrapper-closeButton",
       onClick: function onClick() {
         return setSubmenu == null ? void 0 : setSubmenu(null);
@@ -186,7 +186,7 @@ var SubmenuWrapper = function SubmenuWrapper(_ref) {
         top: 4,
         right: 4
       },
-      children: closeButtonIcon != null ? closeButtonIcon : jsx(Close, {
+      children: closeButtonIcon != null ? closeButtonIcon : /*#__PURE__*/jsx(Close, {
         "data-testid": "TimeSliderLite-submenuWrapper-defaultCloseIcon"
       })
     }), children]
@@ -210,6 +210,7 @@ var SubmenuWrapper = function SubmenuWrapper(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var DAY_TO_MILLISECOND = 24 * 60 * 60 * 1000;
 var DAY_TO_SECOND = 86400;
 var HOUR_TO_SECOND = 3600;
@@ -244,12 +245,14 @@ var defaultTimeSliderLiteUpdate = function defaultTimeSliderLiteUpdate(options)
     setTimeRange = options.setTimeRange;
   var newCurrentTime = Math.floor(Date.now() * MILLISECOND_TO_SECOND);
   var delta = newCurrentTime - currentTime;
+
   // Update current time and trigger update in useDefaultTimeRange hook
   setCurrentTime(currentTime + delta);
   if (timeRange && setTimeRange) {
     setTimeRange([timeRange[0] + delta, timeRange[1] + delta]);
   }
 };
+
 /**
  * Connected hook for updating time range and current time every 10 seconds
  * @param updateInterval Update interval in minutes
@@ -282,6 +285,7 @@ var useAutoUpdate = function useAutoUpdate(timeRange, setTimeRange, options) {
     currentTime: currentTime
   };
 };
+
 /**
  * Reformats a date that has capitalized first letter and colon separator for time
  * @param dateString Date string from Date.toLocaleDateString
@@ -291,6 +295,7 @@ var reformatFinnishDateString = function reformatFinnishDateString(dateString) {
   var charPositionOfTimestamp = -4;
   return dateString.charAt(0).toUpperCase() + dateString.slice(1, charPositionOfTimestamp) + dateString.slice(charPositionOfTimestamp).replace('.', ':');
 };
+
 /**
  * Marks UTC time with Z after hh:mm or hh.mm or appends UTC to the end of the date string
  * If two matches of time are found, the second one is marked
@@ -390,6 +395,7 @@ var hoursAndDaysToSeconds = function hoursAndDaysToSeconds(hours, days) {
 };
 var TIME_SLIDER_LITE_DEFAULT_MAX_FORECAST_RANGE = 2 * SEVEN_DAYS_IN_SECONDS;
 var TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE = SEVEN_DAYS_IN_SECONDS;
+
 /**
  * Checks which layers have observed/forecasted data and returns a default time range
  * @param layers layerTypes.ReduxLayer[] Map layers
@@ -483,8 +489,7 @@ var generateCustomTimeList = function generateCustomTimeList(currentTime, startT
   forecastTimeList.reverse();
   return [].concat(observedTimeList, forecastTimeList);
 };
-var TickMode;
-(function (TickMode) {
+var TickMode = /*#__PURE__*/function (TickMode) {
   TickMode[TickMode["DAY"] = 1] = "DAY";
   TickMode[TickMode["HALF_A_DAY"] = 2] = "HALF_A_DAY";
   TickMode[TickMode["SIX_HOURS"] = 4] = "SIX_HOURS";
@@ -492,7 +497,8 @@ var TickMode;
   TickMode[TickMode["ONE_HOUR"] = 24] = "ONE_HOUR";
   TickMode[TickMode["HALF_AN_HOUR"] = 48] = "HALF_AN_HOUR";
   TickMode[TickMode["FIFTEEN_MINUTES"] = 96] = "FIFTEEN_MINUTES";
-})(TickMode || (TickMode = {}));
+  return TickMode;
+}(TickMode || {});
 var subTicksPerDay = function subTicksPerDay(dayWidthInPixels) {
   if (dayWidthInPixels < 40) {
     return TickMode.DAY;
@@ -602,6 +608,23 @@ var timeSliderLiteUtils = /*#__PURE__*/Object.freeze({
   useDefaultTimeRange: useDefaultTimeRange
 });
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var TIME_SLIDER_LITE_NAMESPACE = 'timesliderlite';
 var initTimeSliderLiteI18n = function initTimeSliderLiteI18n(language, i18nInstance) {
   var i18nInst = i18nInstance != null ? i18nInstance : i18n;
@@ -627,7 +650,7 @@ var TimeSliderLiteI18nProvider = function TimeSliderLiteI18nProvider(_ref) {
     language = _ref.language,
     i18nInstance = _ref.i18nInstance;
   initTimeSliderLiteI18n(language, i18nInstance);
-  return jsx(I18nextProvider, {
+  return /*#__PURE__*/jsx(I18nextProvider, {
     i18n: i18nInstance != null ? i18nInstance : i18n,
     children: children
   });
@@ -636,6 +659,24 @@ var useTimesliderLiteTranslation = function useTimesliderLiteTranslation() {
   return useTranslation(TIME_SLIDER_LITE_NAMESPACE);
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var AnimationSpeedOptions = function AnimationSpeedOptions(_ref) {
   var _useAnimationSpeed$;
   var dropdownButtonIcon = _ref.dropdownButtonIcon,
@@ -657,7 +698,7 @@ var AnimationSpeedOptions = function AnimationSpeedOptions(_ref) {
   var animationSpeed = (_useAnimationSpeed$ = useAnimationSpeed == null ? void 0 : useAnimationSpeed[0]) != null ? _useAnimationSpeed$ : defaultSpeedFactor;
   var setAnimationSpeed = useAnimationSpeed == null ? void 0 : useAnimationSpeed[1];
   var readOnly = !setAnimationSpeed || speedOptions.length < 2;
-  return jsx(CardContent, {
+  return /*#__PURE__*/jsx(CardContent, {
     className: "TimeSliderLite-animationSpeedOptions",
     "data-testid": "TimeSliderLite-animationSpeedOptions",
     sx: {
@@ -665,7 +706,7 @@ var AnimationSpeedOptions = function AnimationSpeedOptions(_ref) {
       marginBottom: '-8px',
       minWidth: '200px'
     },
-    children: jsx(Select, {
+    children: /*#__PURE__*/jsx(Select, {
       IconComponent: dropdownButtonIcon,
       className: "TimeSliderLite-animationSpeedSelect",
       "data-testid": "TimeSliderLite-animationSpeedSelect",
@@ -685,7 +726,7 @@ var AnimationSpeedOptions = function AnimationSpeedOptions(_ref) {
       children: speedOptions.map(function (option) {
         var postfix = option === defaultSpeedFactor ? translatedSpeedOptionPostfix : speedOptionItemPostfix;
         var label = speedOptionItemPrefix + option + postfix;
-        return jsx(MenuItem, {
+        return /*#__PURE__*/jsx(MenuItem, {
           value: String(option),
           children: label
         }, String(option));
@@ -694,10 +735,28 @@ var AnimationSpeedOptions = function AnimationSpeedOptions(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var SubmenuSelectLabel = function SubmenuSelectLabel(_ref) {
   var children = _ref.children,
     isDisabled = _ref.isDisabled;
-  return jsx(Typography, {
+  return /*#__PURE__*/jsx(Typography, {
     sx: {
       opacity: isDisabled ? 0.5 : 1,
       fontWeight: '400',
@@ -716,7 +775,7 @@ var CustomSelect = function CustomSelect(_ref) {
     setValue = _ref.setValue,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var availableOptions = Array.from(Array(amountOfOptions).keys());
-  return jsx(Select, Object.assign({}, props, {
+  return /*#__PURE__*/jsx(Select, Object.assign({}, props, {
     IconComponent: dropdownButtonIcon,
     autoWidth: false,
     "data-testid": "TimeSliderLite-customSelect-" + itemPostFix,
@@ -736,7 +795,7 @@ var CustomSelect = function CustomSelect(_ref) {
     },
     value: String(availableOptions.includes(value) ? value : availableOptions[availableOptions.length - 1]),
     children: availableOptions.map(function (option) {
-      return jsxs(MenuItem, {
+      return /*#__PURE__*/jsxs(MenuItem, {
         value: String(option),
         children: [option, " ", itemPostFix]
       }, option);
@@ -760,23 +819,23 @@ var DayHourSelector = function DayHourSelector(_ref2) {
   var remainingHours = getRemainingHours(maxHours, days);
   var amountOfDayOptions = maxHours ? Math.floor(maxHours / 24) + 1 : 1;
   var amountOfHourOptions = maxHours ? Math.min(24, remainingHours + 1) : 1;
-  return jsxs(Grid, {
+  return /*#__PURE__*/jsxs(Grid, {
     container: true,
     sx: sx,
-    children: [jsx(Grid, {
+    children: [/*#__PURE__*/jsx(Grid, {
       size: {
         xs: 3
       },
-      children: jsx(SubmenuSelectLabel, {
+      children: /*#__PURE__*/jsx(SubmenuSelectLabel, {
         isDisabled: isDisabled || amountOfDayOptions === 1 && amountOfHourOptions === 1,
         children: label
       })
-    }), jsx(Grid, {
+    }), /*#__PURE__*/jsx(Grid, {
       paddingX: "4px",
       size: {
         xs: 4.5
       },
-      children: jsx(CustomSelect, {
+      children: /*#__PURE__*/jsx(CustomSelect, {
         amountOfOptions: amountOfDayOptions,
         disabled: isDisabled || amountOfDayOptions === 1,
         dropdownButtonIcon: dropdownButtonIcon,
@@ -784,12 +843,12 @@ var DayHourSelector = function DayHourSelector(_ref2) {
         setValue: setDays,
         value: days
       })
-    }), jsx(Grid, {
+    }), /*#__PURE__*/jsx(Grid, {
       paddingLeft: "4px",
       size: {
         xs: 4.5
       },
-      children: jsx(CustomSelect, {
+      children: /*#__PURE__*/jsx(CustomSelect, {
         amountOfOptions: amountOfHourOptions,
         disabled: isDisabled || amountOfHourOptions === 1,
         dropdownButtonIcon: dropdownButtonIcon,
@@ -801,6 +860,24 @@ var DayHourSelector = function DayHourSelector(_ref2) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var TIME_SELECTOR_MIN_WIDTH = '21em';
 var TimeRangeOptions = function TimeRangeOptions(_ref) {
   var _ref$currentTime = _ref.currentTime,
@@ -870,7 +947,7 @@ var TimeRangeOptions = function TimeRangeOptions(_ref) {
   var maxEndTime = Math.max(defaultTimeRange[1], customTimeRange[1]);
   var forecastHoursToCurrentTime = (maxEndTime - currentTime) * SECOND_TO_HOUR;
   var maxForecastHours = forecastHoursToCurrentTime > 0 ? Math.floor(forecastHoursToCurrentTime) : 0;
-  return jsxs(CardContent, {
+  return /*#__PURE__*/jsxs(CardContent, {
     className: "TimeSliderLite-timeRangeOptions",
     "data-testid": "TimeSliderLite-timeRangeOptions",
     sx: {
@@ -882,7 +959,7 @@ var TimeRangeOptions = function TimeRangeOptions(_ref) {
         paddingBottom: '16px'
       }
     },
-    children: [t('menu.timeRange.description'), jsxs(RadioGroup, {
+    children: [t('menu.timeRange.description'), /*#__PURE__*/jsxs(RadioGroup, {
       defaultValue: isDefault ? 'default' : 'custom',
       name: "time-range-radio-button-group",
       onChange: handleIsDefaultChange,
@@ -891,20 +968,20 @@ var TimeRangeOptions = function TimeRangeOptions(_ref) {
         marginTop: 1
       },
       value: isDefault ? 'default' : 'custom',
-      children: [jsx(FormControlLabel, {
-        control: jsx(Radio, {}),
+      children: [/*#__PURE__*/jsx(FormControlLabel, {
+        control: /*#__PURE__*/jsx(Radio, {}),
         disabled: isReadOnly,
         label: t('common.default'),
         value: "default"
-      }), jsx(FormControlLabel, {
-        control: jsx(Radio, {}),
+      }), /*#__PURE__*/jsx(FormControlLabel, {
+        control: /*#__PURE__*/jsx(Radio, {}),
         disabled: isReadOnly,
         label: t('common.custom'),
         value: "custom"
       })]
-    }), jsxs(Box, {
+    }), /*#__PURE__*/jsxs(Box, {
       minWidth: TIME_SELECTOR_MIN_WIDTH,
-      children: [jsx(DayHourSelector, {
+      children: [/*#__PURE__*/jsx(DayHourSelector, {
         dropdownButtonIcon: dropdownButtonIcon,
         isDisabled: isDefault,
         label: t('common.observed'),
@@ -914,7 +991,7 @@ var TimeRangeOptions = function TimeRangeOptions(_ref) {
         },
         useDays: [observedDays, setObservedDays],
         useHours: [observedHours, setObservedHours]
-      }), jsx(DayHourSelector, {
+      }), /*#__PURE__*/jsx(DayHourSelector, {
         dropdownButtonIcon: dropdownButtonIcon,
         isDisabled: isDefault,
         label: t('common.forecast'),
@@ -950,7 +1027,7 @@ var TimeStepSelector = function TimeStepSelector(_ref) {
   var availableOptionKeys = allOptionsKeys.filter(function (option) {
     return Number(option) >= defaultTimeStep;
   });
-  return jsx(Select, Object.assign({}, props, {
+  return /*#__PURE__*/jsx(Select, Object.assign({}, props, {
     IconComponent: dropdownButtonIcon,
     className: "TimeSliderLite-timeStepSelect",
     "data-testid": "TimeSliderLite-timeStepSelect",
@@ -968,7 +1045,7 @@ var TimeStepSelector = function TimeStepSelector(_ref) {
     },
     value: String(availableOptionKeys.includes(String(value)) ? value : availableOptionKeys[availableOptionKeys.length - 1]),
     children: availableOptionKeys.map(function (option) {
-      return jsx(MenuItem, {
+      return /*#__PURE__*/jsx(MenuItem, {
         value: String(option),
         children: options[option]
       }, String(option));
@@ -976,6 +1053,24 @@ var TimeStepSelector = function TimeStepSelector(_ref) {
   }));
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var TimeStepOptions = function TimeStepOptions(_ref) {
   var useTimeStep = _ref.useTimeStep,
     _ref$defaultTimeStep = _ref.defaultTimeStep,
@@ -1014,7 +1109,7 @@ var TimeStepOptions = function TimeStepOptions(_ref) {
       setTimeStep(defaultTimeStep);
     }
   };
-  return jsxs(CardContent, {
+  return /*#__PURE__*/jsxs(CardContent, {
     "data-testid": "TimeSliderLite-timeStepOptions",
     sx: {
       paddingTop: '4px',
@@ -1025,7 +1120,7 @@ var TimeStepOptions = function TimeStepOptions(_ref) {
         paddingBottom: '16px'
       }
     },
-    children: [jsxs(RadioGroup, {
+    children: [/*#__PURE__*/jsxs(RadioGroup, {
       defaultValue: isDefault ? 'default' : 'custom',
       name: "time-range-radio-button-group",
       onChange: handleIsDefaultChange,
@@ -1034,32 +1129,32 @@ var TimeStepOptions = function TimeStepOptions(_ref) {
         marginTop: 1
       },
       value: isDefault ? 'default' : 'custom',
-      children: [jsx(FormControlLabel, {
-        control: jsx(Radio, {}),
+      children: [/*#__PURE__*/jsx(FormControlLabel, {
+        control: /*#__PURE__*/jsx(Radio, {}),
         disabled: isReadOnly,
         label: t('common.default'),
         value: "default"
-      }), jsx(FormControlLabel, {
-        control: jsx(Radio, {}),
+      }), /*#__PURE__*/jsx(FormControlLabel, {
+        control: /*#__PURE__*/jsx(Radio, {}),
         disabled: isReadOnly,
         label: t('common.custom'),
         value: "custom"
       })]
-    }), jsxs(Grid, {
+    }), /*#__PURE__*/jsxs(Grid, {
       container: true,
       width: 250,
-      children: [jsx(Grid, {
+      children: [/*#__PURE__*/jsx(Grid, {
         size: {
           xs: 4
         },
         sx: {
           marginY: 1
         },
-        children: jsx(SubmenuSelectLabel, {
+        children: /*#__PURE__*/jsx(SubmenuSelectLabel, {
           isDisabled: isDefault,
           children: t('common.observed')
         })
-      }), jsx(Grid, {
+      }), /*#__PURE__*/jsx(Grid, {
         paddingX: "4px",
         size: {
           xs: 8
@@ -1067,7 +1162,7 @@ var TimeStepOptions = function TimeStepOptions(_ref) {
         sx: {
           marginY: 1
         },
-        children: jsx(TimeStepSelector, {
+        children: /*#__PURE__*/jsx(TimeStepSelector, {
           defaultTimeStep: defaultTimeStep[0],
           disabled: isDefault,
           dropdownButtonIcon: dropdownButtonIcon,
@@ -1075,20 +1170,20 @@ var TimeStepOptions = function TimeStepOptions(_ref) {
           timeStepOptions: timeStepOptions,
           value: observedTimeStep
         })
-      }), jsx(Grid, {
+      }), /*#__PURE__*/jsx(Grid, {
         size: {
           xs: 4
         },
-        children: jsx(SubmenuSelectLabel, {
+        children: /*#__PURE__*/jsx(SubmenuSelectLabel, {
           isDisabled: isDefault,
           children: t('common.forecast')
         })
-      }), jsx(Grid, {
+      }), /*#__PURE__*/jsx(Grid, {
         paddingX: "4px",
         size: {
           xs: 8
         },
-        children: jsx(TimeStepSelector, {
+        children: /*#__PURE__*/jsx(TimeStepSelector, {
           defaultTimeStep: defaultTimeStep[1],
           disabled: isDefault,
           dropdownButtonIcon: dropdownButtonIcon,
@@ -1101,6 +1196,24 @@ var TimeStepOptions = function TimeStepOptions(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var availableTimeZones = ['LT', 'UTC'];
 var styles$3 = {
   root: {
@@ -1126,7 +1239,7 @@ var TimeZoneSwitch = function TimeZoneSwitch(_ref) {
     setTimeZone = _ref$useTimeZone2[1];
   var _useTimesliderLiteTra = useTimesliderLiteTranslation(),
     t = _useTimesliderLiteTra.t;
-  return jsx(ToggleButtonGroup, {
+  return /*#__PURE__*/jsx(ToggleButtonGroup, {
     className: "TimeSliderLite-timeZoneSwitch",
     "data-testid": "TimeSliderLite-timeZoneSwitch",
     disabled: !setTimeZone,
@@ -1139,7 +1252,7 @@ var TimeZoneSwitch = function TimeZoneSwitch(_ref) {
     sx: styles$3.root,
     value: timeZone != null ? timeZone : 'LT',
     children: availableTimeZones.map(function (zone) {
-      return jsx(ToggleButton, {
+      return /*#__PURE__*/jsx(ToggleButton, {
         value: zone,
         children: t("menu." + zone)
       }, zone);
@@ -1147,6 +1260,24 @@ var TimeZoneSwitch = function TimeZoneSwitch(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var defaultUpdateIntervalOptions = [1, 2, 5, 10, 15, 30, 60];
 var UpdateIntervalOptions = function UpdateIntervalOptions(_ref) {
   var _useUpdateInterval$, _updateIntervalOption;
@@ -1172,7 +1303,7 @@ var UpdateIntervalOptions = function UpdateIntervalOptions(_ref) {
   var defaultValue = (_updateIntervalOption = updateIntervalOptions.find(function (option) {
     return option === defaultUpdateInterval;
   })) != null ? _updateIntervalOption : Math.min.apply(Math, updateIntervalOptions);
-  return jsx(CardContent, {
+  return /*#__PURE__*/jsx(CardContent, {
     className: "TimeSliderLite-updateIntervalOptions",
     "data-testid": "TimeSliderLite-updateIntervalOptions",
     sx: {
@@ -1180,7 +1311,7 @@ var UpdateIntervalOptions = function UpdateIntervalOptions(_ref) {
       marginBottom: '-8px',
       minWidth: '200px'
     },
-    children: jsx(Select, {
+    children: /*#__PURE__*/jsx(Select, {
       IconComponent: dropdownButtonIcon,
       className: "TimeSliderLite-updateIntervalSelect",
       "data-testid": "TimeSliderLite-updateIntervalSelect",
@@ -1199,7 +1330,7 @@ var UpdateIntervalOptions = function UpdateIntervalOptions(_ref) {
       value: String(updateInterval != null ? updateInterval : defaultValue),
       children: updateIntervalOptions.map(function (option) {
         var label = option === defaultValue ? "" + intervalOptionPrefix + option + translatedDefaultOptionPostfix : "" + intervalOptionPrefix + option + translatedIntervalOptionPostfix;
-        return jsx(MenuItem, {
+        return /*#__PURE__*/jsx(MenuItem, {
           value: String(option),
           children: label
         }, String(option));
@@ -1208,6 +1339,24 @@ var UpdateIntervalOptions = function UpdateIntervalOptions(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var styles$2 = {
   button: {
     height: '36px',
@@ -1224,14 +1373,15 @@ var styles$2 = {
     }
   }
 };
+
 // TODO: Add translations
-var SubmenuTitleTranslations;
-(function (SubmenuTitleTranslations) {
+var SubmenuTitleTranslations = /*#__PURE__*/function (SubmenuTitleTranslations) {
   SubmenuTitleTranslations["TIME_RANGE"] = "menu.timeRange";
   SubmenuTitleTranslations["TIME_STEP"] = "menu.timeStep";
   SubmenuTitleTranslations["SPEED"] = "menu.speed";
   SubmenuTitleTranslations["UPDATE_INTERVAL"] = "menu.updateInterval";
-})(SubmenuTitleTranslations || (SubmenuTitleTranslations = {}));
+  return SubmenuTitleTranslations;
+}({});
 var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
   var closeButtonIcon = _ref.closeButtonIcon,
     _ref$currentTime = _ref.currentTime,
@@ -1265,8 +1415,8 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
   var _React$useState2 = React.useState(0),
     submenuLeft = _React$useState2[0],
     setSubmenuLeft = _React$useState2[1];
-  return jsxs(Fragment, {
-    children: [!!submenu && jsxs(SubmenuWrapper, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!!submenu && /*#__PURE__*/jsxs(SubmenuWrapper, {
       closeButtonIcon: closeButtonIcon,
       setSubmenu: setSubmenu,
       sx: Object.assign({
@@ -1274,30 +1424,30 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
         marginLeft: '-12px'
       }, Array.isArray(subMenuSx) ? Object.assign.apply(Object, [{}].concat(subMenuSx)) : subMenuSx),
       title: t(submenu + ".title"),
-      children: [submenu === SubmenuTitleTranslations.TIME_RANGE && jsx(TimeRangeOptions, {
+      children: [submenu === SubmenuTitleTranslations.TIME_RANGE && /*#__PURE__*/jsx(TimeRangeOptions, {
         currentTime: currentTime,
         defaultTimeRange: defaultTimeRange,
         dropdownButtonIcon: dropdownButtonIcon,
         useTimeRange: useTimeRange
-      }), submenu === SubmenuTitleTranslations.TIME_STEP && jsx(TimeStepOptions, {
+      }), submenu === SubmenuTitleTranslations.TIME_STEP && /*#__PURE__*/jsx(TimeStepOptions, {
         defaultTimeStep: defaultTimeStep,
         dropdownButtonIcon: dropdownButtonIcon,
         timeStepOptions: timeStepOptions,
         useTimeStep: useTimeStep
-      }), submenu === SubmenuTitleTranslations.SPEED && jsx(AnimationSpeedOptions, {
+      }), submenu === SubmenuTitleTranslations.SPEED && /*#__PURE__*/jsx(AnimationSpeedOptions, {
         defaultSpeedFactor: defaultSpeedFactor,
         dropdownButtonIcon: dropdownButtonIcon,
         speedOptionItemPostfix: speedOptionItemPostfix,
         speedOptionItemPrefix: speedOptionItemPrefix,
         speedOptions: speedOptions,
         useAnimationSpeed: useAnimationSpeed
-      }), submenu === SubmenuTitleTranslations.UPDATE_INTERVAL && jsx(UpdateIntervalOptions, {
+      }), submenu === SubmenuTitleTranslations.UPDATE_INTERVAL && /*#__PURE__*/jsx(UpdateIntervalOptions, {
         defaultUpdateInterval: defaultUpdateInterval,
         dropdownButtonIcon: dropdownButtonIcon,
         updateIntervalOptions: updateIntervalOptions,
         useUpdateInterval: useUpdateInterval
       })]
-    }), jsxs(Box, {
+    }), /*#__PURE__*/jsxs(Box, {
       sx: Object.assign({
         backgroundColor: 'geowebColors.background.surface',
         borderRadius: 1,
@@ -1306,7 +1456,7 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
         marginY: 1,
         visibility: menuOpen ? 'visible' : 'hidden'
       }, Array.isArray(sx) ? Object.assign.apply(Object, [{}].concat(sx)) : sx),
-      children: [jsx(ToggleButtonGroup, {
+      children: [/*#__PURE__*/jsx(ToggleButtonGroup, {
         "data-testid": "TimeSliderLite-optionsMenu",
         exclusive: true,
         onChange: function onChange(event, newOption) {
@@ -1321,18 +1471,18 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
         },
         value: submenu,
         children: Object.values(SubmenuTitleTranslations).map(function (value) {
-          return jsx(ToggleButton, {
+          return /*#__PURE__*/jsx(ToggleButton, {
             sx: styles$2.button,
             value: value,
             children: t(value + ".button")
           }, value);
         })
-      }), jsx(TimeZoneSwitch$1, {
+      }), /*#__PURE__*/jsx(TimeZoneSwitch$1, {
         useTimeZone: useTimeZone != null ? useTimeZone : ['LT']
-      }), jsx(Divider, {
+      }), /*#__PURE__*/jsx(Divider, {
         flexItem: true,
         orientation: "vertical"
-      }), jsx(IconButton, {
+      }), /*#__PURE__*/jsx(IconButton, {
         "data-testid": "TimeSliderLite-optionsMenu-closeButton",
         onClick: function onClick() {
           return setMenuOpen == null ? void 0 : setMenuOpen(false);
@@ -1341,12 +1491,29 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
         sx: {
           margin: 0.5
         },
-        children: closeButtonIcon != null ? closeButtonIcon : jsx(Close, {})
+        children: closeButtonIcon != null ? closeButtonIcon : /*#__PURE__*/jsx(Close, {})
       })]
     })]
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var DRAG_AREA_WIDTH = 10;
 var NEEDLE_WIDTH = 5;
 var SHADOW_SPREAD = 2;
@@ -1355,7 +1522,7 @@ var NeedleShadow = function NeedleShadow(_ref) {
     stroke = _ref.stroke,
     height = _ref.height,
     width = _ref.width;
-  return jsx("line", {
+  return /*#__PURE__*/jsx("line", {
     "data-testid": "TimeSliderLite-NeedleShadow",
     filter: "blur(0.5px)",
     stroke: stroke,
@@ -1372,7 +1539,7 @@ var NeedleLine = function NeedleLine(_ref2) {
     stroke = _ref2.stroke,
     height = _ref2.height,
     width = _ref2.width;
-  return jsx("line", {
+  return /*#__PURE__*/jsx("line", {
     "data-testid": "TimeSliderLite-NeedleLine",
     stroke: stroke,
     strokeLinecap: "round",
@@ -1433,7 +1600,7 @@ var TimeSliderDraggableNeedle = function TimeSliderDraggableNeedle(_ref3) {
   });
   var localLabel = language === 'fi' || language === 'sv-FI' ? reformatFinnishDateString(dateString) : dateString;
   var label = timeZone === 'UTC' ? shortUTCTime(localLabel) : localLabel;
-  return jsx(Draggable, {
+  return /*#__PURE__*/jsx(Draggable, {
     axis: "x",
     bounds: {
       left: -needleDragAreaWidth / 2,
@@ -1462,7 +1629,7 @@ var TimeSliderDraggableNeedle = function TimeSliderDraggableNeedle(_ref3) {
       x: x,
       y: 0
     },
-    children: jsxs(Box, {
+    children: /*#__PURE__*/jsxs(Box, {
       className: "TimeSliderLite-DraggableNeedle",
       "data-testid": "TimeSliderLite-DraggableNeedle",
       onDoubleClick: onDoubleClick,
@@ -1470,24 +1637,24 @@ var TimeSliderDraggableNeedle = function TimeSliderDraggableNeedle(_ref3) {
       sx: {
         overflow: 'visible'
       },
-      children: [jsxs("svg", {
+      children: [/*#__PURE__*/jsxs("svg", {
         cursor: "ew-resize",
         "data-testid": "TimeSliderLite-NeedleSvg",
         height: height,
         style: style,
         width: needleDragAreaWidth,
-        children: [jsx(NeedleShadow, {
+        children: [/*#__PURE__*/jsx(NeedleShadow, {
           height: height,
           stroke: timeSliderLite.needleShadow.stroke,
           width: needleWidth,
           x: needleDragAreaWidth / 2
-        }), jsx(NeedleLine, {
+        }), /*#__PURE__*/jsx(NeedleLine, {
           height: height,
           stroke: currentTimeSelected ? timeSliderLite.needleDefault.stroke : timeSliderLite.needle.stroke,
           width: needleWidth,
           x: needleDragAreaWidth / 2
         })]
-      }), jsxs(Box, {
+      }), /*#__PURE__*/jsxs(Box, {
         bottom: "-1px",
         className: "TimeSliderLite-timeStamp",
         position: "absolute",
@@ -1504,7 +1671,7 @@ var TimeSliderDraggableNeedle = function TimeSliderDraggableNeedle(_ref3) {
           transform: "translate(calc(-50% + " + needleWidth + "px + " + needleLabelOffset[0] + "px), " + needleLabelOffset[1] + "px)",
           zIndex: needleLabelZIndex != null ? needleLabelZIndex : null
         },
-        children: [label, jsx(Box, {
+        children: [label, /*#__PURE__*/jsx(Box, {
           bottom: "-4px",
           className: "TimeSliderLite-timeStamp-tail",
           height: "10px",
@@ -1522,6 +1689,24 @@ var TimeSliderDraggableNeedle = function TimeSliderDraggableNeedle(_ref3) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var OBSERVED_PADDING_DAYS = 1;
 var FORECAST_PADDING_DAYS = OBSERVED_PADDING_DAYS + 2;
 var TICK_HEIGHT = 6;
@@ -1548,11 +1733,12 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
   var _useTheme = useTheme(),
     timeSliderLite = _useTheme.palette.geowebColors.timeSliderLite;
   if (!width) {
-    return jsx("svg", {
+    return /*#__PURE__*/jsx("svg", {
       height: height,
       style: style
     });
   }
+
   // Convert start and end time from Unix timestamp to JavaScript Date object
   var startDate = new Date(startTime * SECOND_TO_MILLISECOND);
   var endDate = new Date(endTime * SECOND_TO_MILLISECOND);
@@ -1570,6 +1756,7 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
   var showHourLabel = !hideHourLabels && tickSpacing > HOUR_LABEL_BREAKPOINT;
   var limitHourLabelsToEveryThirdHour = maxTimeStep && maxTimeStep > 60 * 60;
   var showHourLabelEveryThirdHour = limitHourLabelsToEveryThirdHour || tickSpacing < HOUR_LABEL_EVERY_THIRD_HOUR_BREAKPOINT;
+
   // Set up variables for date labels and background colors
   var dayLabels = [];
   var dayLabelDate = new Date(startTime * SECOND_TO_MILLISECOND - OBSERVED_PADDING_DAYS * DAY_TO_MILLISECOND);
@@ -1593,7 +1780,7 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
       day: 'numeric'
     });
     var label = dateString.charAt(0).toUpperCase() + dateString.slice(1);
-    return jsx("text", {
+    return /*#__PURE__*/jsx("text", {
       fill: timeSliderLite.timeline.fill,
       fontSize: "12px",
       style: {
@@ -1636,7 +1823,7 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
     return baseRectangle;
   }).flat();
   var dailyLabels = !showMonthLabel ? dayLabels.map(function (label, index) {
-    return jsx("text", {
+    return /*#__PURE__*/jsx("text", {
       fill: timeSliderLite.timeline.fill,
       fontSize: "12px",
       style: {
@@ -1660,14 +1847,14 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
         fill: timeSliderLite.timeline.fill,
         fontSize: '12px'
       };
-      return jsxs("g", {
-        children: [jsx("text", Object.assign({}, defaultProps, {
+      return /*#__PURE__*/jsxs("g", {
+        children: [/*#__PURE__*/jsx("text", Object.assign({}, defaultProps, {
           style: {
             userSelect: 'none'
           },
           textAnchor: "end",
           children: value
-        })), jsx("text", Object.assign({}, defaultProps, {
+        })), /*#__PURE__*/jsx("text", Object.assign({}, defaultProps, {
           style: {
             userSelect: 'none'
           },
@@ -1718,7 +1905,7 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
       }));
     });
   }).flat();
-  return jsxs("svg", {
+  return /*#__PURE__*/jsxs("svg", {
     height: height,
     style: style,
     width: width + TIME_SLIDER_LITE_PADDING_RIGHT,
@@ -1726,6 +1913,24 @@ var TimeSliderLiteBackgroundSvg = function TimeSliderLiteBackgroundSvg(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var HOVER_NEEDLE_WIDTH = 1;
 var DEFAULT_OPACITY = 0.5;
 var TimeSliderClickableTimeline = function TimeSliderClickableTimeline(_ref) {
@@ -1753,7 +1958,7 @@ var TimeSliderClickableTimeline = function TimeSliderClickableTimeline(_ref) {
   if (isNaN(x)) {
     return null;
   }
-  return jsx("svg", {
+  return /*#__PURE__*/jsx("svg", {
     "data-testid": "TimeSliderLite-clickableTimeline",
     onClick: function onClick() {
       return setSelectedTime(needleSuggestion);
@@ -1773,7 +1978,7 @@ var TimeSliderClickableTimeline = function TimeSliderClickableTimeline(_ref) {
       height: '100%',
       cursor: 'pointer'
     },
-    children: jsx("line", {
+    children: /*#__PURE__*/jsx("line", {
       opacity: isShown ? opacity : 0,
       stroke: timeSliderLite.timeline.stroke,
       strokeWidth: HOVER_NEEDLE_WIDTH,
@@ -1788,6 +1993,23 @@ var TimeSliderClickableTimeline = function TimeSliderClickableTimeline(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var styles$1 = {
   centeredBox: {
     borderRadius: '4px',
@@ -1822,7 +2044,7 @@ var TimeSliderZeroTimestamp = function TimeSliderZeroTimestamp(_ref) {
   });
   var localLabel = language === 'fi' || language === 'sv-FI' ? reformatFinnishDateString(dateString) : dateString;
   var label = timeZone === 'UTC' ? shortUTCTime(localLabel) : localLabel;
-  return jsx(Box, {
+  return /*#__PURE__*/jsx(Box, {
     className: "TimeSliderLite-zeroTimeStamp",
     sx: Object.assign({}, styles$1.centeredBox, timeSliderLite.needleLabel, {
       fontSize: '13px',
@@ -1834,6 +2056,24 @@ var TimeSliderZeroTimestamp = function TimeSliderZeroTimestamp(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
   var height = _ref.height,
     draggableTimeStamp = _ref.draggableTimeStamp,
@@ -1873,7 +2113,7 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
       observer.disconnect();
     };
   }, [sliderAreaRef]);
-  return jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     "data-testid": "TimeSliderLite-Background",
     ref: sliderAreaRef,
     sx: {
@@ -1883,7 +2123,7 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
       width: '100%',
       backgroundColor: timeSliderLite.timelineBackgroundObserved.fill
     },
-    children: [jsx(TimeSliderLiteBackgroundSvg, {
+    children: [/*#__PURE__*/jsx(TimeSliderLiteBackgroundSvg, {
       currentTime: currentTime,
       disableForecast: disableForecast,
       endTime: endTime,
@@ -1896,7 +2136,7 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
       timeStep: timeStep,
       timeZone: timeZone,
       width: areaWidth
-    }), jsx(TimeSliderClickableTimeline, {
+    }), /*#__PURE__*/jsx(TimeSliderClickableTimeline, {
       currentTime: currentTime,
       disableForecast: disableForecast,
       endTime: endTime,
@@ -1906,7 +2146,7 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
       timeStep: timeStep,
       timeZone: timeZone,
       width: areaWidth
-    }), !!drawNeedle && (!zerorange ? jsx(TimeSliderDraggableNeedle, {
+    }), !!drawNeedle && (!zerorange ? /*#__PURE__*/jsx(TimeSliderDraggableNeedle, {
       currentTime: currentTime,
       currentTimeSelected: currentTimeSelected,
       disableForecast: disableForecast,
@@ -1928,7 +2168,7 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
       timeStep: timeStep,
       timeZone: timeZone,
       width: areaWidth
-    }) : jsx(TimeSliderZeroTimestamp, {
+    }) : /*#__PURE__*/jsx(TimeSliderZeroTimestamp, {
       currentTime: currentTime,
       timeStep: timeStep,
       timeZone: timeZone,
@@ -1943,7 +2183,7 @@ var ControlButtonGroup = function ControlButtonGroup(_ref) {
     right = _ref.right,
     left = _ref.left,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return jsx(ButtonGroup, Object.assign({
+  return /*#__PURE__*/jsx(ButtonGroup, Object.assign({
     fullWidth: true,
     orientation: "horizontal"
   }, props, {
@@ -1982,6 +2222,7 @@ var ControlButtonGroup = function ControlButtonGroup(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var timeSliderLiteButtonDefaultProps = {
   sx: {
     width: '36px',
@@ -1989,6 +2230,24 @@ var timeSliderLiteButtonDefaultProps = {
   }
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var HideButton = function HideButton(_ref) {
   var _settings$icon$hide, _settings$icon, _settings$icon$show, _settings$icon2;
   var isVisible = _ref.isVisible,
@@ -1996,12 +2255,12 @@ var HideButton = function HideButton(_ref) {
     onClick = _ref.onClick;
   var _useTimesliderLiteTra = useTimesliderLiteTranslation(),
     t = _useTimesliderLiteTra.t;
-  var hideIcon = (_settings$icon$hide = settings == null || (_settings$icon = settings.icon) == null ? void 0 : _settings$icon.hide) != null ? _settings$icon$hide : jsx(ChevronDown, {});
-  var showIcon = (_settings$icon$show = settings == null || (_settings$icon2 = settings.icon) == null ? void 0 : _settings$icon2.show) != null ? _settings$icon$show : jsx(ChevronUp, {});
-  return jsx(Tooltip, {
+  var hideIcon = (_settings$icon$hide = settings == null || (_settings$icon = settings.icon) == null ? void 0 : _settings$icon.hide) != null ? _settings$icon$hide : /*#__PURE__*/jsx(ChevronDown, {});
+  var showIcon = (_settings$icon$show = settings == null || (_settings$icon2 = settings.icon) == null ? void 0 : _settings$icon2.show) != null ? _settings$icon$show : /*#__PURE__*/jsx(ChevronUp, {});
+  return /*#__PURE__*/jsx(Tooltip, {
     placement: "top-end",
     title: isVisible ? t('controlButtons.hide') : t('controlButtons.show'),
-    children: jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
+    children: /*#__PURE__*/jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
       "aria-selected": !isVisible,
       "data-testid": "TimeSliderLite-HideButton",
       onClick: onClick,
@@ -2010,6 +2269,24 @@ var HideButton = function HideButton(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var MenuButton = function MenuButton(_ref) {
   var _settings$icon;
   var menuOpen = _ref.menuOpen,
@@ -2017,8 +2294,8 @@ var MenuButton = function MenuButton(_ref) {
     settings = _ref.settings;
   var _useTimesliderLiteTra = useTimesliderLiteTranslation(),
     t = _useTimesliderLiteTra.t;
-  var icon = (_settings$icon = settings == null ? void 0 : settings.icon) != null ? _settings$icon : jsx(Options, {});
-  var Button = jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
+  var icon = (_settings$icon = settings == null ? void 0 : settings.icon) != null ? _settings$icon : /*#__PURE__*/jsx(Options, {});
+  var Button = /*#__PURE__*/jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
     "aria-selected": menuOpen,
     "data-testid": "TimeSliderLite-MenuButton",
     onClick: onClick,
@@ -2030,13 +2307,31 @@ var MenuButton = function MenuButton(_ref) {
   if (menuOpen) {
     return Button;
   }
-  return jsx(Tooltip, {
+  return /*#__PURE__*/jsx(Tooltip, {
     placement: "top-start",
     title: t('menu.title'),
     children: Button
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var PlayButton = function PlayButton(_ref) {
   var _settings$icon$pause, _settings$icon, _settings$icon$play, _settings$icon2;
   var isAnimating = _ref.isAnimating,
@@ -2046,15 +2341,15 @@ var PlayButton = function PlayButton(_ref) {
     tooltipDelay = _ref.tooltipDelay;
   var _useTimesliderLiteTra = useTimesliderLiteTranslation(),
     t = _useTimesliderLiteTra.t;
-  var pauseIcon = (_settings$icon$pause = settings == null || (_settings$icon = settings.icon) == null ? void 0 : _settings$icon.pause) != null ? _settings$icon$pause : jsx(Pause, {});
-  var playIcon = (_settings$icon$play = settings == null || (_settings$icon2 = settings.icon) == null ? void 0 : _settings$icon2.play) != null ? _settings$icon$play : jsx(Play, {});
-  return jsx(Tooltip, {
+  var pauseIcon = (_settings$icon$pause = settings == null || (_settings$icon = settings.icon) == null ? void 0 : _settings$icon.pause) != null ? _settings$icon$pause : /*#__PURE__*/jsx(Pause, {});
+  var playIcon = (_settings$icon$play = settings == null || (_settings$icon2 = settings.icon) == null ? void 0 : _settings$icon2.play) != null ? _settings$icon$play : /*#__PURE__*/jsx(Play, {});
+  return /*#__PURE__*/jsx(Tooltip, {
     enterDelay: tooltipDelay,
     enterNextDelay: tooltipDelay,
     placement: "top",
     title: isAnimating ? t('controlButtons.pause') : t('controlButtons.play'),
-    children: jsx("span", {
-      children: jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
+    children: /*#__PURE__*/jsx("span", {
+      children: /*#__PURE__*/jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
         "data-testid": "TimeSliderLite-PlayButton",
         disabled: isDisabled,
         onClick: function onClick() {
@@ -2069,6 +2364,24 @@ var PlayButton = function PlayButton(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var StepButton = function StepButton(_ref) {
   var _settings$icon$forwar, _settings$icon, _settings$icon$backwa, _settings$icon2;
   var forward = _ref.forward,
@@ -2081,19 +2394,19 @@ var StepButton = function StepButton(_ref) {
     t = _useTimesliderLiteTra.t;
   var forwardTitle = t('controlButtons.forward');
   var backwardTitle = t('controlButtons.backward');
-  var forwardIcon = (_settings$icon$forwar = settings == null || (_settings$icon = settings.icon) == null ? void 0 : _settings$icon.forward) != null ? _settings$icon$forwar : jsx(StepForward, {
+  var forwardIcon = (_settings$icon$forwar = settings == null || (_settings$icon = settings.icon) == null ? void 0 : _settings$icon.forward) != null ? _settings$icon$forwar : /*#__PURE__*/jsx(StepForward, {
     "data-testid": "step-forward-svg-path"
   });
-  var backwardIcon = (_settings$icon$backwa = settings == null || (_settings$icon2 = settings.icon) == null ? void 0 : _settings$icon2.backward) != null ? _settings$icon$backwa : jsx(StepBackward, {
+  var backwardIcon = (_settings$icon$backwa = settings == null || (_settings$icon2 = settings.icon) == null ? void 0 : _settings$icon2.backward) != null ? _settings$icon$backwa : /*#__PURE__*/jsx(StepBackward, {
     "data-testid": "step-backward-svg-path"
   });
-  return jsx(Tooltip, {
+  return /*#__PURE__*/jsx(Tooltip, {
     enterDelay: tooltipDelay,
     enterNextDelay: tooltipDelay,
     placement: "top",
     title: forward ? forwardTitle : backwardTitle,
-    children: jsx("span", {
-      children: jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
+    children: /*#__PURE__*/jsx("span", {
+      children: /*#__PURE__*/jsx(IconButton, Object.assign({}, timeSliderLiteButtonDefaultProps, {
         "aria-label": forward ? forwardTitle : backwardTitle,
         "data-testid": "TimeSliderLite-StepButton" + (forward ? 'Forward' : 'Backward'),
         disabled: isDisabled,
@@ -2104,6 +2417,24 @@ var StepButton = function StepButton(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var TIME_SLIDER_LITE_DEFAULT_HEIGHT = 40;
 var TIME_SLIDER_LITE_DEFAULT_TIME_STEP = 5;
 var TIME_SLIDER_LITE_TOOLTIP_DELAY = 3000;
@@ -2205,6 +2536,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
       setRawSelectedTime(roundedStartTime);
       return;
     }
+
     // Handle stepping over current time
     if (newSteppedTime >= currentTime && currentTime > rawSelectedTime && !isObservedTimeRange) {
       setRawSelectedTime(firstForecastTime);
@@ -2224,6 +2556,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
       onToggleAnimation();
     }
   };
+
   // Handle time range selection
   useEffect(function () {
     var userDraggingNeedle = rawSelectedTime !== selectedTime || rawSelectedTime === roundedEndTime;
@@ -2238,7 +2571,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [startTime, endTime, needleDisabled, timeStep]);
   var tooltipDelay = menuOpen ? TIME_SLIDER_LITE_TOOLTIP_DELAY : undefined;
-  return jsxs(Grid, {
+  return /*#__PURE__*/jsxs(Grid, {
     container: true,
     "data-testid": "timeSliderLite-" + mapId,
     sx: Object.assign({}, styles.container, Array.isArray(sx) ? Object.assign.apply(Object, [{}].concat(sx)) : sx, {
@@ -2246,40 +2579,40 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       boxShadow: isVisible ? sx == null ? void 0 : sx.boxShadow : undefined
     }),
-    children: [isVisible ? jsxs(Fragment, {
-      children: [jsx(Grid, {
+    children: [isVisible ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Grid, {
         sx: {
           height: height + "px"
         },
-        children: controlButtons || jsxs(ControlButtonGroup, {
+        children: controlButtons || /*#__PURE__*/jsxs(ControlButtonGroup, {
           left: true,
-          children: [!hideMenuButton && jsxs(Fragment, {
-            children: [jsx(MenuButton, {
+          children: [!hideMenuButton && /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(MenuButton, {
               menuOpen: menuOpen,
               onClick: onToggleMenu,
               settings: settings == null ? void 0 : settings.menuButton
-            }), jsx(Divider, {
+            }), /*#__PURE__*/jsx(Divider, {
               orientation: "vertical",
               sx: {
                 height: height + "px",
                 margin: '2px'
               }
             })]
-          }), !hidePlayButton && jsx(PlayButton, {
+          }), !hidePlayButton && /*#__PURE__*/jsx(PlayButton, {
             isAnimating: isAnimating,
             isDisabled: needleDisabled,
             onTogglePlayButton: onToggleAnimation,
             settings: settings == null ? void 0 : settings.playButton,
             tooltipDelay: tooltipDelay
-          }), !hideStepButtons && jsxs(Fragment, {
-            children: [jsx(StepButton, {
+          }), !hideStepButtons && /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(StepButton, {
               isDisabled: needleDisabled,
               onClick: function onClick() {
                 return handleTimeStep(-timeStepSeconds);
               },
               settings: settings == null ? void 0 : settings.stepButton,
               tooltipDelay: tooltipDelay
-            }), jsx(StepButton, {
+            }), /*#__PURE__*/jsx(StepButton, {
               forward: true,
               isDisabled: needleDisabled,
               onClick: function onClick() {
@@ -2290,8 +2623,8 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
             })]
           })]
         })
-      }), jsx(Grid, {
-        children: jsx(TimeSliderLiteBackground, {
+      }), /*#__PURE__*/jsx(Grid, {
+        children: /*#__PURE__*/jsx(TimeSliderLiteBackground, {
           currentTime: currentTime,
           currentTimeSelected: !!autoUpdateSelectedTime && !isAnimating,
           disableForecast: isObservedTimeRange,
@@ -2314,17 +2647,17 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
           zerorange: needleDisabled
         })
       })]
-    }) : jsx(Grid, {}), jsx(Grid, {
+    }) : /*#__PURE__*/jsx(Grid, {}), /*#__PURE__*/jsx(Grid, {
       sx: {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         boxShadow: isVisible ? 'none' : sx == null ? void 0 : sx.boxShadow,
         borderRadius: isVisible ? 'none' : '4px',
         height: height + "px"
       },
-      children: hideButton || jsx(ControlButtonGroup, {
+      children: hideButton || /*#__PURE__*/jsx(ControlButtonGroup, {
         className: "timeSliderLite-hideButtonGroup-" + (isVisible ? 'hide' : 'show'),
         right: isVisible,
-        children: jsx(HideButton, {
+        children: /*#__PURE__*/jsx(HideButton, {
           isVisible: isVisible,
           onClick: onToggleTimeSlider,
           settings: settings == null ? void 0 : settings.hideButton
@@ -2351,6 +2684,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var useOnToggleAnimation = function useOnToggleAnimation(dispatch, mapId, selectedTime, timeStep, defaultTimeStep, startTime, endTime, isAnimating, timeSliderProps) {
   var startMapAnimation = function startMapAnimation() {
     var _timeStep$, _timeStep$2, _timeSliderProps$curr, _timeSliderProps$curr2;
@@ -2425,6 +2759,7 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_ref) {
   var _ref4 = overrideUseTimeZone || useTimeZone,
     timeZone = _ref4[0],
     setTimeZone = _ref4[1];
+
   // eslint-disable-next-line react/hook-use-state
   var useUpdateInterval = React.useState(null);
   var _ref5 = overrideUseUpdateInterval || useUpdateInterval,
@@ -2485,6 +2820,7 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_ref) {
   var onToggleAnimation = useOnToggleAnimation(dispatch, mapId, selectedTime, timeStep, defaultTimeStep, startTime, endTime, isAnimating, Object.assign({}, timeSliderProps, {
     timeZone: timeZone
   }));
+
   // Restart animation if auto updated
   useEffect(function () {
     if (isAnimating) {
@@ -2508,12 +2844,13 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_ref) {
     }
     setTimeStep(newTimeStep);
   };
-  return jsxs(Fragment, {
-    children: [!!isVisible && !!menuOpen && jsx(TimeSliderLiteOptionsMenu, Object.assign({
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!!isVisible && !!menuOpen && /*#__PURE__*/jsx(TimeSliderLiteOptionsMenu, Object.assign({
       TimeZoneSwitch: timeSliderProps == null || (_timeSliderProps$sett = timeSliderProps.settings) == null ? void 0 : _timeSliderProps$sett.TimeZoneSwitch,
       closeButtonIcon: (_timeSliderProps$sett2 = timeSliderProps.settings) == null || (_timeSliderProps$sett2 = _timeSliderProps$sett2.closeButton) == null ? void 0 : _timeSliderProps$sett2.icon,
       defaultTimeRange: [defaultStartTime, defaultEndTime],
-      defaultTimeStep: defaultTimeStep,
+      defaultTimeStep: defaultTimeStep // TODO: Calculate from layers
+      ,
       dropdownButtonIcon: (_timeSliderProps$sett3 = timeSliderProps.settings) == null || (_timeSliderProps$sett3 = _timeSliderProps$sett3.dropdownButton) == null ? void 0 : _timeSliderProps$sett3.icon,
       menuOpen: menuOpen,
       setMenuOpen: setMenuOpen,
@@ -2522,7 +2859,7 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_ref) {
       useTimeStep: [timeStep, handleTimeStepChange],
       useTimeZone: [timeZone, setTimeZone],
       useUpdateInterval: [updateInterval, setUpdateInterval]
-    }, TimeSliderLiteOptionsMenuProps)), jsx(TimeSliderLite, Object.assign({
+    }, TimeSliderLiteOptionsMenuProps)), /*#__PURE__*/jsx(TimeSliderLite, Object.assign({
       currentTime: currentTime,
       endTime: endTime,
       isAnimating: !!isAnimating,