@itwin/imodel-components-react 5.19.0 → 5.20.0

package/lib/imodel-components-react/timeline/SolarTimeline.js

@@ -39,152 +39,23 @@ function Timeline(props) {
  * @alpha
  */
 export class SolarTimeline extends React.PureComponent {
+    _requestFrame = 0;
+    _unmounted = false;
+    _timeLastCycle = 0;
+    _totalPlayTime = 0;
+    _presetColors = [
+        ColorDef.create(ColorByName.grey),
+        ColorDef.create(ColorByName.lightGrey),
+        ColorDef.create(ColorByName.darkGrey),
+        ColorDef.create(ColorByName.lightBlue),
+        ColorDef.create(ColorByName.lightGreen),
+        ColorDef.create(ColorByName.darkGreen),
+        ColorDef.create(ColorByName.tan),
+        ColorDef.create(ColorByName.darkBrown),
+    ];
+    _speeds = [1, 2, 3, 4, 5, 6];
     constructor(props) {
         super(props);
-        this._requestFrame = 0;
-        this._unmounted = false;
-        this._timeLastCycle = 0;
-        this._totalPlayTime = 0;
-        this._presetColors = [
-            ColorDef.create(ColorByName.grey),
-            ColorDef.create(ColorByName.lightGrey),
-            ColorDef.create(ColorByName.darkGrey),
-            ColorDef.create(ColorByName.lightBlue),
-            ColorDef.create(ColorByName.lightGreen),
-            ColorDef.create(ColorByName.darkGreen),
-            ColorDef.create(ColorByName.tan),
-            ColorDef.create(ColorByName.darkBrown),
-        ];
-        this._speeds = [1, 2, 3, 4, 5, 6];
-        // recursively update the animation until we hit the end or the pause button is clicked
-        this._updateAnimation = (_timestamp) => {
-            if (!this.state.isPlaying || this._unmounted) {
-                window.cancelAnimationFrame(this._requestFrame);
-                return;
-            }
-            const currentTime = new Date().getTime();
-            this._totalPlayTime += currentTime - this._timeLastCycle;
-            this._timeLastCycle = currentTime;
-            let percentComplete = this._totalPlayTime / this.state.adjustedDuration;
-            if (percentComplete > 1)
-                percentComplete = 1;
-            let newPlayingState = true;
-            // calculate the next sun time base on the percentage playback complete - should be int value as that is step amount for slider
-            let nextSunOffset = Math.floor(this.state.sunRiseOffsetMs + percentComplete * this.state.sunDeltaMs);
-            if (percentComplete > 0.99) {
-                if (!this.state.loop) {
-                    newPlayingState = false;
-                    nextSunOffset = this.state.sunSetOffsetMs;
-                    window.cancelAnimationFrame(this._requestFrame);
-                }
-                else {
-                    nextSunOffset = this.state.sunRiseOffsetMs;
-                    this._totalPlayTime = 0;
-                }
-            }
-            if (this.props.dataProvider.onTimeChanged) {
-                const currentSunTime = new Date(this.state.dayStartMs + nextSunOffset);
-                this.props.dataProvider.onTimeChanged(currentSunTime);
-            }
-            this.setState({ isPlaying: newPlayingState, currentTimeOffsetMs: nextSunOffset }, () => {
-                if (newPlayingState)
-                    this._requestFrame = window.requestAnimationFrame(this._updateAnimation);
-            });
-        };
-        // user clicked pause button
-        this._onPause = () => {
-            if (!this.state.isPlaying)
-                return;
-            const currentTime = new Date().getTime();
-            this._totalPlayTime += currentTime - this._timeLastCycle;
-            // stop requesting frames
-            window.cancelAnimationFrame(this._requestFrame);
-            // stop playing
-            this.setState({ isPlaying: false });
-            if (this.props.onPlayPause)
-                this.props.onPlayPause(false);
-        };
-        // user clicked play button
-        this._onPlay = () => {
-            if (this.state.isPlaying)
-                return;
-            if (this.state.currentTimeOffsetMs >= this.state.sunSetOffsetMs ||
-                this.state.currentTimeOffsetMs <= this.state.sunRiseOffsetMs) {
-                this._totalPlayTime = 0;
-                this._play(this.state.sunRiseOffsetMs);
-            }
-            else {
-                this._play(this.state.currentTimeOffsetMs);
-            }
-        };
-        this._onDateChange = (newDate) => {
-            this.props.dataProvider.setDateAndTime(newDate);
-            const dayStartMs = this.props.dataProvider.dayStartMs;
-            const sunRiseOffsetMs = this.props.dataProvider.sunrise.getTime() - dayStartMs;
-            const sunSetOffsetMs = this.props.dataProvider.sunset.getTime() - dayStartMs;
-            const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;
-            /** call dataProvider to update display style */
-            // this.props.dataProvider.onTimeChanged?.(this.props.dataProvider.timeOfDay);
-            // Update time
-            const newHours = newDate.getHours();
-            const newMinutes = newDate.getMinutes();
-            const newSunTime = newHours * msPerHour + newMinutes * msPerMinute;
-            const dateWithNewTime = new Date(dayStartMs + newSunTime);
-            // this.props.dataProvider.setDateAndTime(dateWithNewTime, true);
-            const currentTimeOffsetMs = this.ensureRange(newSunTime, sunRiseOffsetMs, sunSetOffsetMs);
-            this.setPlaybackTimeBySunTime(currentTimeOffsetMs, sunRiseOffsetMs, sunDeltaMs);
-            this._timeLastCycle = new Date().getTime();
-            this.props.dataProvider.onTimeChanged?.(dateWithNewTime);
-            this.setState({
-                dayStartMs,
-                sunRiseOffsetMs,
-                sunSetOffsetMs,
-                currentTimeOffsetMs,
-                sunDeltaMs,
-                isDateOpened: false,
-            });
-        };
-        this._onCloseSettingsPopup = () => {
-            this.setState({ isSettingsOpened: false });
-        };
-        this._onOpenSettingsPopup = () => {
-            this.setState((prevState) => ({
-                isSettingsOpened: !prevState.isSettingsOpened,
-            }));
-        };
-        this._onUpdate = (values) => {
-            if (!this.state.isPlaying)
-                this.processSunTimeChange(values[0]);
-        };
-        this._onChange = (values) => {
-            if (!this.state.isPlaying)
-                this.processSunTimeChange(values[0]);
-        };
-        this._onSpeedChange = (value) => {
-            const adjustedDuration = this.state.duration / value;
-            this.setState({ speed: value, adjustedDuration });
-        };
-        this._onToggleLoop = () => {
-            this.setState((prevState) => ({ loop: !prevState.loop }));
-        };
-        this._formatTime = (ms) => {
-            const date = new Date(ms);
-            const amLabel = UiComponents.translate("time.am");
-            const pmLabel = UiComponents.translate("time.pm");
-            // convert project date to browser locale date
-            const localTime = adjustDateToTimezone(date, this.props.dataProvider.timeZoneOffset * 60);
-            let hours = localTime.getHours();
-            const minutes = date.getMinutes();
-            const abbrev = hours < 12 ? amLabel : hours === 24 ? amLabel : pmLabel;
-            hours = hours > 12 ? hours - 12 : hours;
-            const hoursStr = hours.toLocaleString(undefined, {
-                minimumIntegerDigits: 2,
-            });
-            const minutesStr = minutes.toLocaleString(undefined, {
-                minimumIntegerDigits: 2,
-            });
-            return `${hoursStr}:${minutesStr} ${abbrev}`;
-        };
         const dayStartMs = this.props.dataProvider.dayStartMs;
         const sunRiseOffsetMs = this.props.dataProvider.sunrise.getTime() - dayStartMs;
         const sunSetOffsetMs = this.props.dataProvider.sunset.getTime() - dayStartMs;
@@ -218,6 +89,41 @@ export class SolarTimeline extends React.PureComponent {
         window.cancelAnimationFrame(this._requestFrame);
         this._unmounted = true;
     }
+    // recursively update the animation until we hit the end or the pause button is clicked
+    _updateAnimation = (_timestamp) => {
+        if (!this.state.isPlaying || this._unmounted) {
+            window.cancelAnimationFrame(this._requestFrame);
+            return;
+        }
+        const currentTime = new Date().getTime();
+        this._totalPlayTime += currentTime - this._timeLastCycle;
+        this._timeLastCycle = currentTime;
+        let percentComplete = this._totalPlayTime / this.state.adjustedDuration;
+        if (percentComplete > 1)
+            percentComplete = 1;
+        let newPlayingState = true;
+        // calculate the next sun time base on the percentage playback complete - should be int value as that is step amount for slider
+        let nextSunOffset = Math.floor(this.state.sunRiseOffsetMs + percentComplete * this.state.sunDeltaMs);
+        if (percentComplete > 0.99) {
+            if (!this.state.loop) {
+                newPlayingState = false;
+                nextSunOffset = this.state.sunSetOffsetMs;
+                window.cancelAnimationFrame(this._requestFrame);
+            }
+            else {
+                nextSunOffset = this.state.sunRiseOffsetMs;
+                this._totalPlayTime = 0;
+            }
+        }
+        if (this.props.dataProvider.onTimeChanged) {
+            const currentSunTime = new Date(this.state.dayStartMs + nextSunOffset);
+            this.props.dataProvider.onTimeChanged(currentSunTime);
+        }
+        this.setState({ isPlaying: newPlayingState, currentTimeOffsetMs: nextSunOffset }, () => {
+            if (newPlayingState)
+                this._requestFrame = window.requestAnimationFrame(this._updateAnimation);
+        });
+    };
     _play(sunTimeMs) {
         this._timeLastCycle = new Date().getTime();
         // start playing
@@ -227,11 +133,72 @@ export class SolarTimeline extends React.PureComponent {
                 this.props.onPlayPause(true);
         });
     }
+    // user clicked pause button
+    _onPause = () => {
+        if (!this.state.isPlaying)
+            return;
+        const currentTime = new Date().getTime();
+        this._totalPlayTime += currentTime - this._timeLastCycle;
+        // stop requesting frames
+        window.cancelAnimationFrame(this._requestFrame);
+        // stop playing
+        this.setState({ isPlaying: false });
+        if (this.props.onPlayPause)
+            this.props.onPlayPause(false);
+    };
+    // user clicked play button
+    _onPlay = () => {
+        if (this.state.isPlaying)
+            return;
+        if (this.state.currentTimeOffsetMs >= this.state.sunSetOffsetMs ||
+            this.state.currentTimeOffsetMs <= this.state.sunRiseOffsetMs) {
+            this._totalPlayTime = 0;
+            this._play(this.state.sunRiseOffsetMs);
+        }
+        else {
+            this._play(this.state.currentTimeOffsetMs);
+        }
+    };
     setPlaybackTimeBySunTime(sunOffsetMs, sunRiseOffsetMs, sunDeltaMs, adjustedDuration) {
         this._totalPlayTime =
             ((sunOffsetMs - sunRiseOffsetMs) / sunDeltaMs) *
                 (adjustedDuration ? adjustedDuration : this.state.adjustedDuration);
     }
+    _onDateChange = (newDate) => {
+        this.props.dataProvider.setDateAndTime(newDate);
+        const dayStartMs = this.props.dataProvider.dayStartMs;
+        const sunRiseOffsetMs = this.props.dataProvider.sunrise.getTime() - dayStartMs;
+        const sunSetOffsetMs = this.props.dataProvider.sunset.getTime() - dayStartMs;
+        const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;
+        /** call dataProvider to update display style */
+        // this.props.dataProvider.onTimeChanged?.(this.props.dataProvider.timeOfDay);
+        // Update time
+        const newHours = newDate.getHours();
+        const newMinutes = newDate.getMinutes();
+        const newSunTime = newHours * msPerHour + newMinutes * msPerMinute;
+        const dateWithNewTime = new Date(dayStartMs + newSunTime);
+        // this.props.dataProvider.setDateAndTime(dateWithNewTime, true);
+        const currentTimeOffsetMs = this.ensureRange(newSunTime, sunRiseOffsetMs, sunSetOffsetMs);
+        this.setPlaybackTimeBySunTime(currentTimeOffsetMs, sunRiseOffsetMs, sunDeltaMs);
+        this._timeLastCycle = new Date().getTime();
+        this.props.dataProvider.onTimeChanged?.(dateWithNewTime);
+        this.setState({
+            dayStartMs,
+            sunRiseOffsetMs,
+            sunSetOffsetMs,
+            currentTimeOffsetMs,
+            sunDeltaMs,
+            isDateOpened: false,
+        });
+    };
+    _onCloseSettingsPopup = () => {
+        this.setState({ isSettingsOpened: false });
+    };
+    _onOpenSettingsPopup = () => {
+        this.setState((prevState) => ({
+            isSettingsOpened: !prevState.isSettingsOpened,
+        }));
+    };
     ensureRange(value, min, max) {
         return Math.max(Math.min(value, max), min);
     }
@@ -251,6 +218,39 @@ export class SolarTimeline extends React.PureComponent {
             this._totalPlayTime = percentComplete * this.state.adjustedDuration;
         });
     }
+    _onUpdate = (values) => {
+        if (!this.state.isPlaying)
+            this.processSunTimeChange(values[0]);
+    };
+    _onChange = (values) => {
+        if (!this.state.isPlaying)
+            this.processSunTimeChange(values[0]);
+    };
+    _onSpeedChange = (value) => {
+        const adjustedDuration = this.state.duration / value;
+        this.setState({ speed: value, adjustedDuration });
+    };
+    _onToggleLoop = () => {
+        this.setState((prevState) => ({ loop: !prevState.loop }));
+    };
+    _formatTime = (ms) => {
+        const date = new Date(ms);
+        const amLabel = UiComponents.translate("time.am");
+        const pmLabel = UiComponents.translate("time.pm");
+        // convert project date to browser locale date
+        const localTime = adjustDateToTimezone(date, this.props.dataProvider.timeZoneOffset * 60);
+        let hours = localTime.getHours();
+        const minutes = date.getMinutes();
+        const abbrev = hours < 12 ? amLabel : hours === 24 ? amLabel : pmLabel;
+        hours = hours > 12 ? hours - 12 : hours;
+        const hoursStr = hours.toLocaleString(undefined, {
+            minimumIntegerDigits: 2,
+        });
+        const minutesStr = minutes.toLocaleString(undefined, {
+            minimumIntegerDigits: 2,
+        });
+        return `${hoursStr}:${minutesStr} ${abbrev}`;
+    };
     getLocalTime(ticks) {
         const projectTime = new Date(ticks);
         // convert project date to browser locale date

package/lib/imodel-components-react/timeline/SolarTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolarTimeline.js","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/SolarTimeline.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Timeline\n */\n\nimport \"./SolarTimeline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ColorByName, ColorDef } from \"@itwin/core-common\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { adjustDateToTimezone, UiComponents } from \"@itwin/components-react\";\nimport {\n  Button,\n  ColorBuilder,\n  ColorInputPanel,\n  ColorPalette,\n  ColorPicker,\n  DatePicker,\n  Flex,\n  Icon,\n  IconButton,\n  Label,\n  Popover,\n  Select,\n  Slider,\n  Text,\n  Tooltip,\n  VisuallyHidden,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgCalendar,\n  SvgLoop,\n  SvgMoon,\n  SvgSettings,\n  SvgSun,\n} from \"@itwin/itwinui-icons-react\";\nimport type { SolarDataProvider } from \"./interfaces.js\";\nimport { UiIModelComponents } from \"../UiIModelComponents.js\";\nimport { PlayButton } from \"./PlayButton.js\";\nimport { useTranslation } from \"../useTranslation.js\";\n\nconst msPerMinute = 1000 * 60;\nconst msPerHour = msPerMinute * 60;\nconst defaultPlaybackDuration = 40 * 1000;\n\nconst offset = 6;\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface TimelineProps extends CommonProps {\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  currentTimeOffsetMs: number;\n  isPlaying: boolean;\n  formatTick?: (ms: number) => string;\n  formatTime: (ms: number) => string;\n  onChange?: (values: ReadonlyArray<number>) => void;\n  onUpdate?: (values: ReadonlyArray<number>) => void;\n}\n\nfunction Timeline(props: TimelineProps) {\n  const {\n    formatTick,\n    formatTime,\n    onChange,\n    onUpdate,\n    dayStartMs,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n  } = props;\n\n  const tooltipContent = formatTime(dayStartMs + currentTimeOffsetMs);\n\n  const className = classnames(\n    \"solar-timeline\",\n    props.className,\n    formatTick && \"showticks\"\n  );\n  const sunRiseStr = formatTime(dayStartMs + sunRiseOffsetMs);\n  const sunSetStr = formatTime(dayStartMs + sunSetOffsetMs);\n  return (\n    <div className={className}>\n      <VisuallyHidden>Solar timeline</VisuallyHidden>\n      <Slider\n        thumbProps={() => ({ \"aria-labelledby\": \"timeline\" })}\n        step={msPerMinute}\n        min={sunRiseOffsetMs}\n        max={sunSetOffsetMs}\n        minLabel={\n          <Tooltip content={sunRiseStr}>\n            <Icon>\n              <SvgSun />\n            </Icon>\n          </Tooltip>\n        }\n        maxLabel={\n          <Tooltip content={sunSetStr}>\n            <Icon>\n              <SvgMoon />\n            </Icon>\n          </Tooltip>\n        }\n        onUpdate={onUpdate}\n        onChange={onChange}\n        values={[currentTimeOffsetMs]}\n        tooltipProps={() => ({\n          content: tooltipContent,\n        })}\n      />\n    </div>\n  );\n}\n\ninterface SolarTimelineComponentProps {\n  dataProvider: SolarDataProvider; // provides date, sunrise, sunset in ms, also contains timezone offset from UTC, and updates the display style to current time.\n  onPlayPause?: (playing: boolean) => void; // callback triggered when play/pause button is pressed\n  duration?: number; // playback duration in milliseconds\n  speed?: number;\n}\n\ninterface SolarTimelineComponentState {\n  isPlaying: boolean; // timeline is currently playing or paused\n  isDateOpened: boolean; // date picker is opened\n  isSettingsOpened: boolean; // settings popup is opened\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  sunDeltaMs: number;\n  currentTimeOffsetMs: number;\n  speed: number;\n  loop: boolean;\n  shadowColor: ColorDef;\n  duration: number; // playback duration in milliseconds\n  adjustedDuration: number; // playback duration in milliseconds/ speed\n}\n\n/** Solar Timeline\n * @alpha\n */\nexport class SolarTimeline extends React.PureComponent<\n  SolarTimelineComponentProps,\n  SolarTimelineComponentState\n> {\n  private _requestFrame = 0;\n  private _unmounted = false;\n  private _timeLastCycle = 0;\n  private _totalPlayTime = 0;\n\n  private readonly _presetColors = [\n    ColorDef.create(ColorByName.grey),\n    ColorDef.create(ColorByName.lightGrey),\n    ColorDef.create(ColorByName.darkGrey),\n    ColorDef.create(ColorByName.lightBlue),\n    ColorDef.create(ColorByName.lightGreen),\n    ColorDef.create(ColorByName.darkGreen),\n    ColorDef.create(ColorByName.tan),\n    ColorDef.create(ColorByName.darkBrown),\n  ];\n\n  private readonly _speeds = [1, 2, 3, 4, 5, 6];\n\n  constructor(props: SolarTimelineComponentProps) {\n    super(props);\n\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n    const sunOffsetMs =\n      this.props.dataProvider.timeOfDay.getTime() - dayStartMs;\n    const currentTimeOffsetMs = this.ensureRange(\n      sunOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    const shadowColor = this.props.dataProvider.shadowColor;\n    const duration = this.props.duration\n      ? this.props.duration\n      : defaultPlaybackDuration;\n    const speed = this.props.speed ? this.props.speed : 2;\n    const adjustedDuration = duration / speed;\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs,\n      adjustedDuration\n    );\n\n    this.state = {\n      isDateOpened: false,\n      isSettingsOpened: false,\n      isPlaying: false,\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      sunDeltaMs,\n      currentTimeOffsetMs,\n      speed,\n      loop: false,\n      shadowColor,\n      duration,\n      adjustedDuration,\n    };\n  }\n\n  public override componentWillUnmount() {\n    window.cancelAnimationFrame(this._requestFrame);\n    this._unmounted = true;\n  }\n\n  // recursively update the animation until we hit the end or the pause button is clicked\n  private _updateAnimation = (_timestamp: number) => {\n    if (!this.state.isPlaying || this._unmounted) {\n      window.cancelAnimationFrame(this._requestFrame);\n      return;\n    }\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n    this._timeLastCycle = currentTime;\n    let percentComplete = this._totalPlayTime / this.state.adjustedDuration;\n    if (percentComplete > 1) percentComplete = 1;\n\n    let newPlayingState = true;\n\n    // calculate the next sun time base on the percentage playback complete - should be int value as that is step amount for slider\n    let nextSunOffset = Math.floor(\n      this.state.sunRiseOffsetMs + percentComplete * this.state.sunDeltaMs\n    );\n\n    if (percentComplete > 0.99) {\n      if (!this.state.loop) {\n        newPlayingState = false;\n        nextSunOffset = this.state.sunSetOffsetMs;\n        window.cancelAnimationFrame(this._requestFrame);\n      } else {\n        nextSunOffset = this.state.sunRiseOffsetMs;\n        this._totalPlayTime = 0;\n      }\n    }\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(this.state.dayStartMs + nextSunOffset);\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState(\n      { isPlaying: newPlayingState, currentTimeOffsetMs: nextSunOffset },\n      () => {\n        if (newPlayingState)\n          this._requestFrame = window.requestAnimationFrame(\n            this._updateAnimation\n          );\n      }\n    );\n  };\n\n  private _play(sunTimeMs: number) {\n    this._timeLastCycle = new Date().getTime();\n\n    // start playing\n    this.setState({ isPlaying: true, currentTimeOffsetMs: sunTimeMs }, () => {\n      this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n      if (this.props.onPlayPause) this.props.onPlayPause(true);\n    });\n  }\n\n  // user clicked pause button\n  private _onPause = () => {\n    if (!this.state.isPlaying) return;\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n\n    // stop requesting frames\n    window.cancelAnimationFrame(this._requestFrame);\n\n    // stop playing\n    this.setState({ isPlaying: false });\n\n    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\n    if (this.state.isPlaying) return;\n\n    if (\n      this.state.currentTimeOffsetMs >= this.state.sunSetOffsetMs ||\n      this.state.currentTimeOffsetMs <= this.state.sunRiseOffsetMs\n    ) {\n      this._totalPlayTime = 0;\n      this._play(this.state.sunRiseOffsetMs);\n    } else {\n      this._play(this.state.currentTimeOffsetMs);\n    }\n  };\n\n  private setPlaybackTimeBySunTime(\n    sunOffsetMs: number,\n    sunRiseOffsetMs: number,\n    sunDeltaMs: number,\n    adjustedDuration?: number\n  ) {\n    this._totalPlayTime =\n      ((sunOffsetMs - sunRiseOffsetMs) / sunDeltaMs) *\n      (adjustedDuration ? adjustedDuration : this.state.adjustedDuration);\n  }\n\n  private _onDateChange = (newDate: Date) => {\n    this.props.dataProvider.setDateAndTime(newDate);\n\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n\n    /** call dataProvider to update display style */\n    // this.props.dataProvider.onTimeChanged?.(this.props.dataProvider.timeOfDay);\n\n    // Update time\n    const newHours = newDate.getHours();\n    const newMinutes = newDate.getMinutes();\n    const newSunTime = newHours * msPerHour + newMinutes * msPerMinute;\n    const dateWithNewTime = new Date(dayStartMs + newSunTime);\n    // this.props.dataProvider.setDateAndTime(dateWithNewTime, true);\n\n    const currentTimeOffsetMs = this.ensureRange(\n      newSunTime,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs\n    );\n    this._timeLastCycle = new Date().getTime();\n\n    this.props.dataProvider.onTimeChanged?.(dateWithNewTime);\n    this.setState({\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      currentTimeOffsetMs,\n      sunDeltaMs,\n      isDateOpened: false,\n    });\n  };\n\n  private _onCloseSettingsPopup = () => {\n    this.setState({ isSettingsOpened: false });\n  };\n\n  private _onOpenSettingsPopup = () => {\n    this.setState((prevState) => ({\n      isSettingsOpened: !prevState.isSettingsOpened,\n    }));\n  };\n\n  private ensureRange(value: number, min: number, max: number): number {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  private processSunTimeChange(sunTime: number) {\n    if (sunTime === this.state.currentTimeOffsetMs) return;\n\n    const currentTimeOffsetMs = this.ensureRange(\n      sunTime,\n      this.state.sunRiseOffsetMs,\n      this.state.sunSetOffsetMs\n    );\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(\n        this.state.dayStartMs + currentTimeOffsetMs\n      );\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState({ currentTimeOffsetMs }, () => {\n      const currentTime = new Date().getTime();\n      this._timeLastCycle = currentTime;\n      const percentComplete =\n        (currentTimeOffsetMs - this.state.sunRiseOffsetMs) /\n        this.state.sunDeltaMs;\n      this._totalPlayTime = percentComplete * this.state.adjustedDuration;\n    });\n  }\n\n  private _onUpdate = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onChange = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onSpeedChange = (value: number) => {\n    const adjustedDuration = this.state.duration / value;\n    this.setState({ speed: value, adjustedDuration });\n  };\n\n  private _onToggleLoop = () => {\n    this.setState((prevState) => ({ loop: !prevState.loop }));\n  };\n\n  private _formatTime = (ms: number) => {\n    const date = new Date(ms);\n    const amLabel = UiComponents.translate(\"time.am\");\n    const pmLabel = UiComponents.translate(\"time.pm\");\n    // convert project date to browser locale date\n    const localTime = adjustDateToTimezone(\n      date,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n    let hours = localTime.getHours();\n    const minutes = date.getMinutes();\n    const abbrev = hours < 12 ? amLabel : hours === 24 ? amLabel : pmLabel;\n    hours = hours > 12 ? hours - 12 : hours;\n    const hoursStr = hours.toLocaleString(undefined, {\n      minimumIntegerDigits: 2,\n    });\n    const minutesStr = minutes.toLocaleString(undefined, {\n      minimumIntegerDigits: 2,\n    });\n    return `${hoursStr}:${minutesStr} ${abbrev}`;\n  };\n\n  public getLocalTime(ticks: number): Date {\n    const projectTime = new Date(ticks);\n    // convert project date to browser locale date\n    return adjustDateToTimezone(\n      projectTime,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n  }\n\n  public override render() {\n    const { dataProvider } = this.props;\n    const {\n      speed: currentSpeed,\n      loop,\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n    } = this.state;\n    const months = [\n      UiComponents.translate(\"month.short.january\"),\n      UiComponents.translate(\"month.short.february\"),\n      UiComponents.translate(\"month.short.march\"),\n      UiComponents.translate(\"month.short.april\"),\n      UiComponents.translate(\"month.short.may\"),\n      UiComponents.translate(\"month.short.june\"),\n      UiComponents.translate(\"month.short.july\"),\n      UiComponents.translate(\"month.short.august\"),\n      UiComponents.translate(\"month.short.september\"),\n      UiComponents.translate(\"month.short.october\"),\n      UiComponents.translate(\"month.short.november\"),\n      UiComponents.translate(\"month.short.december\"),\n    ];\n\n    const localTime = this.getLocalTime(\n      this.state.dayStartMs + this.state.currentTimeOffsetMs\n    );\n    const formattedTime = this._formatTime(\n      dataProvider.dayStartMs + currentTimeOffsetMs\n    );\n    const formattedDate = `${\n      months[localTime.getMonth()]\n    }, ${localTime.getDate()}`;\n\n    return (\n      <div className=\"solar-timeline-wrapper\">\n        <Flex flexWrap=\"wrap\" gap=\"none\" className=\"solar-timeline-start\">\n          <PlayButton\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <Popover\n            content={\n              <DatePicker\n                date={localTime}\n                onChange={this._onDateChange}\n                showTime\n                use12Hours\n              />\n            }\n            visible={this.state.isDateOpened}\n            onVisibleChange={(isDateOpened) => {\n              this.setState({ isDateOpened });\n            }}\n            placement=\"top\"\n            middleware={{\n              offset,\n            }}\n          >\n            <CalendarButton\n              onClick={() => {\n                const isDateOpened = !this.state.isDateOpened;\n                this.setState({ isDateOpened });\n              }}\n            >\n              {formattedDate} @ {formattedTime}\n            </CalendarButton>\n          </Popover>\n        </Flex>\n\n        <Timeline\n          dayStartMs={dataProvider.dayStartMs}\n          sunSetOffsetMs={sunSetOffsetMs}\n          sunRiseOffsetMs={sunRiseOffsetMs}\n          currentTimeOffsetMs={currentTimeOffsetMs}\n          onChange={this._onChange}\n          onUpdate={this._onUpdate}\n          formatTime={this._formatTime}\n          isPlaying={this.state.isPlaying}\n        />\n\n        <Flex\n          justifyContent=\"flex-end\"\n          flexWrap=\"wrap\"\n          gap=\"none\"\n          className=\"solar-timeline-end\"\n        >\n          <VisuallyHidden>\n            <Label htmlFor=\"speed\">Timeline speed</Label>\n          </VisuallyHidden>\n          <Tooltip\n            content={UiIModelComponents.translate(\"solartimeline.speed\")}\n          >\n            <Select\n              native\n              styleType=\"borderless\"\n              triggerProps={{\n                name: \"speed\",\n              }}\n              onChange={(newValue) => this._onSpeedChange(Number(newValue))}\n              value={currentSpeed.toString()}\n              options={this._speeds.map((speed) => ({\n                value: speed.toString(),\n                label: `${speed}x`,\n              }))}\n            />\n          </Tooltip>\n\n          <IconButton\n            styleType=\"borderless\"\n            label={UiIModelComponents.translate(\"timeline.repeat\")}\n            onClick={this._onToggleLoop}\n            isActive={loop}\n          >\n            <SvgLoop />\n          </IconButton>\n\n          <Popover\n            content={\n              <ColorPicker\n                selectedColor={this.state.shadowColor.colors}\n                onChangeComplete={(color) => {\n                  const colorDef = ColorDef.create(color.toTbgr());\n                  this.setState(\n                    { shadowColor: colorDef },\n                    () => (this.props.dataProvider.shadowColor = colorDef)\n                  );\n                }}\n              >\n                <Text variant=\"title\" as=\"h2\" style={{ textAlign: \"center\" }}>\n                  {UiIModelComponents.translate(\"solarsettings.shadowcolor\")}\n                </Text>\n                <ColorBuilder />\n                <ColorInputPanel defaultColorFormat=\"hsl\" />\n                <ColorPalette\n                  colors={this._presetColors.map((color) => color.colors)}\n                />\n              </ColorPicker>\n            }\n            placement=\"top\"\n            middleware={{\n              offset,\n            }}\n          >\n            <IconButton\n              styleType=\"borderless\"\n              data-testid=\"shadow-settings-button\"\n              label={UiIModelComponents.translate(\"timeline.settings\")}\n              onClick={this._onOpenSettingsPopup}\n            >\n              <SvgSettings />\n            </IconButton>\n          </Popover>\n        </Flex>\n      </div>\n    );\n  }\n}\n\ninterface CalendarButtonProps {\n  children?: React.ReactNode;\n  onClick?: () => void;\n}\n\nconst CalendarButton = React.forwardRef<HTMLButtonElement, CalendarButtonProps>(\n  function CalendarButton({ children, onClick }, ref) {\n    const { translate } = useTranslation();\n    const tooltip = translate(\"solartimeline.dateTime\");\n\n    return (\n      <Tooltip content={tooltip}>\n        <Button\n          styleType=\"borderless\"\n          startIcon={<SvgCalendar />}\n          data-testid=\"solar-date-time-button\"\n          title={tooltip}\n          onClick={onClick}\n          ref={ref}\n        >\n          <span className=\"solar-timeline-date-time\">{children}</span>\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"]}
+{"version":3,"file":"SolarTimeline.js","sourceRoot":"","sources":["../../../src/imodel-components-react/timeline/SolarTimeline.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Timeline\n */\n\nimport \"./SolarTimeline.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ColorByName, ColorDef } from \"@itwin/core-common\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { adjustDateToTimezone, UiComponents } from \"@itwin/components-react\";\nimport {\n  Button,\n  ColorBuilder,\n  ColorInputPanel,\n  ColorPalette,\n  ColorPicker,\n  DatePicker,\n  Flex,\n  Icon,\n  IconButton,\n  Label,\n  Popover,\n  Select,\n  Slider,\n  Text,\n  Tooltip,\n  VisuallyHidden,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgCalendar,\n  SvgLoop,\n  SvgMoon,\n  SvgSettings,\n  SvgSun,\n} from \"@itwin/itwinui-icons-react\";\nimport type { SolarDataProvider } from \"./interfaces.js\";\nimport { UiIModelComponents } from \"../UiIModelComponents.js\";\nimport { PlayButton } from \"./PlayButton.js\";\nimport { useTranslation } from \"../useTranslation.js\";\n\nconst msPerMinute = 1000 * 60;\nconst msPerHour = msPerMinute * 60;\nconst defaultPlaybackDuration = 40 * 1000;\n\nconst offset = 6;\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface TimelineProps extends CommonProps {\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  currentTimeOffsetMs: number;\n  isPlaying: boolean;\n  formatTick?: (ms: number) => string;\n  formatTime: (ms: number) => string;\n  onChange?: (values: ReadonlyArray<number>) => void;\n  onUpdate?: (values: ReadonlyArray<number>) => void;\n}\n\nfunction Timeline(props: TimelineProps) {\n  const {\n    formatTick,\n    formatTime,\n    onChange,\n    onUpdate,\n    dayStartMs,\n    sunSetOffsetMs,\n    sunRiseOffsetMs,\n    currentTimeOffsetMs,\n  } = props;\n\n  const tooltipContent = formatTime(dayStartMs + currentTimeOffsetMs);\n\n  const className = classnames(\n    \"solar-timeline\",\n    props.className,\n    formatTick && \"showticks\"\n  );\n  const sunRiseStr = formatTime(dayStartMs + sunRiseOffsetMs);\n  const sunSetStr = formatTime(dayStartMs + sunSetOffsetMs);\n  return (\n    <div className={className}>\n      <VisuallyHidden>Solar timeline</VisuallyHidden>\n      <Slider\n        thumbProps={() => ({ \"aria-labelledby\": \"timeline\" })}\n        step={msPerMinute}\n        min={sunRiseOffsetMs}\n        max={sunSetOffsetMs}\n        minLabel={\n          <Tooltip content={sunRiseStr}>\n            <Icon>\n              <SvgSun />\n            </Icon>\n          </Tooltip>\n        }\n        maxLabel={\n          <Tooltip content={sunSetStr}>\n            <Icon>\n              <SvgMoon />\n            </Icon>\n          </Tooltip>\n        }\n        onUpdate={onUpdate}\n        onChange={onChange}\n        values={[currentTimeOffsetMs]}\n        tooltipProps={() => ({\n          content: tooltipContent,\n        })}\n      />\n    </div>\n  );\n}\n\ninterface SolarTimelineComponentProps {\n  dataProvider: SolarDataProvider; // provides date, sunrise, sunset in ms, also contains timezone offset from UTC, and updates the display style to current time.\n  onPlayPause?: (playing: boolean) => void; // callback triggered when play/pause button is pressed\n  duration?: number; // playback duration in milliseconds\n  speed?: number;\n}\n\ninterface SolarTimelineComponentState {\n  isPlaying: boolean; // timeline is currently playing or paused\n  isDateOpened: boolean; // date picker is opened\n  isSettingsOpened: boolean; // settings popup is opened\n  dayStartMs: number;\n  sunRiseOffsetMs: number;\n  sunSetOffsetMs: number;\n  sunDeltaMs: number;\n  currentTimeOffsetMs: number;\n  speed: number;\n  loop: boolean;\n  shadowColor: ColorDef;\n  duration: number; // playback duration in milliseconds\n  adjustedDuration: number; // playback duration in milliseconds/ speed\n}\n\n/** Solar Timeline\n * @alpha\n */\nexport class SolarTimeline extends React.PureComponent<\n  SolarTimelineComponentProps,\n  SolarTimelineComponentState\n> {\n  private _requestFrame = 0;\n  private _unmounted = false;\n  private _timeLastCycle = 0;\n  private _totalPlayTime = 0;\n\n  private readonly _presetColors = [\n    ColorDef.create(ColorByName.grey),\n    ColorDef.create(ColorByName.lightGrey),\n    ColorDef.create(ColorByName.darkGrey),\n    ColorDef.create(ColorByName.lightBlue),\n    ColorDef.create(ColorByName.lightGreen),\n    ColorDef.create(ColorByName.darkGreen),\n    ColorDef.create(ColorByName.tan),\n    ColorDef.create(ColorByName.darkBrown),\n  ];\n\n  private readonly _speeds = [1, 2, 3, 4, 5, 6];\n\n  constructor(props: SolarTimelineComponentProps) {\n    super(props);\n\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n    const sunOffsetMs =\n      this.props.dataProvider.timeOfDay.getTime() - dayStartMs;\n    const currentTimeOffsetMs = this.ensureRange(\n      sunOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    const shadowColor = this.props.dataProvider.shadowColor;\n    const duration = this.props.duration\n      ? this.props.duration\n      : defaultPlaybackDuration;\n    const speed = this.props.speed ? this.props.speed : 2;\n    const adjustedDuration = duration / speed;\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs,\n      adjustedDuration\n    );\n\n    this.state = {\n      isDateOpened: false,\n      isSettingsOpened: false,\n      isPlaying: false,\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      sunDeltaMs,\n      currentTimeOffsetMs,\n      speed,\n      loop: false,\n      shadowColor,\n      duration,\n      adjustedDuration,\n    };\n  }\n\n  public override componentWillUnmount() {\n    window.cancelAnimationFrame(this._requestFrame);\n    this._unmounted = true;\n  }\n\n  // recursively update the animation until we hit the end or the pause button is clicked\n  private _updateAnimation = (_timestamp: number) => {\n    if (!this.state.isPlaying || this._unmounted) {\n      window.cancelAnimationFrame(this._requestFrame);\n      return;\n    }\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n    this._timeLastCycle = currentTime;\n    let percentComplete = this._totalPlayTime / this.state.adjustedDuration;\n    if (percentComplete > 1) percentComplete = 1;\n\n    let newPlayingState = true;\n\n    // calculate the next sun time base on the percentage playback complete - should be int value as that is step amount for slider\n    let nextSunOffset = Math.floor(\n      this.state.sunRiseOffsetMs + percentComplete * this.state.sunDeltaMs\n    );\n\n    if (percentComplete > 0.99) {\n      if (!this.state.loop) {\n        newPlayingState = false;\n        nextSunOffset = this.state.sunSetOffsetMs;\n        window.cancelAnimationFrame(this._requestFrame);\n      } else {\n        nextSunOffset = this.state.sunRiseOffsetMs;\n        this._totalPlayTime = 0;\n      }\n    }\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(this.state.dayStartMs + nextSunOffset);\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState(\n      { isPlaying: newPlayingState, currentTimeOffsetMs: nextSunOffset },\n      () => {\n        if (newPlayingState)\n          this._requestFrame = window.requestAnimationFrame(\n            this._updateAnimation\n          );\n      }\n    );\n  };\n\n  private _play(sunTimeMs: number) {\n    this._timeLastCycle = new Date().getTime();\n\n    // start playing\n    this.setState({ isPlaying: true, currentTimeOffsetMs: sunTimeMs }, () => {\n      this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\n      if (this.props.onPlayPause) this.props.onPlayPause(true);\n    });\n  }\n\n  // user clicked pause button\n  private _onPause = () => {\n    if (!this.state.isPlaying) return;\n\n    const currentTime = new Date().getTime();\n    this._totalPlayTime += currentTime - this._timeLastCycle;\n\n    // stop requesting frames\n    window.cancelAnimationFrame(this._requestFrame);\n\n    // stop playing\n    this.setState({ isPlaying: false });\n\n    if (this.props.onPlayPause) this.props.onPlayPause(false);\n  };\n\n  // user clicked play button\n  private _onPlay = () => {\n    if (this.state.isPlaying) return;\n\n    if (\n      this.state.currentTimeOffsetMs >= this.state.sunSetOffsetMs ||\n      this.state.currentTimeOffsetMs <= this.state.sunRiseOffsetMs\n    ) {\n      this._totalPlayTime = 0;\n      this._play(this.state.sunRiseOffsetMs);\n    } else {\n      this._play(this.state.currentTimeOffsetMs);\n    }\n  };\n\n  private setPlaybackTimeBySunTime(\n    sunOffsetMs: number,\n    sunRiseOffsetMs: number,\n    sunDeltaMs: number,\n    adjustedDuration?: number\n  ) {\n    this._totalPlayTime =\n      ((sunOffsetMs - sunRiseOffsetMs) / sunDeltaMs) *\n      (adjustedDuration ? adjustedDuration : this.state.adjustedDuration);\n  }\n\n  private _onDateChange = (newDate: Date) => {\n    this.props.dataProvider.setDateAndTime(newDate);\n\n    const dayStartMs = this.props.dataProvider.dayStartMs;\n    const sunRiseOffsetMs =\n      this.props.dataProvider.sunrise.getTime() - dayStartMs;\n    const sunSetOffsetMs =\n      this.props.dataProvider.sunset.getTime() - dayStartMs;\n    const sunDeltaMs = sunSetOffsetMs - sunRiseOffsetMs;\n\n    /** call dataProvider to update display style */\n    // this.props.dataProvider.onTimeChanged?.(this.props.dataProvider.timeOfDay);\n\n    // Update time\n    const newHours = newDate.getHours();\n    const newMinutes = newDate.getMinutes();\n    const newSunTime = newHours * msPerHour + newMinutes * msPerMinute;\n    const dateWithNewTime = new Date(dayStartMs + newSunTime);\n    // this.props.dataProvider.setDateAndTime(dateWithNewTime, true);\n\n    const currentTimeOffsetMs = this.ensureRange(\n      newSunTime,\n      sunRiseOffsetMs,\n      sunSetOffsetMs\n    );\n    this.setPlaybackTimeBySunTime(\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunDeltaMs\n    );\n    this._timeLastCycle = new Date().getTime();\n\n    this.props.dataProvider.onTimeChanged?.(dateWithNewTime);\n    this.setState({\n      dayStartMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n      currentTimeOffsetMs,\n      sunDeltaMs,\n      isDateOpened: false,\n    });\n  };\n\n  private _onCloseSettingsPopup = () => {\n    this.setState({ isSettingsOpened: false });\n  };\n\n  private _onOpenSettingsPopup = () => {\n    this.setState((prevState) => ({\n      isSettingsOpened: !prevState.isSettingsOpened,\n    }));\n  };\n\n  private ensureRange(value: number, min: number, max: number): number {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  private processSunTimeChange(sunTime: number) {\n    if (sunTime === this.state.currentTimeOffsetMs) return;\n\n    const currentTimeOffsetMs = this.ensureRange(\n      sunTime,\n      this.state.sunRiseOffsetMs,\n      this.state.sunSetOffsetMs\n    );\n\n    if (this.props.dataProvider.onTimeChanged) {\n      const currentSunTime = new Date(\n        this.state.dayStartMs + currentTimeOffsetMs\n      );\n      this.props.dataProvider.onTimeChanged(currentSunTime);\n    }\n\n    this.setState({ currentTimeOffsetMs }, () => {\n      const currentTime = new Date().getTime();\n      this._timeLastCycle = currentTime;\n      const percentComplete =\n        (currentTimeOffsetMs - this.state.sunRiseOffsetMs) /\n        this.state.sunDeltaMs;\n      this._totalPlayTime = percentComplete * this.state.adjustedDuration;\n    });\n  }\n\n  private _onUpdate = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onChange = (values: ReadonlyArray<number>) => {\n    if (!this.state.isPlaying) this.processSunTimeChange(values[0]);\n  };\n\n  private _onSpeedChange = (value: number) => {\n    const adjustedDuration = this.state.duration / value;\n    this.setState({ speed: value, adjustedDuration });\n  };\n\n  private _onToggleLoop = () => {\n    this.setState((prevState) => ({ loop: !prevState.loop }));\n  };\n\n  private _formatTime = (ms: number) => {\n    const date = new Date(ms);\n    const amLabel = UiComponents.translate(\"time.am\");\n    const pmLabel = UiComponents.translate(\"time.pm\");\n    // convert project date to browser locale date\n    const localTime = adjustDateToTimezone(\n      date,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n    let hours = localTime.getHours();\n    const minutes = date.getMinutes();\n    const abbrev = hours < 12 ? amLabel : hours === 24 ? amLabel : pmLabel;\n    hours = hours > 12 ? hours - 12 : hours;\n    const hoursStr = hours.toLocaleString(undefined, {\n      minimumIntegerDigits: 2,\n    });\n    const minutesStr = minutes.toLocaleString(undefined, {\n      minimumIntegerDigits: 2,\n    });\n    return `${hoursStr}:${minutesStr} ${abbrev}`;\n  };\n\n  public getLocalTime(ticks: number): Date {\n    const projectTime = new Date(ticks);\n    // convert project date to browser locale date\n    return adjustDateToTimezone(\n      projectTime,\n      this.props.dataProvider.timeZoneOffset * 60\n    );\n  }\n\n  public override render() {\n    const { dataProvider } = this.props;\n    const {\n      speed: currentSpeed,\n      loop,\n      currentTimeOffsetMs,\n      sunRiseOffsetMs,\n      sunSetOffsetMs,\n    } = this.state;\n    const months = [\n      UiComponents.translate(\"month.short.january\"),\n      UiComponents.translate(\"month.short.february\"),\n      UiComponents.translate(\"month.short.march\"),\n      UiComponents.translate(\"month.short.april\"),\n      UiComponents.translate(\"month.short.may\"),\n      UiComponents.translate(\"month.short.june\"),\n      UiComponents.translate(\"month.short.july\"),\n      UiComponents.translate(\"month.short.august\"),\n      UiComponents.translate(\"month.short.september\"),\n      UiComponents.translate(\"month.short.october\"),\n      UiComponents.translate(\"month.short.november\"),\n      UiComponents.translate(\"month.short.december\"),\n    ];\n\n    const localTime = this.getLocalTime(\n      this.state.dayStartMs + this.state.currentTimeOffsetMs\n    );\n    const formattedTime = this._formatTime(\n      dataProvider.dayStartMs + currentTimeOffsetMs\n    );\n    const formattedDate = `${\n      months[localTime.getMonth()]\n    }, ${localTime.getDate()}`;\n\n    return (\n      <div className=\"solar-timeline-wrapper\">\n        <Flex flexWrap=\"wrap\" gap=\"none\" className=\"solar-timeline-start\">\n          <PlayButton\n            isPlaying={this.state.isPlaying}\n            onPlay={this._onPlay}\n            onPause={this._onPause}\n          />\n          <Popover\n            content={\n              <DatePicker\n                date={localTime}\n                onChange={this._onDateChange}\n                showTime\n                use12Hours\n              />\n            }\n            visible={this.state.isDateOpened}\n            onVisibleChange={(isDateOpened) => {\n              this.setState({ isDateOpened });\n            }}\n            placement=\"top\"\n            middleware={{\n              offset,\n            }}\n          >\n            <CalendarButton\n              onClick={() => {\n                const isDateOpened = !this.state.isDateOpened;\n                this.setState({ isDateOpened });\n              }}\n            >\n              {formattedDate} @ {formattedTime}\n            </CalendarButton>\n          </Popover>\n        </Flex>\n\n        <Timeline\n          dayStartMs={dataProvider.dayStartMs}\n          sunSetOffsetMs={sunSetOffsetMs}\n          sunRiseOffsetMs={sunRiseOffsetMs}\n          currentTimeOffsetMs={currentTimeOffsetMs}\n          onChange={this._onChange}\n          onUpdate={this._onUpdate}\n          formatTime={this._formatTime}\n          isPlaying={this.state.isPlaying}\n        />\n\n        <Flex\n          justifyContent=\"flex-end\"\n          flexWrap=\"wrap\"\n          gap=\"none\"\n          className=\"solar-timeline-end\"\n        >\n          <VisuallyHidden>\n            <Label htmlFor=\"speed\">Timeline speed</Label>\n          </VisuallyHidden>\n          <Tooltip\n            content={UiIModelComponents.translate(\"solartimeline.speed\")}\n          >\n            <Select\n              native\n              styleType=\"borderless\"\n              triggerProps={{\n                name: \"speed\",\n              }}\n              onChange={(newValue) => this._onSpeedChange(Number(newValue))}\n              value={currentSpeed.toString()}\n              options={this._speeds.map((speed) => ({\n                value: speed.toString(),\n                label: `${speed}x`,\n              }))}\n            />\n          </Tooltip>\n\n          <IconButton\n            styleType=\"borderless\"\n            label={UiIModelComponents.translate(\"timeline.repeat\")}\n            onClick={this._onToggleLoop}\n            isActive={loop}\n          >\n            <SvgLoop />\n          </IconButton>\n\n          <Popover\n            content={\n              <ColorPicker\n                selectedColor={this.state.shadowColor.colors}\n                onChangeComplete={(color) => {\n                  const colorDef = ColorDef.create(color.toTbgr());\n                  this.setState(\n                    { shadowColor: colorDef },\n                    () => (this.props.dataProvider.shadowColor = colorDef)\n                  );\n                }}\n              >\n                <Text variant=\"title\" as=\"h2\" style={{ textAlign: \"center\" }}>\n                  {UiIModelComponents.translate(\"solarsettings.shadowcolor\")}\n                </Text>\n                <ColorBuilder />\n                <ColorInputPanel defaultColorFormat=\"hsl\" />\n                <ColorPalette\n                  colors={this._presetColors.map((color) => color.colors)}\n                />\n              </ColorPicker>\n            }\n            placement=\"top\"\n            middleware={{\n              offset,\n            }}\n          >\n            <IconButton\n              styleType=\"borderless\"\n              data-testid=\"shadow-settings-button\"\n              label={UiIModelComponents.translate(\"timeline.settings\")}\n              onClick={this._onOpenSettingsPopup}\n            >\n              <SvgSettings />\n            </IconButton>\n          </Popover>\n        </Flex>\n      </div>\n    );\n  }\n}\n\ninterface CalendarButtonProps {\n  children?: React.ReactNode;\n  onClick?: () => void;\n}\n\nconst CalendarButton = React.forwardRef<HTMLButtonElement, CalendarButtonProps>(\n  function CalendarButton({ children, onClick }, ref) {\n    const { translate } = useTranslation();\n    const tooltip = translate(\"solartimeline.dateTime\");\n\n    return (\n      <Tooltip content={tooltip}>\n        <Button\n          styleType=\"borderless\"\n          startIcon={<SvgCalendar />}\n          data-testid=\"solar-date-time-button\"\n          title={tooltip}\n          onClick={onClick}\n          ref={ref}\n        >\n          <span className=\"solar-timeline-date-time\">{children}</span>\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"]}

package/lib/imodel-components-react/viewport/ViewportComponentEvents.js

@@ -55,6 +55,7 @@ export class ViewIdChangedEvent extends UiEvent {
  * @public
  */
 export class ViewportComponentEvents {
+    static _removeListener;
     static initialize() {
         if (undefined !== this._removeListener)
             return;
@@ -68,6 +69,21 @@ export class ViewportComponentEvents {
             this._removeListener = undefined;
         }
     }
+    static face = Face.None;
+    static origin = Point3d.createZero();
+    static extents = Vector3d.createZero();
+    static rotationMatrix = Matrix3d.createIdentity();
+    static onDrawingViewportChangeEvent = new DrawingViewportChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
+    static onCubeRotationChangeEvent = new CubeRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
+    static onStandardRotationChangeEvent = new StandardRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
+    static onViewRotationChangeEvent = new ViewRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
+    static onViewClassFullNameChangedEvent = new ViewClassFullNameChangedEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    static onViewIdChangedEvent = new ViewIdChangedEvent();
+    static _handleSelectedViewportChanged = (args) => {
+        if (args.current)
+            ViewportComponentEvents.setViewMatrix(args.current);
+    };
     static setCubeMatrix(rotMatrix, face = Face.None, complete = false) {
         this.rotationMatrix.setFrom(rotMatrix);
         this.face = face;
@@ -91,19 +107,4 @@ export class ViewportComponentEvents {
         });
     }
 }
-ViewportComponentEvents.face = Face.None;
-ViewportComponentEvents.origin = Point3d.createZero();
-ViewportComponentEvents.extents = Vector3d.createZero();
-ViewportComponentEvents.rotationMatrix = Matrix3d.createIdentity();
-ViewportComponentEvents.onDrawingViewportChangeEvent = new DrawingViewportChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
-ViewportComponentEvents.onCubeRotationChangeEvent = new CubeRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
-ViewportComponentEvents.onStandardRotationChangeEvent = new StandardRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
-ViewportComponentEvents.onViewRotationChangeEvent = new ViewRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
-ViewportComponentEvents.onViewClassFullNameChangedEvent = new ViewClassFullNameChangedEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
-// eslint-disable-next-line @typescript-eslint/no-deprecated
-ViewportComponentEvents.onViewIdChangedEvent = new ViewIdChangedEvent();
-ViewportComponentEvents._handleSelectedViewportChanged = (args) => {
-    if (args.current)
-        ViewportComponentEvents.setViewMatrix(args.current);
-};
 //# sourceMappingURL=ViewportComponentEvents.js.map

package/lib/imodel-components-react/viewport/ViewportComponentEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportComponentEvents.js","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponentEvents.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Viewport\n */\n\nimport { Matrix3d, Point3d, Vector3d } from \"@itwin/core-geometry\";\nimport type { StandardViewId, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { Face } from \"../navigationaids/Cube.js\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\n\n/** Arguments for [[DrawingViewportChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface DrawingViewportChangeEventArgs {\n  rotation: Matrix3d;\n  origin: Point3d;\n  complete: boolean;\n}\n\n/** Drawing View Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class DrawingViewportChangeEvent extends UiEvent<DrawingViewportChangeEventArgs> {}\n\n/** Arguments for [[CubeRotationChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CubeRotationChangeEventArgs {\n  rotMatrix: Matrix3d;\n  face: Face;\n  complete?: boolean;\n}\n\n/** 3d Cube Rotation Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class CubeRotationChangeEvent extends UiEvent<CubeRotationChangeEventArgs> {}\n\n/** Arguments for [[StandardRotationChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface StandardRotationChangeEventArgs {\n  standardRotation: StandardViewId;\n}\n\n/** Standard Rotation Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class StandardRotationChangeEvent extends UiEvent<StandardRotationChangeEventArgs> {}\n\n/** Arguments for [[ViewRotationChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ViewRotationChangeEventArgs {\n  viewport: Viewport;\n  animationTime?: number;\n}\n\n/** View Rotation Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ViewRotationChangeEvent extends UiEvent<ViewRotationChangeEventArgs> {}\n\n/** Arguments for [[ViewClassFullNameChangedEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ViewClassFullNameChangedEventArgs {\n  viewport: Viewport;\n  oldName: string;\n  newName: string;\n}\n\n/** View Class Full Name Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ViewClassFullNameChangedEvent extends UiEvent<ViewClassFullNameChangedEventArgs> {}\n\n/** Arguments for [[ViewIdChangedEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ViewIdChangedEventArgs {\n  viewport: Viewport;\n  oldId: string;\n  newId: string;\n}\n\n/** View Id Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ViewIdChangedEvent extends UiEvent<ViewIdChangedEventArgs> {}\n\n/** Viewport Rotation events and methods\n * @public\n */\nexport class ViewportComponentEvents {\n  private static _removeListener?: () => void;\n\n  public static initialize() {\n    if (undefined !== this._removeListener) return;\n\n    this._removeListener =\n      IModelApp.viewManager.onSelectedViewportChanged.addListener(\n        ViewportComponentEvents._handleSelectedViewportChanged\n      );\n  }\n\n  /** @internal - for unit testing */\n  public static terminate() {\n    if (this._removeListener) {\n      this._removeListener();\n      this._removeListener = undefined;\n    }\n  }\n\n  public static face = Face.None;\n  public static readonly origin = Point3d.createZero();\n  public static readonly extents = Vector3d.createZero();\n  public static readonly rotationMatrix = Matrix3d.createIdentity();\n  public static readonly onDrawingViewportChangeEvent =\n    new DrawingViewportChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onCubeRotationChangeEvent =\n    new CubeRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onStandardRotationChangeEvent =\n    new StandardRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onViewRotationChangeEvent =\n    new ViewRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onViewClassFullNameChangedEvent =\n    new ViewClassFullNameChangedEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static readonly onViewIdChangedEvent = new ViewIdChangedEvent();\n\n  private static _handleSelectedViewportChanged: ListenerType<\n    typeof IModelApp.viewManager.onSelectedViewportChanged\n  > = (args) => {\n    if (args.current) ViewportComponentEvents.setViewMatrix(args.current);\n  };\n\n  public static setCubeMatrix(\n    rotMatrix: Matrix3d,\n    face = Face.None,\n    complete: boolean = false\n  ): void {\n    this.rotationMatrix.setFrom(rotMatrix);\n    this.face = face;\n    this.onCubeRotationChangeEvent.emit({ rotMatrix, complete, face });\n  }\n\n  public static setDrawingViewportState(\n    origin: Point3d,\n    rotation: Matrix3d,\n    complete: boolean = false\n  ): void {\n    this.onDrawingViewportChangeEvent.emit({ origin, rotation, complete });\n  }\n\n  public static setStandardRotation(standardRotation: StandardViewId): void {\n    this.onStandardRotationChangeEvent.emit({ standardRotation });\n  }\n\n  public static setViewMatrix(\n    viewport: Viewport,\n    animationTime?: number\n  ): void {\n    // When handling onViewChanged, use setTimeout\n    setTimeout(() => {\n      if (viewport.view) {\n        this.origin.setFrom(viewport.view.getOrigin());\n        this.extents.setFrom(viewport.view.getExtents());\n      }\n      this.rotationMatrix.setFrom(viewport.rotation);\n\n      this.onViewRotationChangeEvent.emit({ viewport, animationTime });\n    });\n  }\n}\n"]}
+{"version":3,"file":"ViewportComponentEvents.js","sourceRoot":"","sources":["../../../src/imodel-components-react/viewport/ViewportComponentEvents.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Viewport\n */\n\nimport { Matrix3d, Point3d, Vector3d } from \"@itwin/core-geometry\";\nimport type { StandardViewId, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport { Face } from \"../navigationaids/Cube.js\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\n\n/** Arguments for [[DrawingViewportChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface DrawingViewportChangeEventArgs {\n  rotation: Matrix3d;\n  origin: Point3d;\n  complete: boolean;\n}\n\n/** Drawing View Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class DrawingViewportChangeEvent extends UiEvent<DrawingViewportChangeEventArgs> {}\n\n/** Arguments for [[CubeRotationChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CubeRotationChangeEventArgs {\n  rotMatrix: Matrix3d;\n  face: Face;\n  complete?: boolean;\n}\n\n/** 3d Cube Rotation Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class CubeRotationChangeEvent extends UiEvent<CubeRotationChangeEventArgs> {}\n\n/** Arguments for [[StandardRotationChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface StandardRotationChangeEventArgs {\n  standardRotation: StandardViewId;\n}\n\n/** Standard Rotation Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class StandardRotationChangeEvent extends UiEvent<StandardRotationChangeEventArgs> {}\n\n/** Arguments for [[ViewRotationChangeEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ViewRotationChangeEventArgs {\n  viewport: Viewport;\n  animationTime?: number;\n}\n\n/** View Rotation Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ViewRotationChangeEvent extends UiEvent<ViewRotationChangeEventArgs> {}\n\n/** Arguments for [[ViewClassFullNameChangedEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ViewClassFullNameChangedEventArgs {\n  viewport: Viewport;\n  oldName: string;\n  newName: string;\n}\n\n/** View Class Full Name Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ViewClassFullNameChangedEvent extends UiEvent<ViewClassFullNameChangedEventArgs> {}\n\n/** Arguments for [[ViewIdChangedEvent]]\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface ViewIdChangedEventArgs {\n  viewport: Viewport;\n  oldId: string;\n  newId: string;\n}\n\n/** View Id Change event\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class ViewIdChangedEvent extends UiEvent<ViewIdChangedEventArgs> {}\n\n/** Viewport Rotation events and methods\n * @public\n */\nexport class ViewportComponentEvents {\n  private static _removeListener?: () => void;\n\n  public static initialize() {\n    if (undefined !== this._removeListener) return;\n\n    this._removeListener =\n      IModelApp.viewManager.onSelectedViewportChanged.addListener(\n        ViewportComponentEvents._handleSelectedViewportChanged\n      );\n  }\n\n  /** @internal - for unit testing */\n  public static terminate() {\n    if (this._removeListener) {\n      this._removeListener();\n      this._removeListener = undefined;\n    }\n  }\n\n  public static face = Face.None;\n  public static readonly origin = Point3d.createZero();\n  public static readonly extents = Vector3d.createZero();\n  public static readonly rotationMatrix = Matrix3d.createIdentity();\n  public static readonly onDrawingViewportChangeEvent =\n    new DrawingViewportChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onCubeRotationChangeEvent =\n    new CubeRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onStandardRotationChangeEvent =\n    new StandardRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onViewRotationChangeEvent =\n    new ViewRotationChangeEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  public static readonly onViewClassFullNameChangedEvent =\n    new ViewClassFullNameChangedEvent(); // eslint-disable-line @typescript-eslint/no-deprecated\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static readonly onViewIdChangedEvent = new ViewIdChangedEvent();\n\n  private static _handleSelectedViewportChanged: ListenerType<\n    typeof IModelApp.viewManager.onSelectedViewportChanged\n  > = (args) => {\n    if (args.current) ViewportComponentEvents.setViewMatrix(args.current);\n  };\n\n  public static setCubeMatrix(\n    rotMatrix: Matrix3d,\n    face = Face.None,\n    complete: boolean = false\n  ): void {\n    this.rotationMatrix.setFrom(rotMatrix);\n    this.face = face;\n    this.onCubeRotationChangeEvent.emit({ rotMatrix, complete, face });\n  }\n\n  public static setDrawingViewportState(\n    origin: Point3d,\n    rotation: Matrix3d,\n    complete: boolean = false\n  ): void {\n    this.onDrawingViewportChangeEvent.emit({ origin, rotation, complete });\n  }\n\n  public static setStandardRotation(standardRotation: StandardViewId): void {\n    this.onStandardRotationChangeEvent.emit({ standardRotation });\n  }\n\n  public static setViewMatrix(\n    viewport: Viewport,\n    animationTime?: number\n  ): void {\n    // When handling onViewChanged, use setTimeout\n    setTimeout(() => {\n      if (viewport.view) {\n        this.origin.setFrom(viewport.view.getOrigin());\n        this.extents.setFrom(viewport.view.getExtents());\n      }\n      this.rotationMatrix.setFrom(viewport.rotation);\n\n      this.onViewRotationChangeEvent.emit({ viewport, animationTime });\n    });\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "5.19.0",
+  "version": "5.20.0",
   "description": "A react component library of iTwin.js UI iModel components",
   "type": "module",
   "types": "./lib/imodel-components-react.d.ts",
@@ -44,12 +44,12 @@
     "@itwin/itwinui-react": "^3.15.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@itwin/components-react": "5.19.0",
-    "@itwin/core-react": "5.19.0"
+    "@itwin/components-react": "5.20.0",
+    "@itwin/core-react": "5.20.0"
   },
   "devDependencies": {
     "@itwin/appui-abstract": "^5.1.0",
-    "@itwin/build-tools": "4.10.2",
+    "@itwin/build-tools": "^5.3.2",
     "@itwin/core-bentley": "^5.1.0",
     "@itwin/core-common": "^5.1.0",
     "@itwin/core-frontend": "^5.1.0",
@@ -78,14 +78,14 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "reflect-metadata": "^0.1.13",
-    "rimraf": "^6.0.1",
+    "rimraf": "^6.1.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
     "typescript": "~5.6.2",
     "upath": "^2.0.1",
     "vitest": "^3.2.4",
-    "@itwin/components-react": "5.19.0",
-    "@itwin/core-react": "5.19.0"
+    "@itwin/components-react": "5.20.0",
+    "@itwin/core-react": "5.20.0"
   },
   "dependencies": {
     "@itwin/itwinui-icons-react": "^2.8.0",