@opengeoweb/core 4.12.0 → 4.13.1

package/index.umd.js

@@ -5363,6 +5363,9 @@
     var syncGroupGetViewState = toolkit.createSelector(syncGroupStore, function (store) {
       return store.viewState;
     });
+    var getSyncedMapIdsForTimeslider = toolkit.createSelector(syncGroupStore, function (store) {
+      return store.viewState.timeslider.groups[0].selected;
+    }, selectorMemoizationOptions);
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -8347,12 +8350,12 @@
       });
     }
     function setLayerDimensionsSaga(_a) {
-      var layerDimensions, dimensions, layerId, layer, newTimeDimension, mapId, activeLayerId, shouldAutoUpdate, shouldEndTimeOverride, prevTimeDimension, isAnimating$1, webmapInstance, isActiveLayer, timeStep, isTimestepAuto$1, newTimeStep, error_1;
+      var layerDimensions, dimensions, layerId, layer, newTimeDimension_1, mapId, activeLayerId, shouldAutoUpdate, shouldEndTimeOverride, prevTimeDimension, isAnimating$1, webmapInstance, isActiveLayer, timeStep, isTimestepAuto$1, newTimeStep, syncedMapIds, error_1;
       var payload = _a.payload;
       return __generator(this, function (_b) {
         switch (_b.label) {
           case 0:
-            _b.trys.push([0, 17,, 18]);
+            _b.trys.push([0, 20,, 21]);
 
             layerDimensions = payload.layerDimensions;
             if (!layerDimensions) return [2
@@ -8368,7 +8371,7 @@
             if (!layer) return [2
             /*return*/
             ];
-            newTimeDimension = dimensions.find(function (dimension) {
+            newTimeDimension_1 = dimensions.find(function (dimension) {
               return dimension.name === 'time';
             });
             mapId = layer.mapId;
@@ -8416,10 +8419,10 @@
 
           case 8:
             isTimestepAuto$1 = _b.sent();
-            if (!(isTimestepAuto$1 && isActiveLayer && timeStep === undefined && newTimeDimension)) return [3
+            if (!(isTimestepAuto$1 && isActiveLayer && timeStep === undefined && newTimeDimension_1)) return [3
             /*break*/
             , 10];
-            newTimeStep = getActiveLayerTimeStep(newTimeDimension);
+            newTimeStep = getActiveLayerTimeStep(newTimeDimension_1);
             if (!newTimeStep) return [3
             /*break*/
             , 10];
@@ -8437,9 +8440,9 @@
 
           case 10:
             if (!(isActiveLayer && // only update the active layer
-            shouldAutoUpdate && newTimeDimension && newTimeDimension.maxValue && prevTimeDimension && prevTimeDimension.currentValue && prevTimeDimension.currentValue !== newTimeDimension.maxValue && !shouldEndTimeOverride)) return [3
+            shouldAutoUpdate && newTimeDimension_1 && newTimeDimension_1.maxValue && prevTimeDimension && prevTimeDimension.currentValue && prevTimeDimension.currentValue !== newTimeDimension_1.maxValue && !shouldEndTimeOverride)) return [3
             /*break*/
-            , 14];
+            , 17];
             if (!!isAnimating$1) return [3
             /*break*/
             , 12];
@@ -8450,7 +8453,7 @@
               origin: LayerActionOrigin.setLayerDimensionSaga,
               dimension: {
                 name: 'time',
-                currentValue: newTimeDimension.maxValue
+                currentValue: newTimeDimension_1.maxValue
               }
             }))];
 
@@ -8462,42 +8465,69 @@
           case 12:
             return [4
             /*yield*/
-            , effects.call(updateAnimation, mapId, newTimeDimension.maxValue)];
+            , effects.select(getSyncedMapIdsForTimeslider)];
 
           case 13:
+            syncedMapIds = _b.sent();
+            if (!syncedMapIds) return [3
+            /*break*/
+            , 15]; // Change time value for all other timesliders
+
+            return [4
+            /*yield*/
+            , effects.all(syncedMapIds.map(function (syncedMapId) {
+              return effects.put(setTime({
+                origin: 'mapStore saga',
+                sourceId: syncedMapId,
+                value: newTimeDimension_1.maxValue
+              }));
+            }))];
+
+          case 14:
+            // Change time value for all other timesliders
+            _b.sent();
+
+            _b.label = 15;
+
+          case 15:
+            return [4
+            /*yield*/
+            , effects.call(updateAnimation, mapId, newTimeDimension_1.maxValue)];
+
+          case 16:
             _b.sent();
 
             return [3
             /*break*/
-            , 16];
+            , 19];
 
-          case 14:
-            if (!(isAnimating$1 && !webmapInstance.isAnimating && newTimeDimension && newTimeDimension.maxValue && !shouldEndTimeOverride)) return [3
+          case 17:
+            if (!(isAnimating$1 && !webmapInstance.isAnimating && newTimeDimension_1 && newTimeDimension_1.maxValue && !shouldEndTimeOverride)) return [3
             /*break*/
-            , 16];
+            , 19];
             return [4
             /*yield*/
-            , effects.call(updateAnimation, mapId, newTimeDimension.maxValue)];
+            , effects.call(updateAnimation, mapId, newTimeDimension_1.maxValue)];
 
-          case 15:
+          case 18:
             _b.sent();
 
-            _b.label = 16;
+            _b.label = 19;
 
-          case 16:
+          case 19:
             return [3
             /*break*/
-            , 18];
+            , 21];
 
-          case 17:
+          case 20:
             error_1 = _b.sent(); // eslint-disable-next-line no-console
 
             console.warn(error_1);
             return [3
             /*break*/
-            , 18];
+            , 21];
 
-          case 18:
+          case 21:
             return [2
             /*return*/
             ];
@@ -8505,20 +8535,20 @@
       });
     }
     function toggleAutoUpdateSaga(_a) {
-      var shouldAutoUpdate, mapId, layerId, timeDimension, error_2;
+      var shouldAutoUpdate, mapId_1, layerId, timeDimension_1, syncedMapIds, payloads, error_2;
       var payload = _a.payload;
       return __generator(this, function (_b) {
         switch (_b.label) {
           case 0:
-            _b.trys.push([0, 6,, 7]);
+            _b.trys.push([0, 10,, 11]);
 
-            shouldAutoUpdate = payload.shouldAutoUpdate, mapId = payload.mapId;
+            shouldAutoUpdate = payload.shouldAutoUpdate, mapId_1 = payload.mapId;
             if (!shouldAutoUpdate) return [3
             /*break*/
-            , 5];
+            , 9];
             return [4
             /*yield*/
-            , effects.select(getActiveLayerId, mapId)];
+            , effects.select(getActiveLayerId, mapId_1)];
 
           case 1:
             layerId = _b.sent();
@@ -8527,10 +8557,10 @@
             , effects.select(getLayerTimeDimension, layerId)];
 
           case 2:
-            timeDimension = _b.sent();
-            if (!(timeDimension && timeDimension.maxValue)) return [3
+            timeDimension_1 = _b.sent();
+            if (!(timeDimension_1 && timeDimension_1.maxValue)) return [3
             /*break*/
-            , 5];
+            , 9];
             return [4
             /*yield*/
             , effects.put(layerActions.layerChangeDimension({
@@ -8538,7 +8568,7 @@
               origin: LayerActionOrigin.toggleAutoUpdateSaga,
               dimension: {
                 name: 'time',
-                currentValue: timeDimension.maxValue
+                currentValue: timeDimension_1.maxValue
               }
             }))];
 
@@ -8547,27 +8577,74 @@
 
             return [4
             /*yield*/
-            , effects.call(updateAnimation, mapId, timeDimension.maxValue)];
+            , effects.select(getSyncedMapIdsForTimeslider)];
 
           case 4:
+            syncedMapIds = _b.sent();
+            if (!(syncedMapIds.length > 0)) return [3
+            /*break*/
+            , 7];
+            return [4
+            /*yield*/
+            , effects.all(syncedMapIds.map(function (syncedMapId) {
+              return effects.put(setTime({
+                origin: 'mapStore saga',
+                sourceId: syncedMapId,
+                value: timeDimension_1.maxValue
+              }));
+            }))];
+
+          case 5:
             _b.sent();
 
-            _b.label = 5;
+            payloads = syncedMapIds.reduce(function (syncedMapIdList, syncedMapId) {
+              if (syncedMapId !== mapId_1) {
+                return syncedMapIdList.concat({
+                  mapId: syncedMapId,
+                  shouldAutoUpdate: false
+                });
+              }
 
-          case 5:
-            return [3
+              return syncedMapIdList;
+            }, []);
+            if (!(payloads.length > 0)) return [3
             /*break*/
             , 7];
+            return [4
+            /*yield*/
+            , effects.all(payloads.map(function (payload) {
+              return effects.put(mapActions$1.toggleAutoUpdate(payload));
+            }))];
 
           case 6:
+            _b.sent();
+
+            _b.label = 7;
+
+          case 7:
+            return [4
+            /*yield*/
+            , effects.call(updateAnimation, mapId_1, timeDimension_1.maxValue)];
+
+          case 8:
+            _b.sent();
+
+            _b.label = 9;
+
+          case 9:
+            return [3
+            /*break*/
+            , 11];
+
+          case 10:
             error_2 = _b.sent(); // eslint-disable-next-line no-console
 
             console.warn(error_2);
             return [3
             /*break*/
-            , 7];
+            , 11];
 
-          case 7:
+          case 11:
             return [2
             /*return*/
             ];
@@ -9793,9 +9870,6 @@
         onClick: function onClick() {
           return onChangeSize(sizeSmall);
         },
-        onTouchEnd: function onTouchEnd() {
-          return onChangeSize(sizeSmall);
-        },
         sx: iconStyle,
         className: "collapseSmall-btn"
       }, /*#__PURE__*/React__namespace.createElement(theme.CollapseSmall, null))), /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
@@ -9806,9 +9880,6 @@
         onClick: function onClick() {
           return onChangeSize(sizeMedium);
         },
-        onTouchEnd: function onTouchEnd() {
-          return onChangeSize(sizeMedium);
-        },
         sx: iconStyle,
         className: "collapseMedium-btn"
       }, /*#__PURE__*/React__namespace.createElement(theme.CollapseMedium, null))), /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
@@ -9819,9 +9890,6 @@
         onClick: function onClick() {
           return onChangeSize(sizeLarge);
         },
-        onTouchEnd: function onTouchEnd() {
-          return onChangeSize(sizeLarge);
-        },
         sx: iconStyle,
         className: "collapseLarge-btn"
       }, /*#__PURE__*/React__namespace.createElement(theme.CollapseLarge, null))), /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
@@ -9833,9 +9901,6 @@
         sx: iconStyle,
         onClick: function onClick() {
           return onClickDockButton();
-        },
-        onTouchEnd: function onTouchEnd() {
-          return onClickDockButton();
         }
       }, isDockedLayerManager ? /*#__PURE__*/React__namespace.createElement(theme.CollapseWindow, {
         "data-testid": "dockedLayerManager-collapse"
@@ -9923,39 +9988,39 @@
     }, !shared.IS_JEST && {
       '@container (max-width: 320px)': {
         '.layermanager': {
-          '.column-1:not(.container-query-polyfill)': {
+          '.column-1': {
             width: '100%'
           },
-          '.enable-btn-mini:not(.container-query-polyfill)': {
+          '.enable-btn-mini': {
             display: 'inline-flex'
           },
-          '.activateLayer-btn:not(.container-query-polyfill), .enable-btn:not(.container-query-polyfill), .column-2:not(.container-query-polyfill), .column-3:not(.container-query-polyfill), .column-4:not(.container-query-polyfill), .column-5:not(.container-query-polyfill), .column-6:not(.container-query-polyfill), .column-7:not(.container-query-polyfill)': {
+          '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7': {
             display: 'none'
           },
-          '#mappresets-menubutton:not(.container-query-polyfill), .addLayer-column:not(.container-query-polyfill)': {
+          '#mappresets-menubutton, .addLayer-column': {
             display: 'none'
           },
-          '.descriptionRow:not(.container-query-polyfill)': {
+          '.descriptionRow': {
             height: 6,
-            '.MuiButtonBase-root:not(.container-query-polyfill)': {
+            '.MuiButtonBase-root': {
               display: 'none'
             }
           }
         },
         '.header-layermanager': {
-          '.header-left:not(.container-query-polyfill), .header-title:not(.container-query-polyfill)': {
+          '.header-left, .header-title': {
             display: 'none'
           },
-          '&>div:not(.container-query-polyfill)': {
+          '&>div': {
             justifyContent: 'flex-end',
             padding: 0,
             height: 24
           },
-          '.header-right:not(.container-query-polyfill)': {
+          '.header-right': {
             maxWidth: '100%',
             flexBasis: '100%'
           },
-          '.collapseSmall-btn:not(.container-query-polyfill)': {
+          '.collapseSmall-btn': {
             display: 'none'
           }
         }
@@ -9963,31 +10028,31 @@
       // sizes: medium
       '@container (max-width: 600px)': {
         '.layermanager': {
-          '.column-3:not(.container-query-polyfill), .column-4:not(.container-query-polyfill), .column-5:not(.container-query-polyfill), .column-6:not(.container-query-polyfill), .column-7:not(.container-query-polyfill)': {
+          '.column-3, .column-4, .column-5, .column-6, .column-7': {
             display: 'none'
           },
-          '.column-2:not(.container-query-polyfill)': {
+          '.column-2': {
             width: "calc((100% - " + iconButtonSize * 3 + "px) )"
           },
           // presets
-          '.header-layer.mappresetsModule-enabled:not(.container-query-polyfill)': {
+          '.header-layer.mappresetsModule-enabled': {
             display: 'none'
           },
-          '.header-mapPresets:not(.container-query-polyfill)': {
+          '.header-mapPresets': {
             display: 'block',
-            '.MuiButtonBase-root:not(.container-query-polyfill)': {
+            '.MuiButtonBase-root': {
               height: 24,
-              '.MuiBox-root:not(.container-query-polyfill)': {
+              '.MuiBox-root': {
                 textAlign: 'center'
               }
             }
           }
         },
         '.header-layermanager': {
-          '.mapPresets-btn:not(.container-query-polyfill)': {
+          '.mapPresets-btn': {
             display: 'none'
           },
-          '.collapseLarge-btn:not(.container-query-polyfill)': {
+          '.collapseLarge-btn': {
             display: 'inline-flex'
           }
         }
@@ -9995,26 +10060,26 @@
       // specific queries for medium layermanager
       '@container (max-width: 600px) and (min-width: 321px)': {
         '.layermanager': {
-          '.medium-layermanager:not(.container-query-polyfill)': {
+          '.medium-layermanager': {
             display: 'block'
           }
         },
-        '.deleteBtnMedium:not(.container-query-polyfill)': {
+        '.deleteBtnMedium': {
           display: 'inline-flex!important',
-          '&+button:not(.container-query-polyfill)': {
+          '&+button': {
             display: 'none'
           }
         },
         '.layerRow': {
-          '.column-1:not(.container-query-polyfill)': {
+          '.column-1': {
             display: 'none'
           },
-          '.column-2:not(.container-query-polyfill)': {
+          '.column-2': {
             display: 'none'
           }
         },
         '.header-layermanager': {
-          '.collapseMedium-btn:not(.container-query-polyfill)': {
+          '.collapseMedium-btn': {
             display: 'none'
           }
         }
@@ -13747,7 +13812,8 @@
         fullWidth: true,
         sx: {
           fontSize: '12px'
-        }
+        },
+        className: "layerAddRemoveButton"
       }, !foundLayer ? 'Add' : 'Remove');
     };
 
@@ -13799,6 +13865,9 @@
             serviceName: serviceName
           })
         }));
+        dispatch(uiActions.orderDialog({
+          type: DialogTypes.LayerInfo
+        }));
       }, [dispatch, layer, serviceName]);
 
       var onClick = function onClick() {
@@ -13821,7 +13890,8 @@
         active: isActive && isOpenInStore,
         onClick: onClick,
         id: "layerInfoButton",
-        "aria-label": "layer info"
+        "aria-label": "layer info",
+        className: "layerInfoButton"
       }, /*#__PURE__*/React__default["default"].createElement(theme.Info, null));
     };
 
@@ -15447,7 +15517,7 @@
           showTitle = _a.showTitle,
           isOpen = _a.isOpen,
           _c = _a.onMouseDown,
-          onMouseDown = _c === void 0 ? function () {} : _c,
+          _onMouseDown = _c === void 0 ? function () {} : _c,
           _d = _a.order,
           order = _d === void 0 ? 0 : _d,
           _e = _a.source,
@@ -15457,6 +15527,7 @@
         width: 750,
         height: 500
       } : _f;
+
       var initialServiceListHeight = 37;
 
       var _g = __read(React__namespace.useState(startSize.height), 2),
@@ -15509,7 +15580,18 @@
         headerSize: "small",
         bounds: bounds,
         "data-testid": "layerSelectWindow",
-        onMouseDown: onMouseDown,
+        onMouseDown: function onMouseDown(event) {
+          var target = event.target;
+          var isButtonInScrollableList = target.closest('.layerInfoButton') || target.closest('.layerAddRemoveButton'); // don't propagate when clicking on layerInfoButton or addRemoveButton
+
+          if (isButtonInScrollableList) {
+            event.stopPropagation();
+            event.preventDefault();
+            return;
+          }
+
+          _onMouseDown(event);
+        },
         order: order,
         source: source
       }, /*#__PURE__*/React__namespace.createElement(material.Box, {
@@ -27506,7 +27588,11 @@
     exports.DockedLayerManagerConnect = DockedLayerManagerConnect;
     exports.HarmonieTempAndPrecipPreset = HarmonieTempAndPrecipPreset;
     exports.LayerManager = LayerManager;
+    exports.LayerManagerBaseLayerRow = BaseLayerRow;
     exports.LayerManagerConnect = LayerManagerConnect;
+    exports.LayerManagerDescriptionRow = DescriptionRow;
+    exports.LayerManagerHeaderOptions = HeaderOptions;
+    exports.LayerManagerLayerContainerRow = LayerContainerRow;
     exports.LayerManagerMapButtonConnect = LayerManagerMapButtonConnect;
     exports.LayerSelectConnect = LayerSelectConnect;
     exports.Legend = Legend;
@@ -27525,7 +27611,12 @@
     exports.SnackbarWrapperConnect = SnackbarWrapperConnect;
     exports.SyncGroupViewerConnect = SyncGroupViewerConnect;
     exports.SyncGroups = index;
+    exports.TimeSlider = TimeSlider;
+    exports.TimeSliderBackwardForwardStepButtonConnect = BackwardForwardStepButtonConnect;
+    exports.TimeSliderButtonsConnect = TimeSliderButtonsConnect;
     exports.TimeSliderConnect = TimeSliderConnect;
+    exports.TimeSliderOptionsMenuButtonConnect = OptionsMenuButtonConnect;
+    exports.TimeSliderPlayButtonConnect = PlayButtonConnect;
     exports.ZoomControlConnect = ZoomControlConnect;
     exports.ZoomControls = ZoomControls;
     exports.appActions = appActions;