@genesislcap/foundation-layout 14.393.2 → 14.393.3-FUI-2471.2

package/dist/custom-elements.json

@@ -143,6 +143,22 @@
             "module": "./utils"
           }
         },
+        {
+          "kind": "js",
+          "name": "LAYOUT_POPOUT_CONTROL_KEY",
+          "declaration": {
+            "name": "LAYOUT_POPOUT_CONTROL_KEY",
+            "module": "./utils"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutPopoutConfig",
+          "declaration": {
+            "name": "LayoutPopoutConfig",
+            "module": "./utils"
+          }
+        },
         {
           "kind": "js",
           "name": "registerFactory",
@@ -600,19 +616,10 @@
               "kind": "field",
               "name": "popoutConfig",
               "type": {
-                "text": "string | undefined"
+                "text": "LayoutPopoutConfig | undefined"
               },
               "default": "undefined",
-              "description": "Controls whether popout functionality is enabled on the layout. Defaults to disabled.\nSet this attribute to any string to enable popout functionality. If this string is of format `number;number` then this will be interpreted as the width and height of the popout window."
-            },
-            {
-              "kind": "field",
-              "name": "popupMode",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "description": "Controls whether popout functionality is enabled on the layout. Defaults to disabled.\nPass an empty object `{}` to use default configurations, or a LayoutPopoutConfig object to further customise."
             },
             {
               "kind": "method",
@@ -663,6 +670,16 @@
                   "text": "boolean"
                 }
               },
+              "parameters": [
+                {
+                  "name": "autoloading",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "If true, this respects the {@link LayoutPopoutConfig.loadAutomatically}property.\n   * You might want to set this to false and call it manually if you're manually registering components to the layout in order to avoid race conditions.\n   * "
+                }
+              ],
               "description": "If in a popout window from the dynamic layout, this function will run the flow to put the component in popout mode.\nThis function is automatically called if using the declarative HTML API, but if only using the JavaScript API then you will need to call this function manually."
             },
             {
@@ -966,18 +983,6 @@
               },
               "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
               "fieldName": "autoSaveKey"
-            },
-            {
-              "name": "popout-config",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "undefined",
-              "description": "Controls whether popout functionality is enabled on the layout. Defaults to disabled.\nSet this attribute to any string to enable popout functionality. If this string is of format `number;number` then this will be interpreted as the width and height of the popout window.",
-              "resolveInitializer": {
-                "module": "src/main/layout-main.ts"
-              },
-              "fieldName": "popoutConfig"
             }
           ],
           "superclass": {
@@ -990,7 +995,7 @@
         {
           "kind": "variable",
           "name": "layoutTemplate",
-          "default": "html<FoundationLayout>`\n  <template>\n    ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n    <div class=\"layout-container\" ${ref('layoutElement')}></div>\n  </template>\n`",
+          "default": "html<FoundationLayout>`\n  <template>\n    ${when(\n      (x) => Boolean(x.popoutConfig),\n      html<FoundationLayout>`\n        <foundation-layout-popout-controller\n          ${ref('popoutController')}\n          channel-name=\"${(x) => x.popoutConfig?.channelName}\"\n        ></foundation-layout-popout-controller>\n      `,\n    )}\n    ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n    <div class=\"layout-container\" ${ref('layoutElement')}></div>\n  </template>\n`",
           "description": "`ViewTemplate` which defines the html for FoundationLayout.",
           "privacy": "public"
         }
@@ -1022,6 +1027,227 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/main/layout-popout-controller.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationLayoutPopoutController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "channelName",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "layoutKey",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "channel",
+              "type": {
+                "text": "TypedBroadcastChannel<LayoutPopoutEvents>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "pollInterval",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "unloadHandler",
+              "type": {
+                "text": "() => void"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "lastGeometry",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "popoutRegistry",
+              "type": {
+                "text": "Map<string, { geometry: PopoutState['geometry']; window?: Window }>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "method",
+              "name": "setupChannel",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setupListener",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setupUnloadListener",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "teardownUnloadListener",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "emitAutosave",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startPolling",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "stopPolling",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getGeometry",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "broadcastGeometry",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "geometry",
+                  "type": {
+                    "text": "Awaited<ReturnType<typeof this.getGeometry>>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "openPopout",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "registration",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The registration ID of the component to pop out."
+                },
+                {
+                  "name": "geometry",
+                  "optional": true,
+                  "type": {
+                    "text": "any"
+                  },
+                  "description": "Optional geometry to use for the new window."
+                },
+                {
+                  "name": "uuid",
+                  "optional": true,
+                  "type": {
+                    "text": "any"
+                  },
+                  "description": "UUID generator from parent layout"
+                }
+              ],
+              "description": "Opens a component in a popout window."
+            },
+            {
+              "kind": "method",
+              "name": "getRegistry",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "{ [layoutKey: string]: PopoutState }"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "restorePopouts",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "registry",
+                  "type": {
+                    "text": "{ [layoutKey: string]: PopoutState }"
+                  }
+                },
+                {
+                  "name": "uuid",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
+              "description": "Restores popouts from a registry"
+            },
+            {
+              "kind": "method",
+              "name": "closeAllPopouts",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "channel-name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "channelName"
+            }
+          ],
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "foundation-layout-popout-controller",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationLayoutPopoutController",
+          "declaration": {
+            "name": "FoundationLayoutPopoutController",
+            "module": "src/main/layout-popout-controller.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-layout-popout-controller",
+          "declaration": {
+            "name": "FoundationLayoutPopoutController",
+            "module": "src/main/layout-popout-controller.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/main/layout-region.ts",
@@ -1336,6 +1562,24 @@
           "description": "Default time in milliseconds for the layout to buffer calls to reloading\nthe layout while the declarative API is loading.\n\nDuring the first load of the layout, a loading spinner will be shown.",
           "privacy": "public"
         },
+        {
+          "kind": "variable",
+          "name": "LAYOUT_POPOUT_CONTROL_KEY",
+          "type": {
+            "text": "string"
+          },
+          "default": "'f-layout-key'",
+          "description": "Key to be used for controlling popout behaviour"
+        },
+        {
+          "kind": "variable",
+          "name": "POPOUT_GEOMETRY_BROADCAST_INTERVAL",
+          "type": {
+            "text": "number"
+          },
+          "default": "1000",
+          "description": "How often a popout window should check to broadcast its\ngeometry"
+        },
         {
           "kind": "variable",
           "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
@@ -1367,6 +1611,22 @@
             "module": "src/utils/constants.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "LAYOUT_POPOUT_CONTROL_KEY",
+          "declaration": {
+            "name": "LAYOUT_POPOUT_CONTROL_KEY",
+            "module": "src/utils/constants.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "POPOUT_GEOMETRY_BROADCAST_INTERVAL",
+          "declaration": {
+            "name": "POPOUT_GEOMETRY_BROADCAST_INTERVAL",
+            "module": "src/utils/constants.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
@@ -1631,6 +1891,14 @@
             "package": "./templates"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./popout-events"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1675,6 +1943,32 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/popout-events.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "LAYOUT_POPOUT_CHANNEL_NAME",
+          "type": {
+            "text": "string"
+          },
+          "default": "'f-layout-popout-channel'",
+          "description": "Name of the default broadcast channel used for layout popouts",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LAYOUT_POPOUT_CHANNEL_NAME",
+          "declaration": {
+            "name": "LAYOUT_POPOUT_CHANNEL_NAME",
+            "module": "src/utils/popout-events.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/templates.ts",

package/dist/dts/index.d.ts

@@ -1,5 +1,5 @@
 export * from './main';
 export { LAYOUT_ICONS } from './styles';
-export { ComponentFactory, CustomButton, DEFAULT_RELOAD_BUFFER, LayoutComponentWithState, LayoutEmitEvents, LayoutReceiveEvents, LayoutReceiveEventsDetail, LayoutRegionType, LayoutRegistrationError, LayoutUsageError, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout, LAYOUT_POPOUT_CONTAINER_CLASS, } from './utils';
+export { ComponentFactory, CustomButton, DEFAULT_RELOAD_BUFFER, LayoutComponentWithState, LayoutEmitEvents, LayoutReceiveEvents, LayoutReceiveEventsDetail, LayoutRegionType, LayoutRegistrationError, LayoutUsageError, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout, LAYOUT_POPOUT_CONTAINER_CLASS, LAYOUT_POPOUT_CONTROL_KEY, LayoutPopoutConfig, } from './utils';
 export { registerFactory, getFactory, unregisterFactory } from './utils/factory-registry';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,6BAA6B,GAC9B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,6BAA6B,EAC7B,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/dts/main/layout-main.d.ts

@@ -1,6 +1,7 @@
 import { LayoutConfig, RootItemConfig } from '@genesis-community/golden-layout';
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { ComponentFactory, componentType, CustomButton, LayoutComponent, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout } from '../utils/';
+import { ComponentFactory, componentType, CustomButton, LayoutComponent, LayoutPopoutConfig, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout } from '../utils/';
+import { FoundationLayoutPopoutController } from './layout-popout-controller';
 export { layoutStyles } from '../styles';
 /**
  * @public
@@ -95,13 +96,16 @@ export declare class FoundationLayout extends FoundationElement implements Layou
      * has changed and know you potentially need to gate some of your lifecycle functionality.
      */
     lifecycleUpdateToken: string | undefined;
+    /** @internal */
+    popupMode: boolean;
+    /** @internal */
+    popoutController: FoundationLayoutPopoutController;
     /**
      * Controls whether popout functionality is enabled on the layout. Defaults to disabled.
-     * Set this attribute to any string to enable popout functionality. If this string is of format `number;number` then this will be interpreted as the width and height of the popout window.
+     * Pass an empty object `{}` to use default configurations, or a {@link LayoutPopoutConfig} object to further customise.
      * @beta
      */
-    popoutConfig: string | undefined;
-    private popupMode;
+    popoutConfig: LayoutPopoutConfig | undefined;
     /** @internal */
     constructor();
     /** @internal */
@@ -172,9 +176,12 @@ export declare class FoundationLayout extends FoundationElement implements Layou
      * If you set the `LAYOUT_POPOUT_CONTAINER_CLASS` on an element which is a DOM parent of the layout,
      * then if the layout goes into popout mode then it will place itself as the only child for the popout container you set.
      * It is likely you'll want to attach this class to your design system provider.
+     *
+     * @param autoloading - If true, this respects the {@link LayoutPopoutConfig.loadAutomatically} property.
+     * You might want to set this to false and call it manually if you're manually registering components to the layout in order to avoid race conditions.
      * @beta
      */
-    tryActivatePopoutMode(): boolean;
+    tryActivatePopoutMode(autoloading?: boolean): boolean;
     /**
      * Try to load a layout from local storage, or return false. Only required if manually calling {@link FoundationLayout.registerItem}
      * @remarks

package/dist/dts/main/layout-main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EAEZ,cAAc,EAGf,MAAM,kCAAkC,CAAC;AAK1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAGL,gBAAgB,EAChB,aAAa,EACb,YAAY,EAOZ,eAAe,EAKf,SAAS,EAET,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAKnB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAiBzC;;;;;;;;;;;GAWG;AACH,qBAAa,gBAAiB,SAAQ,iBAAkB,YAAW,eAAe;;IAChF,OAAO,CAAC,MAAM,CAAe;IAC7B,gBAAgB;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,mBAAmB,CAAqC;IAEhE,gBAAgB;IAChB,CAAC,aAAa,CAAC,EAAG,MAAM,CAAU;IAElC;;;;OAIG;IACmC,YAAY,EAAE,MAAM,CAAyB;IACnF,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,oBAAoB,CAAK;IAEjC,gBAAgB;IACV,OAAO,CAAC,IAAI,CAAO;IAEzB,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAU;IAClC;;;;;OAKG;IACmC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3D;;;;OAIG;IACS,sBAAsB,GAAI,aAAa,MAAM,YAC2B;IAEpF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC;IAE3C;;;;;;;;;;OAUG;IACS,cAAc,UAAS;IACnC,gBAAgB;IACJ,mBAAmB,UAAS;IAExC;;;;;OAKG;IACH,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;;OAGG;IACS,QAAQ,EAAE,OAAO,CAAS;IAEtC;;;;;OAKG;IACI,KAAK,EAAG,sBAAsB,CAAU;IAE/C;;;;;;;OAOG;IACI,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D;;;;OAIG;IACmC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAa;IACnF,OAAO,CAAC,SAAS,CAAS;IAE1B,gBAAgB;;IAahB,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IA+BzB,gBAAgB;IAChB,oBAAoB,IAAI,IAAI;IAY5B,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAInB,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAMlB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAKvB,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAIxB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAKzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAIzB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAI1B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAI1B,gBAAgB;IACJ,OAAO,CAAC,eAAe,CAAqB;IACxD,gBAAgB;IAChB,sBAAsB;IAQtB;;OAEG;IAEH;;;;;;;;;;OAUG;IACH,MAAM,CAAC,2BAA2B,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,EAAE;IActE;;;;;;;;OAQG;IACH,eAAe,IAAI,MAAM,EAAE;IAI3B;;;;;;OAMG;IACH,SAAS,IAAI,gBAAgB;IA0B7B;;;;;;;;;;OAUG;IACH,qBAAqB,IAAI,OAAO;IAwChC;;;;;;;;;;;;;OAaG;IACH,6BAA6B,IAAI,OAAO;IAcxC;;;;;;;;;;;;OAYG;IACH,+BAA+B,IAAI,OAAO;IAyB1C;;;;;;;;;;;;OAYG;IACH,UAAU,CACR,MAAM,EAAE,gBAAgB,EACxB,iBAAiB,GAAE,aAAa,GAAG,OAAiB,EACpD,YAAY,GAAE,OAAe;IAoC/B;;;;;;;;;;;OAWG;IACH,OAAO,CACL,MAAM,EAAE,uBAAuB,GAAG,uBAAuB,EAAE,EAC3D,SAAS,GAAE,SAAmC;IAsEhD;;;;;;;;;OASG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,GAAE,OAAe,GAAG,MAAM;IAgDjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0CG;IACH,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,gBAAgB,GAAG,MAAM;IA4B3F;;OAEG;IAEH;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,mBAAmB,IAAI,IAAI;IAqB3B;;;;;;;OAOG;IACH,gBAAgB,CAAC,CAAC,SAAS,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IAetD;;;;;;;;OAQG;IACH,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM;IA4J5D;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAehC;;;;;;;;SAQK;IACL,OAAO,CAAC,kBAAkB;IAY1B;;;;;;;;OAQG;IACH,OAAO,CAAC,kCAAkC;IA4B1C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,oBAAoB;IAe5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAc1B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAM3B;;;OAGG;IACH,OAAO,CAAC,4BAA4B;IAWpC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;CAyBhC;AAMD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,uEAK1B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;2BAI3B,CAAC"}
+{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"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"}

package/dist/dts/main/layout-popout-controller.d.ts

@@ -0,0 +1,40 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { PopoutState } from '../utils';
+export declare class FoundationLayoutPopoutController extends FASTElement {
+    channelName: string;
+    private layoutKey;
+    private channel;
+    private pollInterval;
+    private unloadHandler;
+    private lastGeometry;
+    private popoutRegistry;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private setupChannel;
+    private setupListener;
+    private setupUnloadListener;
+    private teardownUnloadListener;
+    private emitAutosave;
+    private startPolling;
+    private stopPolling;
+    private getGeometry;
+    private broadcastGeometry;
+    /**
+     * Opens a component in a popout window.
+     * @param registration - The registration ID of the component to pop out.
+     * @param geometry - Optional geometry to use for the new window.
+     * @param uuid - UUID generator from parent layout
+     */
+    openPopout(registration: string, geometry?: any, uuid?: any): Promise<Window>;
+    getRegistry(): {
+        [layoutKey: string]: PopoutState;
+    };
+    /**
+     * Restores popouts from a registry
+     */
+    restorePopouts(registry: {
+        [layoutKey: string]: PopoutState;
+    }, uuid: any): Promise<void>;
+    closeAllPopouts(): void;
+}
+//# sourceMappingURL=layout-popout-controller.d.ts.map

package/dist/dts/main/layout-popout-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-popout-controller.d.ts","sourceRoot":"","sources":["../../../src/main/layout-popout-controller.ts"],"names":[],"mappings":"AAIA,OAAO,EAAuB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAIL,WAAW,EACZ,MAAM,UAAU,CAAC;AAGlB,qBAKa,gCAAiC,SAAQ,WAAW;IAC1B,WAAW,EAAE,MAAM,CAAC;IAEzD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,OAAO,CAA4C;IAC3D,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,cAAc,CACV;IAEZ,iBAAiB;IAYjB,oBAAoB;IAapB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,WAAW;YAML,WAAW;IAwBzB,OAAO,CAAC,iBAAiB;IAWzB;;;;;OAKG;IACU,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG;IA+DjE,WAAW,IAAI;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE;IAU1D;;OAEG;IACU,cAAc,CAAC,QAAQ,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAA;KAAE,EAAE,IAAI,EAAE,GAAG;IAqB9E,eAAe;CAQvB"}

package/dist/dts/utils/constants.d.ts

@@ -23,9 +23,15 @@ export declare const DEFAULT_RELOAD_BUFFER = 500;
 export declare const AUTOSAVE_KEY = "foundation-layout-autosave";
 /**
  * Key to be used for controlling popout behaviour
- * @internal
+ * @beta
  */
 export declare const LAYOUT_POPOUT_CONTROL_KEY = "f-layout-key";
+/**
+ * How often a popout window should check to broadcast its
+ * geometry
+ * @interal
+ */
+export declare const POPOUT_GEOMETRY_BROADCAST_INTERVAL = 1000;
 /**
  * Put this classname on an element which is a DOM parent of the layout, and
  * if the layout goes into popout mode then it will place itself as the only child

package/dist/dts/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,aAAa,eAA2B,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,eAA+B,CAAC;AAE9D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,YAAY,+BAA+B,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,iBAAiB,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,oBAAoB,CAAC;AAE/D,eAAO,MAAM,kBAAkB,SAAS,CAAC;AAGzC,eAAO,MAAM,qBAAqB,cAKjC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,aAAa,eAA2B,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,eAA+B,CAAC;AAE9D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,YAAY,+BAA+B,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,iBAAiB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,kCAAkC,OAAO,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,oBAAoB,CAAC;AAE/D,eAAO,MAAM,kBAAkB,SAAS,CAAC;AAGzC,eAAO,MAAM,qBAAqB,cAKjC,CAAC"}

package/dist/dts/utils/index.d.ts

@@ -4,6 +4,7 @@ export * from './events';
 export * from './factory-registry';
 export * from './misc';
 export * from './templates';
+export * from './popout-events';
 export * from './types';
 export * from './error';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/dts/utils/popout-events.d.ts

@@ -0,0 +1,37 @@
+import { EventDetailMap } from '@genesislcap/foundation-events';
+/**
+ * Geometry details for a popout window
+ * @public
+ */
+export type PopoutGeometry = {
+    screenX: number;
+    screenY: number;
+    outerWidth: number;
+    outerHeight: number;
+    screenId?: string;
+};
+/**
+ * Events for layout popout communication
+ * @public
+ */
+export interface LayoutPopoutEvents extends EventDetailMap {
+    /**
+     * Emitted by a popout window when its geometry changes
+     */
+    'popout-geometry-change': {
+        layoutKey: string;
+        geometry: PopoutGeometry;
+    };
+    /**
+     * Emitted by a popout window when it is closed
+     */
+    'popout-closed': {
+        layoutKey: string;
+    };
+}
+/**
+ * Name of the default broadcast channel used for layout popouts
+ * @public
+ */
+export declare const LAYOUT_POPOUT_CHANNEL_NAME = "f-layout-popout-channel";
+//# sourceMappingURL=popout-events.d.ts.map

package/dist/dts/utils/popout-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popout-events.d.ts","sourceRoot":"","sources":["../../../src/utils/popout-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;OAEG;IACH,wBAAwB,EAAE;QACxB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,cAAc,CAAC;KAC1B,CAAC;IACF;;OAEG;IACH,eAAe,EAAE;QACf,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,4BAA4B,CAAC"}

package/dist/dts/utils/types.d.ts

@@ -1,5 +1,6 @@
 import { ComponentContainer, ResolvedLayoutConfig } from '@genesis-community/golden-layout';
 import { componentType, instanceContainer } from './constants';
+import { PopoutGeometry } from './popout-events';
 /**
  * Definition of a custom button which will be added to all layout items.
  * @remarks
@@ -25,6 +26,20 @@ export type CustomButton = {
 export type SerialisedLayout = {
     v: '1';
     c: ResolvedLayoutConfig;
+    /**
+     * Optional registry of popped out components and their window geometry.
+     * @beta
+     */
+    popouts?: {
+        [layoutKey: string]: PopoutState;
+    };
+};
+/**
+ * @beta
+ * State of a popped out window
+ */
+export type PopoutState = {
+    geometry: PopoutGeometry;
 };
 /**
  * Interface to implement on an item which is a component of the layout and you wish to serialise state with. This is saved separately for each instance of the component, which allows you to restore multiple instances of the same component with different state.
@@ -200,4 +215,17 @@ export interface LayoutComponent {
 export type AutosavedLayouts = {
     [x: string]: string;
 };
+/** @beta */
+export type LayoutPopoutConfig = {
+    /**
+     * The name of the broadcast channel to use for communication between the main window and popout windows.
+     * Defaults to 'f-layout-popout-channel'.
+     */
+    channelName?: string;
+    loadAutomatically?: boolean;
+    popoutDimension?: {
+        width: number;
+        height: number;
+    };
+};
 //# sourceMappingURL=types.d.ts.map