@genesislcap/foundation-layout 14.436.0-FUI-2489.3 → 14.436.0-FUI-2489.6

package/dist/custom-elements.json

@@ -306,566 +306,125 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/constants.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "DEFAULT_RELOAD_BUFFER",
-          "type": {
-            "text": "number"
-          },
-          "default": "500",
-          "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",
-          "type": {
-            "text": "string"
-          },
-          "default": "'f-layout-popout'",
-          "description": "Put this classname on an element which is a DOM parent of the layout, and\nif the layout goes into popout mode then it will place itself as the only child\nfor the popout container you set."
-        },
-        {
-          "kind": "variable",
-          "name": "DEFAULT_TAB_HEIGHT",
-          "type": {
-            "text": "string"
-          },
-          "default": "'36px'"
-        },
-        {
-          "kind": "function",
-          "name": "getLayoutHeaderHeight"
-        }
-      ],
+      "path": "src/main/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "DEFAULT_RELOAD_BUFFER",
-          "declaration": {
-            "name": "DEFAULT_RELOAD_BUFFER",
-            "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",
+          "name": "FoundationLayoutItem",
           "declaration": {
-            "name": "POPOUT_GEOMETRY_BROADCAST_INTERVAL",
-            "module": "src/utils/constants.ts"
+            "name": "FoundationLayoutItem",
+            "module": "./layout-item"
           }
         },
         {
           "kind": "js",
-          "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
+          "name": "FoundationLayoutRegion",
           "declaration": {
-            "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
-            "module": "src/utils/constants.ts"
+            "name": "FoundationLayoutRegion",
+            "module": "./layout-region"
           }
         },
         {
           "kind": "js",
-          "name": "DEFAULT_TAB_HEIGHT",
+          "name": "FoundationLayout",
           "declaration": {
-            "name": "DEFAULT_TAB_HEIGHT",
-            "module": "src/utils/constants.ts"
+            "name": "FoundationLayout",
+            "module": "./layout-main"
           }
         },
         {
           "kind": "js",
-          "name": "getLayoutHeaderHeight",
+          "name": "layoutStyles",
           "declaration": {
-            "name": "getLayoutHeaderHeight",
-            "module": "src/utils/constants.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/error.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LayoutUsageError",
-          "superclass": {
-            "name": "Error",
-            "module": "src/utils/error.ts"
+            "name": "layoutStyles",
+            "module": "./layout-main"
           }
         },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LayoutRegistrationError",
-          "superclass": {
-            "name": "Error",
-            "module": "src/utils/error.ts"
-          }
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "LayoutUsageError",
+          "name": "layoutTemplate",
           "declaration": {
-            "name": "LayoutUsageError",
-            "module": "src/utils/error.ts"
+            "name": "layoutTemplate",
+            "module": "./layout-main"
           }
         },
         {
           "kind": "js",
-          "name": "LayoutRegistrationError",
+          "name": "*",
           "declaration": {
-            "name": "LayoutRegistrationError",
-            "module": "src/utils/error.ts"
+            "name": "*",
+            "package": "./layout-components"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/events.ts",
+      "path": "src/main/layout-components.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "LayoutEmitEvents",
-          "type": {
-            "text": "{\n  firstLoaded: 'first-loaded',\n  itemAdded: 'item-added',\n  itemRemoved: 'item-removed',\n  itemResized: 'item-resized',\n}"
-          },
-          "default": "{\n  firstLoaded: 'first-loaded',\n  itemAdded: 'item-added',\n  itemRemoved: 'item-removed',\n  itemResized: 'item-resized',\n}",
-          "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "LayoutReceiveEvents",
+          "name": "foundationLayoutComponents",
           "type": {
-            "text": "{\n  changeTitle: 'change-title',\n  autosave: 'autosave',\n}"
+            "text": "object"
           },
-          "default": "{\n  changeTitle: 'change-title',\n  autosave: 'autosave',\n}",
-          "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.\n'autosave' - emit this from a contained item to hint to the layout system that it should autosave the layout. A contained item should do this if it has just changed some state it would like to persist. See LayoutComponentWithState.",
+          "default": "{\n  foundationLayout,\n  foundationLayoutRegion,\n  foundationLayoutItem,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n      this[key]().register(container, ...rest);\n    }\n  },\n}",
+          "description": "Registration object to register the layout with your design system.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LayoutEmitEvents",
-          "declaration": {
-            "name": "LayoutEmitEvents",
-            "module": "src/utils/events.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutReceiveEvents",
+          "name": "foundationLayoutComponents",
           "declaration": {
-            "name": "LayoutReceiveEvents",
-            "module": "src/utils/events.ts"
+            "name": "foundationLayoutComponents",
+            "module": "src/main/layout-components.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/factory-registry.ts",
+      "path": "src/main/layout-item.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "registerFactory",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "",
+          "name": "FoundationLayoutItem",
+          "members": [
             {
-              "name": "key",
+              "kind": "field",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "description": "Unique identifier for the factory. Should be descriptive and unique across the application."
+              "description": "Sets the title of the item which is displayed on the tab.",
+              "privacy": "public"
             },
             {
-              "name": "factory",
+              "kind": "field",
+              "name": "closable",
               "type": {
-                "text": "ComponentFactory"
+                "text": "boolean"
               },
-              "description": "The factory function that creates the component."
-            }
-          ],
-          "description": "Registers a factory function with a unique key.\nThis allows framework components to be used in the declarative layout API\nwithout needing to pass function references through HTML attributes.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "getFactory",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+              "default": "false",
+              "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
+              "privacy": "public"
+            },
             {
-              "name": "key",
+              "kind": "field",
+              "name": "size",
               "type": {
                 "text": "string"
               },
-              "description": "The unique identifier for the factory."
-            }
-          ],
-          "description": "Retrieves a factory function by its key.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "unregisterFactory",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+              "description": "optional string describing the size of the new item (see the written documentation for more info)",
+              "privacy": "public"
+            },
             {
-              "name": "key",
-              "type": {
-                "text": "string"
-              },
-              "description": "The unique identifier for the factory to remove."
-            }
-          ],
-          "description": "Removes a factory from the registry.\nThis is useful for cleanup when a component is unmounted or no longer needed.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerFactory",
-          "declaration": {
-            "name": "registerFactory",
-            "module": "src/utils/factory-registry.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getFactory",
-          "declaration": {
-            "name": "getFactory",
-            "module": "src/utils/factory-registry.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "unregisterFactory",
-          "declaration": {
-            "name": "unregisterFactory",
-            "module": "src/utils/factory-registry.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./constants"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./error"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./events"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./factory-registry"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./misc"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./templates"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./popout-events"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./types"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./error"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/logger.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "logger"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "logger",
-          "declaration": {
-            "name": "logger",
-            "module": "src/utils/logger.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/misc.ts",
-      "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": "js",
-          "name": "PopoutGeometry",
-          "declaration": {
-            "name": "PopoutGeometry",
-            "module": "src/utils/popout-events.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/templates.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/main/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationLayoutItem",
-          "declaration": {
-            "name": "FoundationLayoutItem",
-            "module": "./layout-item"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationLayoutRegion",
-          "declaration": {
-            "name": "FoundationLayoutRegion",
-            "module": "./layout-region"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationLayout",
-          "declaration": {
-            "name": "FoundationLayout",
-            "module": "./layout-main"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "layoutStyles",
-          "declaration": {
-            "name": "layoutStyles",
-            "module": "./layout-main"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "layoutTemplate",
-          "declaration": {
-            "name": "layoutTemplate",
-            "module": "./layout-main"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./layout-components"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/main/layout-components.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationLayoutComponents",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  foundationLayout,\n  foundationLayoutRegion,\n  foundationLayoutItem,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n      this[key]().register(container, ...rest);\n    }\n  },\n}",
-          "description": "Registration object to register the layout with your design system.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationLayoutComponents",
-          "declaration": {
-            "name": "foundationLayoutComponents",
-            "module": "src/main/layout-components.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/main/layout-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationLayoutItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "description": "Sets the title of the item which is displayed on the tab.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "closable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "description": "optional string describing the size of the new item (see the written documentation for more info)",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "registration",
+              "kind": "field",
+              "name": "registration",
               "type": {
                 "text": "string"
               },
@@ -1676,343 +1235,784 @@
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "emitAutosave",
-              "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",
+              "return": {
+                "type": {
+                  "text": "Promise<PopoutGeometry>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getComponentState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "broadcastUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "geometry",
+                  "type": {
+                    "text": "PopoutGeometry"
+                  }
+                },
+                {
+                  "name": "state",
+                  "optional": true,
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "openPopout",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "registration",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The registration ID of the component to pop out."
+                },
+                {
+                  "name": "popoutState",
+                  "optional": true,
+                  "type": {
+                    "text": "PopoutState"
+                  },
+                  "description": "Optional state (geometry and component state) 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",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationLayoutRegion",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "description": "optional string describing the size of the new item (see the written documentation for more info)",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "LayoutRegionType"
+              },
+              "default": "layoutRegionValue[0]",
+              "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "startPolling",
-              "privacy": "private"
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "stopPolling",
-              "privacy": "private"
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "getGeometry",
-              "privacy": "private",
+              "name": "stylesChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "Promise<PopoutGeometry>"
+                  "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getComponentState",
-              "privacy": "private",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "unknown"
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "broadcastUpdate",
-              "privacy": "private",
+              },
               "parameters": [
                 {
-                  "name": "geometry",
-                  "type": {
-                    "text": "PopoutGeometry"
-                  }
-                },
-                {
-                  "name": "state",
-                  "optional": true,
+                  "name": "this",
                   "type": {
-                    "text": "unknown"
+                    "text": "K"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "openPopout",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "registration",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The registration ID of the component to pop out."
-                },
-                {
-                  "name": "popoutState",
-                  "optional": true,
-                  "type": {
-                    "text": "PopoutState"
-                  },
-                  "description": "Optional state (geometry and component state) to use for the new window."
                 },
                 {
-                  "name": "uuid",
-                  "optional": true,
+                  "name": "elementDefinition",
                   "type": {
-                    "text": "any"
+                    "text": "T"
                   },
-                  "description": "UUID generator from parent layout"
+                  "description": "The definition of the element to create the registry\nfunction for."
                 }
               ],
-              "description": "Opens a component in a popout window."
-            },
-            {
-              "kind": "method",
-              "name": "getRegistry",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "{ [layoutKey: string]: PopoutState }"
-                }
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "description": "optional string describing the size of the new item (see the written documentation for more info)",
+              "fieldName": "size"
             },
             {
-              "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"
+              "name": "type",
+              "type": {
+                "text": "LayoutRegionType"
+              },
+              "default": "defaultLayoutType",
+              "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
+              "resolveInitializer": {
+                "module": "src/main/layout-region.ts"
+              },
+              "fieldName": "type"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-layout-region",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationLayoutRegion",
+          "declaration": {
+            "name": "FoundationLayoutRegion",
+            "module": "src/main/layout-region.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/constants.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "DEFAULT_RELOAD_BUFFER",
+          "type": {
+            "text": "number"
+          },
+          "default": "500",
+          "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",
+          "type": {
+            "text": "string"
+          },
+          "default": "'f-layout-popout'",
+          "description": "Put this classname on an element which is a DOM parent of the layout, and\nif the layout goes into popout mode then it will place itself as the only child\nfor the popout container you set."
+        },
+        {
+          "kind": "variable",
+          "name": "DEFAULT_TAB_HEIGHT",
+          "type": {
+            "text": "string"
+          },
+          "default": "'36px'"
+        },
+        {
+          "kind": "function",
+          "name": "getLayoutHeaderHeight"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DEFAULT_RELOAD_BUFFER",
+          "declaration": {
+            "name": "DEFAULT_RELOAD_BUFFER",
+            "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",
+          "declaration": {
+            "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
+            "module": "src/utils/constants.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DEFAULT_TAB_HEIGHT",
+          "declaration": {
+            "name": "DEFAULT_TAB_HEIGHT",
+            "module": "src/utils/constants.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getLayoutHeaderHeight",
+          "declaration": {
+            "name": "getLayoutHeaderHeight",
+            "module": "src/utils/constants.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/error.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LayoutUsageError",
+          "superclass": {
+            "name": "Error",
+            "module": "src/utils/error.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LayoutRegistrationError",
+          "superclass": {
+            "name": "Error",
+            "module": "src/utils/error.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LayoutUsageError",
+          "declaration": {
+            "name": "LayoutUsageError",
+            "module": "src/utils/error.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutRegistrationError",
+          "declaration": {
+            "name": "LayoutRegistrationError",
+            "module": "src/utils/error.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/events.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "LayoutEmitEvents",
+          "type": {
+            "text": "{\n  firstLoaded: 'first-loaded',\n  itemAdded: 'item-added',\n  itemRemoved: 'item-removed',\n  itemResized: 'item-resized',\n}"
+          },
+          "default": "{\n  firstLoaded: 'first-loaded',\n  itemAdded: 'item-added',\n  itemRemoved: 'item-removed',\n  itemResized: 'item-resized',\n}",
+          "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "LayoutReceiveEvents",
+          "type": {
+            "text": "{\n  changeTitle: 'change-title',\n  autosave: 'autosave',\n}"
+          },
+          "default": "{\n  changeTitle: 'change-title',\n  autosave: 'autosave',\n}",
+          "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.\n'autosave' - emit this from a contained item to hint to the layout system that it should autosave the layout. A contained item should do this if it has just changed some state it would like to persist. See LayoutComponentWithState.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LayoutEmitEvents",
+          "declaration": {
+            "name": "LayoutEmitEvents",
+            "module": "src/utils/events.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutReceiveEvents",
+          "declaration": {
+            "name": "LayoutReceiveEvents",
+            "module": "src/utils/events.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/factory-registry.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerFactory",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "key",
+              "type": {
+                "text": "string"
+              },
+              "description": "Unique identifier for the factory. Should be descriptive and unique across the application."
             },
             {
-              "kind": "method",
-              "name": "closeAllPopouts",
-              "privacy": "public"
+              "name": "factory",
+              "type": {
+                "text": "ComponentFactory"
+              },
+              "description": "The factory function that creates the component."
             }
           ],
-          "attributes": [
+          "description": "Registers a factory function with a unique key.\nThis allows framework components to be used in the declarative layout API\nwithout needing to pass function references through HTML attributes.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "getFactory",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
             {
-              "name": "channel-name",
+              "name": "key",
               "type": {
                 "text": "string"
               },
-              "fieldName": "channelName"
+              "description": "The unique identifier for the factory."
             }
           ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
+          "description": "Retrieves a factory function by its key.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "unregisterFactory",
+          "return": {
+            "type": {
+              "text": ""
+            }
           },
-          "tagName": "foundation-layout-popout-controller",
-          "customElement": true
+          "parameters": [
+            {
+              "name": "key",
+              "type": {
+                "text": "string"
+              },
+              "description": "The unique identifier for the factory to remove."
+            }
+          ],
+          "description": "Removes a factory from the registry.\nThis is useful for cleanup when a component is unmounted or no longer needed.",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationLayoutPopoutController",
+          "name": "registerFactory",
+          "declaration": {
+            "name": "registerFactory",
+            "module": "src/utils/factory-registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getFactory",
+          "declaration": {
+            "name": "getFactory",
+            "module": "src/utils/factory-registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "unregisterFactory",
+          "declaration": {
+            "name": "unregisterFactory",
+            "module": "src/utils/factory-registry.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./constants"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./error"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./events"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./factory-registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./misc"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
           "declaration": {
-            "name": "FoundationLayoutPopoutController",
-            "module": "src/main/layout-popout-controller.ts"
+            "name": "*",
+            "package": "./templates"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "foundation-layout-popout-controller",
+          "kind": "js",
+          "name": "*",
           "declaration": {
-            "name": "FoundationLayoutPopoutController",
-            "module": "src/main/layout-popout-controller.ts"
+            "name": "*",
+            "package": "./popout-events"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./error"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/main/layout-region.ts",
+      "path": "src/utils/logger.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationLayoutRegion",
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "description": "optional string describing the size of the new item (see the written documentation for more info)",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "LayoutRegionType"
-              },
-              "default": "layoutRegionValue[0]",
-              "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
-              },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "ElementViewTemplate | void | null"
-              },
-              "privacy": "public",
-              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "ElementStyles | void | null"
-              },
-              "privacy": "public",
-              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
-                }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "string"
-              },
-              "description": "optional string describing the size of the new item (see the written documentation for more info)",
-              "fieldName": "size"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "LayoutRegionType"
-              },
-              "default": "defaultLayoutType",
-              "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
-              "resolveInitializer": {
-                "module": "src/main/layout-region.ts"
-              },
-              "fieldName": "type"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+          "kind": "variable",
+          "name": "logger"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "logger",
+          "declaration": {
+            "name": "logger",
+            "module": "src/utils/logger.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/misc.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/popout-events.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "LAYOUT_POPOUT_CHANNEL_NAME",
+          "type": {
+            "text": "string"
           },
-          "tagName": "%%prefix%%-layout-region",
-          "customElement": true
+          "default": "'f-layout-popout-channel'",
+          "description": "Name of the default broadcast channel used for layout popouts",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationLayoutRegion",
+          "name": "LAYOUT_POPOUT_CHANNEL_NAME",
           "declaration": {
-            "name": "FoundationLayoutRegion",
-            "module": "src/main/layout-region.ts"
+            "name": "LAYOUT_POPOUT_CHANNEL_NAME",
+            "module": "src/utils/popout-events.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PopoutGeometry",
+          "declaration": {
+            "name": "PopoutGeometry",
+            "module": "src/utils/popout-events.ts"
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/templates.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/types.ts",
+      "declarations": [],
+      "exports": []
     }
   ]
 }