@itwin/appui-react 4.1.0 → 4.2.0-dev.1

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -27,11 +27,11 @@ exports.SYSTEM_PREFERRED_COLOR_THEME = "SYSTEM_PREFERRED";
 /** The default widget opacity.
  * @public
  */
-exports.WIDGET_OPACITY_DEFAULT = 0.90;
+exports.WIDGET_OPACITY_DEFAULT = 0.9;
 /** The default widget opacity.
  * @public
  */
-exports.TOOLBAR_OPACITY_DEFAULT = 0.50;
+exports.TOOLBAR_OPACITY_DEFAULT = 0.5;
 function mapStateToProps(state) {
     const frameworkState = state[UiFramework_1.UiFramework.frameworkStateKey]; // since app sets up key, don't hard-code name
     // istanbul ignore if
@@ -48,44 +48,44 @@ function mapStateToProps(state) {
 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()));
+            const currentWidgetOpacity = document.documentElement.style.getPropertyValue("--buic-widget-opacity");
+            if (currentWidgetOpacity !== opacity.toString()) {
+                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 });
+            const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
+            if (currentToolbarOpacity !== opacity.toString()) {
+                setTimeout(() => {
+                    document.documentElement.style.setProperty("--buic-toolbar-opacity", opacity.toString());
+                });
             }
         };
     }
     componentDidMount() {
         this._setTheme(this.props.theme);
+        this._setWidgetOpacity(this.props.widgetOpacity);
+        this._setToolbarOpacity(this.props.toolbarOpacity);
     }
     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)
+        if (this.props.widgetOpacity !== prevProps.widgetOpacity)
             this._setWidgetOpacity(this.props.widgetOpacity);
-        const currentToolbarOpacity = document.documentElement.style.getPropertyValue("--buic-toolbar-opacity");
-        if (this.props.toolbarOpacity.toString() !== currentToolbarOpacity)
+        if (this.props.toolbarOpacity !== prevProps.toolbarOpacity)
             this._setToolbarOpacity(this.props.toolbarOpacity);
     }
     render() {
-        const theme = (this.props.theme === exports.SYSTEM_PREFERRED_COLOR_THEME) ? "os" : this.props.theme;
-        return (React.createElement(itwinui_react_1.ThemeProvider, { style: { height: "100%" }, theme: theme, "data-root-container": "iui-root-id", ref: this._handleRefSet }, this.props.children));
+        const theme = this.props.theme === exports.SYSTEM_PREFERRED_COLOR_THEME
+            ? "os"
+            : this.props.theme;
+        return (React.createElement(itwinui_react_1.ThemeProvider, { style: { height: "100%" }, theme: theme, "data-root-container": "iui-root-id" }, this.props.children));
     }
 }
 /**
@@ -93,5 +93,5 @@ class ThemeManagerComponent extends React.Component {
  * This React component is Redux connected.
  * @public
  */
-exports.ThemeManager = (0, react_redux_1.connect)(mapStateToProps)(ThemeManagerComponent); // eslint-disable-line @typescript-eslint/naming-convention
+exports.ThemeManager = (0, react_redux_1.connect)(mapStateToProps)(ThemeManagerComponent);
 //# sourceMappingURL=ThemeManager.js.map

package/lib/cjs/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 type { ThemeType } from \"@itwin/itwinui-react\";\r\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\r\nimport type { 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 type { ThemeType } from \"@itwin/itwinui-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport type { 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.9;\n\n/** The default widget opacity.\n * @public\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\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) return undefined;\n\n  return {\n    theme: frameworkState.configurableUiState.theme,\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\n    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\n  };\n}\n\n/** ThemeManagerComponent handles setting themes.\n */\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps> {\n  public override componentDidMount() {\n    this._setTheme(this.props.theme);\n    this._setWidgetOpacity(this.props.widgetOpacity);\n    this._setToolbarOpacity(this.props.toolbarOpacity);\n  }\n\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\n    if (this.props.theme !== prevProps.theme) this._setTheme(this.props.theme);\n    if (this.props.widgetOpacity !== prevProps.widgetOpacity)\n      this._setWidgetOpacity(this.props.widgetOpacity);\n    if (this.props.toolbarOpacity !== prevProps.toolbarOpacity)\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(\n      () => document.documentElement.classList.remove(\"theme-transition\"),\n      1000\n    );\n  };\n\n  private _setWidgetOpacity = (opacity: number) => {\n    const currentWidgetOpacity =\n      document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\n    if (currentWidgetOpacity !== opacity.toString()) {\n      setTimeout(() =>\n        document.documentElement.style.setProperty(\n          \"--buic-widget-opacity\",\n          opacity.toString()\n        )\n      );\n    }\n  };\n\n  private _setToolbarOpacity = (opacity: number) => {\n    const currentToolbarOpacity =\n      document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\n    if (currentToolbarOpacity !== opacity.toString()) {\n      setTimeout(() => {\n        document.documentElement.style.setProperty(\n          \"--buic-toolbar-opacity\",\n          opacity.toString()\n        );\n      });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const theme: ThemeType =\n      this.props.theme === SYSTEM_PREFERRED_COLOR_THEME\n        ? \"os\"\n        : (this.props.theme as ThemeType);\n\n    return (\n      <ThemeProvider\n        style={{ height: \"100%\" }}\n        theme={theme}\n        data-root-container={\"iui-root-id\"}\n      >\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);\n"]}

package/lib/cjs/appui-react/timeline/AnalysisAnimationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalysisAnimationProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/AnalysisAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AACH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IAUrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAqB1C,0BAA0B,sBAAuB,MAAM,UAKrE;IAGc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}
+{"version":3,"file":"AnalysisAnimationProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/AnalysisAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AACH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IAUrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAqB1C,0BAA0B,sBAAuB,MAAM,UAIrE;IAGc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

package/lib/cjs/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;;;AAIH,4EAA0E;AAE1E;;GAEG;AACH,MAAa,qCAAsC,SAAQ,kDAAwB;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;AA7CD,sFA6CC","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 type { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport type { PlaybackSettings } from \"@itwin/imodel-components-react\";\r\nimport { BaseTimelineDataProvider } 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;;;gGAGgG;AAChG;;GAEG;;;AAIH,4EAA0E;AAE1E;;GAEG;AACH,MAAa,qCAAsC,SAAQ,kDAAwB;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;gBAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;QAC1E,CAAC,CAAC;QAEF,uBAAuB;QACP,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QAtCA,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;CAYF;AA5CD,sFA4CC","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 type { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport type { PlaybackSettings } from \"@itwin/imodel-components-react\";\nimport { BaseTimelineDataProvider } 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) 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/cjs/appui-react/timeline/ScheduleAnimationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleAnimationProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AAGH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IASrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IA0B1C,0BAA0B,sBAAuB,MAAM,UAOrE;IAEc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}
+{"version":3,"file":"ScheduleAnimationProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/ScheduleAnimationProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE1E;;GAEG;AAGH,qBAAa,qCAAsC,SAAQ,wBAAwB;IACjF,OAAO,CAAC,UAAU,CAAY;gBAElB,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc;IASrC,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IA0B1C,0BAA0B,sBAAuB,MAAM,UAQrE;IAEc,wBAAwB,aAAc,gBAAgB,UAEpE;CACH"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -22,7 +22,8 @@ class ScheduleAnimationTimelineDataProvider extends imodel_components_react_1.Ba
             if (this._viewport) {
                 const script = this._viewport.displayStyle.scheduleScript;
                 if (script)
-                    this._viewport.timePoint = script.duration.fractionToPoint(animationFraction);
+                    this._viewport.timePoint =
+                        script.duration.fractionToPoint(animationFraction);
             }
         };
         this.onPlaybackSettingChanged = (settings) => {
@@ -46,7 +47,8 @@ class ScheduleAnimationTimelineDataProvider extends imodel_components_react_1.Ba
             this.end = new Date(timeRange.high * 1000);
             if (this._viewport) {
                 if (this._viewport.timePoint)
-                    this.animationFraction = (this._viewport.timePoint - timeRange.low) / timeRange.length();
+                    this.animationFraction =
+                        (this._viewport.timePoint - timeRange.low) / timeRange.length();
                 else
                     this.animationFraction = 0;
             }

package/lib/cjs/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;;;AAIH,4EAA0E;AAE1E;;GAEG;AACH,mDAAmD;AACnD,uBAAuB;AACvB,MAAa,qCAAsC,SAAQ,kDAAwB;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;AAlDD,sFAkDC","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 type { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport type { PlaybackSettings } from \"@itwin/imodel-components-react\";\r\nimport { BaseTimelineDataProvider } 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;;;gGAGgG;AAChG;;GAEG;;;AAIH,4EAA0E;AAE1E;;GAEG;AACH,mDAAmD;AACnD,uBAAuB;AACvB,MAAa,qCAAsC,SAAQ,kDAAwB;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;wBACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;QAEc,6BAAwB,GAAG,CAAC,QAA0B,EAAE,EAAE;YACxE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC,CAAC;QA7CA,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;wBACpB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;;oBAC/D,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;aACjC;YAED,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CAeF;AAnDD,sFAmDC","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 type { ScreenViewport, ViewState } from \"@itwin/core-frontend\";\nimport type { PlaybackSettings } from \"@itwin/imodel-components-react\";\nimport { BaseTimelineDataProvider } 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 =\n            (this._viewport.timePoint - timeRange.low) / timeRange.length();\n        else 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 =\n          script.duration.fractionToPoint(animationFraction);\n    }\n  };\n\n  public override onPlaybackSettingChanged = (settings: PlaybackSettings) => {\n    this.updateSettings(settings);\n  };\n}\n"]}

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolarTimelineDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/SolarTimelineDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAA6B,QAAQ,EAAuB,MAAM,oBAAoB,CAAC;AAC9F,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAKvE;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,qBAAqB;IAClE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC;IAEhC,SAAS,KAAK,eAAe,IAAI,mBAAmB,GAAG,SAAS,CAE/D;IAED,iIAAiI;gBACrH,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAgBlG,IAAoB,kBAAkB,YAGrC;IAEe,aAAa,SAAU,IAAI,UAIzC;IAEF,IAAoB,WAAW,IAAI,QAAQ,CAG1C;IAED,IAAoB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAgB9C;CACF"}
+{"version":3,"file":"SolarTimelineDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/timeline/SolarTimelineDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAGL,QAAQ,EAET,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAKvE;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,qBAAqB;IAClE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC;IAEhC,SAAS,KAAK,eAAe,IAAI,mBAAmB,GAAG,SAAS,CAI/D;IAED,iIAAiI;gBAE/H,SAAS,EAAE,SAAS,EACpB,QAAQ,CAAC,EAAE,cAAc,EACzB,SAAS,CAAC,EAAE,MAAM,EAClB,QAAQ,CAAC,EAAE,MAAM;IAqBnB,IAAoB,kBAAkB,YAGrC;IAEe,aAAa,SAAU,IAAI,UAIzC;IAEF,IAAoB,WAAW,IAAI,QAAQ,CAK1C;IAED,IAAoB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAmB9C;CACF"}

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -17,7 +17,9 @@ const imodel_components_react_1 = require("@itwin/imodel-components-react");
  */
 class SolarTimelineDataProvider extends imodel_components_react_1.BaseSolarDataProvider {
     get _displayStyle3d() {
-        return undefined !== this._viewport && this._viewport.view.is3d() ? this._viewport.view.displayStyle : undefined;
+        return undefined !== this._viewport && this._viewport.view.is3d()
+            ? this._viewport.view.displayStyle
+            : undefined;
     }
     /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not "GeoLocated"  */
     constructor(viewState, viewport, longitude, latitude) {
@@ -33,7 +35,11 @@ class SolarTimelineDataProvider extends imodel_components_react_1.BaseSolarDataP
             this._cartographicCenter = this.getCartographicCenter(viewState.iModel);
         }
         else {
-            this._cartographicCenter = core_common_1.Cartographic.fromDegrees({ longitude: this.longitude, latitude: this.latitude, height: 0.0 });
+            this._cartographicCenter = core_common_1.Cartographic.fromDegrees({
+                longitude: this.longitude,
+                latitude: this.latitude,
+                height: 0.0,
+            });
         }
         this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);
         this.initializeData(this._projectTimeZoneOffset);
@@ -45,7 +51,9 @@ class SolarTimelineDataProvider extends imodel_components_react_1.BaseSolarDataP
     }
     get shadowColor() {
         const style = this._displayStyle3d;
-        return style ? style.settings.solarShadows.color.toColorDef() : core_common_1.ColorDef.create(core_common_1.ColorByName.gray);
+        return style
+            ? style.settings.solarShadows.color.toColorDef()
+            : core_common_1.ColorDef.create(core_common_1.ColorByName.gray);
     }
     set shadowColor(color) {
         const displayStyle = this._displayStyle3d;
@@ -53,13 +61,16 @@ class SolarTimelineDataProvider extends imodel_components_react_1.BaseSolarDataP
             return;
         const prevColor = displayStyle.settings.solarShadows.color;
         const newColor = color.colors;
-        if (prevColor.r === newColor.r && prevColor.g === newColor.g && prevColor.b === newColor.b)
+        if (prevColor.r === newColor.r &&
+            prevColor.g === newColor.g &&
+            prevColor.b === newColor.b)
             return;
         const newSettings = displayStyle.settings.solarShadows.toJSON();
         if (!newSettings)
             return;
         newSettings.color = color.tbgr;
-        displayStyle.settings.solarShadows = core_common_1.SolarShadowSettings.fromJSON(newSettings);
+        displayStyle.settings.solarShadows =
+            core_common_1.SolarShadowSettings.fromJSON(newSettings);
     }
 }
 exports.SolarTimelineDataProvider = SolarTimelineDataProvider;

package/lib/cjs/appui-react/timeline/SolarTimelineDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolarTimelineDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/SolarTimelineDataProvider.ts"],"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 Timeline\r\n */\r\n\r\nimport { Cartographic, ColorByName, ColorDef, SolarShadowSettings } from \"@itwin/core-common\";\r\nimport type { DisplayStyle3dState, ScreenViewport, ViewState } from \"@itwin/core-frontend\";\r\nimport { BaseSolarDataProvider } from \"@itwin/imodel-components-react\";\r\n\r\n// the interface and class are in alpha state - it may change after usability testing - test coverage not complete\r\n/* istanbul ignore file */\r\n\r\n/** Default Solar Data Provider interface for getting and setting solar position from iModels view definitions.\r\n * @alpha\r\n */\r\nexport class SolarTimelineDataProvider extends BaseSolarDataProvider {\r\n  protected _viewState: ViewState;\r\n\r\n  protected get _displayStyle3d(): DisplayStyle3dState | undefined {\r\n    return undefined !== this._viewport && this._viewport.view.is3d() ? this._viewport.view.displayStyle : undefined;\r\n  }\r\n\r\n  /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not \"GeoLocated\"  */\r\n  constructor(viewState: ViewState, viewport?: ScreenViewport, longitude?: number, latitude?: number) {\r\n    super(viewport, longitude, latitude);\r\n    this._viewState = viewState;\r\n\r\n    if (viewState.is3d()) {\r\n      this.supportsTimelineAnimation = true;\r\n      this._cartographicCenter = this.getCartographicCenter(viewState.iModel);\r\n    } else {\r\n      this._cartographicCenter = Cartographic.fromDegrees({ longitude: this.longitude, latitude: this.latitude, height: 0.0 });\r\n    }\r\n\r\n    this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);\r\n    this.initializeData(this._projectTimeZoneOffset);\r\n    this.onTimeChanged(this.timeOfDay);\r\n  }\r\n\r\n  public override get shouldShowTimeline() {\r\n    const style = this._displayStyle3d;\r\n    return undefined !== style && style.viewFlags.shadows;\r\n  }\r\n\r\n  public override onTimeChanged = (time: Date) => {\r\n    if (this._viewport && this._viewport.view.is3d()) {\r\n      this._viewport.view.displayStyle.setSunTime(time.getTime());\r\n    }\r\n  };\r\n\r\n  public override get shadowColor(): ColorDef {\r\n    const style = this._displayStyle3d;\r\n    return style ? style.settings.solarShadows.color.toColorDef() : ColorDef.create(ColorByName.gray);\r\n  }\r\n\r\n  public override set shadowColor(color: ColorDef) {\r\n    const displayStyle = this._displayStyle3d;\r\n    if (!displayStyle)\r\n      return;\r\n\r\n    const prevColor = displayStyle.settings.solarShadows.color;\r\n    const newColor = color.colors;\r\n    if (prevColor.r === newColor.r && prevColor.g === newColor.g && prevColor.b === newColor.b)\r\n      return;\r\n\r\n    const newSettings = displayStyle.settings.solarShadows.toJSON();\r\n    if (!newSettings)\r\n      return;\r\n\r\n    newSettings.color = color.tbgr;\r\n    displayStyle.settings.solarShadows = SolarShadowSettings.fromJSON(newSettings);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SolarTimelineDataProvider.js","sourceRoot":"","sources":["../../../../src/appui-react/timeline/SolarTimelineDataProvider.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 Timeline\n */\n\nimport {\n  Cartographic,\n  ColorByName,\n  ColorDef,\n  SolarShadowSettings,\n} from \"@itwin/core-common\";\nimport type {\n  DisplayStyle3dState,\n  ScreenViewport,\n  ViewState,\n} from \"@itwin/core-frontend\";\nimport { BaseSolarDataProvider } from \"@itwin/imodel-components-react\";\n\n// the interface and class are in alpha state - it may change after usability testing - test coverage not complete\n/* istanbul ignore file */\n\n/** Default Solar Data Provider interface for getting and setting solar position from iModels view definitions.\n * @alpha\n */\nexport class SolarTimelineDataProvider extends BaseSolarDataProvider {\n  protected _viewState: ViewState;\n\n  protected get _displayStyle3d(): DisplayStyle3dState | undefined {\n    return undefined !== this._viewport && this._viewport.view.is3d()\n      ? this._viewport.view.displayStyle\n      : undefined;\n  }\n\n  /** constructor that takes an optional viewport and optional position on globe that is used if the imodel is not \"GeoLocated\"  */\n  constructor(\n    viewState: ViewState,\n    viewport?: ScreenViewport,\n    longitude?: number,\n    latitude?: number\n  ) {\n    super(viewport, longitude, latitude);\n    this._viewState = viewState;\n\n    if (viewState.is3d()) {\n      this.supportsTimelineAnimation = true;\n      this._cartographicCenter = this.getCartographicCenter(viewState.iModel);\n    } else {\n      this._cartographicCenter = Cartographic.fromDegrees({\n        longitude: this.longitude,\n        latitude: this.latitude,\n        height: 0.0,\n      });\n    }\n\n    this._projectTimeZoneOffset = this.getZone(this._cartographicCenter);\n    this.initializeData(this._projectTimeZoneOffset);\n    this.onTimeChanged(this.timeOfDay);\n  }\n\n  public override get shouldShowTimeline() {\n    const style = this._displayStyle3d;\n    return undefined !== style && style.viewFlags.shadows;\n  }\n\n  public override onTimeChanged = (time: Date) => {\n    if (this._viewport && this._viewport.view.is3d()) {\n      this._viewport.view.displayStyle.setSunTime(time.getTime());\n    }\n  };\n\n  public override get shadowColor(): ColorDef {\n    const style = this._displayStyle3d;\n    return style\n      ? style.settings.solarShadows.color.toColorDef()\n      : ColorDef.create(ColorByName.gray);\n  }\n\n  public override set shadowColor(color: ColorDef) {\n    const displayStyle = this._displayStyle3d;\n    if (!displayStyle) return;\n\n    const prevColor = displayStyle.settings.solarShadows.color;\n    const newColor = color.colors;\n    if (\n      prevColor.r === newColor.r &&\n      prevColor.g === newColor.g &&\n      prevColor.b === newColor.b\n    )\n      return;\n\n    const newSettings = displayStyle.settings.solarShadows.toJSON();\n    if (!newSettings) return;\n\n    newSettings.color = color.tbgr;\n    displayStyle.settings.solarShadows =\n      SolarShadowSettings.fromJSON(newSettings);\n  }\n}\n"]}

package/lib/cjs/appui-react/toolbar/DragInteraction.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Item
  */
@@ -12,5 +12,5 @@ const React = require("react");
 /** Context used to enable toolbar drag interaction.
  * @beta
  */
-exports.ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention
+exports.ToolbarDragInteractionContext = React.createContext(false);
 //# sourceMappingURL=DragInteraction.js.map

package/lib/cjs/appui-react/toolbar/DragInteraction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragInteraction.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B;;GAEG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,2DAA2D","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 Item\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Context used to enable toolbar drag interaction.\r\n * @beta\r\n */\r\nexport const ToolbarDragInteractionContext = React.createContext(false); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}
+{"version":3,"file":"DragInteraction.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/DragInteraction.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B;;GAEG;AACU,QAAA,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC","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 Item\n */\n\nimport * as React from \"react\";\n\n/** Context used to enable toolbar drag interaction.\n * @beta\n */\nexport const ToolbarDragInteractionContext = React.createContext(false);\n"]}

package/lib/cjs/appui-react/toolbar/GroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQzD;;GAEG;AACH,qBAAa,YAAa,SAAQ,mBAAmB;IACnD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,aAAa,SAAY;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAEpC,gBAAgB;IACT,QAAQ,EAAE,OAAO,CAAS;IAEjC,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,WAAW,CAAsD;gBAE7D,cAAc,EAAE,cAAc,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAiB/E,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,gCAAgC;IAChC,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED;;OAEG;IACI,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAI/D,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAcnC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIhD,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7D,IAAW,SAAS,IAAI,MAAM,CAE7B;IAEe,OAAO,IAAI,IAAI;CAEhC"}
+{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQzD;;GAEG;AACH,qBAAa,YAAa,SAAQ,mBAAmB;IACnD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,aAAa,SAAY;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAEpC,gBAAgB;IACT,QAAQ,EAAE,OAAO,CAAS;IAEjC,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,WAAW,CAAsD;gBAGvE,cAAc,EAAE,cAAc,EAC9B,cAAc,CAAC,EAAE,kBAAkB;IAwBrC,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,gCAAgC;IAChC,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED;;OAEG;IACI,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAI/D,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAanC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIhD,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7D,IAAW,SAAS,IAAI,MAAM,CAE7B;IAEe,OAAO,IAAI,IAAI;CAChC"}

package/lib/cjs/appui-react/toolbar/GroupItem.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Item
  */
@@ -23,14 +23,18 @@ class GroupItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
         /** @internal */
         this.overflow = false;
         this._panelLabel = "";
-        this.groupId = (groupItemProps.groupId !== undefined) ? groupItemProps.groupId : "";
+        this.groupId =
+            groupItemProps.groupId !== undefined ? groupItemProps.groupId : "";
         if (groupItemProps.groupId)
             this.groupId = groupItemProps.groupId;
         else {
             GroupItemDef._sId++;
             this.groupId = GroupItemDef.groupIdPrefix + GroupItemDef._sId;
         }
-        this.itemsInColumn = (groupItemProps.itemsInColumn !== undefined) ? groupItemProps.itemsInColumn : 7;
+        this.itemsInColumn =
+            groupItemProps.itemsInColumn !== undefined
+                ? groupItemProps.itemsInColumn
+                : 7;
         this._panelLabel = PropsHelper_1.PropsHelper.getStringSpec(groupItemProps.panelLabel, groupItemProps.panelLabelKey);
         this.items = groupItemProps.items;
         this.defaultActiveItemId = groupItemProps.defaultActiveItemId;
@@ -68,8 +72,7 @@ class GroupItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
     get itemCount() {
         return this._itemList.items.length;
     }
-    execute() {
-    }
+    execute() { }
 }
 GroupItemDef._sId = 0;
 GroupItemDef.groupIdPrefix = "Group-";

package/lib/cjs/appui-react/toolbar/GroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,uEAAoE;AAIpE,+CAAsD;AACtD,sDAAmD;AAEnD,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAEhF;;GAEG;AACH,MAAa,YAAa,SAAQ,yCAAmB;IAgBnD,YAAY,cAA8B,EAAE,cAAmC;QAC7E,KAAK,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QARxC,gBAAgB;QACT,aAAQ,GAAY,KAAK,CAAC;QAIzB,gBAAW,GAAmD,EAAE,CAAC;QAKvE,IAAI,CAAC,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACpF,IAAI,cAAc,CAAC,OAAO;YACxB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;aACnC;YACH,YAAY,CAAC,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC;SAC/D;QAED,IAAI,CAAC,aAAa,GAAG,CAAC,cAAc,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QACrG,IAAI,CAAC,WAAW,GAAG,yBAAW,CAAC,aAAa,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;QACtG,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,CAAC;IAChE,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,gCAAgC;IAChC,IAAW,UAAU;QACnB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzD,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,CAAiD;QACpE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IACvB,CAAC;IAEM,YAAY,CAAC,KAAe;QACjC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK;YAC1B,OAAO;QAET,IAAI,CAAC,SAAS,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,iBAAO,EAAE,CAAC;QAE9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;YAClC,MAAM,EAAE,GAAW,IAAI,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,WAAW,CAAC,EAAU;QAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;IAEM,cAAc,CAAC,KAAa;QACjC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IACrC,CAAC;IAEe,OAAO;IACvB,CAAC;;AA3Ec,iBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,0BAAa,GAAG,QAAQ,AAAX,CAAY;AAF5B,oCAAY","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 Item\r\n */\r\n\r\nimport type { ConditionalStringValue, OnItemExecutedFunc, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\r\nimport type { AnyItemDef } from \"../shared/AnyItemDef\";\r\nimport type { GroupItemProps } from \"../shared/GroupItemProps\";\r\nimport type { ItemDefBase } from \"../shared/ItemDefBase\";\r\nimport { ItemList, ItemMap } from \"../shared/ItemMap\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\n\r\n// -----------------------------------------------------------------------------\r\n// GroupItemDef class\r\n// -----------------------------------------------------------------------------\r\n\r\n/** An Item that opens a group of items.\r\n * @public\r\n */\r\nexport class GroupItemDef extends ActionButtonItemDef {\r\n  private static _sId = 0;\r\n  public static groupIdPrefix = \"Group-\";\r\n\r\n  public groupId: string;\r\n  public itemsInColumn: number;\r\n  public items: AnyItemDef[];\r\n  public defaultActiveItemId?: string;\r\n\r\n  /** @internal */\r\n  public overflow: boolean = false;\r\n\r\n  private _itemList!: ItemList;\r\n  private _itemMap!: ItemMap;\r\n  private _panelLabel: string | StringGetter | ConditionalStringValue = \"\";\r\n\r\n  constructor(groupItemProps: GroupItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(groupItemProps, onItemExecuted);\r\n\r\n    this.groupId = (groupItemProps.groupId !== undefined) ? groupItemProps.groupId : \"\";\r\n    if (groupItemProps.groupId)\r\n      this.groupId = groupItemProps.groupId;\r\n    else {\r\n      GroupItemDef._sId++;\r\n      this.groupId = GroupItemDef.groupIdPrefix + GroupItemDef._sId;\r\n    }\r\n\r\n    this.itemsInColumn = (groupItemProps.itemsInColumn !== undefined) ? groupItemProps.itemsInColumn : 7;\r\n    this._panelLabel = PropsHelper.getStringSpec(groupItemProps.panelLabel, groupItemProps.panelLabelKey);\r\n    this.items = groupItemProps.items;\r\n    this.defaultActiveItemId = groupItemProps.defaultActiveItemId;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.groupId;\r\n  }\r\n\r\n  /** Get the panelLabel string */\r\n  public get panelLabel(): string {\r\n    return PropsHelper.getStringFromSpec(this._panelLabel);\r\n  }\r\n\r\n  /** Set the panelLabel.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setPanelLabel(v: string | StringGetter | ConditionalStringValue) {\r\n    this._panelLabel = v;\r\n  }\r\n\r\n  public resolveItems(force?: boolean): void {\r\n    if (this._itemList && !force)\r\n      return;\r\n\r\n    this._itemList = new ItemList();\r\n    this._itemMap = new ItemMap();\r\n\r\n    this.items.map((item: AnyItemDef) => {\r\n      const id: string = item.id;\r\n      this._itemList.addItem(item);\r\n      this._itemMap.set(id, item);\r\n    });\r\n  }\r\n\r\n  public getItemById(id: string): ItemDefBase | undefined {\r\n    return this._itemMap.get(id);\r\n  }\r\n\r\n  public getItemByIndex(index: number): ItemDefBase | undefined {\r\n    return this._itemList.items[index];\r\n  }\r\n\r\n  public get itemCount(): number {\r\n    return this._itemList.items.length;\r\n  }\r\n\r\n  public override execute(): void {\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"GroupItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/GroupItem.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAOH,uEAAoE;AAIpE,+CAAsD;AACtD,sDAAmD;AAEnD,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAEhF;;GAEG;AACH,MAAa,YAAa,SAAQ,yCAAmB;IAgBnD,YACE,cAA8B,EAC9B,cAAmC;QAEnC,KAAK,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAXxC,gBAAgB;QACT,aAAQ,GAAY,KAAK,CAAC;QAIzB,gBAAW,GAAmD,EAAE,CAAC;QAQvE,IAAI,CAAC,OAAO;YACV,cAAc,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,IAAI,cAAc,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;aAC7D;YACH,YAAY,CAAC,IAAI,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC;SAC/D;QAED,IAAI,CAAC,aAAa;YAChB,cAAc,CAAC,aAAa,KAAK,SAAS;gBACxC,CAAC,CAAC,cAAc,CAAC,aAAa;gBAC9B,CAAC,CAAC,CAAC,CAAC;QACR,IAAI,CAAC,WAAW,GAAG,yBAAW,CAAC,aAAa,CAC1C,cAAc,CAAC,UAAU,EACzB,cAAc,CAAC,aAAa,CAC7B,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,CAAC;IAChE,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,gCAAgC;IAChC,IAAW,UAAU;QACnB,OAAO,yBAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzD,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,CAAiD;QACpE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IACvB,CAAC;IAEM,YAAY,CAAC,KAAe;QACjC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK;YAAE,OAAO;QAErC,IAAI,CAAC,SAAS,GAAG,IAAI,kBAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,iBAAO,EAAE,CAAC;QAE9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;YAClC,MAAM,EAAE,GAAW,IAAI,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,WAAW,CAAC,EAAU;QAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;IAEM,cAAc,CAAC,KAAa;QACjC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IACrC,CAAC;IAEe,OAAO,KAAU,CAAC;;AAlFnB,iBAAI,GAAG,CAAC,AAAJ,CAAK;AACV,0BAAa,GAAG,QAAQ,AAAX,CAAY;AAF5B,oCAAY","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 Item\n */\n\nimport type {\n  ConditionalStringValue,\n  OnItemExecutedFunc,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"../shared/ActionButtonItemDef\";\nimport type { AnyItemDef } from \"../shared/AnyItemDef\";\nimport type { GroupItemProps } from \"../shared/GroupItemProps\";\nimport type { ItemDefBase } from \"../shared/ItemDefBase\";\nimport { ItemList, ItemMap } from \"../shared/ItemMap\";\nimport { PropsHelper } from \"../utils/PropsHelper\";\n\n// -----------------------------------------------------------------------------\n// GroupItemDef class\n// -----------------------------------------------------------------------------\n\n/** An Item that opens a group of items.\n * @public\n */\nexport class GroupItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static groupIdPrefix = \"Group-\";\n\n  public groupId: string;\n  public itemsInColumn: number;\n  public items: AnyItemDef[];\n  public defaultActiveItemId?: string;\n\n  /** @internal */\n  public overflow: boolean = false;\n\n  private _itemList!: ItemList;\n  private _itemMap!: ItemMap;\n  private _panelLabel: string | StringGetter | ConditionalStringValue = \"\";\n\n  constructor(\n    groupItemProps: GroupItemProps,\n    onItemExecuted?: OnItemExecutedFunc\n  ) {\n    super(groupItemProps, onItemExecuted);\n\n    this.groupId =\n      groupItemProps.groupId !== undefined ? groupItemProps.groupId : \"\";\n    if (groupItemProps.groupId) this.groupId = groupItemProps.groupId;\n    else {\n      GroupItemDef._sId++;\n      this.groupId = GroupItemDef.groupIdPrefix + GroupItemDef._sId;\n    }\n\n    this.itemsInColumn =\n      groupItemProps.itemsInColumn !== undefined\n        ? groupItemProps.itemsInColumn\n        : 7;\n    this._panelLabel = PropsHelper.getStringSpec(\n      groupItemProps.panelLabel,\n      groupItemProps.panelLabelKey\n    );\n    this.items = groupItemProps.items;\n    this.defaultActiveItemId = groupItemProps.defaultActiveItemId;\n  }\n\n  public get id(): string {\n    return this.groupId;\n  }\n\n  /** Get the panelLabel string */\n  public get panelLabel(): string {\n    return PropsHelper.getStringFromSpec(this._panelLabel);\n  }\n\n  /** Set the panelLabel.\n   * @param v A string or a function to get the string.\n   */\n  public setPanelLabel(v: string | StringGetter | ConditionalStringValue) {\n    this._panelLabel = v;\n  }\n\n  public resolveItems(force?: boolean): void {\n    if (this._itemList && !force) return;\n\n    this._itemList = new ItemList();\n    this._itemMap = new ItemMap();\n\n    this.items.map((item: AnyItemDef) => {\n      const id: string = item.id;\n      this._itemList.addItem(item);\n      this._itemMap.set(id, item);\n    });\n  }\n\n  public getItemById(id: string): ItemDefBase | undefined {\n    return this._itemMap.get(id);\n  }\n\n  public getItemByIndex(index: number): ItemDefBase | undefined {\n    return this._itemList.items[index];\n  }\n\n  public get itemCount(): number {\n    return this._itemList.items.length;\n  }\n\n  public override execute(): void {}\n}\n"]}

package/lib/cjs/appui-react/toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEvG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,eAAe;IAChE,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uGAAuG;IACvG,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eAW1C"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EACV,SAAS,EACT,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,eAAe;IAChE,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uGAAuG;IACvG,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eAW1C"}

package/lib/cjs/appui-react/toolbar/Toolbar.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Toolbar
  */

package/lib/cjs/appui-react/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAI/B,8DAAgE;AAEhE,yDAAsD;AAsBtD;;GAEG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,mCAAgB,EAAC,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,CACL,oBAAC,0BAAU,CAAC,8CAA8C;QACxD,KAAK,EAAE,QAAQ,KACX,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAXD,0BAWC","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 Toolbar\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\r\nimport type { Direction, ToolbarOpacitySetting, ToolbarPanelAlignment } from \"@itwin/components-react\";\r\nimport { Toolbar as CR_Toolbar } from \"@itwin/components-react\";\r\nimport type { ToolbarItem } from \"./ToolbarItem\";\r\nimport { toUIAToolbarItem } from \"./toUIAToolbarItem\";\r\n\r\n/** Properties of [[Toolbar]] component.\r\n * @beta\r\n */\r\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\r\n  /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */\r\n  expandsTo?: Direction;\r\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\r\n  items: ToolbarItem[];\r\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\r\n  panelAlignment?: ToolbarPanelAlignment;\r\n  /** Use Drag Interaction to open popups with nest action buttons */\r\n  useDragInteraction?: boolean;\r\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\r\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\r\n  /** Optional function to call on any item execution */\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n  /** Optional function to call on any KeyDown events processed by toolbar */\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n}\r\n\r\n/** Component that displays toolbar items.\r\n * @beta\r\n */\r\nexport function Toolbar(props: ToolbarProps) {\r\n  const { items, ...other } = props;\r\n  const uiaItems = React.useMemo(() => {\r\n    return items.map((item) => toUIAToolbarItem(item));\r\n  }, [items]);\r\n  return (\r\n    <CR_Toolbar // eslint-disable-line deprecation/deprecation\r\n      items={uiaItems}\r\n      {...other}\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAQ/B,8DAAgE;AAEhE,yDAAsD;AAsBtD;;GAEG;AACH,SAAgB,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,mCAAgB,EAAC,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,CACL,oBAAC,0BAAU,CAAC,8CAA8C;QACxD,KAAK,EAAE,QAAQ,KACX,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAXD,0BAWC","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 Toolbar\n */\n\nimport * as React from \"react\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport { Toolbar as CR_Toolbar } from \"@itwin/components-react\";\nimport type { ToolbarItem } from \"./ToolbarItem\";\nimport { toUIAToolbarItem } from \"./toUIAToolbarItem\";\n\n/** Properties of [[Toolbar]] component.\n * @beta\n */\nexport interface ToolbarProps extends CommonProps, NoChildrenProps {\n  /** Describes to which direction the popup panels are expanded. Defaults to: [[Direction.Bottom]] */\n  expandsTo?: Direction;\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\n  items: ToolbarItem[];\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\n  panelAlignment?: ToolbarPanelAlignment;\n  /** Use Drag Interaction to open popups with nest action buttons */\n  useDragInteraction?: boolean;\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\n  /** Optional function to call on any item execution */\n  onItemExecuted?: OnItemExecutedFunc;\n  /** Optional function to call on any KeyDown events processed by toolbar */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Component that displays toolbar items.\n * @beta\n */\nexport function Toolbar(props: ToolbarProps) {\n  const { items, ...other } = props;\n  const uiaItems = React.useMemo(() => {\n    return items.map((item) => toUIAToolbarItem(item));\n  }, [items]);\n  return (\n    <CR_Toolbar // eslint-disable-line deprecation/deprecation\n      items={uiaItems}\n      {...other}\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/toolbar/ToolbarComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAYH,OAAO,KAAK,EAAuC,WAAW,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAA2C,kBAAkB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqM1G;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,eAoC5D"}
+{"version":3,"file":"ToolbarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAgBH,OAAO,KAAK,EAGV,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,kBAAkB,EAClB,YAAY,EACb,MAAM,eAAe,CAAC;AAoPvB;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,eAkE5D"}