@itwin/appui-react 3.5.0-dev.12 → 3.5.0-dev.14

package/lib/esm/appui-react/theme/ThemeManager.d.ts

@@ -1,50 +1,50 @@
-/** @packageDocumentation
- * @module State
- */
-import * as React from "react";
-/** Enum for the Color Theme string.
- * @public
- */
-export declare enum ColorTheme {
-    Light = "light",
-    Dark = "dark"
-}
-/** System preferred color theme.
- * @public
- */
-export declare const SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
-/** The default widget opacity.
- * @public
- */
-export declare const WIDGET_OPACITY_DEFAULT = 0.9;
-/** Properties of [[ThemeManagerComponent]].
- */
-interface ThemeManagerProps {
-    /** theme ("light", "dark", etc.) */
-    theme: string;
-    widgetOpacity: number;
-    children?: React.ReactNode;
-}
-/** @internal */
-interface ThemeManagerState {
-    ownerDocument: Document | undefined;
-}
-/** ThemeManagerComponent handles setting themes.
- */
-declare class ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {
-    readonly state: ThemeManagerState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ThemeManagerProps): void;
-    private _setTheme;
-    private _setWidgetOpacity;
-    private _handleRefSet;
-    render(): React.ReactNode;
-}
-/**
- * ThemeManager handles setting color themes.
- * This React component is Redux connected.
- * @public
- */
-export declare const ThemeManager: import("react-redux").ConnectedComponent<typeof ThemeManagerComponent, import("react-redux").Omit<React.ClassAttributes<ThemeManagerComponent> & ThemeManagerProps, "theme" | "widgetOpacity">>;
-export {};
+/** @packageDocumentation
+ * @module State
+ */
+import * as React from "react";
+/** Enum for the Color Theme string.
+ * @public
+ */
+export declare enum ColorTheme {
+    Light = "light",
+    Dark = "dark"
+}
+/** System preferred color theme.
+ * @public
+ */
+export declare const SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
+/** The default widget opacity.
+ * @public
+ */
+export declare const WIDGET_OPACITY_DEFAULT = 0.9;
+/** Properties of [[ThemeManagerComponent]].
+ */
+interface ThemeManagerProps {
+    /** theme ("light", "dark", etc.) */
+    theme: string;
+    widgetOpacity: number;
+    children?: React.ReactNode;
+}
+/** @internal */
+interface ThemeManagerState {
+    ownerDocument: Document | undefined;
+}
+/** ThemeManagerComponent handles setting themes.
+ */
+declare class ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {
+    readonly state: ThemeManagerState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ThemeManagerProps): void;
+    private _setTheme;
+    private _setWidgetOpacity;
+    private _handleRefSet;
+    render(): React.ReactNode;
+}
+/**
+ * ThemeManager handles setting color themes.
+ * This React component is Redux connected.
+ * @public
+ */
+export declare const ThemeManager: import("react-redux").ConnectedComponent<typeof ThemeManagerComponent, import("react-redux").Omit<React.ClassAttributes<ThemeManagerComponent> & ThemeManagerProps, "theme" | "widgetOpacity">>;
+export {};
 //# sourceMappingURL=ThemeManager.d.ts.map

package/lib/esm/appui-react/theme/ThemeManager.js

@@ -1,84 +1,84 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module State
- */
-import * as React from "react";
-import { connect } from "react-redux";
-import { ThemeProvider } from "@itwin/itwinui-react";
-import { UiFramework } from "../UiFramework";
-/** Enum for the Color Theme string.
- * @public
- */
-export var ColorTheme;
-(function (ColorTheme) {
-    ColorTheme["Light"] = "light";
-    ColorTheme["Dark"] = "dark";
-})(ColorTheme || (ColorTheme = {}));
-/** System preferred color theme.
- * @public
- */
-export const SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
-/** The default widget opacity.
- * @public
- */
-export const WIDGET_OPACITY_DEFAULT = 0.90;
-function mapStateToProps(state) {
-    const frameworkState = state[UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
-    // istanbul ignore if
-    if (!frameworkState)
-        return undefined;
-    return {
-        theme: frameworkState.configurableUiState.theme,
-        widgetOpacity: frameworkState.configurableUiState.widgetOpacity,
-    };
-}
-/** ThemeManagerComponent handles setting themes.
- */
-class ThemeManagerComponent extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            ownerDocument: undefined,
-        };
-        this._setTheme = (theme) => {
-            document.documentElement.classList.add("theme-transition");
-            document.documentElement.setAttribute("data-theme", theme);
-            window.setTimeout(() => document.documentElement.classList.remove("theme-transition"), 1000);
-        };
-        this._setWidgetOpacity = (opacity) => {
-            setTimeout(() => document.documentElement.style.setProperty("--buic-widget-opacity", opacity.toString()));
-        };
-        this._handleRefSet = (popupDiv) => {
-            var _a;
-            const ownerDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : undefined;
-            if (ownerDocument) {
-                this.setState({ ownerDocument });
-            }
-        };
-    }
-    componentDidMount() {
-        this._setTheme(this.props.theme);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.theme !== prevProps.theme)
-            this._setTheme(this.props.theme);
-        const currentOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
-        if (this.props.widgetOpacity.toString() !== currentOpacity)
-            this._setWidgetOpacity(this.props.widgetOpacity);
-    }
-    render() {
-        const theme = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
-        return (React.createElement("div", { style: { height: "100%" }, ref: this._handleRefSet },
-            React.createElement(ThemeProvider, { theme: theme, themeOptions: { ownerDocument: this.state.ownerDocument } }, this.props.children)));
-    }
-}
-/**
- * ThemeManager handles setting color themes.
- * This React component is Redux connected.
- * @public
- */
-export const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module State
+ */
+import * as React from "react";
+import { connect } from "react-redux";
+import { ThemeProvider } from "@itwin/itwinui-react";
+import { UiFramework } from "../UiFramework";
+/** Enum for the Color Theme string.
+ * @public
+ */
+export var ColorTheme;
+(function (ColorTheme) {
+    ColorTheme["Light"] = "light";
+    ColorTheme["Dark"] = "dark";
+})(ColorTheme || (ColorTheme = {}));
+/** System preferred color theme.
+ * @public
+ */
+export const SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
+/** The default widget opacity.
+ * @public
+ */
+export const WIDGET_OPACITY_DEFAULT = 0.90;
+function mapStateToProps(state) {
+    const frameworkState = state[UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
+    // istanbul ignore if
+    if (!frameworkState)
+        return undefined;
+    return {
+        theme: frameworkState.configurableUiState.theme,
+        widgetOpacity: frameworkState.configurableUiState.widgetOpacity,
+    };
+}
+/** ThemeManagerComponent handles setting themes.
+ */
+class ThemeManagerComponent extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            ownerDocument: undefined,
+        };
+        this._setTheme = (theme) => {
+            document.documentElement.classList.add("theme-transition");
+            document.documentElement.setAttribute("data-theme", theme);
+            window.setTimeout(() => document.documentElement.classList.remove("theme-transition"), 1000);
+        };
+        this._setWidgetOpacity = (opacity) => {
+            setTimeout(() => document.documentElement.style.setProperty("--buic-widget-opacity", opacity.toString()));
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a;
+            const ownerDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : undefined;
+            if (ownerDocument) {
+                this.setState({ ownerDocument });
+            }
+        };
+    }
+    componentDidMount() {
+        this._setTheme(this.props.theme);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.theme !== prevProps.theme)
+            this._setTheme(this.props.theme);
+        const currentOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
+        if (this.props.widgetOpacity.toString() !== currentOpacity)
+            this._setWidgetOpacity(this.props.widgetOpacity);
+    }
+    render() {
+        const theme = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
+        return (React.createElement("div", { style: { height: "100%" }, ref: this._handleRefSet },
+            React.createElement(ThemeProvider, { theme: theme, themeOptions: { ownerDocument: this.state.ownerDocument } }, this.props.children)));
+    }
+}
+/**
+ * ThemeManager handles setting color themes.
+ * This React component is Redux connected.
+ * @public
+ */
+export const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention
 //# sourceMappingURL=ThemeManager.js.map

package/lib/esm/appui-react/theme/ThemeManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module State\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { ThemeProvider, ThemeType } from \"@itwin/itwinui-react\";\r\nimport { FrameworkState } from \"../redux/FrameworkState\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n/** Enum for the Color Theme string.\r\n * @public\r\n */\r\nexport enum ColorTheme {\r\n  Light = \"light\",\r\n  Dark = \"dark\",\r\n}\r\n\r\n/** System preferred color theme.\r\n * @public\r\n */\r\nexport const SYSTEM_PREFERRED_COLOR_THEME = \"SYSTEM_PREFERRED\";\r\n\r\n/** The default widget opacity.\r\n * @public\r\n */\r\nexport const WIDGET_OPACITY_DEFAULT = 0.90;\r\n\r\n/** Properties of [[ThemeManagerComponent]].\r\n */\r\ninterface ThemeManagerProps {\r\n  /** theme (\"light\", \"dark\", etc.) */\r\n  theme: string;\r\n  /* Widget Opacity */\r\n  widgetOpacity: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nfunction mapStateToProps(state: any) {\r\n  const frameworkState = state[UiFramework.frameworkStateKey] as FrameworkState;  // since app sets up key, don't hard-code name\r\n  // istanbul ignore if\r\n  if (!frameworkState)\r\n    return undefined;\r\n\r\n  return {\r\n    theme: frameworkState.configurableUiState.theme,\r\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\r\n  };\r\n}\r\n\r\n/** @internal */\r\ninterface ThemeManagerState {\r\n  ownerDocument: Document | undefined;\r\n}\r\n\r\n/** ThemeManagerComponent handles setting themes.\r\n */\r\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {\r\n\r\n  public override readonly state: ThemeManagerState = {\r\n    ownerDocument: undefined,\r\n  };\r\n\r\n  public override componentDidMount() {\r\n    this._setTheme(this.props.theme);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\r\n    if (this.props.theme !== prevProps.theme)\r\n      this._setTheme(this.props.theme);\r\n    const currentOpacity = document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\r\n    if (this.props.widgetOpacity.toString() !== currentOpacity)\r\n      this._setWidgetOpacity(this.props.widgetOpacity);\r\n  }\r\n\r\n  private _setTheme = (theme: string) => {\r\n    document.documentElement.classList.add(\"theme-transition\");\r\n    document.documentElement.setAttribute(\"data-theme\", theme);\r\n    window.setTimeout(() => document.documentElement.classList.remove(\"theme-transition\"), 1000);\r\n  };\r\n\r\n  private _setWidgetOpacity = (opacity: number) => {\r\n    setTimeout(() =>\r\n      document.documentElement.style.setProperty(\"--buic-widget-opacity\", opacity.toString()));\r\n  };\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const ownerDocument = popupDiv?.ownerDocument ?? undefined;\r\n    if (ownerDocument) {\r\n      this.setState({ ownerDocument });\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const theme: ThemeType = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? \"os\" : this.props.theme as ThemeType;\r\n\r\n    return (\r\n      <div style={{ height: \"100%\" }} ref={this._handleRefSet}>\r\n        <ThemeProvider theme={theme} themeOptions={{ ownerDocument: this.state.ownerDocument }}>\r\n          {this.props.children}\r\n        </ThemeProvider>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/**\r\n * ThemeManager handles setting color themes.\r\n * This React component is Redux connected.\r\n * @public\r\n */\r\nexport const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}
+{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,aAAa,EAAa,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,kBAAkB,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAY3C,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAmB,CAAC,CAAE,8CAA8C;IAC9H,qBAAqB;IACrB,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,OAAO;QACL,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,KAAK;QAC/C,aAAa,EAAE,cAAc,CAAC,mBAAmB,CAAC,aAAa;KAChE,CAAC;AACJ,CAAC;AAOD;GACG;AACH,MAAM,qBAAsB,SAAQ,KAAK,CAAC,SAA+C;IAAzF;;QAE2B,UAAK,GAAsB;YAClD,aAAa,EAAE,SAAS;SACzB,CAAC;QAcM,cAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAC3D,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YAC3D,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC;QAC/F,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE;YAC9C,UAAU,CAAC,GAAG,EAAE,CACd,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC7F,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,aAAa,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,SAAS,CAAC;YAC3D,IAAI,aAAa,EAAE;gBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC;aAClC;QACH,CAAC,CAAC;IAaJ,CAAC;IAzCiB,iBAAiB;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAEe,kBAAkB,CAAC,SAA4B;QAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;YACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;QAChG,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,cAAc;YACxD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC;IAoBe,MAAM;QACpB,MAAM,KAAK,GAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,4BAA4B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAkB,CAAC;QAEpH,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa;YACrD,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IACnF,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACZ,CACP,CAAC;IACJ,CAAC;CACF;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,2DAA2D","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 State\n */\n\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport { ThemeProvider, ThemeType } from \"@itwin/itwinui-react\";\nimport { FrameworkState } from \"../redux/FrameworkState\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** Enum for the Color Theme string.\n * @public\n */\nexport enum ColorTheme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\n/** System preferred color theme.\n * @public\n */\nexport const SYSTEM_PREFERRED_COLOR_THEME = \"SYSTEM_PREFERRED\";\n\n/** The default widget opacity.\n * @public\n */\nexport const WIDGET_OPACITY_DEFAULT = 0.90;\n\n/** Properties of [[ThemeManagerComponent]].\n */\ninterface ThemeManagerProps {\n  /** theme (\"light\", \"dark\", etc.) */\n  theme: string;\n  /* Widget Opacity */\n  widgetOpacity: number;\n  children?: React.ReactNode;\n}\n\nfunction mapStateToProps(state: any) {\n  const frameworkState = state[UiFramework.frameworkStateKey] as FrameworkState;  // since app sets up key, don't hard-code name\n  // istanbul ignore if\n  if (!frameworkState)\n    return undefined;\n\n  return {\n    theme: frameworkState.configurableUiState.theme,\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\n  };\n}\n\n/** @internal */\ninterface ThemeManagerState {\n  ownerDocument: Document | undefined;\n}\n\n/** ThemeManagerComponent handles setting themes.\n */\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps, ThemeManagerState> {\n\n  public override readonly state: ThemeManagerState = {\n    ownerDocument: undefined,\n  };\n\n  public override componentDidMount() {\n    this._setTheme(this.props.theme);\n  }\n\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\n    if (this.props.theme !== prevProps.theme)\n      this._setTheme(this.props.theme);\n    const currentOpacity = document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\n    if (this.props.widgetOpacity.toString() !== currentOpacity)\n      this._setWidgetOpacity(this.props.widgetOpacity);\n  }\n\n  private _setTheme = (theme: string) => {\n    document.documentElement.classList.add(\"theme-transition\");\n    document.documentElement.setAttribute(\"data-theme\", theme);\n    window.setTimeout(() => document.documentElement.classList.remove(\"theme-transition\"), 1000);\n  };\n\n  private _setWidgetOpacity = (opacity: number) => {\n    setTimeout(() =>\n      document.documentElement.style.setProperty(\"--buic-widget-opacity\", opacity.toString()));\n  };\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const ownerDocument = popupDiv?.ownerDocument ?? undefined;\n    if (ownerDocument) {\n      this.setState({ ownerDocument });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const theme: ThemeType = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? \"os\" : this.props.theme as ThemeType;\n\n    return (\n      <div style={{ height: \"100%\" }} ref={this._handleRefSet}>\n        <ThemeProvider theme={theme} themeOptions={{ ownerDocument: this.state.ownerDocument }}>\n          {this.props.children}\n        </ThemeProvider>\n      </div>\n    );\n  }\n}\n\n/**\n * ThemeManager handles setting color themes.\n * This React component is Redux connected.\n * @public\n */\nexport const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention\n"]}

package/lib/esm/appui-react/timeline/AnalysisAnimationProvider.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Timeline
- */
-import { ScreenViewport, ViewState } from "@itwin/core-frontend";
-import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
-/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
- * @public
- */
-export declare class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {
-    private _viewState;
-    constructor(viewState: ViewState, viewport?: ScreenViewport);
-    loadTimelineData(): Promise<boolean>;
-    onAnimationFractionChanged: (animationFraction: number) => void;
-    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
-}
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
+/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
+ * @public
+ */
+export declare class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    private _viewState;
+    constructor(viewState: ViewState, viewport?: ScreenViewport);
+    loadTimelineData(): Promise<boolean>;
+    onAnimationFractionChanged: (animationFraction: number) => void;
+    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
+}
 //# sourceMappingURL=AnalysisAnimationProvider.d.ts.map

package/lib/esm/appui-react/timeline/AnalysisAnimationProvider.js

@@ -1,49 +1,49 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Timeline
- */
-import { BaseTimelineDataProvider } from "@itwin/imodel-components-react";
-/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
- * @public
- */
-export class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {
-    constructor(viewState, viewport) {
-        super(viewport);
-        this.onAnimationFractionChanged = (animationFraction) => {
-            this.animationFraction = animationFraction;
-            // istanbul ignore next
-            if (this._viewport)
-                this._viewport.analysisFraction = animationFraction;
-        };
-        // istanbul ignore next
-        this.onPlaybackSettingChanged = (settings) => {
-            this.updateSettings(settings);
-        };
-        this._viewState = viewState;
-        // istanbul ignore else
-        if (viewState && viewState.analysisStyle) {
-            this.supportsTimelineAnimation = true;
-        }
-    }
-    async loadTimelineData() {
-        // if animationFraction is set pointer should match
-        // istanbul ignore else
-        if (this._viewport)
-            this.animationFraction = this._viewport.analysisFraction;
-        // istanbul ignore else
-        if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {
-            // for now just initial settings
-            this.updateSettings({
-                duration: 10 * 1000,
-                loop: true,
-            });
-            return true;
-        }
-        // istanbul ignore next
-        return false;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { BaseTimelineDataProvider } from "@itwin/imodel-components-react";
+/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.
+ * @public
+ */
+export class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    constructor(viewState, viewport) {
+        super(viewport);
+        this.onAnimationFractionChanged = (animationFraction) => {
+            this.animationFraction = animationFraction;
+            // istanbul ignore next
+            if (this._viewport)
+                this._viewport.analysisFraction = animationFraction;
+        };
+        // istanbul ignore next
+        this.onPlaybackSettingChanged = (settings) => {
+            this.updateSettings(settings);
+        };
+        this._viewState = viewState;
+        // istanbul ignore else
+        if (viewState && viewState.analysisStyle) {
+            this.supportsTimelineAnimation = true;
+        }
+    }
+    async loadTimelineData() {
+        // if animationFraction is set pointer should match
+        // istanbul ignore else
+        if (this._viewport)
+            this.animationFraction = this._viewport.analysisFraction;
+        // istanbul ignore else
+        if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {
+            // for now just initial settings
+            this.updateSettings({
+                duration: 10 * 1000,
+                loop: true,
+            });
+            return true;
+        }
+        // istanbul ignore next
+        return false;
+    }
+}
 //# sourceMappingURL=AnalysisAnimationProvider.js.map

package/lib/esm/appui-react/timeline/AnalysisAnimationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalysisAnimationProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/AnalysisAnimationProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,wBAAwB,EAAoB,MAAM,gCAAgC,CAAC;AAE5F;;GAEG;AACH,MAAM,OAAO,qCAAsC,SAAQ,wBAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QA8BF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,uBAAuB;YACvB,IAAI,IAAI,CAAC,SAAS;gBAChB,IAAI,CAAC,SAAS,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;QACxD,CAAC,CAAC;QAEF,uBAAuB;QACP,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QAvCA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE;YACxC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;SACvC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,mDAAmD;QACnD,uBAAuB;QACvB,IAAI,IAAI,CAAC,SAAS;YAChB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAE3D,uBAAuB;QACvB,IAAI,IAAI,CAAC,yBAAyB,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;YACnE,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI;gBACnB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;SACb;QAED,uBAAuB;QACvB,OAAO,KAAK,CAAC;IACf,CAAC;CAaF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Timeline\r\n */\r\n\r\nimport { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { BaseTimelineDataProvider, PlaybackSettings } from \"@itwin/imodel-components-react\";\r\n\r\n/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.\r\n * @public\r\n */\r\nexport class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {\r\n  private _viewState: ViewState;\r\n\r\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\r\n    super(viewport);\r\n    this._viewState = viewState;\r\n\r\n    // istanbul ignore else\r\n    if (viewState && viewState.analysisStyle) {\r\n      this.supportsTimelineAnimation = true;\r\n    }\r\n  }\r\n\r\n  public override async loadTimelineData(): Promise<boolean> {\r\n    // if animationFraction is set pointer should match\r\n    // istanbul ignore else\r\n    if (this._viewport)\r\n      this.animationFraction = this._viewport.analysisFraction;\r\n\r\n    // istanbul ignore else\r\n    if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {\r\n      // for now just initial settings\r\n      this.updateSettings({\r\n        duration: 10 * 1000,\r\n        loop: true,\r\n      });\r\n\r\n      return true;\r\n    }\r\n\r\n    // istanbul ignore next\r\n    return false;\r\n  }\r\n\r\n  public override onAnimationFractionChanged = (animationFraction: number) => {\r\n    this.animationFraction = animationFraction;\r\n    // istanbul ignore next\r\n    if (this._viewport)\r\n      this._viewport.analysisFraction = animationFraction;\r\n  };\r\n\r\n  // istanbul ignore next\r\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\r\n    this.updateSettings(settings);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"AnalysisAnimationProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/AnalysisAnimationProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,wBAAwB,EAAoB,MAAM,gCAAgC,CAAC;AAE5F;;GAEG;AACH,MAAM,OAAO,qCAAsC,SAAQ,wBAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QA8BF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,uBAAuB;YACvB,IAAI,IAAI,CAAC,SAAS;gBAChB,IAAI,CAAC,SAAS,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;QACxD,CAAC,CAAC;QAEF,uBAAuB;QACP,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QAvCA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,uBAAuB;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE;YACxC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;SACvC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,mDAAmD;QACnD,uBAAuB;QACvB,IAAI,IAAI,CAAC,SAAS;YAChB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;QAE3D,uBAAuB;QACvB,IAAI,IAAI,CAAC,yBAAyB,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;YACnE,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI;gBACnB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,OAAO,IAAI,CAAC;SACb;QAED,uBAAuB;QACvB,OAAO,KAAK,CAAC;IACf,CAAC;CAaF","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 { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport { BaseTimelineDataProvider, PlaybackSettings } from \"@itwin/imodel-components-react\";\n\n/**  Analysis Timeline Data Provider - Allows a TimelineComponent to animate the AnalysisStyle information stored in a ViewState.\n * @public\n */\nexport class AnalysisAnimationTimelineDataProvider extends BaseTimelineDataProvider {\n  private _viewState: ViewState;\n\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\n    super(viewport);\n    this._viewState = viewState;\n\n    // istanbul ignore else\n    if (viewState && viewState.analysisStyle) {\n      this.supportsTimelineAnimation = true;\n    }\n  }\n\n  public override async loadTimelineData(): Promise<boolean> {\n    // if animationFraction is set pointer should match\n    // istanbul ignore else\n    if (this._viewport)\n      this.animationFraction = this._viewport.analysisFraction;\n\n    // istanbul ignore else\n    if (this.supportsTimelineAnimation && this._viewState.analysisStyle) {\n      // for now just initial settings\n      this.updateSettings({\n        duration: 10 * 1000,\n        loop: true,\n      });\n\n      return true;\n    }\n\n    // istanbul ignore next\n    return false;\n  }\n\n  public override onAnimationFractionChanged = (animationFraction: number) => {\n    this.animationFraction = animationFraction;\n    // istanbul ignore next\n    if (this._viewport)\n      this._viewport.analysisFraction = animationFraction;\n  };\n\n  // istanbul ignore next\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\n    this.updateSettings(settings);\n  };\n}\n"]}

package/lib/esm/appui-react/timeline/ScheduleAnimationProvider.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Timeline
- */
-import { ScreenViewport, ViewState } from "@itwin/core-frontend";
-import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
-/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
- * @public
- */
-export declare class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
-    private _viewState;
-    constructor(viewState: ViewState, viewport?: ScreenViewport);
-    loadTimelineData(): Promise<boolean>;
-    onAnimationFractionChanged: (animationFraction: number) => void;
-    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
-}
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { ScreenViewport, ViewState } from "@itwin/core-frontend";
+import { BaseTimelineDataProvider, PlaybackSettings } from "@itwin/imodel-components-react";
+/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
+ * @public
+ */
+export declare class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    private _viewState;
+    constructor(viewState: ViewState, viewport?: ScreenViewport);
+    loadTimelineData(): Promise<boolean>;
+    onAnimationFractionChanged: (animationFraction: number) => void;
+    onPlaybackSettingChanged: (settings: PlaybackSettings) => void;
+}
 //# sourceMappingURL=ScheduleAnimationProvider.d.ts.map

package/lib/esm/appui-react/timeline/ScheduleAnimationProvider.js

@@ -1,55 +1,55 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Timeline
- */
-import { BaseTimelineDataProvider } from "@itwin/imodel-components-react";
-/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
- * @public
- */
-// No access to scheduleScript to even mock in test
-// istanbul ignore next
-export class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
-    constructor(viewState, viewport) {
-        super(viewport);
-        this.onAnimationFractionChanged = (animationFraction) => {
-            this.animationFraction = animationFraction;
-            if (this._viewport) {
-                const script = this._viewport.displayStyle.scheduleScript;
-                if (script)
-                    this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);
-            }
-        };
-        this.onPlaybackSettingChanged = (settings) => {
-            this.updateSettings(settings);
-        };
-        this._viewState = viewState;
-        if (viewState && viewState.scheduleScript) {
-            this.supportsTimelineAnimation = true;
-        }
-    }
-    async loadTimelineData() {
-        const script = this._viewState.scheduleScript;
-        if (this.supportsTimelineAnimation && script) {
-            // for now just initial settings
-            this.updateSettings({
-                duration: 20 * 1000,
-                loop: true,
-            });
-            const timeRange = script.duration;
-            this.start = new Date(timeRange.low * 1000);
-            this.end = new Date(timeRange.high * 1000);
-            if (this._viewport) {
-                if (this._viewport.timePoint)
-                    this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();
-                else
-                    this.animationFraction = 0;
-            }
-            return true;
-        }
-        return false;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Timeline
+ */
+import { BaseTimelineDataProvider } from "@itwin/imodel-components-react";
+/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.
+ * @public
+ */
+// No access to scheduleScript to even mock in test
+// istanbul ignore next
+export class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {
+    constructor(viewState, viewport) {
+        super(viewport);
+        this.onAnimationFractionChanged = (animationFraction) => {
+            this.animationFraction = animationFraction;
+            if (this._viewport) {
+                const script = this._viewport.displayStyle.scheduleScript;
+                if (script)
+                    this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);
+            }
+        };
+        this.onPlaybackSettingChanged = (settings) => {
+            this.updateSettings(settings);
+        };
+        this._viewState = viewState;
+        if (viewState && viewState.scheduleScript) {
+            this.supportsTimelineAnimation = true;
+        }
+    }
+    async loadTimelineData() {
+        const script = this._viewState.scheduleScript;
+        if (this.supportsTimelineAnimation && script) {
+            // for now just initial settings
+            this.updateSettings({
+                duration: 20 * 1000,
+                loop: true,
+            });
+            const timeRange = script.duration;
+            this.start = new Date(timeRange.low * 1000);
+            this.end = new Date(timeRange.high * 1000);
+            if (this._viewport) {
+                if (this._viewport.timePoint)
+                    this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();
+                else
+                    this.animationFraction = 0;
+            }
+            return true;
+        }
+        return false;
+    }
+}
 //# sourceMappingURL=ScheduleAnimationProvider.js.map

package/lib/esm/appui-react/timeline/ScheduleAnimationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleAnimationProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,wBAAwB,EAAoB,MAAM,gCAAgC,CAAC;AAE5F;;GAEG;AACH,mDAAmD;AACnD,uBAAuB;AACvB,MAAM,OAAO,qCAAsC,SAAQ,wBAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QAkCF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC1D,IAAI,MAAM;oBACR,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;aACjF;QACH,CAAC,CAAC;QAEc,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QA5CA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,CAAC,cAAc,EAAE;YACzC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;SACvC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;QAC9C,IAAI,IAAI,CAAC,yBAAyB,IAAI,MAAM,EAAE;YAC5C,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI;gBACnB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;YAE3C,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS;oBAC1B,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;;oBAEzF,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;aAC9B;YAED,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CAcF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Timeline\r\n */\r\n\r\nimport { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { BaseTimelineDataProvider, PlaybackSettings } from \"@itwin/imodel-components-react\";\r\n\r\n/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.\r\n * @public\r\n */\r\n// No access to scheduleScript to even mock in test\r\n// istanbul ignore next\r\nexport class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {\r\n  private _viewState: ViewState;\r\n\r\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\r\n    super(viewport);\r\n    this._viewState = viewState;\r\n\r\n    if (viewState && viewState.scheduleScript) {\r\n      this.supportsTimelineAnimation = true;\r\n    }\r\n  }\r\n\r\n  public override async loadTimelineData(): Promise<boolean> {\r\n    const script = this._viewState.scheduleScript;\r\n    if (this.supportsTimelineAnimation && script) {\r\n      // for now just initial settings\r\n      this.updateSettings({\r\n        duration: 20 * 1000,      // this is playback duration\r\n        loop: true,\r\n      });\r\n\r\n      const timeRange = script.duration;\r\n      this.start = new Date(timeRange.low * 1000);\r\n      this.end = new Date(timeRange.high * 1000);\r\n\r\n      if (this._viewport) {\r\n        if (this._viewport.timePoint)\r\n          this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();\r\n        else\r\n          this.animationFraction = 0;\r\n      }\r\n\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  public override onAnimationFractionChanged = (animationFraction: number) => {\r\n    this.animationFraction = animationFraction;\r\n    if (this._viewport) {\r\n      const script = this._viewport.displayStyle.scheduleScript;\r\n      if (script)\r\n        this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);\r\n    }\r\n  };\r\n\r\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\r\n    this.updateSettings(settings);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ScheduleAnimationProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,wBAAwB,EAAoB,MAAM,gCAAgC,CAAC;AAE5F;;GAEG;AACH,mDAAmD;AACnD,uBAAuB;AACvB,MAAM,OAAO,qCAAsC,SAAQ,wBAAwB;IAGjF,YAAY,SAAoB,EAAE,QAAyB;QACzD,KAAK,CAAC,QAAQ,CAAC,CAAC;QAkCF,+BAA0B,GAAG,CAAC,iBAAyB,EAAE,EAAE;YACzE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;YAC3C,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC1D,IAAI,MAAM;oBACR,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;aACjF;QACH,CAAC,CAAC;QAEc,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QA5CA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,IAAI,SAAS,IAAI,SAAS,CAAC,cAAc,EAAE;YACzC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;SACvC;IACH,CAAC;IAEe,KAAK,CAAC,gBAAgB;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;QAC9C,IAAI,IAAI,CAAC,yBAAyB,IAAI,MAAM,EAAE;YAC5C,gCAAgC;YAChC,IAAI,CAAC,cAAc,CAAC;gBAClB,QAAQ,EAAE,EAAE,GAAG,IAAI;gBACnB,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;YAEH,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;YAE3C,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS;oBAC1B,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;;oBAEzF,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;aAC9B;YAED,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CAcF","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 { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport { BaseTimelineDataProvider, PlaybackSettings } from \"@itwin/imodel-components-react\";\n\n/** ScheduleAnimation Timeline Data Provider - allows a TimelineComponent to animate the data found in a ScheduleScript in a ViewState.\n * @public\n */\n// No access to scheduleScript to even mock in test\n// istanbul ignore next\nexport class ScheduleAnimationTimelineDataProvider extends BaseTimelineDataProvider {\n  private _viewState: ViewState;\n\n  constructor(viewState: ViewState, viewport?: ScreenViewport) {\n    super(viewport);\n    this._viewState = viewState;\n\n    if (viewState && viewState.scheduleScript) {\n      this.supportsTimelineAnimation = true;\n    }\n  }\n\n  public override async loadTimelineData(): Promise<boolean> {\n    const script = this._viewState.scheduleScript;\n    if (this.supportsTimelineAnimation && script) {\n      // for now just initial settings\n      this.updateSettings({\n        duration: 20 * 1000,      // this is playback duration\n        loop: true,\n      });\n\n      const timeRange = script.duration;\n      this.start = new Date(timeRange.low * 1000);\n      this.end = new Date(timeRange.high * 1000);\n\n      if (this._viewport) {\n        if (this._viewport.timePoint)\n          this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();\n        else\n          this.animationFraction = 0;\n      }\n\n      return true;\n    }\n\n    return false;\n  }\n\n  public override onAnimationFractionChanged = (animationFraction: number) => {\n    this.animationFraction = animationFraction;\n    if (this._viewport) {\n      const script = this._viewport.displayStyle.scheduleScript;\n      if (script)\n        this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);\n    }\n  };\n\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\n    this.updateSettings(settings);\n  };\n}\n"]}