@opengeoweb/time-slider 19.1.0 → 19.2.0

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+import timesliderTranslations from '../locales/timeslider.json';
+export * from './lib';
+export * from './lib/Providers/Providers';
+export { TIME_SLIDER_NAMESPACE } from './lib/utils/i18n';
+export { timesliderTranslations };

package/dist/src/lib/Providers/Providers.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '@mui/material';
+import React from 'react';
+interface BaseProviderProps {
+    children?: React.ReactNode;
+    theme?: Theme;
+}
+export declare const DemoWrapper: React.FC<BaseProviderProps>;
+export {};

package/dist/src/lib/Providers/index.d.ts

@@ -0,0 +1 @@
+export * from './Providers';

package/dist/src/lib/components/TimeSlider/TimeSlider.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface TimeSliderProps {
+    buttons: React.ReactNode;
+    timeBox: React.ReactNode;
+    legend: React.ReactNode;
+    mapIsActive?: boolean;
+    onToggleTimeSlider?: (isVisible: boolean) => void;
+    isVisible?: boolean;
+    timeStep: number;
+    dataStartTime: number;
+    dataEndTime: number;
+    selectedTime: number;
+    onSetNewDate: (newDate: string) => void;
+    onSetCenterTime: (newTime: number) => void;
+}
+export declare const TimeSlider: React.FC<TimeSliderProps>;

package/dist/src/lib/components/TimeSlider/changeTimeFunctions.d.ts

@@ -0,0 +1,14 @@
+export declare const onsetNewDateDebounced: import("lodash").DebouncedFunc<(dateToSet: string, onSetNewDate: (newDate: string) => void) => void>;
+export declare const setPreviousTimeStep: (timeStep: number, currentTime: number, dataStartTime: number, onSetNewDate: (newDate: string) => void) => void;
+export declare const setNextTimeStep: (timeStep: number, currentTime: number, dataEndTime: number, onSetNewDate: (newDate: string) => void) => void;
+/**
+ * updates unfiltered selected time and moves selected time a given distance
+ * in pixels. Unfiltered selected time can be outside data data limits, but
+ * selected time cannot.
+ */
+export declare const moveSelectedTimePx: (pixelsMoved: number, canvasWidth: number, centerTime: number, dataStartTime: number, dataEndTime: number, secondsPerPx: number, timeStep: number, unfilteredSelectedTime: number, setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void) => void;
+export declare function getFilteredTime(unfilteredTime: number, timeStep?: number, dataStartTime?: number, dataEndTime?: number): number;
+/** Reusable business logic for how to handle events that set time to now (closest).
+ * Used in NowButton and TimeSliderLegend.
+ */
+export declare const handleSetNowEvent: (timeStep: number, dataStartTime: number, dataEndTime: number, currentTime: number, onSetNewDate: (newDate: string) => void, onSetCenterTime: (newTime: number) => void) => void;

package/dist/src/lib/components/TimeSlider/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TimeSlider';
+export * from './timeSliderUtils';
+export * as timeSliderUtils from './timeSliderUtils';
+export * from './changeTimeFunctions';

package/dist/src/lib/components/TimeSlider/timeSliderEffects.d.ts

@@ -0,0 +1,2 @@
+export declare const useToggleTimesliderVisibility: (mapIsActive: boolean, isVisible: boolean, onToggleTimeSlider: (isVisible: boolean) => void) => void;
+export declare const useMoveTimeWithKeyboard: (mapIsActive: boolean, timeStep: number, dataStartTime: number, dataEndTime: number, onSetNewDate: (newDate: string) => void, onSetCenterTime: (newTime: number) => void, selectedTime: number) => void;

package/dist/src/lib/components/TimeSlider/timeSliderUtils.d.ts

@@ -0,0 +1,129 @@
+import React from 'react';
+import type { CanvasComponent } from '@opengeoweb/shared';
+export interface TimeBounds {
+    startTime: number;
+    endTime: number;
+}
+export declare enum Scale {
+    Minutes5 = 0,
+    Hour = 1,
+    Hours3 = 2,
+    Hours6 = 3,
+    Day = 4,
+    Week = 5,
+    Weeks2 = 6,
+    Month = 7,
+    Months3 = 8,
+    Year = 9
+}
+export declare enum AnimationLength {
+    Minutes15 = 15,
+    Minutes30 = 30,
+    Hours1 = 60,
+    Hours2 = 120,
+    Hours3 = 180,
+    Hours6 = 360,
+    Hours12 = 720,
+    Hours24 = 1440
+}
+export type SpeedFactorType = 0.1 | 0.2 | 0.5 | 1 | 2 | 4 | 8 | 16;
+/**
+ * In this Map collection all fundamental scales
+ * (Scale.Minutes5 ... Scale.Year) are mapped with their corresponding
+ * secondsPerPx numbers.
+ * @returns a Map including information explained above
+ */
+export declare const secondsPerPxToScale: Map<number, Scale>;
+export declare const spanToScale: Map<number, Scale>;
+/**
+ * Creates a reverse mapping of scales to their corresponding secondsPerPx
+ * values to make it easier in some parts GeoWeb to fetch a secondsPerpx for
+ * a certain fundamental scale (Scale.Minutes5 ... Scale.year)
+ * @returns an Object, where names are fundamental scale values (0 - 7) and
+ * values are their corresponding secondsPerPx numbers.
+ */
+export declare const scaleToSecondsPerPx: {
+    [sc in Scale]: number;
+};
+export declare const scalingCoefficient: (end: number, start: number, width: number) => number;
+export declare const timestampToPixelEdges: (timestamp: number, start: number, end: number, width: number) => number;
+export declare const timestampToPixel: (timestamp: number, centerTime: number, widthPx: number, secondsPerPx: number) => number;
+export declare const pixelToTimestamp: (timePx: number, centerTime: number, widthPx: number, secondsPerPx: number) => number;
+/**
+ * This function creates and returns an array where there is secondsPerPx
+ * number of the data set added for a data scale (secondsPerPx)
+ * to secondsPerPxToScale.
+ * @param secondsPerPx
+ * @returns an array containing secondsPerPx numbers.
+ * The secondsPerPx number for a data scale is included
+ * contrary to secondsPerPxToScale.
+ */
+export declare const secondsPerPxValues: (secondsPerPx: number) => number[];
+export declare const secondsPerPxFromCanvasWidth: (canvasWidth: number, spanInSeconds: number) => number | undefined;
+export declare const getNewCenterOfFixedPointZoom: (fixedTimePoint: number, oldSecondsPerPx: number, newSecondsPerPx: number, oldCenterTime: number) => number;
+/**
+ * Move the time slider such that a given time point (timePoint)
+ * is at a given pixel width (timePointPx).
+ * @returns a new center time for the resulting position
+ */
+export declare const moveRelativeToTimePoint: (timePoint: number, timePointPx: number, secondsPerPx: number, canvasWidth: number) => number;
+/** This reusable custom hook tells whether given pointer event targets current canvas node.
+ * Example:
+ *
+ * const [isAllowedCanvasNodePointed, nodeRef] = useCanvasTarget('mousedown', false);
+ *  ...
+ * return isAllowedCanvasNodePointed ? (<CanvasComponent ref={nodeRef}>Component with ref</CanvasComponent>) : (<CanvasComponent>Component with NO ref</CanvasComponent>);
+ *  ...
+ */
+export declare const useCanvasTarget: (eventType: string) => [boolean, React.RefObject<CanvasComponent | null>];
+export declare const timeBoxGeom: {
+    smallWidth: number;
+    largeWidth: number;
+    height: number;
+    cornerRadius: number;
+    lineWidth: number;
+    iconWidth: number;
+    calendarWidth: number;
+};
+export declare const AUTO_MOVE_AREA_PADDING = 1;
+export declare const getAutoMoveAreaWidth: (scale: Scale) => number;
+export declare enum TimeInMinutes {
+    YEAR = 525600,
+    MONTH = 43200,
+    WEEK = 10080,
+    DAY = 1440,
+    HOUR = 60,
+    MINUTE = 1
+}
+/**
+ *
+ * @param minutes
+ * @returns the two highest values in the format yr(s) mo(s) d h m
+ */
+export declare const minutesToDescribedDuration: (minutes: number) => string;
+/**
+ * Returns the largest timeunit value divisible by minuts
+ * @param minutes
+ * @returns
+ */
+export declare function getLargestTimeUnit(minutes: number): number;
+export declare const getFundamentalScale: (secondsPerPx: number) => Scale;
+export declare const getScaleFromSpan: (span: number) => Scale;
+export declare const calculateMouseTimeAndCheckBounds: (x: number, startAnimationPosition: number, endAnimationPosition: number, DRAG_AREA_WIDTH: number, pixelsBetweenViewportAndTimesliderOnLeft: number | undefined, centerTime: number, canvasWidth: number, secondsPerPx: number, tooltipPosition: React.RefObject<number | undefined>) => number | undefined;
+export declare const defaultAnimationDelayAtStart = 250;
+export declare const defaultDelay = 1000;
+export declare const defaultTimeStep = 60;
+export declare const defaultSecondsPerPx = 80;
+export declare const defaultTimeSpan: number;
+export declare const speedFactors: SpeedFactorType[];
+export declare const roundWithTimeStep: (unixTime: number, timeStep: number, type?: string) => number;
+/**
+ * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
+ */
+export declare const getSpeedDelay: (speedFactor: SpeedFactorType) => number;
+export declare const timeSliderLegendDefaultProps: {
+    timeSliderWidth: number;
+    centerTime: number;
+    secondsPerPx: number;
+    selectedTime: number;
+};

package/dist/src/lib/components/TimeSliderButtons/AnimationLengthButton/AnimationLengthButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AnimationLength } from '../../TimeSlider/timeSliderUtils';
+interface AnimationLengthButtonProps {
+    disabled?: boolean;
+    animationLength?: AnimationLength;
+    isAuto?: boolean;
+    layerHasTimeStep?: boolean;
+    onChangeAnimationLength?: (length: number) => void;
+    toggleAnimationLengthAuto?: () => void;
+}
+export declare const AnimationLengthButton: ({ disabled, animationLength, isAuto, layerHasTimeStep, onChangeAnimationLength, toggleAnimationLengthAuto, }: AnimationLengthButtonProps) => React.ReactElement;
+export {};

package/dist/src/lib/components/TimeSliderButtons/AutoUpdateButton/AutoUpdateButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AutoUpdateButtonProps {
+    toggleAutoUpdate?: () => void;
+    disabled?: boolean;
+    isAutoUpdating?: boolean;
+}
+export declare const AutoUpdateButton: React.FC<AutoUpdateButtonProps>;
+export {};

package/dist/src/lib/components/TimeSliderButtons/BackwardForwardStepButton/BackwardForwardStepButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface BackwardForwardStepButtonProps {
+    isForwardStep?: boolean;
+    isDisabled?: boolean;
+    onClickBFButton?: () => void;
+}
+export declare const BackwardForwardStepButton: React.FC<BackwardForwardStepButtonProps>;

package/dist/src/lib/components/TimeSliderButtons/ControlButtons/ControlButtons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const ControlButtons: React.FC<{
+    backwardBtn?: React.ReactNode;
+    forwardBtn?: React.ReactNode;
+    playBtn?: React.ReactNode;
+    nowBtn?: React.ReactNode;
+    autoUpdateBtn?: React.ReactNode;
+}>;

package/dist/src/lib/components/TimeSliderButtons/HideSliderButton/HideSliderButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface HideSliderButtonProps {
+    isVisible?: boolean;
+    toggleTimeSliderIsVisible?: (isVisible: boolean) => void;
+}
+export declare const HideSliderButton: React.NamedExoticComponent<HideSliderButtonProps>;

package/dist/src/lib/components/TimeSliderButtons/NowButton/NowButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface NowButtonProps {
+    onSetNow?: () => void;
+    disabled?: boolean;
+}
+export declare const NowButton: React.FC<NowButtonProps>;
+export {};

package/dist/src/lib/components/TimeSliderButtons/OptionsMenuButton/OptionsMenu.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import React from 'react';
+export declare const OptionsMenu: FC<{
+    timeSpanBtn?: React.ReactNode;
+    timeStepBtn?: React.ReactNode;
+    speedBtn?: React.ReactNode;
+    animationLengthBtn?: React.ReactNode;
+}>;

package/dist/src/lib/components/TimeSliderButtons/OptionsMenuButton/OptionsMenuButton.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import React from 'react';
+interface OptionsMenuButtonProps {
+    speedBtn?: React.ReactNode;
+    timeStepBtn?: React.ReactNode;
+    timeSpanBtn?: React.ReactNode;
+    animationLengthBtn?: React.ReactNode;
+    isOpenByDefault?: boolean;
+    enableKeyboardShortcut?: boolean;
+}
+export declare const OptionsMenuButton: FC<OptionsMenuButtonProps>;
+export {};

package/dist/src/lib/components/TimeSliderButtons/OptionsMenuButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './OptionsMenu';
+export * from './OptionsMenuButton';

package/dist/src/lib/components/TimeSliderButtons/OptionsMenuButton/optionsMenuShortcut.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type TimeStepDirection = 'up' | 'down';
+export declare const getTimeStepShortcutDirection: (event: KeyboardEvent | React.KeyboardEvent) => TimeStepDirection | null;
+export interface TimeStepShortcutContextValue {
+    pendingDirection: TimeStepDirection | null;
+    consume: () => void;
+}
+export declare const TimeStepShortcutContext: React.Context<TimeStepShortcutContextValue | null>;
+export declare const useTimeStepShortcutListener: (enabled: boolean, onShortcut: (direction: TimeStepDirection) => void) => void;

package/dist/src/lib/components/TimeSliderButtons/PlayButton/PlayButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PlayButtonProps {
+    isAnimating?: boolean;
+    isDisabled?: boolean;
+    onTogglePlayButton?: () => void;
+}
+export declare const PlayButton: React.FC<PlayButtonProps>;

package/dist/src/lib/components/TimeSliderButtons/SpeedButton/SpeedButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SpeedButtonProps {
+    animationDelay: number;
+    setMapAnimationDelay: (delay: number) => void;
+}
+export declare const SpeedButton: React.FC<SpeedButtonProps>;

package/dist/src/lib/components/TimeSliderButtons/TimeSliderButtons.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface TimeSliderButtonsProps {
+    optionsMenuBtn?: React.ReactNode;
+    playBtn?: React.ReactNode;
+    backwardBtn?: React.ReactNode;
+    forwardBtn?: React.ReactNode;
+    nowBtn?: React.ReactNode;
+    autoUpdateBtn?: React.ReactNode;
+}
+export declare const TimeSliderButtons: React.FC<TimeSliderButtonsProps>;

package/dist/src/lib/components/TimeSliderButtons/TimeSliderMenu/TimeSliderMenu.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface Mark {
+    label?: string;
+    value: number;
+    text: string;
+}
+export interface TimeSliderMenuProps {
+    marks: Mark[];
+    value: number;
+    title: string;
+    icon: React.ReactElement;
+    allOptionsDisabled?: boolean;
+    isAutoDisabled?: boolean;
+    handleAutoClick?: () => void;
+    isAutoSelected?: boolean;
+    onChangeSliderValue?: (markValue: number) => void;
+    setOpen: (display: boolean) => void;
+    open: boolean;
+    displayCurrentLength?: boolean;
+    disbleUserSetDuration?: boolean;
+    customLengthSelector?: React.ReactNode;
+    customFieldHeader?: string;
+}
+export declare const TimeSliderMenu: ({ marks, value, allOptionsDisabled, isAutoDisabled, handleAutoClick, isAutoSelected, title, icon, onChangeSliderValue, displayCurrentLength, disbleUserSetDuration, customLengthSelector, setOpen, customFieldHeader, open, }: TimeSliderMenuProps) => React.ReactElement;

package/dist/src/lib/components/TimeSliderButtons/TimeSpanButton/TimeSpanButton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare const marks: {
+    value: number;
+    text: string;
+    count: number;
+}[];
+interface TimeSpanButtonProps {
+    timeSliderSpan: number;
+    disabled?: boolean;
+    onChangeSliderValue?: (markValue: number) => void;
+    onToggleTimeSpan?: () => void;
+    isTimeSpanAuto: boolean;
+    isOpenByDefault?: boolean;
+    layerHasTimeStep?: boolean;
+}
+export declare const TimeSpanButton: ({ timeSliderSpan, disabled, onChangeSliderValue, onToggleTimeSpan, isTimeSpanAuto, isOpenByDefault, layerHasTimeStep, }: TimeSpanButtonProps) => React.ReactElement;
+export {};

package/dist/src/lib/components/TimeSliderButtons/TimeSpanButton/TimeSpanButtonCustomSelect.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TimeSpanButtonCustomSelectProps {
+    timeSliderSpan: number;
+    setOpen: (display: boolean) => void;
+    onChangeSliderValue: (value: number) => void;
+}
+export declare const TimeSpanButtonCustomSelect: React.FC<TimeSpanButtonCustomSelectProps>;

package/dist/src/lib/components/TimeSliderButtons/TimeStepButton/TimeStepButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TimeStepButtonProps {
+    timeStep?: number;
+    disabled?: boolean;
+    isTimestepAuto?: boolean;
+    onChangeTimeStep: (step: number) => void;
+    onToggleTimestepAuto?: () => void;
+    isOpenByDefault?: boolean;
+    timeStepFromLayer?: number;
+}
+export declare const TimeStepButton: React.FC<TimeStepButtonProps>;

package/dist/src/lib/components/TimeSliderButtons/index.d.ts

@@ -0,0 +1,13 @@
+export * from './AnimationLengthButton/AnimationLengthButton';
+export * from './AutoUpdateButton/AutoUpdateButton';
+export * from './BackwardForwardStepButton/BackwardForwardStepButton';
+export * from './ControlButtons/ControlButtons';
+export * from './HideSliderButton/HideSliderButton';
+export * from './NowButton/NowButton';
+export * from './OptionsMenuButton';
+export * from './PlayButton/PlayButton';
+export * from './SpeedButton/SpeedButton';
+export * from './TimeSliderMenu/TimeSliderMenu';
+export * from './TimeSpanButton/TimeSpanButton';
+export * from './TimeStepButton/TimeStepButton';
+export * from './TimeSliderButtons';

package/dist/src/lib/components/TimeSliderCurrentTimeBox/CalendarButton/CalendarButton.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+interface CalendarButtonProps {
+    calendarIconPx: number;
+    dataStartTime: number | undefined;
+    dataEndTime: number | undefined;
+    selectedTime?: number;
+    onSelect?: (value: number | null) => void;
+}
+export declare const CalendarButton: FC<CalendarButtonProps>;
+export {};

package/dist/src/lib/components/TimeSliderCurrentTimeBox/MarkerTimeSelector/MarkerTimeSelector.d.ts

@@ -0,0 +1,24 @@
+import type { FC } from 'react';
+export interface MarkerTimeSelectorProps {
+    value?: number;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    onSelect?: (value: number | null) => void;
+    onCancel?: () => void;
+    format?: string;
+}
+export declare const enabledButUnSelectedButtonStyle: {
+    backgroundColor: string;
+    borderWidth: string;
+    borderBottomStyle: string;
+    borderRadius: number;
+    borderColor: string;
+};
+export declare const disabledButtonStyle: {
+    borderColor: string;
+    backgroundColor: string;
+    borderWidth: string;
+    borderBottomStyle: string;
+    borderRadius: number;
+};
+export declare const MarkerTimeSelector: FC<MarkerTimeSelectorProps>;

package/dist/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface TimeSliderCurrentTimeBoxProps {
+    centerTime: number;
+    secondsPerPx: number;
+    span?: number;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    timeStep?: number;
+    unfilteredSelectedTime: number;
+    linkedMapAnimationInfo?: {
+        id: string;
+        isAnimating: boolean;
+    };
+    isAutoUpdating?: boolean;
+    setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
+    onCalendarSelect: (newTime: number) => void;
+    onSetCenterTime?: (newTime: number) => void;
+}
+export declare const getTimeBoxWidth: (span: number) => number;
+export declare const TimeSliderCurrentTimeBox: React.FC<TimeSliderCurrentTimeBoxProps>;

package/dist/src/lib/components/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/dist/src/lib/components/TimeSliderCurrentTimeBox/TimeSliderCurrentTimeBoxRenderFunctions.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from '@mui/material';
+export declare const secondsInYear: number;
+export declare const renderTimeSliderCurrentTimeBox: (ctx: CanvasRenderingContext2D, theme: Theme, width: number, height: number, centerTime: number, selected: number, secondsPerPx: number, span: number, isAutoUpdating: boolean) => void;

package/dist/src/lib/components/TimeSliderCurrentTimeBox/index.d.ts

@@ -0,0 +1 @@
+export * from './TimeSliderCurrentTimeBox';

package/dist/src/lib/components/TimeSliderLegend/TimeSliderLegend.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface TimeSliderLegendProps {
+    mapId: string;
+    isTimeScrollingEnabled?: boolean;
+    mapWindowRef?: React.RefObject<HTMLElement | null>;
+    centerTime: number;
+    timeSliderWidth: number;
+    secondsPerPx: number;
+    currentTime?: number;
+    dataStartTime?: number;
+    dataEndTime?: number;
+    reduxAnimationStartTime?: string;
+    reduxAnimationEndTime?: string;
+    isTimeSliderHoverOn?: boolean;
+    timeStep?: number;
+    unfilteredSelectedTime?: number;
+    timeSliderSpan?: number;
+    setUnfilteredSelectedTime?: (unfilteredSelectedTime: number) => void;
+    onSetCenterTime?: (newTime: number) => void;
+    onSetAnimationStartTime?: (time: string) => void;
+    onSetAnimationEndTime?: (time: string) => void;
+    updateCanvasWidth?: (storeWidth: number, newWidth: number) => void;
+    isDraggingStartAnimation?: boolean;
+    setIsDraggingStartAnimation?: (isDraggingStartAnimation: boolean) => void;
+    isDraggingEndAnimation?: boolean;
+    setIsDraggingEndAnimation?: (isDraggingEndAnimation: boolean) => void;
+    onStartTimeChange?: (startTime: number) => void;
+    onEndTimeChange?: (endTime: number) => void;
+    onSetTimeSliderSpan?: (newSpan: number, newCenterTime: number) => void;
+    adjustSelectedTimeOnWheel?: ({ event, deltaY, }: {
+        event: WheelEvent | KeyboardEvent;
+        deltaY: number;
+    }) => void;
+}
+export declare const TimeSliderLegend: React.FC<TimeSliderLegendProps>;

package/dist/src/lib/components/TimeSliderLegend/drawFunctions/drawBackground.d.ts

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

package/dist/src/lib/components/TimeSliderLegend/drawFunctions/drawCurrentTime.d.ts

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

package/dist/src/lib/components/TimeSliderLegend/drawFunctions/drawNeedle.d.ts

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

package/dist/src/lib/components/TimeSliderLegend/drawFunctions/drawTimeScale.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '@mui/material';
+import { Scale } from '../../TimeSlider/timeSliderUtils';
+export declare const roundByUnitOfTime: (timeUnix: number, unit: string, roundUp?: boolean) => number;
+export declare const getRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, scale: Scale) => [number, number];
+export declare const getCustomRoundedStartAndEnd: (visibleTimeStart: number, visibleTimeEnd: number, unit: Scale) => [number, number];
+export declare const getCustomTimesteps: (roundedStart: number, roundedEnd: number, increment: string) => number[];
+export declare const drawTimeScale: (context: CanvasRenderingContext2D, theme: Theme, visibleTimeStart: number, visibleTimeEnd: number, canvasWidth: number, height: number, secondsPerPx: number) => void;

package/dist/src/lib/components/TimeSliderLegend/drawFunctions/drawTimeSliderLegend.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '@mui/material';
+export declare const drawTimeSliderLegend: (context: CanvasRenderingContext2D, theme: Theme, canvasWidth: number, height: number, centerTime: number, secondsPerPx: number, timeSliderSpan: number, selectedTimeUnix: number, currentTimeUnix: number, animationStartTime: number, animationEndTime: number, dataStartTime: number, dataEndTime: number) => void;

package/dist/src/lib/components/TimeSliderLegend/drawFunctions/index.d.ts

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

package/dist/src/lib/components/TimeSliderLegend/index.d.ts

@@ -0,0 +1 @@
+export * from './TimeSliderLegend';

package/dist/src/lib/components/TimeSliderLegend/timeSliderLegendUtils.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @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;
+export declare function convertStringTimeToUnix(time: string | undefined): number | undefined;
+export declare const timeValues: number[];
+export declare const TIME_SLIDER_LEGEND_HEIGHT = 24;
+export declare const DRAG_AREA_WIDTH = 24;
+export type ShowTooltip = 'animationStart' | 'animationEnd' | 'mousePointer' | undefined;
+export declare const isDraggingStartWithinBounds: (endPos: number, mousePosition: number) => boolean;
+export declare const isDraggingEndWithinBounds: (startPos: number, mousePosition: number, canvasWidth: number) => boolean;
+export declare const getTimeSliderLegendId: (mapId: string) => string;
+export declare const getTimeSliderLegendElement: (mapId: string) => Element | null;
+export declare const getPixelsBetweenViewportAndTimesliderOnLeft: (mapId: string) => number | undefined;
+export declare function getPositions(width: number, unfilteredSelectedTime: number | undefined, centerTime: number, secondsPerPx: number, start: number, end: number): {
+    startAnimationPosition: number;
+    endAnimationPosition: number;
+    selectedTimePosition: number;
+};

package/dist/src/lib/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components/TimeSlider';
+export * from './components/TimeSliderLegend';
+export * from './components/TimeSliderButtons';
+export * from './components/TimeSliderCurrentTimeBox';
+export * from './components/TimeSliderLegend/timeSliderLegendUtils';

package/dist/src/lib/utils/i18n.d.ts

@@ -0,0 +1,6 @@
+import i18n from 'i18next';
+import type { UseTranslationResponse } from 'react-i18next';
+export declare const TIME_SLIDER_NAMESPACE = "timeslider";
+export declare const initTimesliderI18n: () => void;
+export declare const translateInTestsAndStories: (key: string, params?: Record<string, string | number> | undefined) => string;
+export declare const useTimesliderTranslation: () => UseTranslationResponse<typeof TIME_SLIDER_NAMESPACE, typeof i18n>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/time-slider",
-  "version": "19.1.0",
+  "version": "19.2.0",
   "description": "GeoWeb time-slider library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -39,6 +39,7 @@
   },
   "files": [
     "dist",
+    "!dist/package.json",
     "README.md",
     "package.json"
   ]