@opengeoweb/shared 15.3.0 → 17.0.0

package/index.esm.js

@@ -1,13 +1,13 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Box, Typography, useTheme, Tooltip, IconButton, Menu, ListSubheader, MenuItem, Grid, ListItemText, ListItemIcon, DialogTitle, Button, Dialog, DialogContent, DialogActions, Paper, CircularProgress, Alert, AlertTitle, Drawer, Link, Avatar as Avatar$1, ClickAwayListener, MenuList, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, styled, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, Switch, TextField, InputAdornment, Chip, Stack, debounce as debounce$1, ListItemButton, Checkbox } from '@mui/material';
+import React, { useRef, useEffect, useState, Component } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
-import React, { useRef, useEffect, useState, Component } from 'react';
 import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
 import { Resize, BORDER_RADIUS, Options, Close, ChevronLeft, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Admin, useThemeContext, ThemeTypes, ArrowLeft, ArrowRight, KeyOption, KeyCommand, ArrowUp, ArrowDown, ChevronDown, Search, Clear, Cached, Filter as Filter$1 } from '@opengeoweb/theme';
 import { throttle, isEqual, merge, escapeRegExp, debounce } from 'lodash';
-import { parseISO, parse, format, isEqual as isEqual$1, add as add$1, sub as sub$1, differenceInYears as differenceInYears$1, differenceInMonths as differenceInMonths$1, differenceInDays as differenceInDays$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, differenceInSeconds as differenceInSeconds$1, roundToNearestMinutes as roundToNearestMinutes$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$1, getHours as getHours$1, startOfDay, addMinutes, addHours, setSeconds as setSeconds$1, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
+import { add as add$1, startOfDay, addMinutes, addHours, format, differenceInDays as differenceInDays$1, differenceInHours as differenceInHours$1, differenceInMinutes as differenceInMinutes$1, differenceInMonths as differenceInMonths$1, differenceInSeconds as differenceInSeconds$1, differenceInYears as differenceInYears$1, fromUnixTime, getHours as getHours$1, isAfter as isAfter$1, isBefore as isBefore$1, isEqual as isEqual$1, isValid as isValid$1, parseISO, roundToNearestMinutes as roundToNearestMinutes$1, set as set$1, setSeconds as setSeconds$1, parse, sub as sub$1, getUnixTime, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
 import { fi as fi$1, nl as nl$1, nb, enGB } from 'date-fns/locale';
 
 var en = {
@@ -31,6 +31,7 @@ var en = {
 	"shared-move-selected-time": "Move backwards/forwards in selected time",
 	"shared-move-one-step": "Move 1 step backwards/forwards in selected time",
 	"shared-toggle-timeslider": "Toggle hide/show time slider",
+	"shared-toggle-syncviewer": "Toggle hide/show sync settings",
 	"shared-timeslider-scale": "Change time slider scale (visible timespan)",
 	"shared-expand-timeslider-scale": "Expand/shrink time slider scale (visible timespan)",
 	"shared-toggle-layerinformation": "Toggle hide/show layer information",
@@ -96,7 +97,8 @@ var fi = {
 	"shared-choose-selected-time": "Valitse valittu aika",
 	"shared-move-selected-time": "Liiku ajassa taaksepäin/eteenpäin",
 	"shared-move-one-step": "Liiku 1 askel ajassa taaksepäin/eteenpäin",
-	"shared-toggle-timeslider": "Kytke TimeSlider näkyville/pois näkyvistä",
+	"shared-toggle-timeslider": "Piilota/näytä synkronointiasetukset",
+	"shared-toggle-syncviewer": "Toggle hide/show sync settings",
 	"shared-timeslider-scale": "Muuta TimeSliderin näkyvää aikaväliä",
 	"shared-expand-timeslider-scale": "Laajenna/kutista TimeSliderin mittakaavaa (näkyvää aikaväliä)",
 	"shared-toggle-layerinformation": "Kytke karttatasojen pikanäyttö näkyville/pois näkyvistä",
@@ -161,6 +163,7 @@ var no = {
 	"shared-move-selected-time": "Gå bakover/fremover i valgt tid",
 	"shared-move-one-step": "Gå 1 steg bakover/fremover i valgt tid",
 	"shared-toggle-timeslider": "Vis/skjul tidslinje",
+	"shared-toggle-syncviewer": "Vis/skjul synkroniseringsinnstillinger",
 	"shared-timeslider-scale": "Endre tidsseriens skala (synlig tidsperiode)",
 	"shared-expand-timeslider-scale": "Utvid/krymp tidsseriens skala (synlig tidsperiode)",
 	"shared-toggle-layerinformation": "Vis/skjul laginformasjon",
@@ -225,6 +228,7 @@ var nl = {
 	"shared-move-selected-time": "Ga achteruit/vooruit in geselecteerde tijd",
 	"shared-move-one-step": "Ga 1 stap achteruit/vooruit in geselecteerde tijd",
 	"shared-toggle-timeslider": "Timeslider verbergen/tonen",
+	"shared-toggle-syncviewer": "Synchroniserings instellingen verbergen/tonen",
 	"shared-timeslider-scale": "Timeslider zichtbare periode wijzigen",
 	"shared-expand-timeslider-scale": "Timeslider zichtbare periode vergroten/verkleinen",
 	"shared-toggle-layerinformation": "Laag informatie verbergen/tonen",
@@ -637,7 +641,7 @@ var StatusTag = function StatusTag(_ref) {
     icon = _ref.icon,
     sx = _ref.sx;
     _objectWithoutPropertiesLoose(_ref, _excluded$e);
-  return jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     alignItems: "center",
     className: "statusTag",
     "data-testid": "statusTag",
@@ -645,13 +649,13 @@ var StatusTag = function StatusTag(_ref) {
     position: "relative",
     sx: Object.assign({}, tagStyle(color), Array.isArray(sx) ? Object.assign.apply(Object, [{}].concat(sx)) : sx),
     textAlign: "center",
-    children: [jsx(Box, {
+    children: [/*#__PURE__*/jsx(Box, {
       sx: {
         position: 'absolute',
         color: 'geowebColors.iconButtons.flat.default.color'
       },
       children: icon
-    }), jsx(Typography, {
+    }), /*#__PURE__*/jsx(Typography, {
       sx: {
         width: '100%'
       },
@@ -678,6 +682,7 @@ var StatusTag = function StatusTag(_ref) {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var SHARED_NAMESPACE = 'shared';
 var geowebLanguages = ['en', 'fi', 'no', 'nl'];
 var loadAllTranslations = function loadAllTranslations(i18nInstance, translationsToLoad) {
@@ -729,7 +734,7 @@ var DraggableComponent$1 = function DraggableComponent(_ref) {
       y: pos.y
     });
   };
-  return jsx(Draggable, Object.assign({
+  return /*#__PURE__*/jsx(Draggable, Object.assign({
     bounds: bounds
   }, props, {
     enableUserSelectHack: false,
@@ -796,6 +801,7 @@ var ResizeComponent = function ResizeComponent(_ref) {
       width: width,
       height: height
     });
+
     // fix for when initial maxHeight gets cleared
     // eslint-disable-next-line no-param-reassign
     node.style.height = height + "px";
@@ -815,7 +821,7 @@ var ResizeComponent = function ResizeComponent(_ref) {
     onResizeStop(event, direction, node, delta);
   }, [setSize, onResizeStop, size]);
   var boundsProps = useBoundsProps(nodeRef);
-  return jsx(Resizable, Object.assign({
+  return /*#__PURE__*/jsx(Resizable, Object.assign({
     minHeight: minHeight,
     minWidth: minWidth,
     onResizeStop: onStopResize,
@@ -823,7 +829,7 @@ var ResizeComponent = function ResizeComponent(_ref) {
   }, boundsProps, {
     enable: enable,
     handleComponent: {
-      bottomRight: jsx(Resize, {
+      bottomRight: /*#__PURE__*/jsx(Resize, {
         className: "resizableHandle",
         style: {
           fill: "" + theme.palette.geowebColors.buttons.flat["default"].color
@@ -832,7 +838,7 @@ var ResizeComponent = function ResizeComponent(_ref) {
           display: 'none'
         }
       }),
-      bottomLeft: jsx(Resize, {
+      bottomLeft: /*#__PURE__*/jsx(Resize, {
         className: "resizableHandle",
         isRightAligned: true,
         style: {
@@ -849,6 +855,24 @@ var ResizeComponent = function ResizeComponent(_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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var defaultDelay = 1000;
 var useControlledTooltip = function useControlledTooltip() {
   var _React$useState = React.useState(false),
@@ -872,7 +896,7 @@ var useControlledTooltip = function useControlledTooltip() {
   return [delayedTooltip, setTooltipOpen];
 };
 var CustomTooltip = function CustomTooltip(props) {
-  return jsx(Tooltip, Object.assign({}, props, {
+  return /*#__PURE__*/jsx(Tooltip, Object.assign({}, props, {
     disableInteractive: true,
     enterDelay: defaultDelay,
     enterNextDelay: defaultDelay
@@ -913,7 +937,7 @@ var CustomIconButtonNoMemo = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     });
   }, [defaultTooltipProps, tooltipTitle]);
   var renderIconButton = function renderIconButton() {
-    return jsxs(IconButton, Object.assign({
+    return /*#__PURE__*/jsxs(IconButton, Object.assign({
       "aria-label": tooltipTitle
     }, props, {
       "aria-pressed": isSelected,
@@ -928,7 +952,7 @@ var CustomIconButtonNoMemo = /*#__PURE__*/React.forwardRef(function (_ref, ref)
           color: "geowebColors.iconButtons." + variant + ".default.color"
         }
       }),
-      children: [children, shouldShowExtraOptionsIndicator ? jsx(Box, {
+      children: [children, shouldShowExtraOptionsIndicator ? /*#__PURE__*/jsx(Box, {
         "data-testid": "extra-options-indicator",
         sx: {
           position: 'absolute',
@@ -943,12 +967,29 @@ var CustomIconButtonNoMemo = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       }) : null]
     }));
   };
-  return tooltipTitle && !props.disabled ? jsx(CustomTooltip, Object.assign({}, tooltipProps, {
+  return tooltipTitle && !props.disabled ? /*#__PURE__*/jsx(CustomTooltip, Object.assign({}, tooltipProps, {
     children: renderIconButton()
   })) : renderIconButton();
 });
 var CustomIconButton = /*#__PURE__*/React.memo(CustomIconButtonNoMemo);
 
+/* *
+ * 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 getPosition = function getPosition(menuPosition) {
   switch (menuPosition) {
     case 'bottom':
@@ -1005,7 +1046,7 @@ var ToggleMenu = function ToggleMenu(_ref) {
     _ref$isDefaultOpen = _ref.isDefaultOpen,
     isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
     _ref$buttonIcon = _ref.buttonIcon,
-    buttonIcon = _ref$buttonIcon === void 0 ? jsx(Options, {}) : _ref$buttonIcon,
+    buttonIcon = _ref$buttonIcon === void 0 ? /*#__PURE__*/jsx(Options, {}) : _ref$buttonIcon,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
   var _React$useState = React.useState(null),
@@ -1028,8 +1069,8 @@ var ToggleMenu = function ToggleMenu(_ref) {
       setAnchorEl(document.getElementById(buttonTestId));
     }
   }, [isDefaultOpen, buttonTestId]);
-  return jsxs(Fragment, {
-    children: [jsx(CustomIconButton, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(CustomIconButton, {
       "data-testid": buttonTestId,
       disabled: isDisabled,
       id: buttonTestId,
@@ -1042,7 +1083,7 @@ var ToggleMenu = function ToggleMenu(_ref) {
       },
       variant: variant,
       children: buttonIcon
-    }), jsxs(Menu, {
+    }), /*#__PURE__*/jsxs(Menu, {
       anchorEl: anchorEl,
       anchorOrigin: anchorOrigin,
       onClose: function onClose(event, reason) {
@@ -1066,9 +1107,9 @@ var ToggleMenu = function ToggleMenu(_ref) {
         })
       },
       transformOrigin: transformOrigin,
-      children: [menuTitle ? jsx(ListSubheader, {
+      children: [menuTitle ? /*#__PURE__*/jsx(ListSubheader, {
         "data-testid": "toggleMenuTitle",
-        children: jsx(Typography, {
+        children: /*#__PURE__*/jsx(Typography, {
           sx: {
             fontSize: '12px'
           },
@@ -1079,25 +1120,25 @@ var ToggleMenu = function ToggleMenu(_ref) {
           icon = menuItem.icon,
           action = menuItem.action,
           isDisabled = menuItem.isDisabled;
-        return jsx(MenuItem, {
+        return /*#__PURE__*/jsx(MenuItem, {
           disabled: isDisabled,
           onClick: function onClick(event) {
             action(event);
             handleClose(event);
           },
           selected: menuItem.isSelected,
-          children: jsxs(Grid, {
+          children: /*#__PURE__*/jsxs(Grid, {
             container: true,
             justifyContent: "space-between",
             size: "grow",
             spacing: 2,
-            children: [jsx(Grid, {
-              children: jsx(ListItemText, {
+            children: [/*#__PURE__*/jsx(Grid, {
+              children: /*#__PURE__*/jsx(ListItemText, {
                 children: text
               })
-            }), icon ? jsx(Grid, {
+            }), icon ? /*#__PURE__*/jsx(Grid, {
               alignItems: "flex-end",
-              children: jsx(ListItemIcon, {
+              children: /*#__PURE__*/jsx(ListItemIcon, {
                 sx: {
                   '&.MuiListItemIcon-root': {
                     minWidth: '24px'
@@ -1108,15 +1149,32 @@ var ToggleMenu = function ToggleMenu(_ref) {
             }) : null]
           })
         }, text);
-      }) : jsx("div", {}) // Needed to make the menu work without any menuItems
+      }) : /*#__PURE__*/jsx("div", {}) // Needed to make the menu work without any menuItems
       , children]
     })]
   });
 };
 
+/* *
+ * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var Title = function Title(_ref) {
   var title = _ref.title;
-  return jsx(Typography, {
+  return /*#__PURE__*/jsx(Typography, {
     component: "span",
     "data-testid": "customDialog-title",
     sx: {
@@ -1137,7 +1195,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
     onClose = _ref2.onClose;
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
-  return !headerActions ? jsxs(DialogTitle, {
+  return !headerActions ? /*#__PURE__*/jsxs(DialogTitle, {
     id: "dialog-title",
     sx: {
       zIndex: 1,
@@ -1146,9 +1204,9 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
       justifyContent: 'space-between',
       alignItems: 'center'
     },
-    children: [title ? jsx(Title, {
+    children: [title ? /*#__PURE__*/jsx(Title, {
       title: title
-    }) : null, jsx(CustomIconButton, {
+    }) : null, /*#__PURE__*/jsx(CustomIconButton, {
       "aria-label": "close",
       "data-testid": "customDialog-close",
       onClick: function onClick() {
@@ -1159,11 +1217,11 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
           color: 'geowebColors.greys.accessible'
         }
       },
-      children: jsx(Close, {
+      children: /*#__PURE__*/jsx(Close, {
         "data-testid": "CloseIcon"
       })
     })]
-  }) : jsxs(Grid, {
+  }) : /*#__PURE__*/jsxs(Grid, {
     alignItems: "center",
     "aria-label": "Dialog options header",
     container: true,
@@ -1174,34 +1232,34 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
       px: 1,
       zIndex: 1
     },
-    children: [jsx(Grid, {
+    children: [/*#__PURE__*/jsx(Grid, {
       size: 4,
-      children: jsx(Button, {
+      children: /*#__PURE__*/jsx(Button, {
         "aria-label": "close",
         "data-testid": "contentdialog-close",
         onClick: function onClick() {
           return onClose('CLOSED');
         },
-        startIcon: jsx(ChevronLeft, {}),
+        startIcon: /*#__PURE__*/jsx(ChevronLeft, {}),
         sx: {
           textTransform: 'uppercase'
         },
         variant: "flat",
         children: t('shared-customdialog-back')
       })
-    }), jsx(Grid, {
+    }), /*#__PURE__*/jsx(Grid, {
       size: 4,
       sx: {
         display: 'flex',
         justifyContent: 'center',
         textAlign: 'center'
       },
-      children: title ? jsx(Title, {
+      children: title ? /*#__PURE__*/jsx(Title, {
         title: title
       }) : null
-    }), jsx(Grid, {
+    }), /*#__PURE__*/jsx(Grid, {
       size: 4,
-      children: jsx(Box, {
+      children: /*#__PURE__*/jsx(Box, {
         sx: {
           display: 'flex',
           justifyContent: 'flex-end',
@@ -1209,8 +1267,8 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
             marginLeft: 1
           }
         },
-        children: jsxs(Box, {
-          children: [jsx(Box, {
+        children: /*#__PURE__*/jsxs(Box, {
+          children: [/*#__PURE__*/jsx(Box, {
             display: {
               xs: 'none',
               lg: 'flex'
@@ -1221,7 +1279,7 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
                 variant = _ref3.variant,
                 _ref3$isDisabled = _ref3.isDisabled,
                 isDisabled = _ref3$isDisabled === void 0 ? false : _ref3$isDisabled;
-              return jsx(Button, {
+              return /*#__PURE__*/jsx(Button, {
                 disabled: isDisabled,
                 onClick: action,
                 sx: {
@@ -1231,12 +1289,12 @@ var CustomDialogHeader = function CustomDialogHeader(_ref2) {
                 children: text
               }, text + "-" + variant);
             })
-          }), jsx(Box, {
+          }), /*#__PURE__*/jsx(Box, {
             display: {
               sm: 'block',
               lg: 'none'
             },
-            children: headerActions.length > 0 && jsx(ToggleMenu, {
+            children: headerActions.length > 0 && /*#__PURE__*/jsx(ToggleMenu, {
               menuItems: headerActions.map(function (_ref4) {
                 var text = _ref4.text,
                   action = _ref4.action,
@@ -1273,7 +1331,7 @@ var PaperComponent = function PaperComponent(_ref) {
     props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var maxWidth = '98%';
   var maxHeight = '98%';
-  return jsx(ResizeComponent, Object.assign({
+  return /*#__PURE__*/jsx(ResizeComponent, Object.assign({
     className: "custom-dialog-resize",
     maxHeight: maxHeight,
     maxWidth: maxWidth,
@@ -1305,7 +1363,7 @@ var PaperComponent = function PaperComponent(_ref) {
       topLeft: true
     },
     resizeRatio: [2, 2],
-    children: hasLayout ? jsx(Paper, Object.assign({}, props, {
+    children: hasLayout ? /*#__PURE__*/jsx(Paper, Object.assign({}, props, {
       sx: {
         margin: '0px!important',
         width: '100%!important',
@@ -1340,10 +1398,11 @@ var CustomDialog = function CustomDialog(_ref2) {
   var _React$useState = React.useState(resizableDefaultSize),
     size = _React$useState[0],
     setSize = _React$useState[1];
-  return jsx(Dialog, Object.assign({
+  return /*#__PURE__*/jsx(Dialog, Object.assign({
     "aria-labelledby": "dialog-title",
-    "data-testid": "customDialog",
+    "data-testid": "customDialog"
     // fix for briefly showing default options when closing dialog
+    ,
     transitionDuration: 0
   }, isResizable && {
     PaperComponent: PaperComponent
@@ -1388,20 +1447,20 @@ var CustomDialog = function CustomDialog(_ref2) {
       }
     })
   }, other, {
-    children: hasLayout ? jsxs(Fragment, {
-      children: [jsx(CustomDialogHeader, {
+    children: hasLayout ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(CustomDialogHeader, {
         headerActions: headerActions,
         onClose: _onClose,
         title: title
-      }), jsxs(DialogContent, {
+      }), /*#__PURE__*/jsxs(DialogContent, {
         sx: {
           padding: '8px 16px'
         },
-        children: [description ? jsx(Typography, {
+        children: [description ? /*#__PURE__*/jsx(Typography, {
           variant: "body1",
           children: description
         }) : null, children]
-      }), !headerActions && jsx(DialogActions, {
+      }), !headerActions && /*#__PURE__*/jsx(DialogActions, {
         sx: {
           padding: 2,
           flexDirection: {
@@ -1415,6 +1474,23 @@ var CustomDialog = function CustomDialog(_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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var confirmStyle = {
   width: {
     xs: '100%',
@@ -1442,8 +1518,8 @@ var ConfirmationButtons = function ConfirmationButtons(_ref) {
     confirmLabel = _ref.confirmLabel;
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
-  return jsxs(Fragment, {
-    children: [jsx(Button, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Button, {
       "data-testid": "confirmationDialog-cancel",
       onClick: function onClick() {
         return onClose('CANCELLED');
@@ -1462,7 +1538,7 @@ var ConfirmationButtons = function ConfirmationButtons(_ref) {
       },
       variant: "tertiary",
       children: cancelLabel != null ? cancelLabel : t('shared-confirmation-cancel')
-    }), isLoading ? jsx(Box, {
+    }), isLoading ? /*#__PURE__*/jsx(Box, {
       "data-testid": "confirm-dialog-spinner",
       sx: Object.assign({}, confirmStyle, {
         height: '40px',
@@ -1470,11 +1546,11 @@ var ConfirmationButtons = function ConfirmationButtons(_ref) {
         justifyContent: 'center',
         alignItems: 'center'
       }),
-      children: jsx(CircularProgress, {
+      children: /*#__PURE__*/jsx(CircularProgress, {
         color: "secondary",
         size: 40
       })
-    }) : jsx(Button, {
+    }) : /*#__PURE__*/jsx(Button, {
       autoFocus: !disableAutoFocus,
       "data-testid": "confirmationDialog-confirm",
       onClick: onSubmit,
@@ -1513,8 +1589,8 @@ var ConfirmationDialog = function ConfirmationDialog(_ref) {
     var rest = _objectWithoutPropertiesLoose(other, _excluded2$1); // remove unwanted props
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
-  return jsx(CustomDialog, Object.assign({
-    actions: jsx(ConfirmationButtons, {
+  return /*#__PURE__*/jsx(CustomDialog, Object.assign({
+    actions: /*#__PURE__*/jsx(ConfirmationButtons, {
       cancelLabel: cancelLabel,
       confirmLabel: confirmLabel,
       disableAutoFocus: disableAutoFocus,
@@ -1684,6 +1760,7 @@ var useIsMounted = function useIsMounted() {
 var adjustPosition = function adjustPosition(bbox, containingView, position, setPosition) {
   var isHorizontallyLarger = bbox.width > containingView.width;
   var isVerticallyLarger = bbox.height > containingView.height;
+
   // Check corner cases first
   // bottom left
   if (bbox.x < containingView.x && bbox.bottom >= containingView.bottom) {
@@ -1767,10 +1844,10 @@ var useMakeSureContainerStaysInsideWindow = function useMakeSureContainerStaysIn
   Accepts a value and timeout and will debounce
   
   @param {S} value: value of element
-  @param {timeout} number: timer
-  @return {value: S}
+  @param {timeout} number: timer 
+  @return {value: S}  
 
-  @example:
+  @example: 
    const debouncedName = useDebounce('testing', 2000)
 */
 var useDebounce = function useDebounce(value, timeout) {
@@ -1810,6 +1887,7 @@ var useDebounce = function useDebounce(value, timeout) {
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var useWheelStopPropagation = function useWheelStopPropagation() {
   var ref = React.useRef(null);
   React.useEffect(function () {
@@ -1849,11 +1927,7 @@ var useWheelStopPropagation = function useWheelStopPropagation() {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-/**
- *  This hook allows to stop wheel events from propagating to parent elements.
- *  Normally, when you scroll a child element, the scroll event will propagate to the parent element,
- *  as calling event.stopPropagation() on syncthetic events does not stop the propagation
- */
+
 var useScrollingInIsolation = function useScrollingInIsolation(options) {
   var scrollInIsolationRef = React.useRef(null);
   React.useEffect(function () {
@@ -1873,6 +1947,7 @@ var useScrollingInIsolation = function useScrollingInIsolation(options) {
     element.addEventListener('wheel', handleWheel, {
       passive: false
     });
+
     // eslint-disable-next-line consistent-return
     return function () {
       element.removeEventListener('wheel', handleWheel);
@@ -1931,6 +2006,7 @@ var useDialogActions = function useDialogActions(awaitingPromiseRef, defaultOpti
   var _React$useState = React.useState(defaultOptions),
     confirmationState = _React$useState[0],
     setConfirmationState = _React$useState[1];
+
   // eslint-disable-next-line @typescript-eslint/promise-function-async
   var openConfirmation = function openConfirmation(options) {
     setConfirmationState(options);
@@ -1943,6 +2019,7 @@ var useDialogActions = function useDialogActions(awaitingPromiseRef, defaultOpti
       };
     });
   };
+
   // clears state with timeout delay so optional values provided by the prop 'content' of ConfirmationDialog can be read
   var clearState = function clearState() {
     return setTimeout(function () {
@@ -2013,9 +2090,9 @@ var ConfirmationServiceProvider = function ConfirmationServiceProvider(_ref) {
     confirmationState = _useDialogActions.confirmationState,
     handleSubmit = _useDialogActions.handleSubmit,
     handleClose = _useDialogActions.handleClose;
-  return jsxs(ConfirmationServiceContext.Provider, {
+  return /*#__PURE__*/jsxs(ConfirmationServiceContext.Provider, {
     value: openConfirmation,
-    children: [children, jsx(ConfirmationDialog, Object.assign({
+    children: [children, /*#__PURE__*/jsx(ConfirmationDialog, Object.assign({
       onClose: handleClose,
       onSubmit: handleSubmit,
       open: Boolean(confirmationState)
@@ -2023,6 +2100,24 @@ var ConfirmationServiceProvider = function ConfirmationServiceProvider(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var AlertIcon = function AlertIcon(_ref) {
   var _ref$severity = _ref.severity,
     severity = _ref$severity === void 0 ? 'error' : _ref$severity,
@@ -2030,21 +2125,21 @@ var AlertIcon = function AlertIcon(_ref) {
     dataTestId = _ref$dataTestId === void 0 ? 'alert-icon' : _ref$dataTestId;
   switch (severity) {
     case 'info':
-      return jsx(Info, {
+      return /*#__PURE__*/jsx(Info, {
         "data-testid": dataTestId,
         sx: {
           color: 'geowebColors.functional.notification'
         }
       });
     case 'success':
-      return jsx(Success, {
+      return /*#__PURE__*/jsx(Success, {
         "data-testid": dataTestId,
         sx: {
           color: 'geowebColors.functional.success'
         }
       });
     case 'warning':
-      return jsx(Exclamation, {
+      return /*#__PURE__*/jsx(Exclamation, {
         "data-testid": dataTestId,
         sx: {
           color: 'geowebColors.functional.warning'
@@ -2052,7 +2147,7 @@ var AlertIcon = function AlertIcon(_ref) {
       });
     case 'error':
     default:
-      return jsx(Exclamation, {
+      return /*#__PURE__*/jsx(Exclamation, {
         "data-testid": dataTestId,
         sx: {
           color: 'geowebColors.functional.error'
@@ -2061,6 +2156,23 @@ var AlertIcon = function AlertIcon(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var AlertBanner = function AlertBanner(_ref) {
   var title = _ref.title,
     _ref$severity = _ref.severity,
@@ -2083,8 +2195,8 @@ var AlertBanner = function AlertBanner(_ref) {
   if (!isOpen) {
     return null;
   }
-  return jsxs(Alert, {
-    action: shouldClose ? jsx(Button, {
+  return /*#__PURE__*/jsxs(Alert, {
+    action: shouldClose ? /*#__PURE__*/jsx(Button, {
       onClick: function onClick() {
         return setIsOpen(false);
       },
@@ -2095,7 +2207,7 @@ var AlertBanner = function AlertBanner(_ref) {
       children: t('shared-close-caps')
     }) : undefined,
     "data-testid": dataTestId,
-    icon: jsx(AlertIcon, {
+    icon: /*#__PURE__*/jsx(AlertIcon, {
       severity: severity
     }),
     severity: severity,
@@ -2127,7 +2239,7 @@ var AlertBanner = function AlertBanner(_ref) {
         padding: 0
       }
     },
-    children: [jsx(AlertTitle, {
+    children: [/*#__PURE__*/jsx(AlertTitle, {
       sx: {
         fontSize: '14px',
         fontWeight: 'normal',
@@ -2137,7 +2249,7 @@ var AlertBanner = function AlertBanner(_ref) {
         lineHeight: isCompact ? '18px' : '24px'
       },
       children: title
-    }), info ? jsx(Box, {
+    }), info ? /*#__PURE__*/jsx(Box, {
       sx: {
         fontSize: '16px',
         marginTop: 1,
@@ -2145,12 +2257,12 @@ var AlertBanner = function AlertBanner(_ref) {
         lineHeight: '22px'
       },
       children: info
-    }) : null, actionButtonProps ? jsx(Button, {
+    }) : null, actionButtonProps ? /*#__PURE__*/jsx(Button, {
       onClick: function onClick(event) {
         setIsOpen(false);
         actionButtonProps.onClick(event);
       },
-      startIcon: jsx(ChevronRight, {}),
+      startIcon: /*#__PURE__*/jsx(ChevronRight, {}),
       sx: {
         backgroundColor: 'transparent!important'
       },
@@ -2160,17 +2272,35 @@ var AlertBanner = function AlertBanner(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var AppLayout = function AppLayout(_ref) {
   var header = _ref.header,
     children = _ref.children;
-  return jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     "data-testid": "appLayout",
     sx: {
       height: '100dvh',
       display: 'flex',
       flexDirection: 'column'
     },
-    children: [header, jsx(Box, {
+    children: [header, /*#__PURE__*/jsx(Box, {
       component: "main",
       sx: {
         flex: 1,
@@ -2181,8 +2311,26 @@ var AppLayout = function AppLayout(_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 AppHeader = function AppHeader(_ref) {
-  var _sx, _theme$palette$geoweb;
+  var _ref2, _theme$palette$geoweb;
   var menu = _ref.menu,
     userMenu = _ref.userMenu,
     workspaceTopBar = _ref.workspaceTopBar,
@@ -2202,10 +2350,10 @@ var AppHeader = function AppHeader(_ref) {
     }
     setIsDrawerOpen(false);
   };
-  return jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     component: "header",
     role: "heading",
-    sx: (_sx = {
+    sx: (_ref2 = {
       height: 40,
       backgroundColor: theme.palette.geowebColors.brand.brand,
       color: theme.palette.common.white,
@@ -2213,9 +2361,9 @@ var AppHeader = function AppHeader(_ref) {
       zIndex: 1000,
       display: 'flex',
       padding: '0 16px'
-    }, _sx[theme.breakpoints.up('md')] = {
+    }, _ref2[theme.breakpoints.up('md')] = {
       padding: '0 24px'
-    }, _sx[theme.breakpoints.up('sm')] = {
+    }, _ref2[theme.breakpoints.up('sm')] = {
       '.workspace-topbar': {
         marginLeft: 3,
         maxWidth: 260
@@ -2227,28 +2375,28 @@ var AppHeader = function AppHeader(_ref) {
         maxWidth: 'initial',
         display: 'block'
       }
-    }, _sx),
-    children: [jsxs(Box, {
+    }, _ref2),
+    children: [/*#__PURE__*/jsxs(Box, {
       onClick: onClick,
       sx: {
         display: 'inherit',
         alignItems: 'center',
         cursor: onClick ? 'pointer' : 'auto'
       },
-      children: [(_theme$palette$geoweb = theme.palette.geowebColors.logo) != null && _theme$palette$geoweb.image ? jsx("img", {
+      children: [(_theme$palette$geoweb = theme.palette.geowebColors.logo) != null && _theme$palette$geoweb.image ? /*#__PURE__*/jsx("img", {
         alt: "GeoWeb",
         src: theme.palette.geowebColors.logo.image,
         style: {
           height: '29px',
           width: '47px'
         }
-      }) : jsx(GeoWebLogo, {
+      }) : /*#__PURE__*/jsx(GeoWebLogo, {
         style: {
           position: 'relative',
           top: '-1px',
           right: '-1px'
         }
-      }), jsx(Typography, {
+      }), /*#__PURE__*/jsx(Typography, {
         sx: {
           display: 'none',
           fontSize: '20px',
@@ -2267,21 +2415,21 @@ var AppHeader = function AppHeader(_ref) {
         variant: "h1",
         children: title
       })]
-    }), menu ? jsxs(Box, {
+    }), menu ? /*#__PURE__*/jsxs(Box, {
       className: "hamburger-btn",
       sx: {
         display: 'flex',
         alignItems: 'center',
         marginLeft: 1
       },
-      children: [jsx(CustomIconButton, {
+      children: [/*#__PURE__*/jsx(CustomIconButton, {
         "data-testid": "menuButton",
         isSelected: isDrawerOpen,
         onClick: function onClick() {
           return onToggleDrawer(true);
         },
-        children: jsx(HamburgerMenu, {})
-      }), jsx(Drawer, {
+        children: /*#__PURE__*/jsx(HamburgerMenu, {})
+      }), /*#__PURE__*/jsx(Drawer, {
         anchor: "left",
         "data-testid": "app-drawer",
         onClick: function onClick() {
@@ -2297,7 +2445,7 @@ var AppHeader = function AppHeader(_ref) {
             top: '40px'
           }
         },
-        children: jsx(Box, {
+        children: /*#__PURE__*/jsx(Box, {
           role: "presentation",
           sx: {
             width: '250px',
@@ -2306,7 +2454,7 @@ var AppHeader = function AppHeader(_ref) {
           children: menu
         })
       })]
-    }) : null, jsx(Box, {
+    }) : null, /*#__PURE__*/jsx(Box, {
       className: "workspace-topbar",
       sx: {
         flexGrow: 1,
@@ -2316,7 +2464,7 @@ var AppHeader = function AppHeader(_ref) {
         maxWidth: 168
       },
       children: workspaceTopBar
-    }), jsx(Box, {
+    }), /*#__PURE__*/jsx(Box, {
       sx: {
         display: 'flex',
         alignItems: 'center',
@@ -2409,11 +2557,11 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       overflowY: 'scroll'
     };
     if (error) {
-      return jsx(Box, {
+      return /*#__PURE__*/jsx(Box, {
         sx: displayOnTop ? displayOnTopStyles : normalStyles,
-        children: jsx(AlertBanner, {
-          info: jsxs("div", {
-            children: [jsx("br", {}), error.toString(), jsx("br", {}), errorInfo == null ? void 0 : errorInfo.componentStack, jsx("br", {}), jsx("br", {}), jsx(Link, {
+        children: /*#__PURE__*/jsx(AlertBanner, {
+          info: /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx("br", {}), error.toString(), /*#__PURE__*/jsx("br", {}), errorInfo == null ? void 0 : errorInfo.componentStack, /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Link, {
               onClick: function onClick() {
                 return window.location.reload();
               },
@@ -2437,6 +2585,23 @@ ErrorBoundary.defaultProps = {
   onError: function onError() {}
 };
 
+/* *
+ * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var styles$5 = {
   small: {
     height: 16,
@@ -2452,7 +2617,7 @@ var Avatar = function Avatar(_ref) {
     _ref$author = _ref.author,
     author = _ref$author === void 0 ? false : _ref$author;
   var theme = useTheme();
-  return jsx(Avatar$1, {
+  return /*#__PURE__*/jsx(Avatar$1, {
     "data-testid": "avatar",
     sx: Object.assign({}, styles$5[size], {
       bgcolor: author ? theme.palette.geowebColors.buttons.icon.disabled.color : undefined
@@ -2461,6 +2626,24 @@ var Avatar = function Avatar(_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$4 = {
   container: {
     position: 'absolute',
@@ -2495,8 +2678,8 @@ var UserMenu = function UserMenu(_ref) {
     _ref$isAdmin = _ref.isAdmin,
     isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin;
   var toggleRef = useRef(null);
-  return jsxs(Fragment, {
-    children: [jsx(CustomIconButton, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(CustomIconButton, {
       "data-testid": "userButton",
       onClick: onToggle,
       ref: toggleRef,
@@ -2515,10 +2698,10 @@ var UserMenu = function UserMenu(_ref) {
           }
         })
       },
-      children: !isAdmin ? jsx(Avatar, {
+      children: !isAdmin ? /*#__PURE__*/jsx(Avatar, {
         children: initials
-      }) : jsxs(Fragment, {
-        children: [jsx(Admin, {}), initials ? jsx("div", {
+      }) : /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Admin, {}), initials ? /*#__PURE__*/jsx("div", {
           style: {
             position: 'absolute',
             fontSize: '14px',
@@ -2529,10 +2712,10 @@ var UserMenu = function UserMenu(_ref) {
           children: initials
         }) : null]
       })
-    }), isOpen ? jsx(Paper, {
+    }), isOpen ? /*#__PURE__*/jsx(Paper, {
       "data-testid": "userMenu",
       sx: styles$4.container,
-      children: jsx(ClickAwayListener, {
+      children: /*#__PURE__*/jsx(ClickAwayListener, {
         mouseEvent: "onMouseDown",
         onClickAway: function onClickAway(event) {
           var _toggleRef$current;
@@ -2541,7 +2724,7 @@ var UserMenu = function UserMenu(_ref) {
           }
           onClose();
         },
-        children: jsx(MenuList, {
+        children: /*#__PURE__*/jsx(MenuList, {
           sx: styles$4.userMenu,
           variant: "menu",
           children: children
@@ -2551,6 +2734,23 @@ var UserMenu = function UserMenu(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var MenuItemTheme = function MenuItemTheme(_ref) {
   var enableSpecialThemes = _ref.enableSpecialThemes;
   var _useThemeContext = useThemeContext(),
@@ -2558,46 +2758,46 @@ var MenuItemTheme = function MenuItemTheme(_ref) {
     setThemeName = _useThemeContext.setThemeName;
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
-  return jsx(MenuItem, {
+  return /*#__PURE__*/jsx(MenuItem, {
     divider: true,
-    children: jsxs(Grid, {
+    children: /*#__PURE__*/jsxs(Grid, {
       container: true,
-      children: [jsx(Grid, {
+      children: [/*#__PURE__*/jsx(Grid, {
         children: t('shared-choose-app-mode')
-      }), jsx(Grid, {
-        children: jsxs(RadioGroup, {
+      }), /*#__PURE__*/jsx(Grid, {
+        children: /*#__PURE__*/jsxs(RadioGroup, {
           onChange: function onChange(event, value) {
             if (value && setThemeName) {
               setThemeName(value);
             }
           },
-          children: [jsx(FormControlLabel, {
-            control: jsx(Radio, {
+          children: [/*#__PURE__*/jsx(FormControlLabel, {
+            control: /*#__PURE__*/jsx(Radio, {
               checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.LIGHT_THEME
             }),
             label: t('shared-light'),
             value: ThemeTypes.LIGHT_THEME
-          }), jsx(FormControlLabel, {
-            control: jsx(Radio, {
+          }), /*#__PURE__*/jsx(FormControlLabel, {
+            control: /*#__PURE__*/jsx(Radio, {
               checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.DARK_THEME
             }),
             label: t('shared-dark'),
             value: ThemeTypes.DARK_THEME
-          }), enableSpecialThemes ? jsxs(Fragment, {
-            children: [jsx(FormControlLabel, {
-              control: jsx(Radio, {
+          }), enableSpecialThemes ? /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(FormControlLabel, {
+              control: /*#__PURE__*/jsx(Radio, {
                 checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.DEMO_THEME
               }),
               label: "Demo",
               value: ThemeTypes.DEMO_THEME
-            }), jsx(FormControlLabel, {
-              control: jsx(Radio, {
+            }), /*#__PURE__*/jsx(FormControlLabel, {
+              control: /*#__PURE__*/jsx(Radio, {
                 checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME
               }),
               label: "" + t('shared-xmas'),
               value: ThemeTypes.XMAS_THEME
-            }), jsx(FormControlLabel, {
-              control: jsx(Radio, {
+            }), /*#__PURE__*/jsx(FormControlLabel, {
+              control: /*#__PURE__*/jsx(Radio, {
                 checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.EUMETNET_THEME
               }),
               label: "EUMETNET",
@@ -2610,9 +2810,26 @@ var MenuItemTheme = function MenuItemTheme(_ref) {
   });
 };
 
-// drag handles will be handled by DraggableResizable/Resizable
+/* *
+ * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var ToolFooter = function ToolFooter() {
-  return jsx(Box, {
+  return /*#__PURE__*/jsx(Box, {
     component: "footer",
     role: "contentinfo",
     sx: {
@@ -2625,6 +2842,24 @@ var ToolFooter = function ToolFooter() {
   });
 };
 
+/* *
+ * 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 headerStyle = {
   containerType: 'inline-size',
   containerName: 'tool-header',
@@ -2700,7 +2935,7 @@ var ToolHeader = function ToolHeader(_ref) {
     _ref$rightHeaderCompo = _ref.rightHeaderComponent,
     rightHeaderComponent = _ref$rightHeaderCompo === void 0 ? null : _ref$rightHeaderCompo,
     _ref$closeIcon = _ref.closeIcon,
-    closeIcon = _ref$closeIcon === void 0 ? jsx(Close, {
+    closeIcon = _ref$closeIcon === void 0 ? /*#__PURE__*/jsx(Close, {
       "data-testid": "CloseIcon"
     }) : _ref$closeIcon;
   var styles = getStyle(size);
@@ -2709,7 +2944,7 @@ var ToolHeader = function ToolHeader(_ref) {
   var columnSizeLeft = title ? columnSizeIcon : 12 - columnSizeIcon;
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
-  return jsx(Box, {
+  return /*#__PURE__*/jsx(Box, {
     "aria-label": "toolheader",
     className: className,
     component: "header",
@@ -2721,7 +2956,7 @@ var ToolHeader = function ToolHeader(_ref) {
       zIndex: 2,
       cursor: isDraggable ? 'move' : null
     }),
-    children: jsxs(Grid, {
+    children: /*#__PURE__*/jsxs(Grid, {
       alignItems: "center",
       container: true,
       justifyContent: "space-between",
@@ -2729,14 +2964,14 @@ var ToolHeader = function ToolHeader(_ref) {
         padding: styles.padding,
         height: styles.height
       },
-      children: [jsx(Grid, {
+      children: [/*#__PURE__*/jsx(Grid, {
         className: "header-left",
         size: columnSizeLeft,
         sx: {
           paddingRight: 1
         },
         children: leftHeaderComponent != null ? leftHeaderComponent : null
-      }), jsx(Grid, {
+      }), /*#__PURE__*/jsx(Grid, {
         alignItems: "center",
         className: "header-title",
         container: true,
@@ -2745,7 +2980,7 @@ var ToolHeader = function ToolHeader(_ref) {
         sx: {
           minHeight: 12
         },
-        children: title ? jsx(Typography, {
+        children: title ? /*#__PURE__*/jsx(Typography, {
           noWrap: true,
           role: "heading",
           sx: {
@@ -2758,18 +2993,18 @@ var ToolHeader = function ToolHeader(_ref) {
           variant: "h2",
           children: title
         }) : null
-      }), jsxs(Grid, {
+      }), /*#__PURE__*/jsxs(Grid, {
         className: "header-right",
         container: true,
         justifyContent: "flex-end",
         size: columnSizeIcon,
-        children: [rightHeaderComponent != null ? rightHeaderComponent : null, onClose ? jsx(CustomTooltip, {
+        children: [rightHeaderComponent != null ? rightHeaderComponent : null, onClose ? /*#__PURE__*/jsx(CustomTooltip, {
           placement: "bottom",
           sx: {
             pointerEvents: 'none'
           },
           title: t('shared-close'),
-          children: jsx(CustomIconButton, {
+          children: /*#__PURE__*/jsx(CustomIconButton, {
             "data-testid": "closeBtn",
             onClick: onClose,
             onTouchEnd: onClose,
@@ -2824,12 +3059,12 @@ var ToolContainer = function ToolContainer(_ref) {
     dragHandleIcon = _ref.dragHandleIcon,
     closeIcon = _ref.closeIcon,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-  return jsxs(Paper, Object.assign({
+  return /*#__PURE__*/jsxs(Paper, Object.assign({
     elevation: elevation,
     sx: styles$3.container
   }, props, {
-    children: [jsx(ErrorBoundary, {
-      children: jsx(ToolHeader, {
+    children: [/*#__PURE__*/jsx(ErrorBoundary, {
+      children: /*#__PURE__*/jsx(ToolHeader, {
         className: headerClassName,
         closeIcon: closeIcon,
         dragHandleIcon: dragHandleIcon,
@@ -2840,13 +3075,13 @@ var ToolContainer = function ToolContainer(_ref) {
         size: size,
         title: title
       })
-    }), jsx(Box, {
+    }), /*#__PURE__*/jsx(Box, {
       style: {
         maxHeight: maxHeight
       },
       sx: styles$3.content,
       children: children
-    }), isResizable ? jsx(ToolFooter, {}) : null]
+    }), isResizable ? /*#__PURE__*/jsx(ToolFooter, {}) : null]
   }));
 };
 
@@ -2873,6 +3108,7 @@ var getNewPositionSize = function getNewPositionSize(element, boundsNode, isRigh
   var elementStyle = getComputedStyle(element);
   var initialX = parseFloat(isRightAligned ? elementStyle.right : elementStyle.left);
   var initialY = parseFloat(elementStyle.top); // only use style.top since we don't support bottom alignment (yet?)
+
   var elementBboxHeight = newSize !== undefined && typeof newSize.height === 'number' ? newSize.height : elementBbox.height;
   var elementBboxWidth = newSize !== undefined && typeof newSize.width === 'number' ? newSize.width : elementBbox.width;
   var isElementLarger = elementBboxHeight >= parentBbox.height;
@@ -2885,15 +3121,18 @@ var getNewPositionSize = function getNewPositionSize(element, boundsNode, isRigh
   if (isElementWider) {
     newX = isRightAligned ? initialX : -initialX;
   }
+
   // vertical constrains
   if (isElementLarger) {
     newY = -initialY;
   }
+
   // top aligned
   var newTop = newY + initialY + newHeight;
   if (newTop > parentBbox.height) {
     newY = parentBbox.height - newTop + position.y;
   }
+
   // right aligned
   if (isRightAligned) {
     var newLeft = parentBbox.x + parentBbox.width - initialX + newX - newWidth;
@@ -2939,10 +3178,12 @@ var useHandleSizeFromOutsideComponent = function useHandleSizeFromOutsideCompone
     var _nodeRef$current;
     return bounds === 'parent' ? (_nodeRef$current = nodeRef.current) == null ? void 0 : _nodeRef$current.parentNode : document.querySelector(bounds);
   }, [bounds, nodeRef]);
+
   // store the position as ref so we can access it in another ref
   var refPosition = React.useRef(position);
   refPosition.current = position;
   var lastSize = React.useRef(startSize);
+
   // handle size from outside component
   React.useEffect(function () {
     var boundsNode = getBoundsNode();
@@ -2957,6 +3198,7 @@ var useHandleSizeFromOutsideComponent = function useHandleSizeFromOutsideCompone
       }
     }
   }, [startSize, isRightAligned, lastSize, getBoundsNode, nodeRef, updateDomDirectly, onChangeSize]);
+
   // observe parent div dimensions
   var resizeObserverRef = React.useRef(new ResizeObserver(function (entry) {
     var boundsTarget = entry[0].target;
@@ -3039,6 +3281,8 @@ var calculateNewPosition = function calculateNewPosition(position, isRightAligne
     y: y
   };
 };
+// source of opening
+
 var DraggableComponent = function DraggableComponent(_ref) {
   var title = _ref.title,
     _ref$bounds = _ref.bounds,
@@ -3169,8 +3413,8 @@ var DraggableComponent = function DraggableComponent(_ref) {
       setSize(size);
     }
   });
-  return isOpen ? jsxs(Fragment, {
-    children: [isDragging ? jsx(Box, {
+  return isOpen ? /*#__PURE__*/jsxs(Fragment, {
+    children: [isDragging ? /*#__PURE__*/jsx(Box, {
       "data-testid": "dragging-overlay",
       sx: {
         top: 0,
@@ -3180,7 +3424,7 @@ var DraggableComponent = function DraggableComponent(_ref) {
         position: 'absolute',
         zIndex: 999
       }
-    }) : null, jsx(DraggableComponent$1, {
+    }) : null, /*#__PURE__*/jsx(DraggableComponent$1, {
       bounds: bounds,
       cancel: cancel,
       handle: "." + headerClassName,
@@ -3189,7 +3433,7 @@ var DraggableComponent = function DraggableComponent(_ref) {
       onStop: onStopDrag,
       position: position,
       setIsDragging: setIsDragging,
-      children: jsx(Box, {
+      children: /*#__PURE__*/jsx(Box, {
         "aria-label": title,
         className: "toolContainerDraggable",
         ref: nodeRef,
@@ -3204,14 +3448,14 @@ var DraggableComponent = function DraggableComponent(_ref) {
           }
         }),
         tabIndex: -1,
-        children: jsx(ResizeComponent, Object.assign({}, props, {
+        children: /*#__PURE__*/jsx(ResizeComponent, Object.assign({}, props, {
           nodeRef: nodeRef,
           onResize: onResize,
           onResizeStart: onStartResize,
           onResizeStop: onStopResize,
           setSize: setSize,
           size: size,
-          children: jsx(ToolContainer, {
+          children: /*#__PURE__*/jsx(ToolContainer, {
             className: className,
             closeIcon: closeIcon,
             dragHandleIcon: dragHandleIcon,
@@ -3233,12 +3477,29 @@ var DraggableComponent = function DraggableComponent(_ref) {
   }) : null;
 };
 
-var segmentStyle = {
-  margin: '0 2px',
-  verticalAlign: 'middle',
-  fontSize: 14,
-  fontWeight: 500,
-  letterSpacing: 0.25,
+/* *
+ * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var segmentStyle = {
+  margin: '0 2px',
+  verticalAlign: 'middle',
+  fontSize: 14,
+  fontWeight: 500,
+  letterSpacing: 0.25,
   justifyContent: 'center'
 };
 var styles$2 = {
@@ -3263,7 +3524,7 @@ var ShortCutSegment = function ShortCutSegment(_ref) {
     type = _ref$type === void 0 ? 'text' : _ref$type,
     children = _ref.children;
   if (type === 'divider') {
-    return jsx(Typography, {
+    return /*#__PURE__*/jsx(Typography, {
       component: "span",
       "data-testid": "segment-divider",
       sx: styles$2.divider,
@@ -3271,7 +3532,7 @@ var ShortCutSegment = function ShortCutSegment(_ref) {
     });
   }
   if (type === 'icon') {
-    return jsx(Typography, {
+    return /*#__PURE__*/jsx(Typography, {
       component: "span",
       "data-testid": "segment-icon",
       sx: styles$2.icon,
@@ -3279,14 +3540,14 @@ var ShortCutSegment = function ShortCutSegment(_ref) {
     });
   }
   if (type === 'connect') {
-    return jsx(Typography, {
+    return /*#__PURE__*/jsx(Typography, {
       component: "span",
       "data-testid": "segment-connect",
       sx: styles$2.connect,
       children: children
     });
   }
-  return jsx(Typography, {
+  return /*#__PURE__*/jsx(Typography, {
     component: "span",
     "data-testid": "segment-text",
     sx: segmentStyle,
@@ -3294,6 +3555,24 @@ var ShortCutSegment = function ShortCutSegment(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+/* eslint-disable i18next/no-literal-string */
 var ShortcutList = function ShortcutList(_ref) {
   var _ref$platform = _ref.platform,
     platform = _ref$platform === void 0 ? 'windows' : _ref$platform;
@@ -3301,394 +3580,400 @@ var ShortcutList = function ShortcutList(_ref) {
     t = _useTranslation.t;
   var shortcuts = [{
     titleKey: 'shared-choose-selected-time',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       children: t('shared-shortcut-left-click')
     })
   }, {
     titleKey: 'shared-move-selected-time',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       children: t('shared-shortcut-mouse-scroll-timeslider')
     })
   }, {
     titleKey: 'shared-move-one-step',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowLeft, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(ArrowLeft, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "divider",
         children: t('shared-shortcut-or')
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowRight, {})
+        children: /*#__PURE__*/jsx(ArrowRight, {})
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Shift"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowLeft, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(ArrowLeft, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "divider",
         children: t('shared-shortcut-or')
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowRight, {})
+        children: /*#__PURE__*/jsx(ArrowRight, {})
       })]
     })
   }, {
     titleKey: 'shared-toggle-timeslider',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "T"
     })
   }, {
     titleKey: 'shared-timeslider-scale',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       children: t('shared-shortcut-hold-click')
     })
   }, {
     titleKey: 'shared-expand-timeslider-scale',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: t('shared-shortcut-scroll')
       })]
     })
   }, {
     titleKey: 'shared-mouseover-selected-time',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       children: t('shared-shortcut-hover')
     })
   }, {
     titleKey: 'shared-mouseover-on-off',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Alt"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "h"
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(KeyOption, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(KeyOption, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "h"
       })]
     })
+  }, {
+    titleKey: 'shared-toggle-syncviewer',
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
+      type: "icon",
+      children: "Y"
+    })
   }, {
     titleKey: 'shared-change-timestep-or-speed',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowUp, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(ArrowUp, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "divider",
         children: t('shared-shortcut-or')
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowDown, {})
-      }), jsxs(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(ArrowDown, {})
+      }), /*#__PURE__*/jsxs(ShortCutSegment, {
         children: ["(", t('shared-shortcut-when-active'), ")"]
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(KeyCommand, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(KeyCommand, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowUp, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(ArrowUp, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "divider",
         children: t('shared-shortcut-or')
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowDown, {})
-      }), jsxs(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(ArrowDown, {})
+      }), /*#__PURE__*/jsxs(ShortCutSegment, {
         children: ["(", t('shared-shortcut-when-active'), ")"]
       })]
     })
   }, {
     titleKey: 'shared-return-to-current-time',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: t('shared-shortcut-home')
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "fn"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "connect",
         children: "+"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(ArrowLeft, {})
+        children: /*#__PURE__*/jsx(ArrowLeft, {})
       })]
     })
   }, {
     titleKey: 'shared-toggle-layerinformation',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "D"
     })
   }, {
     titleKey: 'shared-change-layer-values-scrolling',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsxs(ShortCutSegment, {
+      }), /*#__PURE__*/jsxs(ShortCutSegment, {
         children: [' ', t('shared-shortcut-mouse-scroll')]
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(KeyCommand, {})
-      }), jsxs(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(KeyCommand, {})
+      }), /*#__PURE__*/jsxs(ShortCutSegment, {
         children: [' ', t('shared-shortcut-mouse-scroll')]
       })]
     })
   }, {
     titleKey: 'shared-change-layermanager-small',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Alt"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "s"
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(KeyOption, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(KeyOption, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "s"
       })]
     })
   }, {
     titleKey: 'shared-change-layermanager-medium',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Alt"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "m"
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(KeyOption, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(KeyOption, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "m"
       })]
     })
   }, {
     titleKey: 'shared-change-layermanager-large',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Alt"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "l"
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Ctrl"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
-        children: jsx(KeyOption, {})
-      }), jsx(ShortCutSegment, {
+        children: /*#__PURE__*/jsx(KeyOption, {})
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "l"
       })]
     })
   }, {
     titleKey: 'shared-shortcut-toggle-workspace-time-scroll',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "S"
     }),
-    descriptionMac: jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "S"
     })
   }, {
     titleKey: 'shared-shortcut-open-location-search',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "F"
     }),
-    descriptionMac: jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "F"
     })
   }, {
     titleKey: 'shared-shortcut-zoom-to-location',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Shift"
-      }), jsxs(ShortCutSegment, {
+      }), /*#__PURE__*/jsxs(ShortCutSegment, {
         children: [" ", t('shared-shortcut-mouse-click')]
       })]
     }),
-    descriptionMac: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Shift"
-      }), jsxs(ShortCutSegment, {
+      }), /*#__PURE__*/jsxs(ShortCutSegment, {
         children: [" ", t('shared-shortcut-mouse-click')]
       })]
     })
   }, {
     titleKey: 'shared-shortcut-copy-view-preset-content-split-window',
-    description: jsxs(Fragment, {
-      children: [jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ShortCutSegment, {
         type: "icon",
         children: "Shift"
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: " + "
-      }), jsx(ShortCutSegment, {
+      }), /*#__PURE__*/jsx(ShortCutSegment, {
         children: t('shared-shortcut-split-button')
       })]
     })
   }, {
     titleKey: 'shared-shortcut-toggle-location-info',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "I"
     }),
-    descriptionMac: jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "I"
     })
   }, {
     titleKey: 'shared-shortcut-toggle-measure-tool',
-    description: jsx(ShortCutSegment, {
+    description: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "M"
     }),
-    descriptionMac: jsx(ShortCutSegment, {
+    descriptionMac: /*#__PURE__*/jsx(ShortCutSegment, {
       type: "icon",
       children: "M"
     })
   }];
-  return jsx(List, {
+  return /*#__PURE__*/jsx(List, {
     "data-testid": "list-" + platform,
     children: shortcuts.map(function (shortcut, index) {
-      return jsx(ListItem, {
+      return /*#__PURE__*/jsx(ListItem, {
         divider: index !== shortcuts.length - 1,
         sx: {
           minHeight: 56
         },
-        children: jsxs(Grid, {
+        children: /*#__PURE__*/jsxs(Grid, {
           alignItems: "center",
           container: true,
           direction: "row",
           justifyContent: "space-between",
           size: "grow",
-          children: [jsx(Grid, {
+          children: [/*#__PURE__*/jsx(Grid, {
             sx: {
               fontSize: 12,
               fontWeight: 300,
@@ -3696,8 +3981,8 @@ var ShortcutList = function ShortcutList(_ref) {
               opacity: 0.67
             },
             children: t(shortcut.titleKey)
-          }), jsx(Grid, {
-            children: jsx(Box, {
+          }), /*#__PURE__*/jsx(Grid, {
+            children: /*#__PURE__*/jsx(Box, {
               sx: {
                 alignItems: 'center'
               },
@@ -3710,11 +3995,28 @@ var ShortcutList = function ShortcutList(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var TabPanel = function TabPanel(_ref) {
   var children = _ref.children,
     value = _ref.value,
     index = _ref.index;
-  return jsx("div", {
+  return /*#__PURE__*/jsx("div", {
     "aria-labelledby": "tab-" + index,
     hidden: value !== index,
     id: "tabpanel-" + index,
@@ -3738,33 +4040,50 @@ var CheatSheet = function CheatSheet() {
   var onChangeTab = function onChangeTab(_event, newValue) {
     setActiveTab(newValue);
   };
-  return jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     sx: styles$1.container,
-    children: [jsxs(Tabs, {
+    children: [/*#__PURE__*/jsxs(Tabs, {
       "aria-label": "platform",
       onChange: onChangeTab,
       value: activeTab,
-      children: [jsx(Tab, {
+      children: [/*#__PURE__*/jsx(Tab, {
         label: "Windows",
         sx: styles$1.tab
-      }), jsx(Tab, {
+      }), /*#__PURE__*/jsx(Tab, {
         label: "Mac",
         sx: styles$1.tab
       })]
-    }), jsx(TabPanel, {
+    }), /*#__PURE__*/jsx(TabPanel, {
       index: 0,
       value: activeTab,
-      children: jsx(ShortcutList, {})
-    }), jsx(TabPanel, {
+      children: /*#__PURE__*/jsx(ShortcutList, {})
+    }), /*#__PURE__*/jsx(TabPanel, {
       index: 1,
       value: activeTab,
-      children: jsx(ShortcutList, {
+      children: /*#__PURE__*/jsx(ShortcutList, {
         platform: "mac"
       })
     })]
   });
 };
 
+/* *
+ * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var UserMenuItemCheatSheet = function UserMenuItemCheatSheet() {
   var _React$useState = React.useState(false),
     open = _React$useState[0],
@@ -3777,24 +4096,24 @@ var UserMenuItemCheatSheet = function UserMenuItemCheatSheet() {
   };
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
-  return jsxs(Fragment, {
-    children: [jsx(MenuItem, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(MenuItem, {
       "data-testid": "cheatsheet-btn",
       divider: true,
       onClick: onOpen,
-      children: jsx(Grid, {
+      children: /*#__PURE__*/jsx(Grid, {
         container: true,
-        children: jsx(Grid, {
+        children: /*#__PURE__*/jsx(Grid, {
           children: t('shared-cheat-sheet')
         })
       })
-    }), jsx(Backdrop, {
+    }), /*#__PURE__*/jsx(Backdrop, {
       "data-testid": "cheatsheet-content",
       open: open,
       sx: {
         zIndex: 1
       },
-      children: jsx(DraggableComponent, {
+      children: /*#__PURE__*/jsx(DraggableComponent, {
         bounds: "parent",
         isOpen: true,
         minHeight: 300,
@@ -3804,7 +4123,7 @@ var UserMenuItemCheatSheet = function UserMenuItemCheatSheet() {
           width: 700
         },
         title: t('shared-cheat-sheet'),
-        children: jsx(CheatSheet, {})
+        children: /*#__PURE__*/jsx(CheatSheet, {})
       })
     })]
   });
@@ -3827,6 +4146,7 @@ var UserMenuItemCheatSheet = function UserMenuItemCheatSheet() {
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var useUserMenu = function useUserMenu(open) {
   if (open === void 0) {
     open = false;
@@ -3864,6 +4184,7 @@ var useUserMenu = function useUserMenu(open) {
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var getInitials = function getInitials(name) {
   if (!name) {
     return '';
@@ -3958,6 +4279,7 @@ var CustomSlider = function CustomSlider(_ref) {
       return element.classList.remove('selectedLabel');
     });
   }, [value, themeContext.namedTheme]);
+
   // autofocus
   React.useEffect(function () {
     if (shouldAutoFocus && element.current) {
@@ -3967,7 +4289,7 @@ var CustomSlider = function CustomSlider(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var mergedStyles = merge(extraStyles, sliderStyle);
-  return jsx(Slider, Object.assign({
+  return /*#__PURE__*/jsx(Slider, Object.assign({
     orientation: orientation,
     ref: element,
     role: "slider",
@@ -3993,7 +4315,7 @@ var CustomToggleButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? 0 : _ref$value,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  return jsx(ToggleButton, Object.assign({
+  return /*#__PURE__*/jsx(ToggleButton, Object.assign({
     className: variant + " " + className,
     ref: ref,
     value: value
@@ -4065,11 +4387,11 @@ var TooltipSelect = function TooltipSelect(_ref) {
   var scrollInIsolationRef = useScrollingInIsolation({
     onWheel: onWheel
   });
-  return jsx(CustomTooltip, {
+  return /*#__PURE__*/jsx(CustomTooltip, {
     open: tooltipOpen,
     placement: "top",
     title: tooltip,
-    children: jsx(StyledSelect, Object.assign({
+    children: /*#__PURE__*/jsx(StyledSelect, Object.assign({
       additionalStyling: additionalStyling,
       disableUnderline: true,
       hasBackgroundColor: hasBackgroundColor,
@@ -4086,6 +4408,7 @@ var TooltipSelect = function TooltipSelect(_ref) {
     }, props))
   });
 };
+
 // Style the select
 var BaseSelect = styled(Select, {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -4103,7 +4426,7 @@ var StyledSelect = styled(/*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     additionalStyling = _ref3.additionalStyling,
     props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
-  return jsx(BaseSelect, Object.assign({}, props, {
+  return /*#__PURE__*/jsx(BaseSelect, Object.assign({}, props, {
     MenuProps: {
       classes: {
         paper: className
@@ -4245,7 +4568,7 @@ var CustomAccordion = function CustomAccordion(_ref) {
     setExpanded = _React$useState[1];
   var theme = useTheme();
   var iconColor = theme.palette.geowebColors.buttons.icon["default"].color;
-  return jsxs(Accordion, Object.assign({}, props, {
+  return /*#__PURE__*/jsxs(Accordion, Object.assign({}, props, {
     defaultExpanded: defaultExpanded,
     disableGutters: disableGutters,
     elevation: expanded ? expandedElevation : collapsedElevation,
@@ -4257,38 +4580,38 @@ var CustomAccordion = function CustomAccordion(_ref) {
         timeout: transitionDuration
       }
     },
-    children: [jsx(AccordionSummary, {
+    children: [/*#__PURE__*/jsx(AccordionSummary, {
       "aria-label": expanded ? 'Drawer opened' : 'Drawer closed',
       component: "div",
       "data-testid": title && amountOfItems ? title + " " + amountOfItems : title,
-      expandIcon: CustomExpandIcon ? jsx(CustomExpandIcon, {
+      expandIcon: CustomExpandIcon ? /*#__PURE__*/jsx(CustomExpandIcon, {
         style: {
           fill: "" + iconColor
         }
-      }) : jsx(ChevronDown, {
+      }) : /*#__PURE__*/jsx(ChevronDown, {
         style: {
           fill: "" + iconColor
         }
       }),
-      children: jsxs(Box, {
+      children: /*#__PURE__*/jsxs(Box, {
         sx: {
           display: 'flex',
           justifyContent: 'space-between',
           width: '100%'
         },
-        children: [jsxs(Box, {
+        children: [/*#__PURE__*/jsxs(Box, {
           sx: {
             width: '100%',
             display: 'flex',
             justifyContent: 'space-between'
           },
-          children: [jsx(Box, {
+          children: [/*#__PURE__*/jsx(Box, {
             sx: {
               display: 'flex',
               justifyContent: 'flex-start'
             },
             children: title
-          }), jsx(Box, {
+          }), /*#__PURE__*/jsx(Box, {
             sx: {
               display: 'flex',
               justifyContent: 'flex-end',
@@ -4296,7 +4619,7 @@ var CustomAccordion = function CustomAccordion(_ref) {
             },
             children: title2
           })]
-        }), jsx(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           sx: {
             display: 'flex',
             justifyContent: 'flex-end',
@@ -4305,13 +4628,31 @@ var CustomAccordion = function CustomAccordion(_ref) {
           children: amountOfItems
         })]
       })
-    }), jsx(AccordionDetails, {
+    }), /*#__PURE__*/jsx(AccordionDetails, {
       sx: detailsSx,
       children: children
     })]
   }));
 };
 
+/* *
+ * 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 highlightStyle = {
   background: '#ffeecc'
 };
@@ -4320,7 +4661,7 @@ var SearchHighlight = function SearchHighlight(_ref) {
     text = _ref$text === void 0 ? '' : _ref$text,
     search = _ref.search;
   if (search === '') {
-    return jsx("span", {
+    return /*#__PURE__*/jsx("span", {
       children: text
     });
   }
@@ -4331,19 +4672,19 @@ var SearchHighlight = function SearchHighlight(_ref) {
     return escapeRegExp(word);
   }).join('|');
   var textParts = text.split(new RegExp("(" + searchRegex + ")", 'gi'));
-  return jsx(Fragment, {
+  return /*#__PURE__*/jsx(Fragment, {
     children: textParts.map(function (part, index) {
       var key = part + "-" + index;
       if (searchWords.some(function (search) {
         return part.toLocaleLowerCase().includes(search);
       })) {
-        return jsx("mark", {
+        return /*#__PURE__*/jsx("mark", {
           "data-testid": "mark",
           style: highlightStyle,
           children: part
         }, key);
       }
-      return jsx("span", {
+      return /*#__PURE__*/jsx("span", {
         children: part
       }, key);
     })
@@ -4367,17 +4708,17 @@ var SwitchButton = function SwitchButton(_ref) {
     _ref$tooltip = _ref.tooltip,
     tooltip = _ref$tooltip === void 0 ? 'Switch mode' : _ref$tooltip,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return jsx(CustomTooltip, {
+  return /*#__PURE__*/jsx(CustomTooltip, {
     className: "switch-button",
     title: tooltip,
-    children: jsxs("span", {
+    children: /*#__PURE__*/jsxs("span", {
       role: "button",
-      children: [jsx(FormLabel, {
+      children: [/*#__PURE__*/jsx(FormLabel, {
         sx: styles.label,
         children: inActiveLabel
-      }), jsx(Switch, Object.assign({
+      }), /*#__PURE__*/jsx(Switch, Object.assign({
         "data-testid": "switchMode"
-      }, props)), jsx(FormLabel, {
+      }, props)), /*#__PURE__*/jsx(FormLabel, {
         sx: styles.label,
         children: activeLabel
       })]
@@ -4385,6 +4726,24 @@ var SwitchButton = function SwitchButton(_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 isURL = function isURL(string) {
   return /^https?:\/\//.test(string);
 };
@@ -4392,11 +4751,11 @@ var ClearButton$1 = function ClearButton(_ref) {
   var onClick = _ref.onClick;
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
-  return jsx(CustomIconButton, {
+  return /*#__PURE__*/jsx(CustomIconButton, {
     onClick: onClick,
     sx: buttonStyle,
     tooltipTitle: t('shared-clear'),
-    children: jsx(Clear, {})
+    children: /*#__PURE__*/jsx(Clear, {})
   });
 };
 var buttonStyle = {
@@ -4413,17 +4772,17 @@ var SearchFieldButton = function SearchFieldButton(_ref2) {
   var _useSharedTranslation2 = useSharedTranslation(),
     t = _useSharedTranslation2.t;
   if (isURL(localSearchString) && setPopupIsOpen) {
-    return jsxs(Fragment, {
-      children: [jsx("div", {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
         style: {
           marginRight: '15px'
         },
-        children: jsx(ClearButton$1, {
+        children: /*#__PURE__*/jsx(ClearButton$1, {
           onClick: function onClick() {
             return onClickClear();
           }
         })
-      }), jsx(Button, {
+      }), /*#__PURE__*/jsx(Button, {
         onClick: function onClick() {
           return setPopupIsOpen(true);
         },
@@ -4433,19 +4792,37 @@ var SearchFieldButton = function SearchFieldButton(_ref2) {
     });
   }
   if (localSearchString) {
-    return jsx(ClearButton$1, {
+    return /*#__PURE__*/jsx(ClearButton$1, {
       onClick: function onClick() {
         return onClickClear();
       }
     });
   }
-  return jsx(CustomIconButton, {
+  return /*#__PURE__*/jsx(CustomIconButton, {
     sx: buttonStyle,
     tooltipTitle: t('shared-search'),
-    children: jsx(Search, {})
+    children: /*#__PURE__*/jsx(Search, {})
   });
 };
 
+/* *
+ * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var stylesSmall = {
   '.MuiInputLabel-root': {
     lineHeight: '16px',
@@ -4482,6 +4859,7 @@ var SearchField$1 = function SearchField(_ref) {
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
   var translatedLabel = label != null ? label : onOpenServicePopup ? t('shared-search-services') : t('shared-search');
+
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var setSearchFilterDebounced = React.useCallback(debounce(setSearchFilter, 300), []);
   var handleChange = function handleChange(text) {
@@ -4512,6 +4890,7 @@ var SearchField$1 = function SearchField(_ref) {
       document.removeEventListener('keydown', keyDownHandler);
     };
   }, [urlIsValid, localSearchString, onOpenServicePopup]);
+
   // mirror store unless typing a URL
   React.useEffect(function () {
     if (isURL(localSearchString)) {
@@ -4520,7 +4899,7 @@ var SearchField$1 = function SearchField(_ref) {
     setLocalSearchString(searchFilter);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchFilter]);
-  return jsx(TextField, {
+  return /*#__PURE__*/jsx(TextField, {
     autoFocus: true,
     fullWidth: true,
     label: translatedLabel,
@@ -4529,9 +4908,9 @@ var SearchField$1 = function SearchField(_ref) {
     },
     slotProps: {
       input: {
-        endAdornment: jsx(InputAdornment, {
+        endAdornment: /*#__PURE__*/jsx(InputAdornment, {
           position: "end",
-          children: jsx(SearchFieldButton, {
+          children: /*#__PURE__*/jsx(SearchFieldButton, {
             localSearchString: localSearchString,
             onClickClear: function onClickClear() {
               setLocalSearchString('');
@@ -4552,6 +4931,24 @@ var SearchField$1 = function SearchField(_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 getLastUpdateTitle = function getLastUpdateTitle(time, t) {
   return t('shared-last-updated', {
     time: time
@@ -4569,14 +4966,14 @@ var LastUpdateTime = function LastUpdateTime(_ref) {
     iconButtonSx = _ref.iconButtonSx;
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
-  return jsxs(Box, {
+  return /*#__PURE__*/jsxs(Box, {
     sx: {
       display: 'flex',
       alignItems: 'center',
       height: '100%',
       justifyContent: 'flex-end'
     },
-    children: [!hideLabel && jsx(Typography, {
+    children: [!hideLabel && /*#__PURE__*/jsx(Typography, {
       "data-testid": dataTestId,
       sx: {
         color: 'geowebColors.captions.captionStatus.rgba',
@@ -4585,7 +4982,7 @@ var LastUpdateTime = function LastUpdateTime(_ref) {
         letterSpacing: '0.33px'
       },
       children: getLastUpdateTitle(lastUpdateTime, t)
-    }), showRefreshButton ? jsx(CustomIconButton, {
+    }), showRefreshButton ? /*#__PURE__*/jsx(CustomIconButton, {
       "data-testid": "refresh-button",
       onClick: onPressRefresh,
       sx: [{
@@ -4597,7 +4994,7 @@ var LastUpdateTime = function LastUpdateTime(_ref) {
       }, iconButtonSx],
       tooltipTitle: t('shared-click-to-refresh'),
       variant: "tool",
-      children: jsx(Cached, {})
+      children: /*#__PURE__*/jsx(Cached, {})
     }) : null]
   });
 };
@@ -4616,6 +5013,7 @@ var CanvasComponent = /*#__PURE__*/function (_Component) {
     _this.redrawTimer = null;
     _this.loopHasStarted = false;
     _this.mounted = false;
+    _this._isFocussed = void 0;
     _this.updateCanvas = _this.updateCanvas.bind(_this);
     _this.handleMouseMoveEvent = _this.handleMouseMoveEvent.bind(_this);
     _this.handleMouseUpEvent = _this.handleMouseUpEvent.bind(_this);
@@ -4735,12 +5133,13 @@ var CanvasComponent = /*#__PURE__*/function (_Component) {
     onTouchEnd();
   };
   _proto.handleTouchMoveEvent = function handleTouchMoveEvent(event) {
-    var _event$touches, _touch$target, _target$offsetLeft;
+    var _event$touches, _ref, _target$offsetLeft;
     var _this$props3 = this.props,
       onTouchMove = _this$props3.onTouchMove,
       onCanvasClick = _this$props3.onCanvasClick;
     var touch = (_event$touches = event.touches) == null ? void 0 : _event$touches[0];
-    var target = (_touch$target = touch == null ? void 0 : touch.target) != null ? _touch$target : null;
+    var target = (_ref = touch == null ? void 0 : touch.target) != null ? _ref : null;
+
     // Use ?? so 0 is allowed, and optional chaining for safety
     var x = touch ? touch.clientX - ((_target$offsetLeft = target == null ? void 0 : target.offsetLeft) != null ? _target$offsetLeft : 0) : undefined;
     var y = touch == null ? void 0 : touch.clientY;
@@ -4855,7 +5254,7 @@ var CanvasComponent = /*#__PURE__*/function (_Component) {
     var _this4 = this;
     this.updateCanvas();
     this._handleWindowResize();
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       onBlur: this.onBlur,
       onFocus: this.onFocus,
       ref: this.canvascontaineroutside,
@@ -4868,7 +5267,7 @@ var CanvasComponent = /*#__PURE__*/function (_Component) {
         overflow: 'hidden'
       },
       tabIndex: 0,
-      children: jsx("div", {
+      children: /*#__PURE__*/jsx("div", {
         "data-testid": "canvas-container",
         ref: this.canvascontainer,
         style: {
@@ -4880,7 +5279,7 @@ var CanvasComponent = /*#__PURE__*/function (_Component) {
           display: 'block',
           border: 'none'
         },
-        children: jsx("div", {
+        children: /*#__PURE__*/jsx("div", {
           "aria-label": "canvas",
           role: "presentation",
           style: {
@@ -4888,7 +5287,7 @@ var CanvasComponent = /*#__PURE__*/function (_Component) {
             width: 0,
             height: 0
           },
-          children: jsx("canvas", {
+          children: /*#__PURE__*/jsx("canvas", {
             "data-testid": "canvas",
             ref: function ref(canvas) {
               _this4.canvas = canvas;
@@ -4930,6 +5329,24 @@ CanvasComponent.defaultProps = {
   }
 };
 
+/* *
+ * 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 FilterChip = function FilterChip(_ref) {
   var label = _ref.label,
     id = _ref.id,
@@ -4952,7 +5369,7 @@ var FilterChip = function FilterChip(_ref) {
   var clickIconHandler = function clickIconHandler(event) {
     return onClickIcon == null ? void 0 : onClickIcon(chipRef.current, event);
   };
-  return jsx(Chip, {
+  return /*#__PURE__*/jsx(Chip, {
     color: isSelected ? 'secondary' : 'default',
     deleteIcon: actionIcon,
     disabled: isDisabled,
@@ -4979,10 +5396,28 @@ var FilterChip = function FilterChip(_ref) {
         borderColor: 'transparent'
       }
     },
-    variant: isSelected ? 'filled' : 'outlined'
+    variant: isSelected ? 'filled' : 'outlined' // Chip does not have a selected state so theme class cannot be used for styling
   });
 };
 
+/* *
+ * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
 var FilterToggleButton = function FilterToggleButton(_ref) {
   var _t, _t2;
   var isOpen = _ref.isOpen,
@@ -4991,9 +5426,9 @@ var FilterToggleButton = function FilterToggleButton(_ref) {
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
   var tooltipTitle = isOpen ? (_t = t('shared-filter-hide-labels')) != null ? _t : '' : (_t2 = t('shared-filter-show-labels')) != null ? _t2 : '';
-  return jsx(Tooltip, {
+  return /*#__PURE__*/jsx(Tooltip, {
     title: tooltipTitle,
-    children: jsxs(CustomIconButton, {
+    children: /*#__PURE__*/jsxs(CustomIconButton, {
       "aria-pressed": isOpen,
       "data-testid": "workspace-label-filter-toggle",
       id: "labels-filter",
@@ -5007,7 +5442,7 @@ var FilterToggleButton = function FilterToggleButton(_ref) {
         alignItems: 'center'
       },
       variant: "tool",
-      children: [jsx(Filter$1, {}), activeLabelFilterCount > 0 && jsx(Typography, {
+      children: [/*#__PURE__*/jsx(Filter$1, {}), activeLabelFilterCount > 0 && /*#__PURE__*/jsx(Typography, {
         component: "span",
         sx: {
           fontSize: '13px',
@@ -5019,6 +5454,24 @@ var FilterToggleButton = function FilterToggleButton(_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 FilterList = function FilterList(_ref) {
   var _ref$filters = _ref.filters,
     filters = _ref$filters === void 0 ? [] : _ref$filters,
@@ -5035,7 +5488,7 @@ var FilterList = function FilterList(_ref) {
     activeLabelFilterCount = _ref$activeLabelFilte === void 0 ? 0 : _ref$activeLabelFilte;
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
-  return jsxs(Stack, {
+  return /*#__PURE__*/jsxs(Stack, {
     className: "filter-list",
     "data-testid": "filterList",
     direction: "row",
@@ -5045,11 +5498,11 @@ var FilterList = function FilterList(_ref) {
       rowGap: 1,
       alignItems: 'center'
     },
-    children: [showLabelFilterToggle && onToggleLabelFilter ? jsx(FilterToggleButton, {
+    children: [showLabelFilterToggle && onToggleLabelFilter ? /*#__PURE__*/jsx(FilterToggleButton, {
       activeLabelFilterCount: activeLabelFilterCount,
       isOpen: isLabelFilterOpen,
       onToggle: onToggleLabelFilter
-    }) : null, jsx(FilterChip, {
+    }) : null, /*#__PURE__*/jsx(FilterChip, {
       handleClick: function handleClick(key) {
         return onChipClick(key, !isAllSelected);
       },
@@ -5057,7 +5510,7 @@ var FilterList = function FilterList(_ref) {
       isSelected: isAllSelected,
       label: t('shared-filter-all')
     }), filters.map(function (filter) {
-      return jsx(FilterChip, {
+      return /*#__PURE__*/jsx(FilterChip, {
         handleClick: function handleClick(key) {
           // If they are all isSelected ensure that if one is clicked that one will be the only one set to selected
           var selected = isAllSelected ? true : !filter.isSelected;
@@ -5072,24 +5525,42 @@ var FilterList = function FilterList(_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 DEBOUNCE_TIMEOUT = 300;
 var SearchButton = function SearchButton(_ref) {
   var label = _ref.label;
-  return jsx(CustomIconButton, {
+  return /*#__PURE__*/jsx(CustomIconButton, {
     edge: "end",
     size: "large",
     tooltipTitle: label,
-    children: jsx(Search, {})
+    children: /*#__PURE__*/jsx(Search, {})
   });
 };
 var ClearButton = function ClearButton(_ref2) {
   var onClick = _ref2.onClick;
-  return jsx(CustomIconButton, {
+  return /*#__PURE__*/jsx(CustomIconButton, {
     edge: "end",
     onClick: onClick,
     size: "large",
     tooltipTitle: "Clear",
-    children: jsx(Clear, {})
+    children: /*#__PURE__*/jsx(Clear, {})
   });
 };
 var SearchField = function SearchField(_ref3) {
@@ -5102,9 +5573,10 @@ var SearchField = function SearchField(_ref3) {
   var _useSharedTranslation = useSharedTranslation(),
     t = _useSharedTranslation.t;
   var label = t('shared-filter-search');
+
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var handleValueChangeDebounced = React.useCallback(debounce$1(valueChanged, DEBOUNCE_TIMEOUT), []);
-  return jsx(TextField, {
+  return /*#__PURE__*/jsx(TextField, {
     autoFocus: true,
     fullWidth: true,
     label: label,
@@ -5115,14 +5587,14 @@ var SearchField = function SearchField(_ref3) {
     size: "small",
     slotProps: {
       input: {
-        endAdornment: jsx(InputAdornment, {
+        endAdornment: /*#__PURE__*/jsx(InputAdornment, {
           position: "end",
-          children: localValue ? jsx(ClearButton, {
+          children: localValue ? /*#__PURE__*/jsx(ClearButton, {
             onClick: function onClick() {
               setLocalValue('');
               valueChanged('');
             }
-          }) : jsx(SearchButton, {
+          }) : /*#__PURE__*/jsx(SearchButton, {
             label: label
           })
         })
@@ -5157,18 +5629,18 @@ var Filter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$showSearchField = _ref.showSearchField,
     showSearchField = _ref$showSearchField === void 0 ? true : _ref$showSearchField,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return jsx(Box, {
+  return /*#__PURE__*/jsx(Box, {
     ref: ref,
     sx: Object.assign({
       marginBottom: '8px',
       width: '100%'
     }, Array.isArray(props.sx) ? Object.assign.apply(Object, [{}].concat(props.sx)) : props.sx),
-    children: jsxs(Stack, {
+    children: /*#__PURE__*/jsxs(Stack, {
       spacing: 1,
-      children: [showSearchField ? jsx(SearchField, {
+      children: [showSearchField ? /*#__PURE__*/jsx(SearchField, {
         value: searchQuery,
         valueChanged: onSearch
-      }) : null, jsx(FilterList, {
+      }) : null, /*#__PURE__*/jsx(FilterList, {
         activeLabelFilterCount: activeLabelFilterCount,
         filters: filters,
         isAllSelected: isAllSelected,
@@ -5181,6 +5653,23 @@ var Filter = /*#__PURE__*/React.forwardRef(function (_ref, 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 FilterOption = function FilterOption(_ref) {
   var optionId = _ref.optionId,
     checked = _ref.checked,
@@ -5195,10 +5684,10 @@ var FilterOption = function FilterOption(_ref) {
   var updateShowOnly = debounce(function (show) {
     return setShowOnly(show);
   }, 100);
-  return jsx(ListItem, {
+  return /*#__PURE__*/jsx(ListItem, {
     dense: true,
     disablePadding: true,
-    secondaryAction: showOnly ? jsx(CustomIconButton, {
+    secondaryAction: showOnly ? /*#__PURE__*/jsx(CustomIconButton, {
       "aria-label": "Only " + label,
       edge: "end",
       onClick: function onClick() {
@@ -5214,7 +5703,7 @@ var FilterOption = function FilterOption(_ref) {
         backgroundColor: 'transparent',
         width: 'auto'
       },
-      children: jsx(Typography, {
+      children: /*#__PURE__*/jsx(Typography, {
         sx: {
           color: 'geowebColors.buttons.primary.default.fill',
           fontSize: '14px',
@@ -5230,7 +5719,7 @@ var FilterOption = function FilterOption(_ref) {
       marginLeft: '-12px',
       fontSize: '12px'
     },
-    children: jsxs(ListItemButton, {
+    children: /*#__PURE__*/jsxs(ListItemButton, {
       dense: true,
       disableGutters: true,
       onClick: function onClick() {
@@ -5246,11 +5735,11 @@ var FilterOption = function FilterOption(_ref) {
       sx: {
         padding: 0
       },
-      children: [jsx(ListItemIcon, {
+      children: [/*#__PURE__*/jsx(ListItemIcon, {
         sx: {
           width: '42px'
         },
-        children: jsx(Checkbox, {
+        children: /*#__PURE__*/jsx(Checkbox, {
           checked: checked,
           disableRipple: true,
           name: optionId,
@@ -5262,9 +5751,9 @@ var FilterOption = function FilterOption(_ref) {
           },
           tabIndex: -1
         })
-      }), jsx(ListItemText, {
+      }), /*#__PURE__*/jsx(ListItemText, {
         id: optionId,
-        primary: jsx(Box, {
+        primary: /*#__PURE__*/jsx(Box, {
           sx: labelStyle,
           children: label
         })
@@ -5281,7 +5770,7 @@ var StorybookDocsWrapper = function StorybookDocsWrapper(_ref) {
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? [] : _ref$sx,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return jsx(Box, Object.assign({
+  return /*#__PURE__*/jsx(Box, Object.assign({
     sx: [].concat(isDark ? [{
       backgroundColor: 'geowebColors.background.surfaceBrowser'
     }] : [], Array.isArray(sx) ? sx : [sx])
@@ -5307,7 +5796,9 @@ var StorybookDocsWrapper = function StorybookDocsWrapper(_ref) {
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var DEFAULT_ERROR_MESSAGE = 'An error has occurred';
+
 // Guard function for detecting an AxiosError (typically the kind of error returned by the backend)
 var isAxiosError = function isAxiosError(error) {
   return error.isAxiosError !== undefined;
@@ -5332,11 +5823,13 @@ var isAuthError = function isAuthError(error) {
     return isAuthStatusCode(cause);
   }
   if (cause && typeof cause === 'object') {
-    var status = cause.status;
+    var _ref = cause,
+      status = _ref.status;
     if (typeof status === 'number' && isAuthStatusCode(status)) {
       return true;
     }
-    var statusCode = cause.statusCode;
+    var _ref2 = cause,
+      statusCode = _ref2.statusCode;
     if (typeof statusCode === 'number' && isAuthStatusCode(statusCode)) {
       return true;
     }
@@ -5425,7 +5918,7 @@ var DATE_FORMAT_NAME_OF_DAY = 'eee dd/MM/yyyy HH:mm';
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-// eslint-disable-next-line no-restricted-imports
+
 var getDateFnsLocale = function getDateFnsLocale(locale) {
   if (locale === 'fi') {
     return fi$1;
@@ -5438,6 +5931,7 @@ var getDateFnsLocale = function getDateFnsLocale(locale) {
   }
   return enGB;
 };
+
 /**
  * Parsing date strings with geoweb dateUtils:
  *
@@ -5480,6 +5974,7 @@ var getDateFnsLocale = function getDateFnsLocale(locale) {
  * dateToString(new Date('2022-10-10T15:30:00Z'), 'HH:ss dd MMM yyyy')
  *
  */
+
 /**
  * Parse an ISO string to a date
  *
@@ -5513,6 +6008,7 @@ var isValidIsoDateString = function isValidIsoDateString(input) {
   }
   return isoStringToDate(input) !== undefined;
 };
+
 /**
  * Parse a string to a date
  *
@@ -5553,6 +6049,7 @@ var dateToIsoString = function dateToIsoString(input) {
   }
   return input.toISOString();
 };
+
 /**
  * Use this if you initialise a date without a timezone to set it to utc correctly
  * eg.
@@ -5576,6 +6073,7 @@ var setUTCDate = function setUTCDate(inDate) {
   utcDate.setUTCHours(inDate.getHours(), inDate.getMinutes(), inDate.getSeconds(), inDate.getMilliseconds());
   return utcDate;
 };
+
 /**
  * Format a date to a string
  *
@@ -5605,6 +6103,7 @@ var dateToString = function dateToString(inDate, strFormat, utc, locale) {
   });
   return formattedDate;
 };
+
 /**
  * Find out if a date is between two other dates.
  *
@@ -5630,6 +6129,7 @@ var isBetween = function isBetween(date, from, to, inclusivity) {
   var isAfterEqual = inclusivity[1] === ']';
   return (isBeforeEqual ? isEqual$1(from, date) || isBefore(from, date) : isBefore(from, date)) && (isAfterEqual ? isEqual$1(to, date) || isAfter(to, date) : isAfter(to, date));
 };
+
 /**
  * Creates a new Date object with the specified date and time, or the current date and time if no arguments are provided.
  *
@@ -5650,6 +6150,7 @@ var isBetween = function isBetween(date, from, to, inclusivity) {
  * createDate('2022-12-13T00:00:00.000Z');
  * // => 2022-12-13T00:00:00.000Z
  */
+
 var createDate = function createDate(yearOrIsoString, month, day, hours, minutes, seconds, milliseconds) {
   if (hours === void 0) {
     hours = 0;
@@ -5671,6 +6172,7 @@ var createDate = function createDate(yearOrIsoString, month, day, hours, minutes
   }
   return new Date(yearOrIsoString, month, day, hours, minutes, seconds, milliseconds);
 };
+
 /**
  *
  * @param date
@@ -5680,6 +6182,7 @@ var createDate = function createDate(yearOrIsoString, month, day, hours, minutes
 var add = function add(date, duration) {
   return add$1(date, duration);
 };
+
 /**
  *
  * @param date
@@ -5689,6 +6192,7 @@ var add = function add(date, duration) {
 var sub = function sub(date, duration) {
   return sub$1(date, duration);
 };
+
 /**
  * Finds the number of years between to dates
  *
@@ -5696,9 +6200,11 @@ var sub = function sub(date, duration) {
  * @param dateRight - the earlier date
  * @returns {number} the number of minutes
  */
+
 var differenceInYears = function differenceInYears(dateLeft, dateRight) {
   return differenceInYears$1(dateLeft, dateRight);
 };
+
 /**
  * Finds the number of months between to dates
  *
@@ -5706,9 +6212,11 @@ var differenceInYears = function differenceInYears(dateLeft, dateRight) {
  * @param dateRight - the earlier date
  * @returns {number} the number of minutes
  */
+
 var differenceInMonths = function differenceInMonths(dateLeft, dateRight) {
   return differenceInMonths$1(dateLeft, dateRight);
 };
+
 /**
  * Finds the number of days between to dates
  *
@@ -5716,9 +6224,11 @@ var differenceInMonths = function differenceInMonths(dateLeft, dateRight) {
  * @param dateRight - the earlier date
  * @returns {number} the number of minutes
  */
+
 var differenceInDays = function differenceInDays(dateLeft, dateRight) {
   return differenceInDays$1(dateLeft, dateRight);
 };
+
 /**
  * Finds the number of minuts between to dates
  *
@@ -5729,6 +6239,7 @@ var differenceInDays = function differenceInDays(dateLeft, dateRight) {
 var differenceInMinutes = function differenceInMinutes(dateLeft, dateRight) {
   return differenceInMinutes$1(dateLeft, dateRight);
 };
+
 /**
  * Finds the number of hours between to dates
  *
@@ -5741,6 +6252,7 @@ var differenceInHours = function differenceInHours(dateLeft, dateRight, rounding
     roundingMethod: roundingMethod
   }) : differenceInHours$1(dateLeft, dateRight);
 };
+
 /**
  * Finds the number of seconds between to dates
  *
@@ -5751,6 +6263,7 @@ var differenceInHours = function differenceInHours(dateLeft, dateRight, rounding
 var differenceInSeconds = function differenceInSeconds(dateLeft, dateRight) {
   return differenceInSeconds$1(dateLeft, dateRight);
 };
+
 /**
  *
  * @param date - the date to be rounded
@@ -5760,6 +6273,7 @@ var differenceInSeconds = function differenceInSeconds(dateLeft, dateRight) {
 var roundToNearestMinutes = function roundToNearestMinutes(date, options) {
   return roundToNearestMinutes$1(date, options);
 };
+
 /**
  *
  * @param date - the date that should be before the other one to return true
@@ -5771,6 +6285,7 @@ var isBefore = function isBefore(date, dateToCompare) {
   var before = isBefore$1(date, dateToCompare);
   return before;
 };
+
 /**
  *
  * @param date - the date that should be after the other one to return true
@@ -5781,6 +6296,7 @@ var isBefore = function isBefore(date, dateToCompare) {
 var isAfter = function isAfter(date, dateToCompare) {
   return isAfter$1(date, dateToCompare);
 };
+
 /**
  * Gracefully parsing string to a date, setting tz to UTC even if it's missing or input is invalid
  * Note: use getUtcFromString() to convert a string to a date with stricter returns
@@ -5798,6 +6314,7 @@ var utc = function utc(dateStr) {
   }
   return (_isoStringToDate2 = isoStringToDate(dateStr)) != null ? _isoStringToDate2 : createDate();
 };
+
 /**
  * Parsing string to a date. Stricter check, will return undefined when dateString is invalid.
  * @param dateStr - string containing date
@@ -5820,6 +6337,7 @@ var getOffsetStr = function getOffsetStr(dateStr) {
   var groups = offsetMatcher.exec(dateStr);
   return groups ? groups[1] : null;
 };
+
 /**
  * Check if a date object is valid
  * @param {Date | number} date - date to be checked
@@ -5828,6 +6346,7 @@ var getOffsetStr = function getOffsetStr(dateStr) {
 var isValid = function isValid(date) {
   return isValid$1(date);
 };
+
 /**
  * Get the seconds timestamp of the given date
  * @param {Date} date - the given date
@@ -5836,6 +6355,7 @@ var isValid = function isValid(date) {
 var unix = function unix(date) {
   return getUnixTime(date);
 };
+
 /**
  * Get the seconds timestamp based on the given iso string.
  * @param {string} date - the given date as iso string
@@ -5844,6 +6364,7 @@ var unix = function unix(date) {
 var unixFromISOString = function unixFromISOString(date) {
   return date ? parseISO(date).getTime() / 1000 : NaN;
 };
+
 /**
  * Return the Date object for a given timestamp
  * @param {number} unixTime - timestamp
@@ -5873,6 +6394,7 @@ var parseCustomDateString = function parseCustomDateString(dateStr) {
   }
   return new Date(dateStr);
 };
+
 /**
  * Returns Date in UTC
  * @returns {Date} - Date in UTC
@@ -5880,6 +6402,7 @@ var parseCustomDateString = function parseCustomDateString(dateStr) {
 var getNowUtc = function getNowUtc() {
   return createDate();
 };
+
 /**
  * Returns current time as string
  * @param {string} strFormat - [default: "yyyy-MM-dd'T'HH:mm:ss'Z'"] format of string
@@ -5896,6 +6419,7 @@ var getCurrentTimeAsString = function getCurrentTimeAsString(strFormat, utc) {
   }
   return dateToString(getNowUtc(), strFormat, utc);
 };
+
 /**
  * Set date values to a given date (by default it is assumed you are passing the new values in UTC).
  * Note that months start at 0!
@@ -5935,6 +6459,7 @@ var set = function set(date, values, useLocalTimeZone) {
   }
   return newDate;
 };
+
 /**
  * Get hours of a passed date in UTC (or local timezone if passed false)
  * @param date - the date of which to extract hours
@@ -5950,6 +6475,7 @@ var getHours = function getHours(date, utc) {
   }
   return getHours$1(date);
 };
+
 /**
  * Return the start of hour for the given date. The result will be in UTC.
  * @param date - the date of which to retrieve the start of the hour
@@ -5964,6 +6490,7 @@ var startOfHourUTC = function startOfHourUTC(date) {
     milliseconds: 0
   });
 };
+
 /**
  * Return the start of a day for the given date. The result will be in UTC.
  * @param date - the date of which to retrieve the start of day
@@ -5979,6 +6506,7 @@ var startOfDayUTC = function startOfDayUTC(date) {
     milliseconds: 0
   });
 };
+
 /**
  * Return the start of a week for the given date. The result will be in UTC.
  * @param date - the date of which to retrieve the start of the week
@@ -5996,6 +6524,7 @@ var startOfWeekUTC = function startOfWeekUTC(date) {
     milliseconds: 0
   });
 };
+
 /**
  * Return the start of a month for the given date. The result will be in UTC.
  * @param date - the date of which to retrieve the start of the month
@@ -6010,6 +6539,7 @@ var startOfMonthUTC = function startOfMonthUTC(date) {
     milliseconds: 0
   });
 };
+
 /**
  * Return the start of a year for the given date. The result will be in UTC.
  * @param date - the date of which to retrieve the start of the year
@@ -6027,6 +6557,7 @@ var startOfYearUTC = function startOfYearUTC(date) {
     milliseconds: 0
   });
 };
+
 // TODO - IF TODAY time is going to be used, we need to edit this to handle the time.
 //      - now.getTimezoneOffset();   by subtracting the timezone offset, this can be used to convert the time to similar to UTC, because startOfDay retuns values in local time with offset
 /**
@@ -6048,6 +6579,7 @@ var convertNOWFormatToUTC = function convertNOWFormatToUTC(timeValue) {
   }
   throw new Error('Invalid endTime format');
 };
+
 /**
  * Parse custom time format of NOW+-hours and minutes || TODAY+-hours and minutes into UTC. The result will be in UTC.
  * @param timeValue - string value
@@ -6067,6 +6599,7 @@ var convertNOWandTODAYFormatsToUTC = function convertNOWandTODAYFormatsToUTC(tim
   }
   throw new Error('Invalid endTime format');
 };
+
 /**
  * @name setSeconds
  * @category Second Helpers
@@ -6186,6 +6719,7 @@ var index = /*#__PURE__*/Object.freeze({
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var PROJECTION = {
   EPSG_3035: {
     name: 'ETRS89-extended / LAEA Europe',
@@ -6232,7 +6766,7 @@ var PROJECTION = {
     value: 'EPSG:4326'
   },
   EPSG_5041: {
-    name: 'Europe Polar Stereographic (EPSG:5041)',
+    name: 'Europe Polar Stereographic',
     value: 'EPSG:5041'
   },
   EPSG_7399: {
@@ -6247,14 +6781,6 @@ var PROJECTION = {
     name: 'The Netherlands (28992)',
     value: 'EPSG:28992'
   },
-  EPSG_32661: {
-    name: 'Europe Polar Stereographic',
-    value: 'EPSG:32661'
-  },
-  EPSG_54030: {
-    name: 'Europe Robinson',
-    value: 'EPSG:54030'
-  },
   EPSG_900913: {
     name: 'Google Maps Global Mercator',
     value: 'EPSG:900913'
@@ -6296,6 +6822,7 @@ var PROJECTION = {
  */
 var RenderCounter = /*#__PURE__*/function () {
   function RenderCounter() {
+    this.numRenders = void 0;
     this.numRenders = new Map();
   }
   var _proto = RenderCounter.prototype;
@@ -6307,6 +6834,7 @@ var RenderCounter = /*#__PURE__*/function () {
   };
   _proto.count = function count(id) {
     this.numRenders.set(id, this.get(id) + 1);
+
     // Enable next line (for debugging) to track the number of renders per component in the developer console
     // console.log('numRenders', id, this.get(id));
   };
@@ -6335,15 +6863,16 @@ var renderCounter = new RenderCounter();
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var SessionStorageKey;
-(function (SessionStorageKey) {
+
+var SessionStorageKey = /*#__PURE__*/function (SessionStorageKey) {
   SessionStorageKey["CONFIG"] = "config";
   SessionStorageKey["OAUTH_STATE"] = "oauth_state";
   SessionStorageKey["OAUTH_CODE_VERIFIER"] = "code_verifier";
   SessionStorageKey["OAUTH_CODE_CHALLENGE"] = "code_challenge";
   SessionStorageKey["HAS_AUTHENTICATED"] = "has_authenticated";
   SessionStorageKey["CALLBACK_URL"] = "callback_url";
-})(SessionStorageKey || (SessionStorageKey = {}));
+  return SessionStorageKey;
+}({});
 var sessionStorageProvider = {
   setConfig: function setConfig(value) {
     return sessionStorage.setItem(SessionStorageKey.CONFIG, JSON.stringify(value));
@@ -6413,10 +6942,22 @@ var sessionStorageProvider = {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
+// Supported interfaces are EDR
+
 // eslint-disable-next-line no-redeclare
 var SystemScope = {
   user: 'user',
-  system: 'system'
+  system: 'system',
+  plugin: 'plugin'
 };
 
+// This is a copy of PlotPreset in libs/timeseries/src/lib/components/TimeSeries/types.ts
+
+// This is a copy of Plot in libs/timeseries/src/lib/components/TimeSeries/types.ts
+
+// This is a copy of Parameter in libs/timeseries/src/lib/components/TimeSeries/types.ts
+
+// This is a near copy of EDRInstance in libs/timeseries/src/lib/components/TimeSeries/types.ts
+
 export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, SessionStorageKey, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAuthError, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation };