@itwin/appui-react 4.0.0-dev.9 → 4.0.0

package/lib/esm/appui-react/childwindow/InternalChildWindowManager.d.ts

@@ -1,72 +1,72 @@
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-import "./InternalChildWindowManager.scss";
-import * as React from "react";
-import { ChildWindowLocationProps, FrameworkChildWindows, OpenChildWindowInfo } from "../framework/FrameworkChildWindows";
-/**
- * Simplification of non exported CreateRoot parameter, only to be used
- * in InternalChildWindowManager and ChildWindowManager
- * @internal
- */
-export declare type CreateRoot = Parameters<FrameworkChildWindows["useCreateRoot"]>[0];
-/** Supports opening a child browser window from the main application window. The child window is managed by the main application
- * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
- * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
- * @internal
- * */
-export declare class InternalChildWindowManager implements FrameworkChildWindows {
-    private _openChildWindows;
-    private _createRoot?;
-    get openChildWindows(): OpenChildWindowInfo[];
-    /**
-     * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.
-     * Do not call if using React 17 or before.
-     *
-     * Note: The type of the function is intentionally simplified here.
-     *
-     * @param createRootFn Function imported from `import { createRoot } from "react-dom/client";`
-     * @beta Will be removed once the transition to react 18 is complete.
-     */
-    useCreateRoot(createRootFn: CreateRoot): void;
-    /**
-     * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.
-     * @param element Element to render.
-     * @param container Container to render to.
-     */
-    private render;
-    /**
-     * Returns the OpenChildWindowInfo for the related id.
-     * @param childWindowId Id of the window to retrieve.
-     * @returns undefined if not found.
-     */
-    find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;
-    /**
-     * Return the childWindowId of the provided window.
-     * @param contentWindow Window element to identify
-     * @returns undefined if not found
-     */
-    findId(contentWindow: Window | undefined | null): string | undefined;
-    private renderChildWindowContents;
-    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
-    closeAll(): void;
-    /**
-     * Close a specific child window.
-     * @param childWindowId Id of the window to close
-     * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
-     * @returns false if the window could not be found.
-     */
-    close: (childWindowId: string, processWindowClose?: boolean) => boolean;
-    private adjustWidowLocation;
-    /**
-     * Open a new child window.
-     * @param childWindowId Id to assign to the newly created window.
-     * @param title Title to display on the window.
-     * @param content ReactNode to be rendered in the window.
-     * @param location Position and size information
-     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
-     * @returns true if the window is opened successfully.
-     */
-    open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;
-}
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+import "./InternalChildWindowManager.scss";
+import * as React from "react";
+import { ChildWindowLocationProps, FrameworkChildWindows, OpenChildWindowInfo } from "../framework/FrameworkChildWindows";
+/**
+ * Simplification of non exported CreateRoot parameter, only to be used
+ * in InternalChildWindowManager and ChildWindowManager
+ * @internal
+ */
+export type CreateRoot = Parameters<FrameworkChildWindows["useCreateRoot"]>[0];
+/** Supports opening a child browser window from the main application window. The child window is managed by the main application
+ * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
+ * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
+ * @internal
+ * */
+export declare class InternalChildWindowManager implements FrameworkChildWindows {
+    private _openChildWindows;
+    private _createRoot?;
+    get openChildWindows(): OpenChildWindowInfo[];
+    /**
+     * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.
+     * Do not call if using React 17 or before.
+     *
+     * Note: The type of the function is intentionally simplified here.
+     *
+     * @param createRootFn Function imported from `import { createRoot } from "react-dom/client";`
+     * @beta Will be removed once the transition to react 18 is complete.
+     */
+    useCreateRoot(createRootFn: CreateRoot): void;
+    /**
+     * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.
+     * @param element Element to render.
+     * @param container Container to render to.
+     */
+    private render;
+    /**
+     * Returns the OpenChildWindowInfo for the related id.
+     * @param childWindowId Id of the window to retrieve.
+     * @returns undefined if not found.
+     */
+    find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;
+    /**
+     * Return the childWindowId of the provided window.
+     * @param contentWindow Window element to identify
+     * @returns undefined if not found
+     */
+    findId(contentWindow: Window | undefined | null): string | undefined;
+    private renderChildWindowContents;
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAll(): void;
+    /**
+     * Close a specific child window.
+     * @param childWindowId Id of the window to close
+     * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
+     * @returns false if the window could not be found.
+     */
+    close: (childWindowId: string, processWindowClose?: boolean) => boolean;
+    private adjustWidowLocation;
+    /**
+     * Open a new child window.
+     * @param childWindowId Id to assign to the newly created window.
+     * @param title Title to display on the window.
+     * @param content ReactNode to be rendered in the window.
+     * @param location Position and size information
+     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
+     * @returns true if the window is opened successfully.
+     */
+    open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;
+}
 //# sourceMappingURL=InternalChildWindowManager.d.ts.map

package/lib/esm/appui-react/childwindow/InternalChildWindowManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InternalChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAyB1H;;;;GAIG;AACH,oBAAY,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E;;;;KAIK;AACL,qBAAa,0BAA2B,YAAW,qBAAqB;IACtE,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,WAAW,CAAC,CAAa;IAEjC,IAAW,gBAAgB,0BAE1B;IAED;;;;;;;;OAQG;IAEI,aAAa,CAAC,YAAY,EAAE,UAAU,GAAG,IAAI;IAIpD;;;;OAIG;IAEH,OAAO,CAAC,MAAM;IAQd;;;;OAIG;IACI,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAO/E;;;;OAIG;IACI,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAS3E,OAAO,CAAC,yBAAyB;IA4CjC,gGAAgG;IACzF,QAAQ;IAMf;;;;;OAKG;IACI,KAAK,kBAAmB,MAAM,2CAcnC;IAGF,OAAO,CAAC,mBAAmB;IAsB3B;;;;;;;;OAQG;IAEI,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA8B9I"}
+{"version":3,"file":"InternalChildWindowManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/childwindow/InternalChildWindowManager.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAyB1H;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E;;;;KAIK;AACL,qBAAa,0BAA2B,YAAW,qBAAqB;IACtE,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,WAAW,CAAC,CAAa;IAEjC,IAAW,gBAAgB,0BAE1B;IAED;;;;;;;;OAQG;IAEI,aAAa,CAAC,YAAY,EAAE,UAAU,GAAG,IAAI;IAIpD;;;;OAIG;IAEH,OAAO,CAAC,MAAM;IAQd;;;;OAIG;IACI,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS;IAO/E;;;;OAIG;IACI,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAS3E,OAAO,CAAC,yBAAyB;IA6CjC,gGAAgG;IACzF,QAAQ;IAMf;;;;;OAKG;IACI,KAAK,kBAAmB,MAAM,2CAcnC;IAGF,OAAO,CAAC,mBAAmB;IAsB3B;;;;;;;;OAQG;IAEI,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO;CA6B9I"}

package/lib/esm/appui-react/childwindow/InternalChildWindowManager.js

@@ -1,23 +1,23 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ChildWindowManager
- */
-import "./InternalChildWindowManager.scss";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { copyStyles } from "./CopyStyles";
-import { Provider } from "react-redux";
-import { StateManager } from "../redux/StateManager";
-import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
-import { PopupRenderer } from "../popup/PopupManager";
-import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
-import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
-import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
-import { ThemeManager } from "../theme/ThemeManager";
-import { UiFramework } from "../UiFramework";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+import "./InternalChildWindowManager.scss";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { copyStyles } from "./CopyStyles";
+import { Provider } from "react-redux";
+import { StateManager } from "../redux/StateManager";
+import { UiStateStorageHandler } from "../uistate/useUiStateStorage";
+import { PopupRenderer } from "../popup/PopupManager";
+import { ModelessDialogRenderer } from "../dialog/ModelessDialogManager";
+import { ModalDialogRenderer } from "../dialog/ModalDialogManager";
+import { CursorPopupMenu } from "../cursor/cursormenu/CursorMenu";
+import { ThemeManager } from "../theme/ThemeManager";
+import { UiFramework } from "../UiFramework";
 const childHtml = `<!DOCTYPE html>
 <html>
 <head>
@@ -39,188 +39,188 @@ const childHtml = `<!DOCTYPE html>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
 </body>
-</html>`;
-/** Supports opening a child browser window from the main application window. The child window is managed by the main application
- * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
- * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
- * @internal
- * */
-export class InternalChildWindowManager {
-    constructor() {
-        this._openChildWindows = [];
-        /**
-         * Close a specific child window.
-         * @param childWindowId Id of the window to close
-         * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
-         * @returns false if the window could not be found.
-         */
-        this.close = (childWindowId, processWindowClose = true) => {
-            const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);
-            if (-1 === windowIndex)
-                return false;
-            const childWindow = this.openChildWindows[windowIndex];
-            this.openChildWindows.splice(windowIndex, 1);
-            if (processWindowClose) {
-                childWindow.window.close();
-            }
-            else {
-                // call the following to convert popout to docked widget
-                const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
-                frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);
-            }
-            return true;
-        };
-    }
-    get openChildWindows() {
-        return this._openChildWindows;
-    }
-    /**
-     * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.
-     * Do not call if using React 17 or before.
-     *
-     * Note: The type of the function is intentionally simplified here.
-     *
-     * @param createRootFn Function imported from `import { createRoot } from "react-dom/client";`
-     * @beta Will be removed once the transition to react 18 is complete.
-     */
-    // istanbul ignore next: Result of this assignment is only visible in `open`, which is not tested.
-    useCreateRoot(createRootFn) {
-        this._createRoot = createRootFn;
-    }
-    /**
-     * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.
-     * @param element Element to render.
-     * @param container Container to render to.
-     */
-    // istanbul ignore next: Used in `open` which is not tested.
-    render(element, container) {
-        if (this._createRoot) {
-            this._createRoot(container).render(element);
-        }
-        else {
-            ReactDOM.render(element, container);
-        }
-    }
-    /**
-     * Returns the OpenChildWindowInfo for the related id.
-     * @param childWindowId Id of the window to retrieve.
-     * @returns undefined if not found.
-     */
-    find(childWindowId) {
-        if (undefined === childWindowId)
-            return undefined;
-        return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);
-    }
-    /**
-     * Return the childWindowId of the provided window.
-     * @param contentWindow Window element to identify
-     * @returns undefined if not found
-     */
-    findId(contentWindow) {
-        if (!contentWindow)
-            return undefined;
-        const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);
-        return childWindow === null || childWindow === void 0 ? void 0 : childWindow.childWindowId;
-    }
-    // istanbul ignore next: Used in `open` which is not tested.
-    renderChildWindowContents(childWindow, childWindowId, content) {
-        const reactConnectionDiv = childWindow.document.getElementById("root");
-        if (reactConnectionDiv) {
-            // set openChildWindows now so components can use it when they mount
-            this._openChildWindows.push({
-                childWindowId,
-                window: childWindow,
-                parentWindow: window,
-            });
-            setTimeout(() => {
-                copyStyles(childWindow.document);
-                setTimeout(() => {
-                    this.render(React.createElement(Provider, { store: StateManager.store },
-                        React.createElement(UiStateStorageHandler, null,
-                            React.createElement(ThemeManager, null,
-                                React.createElement("div", { className: "uifw-child-window-container-host" },
-                                    React.createElement(PopupRenderer, null),
-                                    React.createElement(ModalDialogRenderer, null),
-                                    React.createElement(ModelessDialogRenderer, null),
-                                    React.createElement(CursorPopupMenu, null),
-                                    React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content))))), reactConnectionDiv);
-                });
-            });
-            childWindow.onbeforeunload = () => {
-                const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
-                if (!frontStageDef)
-                    return;
-                frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);
-                this.close(childWindowId, false);
-            };
-        }
-    }
-    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
-    closeAll() {
-        // istanbul ignore next
-        this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());
-        this._openChildWindows = [];
-    }
-    // istanbul ignore next: Used in `open` which is not tested.
-    adjustWidowLocation(location, center) {
-        var _a;
-        const outLocation = { ...location };
-        if (0 === location.top && 0 === location.left) {
-            center = center !== null && center !== void 0 ? center : true;
-            const windowTop = (_a = window.top) !== null && _a !== void 0 ? _a : window;
-            // Prepare position of the new window to be centered against the 'parent' window.
-            if (center) {
-                outLocation.left =
-                    windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;
-                outLocation.top =
-                    windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;
-            }
-            else {
-                if (undefined !== window.screenLeft && undefined !== window.screenTop) {
-                    outLocation.top = window.screenTop + location.top;
-                    outLocation.left = window.screenLeft + location.left;
-                }
-            }
-        }
-        return outLocation;
-    }
-    /**
-     * Open a new child window.
-     * @param childWindowId Id to assign to the newly created window.
-     * @param title Title to display on the window.
-     * @param content ReactNode to be rendered in the window.
-     * @param location Position and size information
-     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
-     * @returns true if the window is opened successfully.
-     */
-    // istanbul ignore next: Would require mocking window.open to return a window object.
-    open(childWindowId, title, content, location, useDefaultPopoutUrl) {
-        // first check to see if content is already open in child window
-        if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {
-            return false;
-        }
-        location = this.adjustWidowLocation(location);
-        const url = useDefaultPopoutUrl ? "/iTwinPopup.html" : "";
-        const childWindow = window.open(url, "", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);
-        if (!childWindow)
-            return false;
-        if (0 === url.length) {
-            childWindow.document.write(childHtml);
-            this.renderChildWindowContents(childWindow, childWindowId, content);
-        }
-        else {
-            childWindow.addEventListener("load", () => {
-                childWindow.document.title = title;
-                this.renderChildWindowContents(childWindow, childWindowId, content);
-            }, false);
-        }
-        window.addEventListener("unload", () => {
-            const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
-            if (frontStageDef) {
-                this.close(childWindowId, true);
-            }
-        }, false);
-        return true;
-    }
-}
+</html>`;
+/** Supports opening a child browser window from the main application window. The child window is managed by the main application
+ * and is running in the same security context. The application must deliver the html file iTwinPopup.html along side its index.html.
+ * See also: [Child Window Manager]($docs/learning/ui/appui-react/ChildWindows.md)
+ * @internal
+ * */
+export class InternalChildWindowManager {
+    constructor() {
+        this._openChildWindows = [];
+        /**
+         * Close a specific child window.
+         * @param childWindowId Id of the window to close
+         * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
+         * @returns false if the window could not be found.
+         */
+        this.close = (childWindowId, processWindowClose = true) => {
+            const windowIndex = this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId);
+            if (-1 === windowIndex)
+                return false;
+            const childWindow = this.openChildWindows[windowIndex];
+            this.openChildWindows.splice(windowIndex, 1);
+            if (processWindowClose) {
+                childWindow.window.close();
+            }
+            else {
+                // call the following to convert popout to docked widget
+                const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
+                frontStageDef && frontStageDef.dockPopoutWidgetContainer(childWindowId);
+            }
+            return true;
+        };
+    }
+    get openChildWindows() {
+        return this._openChildWindows;
+    }
+    /**
+     * When using React18, the `createRoot` function must be provided in order to render Popout content with React18.
+     * Do not call if using React 17 or before.
+     *
+     * Note: The type of the function is intentionally simplified here.
+     *
+     * @param createRootFn Function imported from `import { createRoot } from "react-dom/client";`
+     * @beta Will be removed once the transition to react 18 is complete.
+     */
+    // istanbul ignore next: Result of this assignment is only visible in `open`, which is not tested.
+    useCreateRoot(createRootFn) {
+        this._createRoot = createRootFn;
+    }
+    /**
+     * Abstracts ReactDOM.render to use either the _createRoot method or the default ReactDOM.render.
+     * @param element Element to render.
+     * @param container Container to render to.
+     */
+    // istanbul ignore next: Used in `open` which is not tested.
+    render(element, container) {
+        if (this._createRoot) {
+            this._createRoot(container).render(element);
+        }
+        else {
+            ReactDOM.render(element, container);
+        }
+    }
+    /**
+     * Returns the OpenChildWindowInfo for the related id.
+     * @param childWindowId Id of the window to retrieve.
+     * @returns undefined if not found.
+     */
+    find(childWindowId) {
+        if (undefined === childWindowId)
+            return undefined;
+        return this.openChildWindows.find((openWindow) => openWindow.childWindowId === childWindowId);
+    }
+    /**
+     * Return the childWindowId of the provided window.
+     * @param contentWindow Window element to identify
+     * @returns undefined if not found
+     */
+    findId(contentWindow) {
+        if (!contentWindow)
+            return undefined;
+        const childWindow = this.openChildWindows.find((openWindow) => openWindow.window === contentWindow);
+        return childWindow === null || childWindow === void 0 ? void 0 : childWindow.childWindowId;
+    }
+    // istanbul ignore next: Used in `open` which is not tested.
+    renderChildWindowContents(childWindow, childWindowId, content, title) {
+        childWindow.document.title = title;
+        const reactConnectionDiv = childWindow.document.getElementById("root");
+        if (reactConnectionDiv) {
+            // set openChildWindows now so components can use it when they mount
+            this._openChildWindows.push({
+                childWindowId,
+                window: childWindow,
+                parentWindow: window,
+            });
+            setTimeout(() => {
+                copyStyles(childWindow.document);
+                setTimeout(() => {
+                    this.render(React.createElement(Provider, { store: StateManager.store },
+                        React.createElement(UiStateStorageHandler, null,
+                            React.createElement(ThemeManager, null,
+                                React.createElement("div", { className: "uifw-child-window-container-host" },
+                                    React.createElement(PopupRenderer, null),
+                                    React.createElement(ModalDialogRenderer, null),
+                                    React.createElement(ModelessDialogRenderer, null),
+                                    React.createElement(CursorPopupMenu, null),
+                                    React.createElement("div", { className: "uifw-child-window-container nz-widget-widget" }, content))))), reactConnectionDiv);
+                });
+            });
+            childWindow.onbeforeunload = () => {
+                const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
+                if (!frontStageDef)
+                    return;
+                frontStageDef.saveChildWindowSizeAndPosition(childWindowId, childWindow);
+                this.close(childWindowId, false);
+            };
+        }
+    }
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAll() {
+        // istanbul ignore next
+        this.openChildWindows.forEach((openChildWindow) => openChildWindow.window.close());
+        this._openChildWindows = [];
+    }
+    // istanbul ignore next: Used in `open` which is not tested.
+    adjustWidowLocation(location, center) {
+        var _a;
+        const outLocation = { ...location };
+        if (0 === location.top && 0 === location.left) {
+            center = center !== null && center !== void 0 ? center : true;
+            const windowTop = (_a = window.top) !== null && _a !== void 0 ? _a : window;
+            // Prepare position of the new window to be centered against the 'parent' window.
+            if (center) {
+                outLocation.left =
+                    windowTop.outerWidth / 2 + windowTop.screenX - location.width / 2;
+                outLocation.top =
+                    windowTop.outerHeight / 2 + windowTop.screenY - location.height / 2;
+            }
+            else {
+                if (undefined !== window.screenLeft && undefined !== window.screenTop) {
+                    outLocation.top = window.screenTop + location.top;
+                    outLocation.left = window.screenLeft + location.left;
+                }
+            }
+        }
+        return outLocation;
+    }
+    /**
+     * Open a new child window.
+     * @param childWindowId Id to assign to the newly created window.
+     * @param title Title to display on the window.
+     * @param content ReactNode to be rendered in the window.
+     * @param location Position and size information
+     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
+     * @returns true if the window is opened successfully.
+     */
+    // istanbul ignore next: Would require mocking window.open to return a window object.
+    open(childWindowId, title, content, location, useDefaultPopoutUrl) {
+        // first check to see if content is already open in child window
+        if (this.openChildWindows.findIndex((openWindow) => openWindow.childWindowId === childWindowId) >= 0) {
+            return false;
+        }
+        location = this.adjustWidowLocation(location);
+        const url = useDefaultPopoutUrl ? "/iTwinPopup.html" : "";
+        const childWindow = window.open(url, "", `width=${location.width},height=${location.height},left=${location.left},top=${location.top},menubar=no,resizable=yes,scrollbars=no,status=no,location=no`);
+        if (!childWindow)
+            return false;
+        if (0 === url.length) {
+            childWindow.document.write(childHtml);
+            this.renderChildWindowContents(childWindow, childWindowId, content, title);
+        }
+        else {
+            childWindow.addEventListener("load", () => {
+                this.renderChildWindowContents(childWindow, childWindowId, content, title);
+            }, false);
+        }
+        window.addEventListener("unload", () => {
+            const frontStageDef = UiFramework.frontstages.activeFrontstageDef;
+            if (frontStageDef) {
+                this.close(childWindowId, true);
+            }
+        }, false);
+        return true;
+    }
+}
 //# sourceMappingURL=InternalChildWindowManager.js.map