@genesislcap/foundation-layout 14.26.6 → 14.26.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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
  }