@genesislcap/foundation-layout 14.69.5 → 14.70.1

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 +551 -551
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -113,133 +113,47 @@
113
113
  },
114
114
  {
115
115
  "kind": "javascript-module",
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
- ],
116
+ "path": "src/main/index.ts",
117
+ "declarations": [],
159
118
  "exports": [
160
119
  {
161
120
  "kind": "js",
162
- "name": "glVisualConfig",
163
- "declaration": {
164
- "name": "glVisualConfig",
165
- "module": "src/styles/constants.ts"
166
- }
167
- },
168
- {
169
- "kind": "js",
170
- "name": "maximisSVG",
121
+ "name": "FoundationLayoutItem",
171
122
  "declaration": {
172
- "name": "maximisSVG",
173
- "module": "src/styles/constants.ts"
123
+ "name": "FoundationLayoutItem",
124
+ "module": "./layout-item"
174
125
  }
175
126
  },
176
127
  {
177
128
  "kind": "js",
178
- "name": "minimiseSVG",
129
+ "name": "FoundationLayoutRegion",
179
130
  "declaration": {
180
- "name": "minimiseSVG",
181
- "module": "src/styles/constants.ts"
131
+ "name": "FoundationLayoutRegion",
132
+ "module": "./layout-region"
182
133
  }
183
134
  },
184
135
  {
185
136
  "kind": "js",
186
- "name": "closeSVG",
137
+ "name": "FoundationLayout",
187
138
  "declaration": {
188
- "name": "closeSVG",
189
- "module": "src/styles/constants.ts"
139
+ "name": "FoundationLayout",
140
+ "module": "./layout-main"
190
141
  }
191
142
  },
192
143
  {
193
144
  "kind": "js",
194
- "name": "tabDropdownSVG",
195
- "declaration": {
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": "*",
145
+ "name": "layoutStyles",
232
146
  "declaration": {
233
- "name": "*",
234
- "package": "./constants"
147
+ "name": "layoutStyles",
148
+ "module": "./layout-main"
235
149
  }
236
150
  },
237
151
  {
238
152
  "kind": "js",
239
- "name": "*",
153
+ "name": "layoutTemplate",
240
154
  "declaration": {
241
- "name": "*",
242
- "package": "./dragging.styles"
155
+ "name": "layoutTemplate",
156
+ "module": "./layout-main"
243
157
  }
244
158
  },
245
159
  {
@@ -247,431 +161,140 @@
247
161
  "name": "*",
248
162
  "declaration": {
249
163
  "name": "*",
250
- "package": "./layout.styles"
164
+ "package": "./layout-components"
251
165
  }
252
166
  }
253
167
  ]
254
168
  },
255
169
  {
256
170
  "kind": "javascript-module",
257
- "path": "src/styles/layout.styles.ts",
171
+ "path": "src/main/layout-components.ts",
258
172
  "declarations": [
259
173
  {
260
174
  "kind": "variable",
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.",
175
+ "name": "foundationLayoutComponents",
176
+ "type": {
177
+ "text": "object"
178
+ },
179
+ "default": "{\n foundationLayout,\n foundationLayoutRegion,\n foundationLayoutItem,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n this[key]().register(container, ...rest);\n }\n },\n}",
180
+ "description": "Registration object to register the layout with your design system.",
264
181
  "privacy": "public"
265
182
  }
266
183
  ],
267
184
  "exports": [
268
185
  {
269
186
  "kind": "js",
270
- "name": "layoutStyles",
187
+ "name": "foundationLayoutComponents",
271
188
  "declaration": {
272
- "name": "layoutStyles",
273
- "module": "src/styles/layout.styles.ts"
189
+ "name": "foundationLayoutComponents",
190
+ "module": "src/main/layout-components.ts"
274
191
  }
275
192
  }
276
193
  ]
277
194
  },
278
195
  {
279
196
  "kind": "javascript-module",
280
- "path": "src/utils/constants.ts",
197
+ "path": "src/main/layout-item.ts",
281
198
  "declarations": [
282
199
  {
283
- "kind": "variable",
284
- "name": "DEFAULT_RELOAD_BUFFER",
285
- "type": {
286
- "text": "number"
200
+ "kind": "class",
201
+ "description": "",
202
+ "name": "FoundationLayoutItem",
203
+ "members": [
204
+ {
205
+ "kind": "field",
206
+ "name": "title",
207
+ "type": {
208
+ "text": "string"
209
+ },
210
+ "description": "Sets the title of the item which is displayed on the tab.",
211
+ "privacy": "public"
212
+ },
213
+ {
214
+ "kind": "field",
215
+ "name": "closable",
216
+ "type": {
217
+ "text": "boolean"
218
+ },
219
+ "default": "false",
220
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
221
+ "privacy": "public"
222
+ },
223
+ {
224
+ "kind": "field",
225
+ "name": "size",
226
+ "type": {
227
+ "text": "string"
228
+ },
229
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
230
+ "privacy": "public"
231
+ },
232
+ {
233
+ "kind": "field",
234
+ "name": "registration",
235
+ "type": {
236
+ "text": "string"
237
+ },
238
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
239
+ "privacy": "public"
240
+ }
241
+ ],
242
+ "attributes": [
243
+ {
244
+ "name": "title",
245
+ "type": {
246
+ "text": "string"
247
+ },
248
+ "description": "Sets the title of the item which is displayed on the tab.",
249
+ "fieldName": "title"
250
+ },
251
+ {
252
+ "type": {
253
+ "text": "boolean"
254
+ },
255
+ "default": "false",
256
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
257
+ "fieldName": "closable"
258
+ },
259
+ {
260
+ "name": "size",
261
+ "type": {
262
+ "text": "string"
263
+ },
264
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
265
+ "fieldName": "size"
266
+ },
267
+ {
268
+ "name": "registration",
269
+ "type": {
270
+ "text": "string"
271
+ },
272
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
273
+ "fieldName": "registration"
274
+ }
275
+ ],
276
+ "superclass": {
277
+ "name": "FoundationElement",
278
+ "package": "@microsoft/fast-foundation"
287
279
  },
288
- "default": "500",
289
- "description": "Default time in milliseconds for the layout to buffer calls to reloading\nthe layout while the declarative API is loading.\n\nDuring the first load of the layout, a loading spinner will be shown.",
290
- "privacy": "public"
280
+ "tagName": "%%prefix%%-layout-item",
281
+ "customElement": true
291
282
  }
292
283
  ],
293
284
  "exports": [
294
285
  {
295
286
  "kind": "js",
296
- "name": "DEFAULT_RELOAD_BUFFER",
287
+ "name": "FoundationLayoutItem",
297
288
  "declaration": {
298
- "name": "DEFAULT_RELOAD_BUFFER",
299
- "module": "src/utils/constants.ts"
289
+ "name": "FoundationLayoutItem",
290
+ "module": "src/main/layout-item.ts"
300
291
  }
301
292
  }
302
293
  ]
303
294
  },
304
295
  {
305
296
  "kind": "javascript-module",
306
- "path": "src/utils/error.ts",
307
- "declarations": [
308
- {
309
- "kind": "class",
310
- "description": "",
311
- "name": "LayoutUsageError",
312
- "superclass": {
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}"
355
- },
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"
369
- }
370
- ],
371
- "exports": [
372
- {
373
- "kind": "js",
374
- "name": "LayoutEmitEvents",
375
- "declaration": {
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"
386
- }
387
- }
388
- ]
389
- },
390
- {
391
- "kind": "javascript-module",
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",
456
- "declarations": [
457
- {
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"
586
- },
587
- "description": "Sets the title of the item which is displayed on the tab.",
588
- "privacy": "public"
589
- },
590
- {
591
- "kind": "field",
592
- "name": "closable",
593
- "type": {
594
- "text": "boolean"
595
- },
596
- "default": "false",
597
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
598
- "privacy": "public"
599
- },
600
- {
601
- "kind": "field",
602
- "name": "size",
603
- "type": {
604
- "text": "string"
605
- },
606
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
607
- "privacy": "public"
608
- },
609
- {
610
- "kind": "field",
611
- "name": "registration",
612
- "type": {
613
- "text": "string"
614
- },
615
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
616
- "privacy": "public"
617
- }
618
- ],
619
- "attributes": [
620
- {
621
- "name": "title",
622
- "type": {
623
- "text": "string"
624
- },
625
- "description": "Sets the title of the item which is displayed on the tab.",
626
- "fieldName": "title"
627
- },
628
- {
629
- "type": {
630
- "text": "boolean"
631
- },
632
- "default": "false",
633
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
634
- "fieldName": "closable"
635
- },
636
- {
637
- "name": "size",
638
- "type": {
639
- "text": "string"
640
- },
641
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
642
- "fieldName": "size"
643
- },
644
- {
645
- "name": "registration",
646
- "type": {
647
- "text": "string"
648
- },
649
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
650
- "fieldName": "registration"
651
- }
652
- ],
653
- "superclass": {
654
- "name": "FoundationElement",
655
- "package": "@microsoft/fast-foundation"
656
- },
657
- "tagName": "%%prefix%%-layout-item",
658
- "customElement": true
659
- }
660
- ],
661
- "exports": [
662
- {
663
- "kind": "js",
664
- "name": "FoundationLayoutItem",
665
- "declaration": {
666
- "name": "FoundationLayoutItem",
667
- "module": "src/main/layout-item.ts"
668
- }
669
- }
670
- ]
671
- },
672
- {
673
- "kind": "javascript-module",
674
- "path": "src/main/layout-main.ts",
297
+ "path": "src/main/layout-main.ts",
675
298
  "declarations": [
676
299
  {
677
300
  "kind": "class",
@@ -911,9 +534,254 @@
911
534
  },
912
535
  {
913
536
  "kind": "variable",
914
- "name": "layoutTemplate",
915
- "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
916
- "description": "`ViewTemplate` which defines the html for FoundationLayout.",
537
+ "name": "layoutTemplate",
538
+ "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
539
+ "description": "`ViewTemplate` which defines the html for FoundationLayout.",
540
+ "privacy": "public"
541
+ }
542
+ ],
543
+ "exports": [
544
+ {
545
+ "kind": "js",
546
+ "name": "layoutStyles",
547
+ "declaration": {
548
+ "name": "layoutStyles",
549
+ "module": "../styles"
550
+ }
551
+ },
552
+ {
553
+ "kind": "js",
554
+ "name": "FoundationLayout",
555
+ "declaration": {
556
+ "name": "FoundationLayout",
557
+ "module": "src/main/layout-main.ts"
558
+ }
559
+ },
560
+ {
561
+ "kind": "js",
562
+ "name": "layoutTemplate",
563
+ "declaration": {
564
+ "name": "layoutTemplate",
565
+ "module": "src/main/layout-main.ts"
566
+ }
567
+ }
568
+ ]
569
+ },
570
+ {
571
+ "kind": "javascript-module",
572
+ "path": "src/main/layout-region.ts",
573
+ "declarations": [
574
+ {
575
+ "kind": "class",
576
+ "description": "",
577
+ "name": "FoundationLayoutRegion",
578
+ "members": [
579
+ {
580
+ "kind": "field",
581
+ "name": "size",
582
+ "type": {
583
+ "text": "string"
584
+ },
585
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
586
+ "privacy": "public"
587
+ },
588
+ {
589
+ "kind": "field",
590
+ "name": "type",
591
+ "type": {
592
+ "text": "LayoutRegionType"
593
+ },
594
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
595
+ "privacy": "public"
596
+ }
597
+ ],
598
+ "attributes": [
599
+ {
600
+ "name": "size",
601
+ "type": {
602
+ "text": "string"
603
+ },
604
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
605
+ "fieldName": "size"
606
+ },
607
+ {
608
+ "name": "type",
609
+ "type": {
610
+ "text": "LayoutRegionType"
611
+ },
612
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
613
+ "fieldName": "type"
614
+ }
615
+ ],
616
+ "superclass": {
617
+ "name": "FoundationElement",
618
+ "package": "@microsoft/fast-foundation"
619
+ },
620
+ "tagName": "%%prefix%%-layout-region",
621
+ "customElement": true
622
+ }
623
+ ],
624
+ "exports": [
625
+ {
626
+ "kind": "js",
627
+ "name": "FoundationLayoutRegion",
628
+ "declaration": {
629
+ "name": "FoundationLayoutRegion",
630
+ "module": "src/main/layout-region.ts"
631
+ }
632
+ }
633
+ ]
634
+ },
635
+ {
636
+ "kind": "javascript-module",
637
+ "path": "src/styles/constants.ts",
638
+ "declarations": [
639
+ {
640
+ "kind": "variable",
641
+ "name": "glVisualConfig",
642
+ "type": {
643
+ "text": "Omit<LayoutConfig, 'root'>"
644
+ },
645
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
646
+ },
647
+ {
648
+ "kind": "variable",
649
+ "name": "maximisSVG",
650
+ "type": {
651
+ "text": "string"
652
+ },
653
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
654
+ },
655
+ {
656
+ "kind": "variable",
657
+ "name": "minimiseSVG",
658
+ "type": {
659
+ "text": "string"
660
+ },
661
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
662
+ },
663
+ {
664
+ "kind": "variable",
665
+ "name": "closeSVG",
666
+ "type": {
667
+ "text": "string"
668
+ },
669
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
670
+ },
671
+ {
672
+ "kind": "variable",
673
+ "name": "tabDropdownSVG",
674
+ "type": {
675
+ "text": "string"
676
+ },
677
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
678
+ }
679
+ ],
680
+ "exports": [
681
+ {
682
+ "kind": "js",
683
+ "name": "glVisualConfig",
684
+ "declaration": {
685
+ "name": "glVisualConfig",
686
+ "module": "src/styles/constants.ts"
687
+ }
688
+ },
689
+ {
690
+ "kind": "js",
691
+ "name": "maximisSVG",
692
+ "declaration": {
693
+ "name": "maximisSVG",
694
+ "module": "src/styles/constants.ts"
695
+ }
696
+ },
697
+ {
698
+ "kind": "js",
699
+ "name": "minimiseSVG",
700
+ "declaration": {
701
+ "name": "minimiseSVG",
702
+ "module": "src/styles/constants.ts"
703
+ }
704
+ },
705
+ {
706
+ "kind": "js",
707
+ "name": "closeSVG",
708
+ "declaration": {
709
+ "name": "closeSVG",
710
+ "module": "src/styles/constants.ts"
711
+ }
712
+ },
713
+ {
714
+ "kind": "js",
715
+ "name": "tabDropdownSVG",
716
+ "declaration": {
717
+ "name": "tabDropdownSVG",
718
+ "module": "src/styles/constants.ts"
719
+ }
720
+ }
721
+ ]
722
+ },
723
+ {
724
+ "kind": "javascript-module",
725
+ "path": "src/styles/dragging.styles.ts",
726
+ "declarations": [
727
+ {
728
+ "kind": "variable",
729
+ "name": "globalDraggingStyles",
730
+ "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`",
731
+ "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"
732
+ }
733
+ ],
734
+ "exports": [
735
+ {
736
+ "kind": "js",
737
+ "name": "globalDraggingStyles",
738
+ "declaration": {
739
+ "name": "globalDraggingStyles",
740
+ "module": "src/styles/dragging.styles.ts"
741
+ }
742
+ }
743
+ ]
744
+ },
745
+ {
746
+ "kind": "javascript-module",
747
+ "path": "src/styles/index.ts",
748
+ "declarations": [],
749
+ "exports": [
750
+ {
751
+ "kind": "js",
752
+ "name": "*",
753
+ "declaration": {
754
+ "name": "*",
755
+ "package": "./constants"
756
+ }
757
+ },
758
+ {
759
+ "kind": "js",
760
+ "name": "*",
761
+ "declaration": {
762
+ "name": "*",
763
+ "package": "./dragging.styles"
764
+ }
765
+ },
766
+ {
767
+ "kind": "js",
768
+ "name": "*",
769
+ "declaration": {
770
+ "name": "*",
771
+ "package": "./layout.styles"
772
+ }
773
+ }
774
+ ]
775
+ },
776
+ {
777
+ "kind": "javascript-module",
778
+ "path": "src/styles/layout.styles.ts",
779
+ "declarations": [
780
+ {
781
+ "kind": "variable",
782
+ "name": "layoutStyles",
783
+ "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`",
784
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
917
785
  "privacy": "public"
918
786
  }
919
787
  ],
@@ -923,91 +791,223 @@
923
791
  "name": "layoutStyles",
924
792
  "declaration": {
925
793
  "name": "layoutStyles",
926
- "module": "../styles"
794
+ "module": "src/styles/layout.styles.ts"
795
+ }
796
+ }
797
+ ]
798
+ },
799
+ {
800
+ "kind": "javascript-module",
801
+ "path": "src/utils/constants.ts",
802
+ "declarations": [
803
+ {
804
+ "kind": "variable",
805
+ "name": "DEFAULT_RELOAD_BUFFER",
806
+ "type": {
807
+ "text": "number"
808
+ },
809
+ "default": "500",
810
+ "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.",
811
+ "privacy": "public"
812
+ }
813
+ ],
814
+ "exports": [
815
+ {
816
+ "kind": "js",
817
+ "name": "DEFAULT_RELOAD_BUFFER",
818
+ "declaration": {
819
+ "name": "DEFAULT_RELOAD_BUFFER",
820
+ "module": "src/utils/constants.ts"
821
+ }
822
+ }
823
+ ]
824
+ },
825
+ {
826
+ "kind": "javascript-module",
827
+ "path": "src/utils/error.ts",
828
+ "declarations": [
829
+ {
830
+ "kind": "class",
831
+ "description": "",
832
+ "name": "LayoutUsageError",
833
+ "superclass": {
834
+ "name": "Error",
835
+ "module": "src/utils/error.ts"
927
836
  }
928
837
  },
838
+ {
839
+ "kind": "class",
840
+ "description": "",
841
+ "name": "LayoutRegistrationError",
842
+ "superclass": {
843
+ "name": "Error",
844
+ "module": "src/utils/error.ts"
845
+ }
846
+ }
847
+ ],
848
+ "exports": [
929
849
  {
930
850
  "kind": "js",
931
- "name": "FoundationLayout",
851
+ "name": "LayoutUsageError",
932
852
  "declaration": {
933
- "name": "FoundationLayout",
934
- "module": "src/main/layout-main.ts"
853
+ "name": "LayoutUsageError",
854
+ "module": "src/utils/error.ts"
935
855
  }
936
856
  },
937
857
  {
938
858
  "kind": "js",
939
- "name": "layoutTemplate",
859
+ "name": "LayoutRegistrationError",
940
860
  "declaration": {
941
- "name": "layoutTemplate",
942
- "module": "src/main/layout-main.ts"
861
+ "name": "LayoutRegistrationError",
862
+ "module": "src/utils/error.ts"
943
863
  }
944
864
  }
945
865
  ]
946
866
  },
947
867
  {
948
868
  "kind": "javascript-module",
949
- "path": "src/main/layout-region.ts",
869
+ "path": "src/utils/events.ts",
950
870
  "declarations": [
951
871
  {
952
- "kind": "class",
953
- "description": "",
954
- "name": "FoundationLayoutRegion",
955
- "members": [
956
- {
957
- "kind": "field",
958
- "name": "size",
959
- "type": {
960
- "text": "string"
961
- },
962
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
963
- "privacy": "public"
964
- },
965
- {
966
- "kind": "field",
967
- "name": "type",
968
- "type": {
969
- "text": "LayoutRegionType"
970
- },
971
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
972
- "privacy": "public"
973
- }
974
- ],
975
- "attributes": [
976
- {
977
- "name": "size",
978
- "type": {
979
- "text": "string"
980
- },
981
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
982
- "fieldName": "size"
983
- },
984
- {
985
- "name": "type",
986
- "type": {
987
- "text": "LayoutRegionType"
988
- },
989
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
990
- "fieldName": "type"
991
- }
992
- ],
993
- "superclass": {
994
- "name": "FoundationElement",
995
- "package": "@microsoft/fast-foundation"
872
+ "kind": "variable",
873
+ "name": "LayoutEmitEvents",
874
+ "type": {
875
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
996
876
  },
997
- "tagName": "%%prefix%%-layout-region",
998
- "customElement": true
877
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
878
+ "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",
879
+ "privacy": "public"
880
+ },
881
+ {
882
+ "kind": "variable",
883
+ "name": "LayoutReceiveEvents",
884
+ "type": {
885
+ "text": "{\n changeTitle: 'change-title',\n}"
886
+ },
887
+ "default": "{\n changeTitle: 'change-title',\n}",
888
+ "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.",
889
+ "privacy": "public"
999
890
  }
1000
891
  ],
1001
892
  "exports": [
1002
893
  {
1003
894
  "kind": "js",
1004
- "name": "FoundationLayoutRegion",
895
+ "name": "LayoutEmitEvents",
1005
896
  "declaration": {
1006
- "name": "FoundationLayoutRegion",
1007
- "module": "src/main/layout-region.ts"
897
+ "name": "LayoutEmitEvents",
898
+ "module": "src/utils/events.ts"
899
+ }
900
+ },
901
+ {
902
+ "kind": "js",
903
+ "name": "LayoutReceiveEvents",
904
+ "declaration": {
905
+ "name": "LayoutReceiveEvents",
906
+ "module": "src/utils/events.ts"
907
+ }
908
+ }
909
+ ]
910
+ },
911
+ {
912
+ "kind": "javascript-module",
913
+ "path": "src/utils/index.ts",
914
+ "declarations": [],
915
+ "exports": [
916
+ {
917
+ "kind": "js",
918
+ "name": "*",
919
+ "declaration": {
920
+ "name": "*",
921
+ "package": "./constants"
922
+ }
923
+ },
924
+ {
925
+ "kind": "js",
926
+ "name": "*",
927
+ "declaration": {
928
+ "name": "*",
929
+ "package": "./error"
930
+ }
931
+ },
932
+ {
933
+ "kind": "js",
934
+ "name": "*",
935
+ "declaration": {
936
+ "name": "*",
937
+ "package": "./events"
938
+ }
939
+ },
940
+ {
941
+ "kind": "js",
942
+ "name": "*",
943
+ "declaration": {
944
+ "name": "*",
945
+ "package": "./misc"
946
+ }
947
+ },
948
+ {
949
+ "kind": "js",
950
+ "name": "*",
951
+ "declaration": {
952
+ "name": "*",
953
+ "package": "./templates"
954
+ }
955
+ },
956
+ {
957
+ "kind": "js",
958
+ "name": "*",
959
+ "declaration": {
960
+ "name": "*",
961
+ "package": "./types"
962
+ }
963
+ },
964
+ {
965
+ "kind": "js",
966
+ "name": "*",
967
+ "declaration": {
968
+ "name": "*",
969
+ "package": "./error"
970
+ }
971
+ }
972
+ ]
973
+ },
974
+ {
975
+ "kind": "javascript-module",
976
+ "path": "src/utils/logger.ts",
977
+ "declarations": [
978
+ {
979
+ "kind": "variable",
980
+ "name": "logger"
981
+ }
982
+ ],
983
+ "exports": [
984
+ {
985
+ "kind": "js",
986
+ "name": "logger",
987
+ "declaration": {
988
+ "name": "logger",
989
+ "module": "src/utils/logger.ts"
1008
990
  }
1009
991
  }
1010
992
  ]
993
+ },
994
+ {
995
+ "kind": "javascript-module",
996
+ "path": "src/utils/misc.ts",
997
+ "declarations": [],
998
+ "exports": []
999
+ },
1000
+ {
1001
+ "kind": "javascript-module",
1002
+ "path": "src/utils/templates.ts",
1003
+ "declarations": [],
1004
+ "exports": []
1005
+ },
1006
+ {
1007
+ "kind": "javascript-module",
1008
+ "path": "src/utils/types.ts",
1009
+ "declarations": [],
1010
+ "exports": []
1011
1011
  }
1012
1012
  ]
1013
1013
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-layout",
3
3
  "description": "Genesis Foundation UI App Layout",
4
- "version": "14.69.5",
4
+ "version": "14.70.1",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/foundation-layout.d.ts",
@@ -24,14 +24,14 @@
24
24
  "test:debug": "genx test --debug"
25
25
  },
26
26
  "devDependencies": {
27
- "@genesislcap/foundation-testing": "14.69.5",
28
- "@genesislcap/genx": "14.69.5",
27
+ "@genesislcap/foundation-testing": "14.70.1",
28
+ "@genesislcap/genx": "14.70.1",
29
29
  "rimraf": "^3.0.2"
30
30
  },
31
31
  "dependencies": {
32
32
  "@genesis-community/golden-layout": "^2.9.3",
33
- "@genesislcap/foundation-comms": "14.69.5",
34
- "@genesislcap/foundation-utils": "14.69.5",
33
+ "@genesislcap/foundation-comms": "14.70.1",
34
+ "@genesislcap/foundation-utils": "14.70.1",
35
35
  "@microsoft/fast-components": "^2.21.3",
36
36
  "@microsoft/fast-element": "^1.7.0",
37
37
  "@microsoft/fast-foundation": "^2.33.2",
@@ -46,5 +46,5 @@
46
46
  "access": "public"
47
47
  },
48
48
  "customElements": "dist/custom-elements.json",
49
- "gitHead": "0b36b06226cbf24f2809b3292f8f60ca44c6c549"
49
+ "gitHead": "a68a68369dc71a093fd15b600304d266dc9e8281"
50
50
  }