@openfin/core 32.75.9 → 32.75.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openfin/core",
-    "version": "32.75.9",
+    "version": "32.75.11",
     "license": "SEE LICENSE IN LICENSE.MD",
     "main": "./src/mock.js",
     "types": "./src/mock.d.ts",

package/src/api/platform/Factory.d.ts

@@ -1,6 +1,6 @@
 import type * as OpenFin from '../../OpenFin';
-import { Base } from '../base';
 import { Transport } from '../../transport/transport';
+import { Base } from '../base';
 import { LayoutModule } from './layout/index';
 type Channel = OpenFin.Fin['InterApplicationBus']['Channel'];
 /**
@@ -51,7 +51,6 @@ type Channel = OpenFin.Fin['InterApplicationBus']['Channel'];
 export default class PlatformModule extends Base {
     private _channel;
     Layout: LayoutModule;
-    private _initializer;
     constructor(wire: Transport, channel: Channel);
     /**
      * Initializes a Platform. Must be called from the Provider when using a custom provider.

package/src/api/platform/Factory.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable no-undef, no-underscore-dangle */
 const base_1 = require("../base");
-const index_1 = require("./layout/index");
 const Instance_1 = require("./Instance");
+const index_1 = require("./layout/index");
 /**
  * @PORTED
  * InitPlatformOptions interface
@@ -53,9 +52,6 @@ class PlatformModule extends base_1.Base {
     constructor(wire, channel) {
         super(wire);
         this._channel = channel;
-        this._initializer = (...args) => this.wire.environment
-            .getProviderInitializer()
-            .then((initConstructor) => initConstructor(this.wire.environment)(...args));
         /**
          * @namespace
          * @desc Layouts give app providers the ability to embed multiple views in a single window.  The Layout namespace
@@ -74,12 +70,7 @@ class PlatformModule extends base_1.Base {
      * @static
      */
     async init(options) {
-        const overrideCallback = options === null || options === void 0 ? void 0 : options.overrideCallback;
-        const interopBroker = await this.fin.Interop.init(this.fin.me.uuid, options === null || options === void 0 ? void 0 : options.interopOverride);
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error debugging purposes
-        window.interopBroker = interopBroker;
-        return this._initializer(overrideCallback, interopBroker);
+        return this.wire.environment.initPlatform(this.fin, options);
     }
     /**
      * Asynchronously returns a Platform object that represents an existing platform.

package/src/api/platform/layout/Factory.d.ts

@@ -1,6 +1,6 @@
 import type * as OpenFin from '../../../OpenFin';
-import { Layout } from './Instance';
 import { Base } from '../../base';
+import { Layout } from './Instance';
 type InitLayoutOptions = OpenFin.InitLayoutOptions;
 /**
  * @PORTED

package/src/api/platform/layout/Factory.js

@@ -10,19 +10,12 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _LayoutModule_layoutManager, _LayoutModule_layoutInitializationAttempted;
+var _LayoutModule_layoutInitializationAttempted;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutModule = void 0;
 /* eslint-disable no-undef, import/prefer-default-export */
-const tab_drag_controller_1 = require("./controllers/tab-drag-controller");
-const Instance_1 = require("./Instance");
 const base_1 = require("../../base");
-const splitter_controller_1 = require("./controllers/splitter-controller");
-const view_overlay_1 = require("./utils/view-overlay");
-const api_exposer_1 = require("../../api-exposer");
-const layout_entities_controller_1 = require("./controllers/layout-entities-controller");
-const layout_constants_1 = require("./layout.constants");
-const layout_content_cache_1 = require("./controllers/layout-content-cache");
+const Instance_1 = require("./Instance");
 /**
  * @PORTED
  * InitLayoutOptions interface
@@ -90,7 +83,6 @@ const layout_content_cache_1 = require("./controllers/layout-content-cache");
 class LayoutModule extends base_1.Base {
     constructor() {
         super(...arguments);
-        _LayoutModule_layoutManager.set(this, void 0);
         _LayoutModule_layoutInitializationAttempted.set(this, false);
         /**
          * Initialize the window's Layout.  Must be called from a custom window that has a 'layout' option set upon creation of that window.
@@ -114,33 +106,7 @@ class LayoutModule extends base_1.Base {
                 throw new Error('Layout for this window already initialized, please use Layout.replace call to replace the layout.');
             }
             __classPrivateFieldSet(this, _LayoutModule_layoutInitializationAttempted, true, "f");
-            // We need to go through environment to make sure it is only imported/bundled in OpenFin.
-            const ManagerConstructor = await this.wire.environment.getManagerConstructor();
-            const viewOverlay = new view_overlay_1.ViewOverlay(this.wire);
-            const splitterController = new splitter_controller_1.SplitterController(viewOverlay);
-            const tabDragController = new tab_drag_controller_1.TabDragController(viewOverlay);
-            const contentItemCache = new layout_content_cache_1.LayoutContentCache();
-            __classPrivateFieldSet(this, _LayoutModule_layoutManager, new ManagerConstructor(splitterController, tabDragController, contentItemCache), "f");
-            // @ts-expect-error - layout warning here for backwards compatibility, can remove layout check in .52
-            let { layout, containerId } = options;
-            if (layout) {
-                console.warn(`We recommend using a layout in window options.
-                This layout has not been sanitized and unexpected behavior can occur.`);
-            }
-            layout = layout || (await this.fin.Window.getCurrentSync().getOptions()).layout;
-            containerId = containerId || 'layout-container';
-            const container = document.getElementById(containerId);
-            // Should we error here if there is no container? Getting a typescript complaint on createLayout
-            // override here
-            // pull createChannelConnection out of LayoutManager and setup channel connections here using layoutmanager instance methods?
-            await __classPrivateFieldGet(this, _LayoutModule_layoutManager, "f").initManager();
-            await __classPrivateFieldGet(this, _LayoutModule_layoutManager, "f").createLayout(layout, container);
-            const { client, ofWindow } = ManagerConstructor.getClientAndWindow(__classPrivateFieldGet(this, _LayoutModule_layoutManager, "f"));
-            // expose LayoutEntitiesController instance for API consumption
-            const channelStrategy = new api_exposer_1.ChannelsExposer(client);
-            await new api_exposer_1.ApiExposer(channelStrategy).exposeInstance(new layout_entities_controller_1.LayoutEntitiesController(__classPrivateFieldGet(this, _LayoutModule_layoutManager, "f"), contentItemCache), { id: layout_constants_1.LAYOUT_CONTROLLER_ID });
-            // Adding this to the returned instance undocumented/typed for Browser.
-            return Object.assign(this.getCurrentSync(), { layoutManager: __classPrivateFieldGet(this, _LayoutModule_layoutManager, "f") });
+            return this.wire.environment.initLayout(this.fin, this.wire, options);
         };
     }
     /**
@@ -205,4 +171,4 @@ class LayoutModule extends base_1.Base {
     }
 }
 exports.LayoutModule = LayoutModule;
-_LayoutModule_layoutManager = new WeakMap(), _LayoutModule_layoutInitializationAttempted = new WeakMap();
+_LayoutModule_layoutInitializationAttempted = new WeakMap();

package/src/api/system/index.js

@@ -512,53 +512,62 @@ class System extends base_1.EmitterBase {
      * @tutorial System.downloadAsset
      */
     // incompatible with standalone node process.
-    downloadAsset(appAsset, progressListener) {
-        return new Promise((resolve, reject) => {
-            // node.js environment not supported
-            if (this.wire.environment.constructor.name === 'NodeEnvironment') {
-                reject(new transport_errors_1.NotSupportedError('downloadAsset only supported in an OpenFin Render process'));
-                return;
-            }
-            const downloadId = this.wire.environment.getNextMessageId().toString();
-            const dlProgressKey = `asset-download-progress-${downloadId}`;
-            const dlErrorKey = `asset-download-error-${downloadId}`;
-            const dlCompleteKey = `asset-download-complete-${downloadId}`;
-            const dlProgress = (progress) => {
-                const p = {
-                    downloadedBytes: progress.downloadedBytes,
-                    totalBytes: progress.totalBytes
-                };
-                progressListener(p);
-            };
-            const cleanListeners = () => {
-                // TODO: fix internal types
-                // @ts-expect-error
-                this.removeListener(dlProgressKey, dlProgress);
-            };
-            const dlError = (payload) => {
-                cleanListeners();
-                const { reason, err: error } = payload;
-                reject(new transport_errors_1.RuntimeError({ reason, error }, transport_errors_1.RuntimeError.getCallSite(3)));
-            };
-            const dlComplete = () => {
-                cleanListeners();
-                resolve();
+    async downloadAsset(appAsset, progressListener) {
+        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type, @typescript-eslint/no-empty-function
+        const noop = () => { };
+        let resolve = noop;
+        let reject = noop;
+        const downloadCompletePromise = new Promise((y, n) => {
+            resolve = y;
+            reject = n;
+        });
+        // node.js environment not supported
+        if (this.wire.environment.constructor.name === 'NodeEnvironment') {
+            throw new transport_errors_1.NotSupportedError('downloadAsset only supported in an OpenFin Render process');
+        }
+        const callSite = transport_errors_1.RuntimeError.getCallSite();
+        const downloadId = this.wire.environment.getNextMessageId().toString();
+        const dlProgressKey = `asset-download-progress-${downloadId}`;
+        const dlErrorKey = `asset-download-error-${downloadId}`;
+        const dlCompleteKey = `asset-download-complete-${downloadId}`;
+        const dlProgress = (progress) => {
+            const p = {
+                downloadedBytes: progress.downloadedBytes,
+                totalBytes: progress.totalBytes
             };
+            progressListener(p);
+        };
+        const cleanListeners = () => {
             // TODO: fix internal types
             // @ts-expect-error
-            this.on(dlProgressKey, dlProgress);
+            this.removeListener(dlProgressKey, dlProgress);
+        };
+        const dlError = (payload) => {
+            cleanListeners();
+            const { reason, err: error } = payload;
+            reject(new transport_errors_1.RuntimeError({ reason, error }, callSite));
+        };
+        const dlComplete = () => {
+            cleanListeners();
+            resolve();
+        };
+        await Promise.all([
             // TODO: fix internal types
             // @ts-expect-error
-            this.once(dlErrorKey, dlError);
+            this.on(dlProgressKey, dlProgress),
             // TODO: fix internal types
             // @ts-expect-error
-            this.once(dlCompleteKey, dlComplete);
-            const downloadOptions = Object.assign(appAsset, { downloadId });
-            this.wire.sendAction('download-asset', downloadOptions).catch((err) => {
-                cleanListeners();
-                reject(err);
-            });
+            this.once(dlErrorKey, dlError),
+            // TODO: fix internal types
+            // @ts-expect-error
+            this.once(dlCompleteKey, dlComplete)
+        ]);
+        const downloadOptions = Object.assign(appAsset, { downloadId });
+        await this.wire.sendAction('download-asset', downloadOptions).catch((err) => {
+            cleanListeners();
+            throw err;
         });
+        return downloadCompletePromise;
     }
     /**
      * Downloads a version of the runtime.

package/src/api/view/Instance.js

@@ -11,7 +11,6 @@ const transport_errors_1 = require("../../transport/transport-errors");
 const lazy_1 = require("../../util/lazy");
 const layout_entities_1 = require("../platform/layout/entities/layout-entities");
 const layout_constants_1 = require("../platform/layout/layout.constants");
-const bounds_observer_1 = require("../platform/layout/utils/bounds-observer");
 const main_1 = require("../webcontents/main");
 const window_1 = require("../window");
 /**
@@ -510,7 +509,7 @@ class View extends main_1.WebContents {
                 throw new Error('Element not found.');
             }
             const onChange = async (bounds) => this.setBounds(bounds);
-            return (0, bounds_observer_1.observeBounds)(element, onChange);
+            return this.wire.environment.observeBounds(element, onChange);
         };
     }
     /**

package/src/environment/browser.d.ts

@@ -1,10 +1,12 @@
 import type * as OpenFin from '../OpenFin';
+import { Transport } from '../transport/transport';
 import { NewConnectConfig } from '../transport/wire';
 import { ChildContentOptions, Environment } from './environment';
 type EntityType = OpenFin.EntityType;
 export declare class BrowserEnvironment implements Environment {
-    getManagerConstructor(): Promise<any>;
-    getProviderInitializer(): Promise<any>;
+    observeBounds(element: Element, onChange: (bounds: DOMRect) => void | Promise<void>): () => void;
+    initLayout(_fin: OpenFin.Fin<OpenFin.EntityType>, wire: Transport, options: OpenFin.InitLayoutOptions): Promise<OpenFin.Layout>;
+    initPlatform(...args: any[]): Promise<any>;
     writeToken(path: string, token: string): Promise<string>;
     retrievePort(config: NewConnectConfig): Promise<number>;
     getNextMessageId(): string;

package/src/environment/browser.js

@@ -8,10 +8,13 @@ class BrowserEnvironment {
             return window.crypto.getRandomValues(intArray)[0].toString(32);
         };
     }
-    getManagerConstructor() {
+    observeBounds(element, onChange) {
         throw new Error('Method not implemented.');
     }
-    getProviderInitializer() {
+    initLayout(_fin, wire, options) {
+        throw new Error('Method not implemented.');
+    }
+    initPlatform(...args) {
         throw new Error('Method not implemented.');
     }
     writeToken(path, token) {

package/src/environment/environment.d.ts

@@ -1,9 +1,11 @@
 import type * as OpenFin from '../OpenFin';
+import { Transport } from '../transport/transport';
 import { NewConnectConfig } from '../transport/wire';
 type EntityType = OpenFin.EntityType;
 export interface Environment {
-    getManagerConstructor(): Promise<any>;
-    getProviderInitializer(): Promise<any>;
+    initLayout(fin: OpenFin.Fin<OpenFin.EntityType>, wire: Transport, ...args: Parameters<OpenFin.Fin['Platform']['Layout']['init']>): ReturnType<OpenFin.Fin['Platform']['Layout']['init']>;
+    initPlatform(fin: OpenFin.Fin<OpenFin.EntityType>, ...args: Parameters<OpenFin.Fin['Platform']['init']>): ReturnType<OpenFin.Fin['Platform']['init']>;
+    observeBounds(element: Element, onChange: (bounds: DOMRect) => Promise<void> | void): (() => void);
     writeToken(path: string, token: string): Promise<string>;
     retrievePort(config: NewConnectConfig): Promise<number>;
     getNextMessageId(): any;

package/src/environment/node-env.d.ts

@@ -3,6 +3,7 @@ import { Environment } from './environment';
 import { NewConnectConfig } from '../transport/wire';
 type EntityType = OpenFin.EntityType;
 export default class NodeEnvironment implements Environment {
+    observeBounds(element: Element, onChange: (bounds: DOMRect) => void | Promise<void>): () => void;
     getDefaultChannelOptions(): {
         create: OpenFin.ChannelCreateOptions;
         connect: OpenFin.ChannelConnectOptions;
@@ -10,8 +11,8 @@ export default class NodeEnvironment implements Environment {
     getRtcPeer(): RTCPeerConnection;
     private messageCounter;
     childViews: boolean;
-    getManagerConstructor(): Promise<any>;
-    getProviderInitializer(): Promise<any>;
+    initLayout(): Promise<never>;
+    initPlatform(): Promise<never>;
     whenReady(): Promise<void>;
     writeToken: (path: string, token: string) => Promise<string>;
     retrievePort: (config: NewConnectConfig) => Promise<number>;

package/src/environment/node-env.js

@@ -43,16 +43,19 @@ class NodeEnvironment {
             throw new transport_errors_1.NotImplementedError('Not Implemented');
         };
     }
+    observeBounds(element, onChange) {
+        throw new Error('Method not implemented.');
+    }
     getDefaultChannelOptions() {
         return { create: {}, connect: {} };
     }
     getRtcPeer() {
         throw new Error('Method not implemented.');
     }
-    async getManagerConstructor() {
+    async initLayout() {
         throw new Error('Method not implemented.');
     }
-    async getProviderInitializer() {
+    async initPlatform() {
         throw new Error('Method not implemented.');
     }
     whenReady() {

package/src/environment/openfin-env.d.ts

@@ -1,7 +1,8 @@
 import type * as OpenFin from '../OpenFin';
-import { ChildContentOptions, Environment } from './environment';
+import { Transport } from '../transport/transport';
 import { NewConnectConfig } from '../transport/wire';
 import { BrowserEnvironment } from './browser';
+import { ChildContentOptions, Environment } from './environment';
 type EntityType = OpenFin.EntityType;
 export default class OpenFinEnvironment extends BrowserEnvironment implements Environment {
     #private;
@@ -12,8 +13,9 @@ export default class OpenFinEnvironment extends BrowserEnvironment implements En
         create: OpenFin.ChannelCreateOptions;
         connect: OpenFin.ChannelConnectOptions;
     };
-    getManagerConstructor(): Promise<any>;
-    getProviderInitializer(): Promise<any>;
+    initLayout(_fin: OpenFin.Fin<OpenFin.EntityType>, wire: Transport, options: OpenFin.InitLayoutOptions): Promise<OpenFin.Layout>;
+    initPlatform(_fin: OpenFin.Fin<OpenFin.EntityType>, options?: OpenFin.InitPlatformOptions): ReturnType<OpenFin.Fin['Platform']['init']>;
+    observeBounds(element: Element, onChange: (bounds: DOMRect) => void | Promise<void>): () => void;
     writeToken: (path: string, token: string) => Promise<string>;
     retrievePort: (config: NewConnectConfig) => Promise<number>;
     getNextMessageId: () => any;

package/src/environment/openfin-env.js

@@ -12,10 +12,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _OpenFinEnvironment_ready;
 Object.defineProperty(exports, "__esModule", { value: true });
-/* global window, location */
-/* eslint-disable class-methods-use-this */
 const transport_errors_1 = require("../transport/transport-errors");
 const browser_1 = require("./browser");
+const bounds_observer_1 = require("../api/platform/renderer/utils/bounds-observer");
 // Inherits the following BrowserEnvironment methods: getRtcPeer, getRandomId, getUrl, getWsConstructor.
 class OpenFinEnvironment extends browser_1.BrowserEnvironment {
     constructor() {
@@ -73,17 +72,20 @@ class OpenFinEnvironment extends browser_1.BrowserEnvironment {
             ...((_b = (_a = fin.__internal_.initialOptions.experimental) === null || _a === void 0 ? void 0 : _a.defaultChannelOptions) !== null && _b !== void 0 ? _b : {})
         };
     }
-    async getManagerConstructor() {
-        const ManagerConstructor = (await Promise.resolve().then(() => require(
+    async initLayout(_fin, wire, options) {
+        const { initLayout } = await Promise.resolve().then(() => require(
         /* webpackChunkName: 'layout' */
-        '../api/platform/renderer/openfin-layout'))).default;
-        return ManagerConstructor;
+        '../api/platform/renderer/init-layout'));
+        return initLayout(_fin, wire, options);
     }
-    async getProviderInitializer() {
-        const providerInitializer = (await Promise.resolve().then(() => require(
+    async initPlatform(_fin, options) {
+        const { initPlatformProvider } = await Promise.resolve().then(() => require(
         /* webpackChunkName: 'provider' */
-        '../api/platform/renderer/platform-provider'))).default;
-        return providerInitializer;
+        '../api/platform/renderer/init-platform-provider'));
+        return initPlatformProvider(this, _fin, options);
+    }
+    observeBounds(element, onChange) {
+        return (0, bounds_observer_1.observeBounds)(element, onChange);
     }
     // eslint-disable-next-line class-methods-use-this
     resolveUrl(url) {

package/src/mock.js

@@ -42,10 +42,13 @@ class MockEnvironment {
     getRtcPeer() {
         throw new Error(me_1.environmentUnsupportedMessage);
     }
-    getManagerConstructor() {
+    initLayout() {
         throw new Error(me_1.environmentUnsupportedMessage);
     }
-    getProviderInitializer() {
+    initPlatform() {
+        throw new Error(me_1.environmentUnsupportedMessage);
+    }
+    observeBounds() {
         throw new Error(me_1.environmentUnsupportedMessage);
     }
     writeToken(path, token) {

package/src/api/platform/layout/controllers/splitter-controller.d.ts

@@ -1,30 +0,0 @@
-import { ViewOverlay } from '../utils/view-overlay';
-export type SplitterItem = GoldenLayout.ContentItem & {
-    viewEventsAdded: boolean;
-    isVertical: boolean;
-};
-/**
- * Utility class for managing Golden Layout splitter drag interactions.
- * @ignore
- */
-export declare class SplitterController {
-    private readonly viewOverlay;
-    constructor(viewOverlay: ViewOverlay);
-    private teardown?;
-    private tryTeardown;
-    /**
-     * Disables the pointer events on the splitters, preventing them from being dragged.
-     */
-    preventSplitterResize: () => void;
-    /**
-     * Ends a splitter drag move, if one is in progress.
-     */
-    endMove: () => Promise<void>;
-    /**
-     * Initialises a splitter drag move, rendering a view on top of the splitter
-     * to allow it to render on top of the views within a layout (as they will always
-     * have a higher z-index to the platform window itself).
-     * @param splitterItem The Golden Layout splitter item that is currently being dragged.
-     */
-    startMove: (splitterItem: SplitterItem) => Promise<void>;
-}

package/src/api/platform/layout/controllers/splitter-controller.js

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SplitterController = void 0;
-const bounds_observer_1 = require("../utils/bounds-observer");
-const applyBoundsOffset = (bounds, offsets = {}) => {
-    const sum = (bound, offset) => {
-        return bound + (offset || 0);
-    };
-    return {
-        left: sum(bounds.left, offsets.left),
-        top: sum(bounds.top, offsets.top),
-        width: sum(bounds.width, offsets.width),
-        height: sum(bounds.height, offsets.height)
-    };
-};
-/**
- * Utility class for managing Golden Layout splitter drag interactions.
- * @ignore
- */
-class SplitterController {
-    // eslint-disable-next-line
-    constructor(viewOverlay) {
-        this.viewOverlay = viewOverlay;
-        this.tryTeardown = () => {
-            if (this.teardown) {
-                this.teardown();
-                this.teardown = undefined;
-            }
-        };
-        /**
-         * Disables the pointer events on the splitters, preventing them from being dragged.
-         */
-        this.preventSplitterResize = () => {
-            document.querySelectorAll('.lm_splitter').forEach((splitter) => {
-                splitter.style.pointerEvents = 'none';
-            });
-        };
-        /**
-         * Ends a splitter drag move, if one is in progress.
-         */
-        this.endMove = async () => {
-            try {
-                this.viewOverlay.detachOverlay();
-                this.tryTeardown();
-            }
-            catch (error) {
-                throw new Error(`Failed to end splitter move: ${error.stack}`);
-            }
-        };
-        /**
-         * Initialises a splitter drag move, rendering a view on top of the splitter
-         * to allow it to render on top of the views within a layout (as they will always
-         * have a higher z-index to the platform window itself).
-         * @param splitterItem The Golden Layout splitter item that is currently being dragged.
-         */
-        this.startMove = async (splitterItem) => {
-            try {
-                if (this.teardown) {
-                    console.warn('Splitter move started before other move has been torn down.');
-                    this.tryTeardown();
-                }
-                const splitterDiv = splitterItem.element.get(0);
-                const { backgroundColor } = getComputedStyle(splitterDiv);
-                const initialVisibility = splitterDiv.style.visibility;
-                splitterDiv.style.visibility = 'hidden';
-                const onBoundsChange = (bounds) => {
-                    const offsetBounds = applyBoundsOffset(bounds, { height: splitterItem.isVertical ? 0 : 2 });
-                    this.viewOverlay.renderOverlay(offsetBounds);
-                };
-                await this.viewOverlay.setStyle({ backgroundColor });
-                const teardownBoundsObserver = (0, bounds_observer_1.observeBounds)(splitterDiv, onBoundsChange);
-                this.teardown = () => {
-                    teardownBoundsObserver();
-                    splitterDiv.style.visibility = initialVisibility;
-                };
-            }
-            catch (error) {
-                throw new Error(`Failed to start splitter move: ${error.stack}`);
-            }
-        };
-    }
-}
-exports.SplitterController = SplitterController;

package/src/api/platform/layout/controllers/tab-drag-controller.d.ts

@@ -1,59 +0,0 @@
-import type * as OpenFin from '../../../../OpenFin';
-import { ViewOverlay } from '../utils/view-overlay';
-type View = OpenFin.View;
-/**
- * Set of apis used to facilitate tab drag interactions without needing to hide views.
- * @ignore
- */
-export declare class TabDragController {
-    private readonly viewOverlay;
-    constructor(viewOverlay: ViewOverlay);
-    private dropZonePreview?;
-    /**
-     *
-     * When a tab is dragged out of a stack, it will need to be hidden from the stack.
-     *
-     * Additionally, if there is a new view to show in the stack, it will be shown at the position specified by
-     * containerBounds
-     *
-     * As drag interactions can under extreme circumstances complete before this chain of promises has completed,
-     * we need to pass in a isDragging() function which returns whether the drag is in progress.
-     * This allows us to cancel any layout affecting operations.
-     *
-     * @param draggingView The view which is currently being dragged
-     * @param isLastViewInWindow Whether the draggin view is the last view in a window or not. If false, the dragging view will not hide.
-     * @param isDragging A function which returns true if the drag is still in progress. As we chain some async calls here, we want to avoid
-     * modifying any views if the drag has completed (as the post drag procedure will have taken care of it.)
-     * @param containerBounds The bounds of the container of the view to be shown in the stack
-     * @param nextView The view which has become active after dragging the draggingView out.
-     */
-    handleTabStackActiveView: (draggingView: View, isLastViewInWindow: boolean, isDragging: () => boolean, containerBounds?: OpenFin.Bounds, nextView?: View) => Promise<void>;
-    /**
-     * Extracts the border and backgroundColor css values from the drop zone preview,
-     * and sets the viewOverlay to match them.
-     */
-    inheritStyles: () => Promise<void>;
-    /**
-     * Called when a tab drag interaction is started from the current window (not when it enters the window).
-     *
-     * Sets all views in the platform to ignore mouse events so that they can pass through to the golden-layout
-     * document whilst remaining visible.
-     */
-    startDrag: () => Promise<void>;
-    /**
-     * Called when a tab drag interaction which was started from the current window ends.
-     *
-     * Disables the click through setting on every view in the platform.
-     */
-    endDrag: () => Promise<void>;
-    private disposeObserve?;
-    disposeOverlayObserver: () => void;
-    /**
-     * Observes a golden-layout drop zone preview in order to render a BrowserView
-     * overlay whenever a tab is dragged over a droppable region.
-     * @param dropZonePreview The drop zone preview element created by Golden Layout in order to highlight
-     * droppable regions of the UI.
-     */
-    observeOverlay: (dropZonePreview: HTMLElement) => Promise<void>;
-}
-export {};

package/src/api/platform/layout/controllers/tab-drag-controller.js

@@ -1,124 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabDragController = void 0;
-const bounds_observer_1 = require("../utils/bounds-observer");
-/**
- * Set of apis used to facilitate tab drag interactions without needing to hide views.
- * @ignore
- */
-class TabDragController {
-    // eslint-disable-next-line
-    constructor(viewOverlay) {
-        this.viewOverlay = viewOverlay;
-        /**
-         *
-         * When a tab is dragged out of a stack, it will need to be hidden from the stack.
-         *
-         * Additionally, if there is a new view to show in the stack, it will be shown at the position specified by
-         * containerBounds
-         *
-         * As drag interactions can under extreme circumstances complete before this chain of promises has completed,
-         * we need to pass in a isDragging() function which returns whether the drag is in progress.
-         * This allows us to cancel any layout affecting operations.
-         *
-         * @param draggingView The view which is currently being dragged
-         * @param isLastViewInWindow Whether the draggin view is the last view in a window or not. If false, the dragging view will not hide.
-         * @param isDragging A function which returns true if the drag is still in progress. As we chain some async calls here, we want to avoid
-         * modifying any views if the drag has completed (as the post drag procedure will have taken care of it.)
-         * @param containerBounds The bounds of the container of the view to be shown in the stack
-         * @param nextView The view which has become active after dragging the draggingView out.
-         */
-        this.handleTabStackActiveView = async (draggingView, isLastViewInWindow, isDragging, containerBounds, nextView) => {
-            if (this.dropZonePreview) {
-                if (nextView && containerBounds) {
-                    if (isDragging()) {
-                        await (nextView === null || nextView === void 0 ? void 0 : nextView.show());
-                    }
-                    if (isDragging()) {
-                        await (nextView === null || nextView === void 0 ? void 0 : nextView.setBounds(containerBounds));
-                    }
-                }
-                if (isDragging() && !isLastViewInWindow) {
-                    await draggingView.hide();
-                }
-            }
-        };
-        /**
-         * Extracts the border and backgroundColor css values from the drop zone preview,
-         * and sets the viewOverlay to match them.
-         */
-        this.inheritStyles = async () => {
-            if (this.dropZonePreview) {
-                const { border, backgroundColor } = getComputedStyle(this.dropZonePreview);
-                await this.viewOverlay.setStyle({ border, backgroundColor });
-            }
-        };
-        /**
-         * Called when a tab drag interaction is started from the current window (not when it enters the window).
-         *
-         * Sets all views in the platform to ignore mouse events so that they can pass through to the golden-layout
-         * document whilst remaining visible.
-         */
-        this.startDrag = async () => {
-            await this.viewOverlay.setIgnoreViewMouseEvents(true);
-        };
-        /**
-         * Called when a tab drag interaction which was started from the current window ends.
-         *
-         * Disables the click through setting on every view in the platform.
-         */
-        this.endDrag = async () => {
-            await this.viewOverlay.setIgnoreViewMouseEvents(false);
-        };
-        this.disposeOverlayObserver = () => {
-            if (this.disposeObserve) {
-                this.disposeObserve();
-            }
-            this.dropZonePreview = undefined;
-        };
-        /**
-         * Observes a golden-layout drop zone preview in order to render a BrowserView
-         * overlay whenever a tab is dragged over a droppable region.
-         * @param dropZonePreview The drop zone preview element created by Golden Layout in order to highlight
-         * droppable regions of the UI.
-         */
-        this.observeOverlay = async (dropZonePreview) => {
-            if (!this.dropZonePreview) {
-                this.dropZonePreview = dropZonePreview;
-                let lastBounds;
-                dropZonePreview.style.visibility = 'hidden';
-                const onDropAreaHighlighted = async (e) => {
-                    try {
-                        const { bounds } = e.detail;
-                        if (!lastBounds || !(0, bounds_observer_1.isDomRectEqual)(lastBounds, bounds)) {
-                            lastBounds = bounds;
-                            await this.viewOverlay.renderOverlay(bounds);
-                        }
-                    }
-                    catch (error) {
-                        console.warn('Unexpected error encountered rendering tab drag preview.', error);
-                    }
-                };
-                const onDropAreaHidden = async () => {
-                    try {
-                        lastBounds = undefined;
-                        await this.viewOverlay.detachOverlay();
-                    }
-                    catch (error) {
-                        console.warn('Unexpected error encountered hiding tab drag preview.', error);
-                    }
-                };
-                dropZonePreview.addEventListener('drop-area-highlighted', onDropAreaHighlighted);
-                dropZonePreview.addEventListener('drop-area-hidden', onDropAreaHidden);
-                this.disposeObserve = () => {
-                    dropZonePreview.removeEventListener('drop-area-highlighted', onDropAreaHighlighted);
-                    dropZonePreview.removeEventListener('drop-area-hidden', onDropAreaHidden);
-                };
-            }
-            else {
-                console.warn('Tried to observe a drop zone overlay without disposing the previous.');
-            }
-        };
-    }
-}
-exports.TabDragController = TabDragController;

package/src/api/platform/layout/utils/bounds-observer.d.ts

@@ -1,19 +0,0 @@
-export declare const isDomRectEqual: (a: DOMRect, b: DOMRect) => boolean;
-/**
- * Observes the bounding client box rectangle of the given element for changes.
- *
- * This solution only works for 2 scenarios, though could be updated to support more
- * (e.g. via polling).
- *
- * MutationObserver will only pick up changes to bounds if they are specified via fixed
- * style rules in the element's attribtues.
- *
- * ResizeObserver will pick up all changes to an element's width and height but will not capture
- * any changes to position.
- *
- * @param element The element to observe the bounding box for (i.e. position, width, height)
- * @param onChange Called every time the bounding box changes.
- * @returns Function which disposes the observers when invoked.
- * @ignore
- */
-export declare const observeBounds: (element: Element, onChange: (bounds: DOMRect) => Promise<void> | void) => (() => void);

package/src/api/platform/layout/utils/bounds-observer.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.observeBounds = exports.isDomRectEqual = void 0;
-const isDomRectEqual = (a, b) => {
-    if (a.top !== b.top ||
-        a.left !== b.left ||
-        a.width !== b.width ||
-        a.height !== b.height ||
-        a.x !== b.x ||
-        a.y !== b.y) {
-        return false;
-    }
-    return true;
-};
-exports.isDomRectEqual = isDomRectEqual;
-/**
- * Observes the bounding client box rectangle of the given element for changes.
- *
- * This solution only works for 2 scenarios, though could be updated to support more
- * (e.g. via polling).
- *
- * MutationObserver will only pick up changes to bounds if they are specified via fixed
- * style rules in the element's attribtues.
- *
- * ResizeObserver will pick up all changes to an element's width and height but will not capture
- * any changes to position.
- *
- * @param element The element to observe the bounding box for (i.e. position, width, height)
- * @param onChange Called every time the bounding box changes.
- * @returns Function which disposes the observers when invoked.
- * @ignore
- */
-const observeBounds = (element, onChange) => {
-    let lastBounds;
-    const checkBounds = async () => {
-        const currentBounds = element.getBoundingClientRect();
-        if (!lastBounds || !(0, exports.isDomRectEqual)(lastBounds, currentBounds)) {
-            lastBounds = currentBounds;
-            await onChange(element.getBoundingClientRect());
-        }
-    };
-    const resizeObserver = new ResizeObserver(() => checkBounds());
-    const mutationObserver = new MutationObserver(() => checkBounds());
-    resizeObserver.observe(element, { box: 'content-box' });
-    mutationObserver.observe(element, { attributes: true, attributeFilter: ['style'] });
-    checkBounds();
-    return () => {
-        resizeObserver.disconnect();
-        mutationObserver.disconnect();
-    };
-};
-exports.observeBounds = observeBounds;

package/src/api/platform/layout/utils/view-overlay.d.ts

@@ -1,35 +0,0 @@
-import type * as OpenFin from '../../../../OpenFin';
-import { Transport } from '../../../../transport/transport';
-/**
- * Api client allowing an empty electron BrowserView to be rendered
- * in the current window with the specified bounds.
- *
- * Please note, only one  view based overlay can be rendered at a time per runtime.
- * @ignore
- */
-export declare class ViewOverlay {
-    private wire;
-    constructor(wire: Transport);
-    /**
-     * Sets the style of the root <html> element of the view overlay webcontent.
-     * @param style A partial collection of Css style declarations to set.
-     */
-    setStyle: (style: Partial<CSSStyleDeclaration>) => Promise<void>;
-    /**
-     * Renders the overlay at the specified position relative to the calling window.
-     * @param options Bounds and background color to display in the overlay.
-     */
-    renderOverlay: (bounds: OpenFin.Bounds) => Promise<void>;
-    /**
-     * Removes the overlay from the current window.
-     */
-    detachOverlay: () => Promise<void>;
-    /**
-     * Allows setting all OpenFin views to ignore or consume mouse events.
-     *
-     * This can help with the rendering of view overlays that depend on OpenFin views not consuming mouse events.
-     *
-     * @param enabled If true, all mouse events are ignored by openfin views. If false, all OpenFin views will consume mouse events.
-     */
-    setIgnoreViewMouseEvents(enabled: boolean): Promise<void>;
-}

package/src/api/platform/layout/utils/view-overlay.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewOverlay = void 0;
-/**
- * Api client allowing an empty electron BrowserView to be rendered
- * in the current window with the specified bounds.
- *
- * Please note, only one  view based overlay can be rendered at a time per runtime.
- * @ignore
- */
-class ViewOverlay {
-    // eslint-disable-next-line
-    constructor(wire) {
-        this.wire = wire;
-        /**
-         * Sets the style of the root <html> element of the view overlay webcontent.
-         * @param style A partial collection of Css style declarations to set.
-         */
-        this.setStyle = async (style) => {
-            await this.wire.sendAction('set-overlay-style', { style });
-        };
-        /**
-         * Renders the overlay at the specified position relative to the calling window.
-         * @param options Bounds and background color to display in the overlay.
-         */
-        this.renderOverlay = async (bounds) => {
-            await this.wire.sendAction('render-overlay', { bounds });
-        };
-        /**
-         * Removes the overlay from the current window.
-         */
-        this.detachOverlay = async () => {
-            await this.wire.sendAction('detach-overlay');
-        };
-    }
-    /**
-     * Allows setting all OpenFin views to ignore or consume mouse events.
-     *
-     * This can help with the rendering of view overlays that depend on OpenFin views not consuming mouse events.
-     *
-     * @param enabled If true, all mouse events are ignored by openfin views. If false, all OpenFin views will consume mouse events.
-     */
-    async setIgnoreViewMouseEvents(enabled) {
-        await this.wire.sendAction('set-ignore-all-view-mouse-events', {
-            enabled
-        });
-    }
-}
-exports.ViewOverlay = ViewOverlay;