@genesislcap/foundation-layout 14.303.0 → 14.303.1

package/dist/custom-elements.json

@@ -1138,124 +1138,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",
@@ -1485,6 +1367,124 @@
       "path": "src/utils/types.ts",
       "declarations": [],
       "exports": []
+    },
+    {
+      "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"
+          }
+        }
+      ]
     }
   ]
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-layout",
   "description": "Genesis Foundation UI App Layout",
-  "version": "14.303.0",
+  "version": "14.303.1",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/foundation-layout.d.ts",
@@ -36,19 +36,19 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.303.0",
-    "@genesislcap/genx": "14.303.0",
-    "@genesislcap/rollup-builder": "14.303.0",
-    "@genesislcap/ts-builder": "14.303.0",
-    "@genesislcap/uvu-playwright-builder": "14.303.0",
-    "@genesislcap/vite-builder": "14.303.0",
-    "@genesislcap/webpack-builder": "14.303.0"
+    "@genesislcap/foundation-testing": "14.303.1",
+    "@genesislcap/genx": "14.303.1",
+    "@genesislcap/rollup-builder": "14.303.1",
+    "@genesislcap/ts-builder": "14.303.1",
+    "@genesislcap/uvu-playwright-builder": "14.303.1",
+    "@genesislcap/vite-builder": "14.303.1",
+    "@genesislcap/webpack-builder": "14.303.1"
   },
   "dependencies": {
     "@genesis-community/golden-layout": "^2.11.0",
-    "@genesislcap/foundation-comms": "14.303.0",
-    "@genesislcap/foundation-logger": "14.303.0",
-    "@genesislcap/foundation-utils": "14.303.0",
+    "@genesislcap/foundation-comms": "14.303.1",
+    "@genesislcap/foundation-logger": "14.303.1",
+    "@genesislcap/foundation-utils": "14.303.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
     "@microsoft/fast-foundation": "2.49.6"
@@ -62,5 +62,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "1495670cf431019b7a29589f6ab7b80c0ec31945"
+  "gitHead": "f1685d21651cfe332605360143595a9bb603b129"
 }

package/docs/api-report.md

@@ -1,235 +0,0 @@
-## API Report File for "@genesislcap/foundation-layout"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-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 { LayoutConfig } from '@genesis-community/golden-layout';
-import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
-import { ResolvedLayoutConfig } from '@genesis-community/golden-layout';
-import { RootItemConfig } from '@genesis-community/golden-layout';
-import { ViewTemplate } from '@microsoft/fast-element';
-
-// @public
-export type CustomButton = {
-    svg: string;
-    onClick: (button: HTMLElement, element: HTMLElement) => void;
-};
-
-// @public
-export const DEFAULT_RELOAD_BUFFER = 500;
-
-// Warning: (ae-forgotten-export) The symbol "LayoutComponent" needs to be exported by the entry point index.d.ts
-//
-// @public
-export class FoundationLayout extends FoundationElement implements LayoutComponent {
-    // @internal (undocumented)
-    [componentType]: "root";
-    // @internal
-    constructor();
-    addItem(config: RegisteredElementConfig | RegisteredElementConfig[], placement?: Placement): void;
-    // @internal
-    addItemFromChild<T extends RootItemConfig>(item: T): T;
-    autoSaveKey?: string;
-    // @internal
-    cacheElementsAndRegister({ elements, id }: RegistrationConfig): string;
-    class: "FoundationLayoutMain";
-    // @internal (undocumented)
-    connectedCallback(): void;
-    customButtons: CustomButton[];
-    dimensionsConfig?: LayoutConfig.Dimensions;
-    // @internal (undocumented)
-    disconnectedCallback(): void;
-    dragging: boolean;
-    getLayout(): SerialisedLayout;
-    hasFirstLoaded: boolean;
-    // @internal (undocumented)
-    layoutElement: HTMLElement;
-    static layoutRequiredRegistrations(layout: SerialisedLayout): string[];
-    lifecycleUpdateToken: string | undefined;
-    loadLayout(layout: SerialisedLayout, handleMissingItem?: 'placeholder' | 'error', disableCache?: boolean): void;
-    missingItemPlaceholder: (missingItem: string) => string;
-    // @beta
-    popoutConfig: string | undefined;
-    registeredItems(): string[];
-    registerItem(registration: string, elements: Element[]): string;
-    reloadBuffer: number;
-    removeItems(registration: string, force?: boolean): number;
-    // @internal
-    requestLayoutReload(): void;
-    // @beta
-    tryActivatePopoutMode(): boolean;
-    tryLoadLayoutFromLocalStorage(): boolean;
-    // @internal (undocumented)
-    usingDeclerativeAPI: boolean;
-}
-
-// @public
-export const foundationLayoutComponents: {
-    foundationLayout: (overrideDefinition?: OverrideFoundationElementDefinition<    {
-    baseName: string;
-    styles: ElementStyles;
-    template: ViewTemplate<FoundationLayout, any>;
-    }>) => FoundationElementRegistry<    {
-    baseName: string;
-    styles: ElementStyles;
-    template: ViewTemplate<FoundationLayout, any>;
-    }, FoundationLayout>;
-    foundationLayoutRegion: (overrideDefinition?: OverrideFoundationElementDefinition<    {
-    baseName: string;
-    template: ViewTemplate<any, any>;
-    }>) => FoundationElementRegistry<    {
-    baseName: string;
-    template: ViewTemplate<any, any>;
-    }, FoundationLayoutRegion>;
-    foundationLayoutItem: (overrideDefinition?: OverrideFoundationElementDefinition<    {
-    baseName: string;
-    template: ViewTemplate<any, any>;
-    }>) => FoundationElementRegistry<    {
-    baseName: string;
-    template: ViewTemplate<any, any>;
-    }, FoundationLayoutItem>;
-    register(container?: Container, ...rest: any[]): void;
-};
-
-// @public
-export class FoundationLayoutItem extends FoundationElement implements LayoutComponent {
-    // @internal (undocumented)
-    [componentType]: "item";
-    // @internal (undocumented)
-    cacheElementsAndRegister(config: RegistrationConfig): string;
-    closable: boolean;
-    // @internal (undocumented)
-    connectedCallback(): void;
-    registration: string;
-    // @internal (undocumented)
-    requestLayoutReload(): void;
-    size: string;
-    title: string;
-}
-
-// @public
-export class FoundationLayoutRegion extends FoundationElement implements LayoutComponent {
-    // @internal (undocumented)
-    [componentType]: LayoutRegionType;
-    // @internal (undocumented)
-    addItemFromChild<T extends RootItemConfig>(item: T): T;
-    // @internal (undocumented)
-    cacheElementsAndRegister(config: RegistrationConfig): string;
-    // @internal (undocumented)
-    connectedCallback(): void;
-    // @internal (undocumented)
-    requestLayoutReload(): void;
-    size: string;
-    type: LayoutRegionType;
-}
-
-// @public
-export const LAYOUT_ICONS: {
-    readonly renameSVG: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI0NTAiIGhlaWdodD0iNDUwIiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMTguNjEgMCAwIDE4LjYxIDIyMi44MSAyMjIuODEpIiBpZD0iT3V0bGluZSIgID48cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGZpbGw6IHJnYigxMTEsMTI2LDEzNSk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiICB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTExLjk2LCAtMTIuMDQpIiBkPSJNIDIyLjg1MyAxLjE0OCBhIDMuNjI2IDMuNjI2IDAgMCAwIC01LjEyNCAwIEwgMS40NjUgMTcuNDEyIEEgNC45NjggNC45NjggMCAwIDAgMCAyMC45NDcgViAyMyBhIDEgMSAwIDAgMCAxIDEgSCAzLjA1MyBhIDQuOTY2IDQuOTY2IDAgMCAwIDMuNTM1IC0xLjQ2NCBMIDIyLjg1MyA2LjI3MSBBIDMuNjI2IDMuNjI2IDAgMCAwIDIyLjg1MyAxLjE0OCBaIE0gNS4xNzQgMjEuMTIyIEEgMy4wMjIgMy4wMjIgMCAwIDEgMy4wNTMgMjIgSCAyIFYgMjAuOTQ3IGEgMi45OCAyLjk4IDAgMCAxIDAuODc5IC0yLjEyMSBMIDE1LjIyMiA2LjQ4MyBsIDIuMyAyLjMgWiBNIDIxLjQzOCA0Ljg1NyBMIDE4LjkzMiA3LjM2NCBsIC0yLjMgLTIuMjk1IGwgMi41MDcgLTIuNTA3IGEgMS42MjMgMS42MjMgMCAxIDEgMi4yOTUgMi4zIFoiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz48L2c+PC9zdmc+Cg==";
-    readonly maximiseSVG: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4=";
-    readonly minimiseSVG: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg==";
-    readonly closeSVG: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg==";
-    readonly tabDropdownSVG: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4=";
-    readonly popoutSVG: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDApIi8+IDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNDY5MiAwIDAgMS40NjkyIDQ5OS45OTA2IDQ5OS45OTA2KSIgaWQ9IjE3OTM0MSI+IDxnIHN0eWxlPSIiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSI+IDxnIHRyYW5zZm9ybT0ibWF0cml4KDIyLjIyMjIgMCAwIDIyLjIyMjIgLTQ0LjQ0NDcgNDQuNDQ0MSkiPiA8cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGlzLWN1c3RvbS1mb250OiBub25lOyBmb250LWZpbGUtdXJsOiBub25lOyBmaWxsOiByZ2IoMTA5LDEyNywxMzgpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTE2LCAtMjApIiBkPSJNIDI3IDMzIEggNSBhIDIgMiAwIDAgMSAtMiAtMiBWIDkgQSAyIDIgMCAwIDEgNSA3IEggMTUgViA5IEggNSBWIDMxIEggMjcgViAyMSBoIDIgViAzMSBBIDIgMiAwIDAgMSAyNyAzMyBaIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPC9nPiA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgyMi4yMjIyIDAgMCAyMi4yMjIyIDEzNy42NzEyIC0xMzcuNjcxNSkiPiA8cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGlzLWN1c3RvbS1mb250OiBub25lOyBmb250LWZpbGUtdXJsOiBub25lOyBmaWxsOiByZ2IoMTA5LDEyNywxMzgpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTI0LjE5NTIsIC0xMS44MDQ4KSIgZD0iTSAxOCAzIGEgMSAxIDAgMCAwIDAgMiBIIDI5LjU5IEwgMTUuNzQgMTguODUgYSAxIDEgMCAxIDAgMS40MSAxLjQxIEwgMzEgNi40MSBWIDE4IGEgMSAxIDAgMCAwIDIgMCBWIDMgWiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDwvZz4gPGcgdHJhbnNmb3JtPSJtYXRyaXgoMjIuMjIyMiAwIDAgMjIuMjIyMiAtMC4wMDA0IC0wLjAwMDQpIj4gPHJlY3Qgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiA0OyBpcy1jdXN0b20tZm9udDogbm9uZTsgZm9udC1maWxlLXVybDogbm9uZTsgZmlsbDogcmdiKDAsMCwwKTsgZmlsbC1vcGFjaXR5OiAwOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB4PSItMTgiIHk9Ii0xOCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiLz4gPC9nPiA8L2c+IDwvZz4gPC9zdmc+Cg==";
-};
-
-// @beta
-export const LAYOUT_POPOUT_CONTAINER_CLASS = "f-layout-popout";
-
-// @public
-export interface LayoutComponentWithState<T> {
-    applyState(state: T | null): void;
-    getCurrentState(): T;
-}
-
-// @public
-export const LayoutEmitEvents: {
-    readonly firstLoaded: "first-loaded";
-    readonly itemAdded: "item-added";
-    readonly itemRemoved: "item-removed";
-    readonly itemResized: "item-resized";
-};
-
-// @public
-export const LayoutReceiveEvents: {
-    readonly changeTitle: "change-title";
-    readonly autosave: "autosave";
-};
-
-// @public
-export type LayoutReceiveEventsDetail = {
-    changeTitle: {
-        title: string;
-        mode: 'replace' | 'suffix';
-    };
-    autosave: void;
-};
-
-// Warning: (ae-forgotten-export) The symbol "layoutRegionValue" needs to be exported by the entry point index.d.ts
-//
-// @public
-export type LayoutRegionType = (typeof layoutRegionValue)[number];
-
-// @public (undocumented)
-export class LayoutRegistrationError extends Error {
-    constructor(message: string);
-}
-
-// @public
-export const layoutStyles: ElementStyles;
-
-// @public
-export const layoutTemplate: ViewTemplate<FoundationLayout, any>;
-
-// @public (undocumented)
-export class LayoutUsageError extends Error {
-    constructor(message: string);
-}
-
-// @public
-export type Placement = {
-    area: 'top' | 'left' | 'bottom' | 'right';
-    multiple?: {
-        type: LayoutRegionType;
-        size?: string;
-    };
-};
-
-// @public
-export interface RegisteredElementConfig {
-    // (undocumented)
-    closable?: boolean;
-    // (undocumented)
-    registration: string;
-    // (undocumented)
-    showMaximiseButton?: boolean;
-    // (undocumented)
-    size?: string;
-    // (undocumented)
-    title?: string;
-}
-
-// Warning: (ae-internal-missing-underscore) The name "RegistrationConfig" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export interface RegistrationConfig {
-    // (undocumented)
-    elements: Element[];
-    // (undocumented)
-    id?: string;
-}
-
-// @public
-export type SerialisedLayout = {
-    v: '1';
-    c: ResolvedLayoutConfig;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```