@genesislcap/foundation-layout 14.26.7-alpha-e3f6d9d.0 → 14.26.7

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 +862 -862
  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,398 +239,697 @@
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",
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.",
264
+ "privacy": "public"
265
+ }
266
+ ],
267
+ "exports": [
268
+ {
269
+ "kind": "js",
270
+ "name": "layoutStyles",
271
+ "declaration": {
272
+ "name": "layoutStyles",
273
+ "module": "src/styles/layout.styles.ts"
274
+ }
275
+ }
276
+ ]
277
+ },
278
+ {
279
+ "kind": "javascript-module",
280
+ "path": "src/utils/constants.ts",
281
+ "declarations": [
282
+ {
283
+ "kind": "variable",
284
+ "name": "DEFAULT_RELOAD_BUFFER",
176
285
  "type": {
177
- "text": "object"
286
+ "text": "number"
178
287
  },
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.",
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.",
181
290
  "privacy": "public"
182
291
  }
183
292
  ],
184
293
  "exports": [
185
294
  {
186
295
  "kind": "js",
187
- "name": "foundationLayoutComponents",
296
+ "name": "DEFAULT_RELOAD_BUFFER",
188
297
  "declaration": {
189
- "name": "foundationLayoutComponents",
190
- "module": "src/main/layout-components.ts"
298
+ "name": "DEFAULT_RELOAD_BUFFER",
299
+ "module": "src/utils/constants.ts"
191
300
  }
192
301
  }
193
302
  ]
194
303
  },
195
304
  {
196
305
  "kind": "javascript-module",
197
- "path": "src/main/layout-item.ts",
306
+ "path": "src/utils/error.ts",
198
307
  "declarations": [
199
308
  {
200
309
  "kind": "class",
201
310
  "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
- "kind": "field",
243
- "name": "_presentation",
244
- "type": {
245
- "text": "ComponentPresentation | null | undefined"
246
- },
247
- "privacy": "private",
248
- "default": "void 0",
249
- "inheritedFrom": {
250
- "name": "FoundationElement",
251
- "module": "src/foundation-element/foundation-element.ts"
252
- }
253
- },
254
- {
255
- "kind": "field",
256
- "name": "$presentation",
257
- "type": {
258
- "text": "ComponentPresentation | null"
259
- },
260
- "privacy": "public",
261
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
262
- "inheritedFrom": {
263
- "name": "FoundationElement",
264
- "module": "src/foundation-element/foundation-element.ts"
265
- }
266
- },
267
- {
268
- "kind": "field",
269
- "name": "template",
270
- "type": {
271
- "text": "ElementViewTemplate | void | null"
272
- },
273
- "privacy": "public",
274
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
275
- "inheritedFrom": {
276
- "name": "FoundationElement",
277
- "module": "src/foundation-element/foundation-element.ts"
278
- }
279
- },
280
- {
281
- "kind": "method",
282
- "name": "templateChanged",
283
- "privacy": "protected",
284
- "return": {
285
- "type": {
286
- "text": "void"
287
- }
288
- },
289
- "inheritedFrom": {
290
- "name": "FoundationElement",
291
- "module": "src/foundation-element/foundation-element.ts"
292
- }
293
- },
294
- {
295
- "kind": "field",
296
- "name": "styles",
297
- "type": {
298
- "text": "ElementStyles | void | null"
299
- },
300
- "privacy": "public",
301
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
302
- "inheritedFrom": {
303
- "name": "FoundationElement",
304
- "module": "src/foundation-element/foundation-element.ts"
305
- }
306
- },
307
- {
308
- "kind": "method",
309
- "name": "stylesChanged",
310
- "privacy": "protected",
311
- "return": {
312
- "type": {
313
- "text": "void"
314
- }
315
- },
316
- "inheritedFrom": {
317
- "name": "FoundationElement",
318
- "module": "src/foundation-element/foundation-element.ts"
319
- }
320
- },
321
- {
322
- "kind": "method",
323
- "name": "compose",
324
- "privacy": "public",
325
- "static": true,
326
- "return": {
327
- "type": {
328
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
329
- }
330
- },
331
- "parameters": [
332
- {
333
- "name": "this",
334
- "type": {
335
- "text": "K"
336
- }
337
- },
338
- {
339
- "name": "elementDefinition",
340
- "type": {
341
- "text": "T"
342
- },
343
- "description": "The definition of the element to create the registry\nfunction for."
344
- }
345
- ],
346
- "description": "Defines an element registry function with a set of element definition defaults.",
347
- "inheritedFrom": {
348
- "name": "FoundationElement",
349
- "module": "src/foundation-element/foundation-element.ts"
350
- }
351
- }
352
- ],
353
- "attributes": [
354
- {
355
- "name": "title",
356
- "type": {
357
- "text": "string"
358
- },
359
- "description": "Sets the title of the item which is displayed on the tab.",
360
- "fieldName": "title"
361
- },
362
- {
363
- "type": {
364
- "text": "boolean"
365
- },
366
- "default": "false",
367
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
368
- "fieldName": "closable"
369
- },
370
- {
371
- "name": "size",
372
- "type": {
373
- "text": "string"
374
- },
375
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
376
- "fieldName": "size"
377
- },
378
- {
379
- "name": "registration",
380
- "type": {
381
- "text": "string"
382
- },
383
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
384
- "fieldName": "registration"
385
- }
386
- ],
311
+ "name": "LayoutUsageError",
387
312
  "superclass": {
388
- "name": "FoundationElement",
389
- "package": "@microsoft/fast-foundation"
313
+ "name": "Error",
314
+ "module": "src/utils/error.ts"
315
+ }
316
+ },
317
+ {
318
+ "kind": "class",
319
+ "description": "",
320
+ "name": "LayoutRegistrationError",
321
+ "superclass": {
322
+ "name": "Error",
323
+ "module": "src/utils/error.ts"
324
+ }
325
+ }
326
+ ],
327
+ "exports": [
328
+ {
329
+ "kind": "js",
330
+ "name": "LayoutUsageError",
331
+ "declaration": {
332
+ "name": "LayoutUsageError",
333
+ "module": "src/utils/error.ts"
334
+ }
335
+ },
336
+ {
337
+ "kind": "js",
338
+ "name": "LayoutRegistrationError",
339
+ "declaration": {
340
+ "name": "LayoutRegistrationError",
341
+ "module": "src/utils/error.ts"
342
+ }
343
+ }
344
+ ]
345
+ },
346
+ {
347
+ "kind": "javascript-module",
348
+ "path": "src/utils/events.ts",
349
+ "declarations": [
350
+ {
351
+ "kind": "variable",
352
+ "name": "LayoutEmitEvents",
353
+ "type": {
354
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
390
355
  },
391
- "tagName": "%%prefix%%-layout-item",
392
- "customElement": true
356
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
357
+ "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
358
+ "privacy": "public"
359
+ },
360
+ {
361
+ "kind": "variable",
362
+ "name": "LayoutReceiveEvents",
363
+ "type": {
364
+ "text": "{\n changeTitle: 'change-title',\n}"
365
+ },
366
+ "default": "{\n changeTitle: 'change-title',\n}",
367
+ "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.",
368
+ "privacy": "public"
393
369
  }
394
370
  ],
395
371
  "exports": [
396
372
  {
397
373
  "kind": "js",
398
- "name": "FoundationLayoutItem",
374
+ "name": "LayoutEmitEvents",
399
375
  "declaration": {
400
- "name": "FoundationLayoutItem",
401
- "module": "src/main/layout-item.ts"
376
+ "name": "LayoutEmitEvents",
377
+ "module": "src/utils/events.ts"
378
+ }
379
+ },
380
+ {
381
+ "kind": "js",
382
+ "name": "LayoutReceiveEvents",
383
+ "declaration": {
384
+ "name": "LayoutReceiveEvents",
385
+ "module": "src/utils/events.ts"
402
386
  }
403
387
  }
404
388
  ]
405
389
  },
406
390
  {
407
391
  "kind": "javascript-module",
408
- "path": "src/main/layout-main.ts",
392
+ "path": "src/utils/index.ts",
393
+ "declarations": [],
394
+ "exports": [
395
+ {
396
+ "kind": "js",
397
+ "name": "*",
398
+ "declaration": {
399
+ "name": "*",
400
+ "package": "./constants"
401
+ }
402
+ },
403
+ {
404
+ "kind": "js",
405
+ "name": "*",
406
+ "declaration": {
407
+ "name": "*",
408
+ "package": "./error"
409
+ }
410
+ },
411
+ {
412
+ "kind": "js",
413
+ "name": "*",
414
+ "declaration": {
415
+ "name": "*",
416
+ "package": "./events"
417
+ }
418
+ },
419
+ {
420
+ "kind": "js",
421
+ "name": "*",
422
+ "declaration": {
423
+ "name": "*",
424
+ "package": "./misc"
425
+ }
426
+ },
427
+ {
428
+ "kind": "js",
429
+ "name": "*",
430
+ "declaration": {
431
+ "name": "*",
432
+ "package": "./templates"
433
+ }
434
+ },
435
+ {
436
+ "kind": "js",
437
+ "name": "*",
438
+ "declaration": {
439
+ "name": "*",
440
+ "package": "./types"
441
+ }
442
+ },
443
+ {
444
+ "kind": "js",
445
+ "name": "*",
446
+ "declaration": {
447
+ "name": "*",
448
+ "package": "./error"
449
+ }
450
+ }
451
+ ]
452
+ },
453
+ {
454
+ "kind": "javascript-module",
455
+ "path": "src/utils/logger.ts",
409
456
  "declarations": [
410
457
  {
411
- "kind": "class",
412
- "description": "",
413
- "name": "FoundationLayout",
414
- "members": [
415
- {
416
- "kind": "field",
417
- "name": "layout",
418
- "type": {
419
- "text": "GoldenLayout"
420
- },
421
- "privacy": "private"
422
- },
423
- {
424
- "kind": "field",
425
- "name": "layoutConfig",
426
- "type": {
427
- "text": "LayoutConfig"
428
- },
429
- "privacy": "private",
430
- "default": "{ root: undefined }"
431
- },
432
- {
433
- "kind": "field",
434
- "name": "reloadBuffer",
435
- "type": {
436
- "text": "number"
458
+ "kind": "variable",
459
+ "name": "logger"
460
+ }
461
+ ],
462
+ "exports": [
463
+ {
464
+ "kind": "js",
465
+ "name": "logger",
466
+ "declaration": {
467
+ "name": "logger",
468
+ "module": "src/utils/logger.ts"
469
+ }
470
+ }
471
+ ]
472
+ },
473
+ {
474
+ "kind": "javascript-module",
475
+ "path": "src/utils/misc.ts",
476
+ "declarations": [],
477
+ "exports": []
478
+ },
479
+ {
480
+ "kind": "javascript-module",
481
+ "path": "src/utils/templates.ts",
482
+ "declarations": [],
483
+ "exports": []
484
+ },
485
+ {
486
+ "kind": "javascript-module",
487
+ "path": "src/utils/types.ts",
488
+ "declarations": [],
489
+ "exports": []
490
+ },
491
+ {
492
+ "kind": "javascript-module",
493
+ "path": "src/main/index.ts",
494
+ "declarations": [],
495
+ "exports": [
496
+ {
497
+ "kind": "js",
498
+ "name": "FoundationLayoutItem",
499
+ "declaration": {
500
+ "name": "FoundationLayoutItem",
501
+ "module": "./layout-item"
502
+ }
503
+ },
504
+ {
505
+ "kind": "js",
506
+ "name": "FoundationLayoutRegion",
507
+ "declaration": {
508
+ "name": "FoundationLayoutRegion",
509
+ "module": "./layout-region"
510
+ }
511
+ },
512
+ {
513
+ "kind": "js",
514
+ "name": "FoundationLayout",
515
+ "declaration": {
516
+ "name": "FoundationLayout",
517
+ "module": "./layout-main"
518
+ }
519
+ },
520
+ {
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
+ }
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": [
550
+ {
551
+ "kind": "variable",
552
+ "name": "foundationLayoutComponents",
553
+ "type": {
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"
437
586
  },
438
- "default": "DEFAULT_RELOAD_BUFFER",
439
- "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
587
+ "description": "Sets the title of the item which is displayed on the tab.",
440
588
  "privacy": "public"
441
589
  },
442
590
  {
443
591
  "kind": "field",
444
- "name": "reloadPending",
592
+ "name": "closable",
445
593
  "type": {
446
594
  "text": "boolean"
447
595
  },
448
- "privacy": "private",
449
- "default": "false"
596
+ "default": "false",
597
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
598
+ "privacy": "public"
450
599
  },
451
600
  {
452
601
  "kind": "field",
453
- "name": "registeredComponents",
602
+ "name": "size",
454
603
  "type": {
455
- "text": "number"
604
+ "text": "string"
456
605
  },
457
- "privacy": "private",
458
- "default": "0"
606
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
607
+ "privacy": "public"
459
608
  },
460
609
  {
461
610
  "kind": "field",
462
- "name": "autoSaveKey",
611
+ "name": "registration",
463
612
  "type": {
464
- "text": "string | undefined"
613
+ "text": "string"
465
614
  },
466
- "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`.",
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.",
467
616
  "privacy": "public"
468
617
  },
469
618
  {
470
619
  "kind": "field",
471
- "name": "missingItemPlaceholder",
472
- "description": "Function which is used to generate the placeholder text when a layout is loaded\nwith a missing item.",
473
- "privacy": "public"
620
+ "name": "_presentation",
621
+ "type": {
622
+ "text": "ComponentPresentation | null | undefined"
623
+ },
624
+ "privacy": "private",
625
+ "default": "void 0",
626
+ "inheritedFrom": {
627
+ "name": "FoundationElement",
628
+ "module": "src/foundation-element/foundation-element.ts"
629
+ }
474
630
  },
475
631
  {
476
632
  "kind": "field",
477
- "name": "hasFirstLoaded",
633
+ "name": "$presentation",
478
634
  "type": {
479
- "text": "boolean"
635
+ "text": "ComponentPresentation | null"
480
636
  },
481
- "default": "false",
482
- "description": "Boolean signifies whether the layout has loaded for the first time or not.",
483
- "privacy": "public"
637
+ "privacy": "public",
638
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
639
+ "inheritedFrom": {
640
+ "name": "FoundationElement",
641
+ "module": "src/foundation-element/foundation-element.ts"
642
+ }
484
643
  },
485
644
  {
486
645
  "kind": "field",
487
- "name": "dragging",
646
+ "name": "template",
488
647
  "type": {
489
- "text": "boolean"
648
+ "text": "ElementViewTemplate | void | null"
490
649
  },
491
- "default": "false",
492
- "privacy": "public"
650
+ "privacy": "public",
651
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
652
+ "inheritedFrom": {
653
+ "name": "FoundationElement",
654
+ "module": "src/foundation-element/foundation-element.ts"
655
+ }
493
656
  },
494
657
  {
495
658
  "kind": "method",
496
- "name": "layoutRequiredRegistrations",
497
- "static": true,
659
+ "name": "templateChanged",
660
+ "privacy": "protected",
498
661
  "return": {
499
662
  "type": {
500
- "text": ""
663
+ "text": "void"
501
664
  }
502
665
  },
503
- "parameters": [
504
- {
505
- "name": "layout",
506
- "type": {
507
- "text": "SerialisedLayout"
508
- },
509
- "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
510
- }
511
- ],
512
- "description": "JS API, public",
513
- "privacy": "public"
666
+ "inheritedFrom": {
667
+ "name": "FoundationElement",
668
+ "module": "src/foundation-element/foundation-element.ts"
669
+ }
514
670
  },
515
671
  {
516
- "kind": "method",
517
- "name": "registeredItems",
518
- "return": {
519
- "type": {
520
- "text": ""
521
- }
672
+ "kind": "field",
673
+ "name": "styles",
674
+ "type": {
675
+ "text": "ElementStyles | void | null"
522
676
  },
523
- "privacy": "public"
677
+ "privacy": "public",
678
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
679
+ "inheritedFrom": {
680
+ "name": "FoundationElement",
681
+ "module": "src/foundation-element/foundation-element.ts"
682
+ }
524
683
  },
525
684
  {
526
685
  "kind": "method",
527
- "name": "getLayout",
686
+ "name": "stylesChanged",
687
+ "privacy": "protected",
528
688
  "return": {
529
689
  "type": {
530
- "text": ""
690
+ "text": "void"
531
691
  }
532
692
  },
533
- "privacy": "public"
693
+ "inheritedFrom": {
694
+ "name": "FoundationElement",
695
+ "module": "src/foundation-element/foundation-element.ts"
696
+ }
534
697
  },
535
698
  {
536
699
  "kind": "method",
537
- "name": "tryLoadLayoutFromLocalStorage",
700
+ "name": "compose",
701
+ "privacy": "public",
702
+ "static": true,
538
703
  "return": {
539
704
  "type": {
540
- "text": ""
705
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
541
706
  }
542
707
  },
543
- "description": "Try to load a layout from local storage, or return false. Only required if manually calling FoundationLayout.registerItem",
544
- "privacy": "public"
545
- },
546
- {
547
- "kind": "method",
548
- "name": "loadLayout",
549
708
  "parameters": [
550
709
  {
551
- "name": "layout",
710
+ "name": "this",
552
711
  "type": {
553
- "text": "SerialisedLayout"
554
- },
555
- "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
712
+ "text": "K"
713
+ }
714
+ },
715
+ {
716
+ "name": "elementDefinition",
717
+ "type": {
718
+ "text": "T"
719
+ },
720
+ "description": "The definition of the element to create the registry\nfunction for."
721
+ }
722
+ ],
723
+ "description": "Defines an element registry function with a set of element definition defaults.",
724
+ "inheritedFrom": {
725
+ "name": "FoundationElement",
726
+ "module": "src/foundation-element/foundation-element.ts"
727
+ }
728
+ }
729
+ ],
730
+ "attributes": [
731
+ {
732
+ "name": "title",
733
+ "type": {
734
+ "text": "string"
735
+ },
736
+ "description": "Sets the title of the item which is displayed on the tab.",
737
+ "fieldName": "title"
738
+ },
739
+ {
740
+ "type": {
741
+ "text": "boolean"
742
+ },
743
+ "default": "false",
744
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
745
+ "fieldName": "closable"
746
+ },
747
+ {
748
+ "name": "size",
749
+ "type": {
750
+ "text": "string"
751
+ },
752
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
753
+ "fieldName": "size"
754
+ },
755
+ {
756
+ "name": "registration",
757
+ "type": {
758
+ "text": "string"
759
+ },
760
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
761
+ "fieldName": "registration"
762
+ }
763
+ ],
764
+ "superclass": {
765
+ "name": "FoundationElement",
766
+ "package": "@microsoft/fast-foundation"
767
+ },
768
+ "tagName": "%%prefix%%-layout-item",
769
+ "customElement": true
770
+ }
771
+ ],
772
+ "exports": [
773
+ {
774
+ "kind": "js",
775
+ "name": "FoundationLayoutItem",
776
+ "declaration": {
777
+ "name": "FoundationLayoutItem",
778
+ "module": "src/main/layout-item.ts"
779
+ }
780
+ }
781
+ ]
782
+ },
783
+ {
784
+ "kind": "javascript-module",
785
+ "path": "src/main/layout-main.ts",
786
+ "declarations": [
787
+ {
788
+ "kind": "class",
789
+ "description": "",
790
+ "name": "FoundationLayout",
791
+ "members": [
792
+ {
793
+ "kind": "field",
794
+ "name": "layout",
795
+ "type": {
796
+ "text": "GoldenLayout"
797
+ },
798
+ "privacy": "private"
799
+ },
800
+ {
801
+ "kind": "field",
802
+ "name": "layoutConfig",
803
+ "type": {
804
+ "text": "LayoutConfig"
805
+ },
806
+ "privacy": "private",
807
+ "default": "{ root: undefined }"
808
+ },
809
+ {
810
+ "kind": "field",
811
+ "name": "reloadBuffer",
812
+ "type": {
813
+ "text": "number"
814
+ },
815
+ "default": "DEFAULT_RELOAD_BUFFER",
816
+ "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
817
+ "privacy": "public"
818
+ },
819
+ {
820
+ "kind": "field",
821
+ "name": "reloadPending",
822
+ "type": {
823
+ "text": "boolean"
824
+ },
825
+ "privacy": "private",
826
+ "default": "false"
827
+ },
828
+ {
829
+ "kind": "field",
830
+ "name": "registeredComponents",
831
+ "type": {
832
+ "text": "number"
833
+ },
834
+ "privacy": "private",
835
+ "default": "0"
836
+ },
837
+ {
838
+ "kind": "field",
839
+ "name": "autoSaveKey",
840
+ "type": {
841
+ "text": "string | undefined"
842
+ },
843
+ "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`.",
844
+ "privacy": "public"
845
+ },
846
+ {
847
+ "kind": "field",
848
+ "name": "missingItemPlaceholder",
849
+ "description": "Function which is used to generate the placeholder text when a layout is loaded\nwith a missing item.",
850
+ "privacy": "public"
851
+ },
852
+ {
853
+ "kind": "field",
854
+ "name": "hasFirstLoaded",
855
+ "type": {
856
+ "text": "boolean"
857
+ },
858
+ "default": "false",
859
+ "description": "Boolean signifies whether the layout has loaded for the first time or not.",
860
+ "privacy": "public"
861
+ },
862
+ {
863
+ "kind": "field",
864
+ "name": "dragging",
865
+ "type": {
866
+ "text": "boolean"
867
+ },
868
+ "default": "false",
869
+ "privacy": "public"
870
+ },
871
+ {
872
+ "kind": "method",
873
+ "name": "layoutRequiredRegistrations",
874
+ "static": true,
875
+ "return": {
876
+ "type": {
877
+ "text": ""
878
+ }
879
+ },
880
+ "parameters": [
881
+ {
882
+ "name": "layout",
883
+ "type": {
884
+ "text": "SerialisedLayout"
885
+ },
886
+ "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
887
+ }
888
+ ],
889
+ "description": "JS API, public",
890
+ "privacy": "public"
891
+ },
892
+ {
893
+ "kind": "method",
894
+ "name": "registeredItems",
895
+ "return": {
896
+ "type": {
897
+ "text": ""
898
+ }
899
+ },
900
+ "privacy": "public"
901
+ },
902
+ {
903
+ "kind": "method",
904
+ "name": "getLayout",
905
+ "return": {
906
+ "type": {
907
+ "text": ""
908
+ }
909
+ },
910
+ "privacy": "public"
911
+ },
912
+ {
913
+ "kind": "method",
914
+ "name": "tryLoadLayoutFromLocalStorage",
915
+ "return": {
916
+ "type": {
917
+ "text": ""
918
+ }
919
+ },
920
+ "description": "Try to load a layout from local storage, or return false. Only required if manually calling FoundationLayout.registerItem",
921
+ "privacy": "public"
922
+ },
923
+ {
924
+ "kind": "method",
925
+ "name": "loadLayout",
926
+ "parameters": [
927
+ {
928
+ "name": "layout",
929
+ "type": {
930
+ "text": "SerialisedLayout"
931
+ },
932
+ "description": "any version of {@link SerialisedLayout}object describing the layout\n * "
556
933
  },
557
934
  {
558
935
  "name": "handleMissingItem",
@@ -751,596 +1128,219 @@
751
1128
  "name": "FoundationElement",
752
1129
  "package": "@microsoft/fast-foundation"
753
1130
  },
754
- "tagName": "%%prefix%%-layout",
755
- "customElement": true
756
- },
757
- {
758
- "kind": "variable",
759
- "name": "layoutTemplate",
760
- "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
761
- "description": "`ViewTemplate` which defines the html for FoundationLayout.",
762
- "privacy": "public"
763
- }
764
- ],
765
- "exports": [
766
- {
767
- "kind": "js",
768
- "name": "layoutStyles",
769
- "declaration": {
770
- "name": "layoutStyles",
771
- "module": "../styles"
772
- }
773
- },
774
- {
775
- "kind": "js",
776
- "name": "FoundationLayout",
777
- "declaration": {
778
- "name": "FoundationLayout",
779
- "module": "src/main/layout-main.ts"
780
- }
781
- },
782
- {
783
- "kind": "js",
784
- "name": "layoutTemplate",
785
- "declaration": {
786
- "name": "layoutTemplate",
787
- "module": "src/main/layout-main.ts"
788
- }
789
- }
790
- ]
791
- },
792
- {
793
- "kind": "javascript-module",
794
- "path": "src/main/layout-region.ts",
795
- "declarations": [
796
- {
797
- "kind": "class",
798
- "description": "",
799
- "name": "FoundationLayoutRegion",
800
- "members": [
801
- {
802
- "kind": "field",
803
- "name": "size",
804
- "type": {
805
- "text": "string"
806
- },
807
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
808
- "privacy": "public"
809
- },
810
- {
811
- "kind": "field",
812
- "name": "type",
813
- "type": {
814
- "text": "LayoutRegionType"
815
- },
816
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
817
- "privacy": "public"
818
- },
819
- {
820
- "kind": "field",
821
- "name": "_presentation",
822
- "type": {
823
- "text": "ComponentPresentation | null | undefined"
824
- },
825
- "privacy": "private",
826
- "default": "void 0",
827
- "inheritedFrom": {
828
- "name": "FoundationElement",
829
- "module": "src/foundation-element/foundation-element.ts"
830
- }
831
- },
832
- {
833
- "kind": "field",
834
- "name": "$presentation",
835
- "type": {
836
- "text": "ComponentPresentation | null"
837
- },
838
- "privacy": "public",
839
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
840
- "inheritedFrom": {
841
- "name": "FoundationElement",
842
- "module": "src/foundation-element/foundation-element.ts"
843
- }
844
- },
845
- {
846
- "kind": "field",
847
- "name": "template",
848
- "type": {
849
- "text": "ElementViewTemplate | void | null"
850
- },
851
- "privacy": "public",
852
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
853
- "inheritedFrom": {
854
- "name": "FoundationElement",
855
- "module": "src/foundation-element/foundation-element.ts"
856
- }
857
- },
858
- {
859
- "kind": "method",
860
- "name": "templateChanged",
861
- "privacy": "protected",
862
- "return": {
863
- "type": {
864
- "text": "void"
865
- }
866
- },
867
- "inheritedFrom": {
868
- "name": "FoundationElement",
869
- "module": "src/foundation-element/foundation-element.ts"
870
- }
871
- },
872
- {
873
- "kind": "field",
874
- "name": "styles",
875
- "type": {
876
- "text": "ElementStyles | void | null"
877
- },
878
- "privacy": "public",
879
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
880
- "inheritedFrom": {
881
- "name": "FoundationElement",
882
- "module": "src/foundation-element/foundation-element.ts"
883
- }
884
- },
885
- {
886
- "kind": "method",
887
- "name": "stylesChanged",
888
- "privacy": "protected",
889
- "return": {
890
- "type": {
891
- "text": "void"
892
- }
893
- },
894
- "inheritedFrom": {
895
- "name": "FoundationElement",
896
- "module": "src/foundation-element/foundation-element.ts"
897
- }
898
- },
899
- {
900
- "kind": "method",
901
- "name": "compose",
902
- "privacy": "public",
903
- "static": true,
904
- "return": {
905
- "type": {
906
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
907
- }
908
- },
909
- "parameters": [
910
- {
911
- "name": "this",
912
- "type": {
913
- "text": "K"
914
- }
915
- },
916
- {
917
- "name": "elementDefinition",
918
- "type": {
919
- "text": "T"
920
- },
921
- "description": "The definition of the element to create the registry\nfunction for."
922
- }
923
- ],
924
- "description": "Defines an element registry function with a set of element definition defaults.",
925
- "inheritedFrom": {
926
- "name": "FoundationElement",
927
- "module": "src/foundation-element/foundation-element.ts"
928
- }
929
- }
930
- ],
931
- "attributes": [
932
- {
933
- "name": "size",
934
- "type": {
935
- "text": "string"
936
- },
937
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
938
- "fieldName": "size"
939
- },
940
- {
941
- "name": "type",
942
- "type": {
943
- "text": "LayoutRegionType"
944
- },
945
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
946
- "fieldName": "type"
947
- }
948
- ],
949
- "superclass": {
950
- "name": "FoundationElement",
951
- "package": "@microsoft/fast-foundation"
952
- },
953
- "tagName": "%%prefix%%-layout-region",
954
- "customElement": true
955
- }
956
- ],
957
- "exports": [
958
- {
959
- "kind": "js",
960
- "name": "FoundationLayoutRegion",
961
- "declaration": {
962
- "name": "FoundationLayoutRegion",
963
- "module": "src/main/layout-region.ts"
964
- }
965
- }
966
- ]
967
- },
968
- {
969
- "kind": "javascript-module",
970
- "path": "src/styles/constants.ts",
971
- "declarations": [
972
- {
973
- "kind": "variable",
974
- "name": "glVisualConfig",
975
- "type": {
976
- "text": "Omit<LayoutConfig, 'root'>"
977
- },
978
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
979
- },
980
- {
981
- "kind": "variable",
982
- "name": "maximisSVG",
983
- "type": {
984
- "text": "string"
985
- },
986
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
987
- },
988
- {
989
- "kind": "variable",
990
- "name": "minimiseSVG",
991
- "type": {
992
- "text": "string"
993
- },
994
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
995
- },
996
- {
997
- "kind": "variable",
998
- "name": "closeSVG",
999
- "type": {
1000
- "text": "string"
1001
- },
1002
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
1003
- },
1004
- {
1005
- "kind": "variable",
1006
- "name": "tabDropdownSVG",
1007
- "type": {
1008
- "text": "string"
1009
- },
1010
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
1011
- }
1012
- ],
1013
- "exports": [
1014
- {
1015
- "kind": "js",
1016
- "name": "glVisualConfig",
1017
- "declaration": {
1018
- "name": "glVisualConfig",
1019
- "module": "src/styles/constants.ts"
1020
- }
1021
- },
1022
- {
1023
- "kind": "js",
1024
- "name": "maximisSVG",
1025
- "declaration": {
1026
- "name": "maximisSVG",
1027
- "module": "src/styles/constants.ts"
1028
- }
1029
- },
1030
- {
1031
- "kind": "js",
1032
- "name": "minimiseSVG",
1033
- "declaration": {
1034
- "name": "minimiseSVG",
1035
- "module": "src/styles/constants.ts"
1036
- }
1037
- },
1038
- {
1039
- "kind": "js",
1040
- "name": "closeSVG",
1041
- "declaration": {
1042
- "name": "closeSVG",
1043
- "module": "src/styles/constants.ts"
1044
- }
1045
- },
1046
- {
1047
- "kind": "js",
1048
- "name": "tabDropdownSVG",
1049
- "declaration": {
1050
- "name": "tabDropdownSVG",
1051
- "module": "src/styles/constants.ts"
1052
- }
1053
- }
1054
- ]
1055
- },
1056
- {
1057
- "kind": "javascript-module",
1058
- "path": "src/styles/dragging.styles.ts",
1059
- "declarations": [
1060
- {
1061
- "kind": "variable",
1062
- "name": "globalDraggingStyles",
1063
- "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`",
1064
- "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"
1065
- }
1066
- ],
1067
- "exports": [
1068
- {
1069
- "kind": "js",
1070
- "name": "globalDraggingStyles",
1071
- "declaration": {
1072
- "name": "globalDraggingStyles",
1073
- "module": "src/styles/dragging.styles.ts"
1074
- }
1075
- }
1076
- ]
1077
- },
1078
- {
1079
- "kind": "javascript-module",
1080
- "path": "src/styles/index.ts",
1081
- "declarations": [],
1082
- "exports": [
1083
- {
1084
- "kind": "js",
1085
- "name": "*",
1086
- "declaration": {
1087
- "name": "*",
1088
- "package": "./constants"
1089
- }
1090
- },
1091
- {
1092
- "kind": "js",
1093
- "name": "*",
1094
- "declaration": {
1095
- "name": "*",
1096
- "package": "./dragging.styles"
1097
- }
1098
- },
1099
- {
1100
- "kind": "js",
1101
- "name": "*",
1102
- "declaration": {
1103
- "name": "*",
1104
- "package": "./layout.styles"
1105
- }
1106
- }
1107
- ]
1108
- },
1109
- {
1110
- "kind": "javascript-module",
1111
- "path": "src/styles/layout.styles.ts",
1112
- "declarations": [
1113
- {
1114
- "kind": "variable",
1115
- "name": "layoutStyles",
1116
- "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`",
1117
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
1118
- "privacy": "public"
1119
- }
1120
- ],
1121
- "exports": [
1122
- {
1123
- "kind": "js",
1124
- "name": "layoutStyles",
1125
- "declaration": {
1126
- "name": "layoutStyles",
1127
- "module": "src/styles/layout.styles.ts"
1128
- }
1129
- }
1130
- ]
1131
- },
1132
- {
1133
- "kind": "javascript-module",
1134
- "path": "src/utils/constants.ts",
1135
- "declarations": [
1136
- {
1137
- "kind": "variable",
1138
- "name": "DEFAULT_RELOAD_BUFFER",
1139
- "type": {
1140
- "text": "number"
1141
- },
1142
- "default": "500",
1143
- "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.",
1144
- "privacy": "public"
1145
- }
1146
- ],
1147
- "exports": [
1148
- {
1149
- "kind": "js",
1150
- "name": "DEFAULT_RELOAD_BUFFER",
1151
- "declaration": {
1152
- "name": "DEFAULT_RELOAD_BUFFER",
1153
- "module": "src/utils/constants.ts"
1154
- }
1155
- }
1156
- ]
1157
- },
1158
- {
1159
- "kind": "javascript-module",
1160
- "path": "src/utils/error.ts",
1161
- "declarations": [
1162
- {
1163
- "kind": "class",
1164
- "description": "",
1165
- "name": "LayoutUsageError",
1166
- "superclass": {
1167
- "name": "Error",
1168
- "module": "src/utils/error.ts"
1169
- }
1170
- },
1171
- {
1172
- "kind": "class",
1173
- "description": "",
1174
- "name": "LayoutRegistrationError",
1175
- "superclass": {
1176
- "name": "Error",
1177
- "module": "src/utils/error.ts"
1178
- }
1179
- }
1180
- ],
1181
- "exports": [
1182
- {
1183
- "kind": "js",
1184
- "name": "LayoutUsageError",
1185
- "declaration": {
1186
- "name": "LayoutUsageError",
1187
- "module": "src/utils/error.ts"
1188
- }
1189
- },
1190
- {
1191
- "kind": "js",
1192
- "name": "LayoutRegistrationError",
1193
- "declaration": {
1194
- "name": "LayoutRegistrationError",
1195
- "module": "src/utils/error.ts"
1196
- }
1197
- }
1198
- ]
1199
- },
1200
- {
1201
- "kind": "javascript-module",
1202
- "path": "src/utils/events.ts",
1203
- "declarations": [
1204
- {
1205
- "kind": "variable",
1206
- "name": "LayoutEmitEvents",
1207
- "type": {
1208
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1209
- },
1210
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1211
- "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
1212
- "privacy": "public"
1213
- },
1214
- {
1215
- "kind": "variable",
1216
- "name": "LayoutReceiveEvents",
1217
- "type": {
1218
- "text": "{\n changeTitle: 'change-title',\n}"
1219
- },
1220
- "default": "{\n changeTitle: 'change-title',\n}",
1221
- "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.",
1222
- "privacy": "public"
1223
- }
1224
- ],
1225
- "exports": [
1226
- {
1227
- "kind": "js",
1228
- "name": "LayoutEmitEvents",
1229
- "declaration": {
1230
- "name": "LayoutEmitEvents",
1231
- "module": "src/utils/events.ts"
1232
- }
1131
+ "tagName": "%%prefix%%-layout",
1132
+ "customElement": true
1233
1133
  },
1234
1134
  {
1235
- "kind": "js",
1236
- "name": "LayoutReceiveEvents",
1237
- "declaration": {
1238
- "name": "LayoutReceiveEvents",
1239
- "module": "src/utils/events.ts"
1240
- }
1135
+ "kind": "variable",
1136
+ "name": "layoutTemplate",
1137
+ "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
1138
+ "description": "`ViewTemplate` which defines the html for FoundationLayout.",
1139
+ "privacy": "public"
1241
1140
  }
1242
- ]
1243
- },
1244
- {
1245
- "kind": "javascript-module",
1246
- "path": "src/utils/index.ts",
1247
- "declarations": [],
1141
+ ],
1248
1142
  "exports": [
1249
1143
  {
1250
1144
  "kind": "js",
1251
- "name": "*",
1252
- "declaration": {
1253
- "name": "*",
1254
- "package": "./constants"
1255
- }
1256
- },
1257
- {
1258
- "kind": "js",
1259
- "name": "*",
1260
- "declaration": {
1261
- "name": "*",
1262
- "package": "./error"
1263
- }
1264
- },
1265
- {
1266
- "kind": "js",
1267
- "name": "*",
1268
- "declaration": {
1269
- "name": "*",
1270
- "package": "./events"
1271
- }
1272
- },
1273
- {
1274
- "kind": "js",
1275
- "name": "*",
1276
- "declaration": {
1277
- "name": "*",
1278
- "package": "./misc"
1279
- }
1280
- },
1281
- {
1282
- "kind": "js",
1283
- "name": "*",
1145
+ "name": "layoutStyles",
1284
1146
  "declaration": {
1285
- "name": "*",
1286
- "package": "./templates"
1147
+ "name": "layoutStyles",
1148
+ "module": "../styles"
1287
1149
  }
1288
1150
  },
1289
1151
  {
1290
1152
  "kind": "js",
1291
- "name": "*",
1153
+ "name": "FoundationLayout",
1292
1154
  "declaration": {
1293
- "name": "*",
1294
- "package": "./types"
1155
+ "name": "FoundationLayout",
1156
+ "module": "src/main/layout-main.ts"
1295
1157
  }
1296
1158
  },
1297
1159
  {
1298
1160
  "kind": "js",
1299
- "name": "*",
1161
+ "name": "layoutTemplate",
1300
1162
  "declaration": {
1301
- "name": "*",
1302
- "package": "./error"
1163
+ "name": "layoutTemplate",
1164
+ "module": "src/main/layout-main.ts"
1303
1165
  }
1304
1166
  }
1305
1167
  ]
1306
1168
  },
1307
1169
  {
1308
1170
  "kind": "javascript-module",
1309
- "path": "src/utils/logger.ts",
1171
+ "path": "src/main/layout-region.ts",
1310
1172
  "declarations": [
1311
1173
  {
1312
- "kind": "variable",
1313
- "name": "logger"
1174
+ "kind": "class",
1175
+ "description": "",
1176
+ "name": "FoundationLayoutRegion",
1177
+ "members": [
1178
+ {
1179
+ "kind": "field",
1180
+ "name": "size",
1181
+ "type": {
1182
+ "text": "string"
1183
+ },
1184
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
1185
+ "privacy": "public"
1186
+ },
1187
+ {
1188
+ "kind": "field",
1189
+ "name": "type",
1190
+ "type": {
1191
+ "text": "LayoutRegionType"
1192
+ },
1193
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
1194
+ "privacy": "public"
1195
+ },
1196
+ {
1197
+ "kind": "field",
1198
+ "name": "_presentation",
1199
+ "type": {
1200
+ "text": "ComponentPresentation | null | undefined"
1201
+ },
1202
+ "privacy": "private",
1203
+ "default": "void 0",
1204
+ "inheritedFrom": {
1205
+ "name": "FoundationElement",
1206
+ "module": "src/foundation-element/foundation-element.ts"
1207
+ }
1208
+ },
1209
+ {
1210
+ "kind": "field",
1211
+ "name": "$presentation",
1212
+ "type": {
1213
+ "text": "ComponentPresentation | null"
1214
+ },
1215
+ "privacy": "public",
1216
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1217
+ "inheritedFrom": {
1218
+ "name": "FoundationElement",
1219
+ "module": "src/foundation-element/foundation-element.ts"
1220
+ }
1221
+ },
1222
+ {
1223
+ "kind": "field",
1224
+ "name": "template",
1225
+ "type": {
1226
+ "text": "ElementViewTemplate | void | null"
1227
+ },
1228
+ "privacy": "public",
1229
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
1230
+ "inheritedFrom": {
1231
+ "name": "FoundationElement",
1232
+ "module": "src/foundation-element/foundation-element.ts"
1233
+ }
1234
+ },
1235
+ {
1236
+ "kind": "method",
1237
+ "name": "templateChanged",
1238
+ "privacy": "protected",
1239
+ "return": {
1240
+ "type": {
1241
+ "text": "void"
1242
+ }
1243
+ },
1244
+ "inheritedFrom": {
1245
+ "name": "FoundationElement",
1246
+ "module": "src/foundation-element/foundation-element.ts"
1247
+ }
1248
+ },
1249
+ {
1250
+ "kind": "field",
1251
+ "name": "styles",
1252
+ "type": {
1253
+ "text": "ElementStyles | void | null"
1254
+ },
1255
+ "privacy": "public",
1256
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
1257
+ "inheritedFrom": {
1258
+ "name": "FoundationElement",
1259
+ "module": "src/foundation-element/foundation-element.ts"
1260
+ }
1261
+ },
1262
+ {
1263
+ "kind": "method",
1264
+ "name": "stylesChanged",
1265
+ "privacy": "protected",
1266
+ "return": {
1267
+ "type": {
1268
+ "text": "void"
1269
+ }
1270
+ },
1271
+ "inheritedFrom": {
1272
+ "name": "FoundationElement",
1273
+ "module": "src/foundation-element/foundation-element.ts"
1274
+ }
1275
+ },
1276
+ {
1277
+ "kind": "method",
1278
+ "name": "compose",
1279
+ "privacy": "public",
1280
+ "static": true,
1281
+ "return": {
1282
+ "type": {
1283
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
1284
+ }
1285
+ },
1286
+ "parameters": [
1287
+ {
1288
+ "name": "this",
1289
+ "type": {
1290
+ "text": "K"
1291
+ }
1292
+ },
1293
+ {
1294
+ "name": "elementDefinition",
1295
+ "type": {
1296
+ "text": "T"
1297
+ },
1298
+ "description": "The definition of the element to create the registry\nfunction for."
1299
+ }
1300
+ ],
1301
+ "description": "Defines an element registry function with a set of element definition defaults.",
1302
+ "inheritedFrom": {
1303
+ "name": "FoundationElement",
1304
+ "module": "src/foundation-element/foundation-element.ts"
1305
+ }
1306
+ }
1307
+ ],
1308
+ "attributes": [
1309
+ {
1310
+ "name": "size",
1311
+ "type": {
1312
+ "text": "string"
1313
+ },
1314
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
1315
+ "fieldName": "size"
1316
+ },
1317
+ {
1318
+ "name": "type",
1319
+ "type": {
1320
+ "text": "LayoutRegionType"
1321
+ },
1322
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
1323
+ "fieldName": "type"
1324
+ }
1325
+ ],
1326
+ "superclass": {
1327
+ "name": "FoundationElement",
1328
+ "package": "@microsoft/fast-foundation"
1329
+ },
1330
+ "tagName": "%%prefix%%-layout-region",
1331
+ "customElement": true
1314
1332
  }
1315
1333
  ],
1316
1334
  "exports": [
1317
1335
  {
1318
1336
  "kind": "js",
1319
- "name": "logger",
1337
+ "name": "FoundationLayoutRegion",
1320
1338
  "declaration": {
1321
- "name": "logger",
1322
- "module": "src/utils/logger.ts"
1339
+ "name": "FoundationLayoutRegion",
1340
+ "module": "src/main/layout-region.ts"
1323
1341
  }
1324
1342
  }
1325
1343
  ]
1326
- },
1327
- {
1328
- "kind": "javascript-module",
1329
- "path": "src/utils/misc.ts",
1330
- "declarations": [],
1331
- "exports": []
1332
- },
1333
- {
1334
- "kind": "javascript-module",
1335
- "path": "src/utils/templates.ts",
1336
- "declarations": [],
1337
- "exports": []
1338
- },
1339
- {
1340
- "kind": "javascript-module",
1341
- "path": "src/utils/types.ts",
1342
- "declarations": [],
1343
- "exports": []
1344
1344
  }
1345
1345
  ]
1346
1346
  }