@itwin/appui-react 3.0.0-extension.0 → 3.1.0-dev.11

package/lib/esm/appui-react/content/{SavedView.d.ts → ViewStateHelper.d.ts}

@@ -6,21 +6,21 @@ import { IModelConnection, ScreenViewport, ViewState } from "@itwin/core-fronten
 /** SavedViewProps interface for sharing ViewState and EmphasizeElements information.
  * @public
  */
-export interface SavedViewProps extends ViewStateProps {
+export interface ViewStateHelperProps extends ViewStateProps {
     bisBaseClass: string;
     emphasizeElementsProps?: EmphasizeElementsProps;
 }
 /** SavedView class. Used to serialize/deserialize a ViewState.
  * @public
  */
-export declare class SavedView {
+export declare class ViewStateHelper {
     /** Create a ViewState from the SavedView */
-    static viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: SavedViewProps): Promise<ViewState | undefined>;
+    static viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: ViewStateHelperProps): Promise<ViewState | undefined>;
     /** Apply EmphasizeElements from the SavedView */
-    static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: SavedViewProps): boolean;
+    static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): boolean;
     /** Create props for a ViewState */
-    static viewStateToProps(viewState: ViewState): SavedViewProps;
+    static viewStateToProps(viewState: ViewState): ViewStateHelperProps;
     /** Create props for an EmphasizeElements and store in SavedViewProps */
-    static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: SavedViewProps): void;
+    static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): void;
 }
-//# sourceMappingURL=SavedView.d.ts.map
+//# sourceMappingURL=ViewStateHelper.d.ts.map

package/lib/esm/appui-react/content/ViewStateHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStateHelper.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewStateHelper.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAC2B,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAC5E,MAAM,sBAAsB,CAAC;AAG9B;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,4CAA4C;WACxB,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,GAAG,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAchJ,iDAAiD;WACnC,0BAA0B,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,GAAG,OAAO;IAS3G,mCAAmC;WACrB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,oBAAoB;IAM1E,wEAAwE;WAC1D,wBAAwB,CAAC,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,GAAG,IAAI;CAMvG"}

package/lib/esm/appui-react/content/{SavedView.js → ViewStateHelper.js}

@@ -10,7 +10,7 @@ import { ViewUtilities } from "../utils/ViewUtilities";
 /** SavedView class. Used to serialize/deserialize a ViewState.
  * @public
  */
-export class SavedView {
+export class ViewStateHelper {
     /** Create a ViewState from the SavedView */
     static async viewStateFromProps(iModelConnection, savedViewProps) {
         const className = savedViewProps.viewDefinitionProps.classFullName;
@@ -44,4 +44,4 @@ export class SavedView {
         savedViewProps.emphasizeElementsProps = emphasizeElementsProps;
     }
 }
-//# sourceMappingURL=SavedView.js.map
+//# sourceMappingURL=ViewStateHelper.js.map

package/lib/esm/appui-react/content/ViewStateHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStateHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewStateHelper.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EACL,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAUvD;;GAEG;AACH,MAAM,OAAO,eAAe;IAC1B,4CAA4C;IACrC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,gBAAkC,EAAE,cAAoC;QAC7G,MAAM,SAAS,GAAG,cAAc,CAAC,mBAAmB,CAAC,aAAa,CAAC;QACnE,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,YAAY,CAAqB,SAAS,EAAE,SAAS,CAAiC,CAAC;QAE3H,uBAAuB;QACvB,IAAI,SAAS,KAAK,IAAI;YACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,SAAS,GAAG,CAAC,CAAC;QAEpE,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAE,CAAC;QAC1E,MAAM,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,iCAAiC;QAEzD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,iDAAiD;IAC1C,MAAM,CAAC,0BAA0B,CAAC,EAAkB,EAAE,cAAoC;QAC/F,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,cAAc,CAAC,sBAAsB,EAAE;YACzC,MAAM,iBAAiB,GAAG,IAAI,iBAAiB,EAAE,CAAC;YAClD,OAAO,GAAG,iBAAiB,CAAC,QAAQ,CAAC,cAAc,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;SACjF;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,mCAAmC;IAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAoB;QACjD,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,EAA0B,CAAC;QACnE,cAAc,CAAC,YAAY,GAAG,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACrF,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,wEAAwE;IACjE,MAAM,CAAC,wBAAwB,CAAC,EAAkB,EAAE,cAAoC;QAC7F,MAAM,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrC,MAAM,sBAAsB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,cAAc,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IACjE,CAAC;CAEF","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 ContentView\r\n */\r\n\r\nimport { EmphasizeElementsProps, ViewStateProps } from \"@itwin/core-common\";\r\nimport {\r\n  EmphasizeElements, EntityState, IModelConnection, ScreenViewport, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\n\r\n/** SavedViewProps interface for sharing ViewState and EmphasizeElements information.\r\n * @public\r\n */\r\nexport interface ViewStateHelperProps extends ViewStateProps {\r\n  bisBaseClass: string;\r\n  emphasizeElementsProps?: EmphasizeElementsProps;\r\n}\r\n\r\n/** SavedView class. Used to serialize/deserialize a ViewState.\r\n * @public\r\n */\r\nexport class ViewStateHelper {\r\n  /** Create a ViewState from the SavedView */\r\n  public static async viewStateFromProps(iModelConnection: IModelConnection, savedViewProps: ViewStateHelperProps): Promise<ViewState | undefined> {\r\n    const className = savedViewProps.viewDefinitionProps.classFullName;\r\n    const ctor = await iModelConnection.findClassFor<typeof EntityState>(className, undefined) as typeof ViewState | undefined;\r\n\r\n    // istanbul ignore next\r\n    if (undefined === ctor)\r\n      throw new Error(`Invalid ViewState class name of [${className}]`);\r\n\r\n    const viewState = ctor.createFromProps(savedViewProps, iModelConnection)!;\r\n    await viewState.load(); // loads models for ModelSelector\r\n\r\n    return viewState;\r\n  }\r\n\r\n  /** Apply EmphasizeElements from the SavedView */\r\n  public static emphasizeElementsFromProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): boolean {\r\n    let changed = false;\r\n    if (savedViewProps.emphasizeElementsProps) {\r\n      const emphasizeElements = new EmphasizeElements();\r\n      changed = emphasizeElements.fromJSON(savedViewProps.emphasizeElementsProps, vp);\r\n    }\r\n    return changed;\r\n  }\r\n\r\n  /** Create props for a ViewState */\r\n  public static viewStateToProps(viewState: ViewState): ViewStateHelperProps {\r\n    const savedViewProps = viewState.toProps() as ViewStateHelperProps;\r\n    savedViewProps.bisBaseClass = ViewUtilities.getBisBaseClass(viewState.classFullName);\r\n    return savedViewProps;\r\n  }\r\n\r\n  /** Create props for an EmphasizeElements and store in SavedViewProps */\r\n  public static emphasizeElementsToProps(vp: ScreenViewport, savedViewProps: ViewStateHelperProps): void {\r\n    const ee = EmphasizeElements.get(vp);\r\n    const emphasizeElementsProps = ee ? ee.toJSON(vp) : undefined;\r\n    savedViewProps.emphasizeElementsProps = emphasizeElementsProps;\r\n  }\r\n\r\n}\r\n"]}

package/lib/esm/appui-react/content/ViewportContentControl.d.ts

@@ -50,4 +50,13 @@ export declare class ViewportContentControl extends ContentControl implements Su
     /** Get the React.Element for a ViewSelector change. */
     getReactElementForViewSelectorChange(_iModel: IModelConnection, _viewDefinitionId: Id64String, _viewState: ViewState, _name: string): React.ReactNode;
 }
+/**
+ * @beta
+ */
+export declare class FloatingViewportContentControl extends ViewportContentControl {
+    constructor(uniqueId: string, name: string, node: React.ReactNode);
+    /** The React node associated with this control. */
+    get reactNode(): React.ReactNode;
+    set reactNode(r: React.ReactNode);
+}
 //# sourceMappingURL=ViewportContentControl.d.ts.map

package/lib/esm/appui-react/content/ViewportContentControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACwB,gBAAgB,EAAyB,cAAc,EAAoC,SAAS,EAClI,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAK5G,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAG9E;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,cAAe,YAAW,0BAA0B;IAC9F,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,sBAAsB,CAAC,CAAa;IAE5C;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAQtD,+EAA+E;IAC/D,OAAO,IAAI,yBAAyB;IAEpD,0DAA0D;IAC1D,IAAoB,UAAU,IAAI,OAAO,CAAiB;IAE1D,oCAAoC;IACpC,IAAoB,QAAQ,IAAI,cAAc,GAAG,SAAS,CAA2B;IACrF,IAAoB,QAAQ,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,EAGzD;IAED;OACG;IACI,UAAU,IAAI,IAAI;IAOzB;OACG;IACH,IAAoB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAA0B;IAEtE,mDAAmD;IACnC,WAAW,IAAI,IAAI;IAInC,uEAAuE;IACvE,IAAoB,oBAAoB,IAAI,MAAM,CASjD;IAED;;;;OAIG;IACH,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,6EAA6E;IAC7E,IAAW,0BAA0B,IAAI,OAAO,CAAiB;IAEjE,qCAAqC;IAExB,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjJ,uDAAuD;IAEhD,oCAAoC,CAAC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAC7J"}
+{"version":3,"file":"ViewportContentControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACwB,gBAAgB,EAAyB,cAAc,EAAoC,SAAS,EAClI,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAM5G,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAG9E;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,cAAe,YAAW,0BAA0B;IAC9F,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,sBAAsB,CAAC,CAAa;IAE5C;;;OAGG;gBACS,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAQtD,+EAA+E;IAC/D,OAAO,IAAI,yBAAyB;IAEpD,0DAA0D;IAC1D,IAAoB,UAAU,IAAI,OAAO,CAAiB;IAE1D,oCAAoC;IACpC,IAAoB,QAAQ,IAAI,cAAc,GAAG,SAAS,CAA2B;IACrF,IAAoB,QAAQ,CAAC,CAAC,EAAE,cAAc,GAAG,SAAS,EAGzD;IAED;OACG;IACI,UAAU,IAAI,IAAI;IAOzB;OACG;IACH,IAAoB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAA0B;IAEtE,mDAAmD;IACnC,WAAW,IAAI,IAAI;IAInC,uEAAuE;IACvE,IAAoB,oBAAoB,IAAI,MAAM,CASjD;IAED;;;;OAIG;IACH,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,6EAA6E;IAC7E,IAAW,0BAA0B,IAAI,OAAO,CAAiB;IAEjE,qCAAqC;IAExB,yBAAyB,CAAC,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjJ,uDAAuD;IAEhD,oCAAoC,CAAC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAC7J;AAED;;GAEG;AACH,qBAAa,8BAA+B,SAAQ,sBAAsB;gBAC5D,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;IAMjE,mDAAmD;IACnD,IAAoB,SAAS,IAAI,KAAK,CAAC,SAAS,CAE/C;IAED,IAAoB,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAO/C;CACF"}

package/lib/esm/appui-react/content/ViewportContentControl.js

@@ -6,7 +6,8 @@
  * @module ContentView
  */
 import { DrawingViewState, IModelApp, OrthographicViewState, SheetViewState, SpatialViewState, } from "@itwin/core-frontend";
-import { ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
+import { ConfigurableCreateInfo, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
+import { FrontstageManager } from "../frontstage/FrontstageManager";
 import { CubeNavigationAidControl } from "../navigationaids/CubeNavigationAidControl";
 import { DrawingNavigationAidControl } from "../navigationaids/DrawingNavigationAidControl";
 import { SheetNavigationAidControl } from "../navigationaids/SheetNavigationAid";
@@ -103,4 +104,25 @@ export class ViewportContentControl extends ContentControl {
     // istanbul ignore next
     getReactElementForViewSelectorChange(_iModel, _viewDefinitionId, _viewState, _name) { return null; }
 }
+/**
+ * @beta
+ */
+export class FloatingViewportContentControl extends ViewportContentControl {
+    constructor(uniqueId, name, node) {
+        super(new ConfigurableCreateInfo(name, uniqueId, name), undefined);
+        this._reactNode = node;
+        this.setIsReady();
+    }
+    /** The React node associated with this control. */
+    get reactNode() {
+        return this._reactNode;
+    }
+    set reactNode(r) {
+        this._reactNode = r;
+        const activeFrontstageDef = FrontstageManager.activeFrontstageDef;
+        // istanbul ignore else
+        if (this.viewport && activeFrontstageDef)
+            activeFrontstageDef.setActiveViewFromViewport(this.viewport);
+    }
+}
 //# sourceMappingURL=ViewportContentControl.js.map

package/lib/esm/appui-react/content/ViewportContentControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.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 ContentView\r\n */\r\n\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport {\r\n  DrawingViewState, IModelApp, IModelConnection, OrthographicViewState, ScreenViewport, SheetViewState, SpatialViewState, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { CubeNavigationAidControl } from \"../navigationaids/CubeNavigationAidControl\";\r\nimport { DrawingNavigationAidControl } from \"../navigationaids/DrawingNavigationAidControl\";\r\nimport { SheetNavigationAidControl } from \"../navigationaids/SheetNavigationAid\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ContentControl, SupportsViewSelectorChange } from \"./ContentControl\";\r\nimport { ContentViewManager } from \"./ContentViewManager\";\r\n\r\n/**\r\n * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`\r\n * that is managed by the `ViewManager`.\r\n * @public\r\n */\r\nexport class ViewportContentControl extends ContentControl implements SupportsViewSelectorChange {\r\n  private _viewport: ScreenViewport | undefined;\r\n  private _isReady: Promise<void>;\r\n  private _viewportReadyCallback?: () => void;\r\n\r\n  /** Creates an instance of ViewportContentControl.\r\n   * @param info         An object that the subclass must pass to this base class.\r\n   * @param options      Options provided via the applicationData in a [[ContentProps]].\r\n   */\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n\r\n    this._isReady = new Promise<void>((onSuccess: () => void, _onFailure: () => void): void => {\r\n      this._viewportReadyCallback = onSuccess;\r\n    });\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Viewport' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Viewport; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public override get isViewport(): boolean { return true; }\r\n\r\n  /** The underlying ScreenViewport */\r\n  public override get viewport(): ScreenViewport | undefined { return this._viewport; }\r\n  public override set viewport(v: ScreenViewport | undefined) {\r\n    this._viewport = v;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public setIsReady(): void {\r\n    // istanbul ignore else\r\n    if (this._viewportReadyCallback) {\r\n      this._viewportReadyCallback();\r\n    }\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public override get isReady(): Promise<void> { return this._isReady; }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public override onActivated(): void {\r\n    super.onActivated();\r\n  }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public override get navigationAidControl(): string {\r\n    let navigationAidId = \"\";\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport) {\r\n      navigationAidId = this._getNavigationAid(this.viewport.view.classFullName);\r\n    }\r\n\r\n    return navigationAidId;\r\n  }\r\n\r\n  /**\r\n   * Fetches appropriate NavigationAid based on the class of the current viewport.\r\n   * @param classFullName The full name of the current viewport class.\r\n   * @returns The ID of the navigation aid to be displayed.\r\n   */\r\n  private _getNavigationAid = (classFullName: string) => {\r\n    const className = ViewUtilities.getBisBaseClass(classFullName);\r\n    let navigationAidId = \"\";\r\n\r\n    switch (className) {\r\n      case SheetViewState.className:\r\n        navigationAidId = SheetNavigationAidControl.navigationAidId;\r\n        break;\r\n      case DrawingViewState.className:\r\n        navigationAidId = DrawingNavigationAidControl.navigationAidId;\r\n        break;\r\n      case SpatialViewState.className:\r\n      case OrthographicViewState.className:\r\n        navigationAidId = CubeNavigationAidControl.navigationAidId;\r\n        break;\r\n    }\r\n\r\n    return navigationAidId;\r\n  };\r\n\r\n  /** Returns true if this control supports processing ViewSelector changes. */\r\n  public get supportsViewSelectorChange(): boolean { return true; }\r\n\r\n  /** Process a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public async processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void> {\r\n    if (this.viewport) {\r\n      if (IModelApp.viewManager && this.viewport === IModelApp.viewManager.selectedView)\r\n        this.viewport.changeView(viewState);\r\n    } else {\r\n      this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);\r\n    }\r\n    ContentViewManager.refreshActiveContent(this.reactNode);\r\n  }\r\n\r\n  /** Get the React.Element for a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public getReactElementForViewSelectorChange(_iModel: IModelConnection, _viewDefinitionId: Id64String, _viewState: ViewState, _name: string): React.ReactNode { return null; }\r\n}\r\n"]}
+{"version":3,"file":"ViewportContentControl.js","sourceRoot":"","sources":["../../../../src/appui-react/content/ViewportContentControl.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 ContentView\r\n */\r\n\r\nimport { Id64String } from \"@itwin/core-bentley\";\r\nimport {\r\n  DrawingViewState, IModelApp, IModelConnection, OrthographicViewState, ScreenViewport, SheetViewState, SpatialViewState, ViewState,\r\n} from \"@itwin/core-frontend\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\nimport { FrontstageManager } from \"../frontstage/FrontstageManager\";\r\nimport { CubeNavigationAidControl } from \"../navigationaids/CubeNavigationAidControl\";\r\nimport { DrawingNavigationAidControl } from \"../navigationaids/DrawingNavigationAidControl\";\r\nimport { SheetNavigationAidControl } from \"../navigationaids/SheetNavigationAid\";\r\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\r\nimport { ContentControl, SupportsViewSelectorChange } from \"./ContentControl\";\r\nimport { ContentViewManager } from \"./ContentViewManager\";\r\n\r\n/**\r\n * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`\r\n * that is managed by the `ViewManager`.\r\n * @public\r\n */\r\nexport class ViewportContentControl extends ContentControl implements SupportsViewSelectorChange {\r\n  private _viewport: ScreenViewport | undefined;\r\n  private _isReady: Promise<void>;\r\n  private _viewportReadyCallback?: () => void;\r\n\r\n  /** Creates an instance of ViewportContentControl.\r\n   * @param info         An object that the subclass must pass to this base class.\r\n   * @param options      Options provided via the applicationData in a [[ContentProps]].\r\n   */\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n\r\n    this._isReady = new Promise<void>((onSuccess: () => void, _onFailure: () => void): void => {\r\n      this._viewportReadyCallback = onSuccess;\r\n    });\r\n  }\r\n\r\n  /** Gets the type of ConfigurableUiControl, which is 'Viewport' in this case */\r\n  public override getType(): ConfigurableUiControlType { return ConfigurableUiControlType.Viewport; }\r\n\r\n  /** Returns true if this control is a Viewport control. */\r\n  public override get isViewport(): boolean { return true; }\r\n\r\n  /** The underlying ScreenViewport */\r\n  public override get viewport(): ScreenViewport | undefined { return this._viewport; }\r\n  public override set viewport(v: ScreenViewport | undefined) {\r\n    this._viewport = v;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public setIsReady(): void {\r\n    // istanbul ignore else\r\n    if (this._viewportReadyCallback) {\r\n      this._viewportReadyCallback();\r\n    }\r\n  }\r\n\r\n  /** Returns a promise that resolves when the control is ready for usage.\r\n   */\r\n  public override get isReady(): Promise<void> { return this._isReady; }\r\n\r\n  /** Called when this ContentControl is activated */\r\n  public override onActivated(): void {\r\n    super.onActivated();\r\n  }\r\n\r\n  /** Get the NavigationAidControl associated with this ContentControl */\r\n  public override get navigationAidControl(): string {\r\n    let navigationAidId = \"\";\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport) {\r\n      navigationAidId = this._getNavigationAid(this.viewport.view.classFullName);\r\n    }\r\n\r\n    return navigationAidId;\r\n  }\r\n\r\n  /**\r\n   * Fetches appropriate NavigationAid based on the class of the current viewport.\r\n   * @param classFullName The full name of the current viewport class.\r\n   * @returns The ID of the navigation aid to be displayed.\r\n   */\r\n  private _getNavigationAid = (classFullName: string) => {\r\n    const className = ViewUtilities.getBisBaseClass(classFullName);\r\n    let navigationAidId = \"\";\r\n\r\n    switch (className) {\r\n      case SheetViewState.className:\r\n        navigationAidId = SheetNavigationAidControl.navigationAidId;\r\n        break;\r\n      case DrawingViewState.className:\r\n        navigationAidId = DrawingNavigationAidControl.navigationAidId;\r\n        break;\r\n      case SpatialViewState.className:\r\n      case OrthographicViewState.className:\r\n        navigationAidId = CubeNavigationAidControl.navigationAidId;\r\n        break;\r\n    }\r\n\r\n    return navigationAidId;\r\n  };\r\n\r\n  /** Returns true if this control supports processing ViewSelector changes. */\r\n  public get supportsViewSelectorChange(): boolean { return true; }\r\n\r\n  /** Process a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public async processViewSelectorChange(iModel: IModelConnection, viewDefinitionId: Id64String, viewState: ViewState, name: string): Promise<void> {\r\n    if (this.viewport) {\r\n      if (IModelApp.viewManager && this.viewport === IModelApp.viewManager.selectedView)\r\n        this.viewport.changeView(viewState);\r\n    } else {\r\n      this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);\r\n    }\r\n    ContentViewManager.refreshActiveContent(this.reactNode);\r\n  }\r\n\r\n  /** Get the React.Element for a ViewSelector change. */\r\n  // istanbul ignore next\r\n  public getReactElementForViewSelectorChange(_iModel: IModelConnection, _viewDefinitionId: Id64String, _viewState: ViewState, _name: string): React.ReactNode { return null; }\r\n}\r\n\r\n/**\r\n * @beta\r\n */\r\nexport class FloatingViewportContentControl extends ViewportContentControl {\r\n  constructor(uniqueId: string, name: string, node: React.ReactNode) {\r\n    super(new ConfigurableCreateInfo(name, uniqueId, name), undefined);\r\n    this._reactNode = node;\r\n    this.setIsReady();\r\n  }\r\n\r\n  /** The React node associated with this control. */\r\n  public override get reactNode(): React.ReactNode {\r\n    return this._reactNode;\r\n  }\r\n\r\n  public override set reactNode(r: React.ReactNode) {\r\n    this._reactNode = r;\r\n    const activeFrontstageDef = FrontstageManager.activeFrontstageDef;\r\n\r\n    // istanbul ignore else\r\n    if (this.viewport && activeFrontstageDef)\r\n      activeFrontstageDef.setActiveViewFromViewport(this.viewport);\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/content/split-pane/Pane.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */
+/**
+ * @internal
+ */
+export interface PaneProps {
+    className?: string;
+    size?: string | number;
+    split?: "vertical" | "horizontal";
+    style?: React.CSSProperties;
+    eleRef: React.RefObject<HTMLDivElement>;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ */
+export declare function Pane(props: PaneProps): JSX.Element;
+//# sourceMappingURL=Pane.d.ts.map

package/lib/esm/appui-react/content/split-pane/Pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2GAA2G;AAE3G;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAwCpC"}

package/lib/esm/appui-react/content/split-pane/Pane.js

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+/**
+ * @internal
+ */
+export function Pane(props) {
+    const { children, className, split, style, size, eleRef, } = props;
+    const paneClasses = React.useMemo(() => classnames("Pane", split, className), [split, className]);
+    const paneStyle = React.useMemo(() => {
+        const baseStyle = {
+            flex: 1,
+            position: "relative",
+            outline: "none",
+        };
+        if (size !== undefined) {
+            if (split === "vertical") {
+                baseStyle.width = size;
+            }
+            else {
+                baseStyle.height = size;
+                baseStyle.display = "flex";
+            }
+            baseStyle.flex = "none";
+        }
+        return {
+            ...style,
+            ...baseStyle,
+        };
+    }, [size, split, style]);
+    return (React.createElement("div", { ref: eleRef, className: paneClasses, style: paneStyle }, children));
+}
+//# sourceMappingURL=Pane.js.map

package/lib/esm/appui-react/content/split-pane/Pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAgBpC;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAElG,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,SAAS,GAAiC;YAC9C,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;SAChB,CAAC;QAEF,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,KAAK,KAAK,UAAU,EAAE;gBACxB,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;aACxB;iBAAM;gBACL,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC;gBACxB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;aAC5B;YACD,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;SACzB;QAED,OAAO;YACL,GAAG,KAAK;YACR,GAAG,SAAS;SACU,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,IACvD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC","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 ContentView\r\n */\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface PaneProps {\r\n  className?: string;\r\n  size?: string | number;\r\n  split?: \"vertical\" | \"horizontal\";\r\n  style?: React.CSSProperties;\r\n  eleRef: React.RefObject<HTMLDivElement>;\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function Pane(props: PaneProps) {\r\n  const {\r\n    children,\r\n    className,\r\n    split,\r\n    style,\r\n    size,\r\n    eleRef,\r\n  } = props;\r\n\r\n  const paneClasses = React.useMemo(() => classnames(\"Pane\", split, className), [split, className]);\r\n\r\n  const paneStyle = React.useMemo(() => {\r\n    const baseStyle: Partial<React.CSSProperties> = {\r\n      flex: 1,\r\n      position: \"relative\",\r\n      outline: \"none\",\r\n    };\r\n\r\n    if (size !== undefined) {\r\n      if (split === \"vertical\") {\r\n        baseStyle.width = size;\r\n      } else {\r\n        baseStyle.height = size;\r\n        baseStyle.display = \"flex\";\r\n      }\r\n      baseStyle.flex = \"none\";\r\n    }\r\n\r\n    return {\r\n      ...style,\r\n      ...baseStyle,\r\n    } as React.CSSProperties;\r\n  }, [size, split, style]);\r\n\r\n  return (\r\n    <div ref={eleRef} className={paneClasses} style={paneStyle}>\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\n"]}

package/lib/esm/appui-react/content/split-pane/Resizer.d.ts

@@ -0,0 +1,23 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */
+/**
+ * @internal
+ */
+export interface ResizerProps {
+    split?: "vertical" | "horizontal";
+    style?: React.CSSProperties;
+    className: string;
+    onMouseDown: (event: MouseEvent) => void;
+    onTouchEnd: () => void;
+    onTouchStart: (event: TouchEvent) => void;
+    onClick?: (event: MouseEvent) => void;
+    onDoubleClick?: (event: MouseEvent) => void;
+}
+/**
+ * @internal
+ */
+export declare function Resizer(props: ResizerProps): JSX.Element;
+//# sourceMappingURL=Resizer.d.ts.map

package/lib/esm/appui-react/content/split-pane/Resizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2GAA2G;AAE3G;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eA2C1C"}

package/lib/esm/appui-react/content/split-pane/Resizer.js

@@ -0,0 +1,35 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+/**
+ * @internal
+ */
+export function Resizer(props) {
+    const { className, onClick, onDoubleClick, onMouseDown, onTouchEnd, onTouchStart, split, style, } = props;
+    const resizerClasses = React.useMemo(() => classnames(split, className), [split, className]);
+    return (React.createElement("span", { role: "presentation", className: resizerClasses, style: style, onMouseDown: (event) => onMouseDown(event.nativeEvent), onTouchStart: (event) => {
+            onTouchStart(event.nativeEvent);
+        }, onTouchEnd: (event) => {
+            event.preventDefault();
+            onTouchEnd();
+        }, onClick: (event) => {
+            // istanbul ignore else
+            if (onClick) {
+                event.preventDefault();
+                onClick(event.nativeEvent);
+            }
+        }, onDoubleClick: (event) => {
+            // istanbul ignore else
+            if (onDoubleClick) {
+                event.preventDefault();
+                onDoubleClick(event.nativeEvent);
+            }
+        } }));
+}
+//# sourceMappingURL=Resizer.js.map

package/lib/esm/appui-react/content/split-pane/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAkBpC;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EACJ,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,KAAK,EACL,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7F,OAAO,CACL,8BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,EACtD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,uBAAuB;YACvB,IAAI,OAAO,EAAE;gBACX,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;aAC5B;QACH,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,uBAAuB;YACvB,IAAI,aAAa,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;aAClC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC","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 ContentView\r\n */\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\r\n\r\n/**\r\n * @internal\r\n */\r\nexport interface ResizerProps {\r\n  split?: \"vertical\" | \"horizontal\";\r\n  style?: React.CSSProperties;\r\n  className: string;\r\n  onMouseDown: (event: MouseEvent) => void;\r\n  onTouchEnd: () => void;\r\n  onTouchStart: (event: TouchEvent) => void;\r\n  onClick?: (event: MouseEvent) => void;\r\n  onDoubleClick?: (event: MouseEvent) => void;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function Resizer(props: ResizerProps) {\r\n  const {\r\n    className,\r\n    onClick,\r\n    onDoubleClick,\r\n    onMouseDown,\r\n    onTouchEnd,\r\n    onTouchStart,\r\n    split,\r\n    style,\r\n  } = props;\r\n\r\n  const resizerClasses = React.useMemo(() => classnames(split, className), [split, className]);\r\n\r\n  return (\r\n    <span\r\n      role=\"presentation\"\r\n      className={resizerClasses}\r\n      style={style}\r\n      onMouseDown={(event) => onMouseDown(event.nativeEvent)}\r\n      onTouchStart={(event) => {\r\n        onTouchStart(event.nativeEvent);\r\n      }}\r\n      onTouchEnd={(event) => {\r\n        event.preventDefault();\r\n        onTouchEnd();\r\n      }}\r\n      onClick={(event) => {\r\n        // istanbul ignore else\r\n        if (onClick) {\r\n          event.preventDefault();\r\n          onClick(event.nativeEvent);\r\n        }\r\n      }}\r\n      onDoubleClick={(event) => {\r\n        // istanbul ignore else\r\n        if (onDoubleClick) {\r\n          event.preventDefault();\r\n          onDoubleClick(event.nativeEvent);\r\n        }\r\n      }}\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/esm/appui-react/content/split-pane/SplitPane.d.ts

@@ -0,0 +1,70 @@
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+/**
+ * Props for [[SplitPane]] component
+ * @public
+ */
+export interface SplitPaneProps {
+    /** Pass false to disable resizing */
+    allowResize?: boolean;
+    /** The array of two react nodes, one for each pane. */
+    children: React.ReactNode[];
+    /** Determines which pane maintains its size when browser window is resized.*/
+    primary?: "first" | "second";
+    minSize?: string | number;
+    /** You can limit the maximal size of the 'fixed' pane using the maxSize parameter with a positive value
+     * (measured in pixels but state just a number). If you wrap the SplitPane into a container component
+     * (yes you can, just remember the container has to have the relative or absolute positioning), then you'll need to limit
+     *  the movement of the splitter (resizer) at the end of the SplitPane (otherwise it can be dragged outside the SplitPane
+     * and you don't catch it never more). For this purpose use the maxSize parameter with value 0. When dragged the splitter/resizer
+     * will stop at the border of the SplitPane component and think this you'll be able to pick it again and drag it back then.
+     *  And more: if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border
+     * (in other words it sets the minimal size of the 'resizable' pane in this case). This can be useful also in the
+     * full-screen case of use. */
+    maxSize?: string | number;
+    /** Default initial size of primary pane */
+    defaultSize?: string | number;
+    /** Size of primary pane */
+    size?: string | number;
+    /** You can use the step prop to only allow resizing in fixed increments. */
+    step?: number;
+    split?: "vertical" | "horizontal";
+    /** This callback is invoked when a drag start. */
+    onDragStarted?: () => void;
+    /** This callback is invoked when a drag ends. */
+    onDragFinished?: (newSize: number) => void;
+    /** Callback is invoked with the current drag during a drag event.*/
+    onChange?: (newSize: number) => void;
+    /** Callback is invoked if user clicks on Resizer. */
+    onResizerClick?: (event: MouseEvent) => void;
+    /** Callback is invoked if user double clicks on Resizer. */
+    onResizerDoubleClick?: (event: MouseEvent) => void;
+    /** Styling to be applied to the main container */
+    style?: React.CSSProperties;
+    /** Styling to be applied to both panes */
+    paneStyle?: React.CSSProperties;
+    /** Styling to be applied to the first pane, with precedence over paneStyle */
+    pane1Style?: React.CSSProperties;
+    /** Styling to be applied to the second pane, with precedence over paneStyle */
+    pane2Style?: React.CSSProperties;
+    /** Styling to be applied to the resizer bar */
+    resizerStyle?: React.CSSProperties;
+    /** Class name to be added to the SplitPane div */
+    className?: string;
+    /** Class name to be added to each Pane's div */
+    paneClassName?: string;
+    /** Class name to be added to Pane1's div */
+    pane1ClassName?: string;
+    /** Class name to be added to Pane2's div */
+    pane2ClassName?: string;
+}
+/**
+ * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
+ * package is not regularly maintained.
+ * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
+ * @public
+ */
+export declare function SplitPane(props: SplitPaneProps): JSX.Element;
+//# sourceMappingURL=SplitPane.d.ts.map

package/lib/esm/appui-react/content/split-pane/SplitPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/SplitPane.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;;;;;;kCAQ8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAsCD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAmP9C"}

package/lib/esm/appui-react/content/split-pane/SplitPane.js

@@ -0,0 +1,239 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContentView
+ */
+import * as React from "react";
+import classnames from "classnames";
+import { Pane } from "./Pane";
+import { Resizer } from "./Resizer";
+function unFocus(ownerDoc) {
+    var _a;
+    // istanbul ignore next
+    if (!ownerDoc)
+        return;
+    const docSelection = ownerDoc.getSelection();
+    // istanbul ignore else
+    if (docSelection) {
+        docSelection.empty();
+    }
+    else {
+        // istanbul ignore next
+        try {
+            const winSelection = (_a = ownerDoc.defaultView) === null || _a === void 0 ? void 0 : _a.getSelection();
+            winSelection === null || winSelection === void 0 ? void 0 : winSelection.removeAllRanges();
+        }
+        catch (_e) { }
+    }
+}
+function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
+    // istanbul ignore next
+    if (typeof draggedSize === "number") {
+        const min = typeof minSize === "number" ? minSize : 0;
+        const max = typeof maxSize === "number" && maxSize >= 0 ? maxSize : Infinity;
+        return Math.max(min, Math.min(max, draggedSize));
+    }
+    if (defaultSize !== undefined) {
+        return defaultSize;
+    }
+    return minSize;
+}
+function removeNullChildren(children) {
+    return React.Children.toArray(children).filter((c) => c);
+}
+/**
+ * Local TypeScript implementation of `SplitPane` from `react-split-pane` package since that
+ * package is not regularly maintained.
+ * See https://github.com/tomkp/react-split-pane/blob/master/LICENSE.
+ * @public
+ */
+export function SplitPane(props) {
+    const { style, size, defaultSize, maxSize, children, paneStyle, pane1Style, pane2Style, className, paneClassName, pane1ClassName, pane2ClassName, onDragStarted, onDragFinished, step, onChange, onResizerClick, onResizerDoubleClick, } = props;
+    // honor same defaults as react-split-pane
+    const allowResize = React.useMemo(() => undefined !== props.allowResize ? props.allowResize : true, [props.allowResize]);
+    const minSize = React.useMemo(() => undefined !== props.minSize ? props.minSize : 50, [props.minSize]);
+    const primary = React.useMemo(() => undefined !== props.primary ? props.primary : "first", [props.primary]);
+    const split = React.useMemo(() => undefined !== props.split ? props.split : "vertical", [props.split]);
+    const initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize);
+    const [position, setPosition] = React.useState(0);
+    const [draggedSize, setDraggedSize] = React.useState();
+    const [active, setActive] = React.useState(false);
+    const [pane1Size, setPane1Size] = React.useState(() => primary === "first" ? initialSize : undefined);
+    const [pane2Size, setPane2Size] = React.useState(() => primary === "second" ? initialSize : undefined);
+    const splitPane = React.useRef(null);
+    const pane1 = React.useRef(null);
+    const pane2 = React.useRef(null);
+    const notNullChildren = React.useMemo(() => removeNullChildren(children), [children]);
+    React.useEffect(() => {
+        primary === "first" ? setPane1Size(initialSize) : setPane2Size(initialSize);
+        primary === "first" ? setPane2Size(undefined) : setPane1Size(undefined);
+    }, [initialSize, primary]);
+    const splitPaneStyle = React.useMemo(() => {
+        const directionSpecificParts = (split === "vertical") ? {
+            flexDirection: "row",
+            left: 0,
+            right: 0,
+        } : {
+            bottom: 0,
+            flexDirection: "column",
+            minHeight: "100%",
+            top: 0,
+            width: "100%",
+        };
+        return {
+            display: "flex",
+            flex: 1,
+            height: "100%",
+            position: "absolute",
+            outline: "none",
+            overflow: "hidden",
+            MozUserSelect: "text",
+            WebkitUserSelect: "text",
+            msUserSelect: "text",
+            userSelect: "text",
+            ...style,
+            ...directionSpecificParts,
+        };
+    }, [split, style]);
+    const pane1DivStyle = { ...paneStyle, ...pane1Style };
+    const pane2DivStyle = { ...paneStyle, ...pane2Style };
+    const resizerStyle = React.useMemo(() => { var _a; return (_a = props.resizerStyle) !== null && _a !== void 0 ? _a : {}; }, [props.resizerStyle]);
+    const resizerClasses = React.useMemo(() => classnames("Resizer", !allowResize && "disabled"), [allowResize]);
+    const splitPaneClasses = React.useMemo(() => classnames("SplitPane", className, split, !allowResize && "disabled"), [className, split, allowResize]);
+    const pane1Classes = React.useMemo(() => classnames("Pane1", paneClassName, pane1ClassName), [paneClassName, pane1ClassName]);
+    const pane2Classes = React.useMemo(() => classnames("Pane2", paneClassName, pane2ClassName), [paneClassName, pane2ClassName]);
+    const initializeDrag = React.useCallback((x, y) => {
+        var _a;
+        // istanbul ignore next
+        unFocus((_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
+        const newPosition = split === "vertical" ? x : y;
+        onDragStarted && onDragStarted();
+        setActive(true);
+        setPosition(newPosition);
+    }, [onDragStarted, split]);
+    const onTouchStart = React.useCallback((event) => {
+        // istanbul ignore else
+        if (allowResize) {
+            initializeDrag(event.touches[0].clientX, event.touches[0].clientY);
+        }
+    }, [allowResize, initializeDrag]);
+    const processMove = React.useCallback((x, y) => {
+        var _a, _b, _c, _d, _f, _g, _h;
+        // istanbul ignore next
+        unFocus((_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument);
+        const isPrimaryFirst = primary === "first";
+        const ref = isPrimaryFirst ? pane1.current : pane2.current;
+        const ref2 = isPrimaryFirst ? pane2.current : pane1.current;
+        const splitPaneDiv = splitPane.current;
+        // istanbul ignore else
+        if (ref && ref2 && splitPaneDiv) {
+            const node = ref;
+            const node2 = ref2;
+            // istanbul ignore else
+            if (node.getBoundingClientRect) {
+                const width = node.getBoundingClientRect().width;
+                const height = node.getBoundingClientRect().height;
+                // istanbul ignore next
+                const current = split === "vertical" ? x : y;
+                // istanbul ignore next
+                const oldSize = split === "vertical" ? width : height;
+                let positionDelta = position - current;
+                if (step) {
+                    // istanbul ignore next
+                    if (Math.abs(positionDelta) < step) {
+                        return;
+                    }
+                    // Integer division
+                    // eslint-disable-next-line no-bitwise
+                    positionDelta = ~~(positionDelta / step) * step;
+                }
+                let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
+                // istanbul ignore next
+                const pane1Order = parseInt((_d = (_c = (_b = node.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView) === null || _c === void 0 ? void 0 : _c.getComputedStyle(node).order) !== null && _d !== void 0 ? _d : "0", 10);
+                // istanbul ignore next
+                const pane2Order = parseInt((_h = (_g = (_f = node2.ownerDocument) === null || _f === void 0 ? void 0 : _f.defaultView) === null || _g === void 0 ? void 0 : _g.getComputedStyle(node2).order) !== null && _h !== void 0 ? _h : "0", 10);
+                // istanbul ignore next
+                if (pane1Order > pane2Order) {
+                    sizeDelta = -sizeDelta;
+                }
+                let newMaxSize = maxSize;
+                // istanbul ignore next
+                if (typeof maxSize === "number" && maxSize !== undefined && maxSize <= 0) {
+                    if (split === "vertical") {
+                        newMaxSize = splitPaneDiv.getBoundingClientRect().width + maxSize;
+                    }
+                    else {
+                        newMaxSize = splitPaneDiv.getBoundingClientRect().height + maxSize;
+                    }
+                }
+                let newSize = oldSize - sizeDelta;
+                const newPosition = position - positionDelta;
+                // istanbul ignore next
+                if (typeof minSize === "number" && newSize < minSize) {
+                    newSize = minSize;
+                }
+                else if (typeof newMaxSize === "number" && newMaxSize !== undefined && newSize > newMaxSize) {
+                    newSize = newMaxSize;
+                }
+                else {
+                    setPosition(newPosition);
+                }
+                onChange && onChange(newSize);
+                setDraggedSize(newSize);
+                isPrimaryFirst ? setPane1Size(newSize) : setPane2Size(newSize);
+            }
+        }
+    }, [maxSize, minSize, onChange, position, primary, split, step]);
+    const onTouchMove = React.useCallback((event) => {
+        // istanbul ignore next
+        if (!allowResize || !active)
+            return;
+        processMove(event.touches[0].clientX, event.touches[0].clientY);
+    }, [active, allowResize, processMove]);
+    const onMouseMove = React.useCallback((event) => {
+        if (!allowResize || !active)
+            return;
+        processMove(event.clientX, event.clientY);
+    }, [active, allowResize, processMove]);
+    const onMouseDown = React.useCallback((event) => {
+        // istanbul ignore else
+        if (allowResize) {
+            event.preventDefault();
+            initializeDrag(event.clientX, event.clientY);
+        }
+    }, [allowResize, initializeDrag]);
+    const processResizeFinished = React.useCallback(() => {
+        // istanbul ignore else
+        if (undefined !== draggedSize && allowResize && active) {
+            onDragFinished && onDragFinished(draggedSize);
+        }
+        setActive(false);
+    }, [draggedSize, allowResize, active, onDragFinished]);
+    const onMouseUp = React.useCallback((event) => {
+        event.preventDefault();
+        processResizeFinished();
+    }, [processResizeFinished]);
+    React.useEffect(() => {
+        var _a;
+        // istanbul ignore next
+        const ownerDoc = (_a = splitPane.current) === null || _a === void 0 ? void 0 : _a.ownerDocument;
+        // istanbul ignore next
+        if (!ownerDoc)
+            return;
+        ownerDoc.addEventListener("mouseup", onMouseUp);
+        ownerDoc.addEventListener("mousemove", onMouseMove);
+        ownerDoc.addEventListener("touchmove", onTouchMove);
+        return () => {
+            ownerDoc.removeEventListener("mouseup", onMouseUp);
+            ownerDoc.removeEventListener("mousemove", onMouseMove);
+            ownerDoc.removeEventListener("touchmove", onTouchMove);
+        };
+    }, [onMouseMove, onMouseUp, onTouchMove]);
+    return (React.createElement("div", { className: splitPaneClasses, ref: splitPane, style: splitPaneStyle },
+        React.createElement(Pane, { className: pane1Classes, key: "pane1", eleRef: pane1, size: pane1Size, split: split, style: pane1DivStyle }, notNullChildren[0]),
+        React.createElement(Resizer, { className: resizerClasses, onClick: onResizerClick, onDoubleClick: onResizerDoubleClick, onMouseDown: onMouseDown, onTouchStart: onTouchStart, onTouchEnd: processResizeFinished, key: "resizer", split: split, style: resizerStyle }),
+        React.createElement(Pane, { className: pane2Classes, key: "pane2", eleRef: pane2, size: pane2Size, split: split, style: pane2DivStyle }, notNullChildren[1])));
+}
+//# sourceMappingURL=SplitPane.js.map