npm - @genesislcap/foundation-layout - Versions diffs - 14.246.1-alpha-7d8946d.0 → 14.246.1-alpha-e79f189.0 - Mend

@genesislcap/foundation-layout 14.246.1-alpha-7d8946d.0 → 14.246.1-alpha-e79f189.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/custom-elements.json +389 -388
package/dist/dts/main/layout-main.d.ts +2 -2
package/dist/dts/main/layout-main.d.ts.map +1 -1
package/dist/foundation-layout.api.json +0 -31
package/dist/foundation-layout.d.ts +1 -2
package/docs/api/foundation-layout.foundationlayout.md +0 -1
package/docs/api-report.md +0 -3
package/package.json +12 -12
package/docs/api/foundation-layout.foundationlayout.layout.md +0 -11

package/dist/custom-elements.json CHANGED Viewed

@@ -139,47 +139,176 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/main/index.ts",
+      "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_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."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DEFAULT_RELOAD_BUFFER",
+          "declaration": {
+            "name": "DEFAULT_RELOAD_BUFFER",
+            "module": "src/utils/constants.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
+          "declaration": {
+            "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
+            "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/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationLayoutItem",
+          "name": "*",
           "declaration": {
-            "name": "FoundationLayoutItem",
-            "module": "./layout-item"
+            "name": "*",
+            "package": "./constants"
           }
         },
         {
           "kind": "js",
-          "name": "FoundationLayoutRegion",
+          "name": "*",
           "declaration": {
-            "name": "FoundationLayoutRegion",
-            "module": "./layout-region"
+            "name": "*",
+            "package": "./error"
           }
         },
         {
           "kind": "js",
-          "name": "FoundationLayout",
+          "name": "*",
           "declaration": {
-            "name": "FoundationLayout",
-            "module": "./layout-main"
+            "name": "*",
+            "package": "./events"
           }
         },
         {
           "kind": "js",
-          "name": "layoutStyles",
+          "name": "*",
           "declaration": {
-            "name": "layoutStyles",
-            "module": "./layout-main"
+            "name": "*",
+            "package": "./misc"
           }
         },
         {
           "kind": "js",
-          "name": "layoutTemplate",
+          "name": "*",
           "declaration": {
-            "name": "layoutTemplate",
-            "module": "./layout-main"
+            "name": "*",
+            "package": "./templates"
           }
         },
         {
@@ -187,55 +316,274 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./layout-components"
+            "package": "./types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./error"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/main/layout-components.ts",
+      "path": "src/utils/logger.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "foundationLayoutComponents",
+          "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/templates.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/constants.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "glVisualConfig",
           "type": {
-            "text": "object"
+            "text": "Omit<LayoutConfig, 'root'>"
           },
-          "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.",
+          "default": "{\n  dimensions: {\n    headerHeight: 38,\n    borderWidth: 12,\n  },\n  header: {\n    maximise: 'maximise',\n    minimise: 'minimise',\n    popout: false,\n  },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "LAYOUT_ICONS",
+          "type": {
+            "text": "{\n  renameSVG,\n  maximiseSVG,\n  minimiseSVG,\n  closeSVG,\n  tabDropdownSVG,\n  popoutSVG,\n}"
+          },
+          "default": "{\n  renameSVG,\n  maximiseSVG,\n  minimiseSVG,\n  closeSVG,\n  tabDropdownSVG,\n  popoutSVG,\n}",
+          "description": "A collection of SVG icons in base64 format.",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationLayoutComponents",
+          "name": "glVisualConfig",
           "declaration": {
-            "name": "foundationLayoutComponents",
-            "module": "src/main/layout-components.ts"
+            "name": "glVisualConfig",
+            "module": "src/styles/constants.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LAYOUT_ICONS",
+          "declaration": {
+            "name": "LAYOUT_ICONS",
+            "module": "src/styles/constants.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/main/layout-item.ts",
+      "path": "src/styles/dragging.styles.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": "variable",
+          "name": "globalDraggingStyles",
+          "default": "`\n  .lm_dragProxy .lm_content {\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n  }\n  .lm_dropTargetIndicator {\n    box-shadow: inset 0 0 30px #000000;\n    outline: 1px dashed #cccccc;\n    transition: all 200ms ease;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    background: var(${neutralFillStealthRest.cssCustomProperty});\n    opacity: 0.2;\n  }\n  .lm_dragProxy.lm_left .lm_header,\n  .lm_dragProxy.lm_right .lm_header {\n    width: 20px;\n    float: left;\n    vertical-align: top;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_dragProxy.lm_right .lm_header .lm_tabs {\n    transform-origin: left top;\n    top: 0;\n    width: 1000px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_controls,\n  .lm_dragProxy.lm_right .lm_header .lm_controls {\n    bottom: 0;\n  }\n  .lm_dragProxy.lm_left .lm_items,\n  .lm_dragProxy.lm_right .lm_items {\n    float: left;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs {\n    transform: rotate(-90deg) scaleX(-1);\n    left: 0;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n    transform: scaleX(-1);\n    margin-top: 1px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: initial;\n    left: 20px;\n  }\n  .lm_dragProxy.lm_right .lm_content {\n    float: left;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabs {\n    transform: rotate(90deg) scaleX(1);\n    left: 100%;\n    margin-left: 0;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_controls {\n    left: 3px;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: 20px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n    margin-top: 0;\n    border-top: none;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n  .lm_stack.lm_bottom .lm_header .lm_controls {\n    top: 3px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n    top: initial;\n    bottom: 20px;\n  }\n  .lm_dragProxy {\n    cursor: move;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 30;\n  }\n  .lm_dragProxy .lm_header {\n    background: transparent;\n  }\n  .lm_dragProxy .lm_title {\n    color: white;\n    padding-left: 10px;\n  }\n  .lm_dragProxy .lm_content {\n    border-top: none;\n    overflow: hidden;\n  }\n  .lm_dropTargetIndicator {\n    display: none;\n    position: absolute;\n    z-index: 20;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    top: 0;\n    left: 0;\n  }\n  .lm_transition_indicator {\n    display: none;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n  }\n`",
+          "description": "This is defined as a string rather than a css template\nbecause it is applied to a CSSStyleSheet object rather than\nused as a FAST template"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "globalDraggingStyles",
+          "declaration": {
+            "name": "globalDraggingStyles",
+            "module": "src/styles/dragging.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./constants"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dragging.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./layout.styles"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/layout.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "layoutStyles",
+          "default": "css`\n  ${containerStyles}\n  ${loadingSpinnerStyles}\n\n  .lm_goldenlayout {\n    padding: 1px;\n    background: ${neutralLayer1};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n  }\n\n  .lm_stack.lm_item {\n    background-color: ${neutralLayer4};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n  }\n  .lm_maximised .lm_header {\n    background-color: ${neutralLayer4};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    position: unset;\n  }\n\n  .lm_maximised .lm_header .lm_tabs {\n    z-index: 3;\n  }\n\n  .lm_content {\n    background-color: ${neutralLayer3};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    border: 1px solid;\n    border-color: #2e3339;\n    box-sizing: border-box;\n  }\n\n  .lm-header {\n    z-index: 1;\n  }\n  .lm_header .lm_tabs {\n    padding: 0 16px;\n  }\n\n  .lm_stack > .lm_items {\n    z-index: 2;\n    box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n  }\n\n  .lm_header .lm_tab.lm_active.lm_focused {\n    background-color: ${neutralLayer3};\n  }\n  .lm_header .lm_tab.lm_active {\n    background-color: ${neutralLayer3};\n    border: 1px solid;\n    border-color: #2e3339;\n    border-bottom: 0;\n    color: ${accentFillRest};\n  }\n\n  .lm_header .lm_tab {\n    align-items: center;\n    background-color: ${neutralLayer4};\n    border: 1px solid;\n    border-bottom-color: #2e3339;\n    border-bottom: 0px solid;\n    border-color: rgba(0, 0, 0, 0.35);\n    border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n    box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n    color: rgba(255, 255, 255, 0.3);\n    display: flex;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 700;\n    height: 30px;\n    margin-right: 2px;\n    margin-top: 3px;\n    padding: 2px 16px;\n  }\n\n  .lm_header .lm_tab:not(.lm_active):hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    color: #f1f1f1;\n  }\n\n  .lm_header .lm_controls {\n    top: 4px;\n    display: flex;\n  }\n  .lm_header .lm_controls > * {\n    width: 30px;\n    height: 30px;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 16px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    margin-right: 4px;\n    top: 3px;\n    opacity: 1;\n  }\n  .lm_header .lm_controls > *:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    cursor: pointer;\n  }\n\n  .lm_controls .lm_maximise {\n    background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n  }\n  .lm_maximised .lm_controls .lm_maximise {\n    background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n  }\n  .lm_controls .lm_close {\n    background-image: url('${LAYOUT_ICONS.closeSVG}');\n  }\n  .lm_header .lm_tab .lm_close_tab {\n    background-image: url('${LAYOUT_ICONS.closeSVG}');\n    background-size: 10px;\n    background-repeat: no-repeat;\n    margin-left: 12px;\n    position: relative;\n    top: 0;\n    right: 0;\n  }\n\n  .lm_header .lm_tab.lm_active {\n    padding: 4px 25px 3px 10px;\n  }\n\n  .lm_header .lm_tab:not(.lm_active) .lm_title {\n    color: ${accentFillRest};\n    opacity: 0.7;\n  }\n\n  .lm_header .lm_controls .lm_tabdropdown::before {\n    content: none;\n  }\n  .lm_header .lm_controls .lm_tabdropdown {\n    background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n  }\n  .lm_header .lm_tabdropdown_list {\n    top: 38px;\n    right: 108px;\n    background-color: ${neutralLayer3};\n    border: 1px solid;\n    border-color: #2e3339;\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n  }\n  .lm_header .lm_tabdropdown_list > .lm_tab {\n    box-shadow: none;\n    padding: 0 16px;\n    white-space: nowrap;\n    background-color: transparent;\n    color: #c9c9c9;\n    height: 36px;\n    border-radius: 0;\n    overflow: visible;\n    text-overflow: normal;\n  }\n  .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n    border-bottom: 0;\n  }\n\n  /* gl base styles start */\n  .lm_root {\n    position: relative;\n  }\n  .lm_row > .lm_item {\n    float: left;\n  }\n  .lm_content {\n    overflow: hidden;\n    position: relative;\n  }\n  .lm_dragging,\n  .lm_dragging * {\n    cursor: move !important;\n    user-select: none;\n  }\n  .lm_maximised {\n    left: 0;\n    padding: 1px;\n    position: absolute;\n    top: 0;\n    z-index: 40;\n  }\n  .lm_maximise_placeholder {\n    display: none;\n  }\n  .lm_splitter {\n    position: relative;\n    z-index: 20;\n  }\n  .lm_splitter:hover,\n  .lm_splitter.lm_dragging {\n    background: ${accentFillRest};\n    border-radius: calc(${controlCornerRadius} * 4px);\n  }\n  .lm_splitter.lm_vertical .lm_drag_handle {\n    width: 100%;\n    height: 15px;\n    position: absolute;\n    top: -5px;\n    cursor: ns-resize !important;\n  }\n  .lm_splitter.lm_horizontal {\n    float: left;\n    height: 100%;\n  }\n  .lm_splitter.lm_horizontal .lm_drag_handle {\n    width: 15px;\n    height: 100%;\n    position: absolute;\n    left: -5px;\n    cursor: ew-resize !important;\n  }\n  .lm_header {\n    overflow: visible;\n    position: relative;\n    z-index: 1;\n  }\n  .lm_header [class^='lm_'] {\n    box-sizing: content-box !important;\n  }\n  .lm_header .lm_controls {\n    position: absolute;\n    right: 3px;\n  }\n  .lm_header .lm_controls > li {\n    cursor: pointer;\n    float: left;\n    width: 18px;\n    height: 18px;\n    text-align: center;\n  }\n  .lm_header ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n  .lm_header .lm_tabs {\n    position: absolute;\n  }\n  .lm_header .lm_tab {\n    cursor: pointer;\n    float: left;\n    margin-top: 1px;\n    padding: 3px 25px 3px 10px;\n    position: relative;\n  }\n  .lm_header .lm_tab i {\n    width: 2px;\n    height: 19px;\n    position: absolute;\n  }\n  .lm_header .lm_tab i.lm_left {\n    top: 0;\n    left: -2px;\n  }\n  .lm_header .lm_tab i.lm_right {\n    top: 0;\n    right: -2px;\n  }\n  .lm_header .lm_tab .lm_title {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    user-select: none;\n  }\n  .lm_header .lm_tab .lm_title:only-child {\n    padding-left: 10px;\n  }\n  .lm_header .lm_tab .lm_close_tab {\n    width: 14px;\n    height: 14px;\n    position: absolute;\n    top: 11px;\n    right: 0;\n    text-align: center;\n  }\n  .lm_stack.lm_left .lm_header,\n  .lm_stack.lm_right .lm_header {\n    height: 100%;\n  }\n  .lm_dragProxy.lm_left .lm_header,\n  .lm_dragProxy.lm_right .lm_header,\n  .lm_stack.lm_left .lm_header,\n  .lm_stack.lm_right .lm_header {\n    width: 20px;\n    float: left;\n    vertical-align: top;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_dragProxy.lm_right .lm_header .lm_tabs,\n  .lm_stack.lm_left .lm_header .lm_tabs,\n  .lm_stack.lm_right .lm_header .lm_tabs {\n    transform-origin: left top;\n    top: 0;\n    width: 1000px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_controls,\n  .lm_dragProxy.lm_right .lm_header .lm_controls,\n  .lm_stack.lm_left .lm_header .lm_controls,\n  .lm_stack.lm_right .lm_header .lm_controls {\n    bottom: 0;\n  }\n  .lm_dragProxy.lm_left .lm_items,\n  .lm_dragProxy.lm_right .lm_items,\n  .lm_stack.lm_left .lm_items,\n  .lm_stack.lm_right .lm_items {\n    float: left;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_stack.lm_left .lm_header .lm_tabs {\n    transform: rotate(-90deg) scaleX(-1);\n    left: 0;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,\n  .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {\n    transform: scaleX(-1);\n    margin-top: 1px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_left .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: initial;\n    left: 20px;\n  }\n  .lm_dragProxy.lm_right .lm_content {\n    float: left;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabs,\n  .lm_stack.lm_right .lm_header .lm_tabs {\n    transform: rotate(90deg) scaleX(1);\n    left: 100%;\n    margin-left: 0;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_controls,\n  .lm_stack.lm_right .lm_header .lm_controls {\n    left: 3px;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_right .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: 20px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tab,\n  .lm_stack.lm_bottom .lm_header .lm_tab {\n    margin-top: 0;\n    border-top: none;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n  .lm_stack.lm_bottom .lm_header .lm_controls {\n    top: 3px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n    top: initial;\n    bottom: 20px;\n  }\n  .lm_drop_tab_placeholder {\n    float: left;\n    width: 100px;\n    height: 10px;\n    visibility: hidden;\n  }\n  .lm_header .lm_tabdropdown_list {\n    position: absolute;\n    top: 20px;\n    right: 0;\n    z-index: 5;\n    overflow: hidden;\n  }\n  .lm_header .lm_tabdropdown_list .lm_tab {\n    clear: both;\n    padding-right: 10px;\n    margin: 0;\n  }\n  .lm_header .lm_tabdropdown_list .lm_tab .lm_title {\n    width: 100px;\n  }\n  .lm_header .lm_tabdropdown_list .lm_close_tab {\n    display: none !important;\n  }\n  .lm_dragProxy {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 30;\n  }\n  .lm_dragProxy .lm_header {\n    background: transparent;\n  }\n  .lm_dragProxy .lm_content {\n    border-top: none;\n    overflow: hidden;\n  }\n  .lm_dropTargetIndicator {\n    display: none;\n    position: absolute;\n    z-index: 20;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    top: 0;\n    left: 0;\n  }\n  .lm_transition_indicator {\n    display: none;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n  }\n  .lm_popin {\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 9999;\n  }\n  .lm_popin > * {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n  .lm_popin > .lm_bg {\n    z-index: 10;\n  }\n  .lm_popin > .lm_icon {\n    z-index: 20;\n  } /*# sourceMappingURL=goldenlayout-base.css.map */\n`",
+          "description": "`ElementStyles` which defines the css for FoundationLayout.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "layoutStyles",
+          "declaration": {
+            "name": "layoutStyles",
+            "module": "src/styles/layout.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "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",
@@ -443,7 +791,8 @@
               "name": "layout",
               "type": {
                 "text": "GoldenLayout"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -1136,354 +1485,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/constants.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "glVisualConfig",
-          "type": {
-            "text": "Omit<LayoutConfig, 'root'>"
-          },
-          "default": "{\n  dimensions: {\n    headerHeight: 38,\n    borderWidth: 12,\n  },\n  header: {\n    maximise: 'maximise',\n    minimise: 'minimise',\n    popout: false,\n  },\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_ICONS",
-          "type": {
-            "text": "{\n  renameSVG,\n  maximiseSVG,\n  minimiseSVG,\n  closeSVG,\n  tabDropdownSVG,\n  popoutSVG,\n}"
-          },
-          "default": "{\n  renameSVG,\n  maximiseSVG,\n  minimiseSVG,\n  closeSVG,\n  tabDropdownSVG,\n  popoutSVG,\n}",
-          "description": "A collection of SVG icons in base64 format.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "glVisualConfig",
-          "declaration": {
-            "name": "glVisualConfig",
-            "module": "src/styles/constants.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LAYOUT_ICONS",
-          "declaration": {
-            "name": "LAYOUT_ICONS",
-            "module": "src/styles/constants.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/dragging.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "globalDraggingStyles",
-          "default": "`\n  .lm_dragProxy .lm_content {\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n  }\n  .lm_dropTargetIndicator {\n    box-shadow: inset 0 0 30px #000000;\n    outline: 1px dashed #cccccc;\n    transition: all 200ms ease;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    background: var(${neutralFillStealthRest.cssCustomProperty});\n    opacity: 0.2;\n  }\n  .lm_dragProxy.lm_left .lm_header,\n  .lm_dragProxy.lm_right .lm_header {\n    width: 20px;\n    float: left;\n    vertical-align: top;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_dragProxy.lm_right .lm_header .lm_tabs {\n    transform-origin: left top;\n    top: 0;\n    width: 1000px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_controls,\n  .lm_dragProxy.lm_right .lm_header .lm_controls {\n    bottom: 0;\n  }\n  .lm_dragProxy.lm_left .lm_items,\n  .lm_dragProxy.lm_right .lm_items {\n    float: left;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs {\n    transform: rotate(-90deg) scaleX(-1);\n    left: 0;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n    transform: scaleX(-1);\n    margin-top: 1px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: initial;\n    left: 20px;\n  }\n  .lm_dragProxy.lm_right .lm_content {\n    float: left;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabs {\n    transform: rotate(90deg) scaleX(1);\n    left: 100%;\n    margin-left: 0;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_controls {\n    left: 3px;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: 20px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n    margin-top: 0;\n    border-top: none;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n  .lm_stack.lm_bottom .lm_header .lm_controls {\n    top: 3px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n    top: initial;\n    bottom: 20px;\n  }\n  .lm_dragProxy {\n    cursor: move;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 30;\n  }\n  .lm_dragProxy .lm_header {\n    background: transparent;\n  }\n  .lm_dragProxy .lm_title {\n    color: white;\n    padding-left: 10px;\n  }\n  .lm_dragProxy .lm_content {\n    border-top: none;\n    overflow: hidden;\n  }\n  .lm_dropTargetIndicator {\n    display: none;\n    position: absolute;\n    z-index: 20;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    top: 0;\n    left: 0;\n  }\n  .lm_transition_indicator {\n    display: none;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n  }\n`",
-          "description": "This is defined as a string rather than a css template\nbecause it is applied to a CSSStyleSheet object rather than\nused as a FAST template"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "globalDraggingStyles",
-          "declaration": {
-            "name": "globalDraggingStyles",
-            "module": "src/styles/dragging.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./constants"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./dragging.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./layout.styles"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/layout.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "layoutStyles",
-          "default": "css`\n  ${containerStyles}\n  ${loadingSpinnerStyles}\n\n  .lm_goldenlayout {\n    padding: 1px;\n    background: ${neutralLayer1};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n  }\n\n  .lm_stack.lm_item {\n    background-color: ${neutralLayer4};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n  }\n  .lm_maximised .lm_header {\n    background-color: ${neutralLayer4};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    position: unset;\n  }\n\n  .lm_maximised .lm_header .lm_tabs {\n    z-index: 3;\n  }\n\n  .lm_content {\n    background-color: ${neutralLayer3};\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    border: 1px solid;\n    border-color: #2e3339;\n    box-sizing: border-box;\n  }\n\n  .lm-header {\n    z-index: 1;\n  }\n  .lm_header .lm_tabs {\n    padding: 0 16px;\n  }\n\n  .lm_stack > .lm_items {\n    z-index: 2;\n    box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n  }\n\n  .lm_header .lm_tab.lm_active.lm_focused {\n    background-color: ${neutralLayer3};\n  }\n  .lm_header .lm_tab.lm_active {\n    background-color: ${neutralLayer3};\n    border: 1px solid;\n    border-color: #2e3339;\n    border-bottom: 0;\n    color: ${accentFillRest};\n  }\n\n  .lm_header .lm_tab {\n    align-items: center;\n    background-color: ${neutralLayer4};\n    border: 1px solid;\n    border-bottom-color: #2e3339;\n    border-bottom: 0px solid;\n    border-color: rgba(0, 0, 0, 0.35);\n    border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n    box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n    color: rgba(255, 255, 255, 0.3);\n    display: flex;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 700;\n    height: 30px;\n    margin-right: 2px;\n    margin-top: 3px;\n    padding: 2px 16px;\n  }\n\n  .lm_header .lm_tab:not(.lm_active):hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    color: #f1f1f1;\n  }\n\n  .lm_header .lm_controls {\n    top: 4px;\n    display: flex;\n  }\n  .lm_header .lm_controls > * {\n    width: 30px;\n    height: 30px;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 16px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    margin-right: 4px;\n    top: 3px;\n    opacity: 1;\n  }\n  .lm_header .lm_controls > *:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    cursor: pointer;\n  }\n\n  .lm_controls .lm_maximise {\n    background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n  }\n  .lm_maximised .lm_controls .lm_maximise {\n    background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n  }\n  .lm_controls .lm_close {\n    background-image: url('${LAYOUT_ICONS.closeSVG}');\n  }\n  .lm_header .lm_tab .lm_close_tab {\n    background-image: url('${LAYOUT_ICONS.closeSVG}');\n    background-size: 10px;\n    background-repeat: no-repeat;\n    margin-left: 12px;\n    position: relative;\n    top: 0;\n    right: 0;\n  }\n\n  .lm_header .lm_tab.lm_active {\n    padding: 4px 25px 3px 10px;\n  }\n\n  .lm_header .lm_tab:not(.lm_active) .lm_title {\n    color: ${accentFillRest};\n    opacity: 0.7;\n  }\n\n  .lm_header .lm_controls .lm_tabdropdown::before {\n    content: none;\n  }\n  .lm_header .lm_controls .lm_tabdropdown {\n    background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n  }\n  .lm_header .lm_tabdropdown_list {\n    top: 38px;\n    right: 108px;\n    background-color: ${neutralLayer3};\n    border: 1px solid;\n    border-color: #2e3339;\n    border-radius: calc(${controlCornerRadius} * 1.5px);\n    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n  }\n  .lm_header .lm_tabdropdown_list > .lm_tab {\n    box-shadow: none;\n    padding: 0 16px;\n    white-space: nowrap;\n    background-color: transparent;\n    color: #c9c9c9;\n    height: 36px;\n    border-radius: 0;\n    overflow: visible;\n    text-overflow: normal;\n  }\n  .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n    border-bottom: 0;\n  }\n\n  /* gl base styles start */\n  .lm_root {\n    position: relative;\n  }\n  .lm_row > .lm_item {\n    float: left;\n  }\n  .lm_content {\n    overflow: hidden;\n    position: relative;\n  }\n  .lm_dragging,\n  .lm_dragging * {\n    cursor: move !important;\n    user-select: none;\n  }\n  .lm_maximised {\n    left: 0;\n    padding: 1px;\n    position: absolute;\n    top: 0;\n    z-index: 40;\n  }\n  .lm_maximise_placeholder {\n    display: none;\n  }\n  .lm_splitter {\n    position: relative;\n    z-index: 20;\n  }\n  .lm_splitter:hover,\n  .lm_splitter.lm_dragging {\n    background: ${accentFillRest};\n    border-radius: calc(${controlCornerRadius} * 4px);\n  }\n  .lm_splitter.lm_vertical .lm_drag_handle {\n    width: 100%;\n    height: 15px;\n    position: absolute;\n    top: -5px;\n    cursor: ns-resize !important;\n  }\n  .lm_splitter.lm_horizontal {\n    float: left;\n    height: 100%;\n  }\n  .lm_splitter.lm_horizontal .lm_drag_handle {\n    width: 15px;\n    height: 100%;\n    position: absolute;\n    left: -5px;\n    cursor: ew-resize !important;\n  }\n  .lm_header {\n    overflow: visible;\n    position: relative;\n    z-index: 1;\n  }\n  .lm_header [class^='lm_'] {\n    box-sizing: content-box !important;\n  }\n  .lm_header .lm_controls {\n    position: absolute;\n    right: 3px;\n  }\n  .lm_header .lm_controls > li {\n    cursor: pointer;\n    float: left;\n    width: 18px;\n    height: 18px;\n    text-align: center;\n  }\n  .lm_header ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n  .lm_header .lm_tabs {\n    position: absolute;\n  }\n  .lm_header .lm_tab {\n    cursor: pointer;\n    float: left;\n    margin-top: 1px;\n    padding: 3px 25px 3px 10px;\n    position: relative;\n  }\n  .lm_header .lm_tab i {\n    width: 2px;\n    height: 19px;\n    position: absolute;\n  }\n  .lm_header .lm_tab i.lm_left {\n    top: 0;\n    left: -2px;\n  }\n  .lm_header .lm_tab i.lm_right {\n    top: 0;\n    right: -2px;\n  }\n  .lm_header .lm_tab .lm_title {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    user-select: none;\n  }\n  .lm_header .lm_tab .lm_title:only-child {\n    padding-left: 10px;\n  }\n  .lm_header .lm_tab .lm_close_tab {\n    width: 14px;\n    height: 14px;\n    position: absolute;\n    top: 11px;\n    right: 0;\n    text-align: center;\n  }\n  .lm_stack.lm_left .lm_header,\n  .lm_stack.lm_right .lm_header {\n    height: 100%;\n  }\n  .lm_dragProxy.lm_left .lm_header,\n  .lm_dragProxy.lm_right .lm_header,\n  .lm_stack.lm_left .lm_header,\n  .lm_stack.lm_right .lm_header {\n    width: 20px;\n    float: left;\n    vertical-align: top;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_dragProxy.lm_right .lm_header .lm_tabs,\n  .lm_stack.lm_left .lm_header .lm_tabs,\n  .lm_stack.lm_right .lm_header .lm_tabs {\n    transform-origin: left top;\n    top: 0;\n    width: 1000px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_controls,\n  .lm_dragProxy.lm_right .lm_header .lm_controls,\n  .lm_stack.lm_left .lm_header .lm_controls,\n  .lm_stack.lm_right .lm_header .lm_controls {\n    bottom: 0;\n  }\n  .lm_dragProxy.lm_left .lm_items,\n  .lm_dragProxy.lm_right .lm_items,\n  .lm_stack.lm_left .lm_items,\n  .lm_stack.lm_right .lm_items {\n    float: left;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_stack.lm_left .lm_header .lm_tabs {\n    transform: rotate(-90deg) scaleX(-1);\n    left: 0;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,\n  .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {\n    transform: scaleX(-1);\n    margin-top: 1px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_left .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: initial;\n    left: 20px;\n  }\n  .lm_dragProxy.lm_right .lm_content {\n    float: left;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabs,\n  .lm_stack.lm_right .lm_header .lm_tabs {\n    transform: rotate(90deg) scaleX(1);\n    left: 100%;\n    margin-left: 0;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_controls,\n  .lm_stack.lm_right .lm_header .lm_controls {\n    left: 3px;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_right .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: 20px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tab,\n  .lm_stack.lm_bottom .lm_header .lm_tab {\n    margin-top: 0;\n    border-top: none;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n  .lm_stack.lm_bottom .lm_header .lm_controls {\n    top: 3px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n    top: initial;\n    bottom: 20px;\n  }\n  .lm_drop_tab_placeholder {\n    float: left;\n    width: 100px;\n    height: 10px;\n    visibility: hidden;\n  }\n  .lm_header .lm_tabdropdown_list {\n    position: absolute;\n    top: 20px;\n    right: 0;\n    z-index: 5;\n    overflow: hidden;\n  }\n  .lm_header .lm_tabdropdown_list .lm_tab {\n    clear: both;\n    padding-right: 10px;\n    margin: 0;\n  }\n  .lm_header .lm_tabdropdown_list .lm_tab .lm_title {\n    width: 100px;\n  }\n  .lm_header .lm_tabdropdown_list .lm_close_tab {\n    display: none !important;\n  }\n  .lm_dragProxy {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 30;\n  }\n  .lm_dragProxy .lm_header {\n    background: transparent;\n  }\n  .lm_dragProxy .lm_content {\n    border-top: none;\n    overflow: hidden;\n  }\n  .lm_dropTargetIndicator {\n    display: none;\n    position: absolute;\n    z-index: 20;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    top: 0;\n    left: 0;\n  }\n  .lm_transition_indicator {\n    display: none;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n  }\n  .lm_popin {\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    z-index: 9999;\n  }\n  .lm_popin > * {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n  .lm_popin > .lm_bg {\n    z-index: 10;\n  }\n  .lm_popin > .lm_icon {\n    z-index: 20;\n  } /*# sourceMappingURL=goldenlayout-base.css.map */\n`",
-          "description": "`ElementStyles` which defines the css for FoundationLayout.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "layoutStyles",
-          "declaration": {
-            "name": "layoutStyles",
-            "module": "src/styles/layout.styles.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_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."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DEFAULT_RELOAD_BUFFER",
-          "declaration": {
-            "name": "DEFAULT_RELOAD_BUFFER",
-            "module": "src/utils/constants.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
-          "declaration": {
-            "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
-            "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/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": "./misc"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./templates"
-          }
-        },
-        {
-          "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/templates.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/types.ts",
-      "declarations": [],
-      "exports": []
     }
   ]
 }

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

@@ -1,4 +1,4 @@
-import { GoldenLayout, LayoutConfig, RootItemConfig } from '@genesis-community/golden-layout';
+import { LayoutConfig, RootItemConfig } from '@genesis-community/golden-layout';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { componentType, CustomButton, LayoutComponent, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout } from '../utils/';
 export { layoutStyles } from '../styles';
@@ -16,7 +16,7 @@ export { layoutStyles } from '../styles';
  */
 export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
     #private;
-    layout: GoldenLayout;
+    private layout;
     /** @internal */
     layoutElement: HTMLElement;
     private layoutConfig;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAGL~~,YAAY,EAEZ,~~YAAY,EAEZ,~~cAAc,EAGf,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAGL,aAAa,EACb,YAAY,EAOZ,eAAe,EAKf,SAAS,EAET,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAiBzC;;;;;;;;;;;GAWG;AACH,qBAAa,gBAAiB,SAAQ,iBAAkB,YAAW,eAAe;;IAChF,~~MAAM~~,~~EAAE~~,~~YAAY~~,~~CAAC~~;~~IACrB~~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"}
1	+ {"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"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"}

package/dist/foundation-layout.api.json CHANGED Viewed

@@ -586,37 +586,6 @@
               "isProtected": false,
               "isAbstract": false
             },
-            {
-              "kind": "Property",
-              "canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#layout:member",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "layout: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "GoldenLayout",
-                  "canonicalReference": "@genesis-community/golden-layout!GoldenLayout:class"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isReadonly": false,
-              "isOptional": false,
-              "releaseTag": "Public",
-              "name": "layout",
-              "propertyTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "isStatic": false,
-              "isProtected": false,
-              "isAbstract": false
-            },
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/foundation-layout!FoundationLayout.layoutRequiredRegistrations:member(1)",

package/dist/foundation-layout.d.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import type { Container } from '@microsoft/fast-foundation';
 import { ElementStyles } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { FoundationElementRegistry } from '@microsoft/fast-foundation';
-import { GoldenLayout } from '@genesis-community/golden-layout';
 import { LayoutConfig } from '@genesis-community/golden-layout';
 import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
 import { ResolvedLayoutConfig } from '@genesis-community/golden-layout';
@@ -53,7 +52,7 @@ export declare const DEFAULT_RELOAD_BUFFER = 500;
  */
 export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
     #private;
-    layout: GoldenLayout;
+    private layout;
     /** @internal */
     layoutElement: HTMLElement;
     private layoutConfig;

package/docs/api/foundation-layout.foundationlayout.md CHANGED Viewed

@@ -31,7 +31,6 @@ The constructor for this class is marked as internal. Third-party code should no
 |  [dimensionsConfig?](./foundation-layout.foundationlayout.dimensionsconfig.md) |  | LayoutConfig.Dimensions | _(Optional)_ Apply dimensions config to the layout, such as setting the size of the drag handles. |
 |  [dragging](./foundation-layout.foundationlayout.dragging.md) |  | boolean | Set to true when the user is currently dragging the panes inside of the layout |
 |  [hasFirstLoaded](./foundation-layout.foundationlayout.hasfirstloaded.md) |  | boolean | Boolean signifies whether the layout has loaded for the first time or not. |
-|  [layout](./foundation-layout.foundationlayout.layout.md) |  | GoldenLayout |  |
 |  [lifecycleUpdateToken](./foundation-layout.foundationlayout.lifecycleupdatetoken.md) |  | string \| undefined | Used to calculate whether a layout item should run its lifecycle methods or not |
 |  [missingItemPlaceholder](./foundation-layout.foundationlayout.missingitemplaceholder.md) |  | (missingItem: string) =&gt; string | Function which is used to generate the placeholder text when a layout is loaded with a missing item. |
 |  [popoutConfig](./foundation-layout.foundationlayout.popoutconfig.md) |  | string \| undefined | **_(BETA)_** 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 <code>number;number</code> then this will be interpreted as the width and height of the popout window. |

package/docs/api-report.md CHANGED Viewed

@@ -8,7 +8,6 @@ import type { Container } from '@microsoft/fast-foundation';
 import { ElementStyles } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { FoundationElementRegistry } from '@microsoft/fast-foundation';
-import { GoldenLayout } from '@genesis-community/golden-layout';
 import { LayoutConfig } from '@genesis-community/golden-layout';
 import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
 import { ResolvedLayoutConfig } from '@genesis-community/golden-layout';
@@ -48,8 +47,6 @@ export class FoundationLayout extends FoundationElement implements LayoutCompone
     dragging: boolean;
     getLayout(): SerialisedLayout;
     hasFirstLoaded: boolean;
-    // (undocumented)
-    layout: GoldenLayout;
     // @internal (undocumented)
     layoutElement: HTMLElement;
     static layoutRequiredRegistrations(layout: SerialisedLayout): string[];

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-layout",
   "description": "Genesis Foundation UI App Layout",
-  "version": "14.246.1-alpha-7d8946d.0",
+  "version": "14.246.1-alpha-e79f189.0",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/foundation-layout.d.ts",
@@ -36,20 +36,20 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/genx": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/rollup-builder": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/ts-builder": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/uvu-playwright-builder": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/vite-builder": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/webpack-builder": "14.246.1-alpha-7d8946d.0",
+    "@genesislcap/foundation-testing": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/genx": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/rollup-builder": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/ts-builder": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/uvu-playwright-builder": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/vite-builder": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/webpack-builder": "14.246.1-alpha-e79f189.0",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
     "@genesis-community/golden-layout": "^2.11.0",
-    "@genesislcap/foundation-comms": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/foundation-logger": "14.246.1-alpha-7d8946d.0",
-    "@genesislcap/foundation-utils": "14.246.1-alpha-7d8946d.0",
+    "@genesislcap/foundation-comms": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/foundation-logger": "14.246.1-alpha-e79f189.0",
+    "@genesislcap/foundation-utils": "14.246.1-alpha-e79f189.0",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
     "@microsoft/fast-foundation": "2.49.6",
@@ -64,5 +64,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "7f71b02ce7627ab21567be9e87fb3c89e657b9bd"
+  "gitHead": "228d83f62347569881dcf1a9cece988aee373adb"
 }

package/docs/api/foundation-layout.foundationlayout.layout.md DELETED Viewed

@@ -1,11 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-[Home](./index.md) &gt; [@genesislcap/foundation-layout](./foundation-layout.md) &gt; [FoundationLayout](./foundation-layout.foundationlayout.md) &gt; [layout](./foundation-layout.foundationlayout.layout.md)
-## FoundationLayout.layout property
-**Signature:**
-```typescript
-layout: GoldenLayout;
-```