@opengeoweb/core 9.17.0 → 9.19.0

package/index.esm.js

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import React__default, { useState, useCallback, useRef } from 'react';
-import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, Button, ListItemIcon, Checkbox } from '@mui/material';
-import { CustomIconButton, SHARED_NAMESPACE, sharedTranslations, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, CustomTooltip, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, calculateStartSize, ToolContainerDraggable, useDebounce, dateUtils, withEggs, ErrorBoundary } from '@opengeoweb/shared';
-import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, List as List$1, ExitDomain, Info, Search, MyLocation, Close, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
+import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, Button, circularProgressClasses, ListItemIcon, Checkbox } from '@mui/material';
+import { SHARED_NAMESPACE, sharedTranslations, CustomIconButton, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, CustomTooltip, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, calculateStartSize, ToolContainerDraggable, useDebounce, dateUtils, withEggs, ErrorBoundary } from '@opengeoweb/shared';
+import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, ExitDomain, Info, Search, Exclamation, MyLocation, Close, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
+import i18n from 'i18next';
+import { useTranslation, initReactI18next, I18nextProvider } from 'react-i18next';
+import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, marks as marks$1, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
+import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, ZoomControls, MapView, MapViewLayer, LegendDialog, LegendButton, registerDrawFunction, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
 import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericActions, drawtoolSelectors, syncConstants, loadingIndicatorActions, IS_LEGEND_OPEN_BY_DEFAULT, defaultLayers, mapStoreActions, getSingularDrawtoolDrawLayerId, syncGroupsSelectors, syncGroupsSelector, coreModuleConfig, routerUtils, routerModuleConfig } from '@opengeoweb/store';
-import { WEBMAP_REACT_NAMESPACE, webmapReactTranslations, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, ZoomControls, MapView, MapViewLayer, LegendDialog, registerDrawFunction, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
-import i18n from 'i18next';
-import { useTranslation, initReactI18next, I18nextProvider } from 'react-i18next';
-import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, marks as marks$1, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
 import { webmapUtils, getCapabilities, WMGetServiceFromStore, LayerType, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
 import { Box as Box$1, styled as styled$1 } from '@mui/system';
 import _, { isEqual, range } from 'lodash';
@@ -29,16 +29,35 @@ var en = {
 	"add-layer-popup-available-services": "Available services",
 	"add-layer-popup-available-layers": "Available layers for {{serviceName}}",
 	"add-layer-popup-reload-layers": "Reload layers from service",
+	"layermanager-title": "Layer Manager",
 	"layermanager-baselayers-title": "Base layer",
 	"layermanager-baselayers-no-available": "No service available",
 	"layermanager-acceptance-time": "Acc Time",
 	"layermanager-dimensions-total-values": "Dimension value ({{total_dimensions}} options)",
+	"layermanager-dimensions-title": "Dimensions",
 	"layermanager-dimension-title": "Dimension",
 	"layermanager-opacity-title": "Opacity",
 	"layermanager-opacity-tooltip-prefix": "Opacity: ",
 	"layermanager-style-title": "Style",
 	"layermanager-layer-error": "This layer could not be loaded: does not exist on the server.",
 	"layermanager-layer": "Layer",
+	"layermanager-layer-toggle": "Toggle visibility",
+	"layermanager-layer-select": "Open the layer selector",
+	"layermanager-layer-drag": "Drag",
+	"layermanager-layer-leading": "Leading layer",
+	"layermanager-layer-leading-none": "None",
+	"layermanager-layer-leading-auto-timestep": "Auto-timestep",
+	"layermanager-layer-leading-auto-update": "Auto-update",
+	"layermanager-layer-leading-both": "Both",
+	"layermanager-layer-delete": "Delete",
+	"layermanager-layer-duplicate": "Duplicate layer",
+	"layermanager-options": "Options",
+	"layermanager-baselayers-tooltip": "Add base layers",
+	"layermanager-header-button-small": "small",
+	"layermanager-header-button-medium": "medium",
+	"layermanager-header-button-large": "large",
+	"layermanager-header-button-dock": "Dock",
+	"layermanager-header-button-undock": "Undock",
 	"projection-title": "Projection",
 	"wms-loader-title": "Load WMS layer(s)",
 	"wms-loader-description": "Please enter a wms server, or select one from the list.",
@@ -46,7 +65,27 @@ var en = {
 	"wms-loader-error-http": "Use https or allow Mixed Content in your browser to use this WMS service",
 	"wms-loader-error-valid-service": "Please enter a valid WMS service",
 	"wms-loader-error-valid-url": "Please enter a valid URL",
-	"actions-close": "Close"
+	"search-title": "Search",
+	"search-title-aria": "Map search",
+	"search-find-location": "Find my location",
+	"search-error": "Geolocation error: {{error}}",
+	"syncgroups-title": "Sync",
+	"syncgroups-zoom": "ZoomPane",
+	"syncgroups-timeslider": "Timeslider",
+	"syncgroups-level": "Level",
+	"syncgroups-add-group": "Add new group to list",
+	"syncgroups-remove-group": "Remove group from list",
+	"actions-close": "Close",
+	"sentry-start-recording": "Start Recording",
+	"sentry-stop-recording": "Stop Recording",
+	"layermanager-acceptance-time-within": "Layer: within the data acceptance window",
+	"layermanager-acceptance-time-outside": "Layer: out of date",
+	"layermanager-acceptance-time-updated": "Layer: updated",
+	"layermanager-acceptance-time-off": "off",
+	"layermanager-acceptance-time-exact": "exact",
+	"layermanager-dimensions-none": "Layer has no time dimension",
+	feature_info_marker_info: "Event marker info",
+	feature_info_location_info: "Get information for a specific location"
 };
 var fi = {
 	feature_info_title: "ei käännetty",
@@ -56,16 +95,35 @@ var fi = {
 	"add-layer-popup-available-services": "ei käännetty",
 	"add-layer-popup-available-layers": "ei käännetty",
 	"add-layer-popup-reload-layers": "ei käännetty",
+	"layermanager-title": "ei käännetty",
 	"layermanager-baselayers-title": "ei käännetty",
 	"layermanager-baselayers-no-available": "ei käännetty",
 	"layermanager-acceptance-time": "ei käännetty",
 	"layermanager-dimensions-total-values": "ei käännetty",
+	"layermanager-dimensions-title": "ei käännetty",
 	"layermanager-dimension-title": "ei käännetty",
 	"layermanager-opacity-title": "ei käännetty",
 	"layermanager-opacity-tooltip-prefix": "ei käännetty",
 	"layermanager-style-title": "ei käännetty",
 	"layermanager-layer-error": "ei käännetty",
 	"layermanager-layer": "ei käännetty",
+	"layermanager-layer-toggle": "ei käännetty",
+	"layermanager-layer-select": "ei käännetty",
+	"layermanager-layer-drag": "ei käännetty",
+	"layermanager-layer-leading": "ei käännetty",
+	"layermanager-layer-leading-none": "ei käännetty",
+	"layermanager-layer-leading-auto-timestep": "ei käännetty",
+	"layermanager-layer-leading-auto-update": "ei käännetty",
+	"layermanager-layer-leading-both": "ei käännetty",
+	"layermanager-layer-delete": "ei käännetty",
+	"layermanager-layer-duplicate": "ei käännetty",
+	"layermanager-options": "ei käännetty",
+	"layermanager-baselayers-tooltip": "ei käännetty",
+	"layermanager-header-button-small": "ei käännetty",
+	"layermanager-header-button-medium": "ei käännetty",
+	"layermanager-header-button-large": "ei käännetty",
+	"layermanager-header-button-dock": "ei käännetty",
+	"layermanager-header-button-undock": "ei käännetty",
 	"projection-title": "ei käännetty",
 	"wms-loader-title": "ei käännetty",
 	"wms-loader-description": "ei käännetty",
@@ -73,7 +131,27 @@ var fi = {
 	"wms-loader-error-http": "ei käännetty",
 	"wms-loader-error-valid-service": "ei käännetty",
 	"wms-loader-error-valid-url": "ei käännetty",
-	"actions-close": "ei käännetty"
+	"search-title": "ei käännetty",
+	"search-title-aria": "ei käännetty",
+	"search-find-location": "ei käännetty",
+	"search-error": "ei käännetty",
+	"syncgroups-title": "ei käännetty",
+	"syncgroups-zoom": "ei käännetty",
+	"syncgroups-timeslider": "ei käännetty",
+	"syncgroups-level": "ei käännetty",
+	"syncgroups-add-group": "ei käännetty",
+	"syncgroups-remove-group": "ei käännetty",
+	"actions-close": "ei käännetty",
+	"sentry-start-recording": "ei käännetty",
+	"sentry-stop-recording": "ei käännetty",
+	"layermanager-acceptance-time-within": "ei käännetty",
+	"layermanager-acceptance-time-outside": "ei käännetty",
+	"layermanager-acceptance-time-updated": "ei käännetty",
+	"layermanager-acceptance-time-off": "ei käännetty",
+	"layermanager-acceptance-time-exact": "ei käännetty",
+	"layermanager-dimensions-none": "ei käännetty",
+	feature_info_marker_info: "ei käännetty",
+	feature_info_location_info: "ei käännetty"
 };
 var no = {
 	feature_info_title: "ikke oversatt",
@@ -83,16 +161,35 @@ var no = {
 	"add-layer-popup-available-services": "ikke oversatt",
 	"add-layer-popup-available-layers": "ikke oversatt",
 	"add-layer-popup-reload-layers": "ikke oversatt",
+	"layermanager-title": "ikke oversatt",
 	"layermanager-baselayers-title": "ikke oversatt",
 	"layermanager-baselayers-no-available": "ikke oversatt",
 	"layermanager-acceptance-time": "ikke oversatt",
 	"layermanager-dimensions-total-values": "ikke oversatt",
+	"layermanager-dimensions-title": "ikke oversatt",
 	"layermanager-dimension-title": "ikke oversatt",
 	"layermanager-opacity-title": "ikke oversatt",
 	"layermanager-opacity-tooltip-prefix": "ikke oversatt",
 	"layermanager-style-title": "ikke oversatt",
 	"layermanager-layer-error": "ikke oversatt",
 	"layermanager-layer": "ikke oversatt",
+	"layermanager-layer-toggle": "ikke oversatt",
+	"layermanager-layer-select": "ikke oversatt",
+	"layermanager-layer-drag": "ikke oversatt",
+	"layermanager-layer-leading": "ikke oversatt",
+	"layermanager-layer-leading-none": "ikke oversatt",
+	"layermanager-layer-leading-auto-timestep": "ikke oversatt",
+	"layermanager-layer-leading-auto-update": "ikke oversatt",
+	"layermanager-layer-leading-both": "ikke oversatt",
+	"layermanager-layer-delete": "ikke oversatt",
+	"layermanager-layer-duplicate": "ikke oversatt",
+	"layermanager-options": "ikke oversatt",
+	"layermanager-baselayers-tooltip": "ikke oversatt",
+	"layermanager-header-button-small": "ikke oversatt",
+	"layermanager-header-button-medium": "ikke oversatt",
+	"layermanager-header-button-large": "ikke oversatt",
+	"layermanager-header-button-dock": "ikke oversatt",
+	"layermanager-header-button-undock": "ikke oversatt",
 	"projection-title": "ikke oversatt",
 	"wms-loader-title": "ikke oversatt",
 	"wms-loader-description": "ikke oversatt",
@@ -100,7 +197,27 @@ var no = {
 	"wms-loader-error-http": "ikke oversatt",
 	"wms-loader-error-valid-service": "ikke oversatt",
 	"wms-loader-error-valid-url": "ikke oversatt",
-	"actions-close": "ikke oversatt"
+	"search-title": "ikke oversatt",
+	"search-title-aria": "ikke oversatt",
+	"search-find-location": "ikke oversatt",
+	"search-error": "ikke oversatt",
+	"syncgroups-title": "ikke oversatt",
+	"syncgroups-zoom": "ikke oversatt",
+	"syncgroups-timeslider": "ikke oversatt",
+	"syncgroups-level": "ikke oversatt",
+	"syncgroups-add-group": "ikke oversatt",
+	"syncgroups-remove-group": "ikke oversatt",
+	"actions-close": "ikke oversatt",
+	"sentry-start-recording": "ikke oversatt",
+	"sentry-stop-recording": "ikke oversatt",
+	"layermanager-acceptance-time-within": "ikke oversatt",
+	"layermanager-acceptance-time-outside": "ikke oversatt",
+	"layermanager-acceptance-time-updated": "ikke oversatt",
+	"layermanager-acceptance-time-off": "ikke oversatt",
+	"layermanager-acceptance-time-exact": "ikke oversatt",
+	"layermanager-dimensions-none": "ikke oversatt",
+	feature_info_marker_info: "ikke oversatt",
+	feature_info_location_info: "ikke oversatt"
 };
 var nl = {
 	feature_info_title: "niet vertaald",
@@ -110,16 +227,35 @@ var nl = {
 	"add-layer-popup-available-services": "niet vertaald",
 	"add-layer-popup-available-layers": "niet vertaald",
 	"add-layer-popup-reload-layers": "niet vertaald",
+	"layermanager-title": "niet vertaald",
 	"layermanager-baselayers-title": "niet vertaald",
 	"layermanager-baselayers-no-available": "niet vertaald",
 	"layermanager-acceptance-time": "niet vertaald",
 	"layermanager-dimensions-total-values": "niet vertaald",
+	"layermanager-dimensions-title": "niet vertaald",
 	"layermanager-dimension-title": "niet vertaald",
 	"layermanager-opacity-title": "niet vertaald",
 	"layermanager-opacity-tooltip-prefix": "niet vertaald",
 	"layermanager-style-title": "niet vertaald",
 	"layermanager-layer-error": "niet vertaald",
 	"layermanager-layer": "niet vertaald",
+	"layermanager-layer-toggle": "niet vertaald",
+	"layermanager-layer-select": "niet vertaald",
+	"layermanager-layer-drag": "niet vertaald",
+	"layermanager-layer-leading": "niet vertaald",
+	"layermanager-layer-leading-none": "niet vertaald",
+	"layermanager-layer-leading-auto-timestep": "niet vertaald",
+	"layermanager-layer-leading-auto-update": "niet vertaald",
+	"layermanager-layer-leading-both": "niet vertaald",
+	"layermanager-layer-delete": "niet vertaald",
+	"layermanager-layer-duplicate": "niet vertaald",
+	"layermanager-options": "niet vertaald",
+	"layermanager-baselayers-tooltip": "niet vertaald",
+	"layermanager-header-button-small": "niet vertaald",
+	"layermanager-header-button-medium": "niet vertaald",
+	"layermanager-header-button-large": "niet vertaald",
+	"layermanager-header-button-dock": "niet vertaald",
+	"layermanager-header-button-undock": "niet vertaald",
 	"projection-title": "niet vertaald",
 	"wms-loader-title": "niet vertaald",
 	"wms-loader-description": "niet vertaald",
@@ -127,7 +263,27 @@ var nl = {
 	"wms-loader-error-http": "niet vertaald",
 	"wms-loader-error-valid-service": "niet vertaald",
 	"wms-loader-error-valid-url": "niet vertaald",
-	"actions-close": "niet vertaald"
+	"search-title": "niet vertaald",
+	"search-title-aria": "niet vertaald",
+	"search-find-location": "niet vertaald",
+	"search-error": "niet vertaald",
+	"syncgroups-title": "niet vertaald",
+	"syncgroups-zoom": "niet vertaald",
+	"syncgroups-timeslider": "niet vertaald",
+	"syncgroups-level": "niet vertaald",
+	"syncgroups-add-group": "niet vertaald",
+	"syncgroups-remove-group": "niet vertaald",
+	"actions-close": "niet vertaald",
+	"sentry-start-recording": "niet vertaald",
+	"sentry-stop-recording": "niet vertaald",
+	"layermanager-acceptance-time-within": "niet vertaald",
+	"layermanager-acceptance-time-outside": "niet vertaald",
+	"layermanager-acceptance-time-updated": "niet vertaald",
+	"layermanager-acceptance-time-off": "niet vertaald",
+	"layermanager-acceptance-time-exact": "niet vertaald",
+	"layermanager-dimensions-none": "niet vertaald",
+	feature_info_marker_info: "niet vertaald",
+	feature_info_location_info: "niet vertaald"
 };
 var coreTranslations = {
 	en: en,
@@ -255,10 +411,10 @@ var SHARED = '__core-js_shared__';
 var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.36.1',
+  version: '3.37.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.37.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -1792,6 +1948,49 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+const CORE_NAMESPACE = 'core';
+const initCoreReactI18n = () => {
+  i18n.use(initReactI18next).init({
+    lng: 'en',
+    fallbackLng: 'en',
+    ns: CORE_NAMESPACE,
+    interpolation: {
+      escapeValue: false
+    },
+    resources: {
+      en: {
+        [CORE_NAMESPACE]: coreTranslations.en,
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.en,
+        [SHARED_NAMESPACE]: sharedTranslations.en,
+        [TIMESLIDER_NAMESPACE]: timesliderTranslations.en
+      },
+      fi: {
+        [CORE_NAMESPACE]: coreTranslations.fi,
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.fi,
+        [SHARED_NAMESPACE]: sharedTranslations.fi,
+        [TIMESLIDER_NAMESPACE]: timesliderTranslations.fi
+      },
+      no: {
+        [CORE_NAMESPACE]: coreTranslations.no,
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.no,
+        [SHARED_NAMESPACE]: sharedTranslations.no,
+        [TIMESLIDER_NAMESPACE]: timesliderTranslations.no
+      },
+      nl: {
+        [CORE_NAMESPACE]: coreTranslations.nl,
+        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.nl,
+        [SHARED_NAMESPACE]: sharedTranslations.nl,
+        [TIMESLIDER_NAMESPACE]: timesliderTranslations.nl
+      }
+    }
+  });
+};
+const ns = [CORE_NAMESPACE, TIMESLIDER_NAMESPACE];
+const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
+  ns
+}, params));
+const useCoreTranslation = () => useTranslation(ns);
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1829,6 +2028,9 @@ const HeaderOptions = ({
   mapWidth
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  const {
+    t
+  } = useCoreTranslation();
   React.useEffect(() => {
     const handleKeyDown = event => {
       if (shortcutsEnabled) {
@@ -1847,7 +2049,7 @@ const HeaderOptions = ({
     };
   }, [onChangeSize, shortcutsEnabled]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !((_a = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.small) === null || _a === void 0 ? void 0 : _a.isDisabled) && ( /*#__PURE__*/React.createElement(CustomIconButton, {
-    tooltipTitle: "small",
+    tooltipTitle: t('layermanager-header-button-small'),
     "data-testid": "collapseSmall-btn",
     onClick: () => {
       if (!isDockedLayerManager) {
@@ -1858,7 +2060,7 @@ const HeaderOptions = ({
     },
     className: "collapseSmall-btn"
   }, (_c = (_b = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.small) === null || _b === void 0 ? void 0 : _b.icon) !== null && _c !== void 0 ? _c : /*#__PURE__*/React.createElement(CollapseSmall, null))), !((_d = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.medium) === null || _d === void 0 ? void 0 : _d.isDisabled) && ( /*#__PURE__*/React.createElement(CustomIconButton, {
-    tooltipTitle: "medium",
+    tooltipTitle: t('layermanager-header-button-medium'),
     "data-testid": "collapseMedium-btn",
     onClick: () => {
       if (!isDockedLayerManager) {
@@ -1869,7 +2071,7 @@ const HeaderOptions = ({
     },
     className: "collapseMedium-btn"
   }, (_f = (_e = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.medium) === null || _e === void 0 ? void 0 : _e.icon) !== null && _f !== void 0 ? _f : /*#__PURE__*/React.createElement(CollapseMedium, null))), !((_g = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.large) === null || _g === void 0 ? void 0 : _g.isDisabled) && ( /*#__PURE__*/React.createElement(CustomIconButton, {
-    tooltipTitle: "large",
+    tooltipTitle: t('layermanager-header-button-large'),
     "data-testid": "collapseLarge-btn",
     onClick: () => {
       if (!isDockedLayerManager) {
@@ -1880,7 +2082,7 @@ const HeaderOptions = ({
     },
     className: "collapseLarge-btn"
   }, (_j = (_h = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.large) === null || _h === void 0 ? void 0 : _h.icon) !== null && _j !== void 0 ? _j : /*#__PURE__*/React.createElement(CollapseLarge, null))), !((_k = buttonSettings === null || buttonSettings === void 0 ? void 0 : buttonSettings.dock) === null || _k === void 0 ? void 0 : _k.isDisabled) && ( /*#__PURE__*/React.createElement(CustomIconButton, {
-    tooltipTitle: isDockedLayerManager ? 'Undock' : 'Dock',
+    tooltipTitle: isDockedLayerManager ? t('layermanager-header-button-undock') : t('layermanager-header-button-dock'),
     "data-testid": "dockedBtn",
     disableRipple: true,
     onClick: () => onClickDockButton()
@@ -2124,7 +2326,7 @@ const style = {
   padding: 0
 };
 const LayerSelectButton = ({
-  tooltipTitle: _tooltipTitle = 'Open the layer selector',
+  tooltipTitle: _tooltipTitle = translateKeyOutsideComponents('layermanager-layer-select'),
   icon: _icon = /*#__PURE__*/React.createElement(LayersAdd, {
     "data-testid": "layerSelectButtonConnectIcon"
   }),
@@ -2155,6 +2357,9 @@ const DescriptionRow = _a => {
       addLayerComponent
     } = _a,
     gridProps = __rest(_a, ["mapPresetsModule", "settings", "addLayerComponent"]);
+  const {
+    t
+  } = useCoreTranslation();
   const [mapPresetsModuleInline] = React.useState(mapPresetsModule ? Object.assign(Object.assign({}, mapPresetsModule), {
     props: Object.assign(Object.assign({}, mapPresetsModule.props), {
       id: 'mappresets-menubuttonInline'
@@ -2185,7 +2390,7 @@ const DescriptionRow = _a => {
   }, /*#__PURE__*/React.createElement(Box, {
     className: `header-layer ${hasMapPresetsModule ? 'mappresetsModule-enabled' : ''}`,
     sx: styles$3.text
-  }, (_e = (_d = settings === null || settings === void 0 ? void 0 : settings.layerName) === null || _d === void 0 ? void 0 : _d.title) !== null && _e !== void 0 ? _e : 'Layer'), /*#__PURE__*/React.createElement(Box, {
+  }, (_e = (_d = settings === null || settings === void 0 ? void 0 : settings.layerName) === null || _d === void 0 ? void 0 : _d.title) !== null && _e !== void 0 ? _e : t('layermanager-layer')), /*#__PURE__*/React.createElement(Box, {
     className: "header-mapPresets",
     sx: {
       marginRight: 4
@@ -2194,21 +2399,21 @@ const DescriptionRow = _a => {
     className: columnClasses.column3
   }, /*#__PURE__*/React.createElement(Box, {
     sx: styles$3.text
-  }, (_g = (_f = settings === null || settings === void 0 ? void 0 : settings.layerStyle) === null || _f === void 0 ? void 0 : _f.title) !== null && _g !== void 0 ? _g : 'Style')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_g = (_f = settings === null || settings === void 0 ? void 0 : settings.layerStyle) === null || _f === void 0 ? void 0 : _f.title) !== null && _g !== void 0 ? _g : t('layermanager-style-title'))), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column4
   }, /*#__PURE__*/React.createElement(Box, {
     sx: styles$3.text
-  }, (_j = (_h = settings === null || settings === void 0 ? void 0 : settings.opacity) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : 'Opacity')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_j = (_h = settings === null || settings === void 0 ? void 0 : settings.opacity) === null || _h === void 0 ? void 0 : _h.title) !== null && _j !== void 0 ? _j : t('layermanager-opacity-title'))), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column5
   }, /*#__PURE__*/React.createElement(Box, {
     sx: styles$3.text
-  }, (_l = (_k = settings === null || settings === void 0 ? void 0 : settings.dimensions) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : 'Dimensions')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_l = (_k = settings === null || settings === void 0 ? void 0 : settings.dimensions) === null || _k === void 0 ? void 0 : _k.title) !== null && _l !== void 0 ? _l : t('layermanager-dimensions-title'))), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.acceptanceTime
   }, /*#__PURE__*/React.createElement(Box, {
     sx: [styles$3.text, {
       whiteSpace: 'nowrap'
     }]
-  }, (_o = (_m = settings === null || settings === void 0 ? void 0 : settings.acceptanceTime) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : 'Acc Time')), /*#__PURE__*/React.createElement(Grid, {
+  }, (_o = (_m = settings === null || settings === void 0 ? void 0 : settings.acceptanceTime) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : t('layermanager-acceptance-time'))), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.loadDuration
   }, /*#__PURE__*/React.createElement(Box, {
     sx: [styles$3.text, {
@@ -2378,49 +2583,6 @@ $$7({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.rev
   }
 });
 
-const CORE_NAMESPACE = 'core';
-const initCoreReactI18n = () => {
-  i18n.use(initReactI18next).init({
-    lng: 'en',
-    fallbackLng: 'en',
-    ns: CORE_NAMESPACE,
-    interpolation: {
-      escapeValue: false
-    },
-    resources: {
-      en: {
-        [CORE_NAMESPACE]: coreTranslations.en,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.en,
-        [SHARED_NAMESPACE]: sharedTranslations.en,
-        [TIMESLIDER_NAMESPACE]: timesliderTranslations.en
-      },
-      fi: {
-        [CORE_NAMESPACE]: coreTranslations.fi,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.fi,
-        [SHARED_NAMESPACE]: sharedTranslations.fi,
-        [TIMESLIDER_NAMESPACE]: timesliderTranslations.fi
-      },
-      no: {
-        [CORE_NAMESPACE]: coreTranslations.no,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.no,
-        [SHARED_NAMESPACE]: sharedTranslations.no,
-        [TIMESLIDER_NAMESPACE]: timesliderTranslations.no
-      },
-      nl: {
-        [CORE_NAMESPACE]: coreTranslations.nl,
-        [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.nl,
-        [SHARED_NAMESPACE]: sharedTranslations.nl,
-        [TIMESLIDER_NAMESPACE]: timesliderTranslations.nl
-      }
-    }
-  });
-};
-const ns = [CORE_NAMESPACE, TIMESLIDER_NAMESPACE];
-const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
-  ns
-}, params));
-const useCoreTranslation = () => useTranslation(ns);
-
 const DimensionSelectValue = ({
   isEnabled,
   tooltip,
@@ -2560,8 +2722,8 @@ const DimensionSelectName = ({
   }, (nameMappings === null || nameMappings === void 0 ? void 0 : nameMappings[name]) || name))));
 };
 
-const defaultDimensionNameTooltip = selectedDimension => `Dimensions: ${selectedDimension.name}`;
-const defaultDimensionValueTooltip = selectedDimension => `Dimensions: ${selectedDimension.name} ${selectedDimension.currentValue} ${selectedDimension.units}`;
+const defaultDimensionNameTooltip = selectedDimension => `${translateKeyOutsideComponents('layermanager-dimensions-title')}: ${selectedDimension.name}`;
+const defaultDimensionValueTooltip = selectedDimension => `${translateKeyOutsideComponents('layermanager-dimensions-title')}: ${selectedDimension.name} ${selectedDimension.currentValue} ${selectedDimension.units}`;
 const DimensionSelect = ({
   onLayerChangeDimension,
   layerDimensions: _layerDimensions = [],
@@ -2660,7 +2822,7 @@ const RenderLayers = ({
   layerName,
   layers: _layers = [],
   isEnabled: _isEnabled = true,
-  tooltipPrefix: _tooltipPrefix = 'Layer: ',
+  tooltipPrefix: _tooltipPrefix = `${translateKeyOutsideComponents('layermanager-layer')}: `,
   skipLocalStyling
 }) => {
   var _a;
@@ -2891,9 +3053,12 @@ const LayerManagerMenuButton = ({
   mapId,
   layerId,
   onLayerDuplicate,
-  tooltipTitle: _tooltipTitle = 'Options',
+  tooltipTitle: _tooltipTitle = translateKeyOutsideComponents('layermanager-options'),
   icon
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const onClickDuplicate = () => {
     onLayerDuplicate({
       mapId,
@@ -2911,7 +3076,7 @@ const LayerManagerMenuButton = ({
     },
     menuPosition: "bottom",
     menuItems: [{
-      text: 'Duplicate layer',
+      text: t('layermanager-layer-duplicate'),
       action: onClickDuplicate,
       icon: /*#__PURE__*/React.createElement(Copy, null)
     }],
@@ -3003,7 +3168,7 @@ const RenderStyles = ({
   onChangeLayerStyle,
   isEnabled: _isEnabled = true,
   icon,
-  tooltipPrefix: _tooltipPrefix = 'Style: ',
+  tooltipPrefix: _tooltipPrefix = `${translateKeyOutsideComponents('layermanager-style-title')}: `,
   skipLocalStyling
 }) => {
   var _a;
@@ -3092,8 +3257,11 @@ const ActivateLayer = ({
   current
 }) => {
   const isActive = current !== AutoOptions.NONE;
+  const {
+    t
+  } = useCoreTranslation();
   return /*#__PURE__*/React.createElement(ToggleMenu, {
-    tooltipTitle: "Leading layer",
+    tooltipTitle: t('layermanager-layer-leading'),
     buttonSx: {
       margin: '4px 2px',
       '&.MuiButtonBase-root': {
@@ -3111,35 +3279,35 @@ const ActivateLayer = ({
       isEnabled: isEnabled
     }),
     menuItems: [{
-      text: 'None',
+      text: t('layermanager-layer-leading-none'),
       action: () => {
         onChange(AutoOptions.NONE);
       },
       icon: /*#__PURE__*/React.createElement(None, null),
       isSelected: current === AutoOptions.NONE
     }, {
-      text: 'Auto-timestep',
+      text: t('layermanager-layer-leading-auto-timestep'),
       action: () => {
         onChange(AutoOptions.TIMESTEP);
       },
       icon: /*#__PURE__*/React.createElement(FastForward, null),
       isSelected: current === AutoOptions.TIMESTEP
     }, {
-      text: 'Auto-update',
+      text: t('layermanager-layer-leading-auto-update'),
       action: () => {
         onChange(AutoOptions.UPDATE);
       },
       icon: /*#__PURE__*/React.createElement(AutoUpdateActive, null),
       isSelected: current === AutoOptions.UPDATE
     }, {
-      text: 'Both',
+      text: t('layermanager-layer-leading-both'),
       action: () => {
         onChange(AutoOptions.BOTH);
       },
       isSelected: current === AutoOptions.BOTH,
       icon: /*#__PURE__*/React.createElement(Both, null)
     }],
-    menuTitle: "Leading layer"
+    menuTitle: t('layermanager-layer-leading')
   });
 };
 const AutoUpdateIcon = ({
@@ -3231,37 +3399,6 @@ if (NOT_GENERIC || INCORRECT_NAME) {
   }, { unsafe: true });
 }
 
-const acceptanceTimes = [{
-  value: 'off',
-  text: 'off'
-}, {
-  value: '0',
-  text: 'exact'
-}, {
-  value: '1',
-  text: '00:01'
-}, {
-  value: '5',
-  text: '00:05'
-}, {
-  value: '10',
-  text: '00:10'
-}, {
-  value: '30',
-  text: '00:30'
-}, {
-  value: '60',
-  text: '01:00'
-}, {
-  value: '720',
-  text: '12:00'
-}, {
-  value: '1440',
-  text: '24:00'
-}];
-const acceptanceTimesValues = acceptanceTimes.map(time => ({
-  value: time.value
-}));
 const AcceptanceTime = ({
   onChangeAcceptanceTime,
   isEnabled: _isEnabled = true,
@@ -3278,6 +3415,47 @@ const AcceptanceTime = ({
     onChangeAcceptanceTime(acceptanceTime);
   };
   const layerAcceptanceTime = acceptanceTimeInMinutes === undefined ? 'off' : acceptanceTimeInMinutes.toString();
+  const getAcceptenceTimes = () => {
+    const acceptanceTimes = [{
+      value: 'off',
+      text: t('layermanager-acceptance-time-off')
+    }, {
+      value: '0',
+      text: t('layermanager-acceptance-time-exact')
+    }, {
+      value: '1',
+      text: '00:01'
+    }, {
+      value: '5',
+      text: '00:05'
+    }, {
+      value: '10',
+      text: '00:10'
+    }, {
+      value: '30',
+      text: '00:30'
+    }, {
+      value: '60',
+      text: '01:00'
+    }, {
+      value: '720',
+      text: '12:00'
+    }, {
+      value: '1440',
+      text: '24:00'
+    }];
+    const acceptanceTimesValues = acceptanceTimes.map(time => ({
+      value: time.value
+    }));
+    return {
+      acceptanceTimes,
+      acceptanceTimesValues
+    };
+  };
+  const {
+    acceptanceTimes,
+    acceptanceTimesValues
+  } = React__default.useRef(getAcceptenceTimes()).current;
   const title = t('layermanager-acceptance-time');
   return /*#__PURE__*/React__default.createElement(TooltipSelect, {
     tooltip: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : title,
@@ -3334,6 +3512,27 @@ const ORANGE = {
 const MissingData = ({
   layerIsInsideAcceptanceTime
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
+  const getTextAndColor = layerIsInsideAcceptanceTime => {
+    if (layerIsInsideAcceptanceTime === 'inside') {
+      return {
+        tooltipText: t('layermanager-acceptance-time-within'),
+        color: ORANGE
+      };
+    }
+    if (layerIsInsideAcceptanceTime === 'outside') {
+      return {
+        color: RED,
+        tooltipText: t('layermanager-acceptance-time-outside')
+      };
+    }
+    return {
+      color: GREEN,
+      tooltipText: t('layermanager-acceptance-time-updated')
+    };
+  };
   const {
     tooltipText,
     color
@@ -3357,24 +3556,6 @@ const MissingData = ({
     }
   })));
 };
-const getTextAndColor = layerIsInsideAcceptanceTime => {
-  if (layerIsInsideAcceptanceTime === 'inside') {
-    return {
-      tooltipText: 'Layer: within the data acceptance window',
-      color: ORANGE
-    };
-  }
-  if (layerIsInsideAcceptanceTime === 'outside') {
-    return {
-      color: RED,
-      tooltipText: 'Layer: out of date'
-    };
-  }
-  return {
-    color: GREEN,
-    tooltipText: 'Layer: updated'
-  };
-};
 
 const MILLISECONDS_PER_SECOND = 1e3;
 const MAX_DURATION_IN_SECONDS = 60;
@@ -3515,11 +3696,16 @@ const Opacity = ({
 }));
 const DeleteLayer = ({
   onClick
-}) => ( /*#__PURE__*/React__default.createElement(CustomIconButton, {
-  tooltipTitle: "Delete",
-  onClick: onClick,
-  "data-testid": "deleteButton"
-}, /*#__PURE__*/React__default.createElement(Delete, null)));
+}) => {
+  const {
+    t
+  } = useCoreTranslation();
+  return /*#__PURE__*/React__default.createElement(CustomIconButton, {
+    tooltipTitle: t('layermanager-layer-delete'),
+    onClick: onClick,
+    "data-testid": "deleteButton"
+  }, /*#__PURE__*/React__default.createElement(Delete, null));
+};
 const ShowLayerInfo = ({
   onClick
 }) => /*#__PURE__*/React__default.createElement(LayerInfoButton, {
@@ -3853,7 +4039,7 @@ const Accordion = ({
 const DeleteLayerConnect = ({
   layerId,
   mapId,
-  tooltipTitle: _tooltipTitle = 'Delete',
+  tooltipTitle: _tooltipTitle = translateKeyOutsideComponents('layermanager-layer-delete'),
   icon: _icon = /*#__PURE__*/React.createElement(Delete, null)
 }) => {
   const dispatch = useDispatch();
@@ -3904,6 +4090,9 @@ const EnableLayerConnect = ({
   tooltipTitle
 }) => {
   const dispatch = useDispatch();
+  const {
+    t
+  } = useCoreTranslation();
   const layerChangeEnabled = React.useCallback(({
     layerId,
     enabled
@@ -3913,7 +4102,7 @@ const EnableLayerConnect = ({
     mapId,
     origin: layerTypes.LayerActionOrigin.layerManager
   })), [dispatch, mapId]);
-  const normalTooltip = tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : 'Toggle visibility';
+  const normalTooltip = tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : t('layermanager-layer-toggle');
   const miniTooltip = tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : _layerName;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomIconButton, {
     shouldShowAsDisabled: !_isEnabled,
@@ -4281,6 +4470,9 @@ const ActivateLayerConnect = ({
   layerId,
   mapId
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const dispatch = useDispatch();
   const autoUpdateLayerId = useSelector(store => mapSelectors.getAutoUpdateLayerId(store, mapId));
   const autoTimestepLayerId = useSelector(store => mapSelectors.getAutoTimeStepLayerId(store, mapId));
@@ -4411,7 +4603,7 @@ const ActivateLayerConnect = ({
   const layerHasTimeDimension = useSelector(store => layerSelectors.getLayerHasTimeDimension(store, layerId));
   if (!layerHasTimeDimension) {
     return /*#__PURE__*/React.createElement(CustomTooltip, {
-      title: "Layer has no time dimension",
+      title: t('layermanager-dimensions-none'),
       placement: "top"
     }, /*#__PURE__*/React.createElement(Box$1, {
       "data-testid": "noTimeDimension",
@@ -4472,6 +4664,9 @@ const AcceptanceTimeConnect = ({
   tooltipTitle,
   skipLocalStyling
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const isEnabled = useSelector(store => layerSelectors.getLayerEnabled(store, layerId));
   const dispatch = useDispatch();
   const acceptanceTimeInMinutes = useSelector(store => {
@@ -4486,7 +4681,7 @@ const AcceptanceTimeConnect = ({
   const layerHasTimeDimension = useSelector(store => layerSelectors.getLayerHasTimeDimension(store, layerId));
   if (!layerHasTimeDimension) {
     return /*#__PURE__*/React__default.createElement(CustomTooltip, {
-      title: "Layer has no time dimension",
+      title: t('layermanager-dimensions-none'),
       placement: "top"
     }, /*#__PURE__*/React__default.createElement(Box, {
       sx: {
@@ -4759,7 +4954,6 @@ const LayerRowConnect = /*#__PURE__*/React.memo(({
   });
 }, areEqual);
 
-const TOOLTIP_TITLE = 'Drag';
 const DragHandle = ({
   isDisabled: _isDisabled = false,
   index: _index = undefined,
@@ -4768,7 +4962,7 @@ const DragHandle = ({
   icon: _icon = /*#__PURE__*/React__default.createElement(DragHandle$1, {
     "data-testid": "dragHandleIcon"
   }),
-  tooltipTitle: _tooltipTitle = TOOLTIP_TITLE
+  tooltipTitle: _tooltipTitle = translateKeyOutsideComponents('layermanager-layer-drag')
 }) => {
   const usedTooltipTitle = _hideTooltip ? '' : _tooltipTitle;
   return /*#__PURE__*/React__default.createElement(CustomIconButton, {
@@ -5036,7 +5230,7 @@ const BaseLayers = ({
   availableBaseLayers,
   onChangeBaseLayers,
   icon,
-  tooltipPrefix: _tooltipPrefix = 'Layer: '
+  tooltipPrefix: _tooltipPrefix = `${translateKeyOutsideComponents('layermanager-layer')}: `
 }) => {
   var _a;
   const {
@@ -6601,7 +6795,7 @@ const LayerManager = ({
   preloadedBaseServices,
   bounds,
   onClose,
-  title: _title = 'Layer Manager',
+  title: _title = translateKeyOutsideComponents('layermanager-title'),
   isOpen,
   onMouseDown: _onMouseDown = () => {},
   order: _order = 0,
@@ -6623,6 +6817,9 @@ const LayerManager = ({
   addLayerComponent
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
+  const {
+    t
+  } = useCoreTranslation();
   const minSize = {
     width: 100,
     height: 126
@@ -6744,7 +6941,7 @@ const LayerManager = ({
     settings: settings === null || settings === void 0 ? void 0 : settings.content
   }), /*#__PURE__*/React.createElement(BaseLayerRow, {
     mapId: mapId,
-    tooltip: "Add base layers",
+    tooltip: t('layermanager-baselayers-tooltip'),
     preloadedAvailableBaseLayers: preloadedAvailableBaseLayers,
     preloadedServices: preloadedBaseServices,
     settings: settings === null || settings === void 0 ? void 0 : settings.footer
@@ -6826,7 +7023,7 @@ const LayerManagerConnect = ({
   preloadedMapServices,
   preloadedBaseServices,
   bounds,
-  title: _title = 'Layer Manager',
+  title: _title = translateKeyOutsideComponents('layermanager-title'),
   showMapIdInTitle: _showMapIdInTitle = false,
   leftHeaderComponent: _leftHeaderComponent = undefined,
   mapId: initialMapId = null,
@@ -6931,6 +7128,9 @@ const LayerManagerMapButtonConnect = ({
   source: _source = 'app',
   isMultiMap: _isMultiMap = false
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const dispatch = useDispatch();
   const dialogType = _isMultiMap ? `${uiTypes.DialogTypes.LayerManager}-${mapId}` : uiTypes.DialogTypes.LayerManager;
   const currentActiveMapId = useSelector(store => uiSelectors.getDialogMapId(store, dialogType));
@@ -6945,7 +7145,7 @@ const LayerManagerMapButtonConnect = ({
   }, [currentActiveMapId, dialogType, dispatch, isOpenInStore, mapId, _source]);
   const isOpen = currentActiveMapId === mapId && isOpenInStore;
   return /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Layer Manager",
+    title: t('layermanager-title'),
     "data-testid": "layerManagerButton",
     onClick: openLayerManagerDialog,
     isActive: isOpen
@@ -8212,12 +8412,10 @@ const LegendMapButtonConnect = ({
     }));
   }, [currentActiveMapId, dispatch, isOpenInStore, mapId, _source, legendType]);
   const isOpen = currentActiveMapId === mapId && isOpenInStore;
-  return /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Legend",
-    "data-testid": "open-Legend",
-    onClick: openLegendDialog,
-    isActive: isOpen
-  }, /*#__PURE__*/React.createElement(List$1, null));
+  return /*#__PURE__*/React.createElement(LegendButton, {
+    isOpen: isOpen,
+    openLegendDialog: openLegendDialog
+  });
 };
 
 /* *
@@ -8270,6 +8468,9 @@ const getLayersToUpdate = (layers, mapId) => {
         wmDim.setValue(dim.currentValue);
       }
     });
+    if (layer.name) {
+      wmjsLayer.setName(layer.name);
+    }
     return {
       layerId: layer.id,
       url: wmjsMap.getWMSGetFeatureInfoRequestURL(wmjsLayer, wmjsMap.getMapPin().getXY().x, wmjsMap.getMapPin().getXY().y, 'text/html'),
@@ -8391,7 +8592,7 @@ const GetFeatureInfoDialog = ({
     },
     minWidth: 300,
     onClose: onClose,
-    title: _showMapId ? `Event marker info ${mapId}` : 'Event marker info',
+    title: _showMapId ? `${t('feature_info_marker_info')} ${mapId}` : t('feature_info_marker_info'),
     initialMaxHeight: 440,
     isOpen: isOpen,
     "data-testid": "moveable-getfeatureinfo",
@@ -8552,6 +8753,9 @@ const GetFeatureInfoButtonConnect = ({
   mapId,
   source: _source = 'app'
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const dispatch = useDispatch();
   const gfiType = `getfeatureinfo-${mapId}`;
   const isOpenInStore = useSelector(store => uiSelectors.getisDialogOpen(store, gfiType));
@@ -8565,7 +8769,7 @@ const GetFeatureInfoButtonConnect = ({
     }));
   }, [mapId, dispatch, isOpenInStore, _source, gfiType]);
   return /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Get information for a specific location",
+    title: t('feature_info_location_info'),
     "data-testid": "open-getfeatureinfo",
     onClick: openGfiDialog,
     isActive: isOpenInStore
@@ -8592,6 +8796,9 @@ const SearchControlButtonConnect = ({
   mapId,
   source: _source = 'app'
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const dispatch = useDispatch();
   const dialogType = `${uiTypes.DialogTypes.Search}-${mapId}`;
   const currentActiveMapId = useSelector(store => uiSelectors.getDialogMapId(store, dialogType));
@@ -8606,8 +8813,8 @@ const SearchControlButtonConnect = ({
   }, [currentActiveMapId, dialogType, dispatch, isOpenInStore, mapId, _source]);
   return /*#__PURE__*/React__default.createElement(MapControlButton, {
     onClick: openSearchDialog,
-    title: "Search",
-    "aria-label": "Map search",
+    title: t('search-title'),
+    "aria-label": t('search-title-aria'),
     isActive: isOpenInStore
   }, /*#__PURE__*/React__default.createElement(Search, null));
 };
@@ -8630,7 +8837,7 @@ const SearchControlButtonConnect = ({
  * */
 const MY_LOCATION = 'MyLocation';
 const locationOptions = {
-  enableHighAccuracy: true,
+  enableHighAccuracy: false,
   timeout: 5000,
   maximumAge: 0
 };
@@ -8652,8 +8859,15 @@ const circleDrawFunction = (args, fillColor = '#88F', radius = 12) => {
   ctx.fill();
 };
 const MyMapLocation = ({
-  mapId
+  mapId,
+  isLoading,
+  hasFailed,
+  setIsLoading,
+  setHasFailed
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   const dispatch = useDispatch();
   const layersBelongsToCurrentMapId = useSelector(store => layerSelectors.getLayersByMapId(store, mapId || ''));
   const layerLocation = layersBelongsToCurrentMapId.find(layer => {
@@ -8668,13 +8882,17 @@ const MyMapLocation = ({
   const layerLocationId = (layerLocation === null || layerLocation === void 0 ? void 0 : layerLocation.id) || '';
   const circleDrawFunctionId = useRef(registerDrawFunction(circleDrawFunction));
   const handleLocationClick = () => {
+    setIsLoading(true);
     if (mapId && layerLocationId !== '') {
       dispatch(layerActions.layerDelete({
         mapId,
         layerId: layerLocationId
       }));
+      setIsLoading(false);
     } else if (navigator.geolocation && mapId && layerLocationId === '' && circleDrawFunctionId) {
       navigator.geolocation.getCurrentPosition(success => {
+        setIsLoading(false);
+        setHasFailed(false);
         const {
           coords: {
             latitude,
@@ -8711,40 +8929,70 @@ const MyMapLocation = ({
         }
         wmjsMap.calculateBoundingBoxAndZoom(latitude, longitude);
       }, error => {
-        console.warn(`Geolocation error: ${error.message}`);
+        setIsLoading(false);
+        setHasFailed(true);
+        console.warn(t('search-error', {
+          error: error.message
+        }));
       }, locationOptions);
     }
   };
-  return /*#__PURE__*/React__default.createElement(CustomIconButton, {
-    title: "Find my location",
+  const chooseIcon = () => {
+    return hasFailed ? ( /*#__PURE__*/React__default.createElement(Exclamation, {
+      style: {
+        color: 'red'
+      },
+      "aria-label": "location error"
+    })) : ( /*#__PURE__*/React__default.createElement(MyLocation, {
+      "aria-label": "location default"
+    }));
+  };
+  return /*#__PURE__*/React__default.createElement("div", null, isLoading ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CircularProgress, {
+    value: 100,
+    variant: "determinate",
+    sx: {
+      height: '100%',
+      width: '100%',
+      color: theme => theme.palette.mode === 'light' ? '#1a90ff' : '#bad4ff',
+      padding: '8px'
+    },
+    thickness: 6,
+    "aria-label": "location loading"
+  }), /*#__PURE__*/React__default.createElement(CircularProgress, {
+    variant: "indeterminate",
+    disableShrink: true,
+    sx: {
+      height: '100%',
+      width: '100%',
+      color: theme => theme.palette.mode === 'light' ? '#bad4ff' : '#414751',
+      animationDuration: '1000ms',
+      position: 'absolute',
+      left: 0,
+      [`& .${circularProgressClasses.circle}`]: {
+        strokeLinecap: 'round'
+      },
+      padding: '8px'
+    },
+    thickness: 6
+  }))) : ( /*#__PURE__*/React__default.createElement(CustomIconButton, {
+    title: t('search-find-location'),
     "aria-label": MY_LOCATION,
     onClick: handleLocationClick,
     isSelected: layerLocationId !== '',
     size: "large"
-  }, /*#__PURE__*/React__default.createElement(MyLocation, null));
+  }, chooseIcon())));
 };
 
-/* *
- * 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)
- * */
 const SearchDialog = ({
   isOpen,
   onClose,
   mapId: _mapId = ''
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
+  const [isLoading, setIsLoading] = useState(false);
+  const [hasFailed, setHasFailed] = useState(false);
   return isOpen && _mapId ? ( /*#__PURE__*/React__default.createElement(Box$1, {
     sx: {
       display: 'flex',
@@ -8759,17 +9007,21 @@ const SearchDialog = ({
       backgroundColor: theme => theme.palette.background.paper
     }
   }, /*#__PURE__*/React__default.createElement(MyMapLocation, {
-    mapId: _mapId
+    mapId: _mapId,
+    isLoading: isLoading,
+    hasFailed: hasFailed,
+    setIsLoading: setIsLoading,
+    setHasFailed: setHasFailed
   }), /*#__PURE__*/React__default.createElement(TextField, {
     id: "dummy-search-field",
-    label: "Search",
+    label: t('search-title'),
     variant: "filled",
     InputProps: {
       disableUnderline: true,
       endAdornment: ( /*#__PURE__*/React__default.createElement(InputAdornment, {
         position: "end"
       }, /*#__PURE__*/React__default.createElement(CustomIconButton, {
-        tooltipTitle: "Close",
+        tooltipTitle: t('actions-close'),
         edge: "end",
         onClick: onClose,
         size: "large"
@@ -10575,6 +10827,9 @@ const SyncGroupList = ({
   addNewGroup,
   removeGroup
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   return /*#__PURE__*/React.createElement(List, {
     disablePadding: true
   }, viewStateData.groups.map((groupObject, index) => {
@@ -10596,7 +10851,7 @@ const SyncGroupList = ({
         paddingTop: '10px'
       }
     }, /*#__PURE__*/React.createElement(Typography, null, title), /*#__PURE__*/React.createElement(CustomIconButton, {
-      tooltipTitle: index === 0 ? 'Add new group to list' : 'Remove group from list',
+      tooltipTitle: index === 0 ? t('syncgroups-add-group') : t('syncgroups-remove-group'),
       style: {
         right: '10px'
       },
@@ -10623,6 +10878,9 @@ const SyncGroupViewer = ({
   onMouseDown,
   order: _order = 0
 }) => {
+  const {
+    t
+  } = useCoreTranslation();
   /*
       _____ Handle Toggle _____
         - Handles checking, unchecking and toggling between in groups
@@ -10703,7 +10961,7 @@ const SyncGroupViewer = ({
     return null;
   }
   return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
-    title: "Sync",
+    title: t('syncgroups-title'),
     startSize: {
       width: 349,
       height: 800
@@ -10715,19 +10973,19 @@ const SyncGroupViewer = ({
     order: _order
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SyncGroupList, {
     viewStateData: syncGroupViewState.zoompane,
-    title: "ZoomPane",
+    title: t('syncgroups-zoom'),
     handleToggle: (groupId, sourceId) => handleToggle('zoompane', groupId, sourceId),
     addNewGroup: groupId => addNewGroup('zoompane', groupId),
     removeGroup: groupId => removeGroup('zoompane', groupId)
   }), /*#__PURE__*/React.createElement(SyncGroupList, {
     viewStateData: syncGroupViewState.timeslider,
-    title: "Timeslider",
+    title: t('syncgroups-timeslider'),
     handleToggle: (groupId, sourceId) => handleToggle('timeslider', groupId, sourceId),
     addNewGroup: groupId => addNewGroup('timeslider', groupId),
     removeGroup: groupId => removeGroup('timeslider', groupId)
   }), /*#__PURE__*/React.createElement(SyncGroupList, {
     viewStateData: syncGroupViewState.level,
-    title: "Level",
+    title: t('syncgroups-level'),
     handleToggle: (groupId, sourceId) => handleToggle('level', groupId, sourceId),
     addNewGroup: groupId => addNewGroup('level', groupId),
     removeGroup: groupId => removeGroup('level', groupId)
@@ -11003,6 +11261,9 @@ const Circle = styled$1('div')(({
   transform: 'translate(-50%, -50%)'
 }));
 const SentryRecordButton = () => {
+  const {
+    t
+  } = useCoreTranslation();
   const [isRecording, setIsRecording] = React__default.useState(false);
   const replay = Sentry.getReplay();
   const toggleRecord = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -11014,11 +11275,12 @@ const SentryRecordButton = () => {
       yield replay === null || replay === void 0 ? void 0 : replay.stop();
     }
   });
+  const title = isRecording ? t('sentry-stop-recording') : t('sentry-start-recording');
   return /*#__PURE__*/React__default.createElement(ErrorBoundary, {
     handlePromiseRejections: true,
     displayOnTop: true
   }, /*#__PURE__*/React__default.createElement(CustomTooltip, {
-    title: isRecording ? 'Stop Recording' : 'Start Recording'
+    title: title
   }, /*#__PURE__*/React__default.createElement(CustomIconButton, {
     variant: "flat",
     onClick: toggleRecord,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "9.17.0",
+  "version": "9.19.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/lib/components/LanguageSelect/languagesService.d.ts

@@ -1,29 +1,4 @@
 import i18n from 'i18next';
-export declare const outsideComponentTranslations: {
-    greeting: string;
-    greetingWithName: string;
-    delete: string;
-    deleteOK: string;
-    restore: string;
-} | {
-    greeting: string;
-    greetingWithName: string;
-    delete: string;
-    deleteOK: string;
-    restore: string;
-} | {
-    greeting: string;
-    greetingWithName: string;
-    delete: string;
-    deleteOK: string;
-    restore: string;
-} | {
-    greeting: string;
-    greetingWithName: string;
-    delete: string;
-    deleteOK: string;
-    restore: string;
-};
 export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;
 interface Languages {
     language: string;

package/src/lib/components/LanguageSelect/languagesService.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/DragHandle/DragHandle.d.ts

@@ -7,6 +7,5 @@ interface DragHandleProps {
     icon?: ReactNode;
     tooltipTitle?: string;
 }
-export declare const TOOLTIP_TITLE = "Drag";
 declare const DragHandle: React.FC<DragHandleProps>;
 export default DragHandle;

package/src/lib/components/Search/MyMapLocation.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 export interface MyMapLocationProps {
     mapId: string | undefined;
+    isLoading: boolean;
+    hasFailed: boolean;
+    setIsLoading: (value: boolean) => void;
+    setHasFailed: (value: boolean) => void;
 }
 export declare const MY_LOCATION = "MyLocation";
 export declare const MyMapLocation: React.FC<MyMapLocationProps>;