@openfin/web-utils 0.37.30 → 0.38.1

package/README.md

@@ -1,3 +1,3 @@
 # @openfin/web-utils
 
-Internal only util library for utilities shared by web-interop, web-layouts and mobile shell.
+Internal only util library for utilities shared by core-web and mobile shell.

package/out/custom-elements/of-view.d.ts

@@ -4,6 +4,7 @@ declare const mixin: (Base: typeof HTMLElement) => {
         "__#1@#iframe": HTMLIFrameElement;
         brokerUrl: string | null;
         name: string | null;
+        forceFrameName: string | null;
         uuid: string | null;
         src: string | null;
         providerId: string | null;
@@ -323,14 +324,18 @@ declare const mixin: (Base: typeof HTMLElement) => {
 export type OfViewAttributes = {
     'of-context-group'?: string;
     'of-provider-id'?: string;
-    'src': string;
     'of-uuid': string;
     'of-name': string;
     'of-broker'?: string;
+    'forceFrameName'?: string;
+    'src': string;
 };
 type OfViewElementConstructor = ReturnType<typeof mixin>;
 export type OfViewElement = OfViewElementConstructor extends {
     new (): infer T;
 } ? T : never;
 export declare const registerOfViewElement: () => void;
-export {};
+declare class OfViewElementFactory {
+    static create(attributes: OfViewAttributes): OfViewElement;
+}
+export { OfViewElementFactory };

package/out/custom-elements/of-view.js

@@ -12,13 +12,20 @@ const mixin = (Base) => class _OfViewElement extends Base {
             this.#iframe.src = this.src;
             this.#iframe.style.height = '100%';
             this.#iframe.style.width = '100%';
-            this.#iframe.setAttribute('name', encodeOptions({
-                brokerUrl: this.brokerUrl,
-                name: this.name,
-                uuid: this.uuid,
-                providerId: this.providerId,
-                contextGroup: this.contextGroup
-            }, 'of-frame'));
+            this.#iframe.style.border = 'none';
+            if (this.forceFrameName) {
+                // if forceFrameName is set, the consumer is intentionally breaking auto-connection
+                this.#iframe.setAttribute('name', this.forceFrameName);
+            }
+            else {
+                this.#iframe.setAttribute('name', encodeOptions({
+                    brokerUrl: this.brokerUrl,
+                    name: this.name,
+                    uuid: this.uuid,
+                    providerId: this.providerId,
+                    contextGroup: this.contextGroup
+                }, 'of-frame'));
+            }
             this.#iframe.setAttribute('id', this.name);
             this.appendChild(this.#iframe);
         }
@@ -40,6 +47,14 @@ const mixin = (Base) => class _OfViewElement extends Base {
             this.setAttribute('of-name', val);
         }
     }
+    get forceFrameName() {
+        return this.getAttribute('forceFrameName');
+    }
+    set forceFrameName(val) {
+        if (val) {
+            this.setAttribute('forceFrameName', val);
+        }
+    }
     get uuid() {
         return this.getAttribute('of-uuid');
     }
@@ -77,3 +92,13 @@ const mixin = (Base) => class _OfViewElement extends Base {
     }
 };
 export const registerOfViewElement = () => customElements.define('of-view', mixin(HTMLElement));
+class OfViewElementFactory {
+    static create(attributes) {
+        const ofView = document.createElement('of-view');
+        Object.entries(attributes).forEach(([key, value]) => {
+            ofView.setAttribute(key, value);
+        });
+        return ofView;
+    }
+}
+export { OfViewElementFactory };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@openfin/web-utils",
-    "version": "0.37.30",
+    "version": "0.38.1",
     "description": "",
     "private": false,
     "files": [