@genesislcap/foundation-layout 14.223.0 → 14.223.1-alpha-600a8b9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/dist/custom-elements.json +374 -374
  2. package/package.json +14 -14
package/dist/custom-elements.json CHANGED
@@ -145,184 +145,47 @@
145
145
  },
146
146
  {
147
147
  "kind": "javascript-module",
148
- "path": "src/utils/constants.ts",
149
- "declarations": [
150
- {
151
- "kind": "variable",
152
- "name": "DEFAULT_RELOAD_BUFFER",
153
- "type": {
154
- "text": "number"
155
- },
156
- "default": "500",
157
- "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.",
158
- "privacy": "public"
159
- },
160
- {
161
- "kind": "variable",
162
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
163
- "type": {
164
- "text": "string"
165
- },
166
- "default": "'f-layout-popout'",
167
- "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."
168
- }
169
- ],
170
- "exports": [
171
- {
172
- "kind": "js",
173
- "name": "DEFAULT_RELOAD_BUFFER",
174
- "declaration": {
175
- "name": "DEFAULT_RELOAD_BUFFER",
176
- "module": "src/utils/constants.ts"
177
- }
178
- },
179
- {
180
- "kind": "js",
181
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
182
- "declaration": {
183
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
184
- "module": "src/utils/constants.ts"
185
- }
186
- }
187
- ]
188
- },
189
- {
190
- "kind": "javascript-module",
191
- "path": "src/utils/error.ts",
192
- "declarations": [
193
- {
194
- "kind": "class",
195
- "description": "",
196
- "name": "LayoutUsageError",
197
- "superclass": {
198
- "name": "Error",
199
- "module": "src/utils/error.ts"
200
- }
201
- },
202
- {
203
- "kind": "class",
204
- "description": "",
205
- "name": "LayoutRegistrationError",
206
- "superclass": {
207
- "name": "Error",
208
- "module": "src/utils/error.ts"
209
- }
210
- }
211
- ],
212
- "exports": [
213
- {
214
- "kind": "js",
215
- "name": "LayoutUsageError",
216
- "declaration": {
217
- "name": "LayoutUsageError",
218
- "module": "src/utils/error.ts"
219
- }
220
- },
221
- {
222
- "kind": "js",
223
- "name": "LayoutRegistrationError",
224
- "declaration": {
225
- "name": "LayoutRegistrationError",
226
- "module": "src/utils/error.ts"
227
- }
228
- }
229
- ]
230
- },
231
- {
232
- "kind": "javascript-module",
233
- "path": "src/utils/events.ts",
234
- "declarations": [
235
- {
236
- "kind": "variable",
237
- "name": "LayoutEmitEvents",
238
- "type": {
239
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
240
- },
241
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
242
- "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",
243
- "privacy": "public"
244
- },
245
- {
246
- "kind": "variable",
247
- "name": "LayoutReceiveEvents",
248
- "type": {
249
- "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
250
- },
251
- "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
252
- "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.",
253
- "privacy": "public"
254
- }
255
- ],
256
- "exports": [
257
- {
258
- "kind": "js",
259
- "name": "LayoutEmitEvents",
260
- "declaration": {
261
- "name": "LayoutEmitEvents",
262
- "module": "src/utils/events.ts"
263
- }
264
- },
265
- {
266
- "kind": "js",
267
- "name": "LayoutReceiveEvents",
268
- "declaration": {
269
- "name": "LayoutReceiveEvents",
270
- "module": "src/utils/events.ts"
271
- }
272
- }
273
- ]
274
- },
275
- {
276
- "kind": "javascript-module",
277
- "path": "src/utils/index.ts",
148
+ "path": "src/main/index.ts",
278
149
  "declarations": [],
279
150
  "exports": [
280
151
  {
281
152
  "kind": "js",
282
- "name": "*",
283
- "declaration": {
284
- "name": "*",
285
- "package": "./constants"
286
- }
287
- },
288
- {
289
- "kind": "js",
290
- "name": "*",
153
+ "name": "FoundationLayoutItem",
291
154
  "declaration": {
292
- "name": "*",
293
- "package": "./error"
155
+ "name": "FoundationLayoutItem",
156
+ "module": "./layout-item"
294
157
  }
295
158
  },
296
159
  {
297
160
  "kind": "js",
298
- "name": "*",
161
+ "name": "FoundationLayoutRegion",
299
162
  "declaration": {
300
- "name": "*",
301
- "package": "./events"
163
+ "name": "FoundationLayoutRegion",
164
+ "module": "./layout-region"
302
165
  }
303
166
  },
304
167
  {
305
168
  "kind": "js",
306
- "name": "*",
169
+ "name": "FoundationLayout",
307
170
  "declaration": {
308
- "name": "*",
309
- "package": "./misc"
171
+ "name": "FoundationLayout",
172
+ "module": "./layout-main"
310
173
  }
311
174
  },
312
175
  {
313
176
  "kind": "js",
314
- "name": "*",
177
+ "name": "layoutStyles",
315
178
  "declaration": {
316
- "name": "*",
317
- "package": "./templates"
179
+ "name": "layoutStyles",
180
+ "module": "./layout-main"
318
181
  }
319
182
  },
320
183
  {
321
184
  "kind": "js",
322
- "name": "*",
185
+ "name": "layoutTemplate",
323
186
  "declaration": {
324
- "name": "*",
325
- "package": "./types"
187
+ "name": "layoutTemplate",
188
+ "module": "./layout-main"
326
189
  }
327
190
  },
328
191
  {
@@ -330,251 +193,40 @@
330
193
  "name": "*",
331
194
  "declaration": {
332
195
  "name": "*",
333
- "package": "./error"
334
- }
335
- }
336
- ]
337
- },
338
- {
339
- "kind": "javascript-module",
340
- "path": "src/utils/logger.ts",
341
- "declarations": [
342
- {
343
- "kind": "variable",
344
- "name": "logger"
345
- }
346
- ],
347
- "exports": [
348
- {
349
- "kind": "js",
350
- "name": "logger",
351
- "declaration": {
352
- "name": "logger",
353
- "module": "src/utils/logger.ts"
196
+ "package": "./layout-components"
354
197
  }
355
198
  }
356
199
  ]
357
200
  },
358
201
  {
359
202
  "kind": "javascript-module",
360
- "path": "src/utils/misc.ts",
361
- "declarations": [],
362
- "exports": []
363
- },
364
- {
365
- "kind": "javascript-module",
366
- "path": "src/utils/templates.ts",
367
- "declarations": [],
368
- "exports": []
369
- },
370
- {
371
- "kind": "javascript-module",
372
- "path": "src/utils/types.ts",
373
- "declarations": [],
374
- "exports": []
375
- },
376
- {
377
- "kind": "javascript-module",
378
- "path": "src/styles/constants.ts",
203
+ "path": "src/main/layout-components.ts",
379
204
  "declarations": [
380
205
  {
381
206
  "kind": "variable",
382
- "name": "glVisualConfig",
383
- "type": {
384
- "text": "Omit<LayoutConfig, 'root'>"
385
- },
386
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
387
- },
388
- {
389
- "kind": "variable",
390
- "name": "LAYOUT_ICONS",
207
+ "name": "foundationLayoutComponents",
391
208
  "type": {
392
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
209
+ "text": "object"
393
210
  },
394
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
395
- "description": "A collection of SVG icons in base64 format.",
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.",
396
213
  "privacy": "public"
397
214
  }
398
215
  ],
399
216
  "exports": [
400
217
  {
401
218
  "kind": "js",
402
- "name": "glVisualConfig",
403
- "declaration": {
404
- "name": "glVisualConfig",
405
- "module": "src/styles/constants.ts"
406
- }
407
- },
408
- {
409
- "kind": "js",
410
- "name": "LAYOUT_ICONS",
219
+ "name": "foundationLayoutComponents",
411
220
  "declaration": {
412
- "name": "LAYOUT_ICONS",
413
- "module": "src/styles/constants.ts"
221
+ "name": "foundationLayoutComponents",
222
+ "module": "src/main/layout-components.ts"
414
223
  }
415
224
  }
416
225
  ]
417
226
  },
418
227
  {
419
228
  "kind": "javascript-module",
420
- "path": "src/styles/dragging.styles.ts",
421
- "declarations": [
422
- {
423
- "kind": "variable",
424
- "name": "globalDraggingStyles",
425
- "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 cursor: move;\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_title {\n color: white;\n padding-left: 10px;\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`",
426
- "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"
427
- }
428
- ],
429
- "exports": [
430
- {
431
- "kind": "js",
432
- "name": "globalDraggingStyles",
433
- "declaration": {
434
- "name": "globalDraggingStyles",
435
- "module": "src/styles/dragging.styles.ts"
436
- }
437
- }
438
- ]
439
- },
440
- {
441
- "kind": "javascript-module",
442
- "path": "src/styles/index.ts",
443
- "declarations": [],
444
- "exports": [
445
- {
446
- "kind": "js",
447
- "name": "*",
448
- "declaration": {
449
- "name": "*",
450
- "package": "./constants"
451
- }
452
- },
453
- {
454
- "kind": "js",
455
- "name": "*",
456
- "declaration": {
457
- "name": "*",
458
- "package": "./dragging.styles"
459
- }
460
- },
461
- {
462
- "kind": "js",
463
- "name": "*",
464
- "declaration": {
465
- "name": "*",
466
- "package": "./layout.styles"
467
- }
468
- }
469
- ]
470
- },
471
- {
472
- "kind": "javascript-module",
473
- "path": "src/styles/layout.styles.ts",
474
- "declarations": [
475
- {
476
- "kind": "variable",
477
- "name": "layoutStyles",
478
- "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 !important;\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 !important;\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 user-select: none;\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`",
479
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
480
- "privacy": "public"
481
- }
482
- ],
483
- "exports": [
484
- {
485
- "kind": "js",
486
- "name": "layoutStyles",
487
- "declaration": {
488
- "name": "layoutStyles",
489
- "module": "src/styles/layout.styles.ts"
490
- }
491
- }
492
- ]
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",
@@ -1491,6 +1143,354 @@
1491
1143
  }
1492
1144
  }
1493
1145
  ]
1146
+ },
1147
+ {
1148
+ "kind": "javascript-module",
1149
+ "path": "src/styles/constants.ts",
1150
+ "declarations": [
1151
+ {
1152
+ "kind": "variable",
1153
+ "name": "glVisualConfig",
1154
+ "type": {
1155
+ "text": "Omit<LayoutConfig, 'root'>"
1156
+ },
1157
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1158
+ },
1159
+ {
1160
+ "kind": "variable",
1161
+ "name": "LAYOUT_ICONS",
1162
+ "type": {
1163
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
1164
+ },
1165
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
1166
+ "description": "A collection of SVG icons in base64 format.",
1167
+ "privacy": "public"
1168
+ }
1169
+ ],
1170
+ "exports": [
1171
+ {
1172
+ "kind": "js",
1173
+ "name": "glVisualConfig",
1174
+ "declaration": {
1175
+ "name": "glVisualConfig",
1176
+ "module": "src/styles/constants.ts"
1177
+ }
1178
+ },
1179
+ {
1180
+ "kind": "js",
1181
+ "name": "LAYOUT_ICONS",
1182
+ "declaration": {
1183
+ "name": "LAYOUT_ICONS",
1184
+ "module": "src/styles/constants.ts"
1185
+ }
1186
+ }
1187
+ ]
1188
+ },
1189
+ {
1190
+ "kind": "javascript-module",
1191
+ "path": "src/styles/dragging.styles.ts",
1192
+ "declarations": [
1193
+ {
1194
+ "kind": "variable",
1195
+ "name": "globalDraggingStyles",
1196
+ "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 cursor: move;\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_title {\n color: white;\n padding-left: 10px;\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`",
1197
+ "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"
1198
+ }
1199
+ ],
1200
+ "exports": [
1201
+ {
1202
+ "kind": "js",
1203
+ "name": "globalDraggingStyles",
1204
+ "declaration": {
1205
+ "name": "globalDraggingStyles",
1206
+ "module": "src/styles/dragging.styles.ts"
1207
+ }
1208
+ }
1209
+ ]
1210
+ },
1211
+ {
1212
+ "kind": "javascript-module",
1213
+ "path": "src/styles/index.ts",
1214
+ "declarations": [],
1215
+ "exports": [
1216
+ {
1217
+ "kind": "js",
1218
+ "name": "*",
1219
+ "declaration": {
1220
+ "name": "*",
1221
+ "package": "./constants"
1222
+ }
1223
+ },
1224
+ {
1225
+ "kind": "js",
1226
+ "name": "*",
1227
+ "declaration": {
1228
+ "name": "*",
1229
+ "package": "./dragging.styles"
1230
+ }
1231
+ },
1232
+ {
1233
+ "kind": "js",
1234
+ "name": "*",
1235
+ "declaration": {
1236
+ "name": "*",
1237
+ "package": "./layout.styles"
1238
+ }
1239
+ }
1240
+ ]
1241
+ },
1242
+ {
1243
+ "kind": "javascript-module",
1244
+ "path": "src/styles/layout.styles.ts",
1245
+ "declarations": [
1246
+ {
1247
+ "kind": "variable",
1248
+ "name": "layoutStyles",
1249
+ "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 !important;\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 !important;\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 user-select: none;\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`",
1250
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
1251
+ "privacy": "public"
1252
+ }
1253
+ ],
1254
+ "exports": [
1255
+ {
1256
+ "kind": "js",
1257
+ "name": "layoutStyles",
1258
+ "declaration": {
1259
+ "name": "layoutStyles",
1260
+ "module": "src/styles/layout.styles.ts"
1261
+ }
1262
+ }
1263
+ ]
1264
+ },
1265
+ {
1266
+ "kind": "javascript-module",
1267
+ "path": "src/utils/constants.ts",
1268
+ "declarations": [
1269
+ {
1270
+ "kind": "variable",
1271
+ "name": "DEFAULT_RELOAD_BUFFER",
1272
+ "type": {
1273
+ "text": "number"
1274
+ },
1275
+ "default": "500",
1276
+ "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.",
1277
+ "privacy": "public"
1278
+ },
1279
+ {
1280
+ "kind": "variable",
1281
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1282
+ "type": {
1283
+ "text": "string"
1284
+ },
1285
+ "default": "'f-layout-popout'",
1286
+ "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."
1287
+ }
1288
+ ],
1289
+ "exports": [
1290
+ {
1291
+ "kind": "js",
1292
+ "name": "DEFAULT_RELOAD_BUFFER",
1293
+ "declaration": {
1294
+ "name": "DEFAULT_RELOAD_BUFFER",
1295
+ "module": "src/utils/constants.ts"
1296
+ }
1297
+ },
1298
+ {
1299
+ "kind": "js",
1300
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1301
+ "declaration": {
1302
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1303
+ "module": "src/utils/constants.ts"
1304
+ }
1305
+ }
1306
+ ]
1307
+ },
1308
+ {
1309
+ "kind": "javascript-module",
1310
+ "path": "src/utils/error.ts",
1311
+ "declarations": [
1312
+ {
1313
+ "kind": "class",
1314
+ "description": "",
1315
+ "name": "LayoutUsageError",
1316
+ "superclass": {
1317
+ "name": "Error",
1318
+ "module": "src/utils/error.ts"
1319
+ }
1320
+ },
1321
+ {
1322
+ "kind": "class",
1323
+ "description": "",
1324
+ "name": "LayoutRegistrationError",
1325
+ "superclass": {
1326
+ "name": "Error",
1327
+ "module": "src/utils/error.ts"
1328
+ }
1329
+ }
1330
+ ],
1331
+ "exports": [
1332
+ {
1333
+ "kind": "js",
1334
+ "name": "LayoutUsageError",
1335
+ "declaration": {
1336
+ "name": "LayoutUsageError",
1337
+ "module": "src/utils/error.ts"
1338
+ }
1339
+ },
1340
+ {
1341
+ "kind": "js",
1342
+ "name": "LayoutRegistrationError",
1343
+ "declaration": {
1344
+ "name": "LayoutRegistrationError",
1345
+ "module": "src/utils/error.ts"
1346
+ }
1347
+ }
1348
+ ]
1349
+ },
1350
+ {
1351
+ "kind": "javascript-module",
1352
+ "path": "src/utils/events.ts",
1353
+ "declarations": [
1354
+ {
1355
+ "kind": "variable",
1356
+ "name": "LayoutEmitEvents",
1357
+ "type": {
1358
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1359
+ },
1360
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1361
+ "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",
1362
+ "privacy": "public"
1363
+ },
1364
+ {
1365
+ "kind": "variable",
1366
+ "name": "LayoutReceiveEvents",
1367
+ "type": {
1368
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1369
+ },
1370
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1371
+ "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.",
1372
+ "privacy": "public"
1373
+ }
1374
+ ],
1375
+ "exports": [
1376
+ {
1377
+ "kind": "js",
1378
+ "name": "LayoutEmitEvents",
1379
+ "declaration": {
1380
+ "name": "LayoutEmitEvents",
1381
+ "module": "src/utils/events.ts"
1382
+ }
1383
+ },
1384
+ {
1385
+ "kind": "js",
1386
+ "name": "LayoutReceiveEvents",
1387
+ "declaration": {
1388
+ "name": "LayoutReceiveEvents",
1389
+ "module": "src/utils/events.ts"
1390
+ }
1391
+ }
1392
+ ]
1393
+ },
1394
+ {
1395
+ "kind": "javascript-module",
1396
+ "path": "src/utils/index.ts",
1397
+ "declarations": [],
1398
+ "exports": [
1399
+ {
1400
+ "kind": "js",
1401
+ "name": "*",
1402
+ "declaration": {
1403
+ "name": "*",
1404
+ "package": "./constants"
1405
+ }
1406
+ },
1407
+ {
1408
+ "kind": "js",
1409
+ "name": "*",
1410
+ "declaration": {
1411
+ "name": "*",
1412
+ "package": "./error"
1413
+ }
1414
+ },
1415
+ {
1416
+ "kind": "js",
1417
+ "name": "*",
1418
+ "declaration": {
1419
+ "name": "*",
1420
+ "package": "./events"
1421
+ }
1422
+ },
1423
+ {
1424
+ "kind": "js",
1425
+ "name": "*",
1426
+ "declaration": {
1427
+ "name": "*",
1428
+ "package": "./misc"
1429
+ }
1430
+ },
1431
+ {
1432
+ "kind": "js",
1433
+ "name": "*",
1434
+ "declaration": {
1435
+ "name": "*",
1436
+ "package": "./templates"
1437
+ }
1438
+ },
1439
+ {
1440
+ "kind": "js",
1441
+ "name": "*",
1442
+ "declaration": {
1443
+ "name": "*",
1444
+ "package": "./types"
1445
+ }
1446
+ },
1447
+ {
1448
+ "kind": "js",
1449
+ "name": "*",
1450
+ "declaration": {
1451
+ "name": "*",
1452
+ "package": "./error"
1453
+ }
1454
+ }
1455
+ ]
1456
+ },
1457
+ {
1458
+ "kind": "javascript-module",
1459
+ "path": "src/utils/logger.ts",
1460
+ "declarations": [
1461
+ {
1462
+ "kind": "variable",
1463
+ "name": "logger"
1464
+ }
1465
+ ],
1466
+ "exports": [
1467
+ {
1468
+ "kind": "js",
1469
+ "name": "logger",
1470
+ "declaration": {
1471
+ "name": "logger",
1472
+ "module": "src/utils/logger.ts"
1473
+ }
1474
+ }
1475
+ ]
1476
+ },
1477
+ {
1478
+ "kind": "javascript-module",
1479
+ "path": "src/utils/misc.ts",
1480
+ "declarations": [],
1481
+ "exports": []
1482
+ },
1483
+ {
1484
+ "kind": "javascript-module",
1485
+ "path": "src/utils/templates.ts",
1486
+ "declarations": [],
1487
+ "exports": []
1488
+ },
1489
+ {
1490
+ "kind": "javascript-module",
1491
+ "path": "src/utils/types.ts",
1492
+ "declarations": [],
1493
+ "exports": []
1494
1494
  }
1495
1495
  ]
1496
1496
  }
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.223.0",
4
+ "version": "14.223.1-alpha-600a8b9.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/foundation-layout.d.ts",
@@ -36,23 +36,23 @@
36
36
  }
37
37
  },
38
38
  "devDependencies": {
39
- "@genesislcap/foundation-testing": "14.223.0",
40
- "@genesislcap/genx": "14.223.0",
41
- "@genesislcap/rollup-builder": "14.223.0",
42
- "@genesislcap/ts-builder": "14.223.0",
43
- "@genesislcap/uvu-playwright-builder": "14.223.0",
44
- "@genesislcap/vite-builder": "14.223.0",
45
- "@genesislcap/webpack-builder": "14.223.0",
39
+ "@genesislcap/foundation-testing": "14.223.1-alpha-600a8b9.0",
40
+ "@genesislcap/genx": "14.223.1-alpha-600a8b9.0",
41
+ "@genesislcap/rollup-builder": "14.223.1-alpha-600a8b9.0",
42
+ "@genesislcap/ts-builder": "14.223.1-alpha-600a8b9.0",
43
+ "@genesislcap/uvu-playwright-builder": "14.223.1-alpha-600a8b9.0",
44
+ "@genesislcap/vite-builder": "14.223.1-alpha-600a8b9.0",
45
+ "@genesislcap/webpack-builder": "14.223.1-alpha-600a8b9.0",
46
46
  "rimraf": "^5.0.0"
47
47
  },
48
48
  "dependencies": {
49
49
  "@genesis-community/golden-layout": "^2.11.0",
50
- "@genesislcap/foundation-comms": "14.223.0",
51
- "@genesislcap/foundation-logger": "14.223.0",
52
- "@genesislcap/foundation-utils": "14.223.0",
50
+ "@genesislcap/foundation-comms": "14.223.1-alpha-600a8b9.0",
51
+ "@genesislcap/foundation-logger": "14.223.1-alpha-600a8b9.0",
52
+ "@genesislcap/foundation-utils": "14.223.1-alpha-600a8b9.0",
53
53
  "@microsoft/fast-components": "^2.30.6",
54
- "@microsoft/fast-element": "^1.12.0",
55
- "@microsoft/fast-foundation": "2.49.6",
54
+ "@microsoft/fast-element": "1.12.0",
55
+ "@microsoft/fast-foundation": "2.49.5",
56
56
  "tslib": "^2.3.1"
57
57
  },
58
58
  "repository": {
@@ -64,5 +64,5 @@
64
64
  "access": "public"
65
65
  },
66
66
  "customElements": "dist/custom-elements.json",
67
- "gitHead": "22b246a956a4063d7337ab506bbdaa43e136ba63"
67
+ "gitHead": "bcb4280835849ef6d18b9e68867ca96d423ec5d4"
68
68
  }