@opengeoweb/core 4.4.0 → 4.6.0

package/lib/components/TimeSlider/TimeSliderClock/PopperMenu.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import type { PopperPlacement } from './TimeSliderClock';
+export declare const PopperMenu: FC<{
+    popperPlacement: PopperPlacement;
+    isPopperOpen: boolean;
+    buttonElement: HTMLDivElement | null;
+    options: JSX.Element | undefined;
+    controls: JSX.Element | undefined;
+}>;

package/lib/components/TimeSlider/TimeSliderClock/TimeSliderClock.d.ts

@@ -1,5 +1,10 @@
 import { Moment } from 'moment';
-import * as React from 'react';
-export declare const TimeSliderClock: React.FC<{
+import { FC } from 'react';
+export declare type PopperPlacement = 'right' | 'left' | 'top' | 'bottom';
+export declare const TimeSliderClock: FC<{
     time: Moment;
+    options?: JSX.Element;
+    controls?: JSX.Element;
+    hideButton?: boolean;
+    isPopperOpenByDefault?: boolean;
 }>;

package/lib/components/TimeSlider/TimeSliderClock/TimeSliderClock.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderClock/TimeSliderClock.stories.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const DemoTimeSliderClockLight: {
+export declare const DemoTimeSliderClockMenuLeftLight: {
     (): JSX.Element;
     storyName: string;
     parameters: {
@@ -12,7 +12,27 @@ export declare const DemoTimeSliderClockLight: {
         }[];
     };
 };
-export declare const DemoTimeSliderClockDark: {
+export declare const DemoTimeSliderClockMenuLeftDark: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const DemoTimeSliderClockMenuBottomLight: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const DemoTimeSliderClockMenuBottomDark: {
     (): JSX.Element;
     storyName: string;
     parameters: {

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrenTimeBox.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBox.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Scale } from '../../../store/mapStore/types';
+export interface TimeSliderCurrentTimeBoxProps {
+    centerTime: number;
+    secondsPerPx: number;
+    selectedTime?: number;
+    scale?: Scale;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    timeStep?: number;
+    unfilteredSelectedTime: number;
+    setUnfilteredSelectedTime: (unfliteredSelectedTime: number) => void;
+    onSetNewDate?: (newDate: string) => void;
+}
+declare const TimeSliderCurrentTimeBox: React.FC<TimeSliderCurrentTimeBoxProps>;
+export default TimeSliderCurrentTimeBox;

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxConnect.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { genericActions, mapActions } from '../../../store';
+import { Dimension, Layer, Scale } from '../../../store/mapStore/types';
+interface TimeSliderCurrentTimeBoxConnectComponentProps {
+    mapId: string;
+    sourceId?: string;
+    layers?: Layer[];
+    timeStep?: number;
+    dimensions?: Dimension[];
+    centerTime?: number;
+    secondsPerPx?: number;
+    scale?: Scale;
+    isAnimating?: boolean;
+    unfilteredSelectedTime?: number;
+    setTimeSliderUnfilteredSelectedTime?: typeof mapActions.setTimeSliderUnfilteredSelectedTime;
+    stopMapAnimation?: typeof mapActions.mapStopAnimation;
+    setTime?: typeof genericActions.setTime;
+}
+declare const TimeSliderCurrentTimeBoxConnect: import("react-redux").ConnectedComponent<React.FC<TimeSliderCurrentTimeBoxConnectComponentProps>, {
+    mapId: string;
+    sourceId?: string | undefined;
+    layers?: Layer[] | undefined;
+    timeStep?: number | undefined;
+    dimensions?: Dimension[] | undefined;
+    centerTime?: number | undefined;
+    secondsPerPx?: number | undefined;
+    scale?: Scale | undefined;
+    isAnimating?: boolean | undefined;
+    unfilteredSelectedTime?: number | undefined;
+    setTimeSliderUnfilteredSelectedTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderUnfilteredSelectedTimePayload, string> | undefined;
+    stopMapAnimation?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetMapAnimationStopPayload, string> | undefined;
+    setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/generic/types").SetTimePayload, string> | undefined;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
+    store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
+}>;
+export default TimeSliderCurrentTimeBoxConnect;

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxConnect.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxMouseEvents.d.ts

@@ -0,0 +1,2 @@
+export declare const onMouseMove: (x: number, width: number, selectedTime: number, centerTime: number, secondsPerPx: number, mouseDownInTimeBox: boolean, isTimeBoxArea: (location: number, timePx: number) => boolean, setCursorStyle: (style: string) => void) => void;
+export declare const onMouseDown: (x: number, width: number, selectedTime: number, centerTime: number, secondsPerPx: number, isTimeBoxArea: (location: number, timePx: number) => boolean, setCursorStyle: (style: string) => void, setMouseDownInTimeBox: (dragging: boolean) => void) => void;

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxMouseEvents.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxRenderFunctions.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../../store/mapStore/types';
+export declare const renderTimeSliderCurrentTimeBox: (ctx: CanvasRenderingContext2D, theme: Theme, width: number, height: number, centerTime: number, selected: number, secondsPerPx: number, scale: Scale) => void;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegend.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Scale } from '../../../store/mapStore/types';
 export interface TimeSliderLegendProps {
+    mapId: string;
     centerTime: number;
     secondsPerPx: number;
     dataScaleToSecondsPerPx?: number;
@@ -14,10 +15,15 @@ export interface TimeSliderLegendProps {
     isTimeSliderHoverOn?: boolean;
     timeStep?: number;
     mapIsActive?: boolean;
+    unfilteredSelectedTime?: number;
+    setUnfilteredSelectedTime: (unfliteredSelectedTime: number) => void;
     onSetNewDate?: (newDate: string) => void;
     onSetCenterTime?: (newTime: number) => void;
     onZoom?: (newSecondsPerPx: number, newCenterTime: number) => void;
+    onSetAnimationStartTime?: (time: string) => void;
+    onSetAnimationEndTime?: (time: string) => void;
 }
+export declare const DRAG_AREA_WIDTH = 24;
 declare const TimeSliderLegend: React.FC<TimeSliderLegendProps>;
 export declare const TIME_SLIDER_LEGEND_HEIGHT = 24;
 export default TimeSliderLegend;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegend.stories.d.ts

@@ -6,8 +6,20 @@ export default _default;
 export declare const TimeSliderLegendDemoLight: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };
 export declare const TimeSliderLegendDemoDark: {
     (): React.ReactElement;
     storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
 };

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegendConnect.d.ts

@@ -16,10 +16,14 @@ interface TimeSliderLegendConnectProps {
     animationStartTime?: string;
     animationEndTime?: string;
     activeWindowId?: string;
+    unfilteredSelectedTime?: number;
+    setTimeSliderUnfilteredSelectedTime?: typeof mapActions.setTimeSliderUnfilteredSelectedTime;
     stopMapAnimation?: typeof mapActions.mapStopAnimation;
     setTime?: typeof genericActions.setTime;
     mapSetTimeSliderCenterTime?: typeof mapActions.setTimeSliderCenterTime;
     mapSetTimeSliderSecondsPerPx?: typeof mapActions.setTimeSliderSecondsPerPx;
+    setAnimationStartTime?: typeof mapActions.setAnimationStartTime;
+    setAnimationEndTime?: typeof mapActions.setAnimationEndTime;
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<TimeSliderLegendConnectProps>, {
     sourceId?: string | undefined;
@@ -36,10 +40,14 @@ declare const _default: import("react-redux").ConnectedComponent<React.FC<TimeSl
     animationStartTime?: string | undefined;
     animationEndTime?: string | undefined;
     activeWindowId?: string | undefined;
+    unfilteredSelectedTime?: number | undefined;
+    setTimeSliderUnfilteredSelectedTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderUnfilteredSelectedTimePayload, string> | undefined;
     stopMapAnimation?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetMapAnimationStopPayload, string> | undefined;
     setTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/generic/types").SetTimePayload, string> | undefined;
     mapSetTimeSliderCenterTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderCenterTimePayload, string> | undefined;
     mapSetTimeSliderSecondsPerPx?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetTimeSliderSecondsPerPxPayload, string> | undefined;
+    setAnimationStartTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetAnimationStartTimePayload, string> | undefined;
+    setAnimationEndTime?: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("../../../store/mapStore/types").SetAnimationEndTimePayload, string> | undefined;
     context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").AnyAction>> | undefined;
     store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
 }>;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegendUtils.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @param x The pin location
+ * @param selectedTimePx The selected px
+ * @param width The default width of a hoverable icon (usually 24px)
+ * @returns
+ */
+export declare const isSelectedTimeIconArea: (x: number, selectedTimePx: number, width: number) => boolean;
+/**
+ * @param x The pin location
+ * @param selectedTimePx The selected px
+ * @param width The default width of a hoverable icon (usually 24px)
+ * @returns
+ */
+export declare const isRightAnimationIconArea: (x: number, rightMarkerPx: number, width: number) => boolean;
+export declare const isInsideAnimationArea: (x: number, leftMarkerPx: number, rightMarkerPx: number) => boolean;
+/**
+ * @param x The pin location
+ * @param selectedTimePx The selected px
+ * @param width The default width of a hoverable icon (usually 24px)
+ * @returns
+ */
+export declare const isLeftAnimationIconArea: (x: number, leftMarkerPx: number, width: number) => boolean;

package/lib/components/TimeSlider/TimeSliderLegend/TimeSliderLegenedUtils.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawBackground.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../../../store/mapStore/types';
+export declare const drawBackground: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, animationStartPx: number, animationEndPx: number, canvasWidth: number, height: number, scale: Scale, dataStartPx: number, dataEndPx: number, currentTimePx: number) => void;
+export declare function getColorChangeTimesteps(scale: Scale, visibleTimeStart: number, visibleTimeEnd: number): number[];

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawBackground.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawCurrentTime.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const drawCurrentTime: (context: CanvasRenderingContext2D, theme: Theme, width: number, height: number, startTime: number, endTime: number, currentTime: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawNeedle.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const drawNeedle: (context: CanvasRenderingContext2D, theme: Theme, width: number, height: number, startTime: number, endTime: number, selectedTime: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawTimeScale.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '@mui/material';
+import moment from 'moment';
+import { Scale } from '../../../../store/mapStore/types';
+export declare const roundByUnitOfTime: (timeUnix: number, scaleType: moment.unitOfTime.StartOf, roundUp?: boolean, nightTime?: boolean) => number;
+export declare const getRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, scale: Scale) => [number, number];
+export declare const getCustomRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, unit: string, nightTime?: boolean) => [number, number];
+export declare const getCustomTimesteps: (roundedStart: number, roundedEnd: number, increment: string, nightTime?: boolean) => number[];
+export declare const drawTimeScale: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, canvasWidth: number, height: number, scale: Scale, dataScaleToSecondsPerPx: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawTimeScale.spec.d.ts

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

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/drawTimeSliderLegend.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+import { Scale } from '../../../../store/mapStore/types';
+export declare const drawTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, dataScaleToSecondsPerPx: number, selectedTimeUnix: number, scale: Scale, currentTimeUnix: number, animationStartTime: number, animationEndTime: number, dataStartTime: number, dataEndTime: number) => void;

package/lib/components/TimeSlider/TimeSliderLegend/drawFunctions/index.d.ts

@@ -0,0 +1 @@
+export { drawTimeSliderLegend } from './drawTimeSliderLegend';

package/lib/components/TimeSlider/TimeSliderUtils.d.ts

@@ -1,6 +1,6 @@
 import moment from 'moment';
 import React from 'react';
-import { DateInterval } from '@opengeoweb/webmap';
+import { TimeInterval } from '@opengeoweb/webmap';
 import { Dimension, Layer, Scale, SpeedFactorType } from '../../store/mapStore/types';
 import CanvasComponent from '../CanvasComponent/CanvasComponent';
 export declare const millisecondsInSecond = 1000;
@@ -45,7 +45,7 @@ export declare const getPreviousTimeStepvalue: (value: number, min: number) => n
 export declare const setPreviousTimeStep: (timeStep: number, curTime: string, dataStartTime: number, onSetNewDate: (newDate: string) => void) => void;
 export declare const setNextTimeStep: (timeStep: number, curTime: string, dataEndTime: number, onSetNewDate: (newDate: string) => void) => void;
 export declare const getValueFromKeyboardEvent: (event: React.KeyboardEvent<HTMLInputElement>, value: number, min: number, max: number, supportFourDirectionNavigation?: boolean) => number;
-export declare const getTimeStepFromDataInterval: (timeInterval: DateInterval) => number;
+export declare const getTimeStepFromDataInterval: (timeInterval: TimeInterval) => number;
 export declare const getActiveLayerTimeStep: (timeDimension: Dimension) => number | null;
 /**
  * This function calculates a suitable secondsPerpx value,

package/lib/hooks/useSetupDialog/useSetupDialog.d.ts

@@ -5,5 +5,7 @@ export interface SetupDialogReturnValue {
     onCloseDialog: () => void;
     uiSource: uiTypes.Source;
     isDialogOpen: boolean;
+    uiIsLoading: boolean;
+    uiError: string;
 }
 export declare const useSetupDialog: (dialogType: uiTypes.DialogType) => SetupDialogReturnValue;

package/lib/index.d.ts

@@ -6,7 +6,7 @@ import { reducer as layerReducer } from './store/mapStore/layers/reducer';
 import synchronizationGroupConfig from './store/generic/config';
 import * as SyncGroups from './store/generic/synchronizationGroups';
 import coreModuleConfig from './store/coreModuleConfig';
-import { LayerManagerConnect, LayerManagerMapButtonConnect } from './components/LayerManager';
+import { LayerManagerConnect, LayerSelectConnect, LayerManagerMapButtonConnect } from './components/LayerManager';
 import { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect } from './components/MultiMapDimensionSelect';
 export * from './hooks';
 export * from './components/MultiMapView/MultiMapViewConnect';
@@ -38,10 +38,10 @@ export declare const mapActions: {
     setAnimationEndTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAnimationEndTimePayload, string>;
     setSelectedFeature: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetSelectedFeaturePayload, string>;
     setAnimationDelay: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAnimationDelayPayload, string>;
-    setAnimationInterval: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAnimationIntervalPayload, string>;
     layerMoveLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.MoveLayerPayload, string>;
     setActiveLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetActiveLayerIdPayload, string>;
     setTimeSliderCenterTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderCenterTimePayload, string>;
+    setTimeSliderUnfilteredSelectedTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderUnfilteredSelectedTimePayload, string>;
     setTimeSliderSecondsPerPx: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderSecondsPerPxPayload, string>;
     setTimeSliderDataScaleToSecondsPerPx: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetTimeSliderDataScaleToSecondsPerPxPayload, string>;
     toggleAutoUpdate: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.ToggleAutoUpdatePayload, string>;
@@ -53,9 +53,8 @@ export declare const mapActions: {
     setDisableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.DisableMapPinPayload, string>;
     toggleMapPinIsVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.ToggleMapPinIsVisiblePayload, string>;
     setActiveMapPresetId: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetActiveMapPresetPayload, string>;
-    setIsMapPresetLoading: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetIsMapPresetLoadingPayload, string>;
     setHasMapPresetChanges: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetIsMapPresetHasChangesPayload, string>;
-    setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetMapPresetErrorPayload, string>;
+    toggleDockedLayerManager: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.ToggleDockedLayerManagedPayload, string>;
     addLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddLayerPayload, string>;
     layerChangeDimension: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayerDimensionPayload, string>;
     layerChangeEnabled: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayerEnabledPayload, string>;
@@ -72,7 +71,7 @@ export declare const mapActions: {
     layerSetDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetLayerDimensionsPayload, string>;
     addAvailableBaseLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddAvailableBaseLayerPayload, string>;
     addAvailableBaseLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddAvailableBaseLayersPayload, string>;
-    setAvailableBaseLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.AddAvailableBaseLayersPayload, string>;
+    setAvailableBaseLayers: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.SetAvailableBaseLayersPayload, string>;
     onUpdateLayerInformation: import("@reduxjs/toolkit").ActionCreatorWithPayload<mapTypes.UpdateLayerInfoPayload, string>;
 };
 export { mapSelectors, mapTypes, mapUtils, layerReducer, layerActions, uiActions, uiSelectors, uiTypes, genericActions as syncGroupActions, snackbarActions, };
@@ -85,7 +84,7 @@ export { SyncGroups };
 export { store } from './storybookUtils/store';
 export * from './types/types';
 export { coreModuleConfig };
-export { LayerManagerConnect, LayerManagerMapButtonConnect };
+export { LayerManagerConnect, LayerSelectConnect, LayerManagerMapButtonConnect, };
 export { MultiDimensionSelectMapButtonsConnect, MultiMapDimensionSelectConnect, };
 export * as publicLayers from './utils/publicLayers';
 export * as publicServices from './utils/publicServices';

package/lib/store/layerSelect/types.d.ts

@@ -18,13 +18,17 @@ export interface ActiveServiceType {
     byId: ActiveServices;
     allIds: string[];
 }
+export declare enum FilterType {
+    Keyword = "keywords",
+    Group = "groups"
+}
 export interface Filter {
     id: string;
     name: string;
     amount?: number;
     amountVisible?: number;
     checked?: boolean;
-    type: 'keyword' | 'group';
+    type: FilterType;
 }
 export interface FiltersById {
     [key: string]: Filter;

package/lib/store/mapStore/layers/types.d.ts

@@ -144,7 +144,9 @@ export interface AddAvailableBaseLayersPayload {
     layers: ReduxLayer[];
     origin?: string;
 }
-export declare type SetAvailableBaseLayersPayload = AddAvailableBaseLayersPayload;
+export interface SetAvailableBaseLayersPayload extends AddAvailableBaseLayersPayload {
+    mapId: string;
+}
 export interface ErrorLayerPayload extends LayerPayload {
     error: Error;
 }

package/lib/store/mapStore/map/reducer.d.ts

@@ -1,6 +1,6 @@
 import { PayloadAction } from '@reduxjs/toolkit';
-import { WebMapState, SetActiveLayerIdPayload, SetBboxPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderScalePayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetSelectedFeaturePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderCenterTimePayload, SetTimeSliderDataScaleToSecondsPerPxPayload, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSliderHoverPayload, MapPinLocationPayload, DisableMapPinPayload, SetActiveMapPresetPayload, SetTimeSliderSecondsPerPxPayload, UpdateAllMapDimensionsPayload, SetIsMapPresetLoadingPayload, SetIsMapPresetHasChangesPayload, SetMapPresetErrorPayload, ToggleTimeSliderIsVisiblePayload, SetAnimationIntervalPayload } from './types';
-import { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
+import { WebMapState, SetActiveLayerIdPayload, SetBboxPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderScalePayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetSelectedFeaturePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderCenterTimePayload, SetTimeSliderDataScaleToSecondsPerPxPayload, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSliderHoverPayload, MapPinLocationPayload, DisableMapPinPayload, SetActiveMapPresetPayload, SetTimeSliderSecondsPerPxPayload, UpdateAllMapDimensionsPayload, SetIsMapPresetHasChangesPayload, ToggleTimeSliderIsVisiblePayload } from './types';
+import { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload, ToggleDockedLayerManagedPayload, SetTimeSliderUnfilteredSelectedTimePayload } from '../types';
 /**
  * Checks if the layer id is already taken in one of the maps.
  * @param state The WebMapState
@@ -32,10 +32,10 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setAnimationEndTime: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetAnimationEndTimePayload>) => void;
     setSelectedFeature: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetSelectedFeaturePayload>) => void;
     setAnimationDelay: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetAnimationDelayPayload>) => void;
-    setAnimationInterval: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetAnimationIntervalPayload>) => void;
     layerMoveLayer: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<MoveLayerPayload>) => void;
     setActiveLayerId: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetActiveLayerIdPayload>) => void;
     setTimeSliderCenterTime: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderCenterTimePayload>) => void;
+    setTimeSliderUnfilteredSelectedTime: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderUnfilteredSelectedTimePayload>) => void;
     setTimeSliderSecondsPerPx: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderSecondsPerPxPayload>) => void;
     setTimeSliderDataScaleToSecondsPerPx: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetTimeSliderDataScaleToSecondsPerPxPayload>) => void;
     toggleAutoUpdate: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<ToggleAutoUpdatePayload>) => void;
@@ -47,9 +47,8 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setDisableMapPin: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<DisableMapPinPayload>) => void;
     toggleMapPinIsVisible: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<ToggleMapPinIsVisiblePayload>) => void;
     setActiveMapPresetId: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetActiveMapPresetPayload>) => void;
-    setIsMapPresetLoading: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetIsMapPresetLoadingPayload>) => void;
     setHasMapPresetChanges: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetIsMapPresetHasChangesPayload>) => void;
-    setMapPresetError: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<SetMapPresetErrorPayload>) => void;
+    toggleDockedLayerManager: (draft: import("immer/dist/internal").WritableDraft<WebMapState>, action: PayloadAction<ToggleDockedLayerManagedPayload>) => void;
 }, "mapReducer">;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -70,10 +69,10 @@ export declare const mapActions: {
     setAnimationEndTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetAnimationEndTimePayload, string>;
     setSelectedFeature: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetSelectedFeaturePayload, string>;
     setAnimationDelay: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetAnimationDelayPayload, string>;
-    setAnimationInterval: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetAnimationIntervalPayload, string>;
     layerMoveLayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<MoveLayerPayload, string>;
     setActiveLayerId: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetActiveLayerIdPayload, string>;
     setTimeSliderCenterTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderCenterTimePayload, string>;
+    setTimeSliderUnfilteredSelectedTime: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderUnfilteredSelectedTimePayload, string>;
     setTimeSliderSecondsPerPx: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderSecondsPerPxPayload, string>;
     setTimeSliderDataScaleToSecondsPerPx: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetTimeSliderDataScaleToSecondsPerPxPayload, string>;
     toggleAutoUpdate: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleAutoUpdatePayload, string>;
@@ -85,8 +84,7 @@ export declare const mapActions: {
     setDisableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<DisableMapPinPayload, string>;
     toggleMapPinIsVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleMapPinIsVisiblePayload, string>;
     setActiveMapPresetId: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetActiveMapPresetPayload, string>;
-    setIsMapPresetLoading: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetIsMapPresetLoadingPayload, string>;
     setHasMapPresetChanges: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetIsMapPresetHasChangesPayload, string>;
-    setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetMapPresetErrorPayload, string>;
+    toggleDockedLayerManager: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleDockedLayerManagedPayload, string>;
 };
 export declare const reducer: import("redux").Reducer<WebMapState, import("redux").AnyAction>;

package/lib/store/mapStore/map/selectors.d.ts

@@ -483,6 +483,27 @@ export declare const getMapTimeSliderCenterTime: ((state: {
 }> & {
     clearCache: () => void;
 };
+/**
+ * Returns the unflitered selected time of time slider
+ * This is not used to set the selected time itself, which is controlled by TimeBounds where values are rounded.
+ *
+ * Example: selectedTime = getTimeSliderUnfliteredSelectedTime(store, 'mapid_1')
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {number} returnType: number - unfiltered selected time as a unix timestamp
+ */
+export declare const getTimeSliderUnfilteredSelectedTime: ((state: {
+    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState | undefined;
+    ui?: UIStoreType | undefined;
+    webmap?: WebMapState | undefined;
+    services?: import("../types").ServiceState | undefined;
+    layers?: import("../types").LayerState | undefined;
+    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType | undefined;
+}, params_0: string) => number | null | undefined) & import("reselect").OutputSelectorFields<(args_0: WebMap) => number & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Returns the number of seconds per pixel on the time slider
  *
@@ -866,26 +887,6 @@ export declare const getMapPreset: ((state: {
 }> & {
     clearCache: () => void;
 };
-/**
- * Returns the loading state of the map preset
- *
- * Example getIsMapPresetLoading(store, mapId);
- * @param {object} store store: object - store object
- * @param {string} mapId mapId: string - Id of the map
- * @returns {boolean} returnType: boolean
- */
-export declare const getIsMapPresetLoading: ((state: {
-    syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState | undefined;
-    ui?: UIStoreType | undefined;
-    webmap?: WebMapState | undefined;
-    services?: import("../types").ServiceState | undefined;
-    layers?: import("../types").LayerState | undefined;
-    layerSelect?: import("../../layerSelect/types").LayerSelectStoreType | undefined;
-}, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: WebMap) => boolean & {
-    clearCache: () => void;
-}> & {
-    clearCache: () => void;
-};
 /**
  * Returns the has changes state of the map preset
  *
@@ -907,21 +908,21 @@ export declare const getHasMapPresetChanges: ((state: {
     clearCache: () => void;
 };
 /**
- * Returns the error state of the map preset
+ * Returns whether the docked layer manager is open
  *
- * Example getMapPresetError(store, mapId);
+ * Example getIsDockedLayerManagerOpen(store, mapId);
  * @param {object} store store: object - store object
  * @param {string} mapId mapId: string - Id of the map
- * @returns {Error} returnType: string
+ * @returns {Boolean} returnType: boolean
  */
-export declare const getMapPresetError: ((state: {
+export declare const getIsDockedLayerManagerOpen: ((state: {
     syncronizationGroupStore?: import("../../generic/synchronizationGroups/types").SynchronizationGroupState | undefined;
     ui?: UIStoreType | undefined;
     webmap?: WebMapState | undefined;
     services?: import("../types").ServiceState | undefined;
     layers?: import("../types").LayerState | undefined;
     layerSelect?: import("../../layerSelect/types").LayerSelectStoreType | undefined;
-}, params_0: string) => string | undefined) & import("reselect").OutputSelectorFields<(args_0: WebMap) => string & {
+}, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: WebMap) => boolean & {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/lib/store/mapStore/map/types.d.ts

@@ -1,4 +1,4 @@
-import { DateInterval } from '@opengeoweb/webmap';
+import { TimeInterval } from '@opengeoweb/webmap';
 import type { Layer, LayerActionOrigin } from '../types';
 export interface Dimension {
     name?: string;
@@ -6,11 +6,14 @@ export interface Dimension {
     currentValue: string;
     maxValue?: string;
     minValue?: string;
-    timeInterval?: DateInterval;
+    timeInterval?: TimeInterval;
     synced?: boolean;
     validSyncSelection?: boolean;
     values?: string;
 }
+export interface DockedLayerManager {
+    isOpen: boolean;
+}
 export interface WebMap {
     id: string;
     isAnimating: boolean;
@@ -29,6 +32,7 @@ export interface WebMap {
     timeStep?: number;
     animationDelay?: number;
     timeSliderCenterTime?: number;
+    timeSliderUnfilteredSelectedTime?: number;
     timeSliderSecondsPerPx?: number;
     timeSliderDataScaleToSecondsPerPx?: number;
     isTimestepAuto?: boolean;
@@ -40,10 +44,9 @@ export interface WebMap {
     displayMapPin?: boolean;
     selectedFeatureIndex?: number;
     activeMapPresetId?: string;
-    isMapPresetLoading?: boolean;
     hasMapPresetChanges?: boolean;
-    mapPresetError?: string;
     legendId?: string;
+    dockedLayerManager: DockedLayerManager;
 }
 export interface WebMapState {
     byId: Record<string, WebMap>;
@@ -70,6 +73,16 @@ export declare enum Scale {
     Year = 7,
     DataScale = 8
 }
+export declare enum AnimationLength {
+    Minutes15 = 15,
+    Minutes30 = 30,
+    Hours1 = 60,
+    Hours2 = 120,
+    Hours3 = 180,
+    Hours6 = 360,
+    Hours12 = 720,
+    Hours24 = 1440
+}
 export declare type SpeedFactorType = 0.1 | 0.2 | 0.5 | 1 | 2 | 4 | 8 | 16;
 export interface AnimationPayloadType {
     duration?: number;
@@ -169,10 +182,6 @@ export interface SetAnimationEndTimePayload {
     mapId: string;
     animationEndTime: string;
 }
-export interface SetAnimationIntervalPayload {
-    mapId: string;
-    interval: number;
-}
 export interface ToggleTimestepAutoPayload {
     mapId: string;
     timestepAuto: boolean;
@@ -191,6 +200,10 @@ export interface SetTimeSliderCenterTimePayload {
     mapId: string;
     timeSliderCenterTime: number;
 }
+export interface SetTimeSliderUnfilteredSelectedTimePayload {
+    mapId: string;
+    timeSliderUnfilteredSelectedTime: number;
+}
 export interface SetTimeSliderSecondsPerPxPayload {
     mapId: string;
     timeSliderSecondsPerPx: number;
@@ -227,15 +240,11 @@ export interface SetActiveMapPresetPayload {
     mapId: string;
     presetId: string;
 }
-export interface SetIsMapPresetLoadingPayload {
-    mapId: string;
-    isLoading: boolean;
-}
 export interface SetIsMapPresetHasChangesPayload {
     mapId: string;
     hasChanges: boolean;
 }
-export interface SetMapPresetErrorPayload {
+export interface ToggleDockedLayerManagedPayload {
     mapId: string;
-    error: string;
+    openDockedLayerManager: boolean;
 }