@itwin/appui-react 3.7.0-dev.7 → 3.7.0-dev.8

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

@@ -1,132 +1,132 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingViewportContentControl = exports.ViewportContentControl = void 0;
-const core_frontend_1 = require("@itwin/core-frontend");
-const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
-const CubeNavigationAidControl_1 = require("../navigationaids/CubeNavigationAidControl");
-const DrawingNavigationAidControl_1 = require("../navigationaids/DrawingNavigationAidControl");
-const SheetNavigationAid_1 = require("../navigationaids/SheetNavigationAid");
-const UiFramework_1 = require("../UiFramework");
-const ViewUtilities_1 = require("../utils/ViewUtilities");
-const ContentControl_1 = require("./ContentControl");
-/**
- * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`
- * that is managed by the `ViewManager`.
- * @public
- */
-class ViewportContentControl extends ContentControl_1.ContentControl {
-    /** Creates an instance of ViewportContentControl.
-     * @param info         An object that the subclass must pass to this base class.
-     * @param options      Options provided via the applicationData in a [[ContentProps]].
-     */
-    constructor(info, options) {
-        super(info, options);
-        /**
-         * Fetches appropriate NavigationAid based on the class of the current viewport.
-         * @param classFullName The full name of the current viewport class.
-         * @returns The ID of the navigation aid to be displayed.
-         */
-        this._getNavigationAid = (classFullName) => {
-            const className = ViewUtilities_1.ViewUtilities.getBisBaseClass(classFullName);
-            let navigationAidId = "";
-            switch (className) {
-                case core_frontend_1.SheetViewState.className:
-                    navigationAidId = SheetNavigationAid_1.SheetNavigationAidControl.navigationAidId;
-                    break;
-                case core_frontend_1.DrawingViewState.className:
-                    navigationAidId = DrawingNavigationAidControl_1.DrawingNavigationAidControl.navigationAidId;
-                    break;
-                case core_frontend_1.SpatialViewState.className:
-                case core_frontend_1.OrthographicViewState.className:
-                    navigationAidId = CubeNavigationAidControl_1.CubeNavigationAidControl.navigationAidId;
-                    break;
-            }
-            return navigationAidId;
-        };
-        this._isReady = new Promise((onSuccess, _onFailure) => {
-            this._viewportReadyCallback = onSuccess;
-        });
-    }
-    /** Gets the type of ConfigurableUiControl, which is 'Viewport' in this case */
-    getType() { return ConfigurableUiControl_1.ConfigurableUiControlType.Viewport; }
-    /** Returns true if this control is a Viewport control. */
-    get isViewport() { return true; }
-    /** The underlying ScreenViewport */
-    get viewport() { return this._viewport; }
-    set viewport(v) {
-        this._viewport = v;
-        this.setIsReady();
-    }
-    /** Returns a promise that resolves when the control is ready for usage.
-     */
-    setIsReady() {
-        // istanbul ignore else
-        if (this._viewportReadyCallback) {
-            this._viewportReadyCallback();
-        }
-    }
-    /** Returns a promise that resolves when the control is ready for usage.
-     */
-    get isReady() { return this._isReady; }
-    /** Called when this ContentControl is activated */
-    onActivated() {
-        super.onActivated();
-    }
-    /** Get the NavigationAidControl associated with this ContentControl */
-    get navigationAidControl() {
-        let navigationAidId = "";
-        // istanbul ignore else
-        if (this.viewport) {
-            navigationAidId = this._getNavigationAid(this.viewport.view.classFullName);
-        }
-        return navigationAidId;
-    }
-    /** Returns true if this control supports processing ViewSelector changes. */
-    get supportsViewSelectorChange() { return true; }
-    /** Process a ViewSelector change. */
-    // istanbul ignore next
-    async processViewSelectorChange(iModel, viewDefinitionId, viewState, name) {
-        if (this.viewport) {
-            if (core_frontend_1.IModelApp.viewManager && this.viewport === core_frontend_1.IModelApp.viewManager.selectedView)
-                this.viewport.changeView(viewState);
-        }
-        else {
-            this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);
-        }
-        UiFramework_1.UiFramework.content.refreshActive(this.reactNode);
-    }
-    /** Get the React.Element for a ViewSelector change. */
-    // istanbul ignore next
-    getReactElementForViewSelectorChange(_iModel, _viewDefinitionId, _viewState, _name) { return null; }
-}
-exports.ViewportContentControl = ViewportContentControl;
-/**
- * @beta
- */
-class FloatingViewportContentControl extends ViewportContentControl {
-    constructor(uniqueId, name, node) {
-        super(new ConfigurableUiControl_1.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 = UiFramework_1.UiFramework.frontstages.activeFrontstageDef;
-        // istanbul ignore else
-        if (this.viewport && activeFrontstageDef)
-            activeFrontstageDef.setActiveViewFromViewport(this.viewport);
-    }
-}
-exports.FloatingViewportContentControl = FloatingViewportContentControl;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingViewportContentControl = exports.ViewportContentControl = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
+const CubeNavigationAidControl_1 = require("../navigationaids/CubeNavigationAidControl");
+const DrawingNavigationAidControl_1 = require("../navigationaids/DrawingNavigationAidControl");
+const SheetNavigationAid_1 = require("../navigationaids/SheetNavigationAid");
+const UiFramework_1 = require("../UiFramework");
+const ViewUtilities_1 = require("../utils/ViewUtilities");
+const ContentControl_1 = require("./ContentControl");
+/**
+ * The base class for frontstage Viewport content controls that connects to a `ScreenViewport`
+ * that is managed by the `ViewManager`.
+ * @public
+ */
+class ViewportContentControl extends ContentControl_1.ContentControl {
+    /** Creates an instance of ViewportContentControl.
+     * @param info         An object that the subclass must pass to this base class.
+     * @param options      Options provided via the applicationData in a [[ContentProps]].
+     */
+    constructor(info, options) {
+        super(info, options);
+        /**
+         * Fetches appropriate NavigationAid based on the class of the current viewport.
+         * @param classFullName The full name of the current viewport class.
+         * @returns The ID of the navigation aid to be displayed.
+         */
+        this._getNavigationAid = (classFullName) => {
+            const className = ViewUtilities_1.ViewUtilities.getBisBaseClass(classFullName);
+            let navigationAidId = "";
+            switch (className) {
+                case core_frontend_1.SheetViewState.className:
+                    navigationAidId = SheetNavigationAid_1.SheetNavigationAidControl.navigationAidId;
+                    break;
+                case core_frontend_1.DrawingViewState.className:
+                    navigationAidId = DrawingNavigationAidControl_1.DrawingNavigationAidControl.navigationAidId;
+                    break;
+                case core_frontend_1.SpatialViewState.className:
+                case core_frontend_1.OrthographicViewState.className:
+                    navigationAidId = CubeNavigationAidControl_1.CubeNavigationAidControl.navigationAidId;
+                    break;
+            }
+            return navigationAidId;
+        };
+        this._isReady = new Promise((onSuccess, _onFailure) => {
+            this._viewportReadyCallback = onSuccess;
+        });
+    }
+    /** Gets the type of ConfigurableUiControl, which is 'Viewport' in this case */
+    getType() { return ConfigurableUiControl_1.ConfigurableUiControlType.Viewport; }
+    /** Returns true if this control is a Viewport control. */
+    get isViewport() { return true; }
+    /** The underlying ScreenViewport */
+    get viewport() { return this._viewport; }
+    set viewport(v) {
+        this._viewport = v;
+        this.setIsReady();
+    }
+    /** Returns a promise that resolves when the control is ready for usage.
+     */
+    setIsReady() {
+        // istanbul ignore else
+        if (this._viewportReadyCallback) {
+            this._viewportReadyCallback();
+        }
+    }
+    /** Returns a promise that resolves when the control is ready for usage.
+     */
+    get isReady() { return this._isReady; }
+    /** Called when this ContentControl is activated */
+    onActivated() {
+        super.onActivated();
+    }
+    /** Get the NavigationAidControl associated with this ContentControl */
+    get navigationAidControl() {
+        let navigationAidId = "";
+        // istanbul ignore else
+        if (this.viewport) {
+            navigationAidId = this._getNavigationAid(this.viewport.view.classFullName);
+        }
+        return navigationAidId;
+    }
+    /** Returns true if this control supports processing ViewSelector changes. */
+    get supportsViewSelectorChange() { return true; }
+    /** Process a ViewSelector change. */
+    // istanbul ignore next
+    async processViewSelectorChange(iModel, viewDefinitionId, viewState, name) {
+        if (this.viewport) {
+            if (core_frontend_1.IModelApp.viewManager && this.viewport === core_frontend_1.IModelApp.viewManager.selectedView)
+                this.viewport.changeView(viewState);
+        }
+        else {
+            this.reactNode = this.getReactElementForViewSelectorChange(iModel, viewDefinitionId, viewState, name);
+        }
+        UiFramework_1.UiFramework.content.refreshActive(this.reactNode);
+    }
+    /** Get the React.Element for a ViewSelector change. */
+    // istanbul ignore next
+    getReactElementForViewSelectorChange(_iModel, _viewDefinitionId, _viewState, _name) { return null; }
+}
+exports.ViewportContentControl = ViewportContentControl;
+/**
+ * @beta
+ */
+class FloatingViewportContentControl extends ViewportContentControl {
+    constructor(uniqueId, name, node) {
+        super(new ConfigurableUiControl_1.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 = UiFramework_1.UiFramework.frontstages.activeFrontstageDef;
+        // istanbul ignore else
+        if (this.viewport && activeFrontstageDef)
+            activeFrontstageDef.setActiveViewFromViewport(this.viewport);
+    }
+}
+exports.FloatingViewportContentControl = FloatingViewportContentControl;
 //# sourceMappingURL=ViewportContentControl.js.map

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

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

@@ -1,21 +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;
+/** @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/cjs/appui-react/content/split-pane/Pane.js

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pane = void 0;
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-const React = require("react");
-const classnames_1 = require("classnames");
-/**
- * @internal
- */
-function Pane(props) {
-    const { children, className, split, style, size, eleRef, } = props;
-    const paneClasses = React.useMemo(() => (0, classnames_1.default)("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));
-}
-exports.Pane = Pane;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pane = void 0;
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+const React = require("react");
+const classnames_1 = require("classnames");
+/**
+ * @internal
+ */
+function Pane(props) {
+    const { children, className, split, style, size, eleRef, } = props;
+    const paneClasses = React.useMemo(() => (0, classnames_1.default)("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));
+}
+exports.Pane = Pane;
 //# sourceMappingURL=Pane.js.map

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

@@ -1 +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,+BAA+B;AAC/B,2CAAoC;AAgBpC;;GAEG;AACH,SAAgB,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,IAAA,oBAAU,EAAC,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;AAxCD,oBAwCC","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"]}
+{"version":3,"file":"Pane.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Pane.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAC/B,2CAAoC;AAgBpC;;GAEG;AACH,SAAgB,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,IAAA,oBAAU,EAAC,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;AAxCD,oBAwCC","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 ContentView\n */\nimport * as React from \"react\";\nimport classnames from \"classnames\";\n\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\n\n/**\n * @internal\n */\nexport interface PaneProps {\n  className?: string;\n  size?: string | number;\n  split?: \"vertical\" | \"horizontal\";\n  style?: React.CSSProperties;\n  eleRef: React.RefObject<HTMLDivElement>;\n  children?: React.ReactNode;\n}\n\n/**\n * @internal\n */\nexport function Pane(props: PaneProps) {\n  const {\n    children,\n    className,\n    split,\n    style,\n    size,\n    eleRef,\n  } = props;\n\n  const paneClasses = React.useMemo(() => classnames(\"Pane\", split, className), [split, className]);\n\n  const paneStyle = React.useMemo(() => {\n    const baseStyle: Partial<React.CSSProperties> = {\n      flex: 1,\n      position: \"relative\",\n      outline: \"none\",\n    };\n\n    if (size !== undefined) {\n      if (split === \"vertical\") {\n        baseStyle.width = size;\n      } else {\n        baseStyle.height = size;\n        baseStyle.display = \"flex\";\n      }\n      baseStyle.flex = \"none\";\n    }\n\n    return {\n      ...style,\n      ...baseStyle,\n    } as React.CSSProperties;\n  }, [size, split, style]);\n\n  return (\n    <div ref={eleRef} className={paneClasses} style={paneStyle}>\n      {children}\n    </div>\n  );\n}\n\n"]}

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

@@ -1,23 +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;
+/** @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/cjs/appui-react/content/split-pane/Resizer.js

@@ -1,39 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Resizer = void 0;
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-const React = require("react");
-const classnames_1 = require("classnames");
-/**
- * @internal
- */
-function Resizer(props) {
-    const { className, onClick, onDoubleClick, onMouseDown, onTouchEnd, onTouchStart, split, style, } = props;
-    const resizerClasses = React.useMemo(() => (0, classnames_1.default)(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);
-            }
-        } }));
-}
-exports.Resizer = Resizer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Resizer = void 0;
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+const React = require("react");
+const classnames_1 = require("classnames");
+/**
+ * @internal
+ */
+function Resizer(props) {
+    const { className, onClick, onDoubleClick, onMouseDown, onTouchEnd, onTouchStart, split, style, } = props;
+    const resizerClasses = React.useMemo(() => (0, classnames_1.default)(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);
+            }
+        } }));
+}
+exports.Resizer = Resizer;
 //# sourceMappingURL=Resizer.js.map

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

@@ -1 +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,+BAA+B;AAC/B,2CAAoC;AAkBpC;;GAEG;AACH,SAAgB,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,IAAA,oBAAU,EAAC,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;AA3CD,0BA2CC","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"]}
+{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../../../../src/appui-react/content/split-pane/Resizer.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAC/B,2CAAoC;AAkBpC;;GAEG;AACH,SAAgB,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,IAAA,oBAAU,EAAC,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;AA3CD,0BA2CC","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 ContentView\n */\nimport * as React from \"react\";\nimport classnames from \"classnames\";\n\n/** Based on react-split-pane package. See https://github.com/tomkp/react-split-pane/blob/master/LICENSE */\n\n/**\n * @internal\n */\nexport interface ResizerProps {\n  split?: \"vertical\" | \"horizontal\";\n  style?: React.CSSProperties;\n  className: string;\n  onMouseDown: (event: MouseEvent) => void;\n  onTouchEnd: () => void;\n  onTouchStart: (event: TouchEvent) => void;\n  onClick?: (event: MouseEvent) => void;\n  onDoubleClick?: (event: MouseEvent) => void;\n}\n\n/**\n * @internal\n */\nexport function Resizer(props: ResizerProps) {\n  const {\n    className,\n    onClick,\n    onDoubleClick,\n    onMouseDown,\n    onTouchEnd,\n    onTouchStart,\n    split,\n    style,\n  } = props;\n\n  const resizerClasses = React.useMemo(() => classnames(split, className), [split, className]);\n\n  return (\n    <span\n      role=\"presentation\"\n      className={resizerClasses}\n      style={style}\n      onMouseDown={(event) => onMouseDown(event.nativeEvent)}\n      onTouchStart={(event) => {\n        onTouchStart(event.nativeEvent);\n      }}\n      onTouchEnd={(event) => {\n        event.preventDefault();\n        onTouchEnd();\n      }}\n      onClick={(event) => {\n        // istanbul ignore else\n        if (onClick) {\n          event.preventDefault();\n          onClick(event.nativeEvent);\n        }\n      }}\n      onDoubleClick={(event) => {\n        // istanbul ignore else\n        if (onDoubleClick) {\n          event.preventDefault();\n          onDoubleClick(event.nativeEvent);\n        }\n      }}\n    />\n  );\n}\n"]}