@itwin/appui-react 4.0.0-dev.11 → 4.0.0-dev.13

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

@@ -1,56 +1,56 @@
-/** @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;
-/** The default widget opacity.
- * @public
- */
-export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
-/** Properties of [[ThemeManagerComponent]].
- */
-interface ThemeManagerProps {
-    /** theme ("light", "dark", etc.) */
-    theme: string;
-    widgetOpacity: number;
-    children?: React.ReactNode;
-    toolbarOpacity: number;
-}
-/** @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 _setToolbarOpacity;
-    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" | "toolbarOpacity">>;
-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;
+/** The default widget opacity.
+ * @public
+ */
+export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Properties of [[ThemeManagerComponent]].
+ */
+interface ThemeManagerProps {
+    /** theme ("light", "dark", etc.) */
+    theme: string;
+    widgetOpacity: number;
+    children?: React.ReactNode;
+    toolbarOpacity: number;
+}
+/** @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 _setToolbarOpacity;
+    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" | "toolbarOpacity">>;
+export {};
 //# sourceMappingURL=ThemeManager.d.ts.map

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

@@ -1,94 +1,93 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
-/** The default widget opacity.
- * @public
- */
-export const TOOLBAR_OPACITY_DEFAULT = 0.50;
-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,
-        toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,
-    };
-}
-/** 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._setToolbarOpacity = (opacity) => {
-            setTimeout(() => document.documentElement.style.setProperty("--buic-toolbar-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 currentWidgetOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
-        if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)
-            this._setWidgetOpacity(this.props.widgetOpacity);
-        const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
-        if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)
-            this._setToolbarOpacity(this.props.toolbarOpacity);
-    }
-    render() {
-        const theme = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
-        return (React.createElement(ThemeProvider, { style: { height: "100%" }, theme: theme, "data-root-container": "iui-root-id", ref: this._handleRefSet }, 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;
+/** The default widget opacity.
+ * @public
+ */
+export const TOOLBAR_OPACITY_DEFAULT = 0.50;
+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,
+        toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,
+    };
+}
+/** 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._setToolbarOpacity = (opacity) => {
+            setTimeout(() => document.documentElement.style.setProperty("--buic-toolbar-opacity", opacity.toString()));
+        };
+        this._handleRefSet = (popupDiv) => {
+            const ownerDocument = popupDiv?.ownerDocument ?? 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 currentWidgetOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
+        if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)
+            this._setWidgetOpacity(this.props.widgetOpacity);
+        const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
+        if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)
+            this._setToolbarOpacity(this.props.toolbarOpacity);
+    }
+    render() {
+        const theme = (this.props.theme === SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
+        return (React.createElement(ThemeProvider, { style: { height: "100%" }, theme: theme, "data-root-container": "iui-root-id", ref: this._handleRefSet }, 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/** The default widget opacity.\r\n * @public\r\n */\r\nexport const TOOLBAR_OPACITY_DEFAULT = 0.50;\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  toolbarOpacity: number;\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    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\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 currentWidgetOpacity = document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\r\n    if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)\r\n      this._setWidgetOpacity(this.props.widgetOpacity);\r\n    const currentToolbarOpacity = document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\r\n    if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)\r\n      this._setToolbarOpacity(this.props.toolbarOpacity);\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 _setToolbarOpacity = (opacity: number) => {\r\n    setTimeout(() =>\r\n      document.documentElement.style.setProperty(\"--buic-toolbar-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      <ThemeProvider style={{ height: \"100%\" }} theme={theme} data-root-container={\"iui-root-id\"} ref={this._handleRefSet}>\r\n        {this.props.children}\r\n      </ThemeProvider>\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":"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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 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/** The default widget opacity.\n * @public\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.50;\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  toolbarOpacity: number;\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    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\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 currentWidgetOpacity = document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\n    if (this.props.widgetOpacity.toString() !== currentWidgetOpacity)\n      this._setWidgetOpacity(this.props.widgetOpacity);\n    const currentToolbarOpacity = document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\n    if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)\n      this._setToolbarOpacity(this.props.toolbarOpacity);\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 _setToolbarOpacity = (opacity: number) => {\n    setTimeout(() =>\n      document.documentElement.style.setProperty(\"--buic-toolbar-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      <ThemeProvider style={{ height: \"100%\" }} theme={theme} data-root-container={\"iui-root-id\"} ref={this._handleRefSet}>\n        {this.props.children}\n      </ThemeProvider>\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