@genesislcap/foundation-layout 14.53.1-alpha-cf2199b.0 → 14.53.1-alpha-75e4b06.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/dist/custom-elements.json +611 -611
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -113,47 +113,125 @@
113
113
  },
114
114
  {
115
115
  "kind": "javascript-module",
116
- "path": "src/main/index.ts",
117
- "declarations": [],
116
+ "path": "src/styles/constants.ts",
117
+ "declarations": [
118
+ {
119
+ "kind": "variable",
120
+ "name": "glVisualConfig",
121
+ "type": {
122
+ "text": "Omit<LayoutConfig, 'root'>"
123
+ },
124
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
125
+ },
126
+ {
127
+ "kind": "variable",
128
+ "name": "maximisSVG",
129
+ "type": {
130
+ "text": "string"
131
+ },
132
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
133
+ },
134
+ {
135
+ "kind": "variable",
136
+ "name": "minimiseSVG",
137
+ "type": {
138
+ "text": "string"
139
+ },
140
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
141
+ },
142
+ {
143
+ "kind": "variable",
144
+ "name": "closeSVG",
145
+ "type": {
146
+ "text": "string"
147
+ },
148
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
149
+ },
150
+ {
151
+ "kind": "variable",
152
+ "name": "tabDropdownSVG",
153
+ "type": {
154
+ "text": "string"
155
+ },
156
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
157
+ }
158
+ ],
118
159
  "exports": [
119
160
  {
120
161
  "kind": "js",
121
- "name": "FoundationLayoutItem",
162
+ "name": "glVisualConfig",
122
163
  "declaration": {
123
- "name": "FoundationLayoutItem",
124
- "module": "./layout-item"
164
+ "name": "glVisualConfig",
165
+ "module": "src/styles/constants.ts"
125
166
  }
126
167
  },
127
168
  {
128
169
  "kind": "js",
129
- "name": "FoundationLayoutRegion",
170
+ "name": "maximisSVG",
130
171
  "declaration": {
131
- "name": "FoundationLayoutRegion",
132
- "module": "./layout-region"
172
+ "name": "maximisSVG",
173
+ "module": "src/styles/constants.ts"
133
174
  }
134
175
  },
135
176
  {
136
177
  "kind": "js",
137
- "name": "FoundationLayout",
178
+ "name": "minimiseSVG",
138
179
  "declaration": {
139
- "name": "FoundationLayout",
140
- "module": "./layout-main"
180
+ "name": "minimiseSVG",
181
+ "module": "src/styles/constants.ts"
141
182
  }
142
183
  },
143
184
  {
144
185
  "kind": "js",
145
- "name": "layoutStyles",
186
+ "name": "closeSVG",
146
187
  "declaration": {
147
- "name": "layoutStyles",
148
- "module": "./layout-main"
188
+ "name": "closeSVG",
189
+ "module": "src/styles/constants.ts"
149
190
  }
150
191
  },
151
192
  {
152
193
  "kind": "js",
153
- "name": "layoutTemplate",
194
+ "name": "tabDropdownSVG",
154
195
  "declaration": {
155
- "name": "layoutTemplate",
156
- "module": "./layout-main"
196
+ "name": "tabDropdownSVG",
197
+ "module": "src/styles/constants.ts"
198
+ }
199
+ }
200
+ ]
201
+ },
202
+ {
203
+ "kind": "javascript-module",
204
+ "path": "src/styles/dragging.styles.ts",
205
+ "declarations": [
206
+ {
207
+ "kind": "variable",
208
+ "name": "globalDraggingStyles",
209
+ "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 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`",
210
+ "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"
211
+ }
212
+ ],
213
+ "exports": [
214
+ {
215
+ "kind": "js",
216
+ "name": "globalDraggingStyles",
217
+ "declaration": {
218
+ "name": "globalDraggingStyles",
219
+ "module": "src/styles/dragging.styles.ts"
220
+ }
221
+ }
222
+ ]
223
+ },
224
+ {
225
+ "kind": "javascript-module",
226
+ "path": "src/styles/index.ts",
227
+ "declarations": [],
228
+ "exports": [
229
+ {
230
+ "kind": "js",
231
+ "name": "*",
232
+ "declaration": {
233
+ "name": "*",
234
+ "package": "./constants"
157
235
  }
158
236
  },
159
237
  {
@@ -161,548 +239,113 @@
161
239
  "name": "*",
162
240
  "declaration": {
163
241
  "name": "*",
164
- "package": "./layout-components"
242
+ "package": "./dragging.styles"
243
+ }
244
+ },
245
+ {
246
+ "kind": "js",
247
+ "name": "*",
248
+ "declaration": {
249
+ "name": "*",
250
+ "package": "./layout.styles"
165
251
  }
166
252
  }
167
253
  ]
168
254
  },
169
255
  {
170
256
  "kind": "javascript-module",
171
- "path": "src/main/layout-components.ts",
257
+ "path": "src/styles/layout.styles.ts",
172
258
  "declarations": [
173
259
  {
174
260
  "kind": "variable",
175
- "name": "foundationLayoutComponents",
176
- "type": {
177
- "text": "object"
178
- },
179
- "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}",
180
- "description": "Registration object to register the layout with your design system.",
261
+ "name": "layoutStyles",
262
+ "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('${maximisSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${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('${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;\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;\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 }\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`",
263
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
181
264
  "privacy": "public"
182
265
  }
183
266
  ],
184
267
  "exports": [
185
268
  {
186
269
  "kind": "js",
187
- "name": "foundationLayoutComponents",
270
+ "name": "layoutStyles",
188
271
  "declaration": {
189
- "name": "foundationLayoutComponents",
190
- "module": "src/main/layout-components.ts"
272
+ "name": "layoutStyles",
273
+ "module": "src/styles/layout.styles.ts"
191
274
  }
192
275
  }
193
276
  ]
194
277
  },
195
278
  {
196
279
  "kind": "javascript-module",
197
- "path": "src/main/layout-item.ts",
280
+ "path": "src/utils/constants.ts",
198
281
  "declarations": [
199
282
  {
200
- "kind": "class",
201
- "description": "",
202
- "name": "FoundationLayoutItem",
203
- "members": [
204
- {
205
- "kind": "field",
206
- "name": "title",
207
- "type": {
208
- "text": "string"
209
- },
210
- "description": "Sets the title of the item which is displayed on the tab.",
211
- "privacy": "public"
212
- },
213
- {
214
- "kind": "field",
215
- "name": "closable",
216
- "type": {
217
- "text": "boolean"
218
- },
219
- "default": "false",
220
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
221
- "privacy": "public"
222
- },
223
- {
224
- "kind": "field",
225
- "name": "size",
226
- "type": {
227
- "text": "string"
228
- },
229
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
230
- "privacy": "public"
231
- },
232
- {
233
- "kind": "field",
234
- "name": "registration",
235
- "type": {
236
- "text": "string"
237
- },
238
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
239
- "privacy": "public"
240
- }
241
- ],
242
- "attributes": [
243
- {
244
- "name": "title",
245
- "type": {
246
- "text": "string"
247
- },
248
- "description": "Sets the title of the item which is displayed on the tab.",
249
- "fieldName": "title"
250
- },
251
- {
252
- "type": {
253
- "text": "boolean"
254
- },
255
- "default": "false",
256
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
257
- "fieldName": "closable"
258
- },
259
- {
260
- "name": "size",
261
- "type": {
262
- "text": "string"
263
- },
264
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
265
- "fieldName": "size"
266
- },
267
- {
268
- "name": "registration",
269
- "type": {
270
- "text": "string"
271
- },
272
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
273
- "fieldName": "registration"
274
- }
275
- ],
276
- "superclass": {
277
- "name": "FoundationElement",
278
- "package": "@microsoft/fast-foundation"
283
+ "kind": "variable",
284
+ "name": "DEFAULT_RELOAD_BUFFER",
285
+ "type": {
286
+ "text": "number"
279
287
  },
280
- "tagName": "%%prefix%%-layout-item",
281
- "customElement": true
288
+ "default": "500",
289
+ "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.",
290
+ "privacy": "public"
282
291
  }
283
292
  ],
284
293
  "exports": [
285
294
  {
286
295
  "kind": "js",
287
- "name": "FoundationLayoutItem",
296
+ "name": "DEFAULT_RELOAD_BUFFER",
288
297
  "declaration": {
289
- "name": "FoundationLayoutItem",
290
- "module": "src/main/layout-item.ts"
298
+ "name": "DEFAULT_RELOAD_BUFFER",
299
+ "module": "src/utils/constants.ts"
291
300
  }
292
301
  }
293
302
  ]
294
303
  },
295
304
  {
296
305
  "kind": "javascript-module",
297
- "path": "src/main/layout-main.ts",
306
+ "path": "src/utils/error.ts",
298
307
  "declarations": [
299
308
  {
300
309
  "kind": "class",
301
310
  "description": "",
302
- "name": "FoundationLayout",
303
- "members": [
304
- {
305
- "kind": "field",
306
- "name": "layout",
307
- "type": {
308
- "text": "GoldenLayout"
309
- },
310
- "privacy": "private"
311
- },
312
- {
313
- "kind": "field",
314
- "name": "layoutConfig",
315
- "type": {
316
- "text": "LayoutConfig"
317
- },
318
- "privacy": "private",
319
- "default": "{ root: undefined }"
320
- },
321
- {
322
- "kind": "field",
323
- "name": "reloadBuffer",
324
- "type": {
325
- "text": "number"
326
- },
327
- "default": "DEFAULT_RELOAD_BUFFER",
328
- "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
329
- "privacy": "public"
330
- },
331
- {
332
- "kind": "field",
333
- "name": "reloadPending",
334
- "type": {
335
- "text": "boolean"
336
- },
337
- "privacy": "private",
338
- "default": "false"
339
- },
340
- {
341
- "kind": "field",
342
- "name": "registeredComponents",
343
- "type": {
344
- "text": "number"
345
- },
346
- "privacy": "private",
347
- "default": "0"
348
- },
349
- {
350
- "kind": "field",
351
- "name": "autoSaveKey",
352
- "type": {
353
- "text": "string | undefined"
354
- },
355
- "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
356
- "privacy": "public"
357
- },
358
- {
359
- "kind": "field",
360
- "name": "missingItemPlaceholder",
361
- "description": "Function which is used to generate the placeholder text when a layout is loaded\nwith a missing item.",
362
- "privacy": "public"
363
- },
364
- {
365
- "kind": "field",
366
- "name": "hasFirstLoaded",
367
- "type": {
368
- "text": "boolean"
369
- },
370
- "default": "false",
371
- "description": "Boolean signifies whether the layout has loaded for the first time or not.",
372
- "privacy": "public"
373
- },
374
- {
375
- "kind": "field",
376
- "name": "dragging",
377
- "type": {
378
- "text": "boolean"
379
- },
380
- "default": "false",
381
- "privacy": "public"
382
- },
383
- {
384
- "kind": "method",
385
- "name": "layoutRequiredRegistrations",
386
- "static": true,
387
- "return": {
388
- "type": {
389
- "text": ""
390
- }
391
- },
392
- "parameters": [
393
- {
394
- "name": "layout",
395
- "type": {
396
- "text": "SerialisedLayout"
397
- },
398
- "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
399
- }
400
- ],
401
- "description": "JS API, public",
402
- "privacy": "public"
403
- },
404
- {
405
- "kind": "method",
406
- "name": "registeredItems",
407
- "return": {
408
- "type": {
409
- "text": ""
410
- }
411
- },
412
- "privacy": "public"
413
- },
414
- {
415
- "kind": "method",
416
- "name": "getLayout",
417
- "return": {
418
- "type": {
419
- "text": ""
420
- }
421
- },
422
- "privacy": "public"
423
- },
424
- {
425
- "kind": "method",
426
- "name": "tryLoadLayoutFromLocalStorage",
427
- "return": {
428
- "type": {
429
- "text": ""
430
- }
431
- },
432
- "description": "Try to load a layout from local storage, or return false. Only required if manually calling FoundationLayout.registerItem",
433
- "privacy": "public"
434
- },
435
- {
436
- "kind": "method",
437
- "name": "loadLayout",
438
- "parameters": [
439
- {
440
- "name": "layout",
441
- "type": {
442
- "text": "SerialisedLayout"
443
- },
444
- "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
445
- },
446
- {
447
- "name": "handleMissingItem",
448
- "default": "'error'",
449
- "type": {
450
- "text": "'placeholder' | 'error'"
451
- },
452
- "description": "what to do if the layout contains items that are not currently registered with the layout system. Defaults to 'error' which will throw an error. If set to 'placeholder' then any missing items will be replaced with a placeholder element. You can control the text of the placeholder element with {@link FoundationLayout.missingItemPlaceholder}.\n * "
453
- }
454
- ],
455
- "privacy": "public"
456
- },
457
- {
458
- "kind": "method",
459
- "name": "addItem",
460
- "parameters": [
461
- {
462
- "name": "config",
463
- "type": {
464
- "text": "RegisteredElementConfig"
465
- },
466
- "description": "{@link RegisteredElementConfig}configuration items for the new pane\n * "
467
- },
468
- {
469
- "name": "placement",
470
- "default": "{ area: 'right' }",
471
- "type": {
472
- "text": "Placement"
473
- },
474
- "description": "where to add the new pane on the layout (defaults to the right hand side)"
475
- }
476
- ],
477
- "privacy": "public"
478
- },
479
- {
480
- "kind": "method",
481
- "name": "registerItem",
482
- "return": {
483
- "type": {
484
- "text": ""
485
- }
486
- },
487
- "parameters": [
488
- {
489
- "name": "registration",
490
- "type": {
491
- "text": "string"
492
- },
493
- "description": "string of the registration ID"
494
- },
495
- {
496
- "name": "elements",
497
- "type": {
498
- "text": "Element[]"
499
- },
500
- "description": "Elements[] containing the reference to the elements to register for later usage"
501
- }
502
- ],
503
- "privacy": "public"
504
- }
505
- ],
506
- "attributes": [
507
- {
508
- "name": "reload-buffer",
509
- "type": {
510
- "text": "number"
511
- },
512
- "default": "DEFAULT_RELOAD_BUFFER",
513
- "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
514
- "resolveInitializer": {
515
- "module": "/src/utils/"
516
- },
517
- "fieldName": "reloadBuffer"
518
- },
519
- {
520
- "name": "auto-save-key",
521
- "type": {
522
- "text": "string | undefined"
523
- },
524
- "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
525
- "fieldName": "autoSaveKey"
526
- }
527
- ],
311
+ "name": "LayoutUsageError",
528
312
  "superclass": {
529
- "name": "FoundationElement",
530
- "package": "@microsoft/fast-foundation"
531
- },
532
- "tagName": "%%prefix%%-layout",
533
- "customElement": true
313
+ "name": "Error",
314
+ "module": "src/utils/error.ts"
315
+ }
534
316
  },
535
317
  {
536
- "kind": "variable",
537
- "name": "layoutTemplate",
538
- "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
539
- "description": "`ViewTemplate` which defines the html for FoundationLayout.",
540
- "privacy": "public"
318
+ "kind": "class",
319
+ "description": "",
320
+ "name": "LayoutRegistrationError",
321
+ "superclass": {
322
+ "name": "Error",
323
+ "module": "src/utils/error.ts"
324
+ }
541
325
  }
542
326
  ],
543
327
  "exports": [
544
328
  {
545
329
  "kind": "js",
546
- "name": "layoutStyles",
547
- "declaration": {
548
- "name": "layoutStyles",
549
- "module": "../styles"
550
- }
551
- },
552
- {
553
- "kind": "js",
554
- "name": "FoundationLayout",
330
+ "name": "LayoutUsageError",
555
331
  "declaration": {
556
- "name": "FoundationLayout",
557
- "module": "src/main/layout-main.ts"
332
+ "name": "LayoutUsageError",
333
+ "module": "src/utils/error.ts"
558
334
  }
559
335
  },
560
336
  {
561
337
  "kind": "js",
562
- "name": "layoutTemplate",
338
+ "name": "LayoutRegistrationError",
563
339
  "declaration": {
564
- "name": "layoutTemplate",
565
- "module": "src/main/layout-main.ts"
340
+ "name": "LayoutRegistrationError",
341
+ "module": "src/utils/error.ts"
566
342
  }
567
343
  }
568
344
  ]
569
345
  },
570
346
  {
571
347
  "kind": "javascript-module",
572
- "path": "src/main/layout-region.ts",
573
- "declarations": [
574
- {
575
- "kind": "class",
576
- "description": "",
577
- "name": "FoundationLayoutRegion",
578
- "members": [
579
- {
580
- "kind": "field",
581
- "name": "size",
582
- "type": {
583
- "text": "string"
584
- },
585
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
586
- "privacy": "public"
587
- },
588
- {
589
- "kind": "field",
590
- "name": "type",
591
- "type": {
592
- "text": "LayoutRegionType"
593
- },
594
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
595
- "privacy": "public"
596
- }
597
- ],
598
- "attributes": [
599
- {
600
- "name": "size",
601
- "type": {
602
- "text": "string"
603
- },
604
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
605
- "fieldName": "size"
606
- },
607
- {
608
- "name": "type",
609
- "type": {
610
- "text": "LayoutRegionType"
611
- },
612
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
613
- "fieldName": "type"
614
- }
615
- ],
616
- "superclass": {
617
- "name": "FoundationElement",
618
- "package": "@microsoft/fast-foundation"
619
- },
620
- "tagName": "%%prefix%%-layout-region",
621
- "customElement": true
622
- }
623
- ],
624
- "exports": [
625
- {
626
- "kind": "js",
627
- "name": "FoundationLayoutRegion",
628
- "declaration": {
629
- "name": "FoundationLayoutRegion",
630
- "module": "src/main/layout-region.ts"
631
- }
632
- }
633
- ]
634
- },
635
- {
636
- "kind": "javascript-module",
637
- "path": "src/utils/constants.ts",
638
- "declarations": [
639
- {
640
- "kind": "variable",
641
- "name": "DEFAULT_RELOAD_BUFFER",
642
- "type": {
643
- "text": "number"
644
- },
645
- "default": "500",
646
- "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.",
647
- "privacy": "public"
648
- }
649
- ],
650
- "exports": [
651
- {
652
- "kind": "js",
653
- "name": "DEFAULT_RELOAD_BUFFER",
654
- "declaration": {
655
- "name": "DEFAULT_RELOAD_BUFFER",
656
- "module": "src/utils/constants.ts"
657
- }
658
- }
659
- ]
660
- },
661
- {
662
- "kind": "javascript-module",
663
- "path": "src/utils/error.ts",
664
- "declarations": [
665
- {
666
- "kind": "class",
667
- "description": "",
668
- "name": "LayoutUsageError",
669
- "superclass": {
670
- "name": "Error",
671
- "module": "src/utils/error.ts"
672
- }
673
- },
674
- {
675
- "kind": "class",
676
- "description": "",
677
- "name": "LayoutRegistrationError",
678
- "superclass": {
679
- "name": "Error",
680
- "module": "src/utils/error.ts"
681
- }
682
- }
683
- ],
684
- "exports": [
685
- {
686
- "kind": "js",
687
- "name": "LayoutUsageError",
688
- "declaration": {
689
- "name": "LayoutUsageError",
690
- "module": "src/utils/error.ts"
691
- }
692
- },
693
- {
694
- "kind": "js",
695
- "name": "LayoutRegistrationError",
696
- "declaration": {
697
- "name": "LayoutRegistrationError",
698
- "module": "src/utils/error.ts"
699
- }
700
- }
701
- ]
702
- },
703
- {
704
- "kind": "javascript-module",
705
- "path": "src/utils/events.ts",
348
+ "path": "src/utils/events.ts",
706
349
  "declarations": [
707
350
  {
708
351
  "kind": "variable",
@@ -847,164 +490,521 @@
847
490
  },
848
491
  {
849
492
  "kind": "javascript-module",
850
- "path": "src/styles/constants.ts",
851
- "declarations": [
493
+ "path": "src/main/index.ts",
494
+ "declarations": [],
495
+ "exports": [
852
496
  {
853
- "kind": "variable",
854
- "name": "glVisualConfig",
855
- "type": {
856
- "text": "Omit<LayoutConfig, 'root'>"
857
- },
858
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
497
+ "kind": "js",
498
+ "name": "FoundationLayoutItem",
499
+ "declaration": {
500
+ "name": "FoundationLayoutItem",
501
+ "module": "./layout-item"
502
+ }
859
503
  },
860
504
  {
861
- "kind": "variable",
862
- "name": "maximisSVG",
863
- "type": {
864
- "text": "string"
865
- },
866
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
505
+ "kind": "js",
506
+ "name": "FoundationLayoutRegion",
507
+ "declaration": {
508
+ "name": "FoundationLayoutRegion",
509
+ "module": "./layout-region"
510
+ }
867
511
  },
868
512
  {
869
- "kind": "variable",
870
- "name": "minimiseSVG",
871
- "type": {
872
- "text": "string"
873
- },
874
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
513
+ "kind": "js",
514
+ "name": "FoundationLayout",
515
+ "declaration": {
516
+ "name": "FoundationLayout",
517
+ "module": "./layout-main"
518
+ }
875
519
  },
876
520
  {
877
- "kind": "variable",
878
- "name": "closeSVG",
879
- "type": {
880
- "text": "string"
881
- },
882
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
521
+ "kind": "js",
522
+ "name": "layoutStyles",
523
+ "declaration": {
524
+ "name": "layoutStyles",
525
+ "module": "./layout-main"
526
+ }
527
+ },
528
+ {
529
+ "kind": "js",
530
+ "name": "layoutTemplate",
531
+ "declaration": {
532
+ "name": "layoutTemplate",
533
+ "module": "./layout-main"
534
+ }
883
535
  },
536
+ {
537
+ "kind": "js",
538
+ "name": "*",
539
+ "declaration": {
540
+ "name": "*",
541
+ "package": "./layout-components"
542
+ }
543
+ }
544
+ ]
545
+ },
546
+ {
547
+ "kind": "javascript-module",
548
+ "path": "src/main/layout-components.ts",
549
+ "declarations": [
884
550
  {
885
551
  "kind": "variable",
886
- "name": "tabDropdownSVG",
552
+ "name": "foundationLayoutComponents",
887
553
  "type": {
888
- "text": "string"
554
+ "text": "object"
555
+ },
556
+ "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}",
557
+ "description": "Registration object to register the layout with your design system.",
558
+ "privacy": "public"
559
+ }
560
+ ],
561
+ "exports": [
562
+ {
563
+ "kind": "js",
564
+ "name": "foundationLayoutComponents",
565
+ "declaration": {
566
+ "name": "foundationLayoutComponents",
567
+ "module": "src/main/layout-components.ts"
568
+ }
569
+ }
570
+ ]
571
+ },
572
+ {
573
+ "kind": "javascript-module",
574
+ "path": "src/main/layout-item.ts",
575
+ "declarations": [
576
+ {
577
+ "kind": "class",
578
+ "description": "",
579
+ "name": "FoundationLayoutItem",
580
+ "members": [
581
+ {
582
+ "kind": "field",
583
+ "name": "title",
584
+ "type": {
585
+ "text": "string"
586
+ },
587
+ "description": "Sets the title of the item which is displayed on the tab.",
588
+ "privacy": "public"
589
+ },
590
+ {
591
+ "kind": "field",
592
+ "name": "closable",
593
+ "type": {
594
+ "text": "boolean"
595
+ },
596
+ "default": "false",
597
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
598
+ "privacy": "public"
599
+ },
600
+ {
601
+ "kind": "field",
602
+ "name": "size",
603
+ "type": {
604
+ "text": "string"
605
+ },
606
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
607
+ "privacy": "public"
608
+ },
609
+ {
610
+ "kind": "field",
611
+ "name": "registration",
612
+ "type": {
613
+ "text": "string"
614
+ },
615
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
616
+ "privacy": "public"
617
+ }
618
+ ],
619
+ "attributes": [
620
+ {
621
+ "name": "title",
622
+ "type": {
623
+ "text": "string"
624
+ },
625
+ "description": "Sets the title of the item which is displayed on the tab.",
626
+ "fieldName": "title"
627
+ },
628
+ {
629
+ "type": {
630
+ "text": "boolean"
631
+ },
632
+ "default": "false",
633
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
634
+ "fieldName": "closable"
635
+ },
636
+ {
637
+ "name": "size",
638
+ "type": {
639
+ "text": "string"
640
+ },
641
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
642
+ "fieldName": "size"
643
+ },
644
+ {
645
+ "name": "registration",
646
+ "type": {
647
+ "text": "string"
648
+ },
649
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
650
+ "fieldName": "registration"
651
+ }
652
+ ],
653
+ "superclass": {
654
+ "name": "FoundationElement",
655
+ "package": "@microsoft/fast-foundation"
656
+ },
657
+ "tagName": "%%prefix%%-layout-item",
658
+ "customElement": true
659
+ }
660
+ ],
661
+ "exports": [
662
+ {
663
+ "kind": "js",
664
+ "name": "FoundationLayoutItem",
665
+ "declaration": {
666
+ "name": "FoundationLayoutItem",
667
+ "module": "src/main/layout-item.ts"
668
+ }
669
+ }
670
+ ]
671
+ },
672
+ {
673
+ "kind": "javascript-module",
674
+ "path": "src/main/layout-main.ts",
675
+ "declarations": [
676
+ {
677
+ "kind": "class",
678
+ "description": "",
679
+ "name": "FoundationLayout",
680
+ "members": [
681
+ {
682
+ "kind": "field",
683
+ "name": "layout",
684
+ "type": {
685
+ "text": "GoldenLayout"
686
+ },
687
+ "privacy": "private"
688
+ },
689
+ {
690
+ "kind": "field",
691
+ "name": "layoutConfig",
692
+ "type": {
693
+ "text": "LayoutConfig"
694
+ },
695
+ "privacy": "private",
696
+ "default": "{ root: undefined }"
697
+ },
698
+ {
699
+ "kind": "field",
700
+ "name": "reloadBuffer",
701
+ "type": {
702
+ "text": "number"
703
+ },
704
+ "default": "DEFAULT_RELOAD_BUFFER",
705
+ "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
706
+ "privacy": "public"
707
+ },
708
+ {
709
+ "kind": "field",
710
+ "name": "reloadPending",
711
+ "type": {
712
+ "text": "boolean"
713
+ },
714
+ "privacy": "private",
715
+ "default": "false"
716
+ },
717
+ {
718
+ "kind": "field",
719
+ "name": "registeredComponents",
720
+ "type": {
721
+ "text": "number"
722
+ },
723
+ "privacy": "private",
724
+ "default": "0"
725
+ },
726
+ {
727
+ "kind": "field",
728
+ "name": "autoSaveKey",
729
+ "type": {
730
+ "text": "string | undefined"
731
+ },
732
+ "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
733
+ "privacy": "public"
734
+ },
735
+ {
736
+ "kind": "field",
737
+ "name": "missingItemPlaceholder",
738
+ "description": "Function which is used to generate the placeholder text when a layout is loaded\nwith a missing item.",
739
+ "privacy": "public"
740
+ },
741
+ {
742
+ "kind": "field",
743
+ "name": "hasFirstLoaded",
744
+ "type": {
745
+ "text": "boolean"
746
+ },
747
+ "default": "false",
748
+ "description": "Boolean signifies whether the layout has loaded for the first time or not.",
749
+ "privacy": "public"
750
+ },
751
+ {
752
+ "kind": "field",
753
+ "name": "dragging",
754
+ "type": {
755
+ "text": "boolean"
756
+ },
757
+ "default": "false",
758
+ "privacy": "public"
759
+ },
760
+ {
761
+ "kind": "method",
762
+ "name": "layoutRequiredRegistrations",
763
+ "static": true,
764
+ "return": {
765
+ "type": {
766
+ "text": ""
767
+ }
768
+ },
769
+ "parameters": [
770
+ {
771
+ "name": "layout",
772
+ "type": {
773
+ "text": "SerialisedLayout"
774
+ },
775
+ "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
776
+ }
777
+ ],
778
+ "description": "JS API, public",
779
+ "privacy": "public"
780
+ },
781
+ {
782
+ "kind": "method",
783
+ "name": "registeredItems",
784
+ "return": {
785
+ "type": {
786
+ "text": ""
787
+ }
788
+ },
789
+ "privacy": "public"
790
+ },
791
+ {
792
+ "kind": "method",
793
+ "name": "getLayout",
794
+ "return": {
795
+ "type": {
796
+ "text": ""
797
+ }
798
+ },
799
+ "privacy": "public"
800
+ },
801
+ {
802
+ "kind": "method",
803
+ "name": "tryLoadLayoutFromLocalStorage",
804
+ "return": {
805
+ "type": {
806
+ "text": ""
807
+ }
808
+ },
809
+ "description": "Try to load a layout from local storage, or return false. Only required if manually calling FoundationLayout.registerItem",
810
+ "privacy": "public"
811
+ },
812
+ {
813
+ "kind": "method",
814
+ "name": "loadLayout",
815
+ "parameters": [
816
+ {
817
+ "name": "layout",
818
+ "type": {
819
+ "text": "SerialisedLayout"
820
+ },
821
+ "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
822
+ },
823
+ {
824
+ "name": "handleMissingItem",
825
+ "default": "'error'",
826
+ "type": {
827
+ "text": "'placeholder' | 'error'"
828
+ },
829
+ "description": "what to do if the layout contains items that are not currently registered with the layout system. Defaults to 'error' which will throw an error. If set to 'placeholder' then any missing items will be replaced with a placeholder element. You can control the text of the placeholder element with {@link FoundationLayout.missingItemPlaceholder}.\n * "
830
+ }
831
+ ],
832
+ "privacy": "public"
833
+ },
834
+ {
835
+ "kind": "method",
836
+ "name": "addItem",
837
+ "parameters": [
838
+ {
839
+ "name": "config",
840
+ "type": {
841
+ "text": "RegisteredElementConfig"
842
+ },
843
+ "description": "{@link RegisteredElementConfig}configuration items for the new pane\n * "
844
+ },
845
+ {
846
+ "name": "placement",
847
+ "default": "{ area: 'right' }",
848
+ "type": {
849
+ "text": "Placement"
850
+ },
851
+ "description": "where to add the new pane on the layout (defaults to the right hand side)"
852
+ }
853
+ ],
854
+ "privacy": "public"
855
+ },
856
+ {
857
+ "kind": "method",
858
+ "name": "registerItem",
859
+ "return": {
860
+ "type": {
861
+ "text": ""
862
+ }
863
+ },
864
+ "parameters": [
865
+ {
866
+ "name": "registration",
867
+ "type": {
868
+ "text": "string"
869
+ },
870
+ "description": "string of the registration ID"
871
+ },
872
+ {
873
+ "name": "elements",
874
+ "type": {
875
+ "text": "Element[]"
876
+ },
877
+ "description": "Elements[] containing the reference to the elements to register for later usage"
878
+ }
879
+ ],
880
+ "privacy": "public"
881
+ }
882
+ ],
883
+ "attributes": [
884
+ {
885
+ "name": "reload-buffer",
886
+ "type": {
887
+ "text": "number"
888
+ },
889
+ "default": "DEFAULT_RELOAD_BUFFER",
890
+ "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
891
+ "resolveInitializer": {
892
+ "module": "/src/utils/"
893
+ },
894
+ "fieldName": "reloadBuffer"
895
+ },
896
+ {
897
+ "name": "auto-save-key",
898
+ "type": {
899
+ "text": "string | undefined"
900
+ },
901
+ "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
902
+ "fieldName": "autoSaveKey"
903
+ }
904
+ ],
905
+ "superclass": {
906
+ "name": "FoundationElement",
907
+ "package": "@microsoft/fast-foundation"
889
908
  },
890
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
891
- }
892
- ],
893
- "exports": [
894
- {
895
- "kind": "js",
896
- "name": "glVisualConfig",
897
- "declaration": {
898
- "name": "glVisualConfig",
899
- "module": "src/styles/constants.ts"
900
- }
901
- },
902
- {
903
- "kind": "js",
904
- "name": "maximisSVG",
905
- "declaration": {
906
- "name": "maximisSVG",
907
- "module": "src/styles/constants.ts"
908
- }
909
- },
910
- {
911
- "kind": "js",
912
- "name": "minimiseSVG",
913
- "declaration": {
914
- "name": "minimiseSVG",
915
- "module": "src/styles/constants.ts"
916
- }
917
- },
918
- {
919
- "kind": "js",
920
- "name": "closeSVG",
921
- "declaration": {
922
- "name": "closeSVG",
923
- "module": "src/styles/constants.ts"
924
- }
909
+ "tagName": "%%prefix%%-layout",
910
+ "customElement": true
925
911
  },
926
- {
927
- "kind": "js",
928
- "name": "tabDropdownSVG",
929
- "declaration": {
930
- "name": "tabDropdownSVG",
931
- "module": "src/styles/constants.ts"
932
- }
933
- }
934
- ]
935
- },
936
- {
937
- "kind": "javascript-module",
938
- "path": "src/styles/dragging.styles.ts",
939
- "declarations": [
940
912
  {
941
913
  "kind": "variable",
942
- "name": "globalDraggingStyles",
943
- "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 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`",
944
- "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"
914
+ "name": "layoutTemplate",
915
+ "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
916
+ "description": "`ViewTemplate` which defines the html for FoundationLayout.",
917
+ "privacy": "public"
945
918
  }
946
919
  ],
947
920
  "exports": [
948
921
  {
949
922
  "kind": "js",
950
- "name": "globalDraggingStyles",
951
- "declaration": {
952
- "name": "globalDraggingStyles",
953
- "module": "src/styles/dragging.styles.ts"
954
- }
955
- }
956
- ]
957
- },
958
- {
959
- "kind": "javascript-module",
960
- "path": "src/styles/index.ts",
961
- "declarations": [],
962
- "exports": [
963
- {
964
- "kind": "js",
965
- "name": "*",
923
+ "name": "layoutStyles",
966
924
  "declaration": {
967
- "name": "*",
968
- "package": "./constants"
925
+ "name": "layoutStyles",
926
+ "module": "../styles"
969
927
  }
970
928
  },
971
929
  {
972
930
  "kind": "js",
973
- "name": "*",
931
+ "name": "FoundationLayout",
974
932
  "declaration": {
975
- "name": "*",
976
- "package": "./dragging.styles"
933
+ "name": "FoundationLayout",
934
+ "module": "src/main/layout-main.ts"
977
935
  }
978
936
  },
979
937
  {
980
938
  "kind": "js",
981
- "name": "*",
939
+ "name": "layoutTemplate",
982
940
  "declaration": {
983
- "name": "*",
984
- "package": "./layout.styles"
941
+ "name": "layoutTemplate",
942
+ "module": "src/main/layout-main.ts"
985
943
  }
986
944
  }
987
945
  ]
988
946
  },
989
947
  {
990
948
  "kind": "javascript-module",
991
- "path": "src/styles/layout.styles.ts",
949
+ "path": "src/main/layout-region.ts",
992
950
  "declarations": [
993
951
  {
994
- "kind": "variable",
995
- "name": "layoutStyles",
996
- "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('${maximisSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${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('${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;\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;\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 }\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`",
997
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
998
- "privacy": "public"
952
+ "kind": "class",
953
+ "description": "",
954
+ "name": "FoundationLayoutRegion",
955
+ "members": [
956
+ {
957
+ "kind": "field",
958
+ "name": "size",
959
+ "type": {
960
+ "text": "string"
961
+ },
962
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
963
+ "privacy": "public"
964
+ },
965
+ {
966
+ "kind": "field",
967
+ "name": "type",
968
+ "type": {
969
+ "text": "LayoutRegionType"
970
+ },
971
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
972
+ "privacy": "public"
973
+ }
974
+ ],
975
+ "attributes": [
976
+ {
977
+ "name": "size",
978
+ "type": {
979
+ "text": "string"
980
+ },
981
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
982
+ "fieldName": "size"
983
+ },
984
+ {
985
+ "name": "type",
986
+ "type": {
987
+ "text": "LayoutRegionType"
988
+ },
989
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
990
+ "fieldName": "type"
991
+ }
992
+ ],
993
+ "superclass": {
994
+ "name": "FoundationElement",
995
+ "package": "@microsoft/fast-foundation"
996
+ },
997
+ "tagName": "%%prefix%%-layout-region",
998
+ "customElement": true
999
999
  }
1000
1000
  ],
1001
1001
  "exports": [
1002
1002
  {
1003
1003
  "kind": "js",
1004
- "name": "layoutStyles",
1004
+ "name": "FoundationLayoutRegion",
1005
1005
  "declaration": {
1006
- "name": "layoutStyles",
1007
- "module": "src/styles/layout.styles.ts"
1006
+ "name": "FoundationLayoutRegion",
1007
+ "module": "src/main/layout-region.ts"
1008
1008
  }
1009
1009
  }
1010
1010
  ]