@genesislcap/foundation-layout 14.118.0 → 14.118.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 +377 -377
  2. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -145,87 +145,47 @@
145
145
  },
146
146
  {
147
147
  "kind": "javascript-module",
148
- "path": "src/styles/constants.ts",
149
- "declarations": [
150
- {
151
- "kind": "variable",
152
- "name": "glVisualConfig",
153
- "type": {
154
- "text": "Omit<LayoutConfig, 'root'>"
155
- },
156
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
157
- },
158
- {
159
- "kind": "variable",
160
- "name": "LAYOUT_ICONS",
161
- "type": {
162
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
163
- },
164
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
165
- "description": "A collection of SVG icons in base64 format.",
166
- "privacy": "public"
167
- }
168
- ],
148
+ "path": "src/main/index.ts",
149
+ "declarations": [],
169
150
  "exports": [
170
151
  {
171
152
  "kind": "js",
172
- "name": "glVisualConfig",
153
+ "name": "FoundationLayoutItem",
173
154
  "declaration": {
174
- "name": "glVisualConfig",
175
- "module": "src/styles/constants.ts"
155
+ "name": "FoundationLayoutItem",
156
+ "module": "./layout-item"
176
157
  }
177
158
  },
178
159
  {
179
160
  "kind": "js",
180
- "name": "LAYOUT_ICONS",
161
+ "name": "FoundationLayoutRegion",
181
162
  "declaration": {
182
- "name": "LAYOUT_ICONS",
183
- "module": "src/styles/constants.ts"
163
+ "name": "FoundationLayoutRegion",
164
+ "module": "./layout-region"
184
165
  }
185
- }
186
- ]
187
- },
188
- {
189
- "kind": "javascript-module",
190
- "path": "src/styles/dragging.styles.ts",
191
- "declarations": [
192
- {
193
- "kind": "variable",
194
- "name": "globalDraggingStyles",
195
- "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`",
196
- "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"
197
- }
198
- ],
199
- "exports": [
166
+ },
200
167
  {
201
168
  "kind": "js",
202
- "name": "globalDraggingStyles",
169
+ "name": "FoundationLayout",
203
170
  "declaration": {
204
- "name": "globalDraggingStyles",
205
- "module": "src/styles/dragging.styles.ts"
171
+ "name": "FoundationLayout",
172
+ "module": "./layout-main"
206
173
  }
207
- }
208
- ]
209
- },
210
- {
211
- "kind": "javascript-module",
212
- "path": "src/styles/index.ts",
213
- "declarations": [],
214
- "exports": [
174
+ },
215
175
  {
216
176
  "kind": "js",
217
- "name": "*",
177
+ "name": "layoutStyles",
218
178
  "declaration": {
219
- "name": "*",
220
- "package": "./constants"
179
+ "name": "layoutStyles",
180
+ "module": "./layout-main"
221
181
  }
222
182
  },
223
183
  {
224
184
  "kind": "js",
225
- "name": "*",
185
+ "name": "layoutTemplate",
226
186
  "declaration": {
227
- "name": "*",
228
- "package": "./dragging.styles"
187
+ "name": "layoutTemplate",
188
+ "module": "./layout-main"
229
189
  }
230
190
  },
231
191
  {
@@ -233,348 +193,40 @@
233
193
  "name": "*",
234
194
  "declaration": {
235
195
  "name": "*",
236
- "package": "./layout.styles"
237
- }
238
- }
239
- ]
240
- },
241
- {
242
- "kind": "javascript-module",
243
- "path": "src/styles/layout.styles.ts",
244
- "declarations": [
245
- {
246
- "kind": "variable",
247
- "name": "layoutStyles",
248
- "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize;\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`",
249
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
250
- "privacy": "public"
251
- }
252
- ],
253
- "exports": [
254
- {
255
- "kind": "js",
256
- "name": "layoutStyles",
257
- "declaration": {
258
- "name": "layoutStyles",
259
- "module": "src/styles/layout.styles.ts"
196
+ "package": "./layout-components"
260
197
  }
261
198
  }
262
199
  ]
263
200
  },
264
201
  {
265
202
  "kind": "javascript-module",
266
- "path": "src/utils/constants.ts",
203
+ "path": "src/main/layout-components.ts",
267
204
  "declarations": [
268
205
  {
269
206
  "kind": "variable",
270
- "name": "DEFAULT_RELOAD_BUFFER",
207
+ "name": "foundationLayoutComponents",
271
208
  "type": {
272
- "text": "number"
209
+ "text": "object"
273
210
  },
274
- "default": "500",
275
- "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.",
211
+ "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}",
212
+ "description": "Registration object to register the layout with your design system.",
276
213
  "privacy": "public"
277
- },
278
- {
279
- "kind": "variable",
280
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
281
- "type": {
282
- "text": "string"
283
- },
284
- "default": "'f-layout-popout'",
285
- "description": "Put this classname on an element which is a DOM parent of the layout, and\nif the layout goes into popout mode then it will place itself as the only child\nfor the popout container you set."
286
214
  }
287
215
  ],
288
216
  "exports": [
289
217
  {
290
218
  "kind": "js",
291
- "name": "DEFAULT_RELOAD_BUFFER",
292
- "declaration": {
293
- "name": "DEFAULT_RELOAD_BUFFER",
294
- "module": "src/utils/constants.ts"
295
- }
296
- },
297
- {
298
- "kind": "js",
299
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
219
+ "name": "foundationLayoutComponents",
300
220
  "declaration": {
301
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
302
- "module": "src/utils/constants.ts"
221
+ "name": "foundationLayoutComponents",
222
+ "module": "src/main/layout-components.ts"
303
223
  }
304
224
  }
305
225
  ]
306
226
  },
307
227
  {
308
228
  "kind": "javascript-module",
309
- "path": "src/utils/error.ts",
310
- "declarations": [
311
- {
312
- "kind": "class",
313
- "description": "",
314
- "name": "LayoutUsageError",
315
- "superclass": {
316
- "name": "Error",
317
- "module": "src/utils/error.ts"
318
- }
319
- },
320
- {
321
- "kind": "class",
322
- "description": "",
323
- "name": "LayoutRegistrationError",
324
- "superclass": {
325
- "name": "Error",
326
- "module": "src/utils/error.ts"
327
- }
328
- }
329
- ],
330
- "exports": [
331
- {
332
- "kind": "js",
333
- "name": "LayoutUsageError",
334
- "declaration": {
335
- "name": "LayoutUsageError",
336
- "module": "src/utils/error.ts"
337
- }
338
- },
339
- {
340
- "kind": "js",
341
- "name": "LayoutRegistrationError",
342
- "declaration": {
343
- "name": "LayoutRegistrationError",
344
- "module": "src/utils/error.ts"
345
- }
346
- }
347
- ]
348
- },
349
- {
350
- "kind": "javascript-module",
351
- "path": "src/utils/events.ts",
352
- "declarations": [
353
- {
354
- "kind": "variable",
355
- "name": "LayoutEmitEvents",
356
- "type": {
357
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
358
- },
359
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
360
- "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",
361
- "privacy": "public"
362
- },
363
- {
364
- "kind": "variable",
365
- "name": "LayoutReceiveEvents",
366
- "type": {
367
- "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
368
- },
369
- "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
370
- "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.\n'autosave' - emit this from a contained item to hint to the layout system that it should autosave the layout. A contained item should do this if it has just changed some state it would like to persist. See LayoutComponentWithState.",
371
- "privacy": "public"
372
- }
373
- ],
374
- "exports": [
375
- {
376
- "kind": "js",
377
- "name": "LayoutEmitEvents",
378
- "declaration": {
379
- "name": "LayoutEmitEvents",
380
- "module": "src/utils/events.ts"
381
- }
382
- },
383
- {
384
- "kind": "js",
385
- "name": "LayoutReceiveEvents",
386
- "declaration": {
387
- "name": "LayoutReceiveEvents",
388
- "module": "src/utils/events.ts"
389
- }
390
- }
391
- ]
392
- },
393
- {
394
- "kind": "javascript-module",
395
- "path": "src/utils/index.ts",
396
- "declarations": [],
397
- "exports": [
398
- {
399
- "kind": "js",
400
- "name": "*",
401
- "declaration": {
402
- "name": "*",
403
- "package": "./constants"
404
- }
405
- },
406
- {
407
- "kind": "js",
408
- "name": "*",
409
- "declaration": {
410
- "name": "*",
411
- "package": "./error"
412
- }
413
- },
414
- {
415
- "kind": "js",
416
- "name": "*",
417
- "declaration": {
418
- "name": "*",
419
- "package": "./events"
420
- }
421
- },
422
- {
423
- "kind": "js",
424
- "name": "*",
425
- "declaration": {
426
- "name": "*",
427
- "package": "./misc"
428
- }
429
- },
430
- {
431
- "kind": "js",
432
- "name": "*",
433
- "declaration": {
434
- "name": "*",
435
- "package": "./templates"
436
- }
437
- },
438
- {
439
- "kind": "js",
440
- "name": "*",
441
- "declaration": {
442
- "name": "*",
443
- "package": "./types"
444
- }
445
- },
446
- {
447
- "kind": "js",
448
- "name": "*",
449
- "declaration": {
450
- "name": "*",
451
- "package": "./error"
452
- }
453
- }
454
- ]
455
- },
456
- {
457
- "kind": "javascript-module",
458
- "path": "src/utils/logger.ts",
459
- "declarations": [
460
- {
461
- "kind": "variable",
462
- "name": "logger"
463
- }
464
- ],
465
- "exports": [
466
- {
467
- "kind": "js",
468
- "name": "logger",
469
- "declaration": {
470
- "name": "logger",
471
- "module": "src/utils/logger.ts"
472
- }
473
- }
474
- ]
475
- },
476
- {
477
- "kind": "javascript-module",
478
- "path": "src/utils/misc.ts",
479
- "declarations": [],
480
- "exports": []
481
- },
482
- {
483
- "kind": "javascript-module",
484
- "path": "src/utils/templates.ts",
485
- "declarations": [],
486
- "exports": []
487
- },
488
- {
489
- "kind": "javascript-module",
490
- "path": "src/utils/types.ts",
491
- "declarations": [],
492
- "exports": []
493
- },
494
- {
495
- "kind": "javascript-module",
496
- "path": "src/main/index.ts",
497
- "declarations": [],
498
- "exports": [
499
- {
500
- "kind": "js",
501
- "name": "FoundationLayoutItem",
502
- "declaration": {
503
- "name": "FoundationLayoutItem",
504
- "module": "./layout-item"
505
- }
506
- },
507
- {
508
- "kind": "js",
509
- "name": "FoundationLayoutRegion",
510
- "declaration": {
511
- "name": "FoundationLayoutRegion",
512
- "module": "./layout-region"
513
- }
514
- },
515
- {
516
- "kind": "js",
517
- "name": "FoundationLayout",
518
- "declaration": {
519
- "name": "FoundationLayout",
520
- "module": "./layout-main"
521
- }
522
- },
523
- {
524
- "kind": "js",
525
- "name": "layoutStyles",
526
- "declaration": {
527
- "name": "layoutStyles",
528
- "module": "./layout-main"
529
- }
530
- },
531
- {
532
- "kind": "js",
533
- "name": "layoutTemplate",
534
- "declaration": {
535
- "name": "layoutTemplate",
536
- "module": "./layout-main"
537
- }
538
- },
539
- {
540
- "kind": "js",
541
- "name": "*",
542
- "declaration": {
543
- "name": "*",
544
- "package": "./layout-components"
545
- }
546
- }
547
- ]
548
- },
549
- {
550
- "kind": "javascript-module",
551
- "path": "src/main/layout-components.ts",
552
- "declarations": [
553
- {
554
- "kind": "variable",
555
- "name": "foundationLayoutComponents",
556
- "type": {
557
- "text": "object"
558
- },
559
- "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}",
560
- "description": "Registration object to register the layout with your design system.",
561
- "privacy": "public"
562
- }
563
- ],
564
- "exports": [
565
- {
566
- "kind": "js",
567
- "name": "foundationLayoutComponents",
568
- "declaration": {
569
- "name": "foundationLayoutComponents",
570
- "module": "src/main/layout-components.ts"
571
- }
572
- }
573
- ]
574
- },
575
- {
576
- "kind": "javascript-module",
577
- "path": "src/main/layout-item.ts",
229
+ "path": "src/main/layout-item.ts",
578
230
  "declarations": [
579
231
  {
580
232
  "kind": "class",
@@ -1464,6 +1116,354 @@
1464
1116
  }
1465
1117
  }
1466
1118
  ]
1119
+ },
1120
+ {
1121
+ "kind": "javascript-module",
1122
+ "path": "src/styles/constants.ts",
1123
+ "declarations": [
1124
+ {
1125
+ "kind": "variable",
1126
+ "name": "glVisualConfig",
1127
+ "type": {
1128
+ "text": "Omit<LayoutConfig, 'root'>"
1129
+ },
1130
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1131
+ },
1132
+ {
1133
+ "kind": "variable",
1134
+ "name": "LAYOUT_ICONS",
1135
+ "type": {
1136
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
1137
+ },
1138
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
1139
+ "description": "A collection of SVG icons in base64 format.",
1140
+ "privacy": "public"
1141
+ }
1142
+ ],
1143
+ "exports": [
1144
+ {
1145
+ "kind": "js",
1146
+ "name": "glVisualConfig",
1147
+ "declaration": {
1148
+ "name": "glVisualConfig",
1149
+ "module": "src/styles/constants.ts"
1150
+ }
1151
+ },
1152
+ {
1153
+ "kind": "js",
1154
+ "name": "LAYOUT_ICONS",
1155
+ "declaration": {
1156
+ "name": "LAYOUT_ICONS",
1157
+ "module": "src/styles/constants.ts"
1158
+ }
1159
+ }
1160
+ ]
1161
+ },
1162
+ {
1163
+ "kind": "javascript-module",
1164
+ "path": "src/styles/dragging.styles.ts",
1165
+ "declarations": [
1166
+ {
1167
+ "kind": "variable",
1168
+ "name": "globalDraggingStyles",
1169
+ "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`",
1170
+ "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"
1171
+ }
1172
+ ],
1173
+ "exports": [
1174
+ {
1175
+ "kind": "js",
1176
+ "name": "globalDraggingStyles",
1177
+ "declaration": {
1178
+ "name": "globalDraggingStyles",
1179
+ "module": "src/styles/dragging.styles.ts"
1180
+ }
1181
+ }
1182
+ ]
1183
+ },
1184
+ {
1185
+ "kind": "javascript-module",
1186
+ "path": "src/styles/index.ts",
1187
+ "declarations": [],
1188
+ "exports": [
1189
+ {
1190
+ "kind": "js",
1191
+ "name": "*",
1192
+ "declaration": {
1193
+ "name": "*",
1194
+ "package": "./constants"
1195
+ }
1196
+ },
1197
+ {
1198
+ "kind": "js",
1199
+ "name": "*",
1200
+ "declaration": {
1201
+ "name": "*",
1202
+ "package": "./dragging.styles"
1203
+ }
1204
+ },
1205
+ {
1206
+ "kind": "js",
1207
+ "name": "*",
1208
+ "declaration": {
1209
+ "name": "*",
1210
+ "package": "./layout.styles"
1211
+ }
1212
+ }
1213
+ ]
1214
+ },
1215
+ {
1216
+ "kind": "javascript-module",
1217
+ "path": "src/styles/layout.styles.ts",
1218
+ "declarations": [
1219
+ {
1220
+ "kind": "variable",
1221
+ "name": "layoutStyles",
1222
+ "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize;\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`",
1223
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
1224
+ "privacy": "public"
1225
+ }
1226
+ ],
1227
+ "exports": [
1228
+ {
1229
+ "kind": "js",
1230
+ "name": "layoutStyles",
1231
+ "declaration": {
1232
+ "name": "layoutStyles",
1233
+ "module": "src/styles/layout.styles.ts"
1234
+ }
1235
+ }
1236
+ ]
1237
+ },
1238
+ {
1239
+ "kind": "javascript-module",
1240
+ "path": "src/utils/constants.ts",
1241
+ "declarations": [
1242
+ {
1243
+ "kind": "variable",
1244
+ "name": "DEFAULT_RELOAD_BUFFER",
1245
+ "type": {
1246
+ "text": "number"
1247
+ },
1248
+ "default": "500",
1249
+ "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.",
1250
+ "privacy": "public"
1251
+ },
1252
+ {
1253
+ "kind": "variable",
1254
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1255
+ "type": {
1256
+ "text": "string"
1257
+ },
1258
+ "default": "'f-layout-popout'",
1259
+ "description": "Put this classname on an element which is a DOM parent of the layout, and\nif the layout goes into popout mode then it will place itself as the only child\nfor the popout container you set."
1260
+ }
1261
+ ],
1262
+ "exports": [
1263
+ {
1264
+ "kind": "js",
1265
+ "name": "DEFAULT_RELOAD_BUFFER",
1266
+ "declaration": {
1267
+ "name": "DEFAULT_RELOAD_BUFFER",
1268
+ "module": "src/utils/constants.ts"
1269
+ }
1270
+ },
1271
+ {
1272
+ "kind": "js",
1273
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1274
+ "declaration": {
1275
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1276
+ "module": "src/utils/constants.ts"
1277
+ }
1278
+ }
1279
+ ]
1280
+ },
1281
+ {
1282
+ "kind": "javascript-module",
1283
+ "path": "src/utils/error.ts",
1284
+ "declarations": [
1285
+ {
1286
+ "kind": "class",
1287
+ "description": "",
1288
+ "name": "LayoutUsageError",
1289
+ "superclass": {
1290
+ "name": "Error",
1291
+ "module": "src/utils/error.ts"
1292
+ }
1293
+ },
1294
+ {
1295
+ "kind": "class",
1296
+ "description": "",
1297
+ "name": "LayoutRegistrationError",
1298
+ "superclass": {
1299
+ "name": "Error",
1300
+ "module": "src/utils/error.ts"
1301
+ }
1302
+ }
1303
+ ],
1304
+ "exports": [
1305
+ {
1306
+ "kind": "js",
1307
+ "name": "LayoutUsageError",
1308
+ "declaration": {
1309
+ "name": "LayoutUsageError",
1310
+ "module": "src/utils/error.ts"
1311
+ }
1312
+ },
1313
+ {
1314
+ "kind": "js",
1315
+ "name": "LayoutRegistrationError",
1316
+ "declaration": {
1317
+ "name": "LayoutRegistrationError",
1318
+ "module": "src/utils/error.ts"
1319
+ }
1320
+ }
1321
+ ]
1322
+ },
1323
+ {
1324
+ "kind": "javascript-module",
1325
+ "path": "src/utils/events.ts",
1326
+ "declarations": [
1327
+ {
1328
+ "kind": "variable",
1329
+ "name": "LayoutEmitEvents",
1330
+ "type": {
1331
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1332
+ },
1333
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1334
+ "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",
1335
+ "privacy": "public"
1336
+ },
1337
+ {
1338
+ "kind": "variable",
1339
+ "name": "LayoutReceiveEvents",
1340
+ "type": {
1341
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1342
+ },
1343
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1344
+ "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.\n'autosave' - emit this from a contained item to hint to the layout system that it should autosave the layout. A contained item should do this if it has just changed some state it would like to persist. See LayoutComponentWithState.",
1345
+ "privacy": "public"
1346
+ }
1347
+ ],
1348
+ "exports": [
1349
+ {
1350
+ "kind": "js",
1351
+ "name": "LayoutEmitEvents",
1352
+ "declaration": {
1353
+ "name": "LayoutEmitEvents",
1354
+ "module": "src/utils/events.ts"
1355
+ }
1356
+ },
1357
+ {
1358
+ "kind": "js",
1359
+ "name": "LayoutReceiveEvents",
1360
+ "declaration": {
1361
+ "name": "LayoutReceiveEvents",
1362
+ "module": "src/utils/events.ts"
1363
+ }
1364
+ }
1365
+ ]
1366
+ },
1367
+ {
1368
+ "kind": "javascript-module",
1369
+ "path": "src/utils/index.ts",
1370
+ "declarations": [],
1371
+ "exports": [
1372
+ {
1373
+ "kind": "js",
1374
+ "name": "*",
1375
+ "declaration": {
1376
+ "name": "*",
1377
+ "package": "./constants"
1378
+ }
1379
+ },
1380
+ {
1381
+ "kind": "js",
1382
+ "name": "*",
1383
+ "declaration": {
1384
+ "name": "*",
1385
+ "package": "./error"
1386
+ }
1387
+ },
1388
+ {
1389
+ "kind": "js",
1390
+ "name": "*",
1391
+ "declaration": {
1392
+ "name": "*",
1393
+ "package": "./events"
1394
+ }
1395
+ },
1396
+ {
1397
+ "kind": "js",
1398
+ "name": "*",
1399
+ "declaration": {
1400
+ "name": "*",
1401
+ "package": "./misc"
1402
+ }
1403
+ },
1404
+ {
1405
+ "kind": "js",
1406
+ "name": "*",
1407
+ "declaration": {
1408
+ "name": "*",
1409
+ "package": "./templates"
1410
+ }
1411
+ },
1412
+ {
1413
+ "kind": "js",
1414
+ "name": "*",
1415
+ "declaration": {
1416
+ "name": "*",
1417
+ "package": "./types"
1418
+ }
1419
+ },
1420
+ {
1421
+ "kind": "js",
1422
+ "name": "*",
1423
+ "declaration": {
1424
+ "name": "*",
1425
+ "package": "./error"
1426
+ }
1427
+ }
1428
+ ]
1429
+ },
1430
+ {
1431
+ "kind": "javascript-module",
1432
+ "path": "src/utils/logger.ts",
1433
+ "declarations": [
1434
+ {
1435
+ "kind": "variable",
1436
+ "name": "logger"
1437
+ }
1438
+ ],
1439
+ "exports": [
1440
+ {
1441
+ "kind": "js",
1442
+ "name": "logger",
1443
+ "declaration": {
1444
+ "name": "logger",
1445
+ "module": "src/utils/logger.ts"
1446
+ }
1447
+ }
1448
+ ]
1449
+ },
1450
+ {
1451
+ "kind": "javascript-module",
1452
+ "path": "src/utils/misc.ts",
1453
+ "declarations": [],
1454
+ "exports": []
1455
+ },
1456
+ {
1457
+ "kind": "javascript-module",
1458
+ "path": "src/utils/templates.ts",
1459
+ "declarations": [],
1460
+ "exports": []
1461
+ },
1462
+ {
1463
+ "kind": "javascript-module",
1464
+ "path": "src/utils/types.ts",
1465
+ "declarations": [],
1466
+ "exports": []
1467
1467
  }
1468
1468
  ]
1469
1469
  }
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.118.0",
4
+ "version": "14.118.1",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/foundation-layout.d.ts",
@@ -27,15 +27,15 @@
27
27
  "test:debug": "genx test --debug"
28
28
  },
29
29
  "devDependencies": {
30
- "@genesislcap/foundation-testing": "14.118.0",
31
- "@genesislcap/genx": "14.118.0",
30
+ "@genesislcap/foundation-testing": "14.118.1",
31
+ "@genesislcap/genx": "14.118.1",
32
32
  "rimraf": "^3.0.2"
33
33
  },
34
34
  "dependencies": {
35
35
  "@genesis-community/golden-layout": "^2.11.0",
36
- "@genesislcap/foundation-comms": "14.118.0",
37
- "@genesislcap/foundation-logger": "14.118.0",
38
- "@genesislcap/foundation-utils": "14.118.0",
36
+ "@genesislcap/foundation-comms": "14.118.1",
37
+ "@genesislcap/foundation-logger": "14.118.1",
38
+ "@genesislcap/foundation-utils": "14.118.1",
39
39
  "@microsoft/fast-components": "^2.21.3",
40
40
  "@microsoft/fast-element": "^1.7.0",
41
41
  "@microsoft/fast-foundation": "^2.33.2",
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "customElements": "dist/custom-elements.json",
53
- "gitHead": "03508c2fc32d208bb7a037a3587b39690cfa752d"
53
+ "gitHead": "179ca69eb20ca2d30c62890f68e6bf60649f0ba6"
54
54
  }