@genesislcap/foundation-layout 14.246.0 → 14.246.1-alpha-e79f189.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +387 -387
  2. package/package.json +12 -12
@@ -139,47 +139,176 @@
139
139
  },
140
140
  {
141
141
  "kind": "javascript-module",
142
- "path": "src/main/index.ts",
142
+ "path": "src/utils/constants.ts",
143
+ "declarations": [
144
+ {
145
+ "kind": "variable",
146
+ "name": "DEFAULT_RELOAD_BUFFER",
147
+ "type": {
148
+ "text": "number"
149
+ },
150
+ "default": "500",
151
+ "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.",
152
+ "privacy": "public"
153
+ },
154
+ {
155
+ "kind": "variable",
156
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
157
+ "type": {
158
+ "text": "string"
159
+ },
160
+ "default": "'f-layout-popout'",
161
+ "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."
162
+ }
163
+ ],
164
+ "exports": [
165
+ {
166
+ "kind": "js",
167
+ "name": "DEFAULT_RELOAD_BUFFER",
168
+ "declaration": {
169
+ "name": "DEFAULT_RELOAD_BUFFER",
170
+ "module": "src/utils/constants.ts"
171
+ }
172
+ },
173
+ {
174
+ "kind": "js",
175
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
176
+ "declaration": {
177
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
178
+ "module": "src/utils/constants.ts"
179
+ }
180
+ }
181
+ ]
182
+ },
183
+ {
184
+ "kind": "javascript-module",
185
+ "path": "src/utils/error.ts",
186
+ "declarations": [
187
+ {
188
+ "kind": "class",
189
+ "description": "",
190
+ "name": "LayoutUsageError",
191
+ "superclass": {
192
+ "name": "Error",
193
+ "module": "src/utils/error.ts"
194
+ }
195
+ },
196
+ {
197
+ "kind": "class",
198
+ "description": "",
199
+ "name": "LayoutRegistrationError",
200
+ "superclass": {
201
+ "name": "Error",
202
+ "module": "src/utils/error.ts"
203
+ }
204
+ }
205
+ ],
206
+ "exports": [
207
+ {
208
+ "kind": "js",
209
+ "name": "LayoutUsageError",
210
+ "declaration": {
211
+ "name": "LayoutUsageError",
212
+ "module": "src/utils/error.ts"
213
+ }
214
+ },
215
+ {
216
+ "kind": "js",
217
+ "name": "LayoutRegistrationError",
218
+ "declaration": {
219
+ "name": "LayoutRegistrationError",
220
+ "module": "src/utils/error.ts"
221
+ }
222
+ }
223
+ ]
224
+ },
225
+ {
226
+ "kind": "javascript-module",
227
+ "path": "src/utils/events.ts",
228
+ "declarations": [
229
+ {
230
+ "kind": "variable",
231
+ "name": "LayoutEmitEvents",
232
+ "type": {
233
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
234
+ },
235
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
236
+ "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",
237
+ "privacy": "public"
238
+ },
239
+ {
240
+ "kind": "variable",
241
+ "name": "LayoutReceiveEvents",
242
+ "type": {
243
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
244
+ },
245
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
246
+ "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.",
247
+ "privacy": "public"
248
+ }
249
+ ],
250
+ "exports": [
251
+ {
252
+ "kind": "js",
253
+ "name": "LayoutEmitEvents",
254
+ "declaration": {
255
+ "name": "LayoutEmitEvents",
256
+ "module": "src/utils/events.ts"
257
+ }
258
+ },
259
+ {
260
+ "kind": "js",
261
+ "name": "LayoutReceiveEvents",
262
+ "declaration": {
263
+ "name": "LayoutReceiveEvents",
264
+ "module": "src/utils/events.ts"
265
+ }
266
+ }
267
+ ]
268
+ },
269
+ {
270
+ "kind": "javascript-module",
271
+ "path": "src/utils/index.ts",
143
272
  "declarations": [],
144
273
  "exports": [
145
274
  {
146
275
  "kind": "js",
147
- "name": "FoundationLayoutItem",
276
+ "name": "*",
148
277
  "declaration": {
149
- "name": "FoundationLayoutItem",
150
- "module": "./layout-item"
278
+ "name": "*",
279
+ "package": "./constants"
151
280
  }
152
281
  },
153
282
  {
154
283
  "kind": "js",
155
- "name": "FoundationLayoutRegion",
284
+ "name": "*",
156
285
  "declaration": {
157
- "name": "FoundationLayoutRegion",
158
- "module": "./layout-region"
286
+ "name": "*",
287
+ "package": "./error"
159
288
  }
160
289
  },
161
290
  {
162
291
  "kind": "js",
163
- "name": "FoundationLayout",
292
+ "name": "*",
164
293
  "declaration": {
165
- "name": "FoundationLayout",
166
- "module": "./layout-main"
294
+ "name": "*",
295
+ "package": "./events"
167
296
  }
168
297
  },
169
298
  {
170
299
  "kind": "js",
171
- "name": "layoutStyles",
300
+ "name": "*",
172
301
  "declaration": {
173
- "name": "layoutStyles",
174
- "module": "./layout-main"
302
+ "name": "*",
303
+ "package": "./misc"
175
304
  }
176
305
  },
177
306
  {
178
307
  "kind": "js",
179
- "name": "layoutTemplate",
308
+ "name": "*",
180
309
  "declaration": {
181
- "name": "layoutTemplate",
182
- "module": "./layout-main"
310
+ "name": "*",
311
+ "package": "./templates"
183
312
  }
184
313
  },
185
314
  {
@@ -187,55 +316,274 @@
187
316
  "name": "*",
188
317
  "declaration": {
189
318
  "name": "*",
190
- "package": "./layout-components"
319
+ "package": "./types"
320
+ }
321
+ },
322
+ {
323
+ "kind": "js",
324
+ "name": "*",
325
+ "declaration": {
326
+ "name": "*",
327
+ "package": "./error"
191
328
  }
192
329
  }
193
330
  ]
194
331
  },
195
332
  {
196
333
  "kind": "javascript-module",
197
- "path": "src/main/layout-components.ts",
334
+ "path": "src/utils/logger.ts",
198
335
  "declarations": [
199
336
  {
200
337
  "kind": "variable",
201
- "name": "foundationLayoutComponents",
338
+ "name": "logger"
339
+ }
340
+ ],
341
+ "exports": [
342
+ {
343
+ "kind": "js",
344
+ "name": "logger",
345
+ "declaration": {
346
+ "name": "logger",
347
+ "module": "src/utils/logger.ts"
348
+ }
349
+ }
350
+ ]
351
+ },
352
+ {
353
+ "kind": "javascript-module",
354
+ "path": "src/utils/misc.ts",
355
+ "declarations": [],
356
+ "exports": []
357
+ },
358
+ {
359
+ "kind": "javascript-module",
360
+ "path": "src/utils/templates.ts",
361
+ "declarations": [],
362
+ "exports": []
363
+ },
364
+ {
365
+ "kind": "javascript-module",
366
+ "path": "src/utils/types.ts",
367
+ "declarations": [],
368
+ "exports": []
369
+ },
370
+ {
371
+ "kind": "javascript-module",
372
+ "path": "src/styles/constants.ts",
373
+ "declarations": [
374
+ {
375
+ "kind": "variable",
376
+ "name": "glVisualConfig",
202
377
  "type": {
203
- "text": "object"
378
+ "text": "Omit<LayoutConfig, 'root'>"
204
379
  },
205
- "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}",
206
- "description": "Registration object to register the layout with your design system.",
380
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
381
+ },
382
+ {
383
+ "kind": "variable",
384
+ "name": "LAYOUT_ICONS",
385
+ "type": {
386
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
387
+ },
388
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
389
+ "description": "A collection of SVG icons in base64 format.",
207
390
  "privacy": "public"
208
391
  }
209
392
  ],
210
393
  "exports": [
211
394
  {
212
395
  "kind": "js",
213
- "name": "foundationLayoutComponents",
396
+ "name": "glVisualConfig",
214
397
  "declaration": {
215
- "name": "foundationLayoutComponents",
216
- "module": "src/main/layout-components.ts"
398
+ "name": "glVisualConfig",
399
+ "module": "src/styles/constants.ts"
400
+ }
401
+ },
402
+ {
403
+ "kind": "js",
404
+ "name": "LAYOUT_ICONS",
405
+ "declaration": {
406
+ "name": "LAYOUT_ICONS",
407
+ "module": "src/styles/constants.ts"
217
408
  }
218
409
  }
219
410
  ]
220
411
  },
221
412
  {
222
413
  "kind": "javascript-module",
223
- "path": "src/main/layout-item.ts",
414
+ "path": "src/styles/dragging.styles.ts",
224
415
  "declarations": [
225
416
  {
226
- "kind": "class",
227
- "description": "",
228
- "name": "FoundationLayoutItem",
229
- "members": [
230
- {
231
- "kind": "field",
232
- "name": "title",
233
- "type": {
234
- "text": "string"
235
- },
236
- "description": "Sets the title of the item which is displayed on the tab.",
237
- "privacy": "public"
238
- },
417
+ "kind": "variable",
418
+ "name": "globalDraggingStyles",
419
+ "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`",
420
+ "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"
421
+ }
422
+ ],
423
+ "exports": [
424
+ {
425
+ "kind": "js",
426
+ "name": "globalDraggingStyles",
427
+ "declaration": {
428
+ "name": "globalDraggingStyles",
429
+ "module": "src/styles/dragging.styles.ts"
430
+ }
431
+ }
432
+ ]
433
+ },
434
+ {
435
+ "kind": "javascript-module",
436
+ "path": "src/styles/index.ts",
437
+ "declarations": [],
438
+ "exports": [
439
+ {
440
+ "kind": "js",
441
+ "name": "*",
442
+ "declaration": {
443
+ "name": "*",
444
+ "package": "./constants"
445
+ }
446
+ },
447
+ {
448
+ "kind": "js",
449
+ "name": "*",
450
+ "declaration": {
451
+ "name": "*",
452
+ "package": "./dragging.styles"
453
+ }
454
+ },
455
+ {
456
+ "kind": "js",
457
+ "name": "*",
458
+ "declaration": {
459
+ "name": "*",
460
+ "package": "./layout.styles"
461
+ }
462
+ }
463
+ ]
464
+ },
465
+ {
466
+ "kind": "javascript-module",
467
+ "path": "src/styles/layout.styles.ts",
468
+ "declarations": [
469
+ {
470
+ "kind": "variable",
471
+ "name": "layoutStyles",
472
+ "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`",
473
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
474
+ "privacy": "public"
475
+ }
476
+ ],
477
+ "exports": [
478
+ {
479
+ "kind": "js",
480
+ "name": "layoutStyles",
481
+ "declaration": {
482
+ "name": "layoutStyles",
483
+ "module": "src/styles/layout.styles.ts"
484
+ }
485
+ }
486
+ ]
487
+ },
488
+ {
489
+ "kind": "javascript-module",
490
+ "path": "src/main/index.ts",
491
+ "declarations": [],
492
+ "exports": [
493
+ {
494
+ "kind": "js",
495
+ "name": "FoundationLayoutItem",
496
+ "declaration": {
497
+ "name": "FoundationLayoutItem",
498
+ "module": "./layout-item"
499
+ }
500
+ },
501
+ {
502
+ "kind": "js",
503
+ "name": "FoundationLayoutRegion",
504
+ "declaration": {
505
+ "name": "FoundationLayoutRegion",
506
+ "module": "./layout-region"
507
+ }
508
+ },
509
+ {
510
+ "kind": "js",
511
+ "name": "FoundationLayout",
512
+ "declaration": {
513
+ "name": "FoundationLayout",
514
+ "module": "./layout-main"
515
+ }
516
+ },
517
+ {
518
+ "kind": "js",
519
+ "name": "layoutStyles",
520
+ "declaration": {
521
+ "name": "layoutStyles",
522
+ "module": "./layout-main"
523
+ }
524
+ },
525
+ {
526
+ "kind": "js",
527
+ "name": "layoutTemplate",
528
+ "declaration": {
529
+ "name": "layoutTemplate",
530
+ "module": "./layout-main"
531
+ }
532
+ },
533
+ {
534
+ "kind": "js",
535
+ "name": "*",
536
+ "declaration": {
537
+ "name": "*",
538
+ "package": "./layout-components"
539
+ }
540
+ }
541
+ ]
542
+ },
543
+ {
544
+ "kind": "javascript-module",
545
+ "path": "src/main/layout-components.ts",
546
+ "declarations": [
547
+ {
548
+ "kind": "variable",
549
+ "name": "foundationLayoutComponents",
550
+ "type": {
551
+ "text": "object"
552
+ },
553
+ "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}",
554
+ "description": "Registration object to register the layout with your design system.",
555
+ "privacy": "public"
556
+ }
557
+ ],
558
+ "exports": [
559
+ {
560
+ "kind": "js",
561
+ "name": "foundationLayoutComponents",
562
+ "declaration": {
563
+ "name": "foundationLayoutComponents",
564
+ "module": "src/main/layout-components.ts"
565
+ }
566
+ }
567
+ ]
568
+ },
569
+ {
570
+ "kind": "javascript-module",
571
+ "path": "src/main/layout-item.ts",
572
+ "declarations": [
573
+ {
574
+ "kind": "class",
575
+ "description": "",
576
+ "name": "FoundationLayoutItem",
577
+ "members": [
578
+ {
579
+ "kind": "field",
580
+ "name": "title",
581
+ "type": {
582
+ "text": "string"
583
+ },
584
+ "description": "Sets the title of the item which is displayed on the tab.",
585
+ "privacy": "public"
586
+ },
239
587
  {
240
588
  "kind": "field",
241
589
  "name": "closable",
@@ -1137,354 +1485,6 @@
1137
1485
  }
1138
1486
  }
1139
1487
  ]
1140
- },
1141
- {
1142
- "kind": "javascript-module",
1143
- "path": "src/utils/constants.ts",
1144
- "declarations": [
1145
- {
1146
- "kind": "variable",
1147
- "name": "DEFAULT_RELOAD_BUFFER",
1148
- "type": {
1149
- "text": "number"
1150
- },
1151
- "default": "500",
1152
- "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.",
1153
- "privacy": "public"
1154
- },
1155
- {
1156
- "kind": "variable",
1157
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1158
- "type": {
1159
- "text": "string"
1160
- },
1161
- "default": "'f-layout-popout'",
1162
- "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."
1163
- }
1164
- ],
1165
- "exports": [
1166
- {
1167
- "kind": "js",
1168
- "name": "DEFAULT_RELOAD_BUFFER",
1169
- "declaration": {
1170
- "name": "DEFAULT_RELOAD_BUFFER",
1171
- "module": "src/utils/constants.ts"
1172
- }
1173
- },
1174
- {
1175
- "kind": "js",
1176
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1177
- "declaration": {
1178
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1179
- "module": "src/utils/constants.ts"
1180
- }
1181
- }
1182
- ]
1183
- },
1184
- {
1185
- "kind": "javascript-module",
1186
- "path": "src/utils/error.ts",
1187
- "declarations": [
1188
- {
1189
- "kind": "class",
1190
- "description": "",
1191
- "name": "LayoutUsageError",
1192
- "superclass": {
1193
- "name": "Error",
1194
- "module": "src/utils/error.ts"
1195
- }
1196
- },
1197
- {
1198
- "kind": "class",
1199
- "description": "",
1200
- "name": "LayoutRegistrationError",
1201
- "superclass": {
1202
- "name": "Error",
1203
- "module": "src/utils/error.ts"
1204
- }
1205
- }
1206
- ],
1207
- "exports": [
1208
- {
1209
- "kind": "js",
1210
- "name": "LayoutUsageError",
1211
- "declaration": {
1212
- "name": "LayoutUsageError",
1213
- "module": "src/utils/error.ts"
1214
- }
1215
- },
1216
- {
1217
- "kind": "js",
1218
- "name": "LayoutRegistrationError",
1219
- "declaration": {
1220
- "name": "LayoutRegistrationError",
1221
- "module": "src/utils/error.ts"
1222
- }
1223
- }
1224
- ]
1225
- },
1226
- {
1227
- "kind": "javascript-module",
1228
- "path": "src/utils/events.ts",
1229
- "declarations": [
1230
- {
1231
- "kind": "variable",
1232
- "name": "LayoutEmitEvents",
1233
- "type": {
1234
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1235
- },
1236
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1237
- "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",
1238
- "privacy": "public"
1239
- },
1240
- {
1241
- "kind": "variable",
1242
- "name": "LayoutReceiveEvents",
1243
- "type": {
1244
- "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1245
- },
1246
- "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1247
- "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.",
1248
- "privacy": "public"
1249
- }
1250
- ],
1251
- "exports": [
1252
- {
1253
- "kind": "js",
1254
- "name": "LayoutEmitEvents",
1255
- "declaration": {
1256
- "name": "LayoutEmitEvents",
1257
- "module": "src/utils/events.ts"
1258
- }
1259
- },
1260
- {
1261
- "kind": "js",
1262
- "name": "LayoutReceiveEvents",
1263
- "declaration": {
1264
- "name": "LayoutReceiveEvents",
1265
- "module": "src/utils/events.ts"
1266
- }
1267
- }
1268
- ]
1269
- },
1270
- {
1271
- "kind": "javascript-module",
1272
- "path": "src/utils/index.ts",
1273
- "declarations": [],
1274
- "exports": [
1275
- {
1276
- "kind": "js",
1277
- "name": "*",
1278
- "declaration": {
1279
- "name": "*",
1280
- "package": "./constants"
1281
- }
1282
- },
1283
- {
1284
- "kind": "js",
1285
- "name": "*",
1286
- "declaration": {
1287
- "name": "*",
1288
- "package": "./error"
1289
- }
1290
- },
1291
- {
1292
- "kind": "js",
1293
- "name": "*",
1294
- "declaration": {
1295
- "name": "*",
1296
- "package": "./events"
1297
- }
1298
- },
1299
- {
1300
- "kind": "js",
1301
- "name": "*",
1302
- "declaration": {
1303
- "name": "*",
1304
- "package": "./misc"
1305
- }
1306
- },
1307
- {
1308
- "kind": "js",
1309
- "name": "*",
1310
- "declaration": {
1311
- "name": "*",
1312
- "package": "./templates"
1313
- }
1314
- },
1315
- {
1316
- "kind": "js",
1317
- "name": "*",
1318
- "declaration": {
1319
- "name": "*",
1320
- "package": "./types"
1321
- }
1322
- },
1323
- {
1324
- "kind": "js",
1325
- "name": "*",
1326
- "declaration": {
1327
- "name": "*",
1328
- "package": "./error"
1329
- }
1330
- }
1331
- ]
1332
- },
1333
- {
1334
- "kind": "javascript-module",
1335
- "path": "src/utils/logger.ts",
1336
- "declarations": [
1337
- {
1338
- "kind": "variable",
1339
- "name": "logger"
1340
- }
1341
- ],
1342
- "exports": [
1343
- {
1344
- "kind": "js",
1345
- "name": "logger",
1346
- "declaration": {
1347
- "name": "logger",
1348
- "module": "src/utils/logger.ts"
1349
- }
1350
- }
1351
- ]
1352
- },
1353
- {
1354
- "kind": "javascript-module",
1355
- "path": "src/utils/misc.ts",
1356
- "declarations": [],
1357
- "exports": []
1358
- },
1359
- {
1360
- "kind": "javascript-module",
1361
- "path": "src/utils/templates.ts",
1362
- "declarations": [],
1363
- "exports": []
1364
- },
1365
- {
1366
- "kind": "javascript-module",
1367
- "path": "src/utils/types.ts",
1368
- "declarations": [],
1369
- "exports": []
1370
- },
1371
- {
1372
- "kind": "javascript-module",
1373
- "path": "src/styles/constants.ts",
1374
- "declarations": [
1375
- {
1376
- "kind": "variable",
1377
- "name": "glVisualConfig",
1378
- "type": {
1379
- "text": "Omit<LayoutConfig, 'root'>"
1380
- },
1381
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1382
- },
1383
- {
1384
- "kind": "variable",
1385
- "name": "LAYOUT_ICONS",
1386
- "type": {
1387
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
1388
- },
1389
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
1390
- "description": "A collection of SVG icons in base64 format.",
1391
- "privacy": "public"
1392
- }
1393
- ],
1394
- "exports": [
1395
- {
1396
- "kind": "js",
1397
- "name": "glVisualConfig",
1398
- "declaration": {
1399
- "name": "glVisualConfig",
1400
- "module": "src/styles/constants.ts"
1401
- }
1402
- },
1403
- {
1404
- "kind": "js",
1405
- "name": "LAYOUT_ICONS",
1406
- "declaration": {
1407
- "name": "LAYOUT_ICONS",
1408
- "module": "src/styles/constants.ts"
1409
- }
1410
- }
1411
- ]
1412
- },
1413
- {
1414
- "kind": "javascript-module",
1415
- "path": "src/styles/dragging.styles.ts",
1416
- "declarations": [
1417
- {
1418
- "kind": "variable",
1419
- "name": "globalDraggingStyles",
1420
- "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`",
1421
- "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"
1422
- }
1423
- ],
1424
- "exports": [
1425
- {
1426
- "kind": "js",
1427
- "name": "globalDraggingStyles",
1428
- "declaration": {
1429
- "name": "globalDraggingStyles",
1430
- "module": "src/styles/dragging.styles.ts"
1431
- }
1432
- }
1433
- ]
1434
- },
1435
- {
1436
- "kind": "javascript-module",
1437
- "path": "src/styles/index.ts",
1438
- "declarations": [],
1439
- "exports": [
1440
- {
1441
- "kind": "js",
1442
- "name": "*",
1443
- "declaration": {
1444
- "name": "*",
1445
- "package": "./constants"
1446
- }
1447
- },
1448
- {
1449
- "kind": "js",
1450
- "name": "*",
1451
- "declaration": {
1452
- "name": "*",
1453
- "package": "./dragging.styles"
1454
- }
1455
- },
1456
- {
1457
- "kind": "js",
1458
- "name": "*",
1459
- "declaration": {
1460
- "name": "*",
1461
- "package": "./layout.styles"
1462
- }
1463
- }
1464
- ]
1465
- },
1466
- {
1467
- "kind": "javascript-module",
1468
- "path": "src/styles/layout.styles.ts",
1469
- "declarations": [
1470
- {
1471
- "kind": "variable",
1472
- "name": "layoutStyles",
1473
- "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`",
1474
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
1475
- "privacy": "public"
1476
- }
1477
- ],
1478
- "exports": [
1479
- {
1480
- "kind": "js",
1481
- "name": "layoutStyles",
1482
- "declaration": {
1483
- "name": "layoutStyles",
1484
- "module": "src/styles/layout.styles.ts"
1485
- }
1486
- }
1487
- ]
1488
1488
  }
1489
1489
  ]
1490
1490
  }
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.246.0",
4
+ "version": "14.246.1-alpha-e79f189.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,20 +36,20 @@
36
36
  }
37
37
  },
38
38
  "devDependencies": {
39
- "@genesislcap/foundation-testing": "14.246.0",
40
- "@genesislcap/genx": "14.246.0",
41
- "@genesislcap/rollup-builder": "14.246.0",
42
- "@genesislcap/ts-builder": "14.246.0",
43
- "@genesislcap/uvu-playwright-builder": "14.246.0",
44
- "@genesislcap/vite-builder": "14.246.0",
45
- "@genesislcap/webpack-builder": "14.246.0",
39
+ "@genesislcap/foundation-testing": "14.246.1-alpha-e79f189.0",
40
+ "@genesislcap/genx": "14.246.1-alpha-e79f189.0",
41
+ "@genesislcap/rollup-builder": "14.246.1-alpha-e79f189.0",
42
+ "@genesislcap/ts-builder": "14.246.1-alpha-e79f189.0",
43
+ "@genesislcap/uvu-playwright-builder": "14.246.1-alpha-e79f189.0",
44
+ "@genesislcap/vite-builder": "14.246.1-alpha-e79f189.0",
45
+ "@genesislcap/webpack-builder": "14.246.1-alpha-e79f189.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.246.0",
51
- "@genesislcap/foundation-logger": "14.246.0",
52
- "@genesislcap/foundation-utils": "14.246.0",
50
+ "@genesislcap/foundation-comms": "14.246.1-alpha-e79f189.0",
51
+ "@genesislcap/foundation-logger": "14.246.1-alpha-e79f189.0",
52
+ "@genesislcap/foundation-utils": "14.246.1-alpha-e79f189.0",
53
53
  "@microsoft/fast-components": "2.30.6",
54
54
  "@microsoft/fast-element": "1.14.0",
55
55
  "@microsoft/fast-foundation": "2.49.6",
@@ -64,5 +64,5 @@
64
64
  "access": "public"
65
65
  },
66
66
  "customElements": "dist/custom-elements.json",
67
- "gitHead": "3b622b3bd389713fd2d2cc72a3b3f61dd046bd28"
67
+ "gitHead": "228d83f62347569881dcf1a9cece988aee373adb"
68
68
  }