@openfin/core 31.74.31 → 32.75.1

package/src/transport/transport.js

@@ -10,7 +10,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _Transport_wire;
+var _Transport_wire, _Transport_fin;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Transport = void 0;
 const events_1 = require("events");
@@ -18,6 +18,7 @@ const wire_1 = require("./wire");
 const transport_errors_1 = require("./transport-errors");
 const eventAggregator_1 = require("../api/events/eventAggregator");
 const me_1 = require("../api/me");
+const errors_1 = require("../util/errors");
 class Transport extends events_1.EventEmitter {
     constructor(WireType, environment, config) {
         super();
@@ -26,6 +27,8 @@ class Transport extends events_1.EventEmitter {
         this.eventAggregator = new eventAggregator_1.default();
         this.messageHandlers = [this.eventAggregator.dispatchEvent];
         _Transport_wire.set(this, void 0);
+        // Typing as unknown to avoid circular dependency, should not be used directly.
+        _Transport_fin.set(this, void 0);
         this.connectSync = () => {
             const wire = __classPrivateFieldGet(this, _Transport_wire, "f");
             wire.connectSync();
@@ -40,8 +43,8 @@ class Transport extends events_1.EventEmitter {
         this.sendRaw = __classPrivateFieldGet(this, _Transport_wire, "f").send.bind(__classPrivateFieldGet(this, _Transport_wire, "f"));
         this.registerMessageHandler(this.handleMessage.bind(this));
         __classPrivateFieldGet(this, _Transport_wire, "f").on('disconnected', () => {
-            for (const [, { reject }] of this.wireListeners) {
-                reject('Remote connection has closed');
+            for (const [, { handleNack }] of this.wireListeners) {
+                handleNack({ reason: 'Remote connection has closed' });
             }
             this.wireListeners.clear();
             this.emit('disconnected');
@@ -50,6 +53,18 @@ class Transport extends events_1.EventEmitter {
         const entityType = this.environment.getCurrentEntityType();
         this.me = (0, me_1.getBaseMe)(entityType, uuid, name);
     }
+    getFin() {
+        if (!__classPrivateFieldGet(this, _Transport_fin, "f")) {
+            throw new Error("No Fin object registered for this transport");
+        }
+        return __classPrivateFieldGet(this, _Transport_fin, "f");
+    }
+    registerFin(_fin) {
+        if (__classPrivateFieldGet(this, _Transport_fin, "f")) {
+            throw new Error("Fin object has already been registered for this transport");
+        }
+        __classPrivateFieldSet(this, _Transport_fin, _fin, "f");
+    }
     shutdown() {
         const wire = __classPrivateFieldGet(this, _Transport_wire, "f");
         return wire.shutdown();
@@ -95,20 +110,33 @@ class Transport extends events_1.EventEmitter {
             throw new transport_errors_1.RuntimeError(requestAuthRet.payload);
         }
     }
-    sendAction(action, payload = {}, uncorrelated = false
-    // specialResponse type is only used for 'requestAuthorization'
-    ) {
-        return new Promise((resolve, reject) => {
-            const id = this.environment.getNextMessageId();
+    sendAction(action, payload = {}, uncorrelated = false) {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        let cancel = () => { };
+        // We want the callsite from the caller of this function, not from here.
+        const callSites = transport_errors_1.RuntimeError.getCallSite(1);
+        const messageId = this.environment.getNextMessageId();
+        const prom = new Promise((resolve, reject) => {
+            cancel = reject;
             const msg = {
                 action,
                 payload,
-                messageId: id
+                messageId
             };
             const wire = __classPrivateFieldGet(this, _Transport_wire, "f");
-            this.addWireListener(id, resolve, reject, uncorrelated);
+            this.addWireListener(messageId, resolve, (payload) => this.nackHandler(payload, reject, callSites), uncorrelated);
             return wire.send(msg).catch(reject);
         });
+        return Object.assign(prom, { cancel, messageId });
+    }
+    nackHandler(payloadOrMessage, reject, callSites) {
+        if (typeof payloadOrMessage === 'string') {
+            // NOTE: this is for backwards compatibility to support plain string rejections
+            reject(payloadOrMessage);
+        }
+        else {
+            reject(new transport_errors_1.RuntimeError(payloadOrMessage, callSites));
+        }
     }
     ferryAction(origData) {
         return new Promise((resolve, reject) => {
@@ -120,22 +148,22 @@ class Transport extends events_1.EventEmitter {
             const wire = __classPrivateFieldGet(this, _Transport_wire, "f");
             return wire
                 .send(origData)
-                .then(() => this.addWireListener(id, resolver, reject, false))
+                .then(() => this.addWireListener(id, resolver, (payload) => this.nackHandler(payload, reject), false))
                 .catch(reject);
         });
     }
     registerMessageHandler(handler) {
         this.messageHandlers.push(handler);
     }
-    addWireListener(id, resolve, reject, uncorrelated) {
+    addWireListener(id, resolve, handleNack, uncorrelated) {
         if (uncorrelated) {
             this.uncorrelatedListener = resolve;
         }
         else if (this.wireListeners.has(id)) {
-            reject(new transport_errors_1.DuplicateCorrelationError(String(id)));
+            handleNack({ reason: 'Duplicate handler id', error: (0, errors_1.errorToPOJO)(new transport_errors_1.DuplicateCorrelationError(String(id))) });
         }
         else {
-            this.wireListeners.set(id, { resolve, reject });
+            this.wireListeners.set(id, { resolve, handleNack });
         }
         // Timeout and reject()?
     }
@@ -161,23 +189,23 @@ class Transport extends events_1.EventEmitter {
         else {
             // We just checked for existence above
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            const { resolve, reject } = this.wireListeners.get(id);
+            const { resolve, handleNack } = this.wireListeners.get(id);
             if (data.action !== 'ack') {
-                reject(new transport_errors_1.NoAckError(data.action));
+                handleNack({ reason: 'Did not receive ack action', error: (0, errors_1.errorToPOJO)(new transport_errors_1.NoAckError(data.action)) });
             }
             else if (!('payload' in data)) {
                 // I'm not sure when this code would actually run, but passing in something that doeesn't have a reason to the runtimeerror constructor will not end well.
                 // @ts-expect-error
                 if (typeof data.reason === 'string') {
-                    reject(new transport_errors_1.RuntimeError(data));
+                    handleNack(data);
                 }
                 else {
                     console.warn('Received invalid response from core', data);
-                    reject(new Error('Invalid response'));
+                    handleNack({ reason: 'invalid response shape' });
                 }
             }
             else if (!data.payload.success) {
-                reject(new transport_errors_1.RuntimeError(data.payload));
+                handleNack(data.payload);
             }
             else {
                 resolve.call(null, data);
@@ -188,4 +216,4 @@ class Transport extends events_1.EventEmitter {
     }
 }
 exports.Transport = Transport;
-_Transport_wire = new WeakMap();
+_Transport_wire = new WeakMap(), _Transport_fin = new WeakMap();

package/src/util/channel-api-relay.js

@@ -1,6 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRelayedDispatch = exports.relayChannelClientApi = void 0;
+const EXPECTED_ERRORS = [
+    'no longer connected',
+    'RTCDataChannel closed unexpectedly',
+    'The client you are trying to dispatch from is disconnected from the target provider',
+];
+// Checks possible error messages that we want to trap, client error message can originate
+// from ChannelProvider::dispatch OR ClassicStrategy::closeEndpoint OR RTCEndPoint::dataChannel::onclose
+const isDisconnectedError = (errorMsg) => {
+    return EXPECTED_ERRORS.some(e => errorMsg.includes(e));
+};
 /**
  * @internal
  * Create a channel relay for a given channel exposition, allowing a single provider to route
@@ -27,7 +37,7 @@ const createRelayedDispatch = (client, target, relayId, relayErrorMsg) => async
         });
     }
     catch (e) {
-        if (e.message.includes('no longer connected') && relayErrorMsg) {
+        if (isDisconnectedError(e.message) && relayErrorMsg) {
             throw new Error(relayErrorMsg);
         }
         ;

package/src/util/errors.d.ts

@@ -4,6 +4,7 @@
 export type ErrorPlainObject = {
     stack?: string;
     message: string;
+    name?: string;
     toString(): string;
 };
 export declare function errorToPOJO(error: Error): ErrorPlainObject;

package/src/util/errors.js

@@ -4,6 +4,7 @@ exports.errorToPOJO = void 0;
 function errorToPOJO(error) {
     return {
         stack: error.stack,
+        name: error.name,
         message: error.message,
         toString: error.toString
     };

package/src/util/lazy.d.ts

@@ -14,3 +14,21 @@ export declare class Lazy<T> {
      */
     getValue(): T;
 }
+/**
+ * Handy class for managing asynchronous dependencies of classes.
+ *
+ * Will call asynchronous producer only after `getValue` is called.  If the
+ * deferred code errors, we can try it again by re-calling `getValue` after
+ * the promise rejects.
+ */
+export declare class AsyncRetryableLazy<T> {
+    private producerFn;
+    constructor(producerFn: () => Promise<T>);
+    private promise?;
+    /**
+     * Lazily get the value returned by the async producer.
+     *
+     * @returns The value returned from the producer function
+     */
+    getValue(): Promise<T>;
+}

package/src/util/lazy.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Lazy = void 0;
+exports.AsyncRetryableLazy = exports.Lazy = void 0;
 /**
  * Handy class for managing asynchronous dependencies of classes.
  *
@@ -24,3 +24,31 @@ class Lazy {
     }
 }
 exports.Lazy = Lazy;
+/**
+ * Handy class for managing asynchronous dependencies of classes.
+ *
+ * Will call asynchronous producer only after `getValue` is called.  If the
+ * deferred code errors, we can try it again by re-calling `getValue` after
+ * the promise rejects.
+ */
+class AsyncRetryableLazy {
+    // eslint-disable-next-line
+    constructor(producerFn) {
+        this.producerFn = producerFn;
+    }
+    /**
+     * Lazily get the value returned by the async producer.
+     *
+     * @returns The value returned from the producer function
+     */
+    async getValue() {
+        if (!this.promise) {
+            this.promise = this.producerFn().catch((e) => {
+                delete this.promise;
+                throw e;
+            });
+        }
+        return this.promise;
+    }
+}
+exports.AsyncRetryableLazy = AsyncRetryableLazy;

package/src/util/ref-counter.d.ts

@@ -1,4 +1,4 @@
-export default class RefCoutner {
+export declare class RefCounter {
     topicRefMap: Map<any, any>;
     incRefCount(key: string): number;
     decRefCount(key: string): number;

package/src/util/ref-counter.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-class RefCoutner {
+exports.RefCounter = void 0;
+class RefCounter {
     constructor() {
         this.topicRefMap = new Map();
     }
@@ -48,4 +49,4 @@ class RefCoutner {
         return isLastRef ? lastAction() : nonLastAction();
     }
 }
-exports.default = RefCoutner;
+exports.RefCounter = RefCounter;

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,58 +0,0 @@
-import type * as OpenFin from '../../../../OpenFin';
-import { ViewOverlay } from '../utils/view-overlay';
-import { View } from '../../../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>;
-}

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;