@genesislcap/foundation-layout 14.227.4 → 14.228.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 +12 -12
package/dist/custom-elements.json CHANGED
@@ -139,184 +139,47 @@
139
139
  },
140
140
  {
141
141
  "kind": "javascript-module",
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",
142
+ "path": "src/main/index.ts",
272
143
  "declarations": [],
273
144
  "exports": [
274
145
  {
275
146
  "kind": "js",
276
- "name": "*",
277
- "declaration": {
278
- "name": "*",
279
- "package": "./constants"
280
- }
281
- },
282
- {
283
- "kind": "js",
284
- "name": "*",
147
+ "name": "FoundationLayoutItem",
285
148
  "declaration": {
286
- "name": "*",
287
- "package": "./error"
149
+ "name": "FoundationLayoutItem",
150
+ "module": "./layout-item"
288
151
  }
289
152
  },
290
153
  {
291
154
  "kind": "js",
292
- "name": "*",
155
+ "name": "FoundationLayoutRegion",
293
156
  "declaration": {
294
- "name": "*",
295
- "package": "./events"
157
+ "name": "FoundationLayoutRegion",
158
+ "module": "./layout-region"
296
159
  }
297
160
  },
298
161
  {
299
162
  "kind": "js",
300
- "name": "*",
163
+ "name": "FoundationLayout",
301
164
  "declaration": {
302
- "name": "*",
303
- "package": "./misc"
165
+ "name": "FoundationLayout",
166
+ "module": "./layout-main"
304
167
  }
305
168
  },
306
169
  {
307
170
  "kind": "js",
308
- "name": "*",
171
+ "name": "layoutStyles",
309
172
  "declaration": {
310
- "name": "*",
311
- "package": "./templates"
173
+ "name": "layoutStyles",
174
+ "module": "./layout-main"
312
175
  }
313
176
  },
314
177
  {
315
178
  "kind": "js",
316
- "name": "*",
179
+ "name": "layoutTemplate",
317
180
  "declaration": {
318
- "name": "*",
319
- "package": "./types"
181
+ "name": "layoutTemplate",
182
+ "module": "./layout-main"
320
183
  }
321
184
  },
322
185
  {
@@ -324,251 +187,40 @@
324
187
  "name": "*",
325
188
  "declaration": {
326
189
  "name": "*",
327
- "package": "./error"
328
- }
329
- }
330
- ]
331
- },
332
- {
333
- "kind": "javascript-module",
334
- "path": "src/utils/logger.ts",
335
- "declarations": [
336
- {
337
- "kind": "variable",
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"
190
+ "package": "./layout-components"
348
191
  }
349
192
  }
350
193
  ]
351
194
  },
352
195
  {
353
196
  "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",
197
+ "path": "src/main/layout-components.ts",
373
198
  "declarations": [
374
199
  {
375
200
  "kind": "variable",
376
- "name": "glVisualConfig",
377
- "type": {
378
- "text": "Omit<LayoutConfig, 'root'>"
379
- },
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",
201
+ "name": "foundationLayoutComponents",
385
202
  "type": {
386
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
203
+ "text": "object"
387
204
  },
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.",
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.",
390
207
  "privacy": "public"
391
208
  }
392
209
  ],
393
210
  "exports": [
394
211
  {
395
212
  "kind": "js",
396
- "name": "glVisualConfig",
397
- "declaration": {
398
- "name": "glVisualConfig",
399
- "module": "src/styles/constants.ts"
400
- }
401
- },
402
- {
403
- "kind": "js",
404
- "name": "LAYOUT_ICONS",
213
+ "name": "foundationLayoutComponents",
405
214
  "declaration": {
406
- "name": "LAYOUT_ICONS",
407
- "module": "src/styles/constants.ts"
215
+ "name": "foundationLayoutComponents",
216
+ "module": "src/main/layout-components.ts"
408
217
  }
409
218
  }
410
219
  ]
411
220
  },
412
221
  {
413
222
  "kind": "javascript-module",
414
- "path": "src/styles/dragging.styles.ts",
415
- "declarations": [
416
- {
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",
223
+ "path": "src/main/layout-item.ts",
572
224
  "declarations": [
573
225
  {
574
226
  "kind": "class",
@@ -1485,6 +1137,354 @@
1485
1137
  }
1486
1138
  }
1487
1139
  ]
1140
+ },
1141
+ {
1142
+ "kind": "javascript-module",
1143
+ "path": "src/styles/constants.ts",
1144
+ "declarations": [
1145
+ {
1146
+ "kind": "variable",
1147
+ "name": "glVisualConfig",
1148
+ "type": {
1149
+ "text": "Omit<LayoutConfig, 'root'>"
1150
+ },
1151
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1152
+ },
1153
+ {
1154
+ "kind": "variable",
1155
+ "name": "LAYOUT_ICONS",
1156
+ "type": {
1157
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
1158
+ },
1159
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
1160
+ "description": "A collection of SVG icons in base64 format.",
1161
+ "privacy": "public"
1162
+ }
1163
+ ],
1164
+ "exports": [
1165
+ {
1166
+ "kind": "js",
1167
+ "name": "glVisualConfig",
1168
+ "declaration": {
1169
+ "name": "glVisualConfig",
1170
+ "module": "src/styles/constants.ts"
1171
+ }
1172
+ },
1173
+ {
1174
+ "kind": "js",
1175
+ "name": "LAYOUT_ICONS",
1176
+ "declaration": {
1177
+ "name": "LAYOUT_ICONS",
1178
+ "module": "src/styles/constants.ts"
1179
+ }
1180
+ }
1181
+ ]
1182
+ },
1183
+ {
1184
+ "kind": "javascript-module",
1185
+ "path": "src/styles/dragging.styles.ts",
1186
+ "declarations": [
1187
+ {
1188
+ "kind": "variable",
1189
+ "name": "globalDraggingStyles",
1190
+ "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`",
1191
+ "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"
1192
+ }
1193
+ ],
1194
+ "exports": [
1195
+ {
1196
+ "kind": "js",
1197
+ "name": "globalDraggingStyles",
1198
+ "declaration": {
1199
+ "name": "globalDraggingStyles",
1200
+ "module": "src/styles/dragging.styles.ts"
1201
+ }
1202
+ }
1203
+ ]
1204
+ },
1205
+ {
1206
+ "kind": "javascript-module",
1207
+ "path": "src/styles/index.ts",
1208
+ "declarations": [],
1209
+ "exports": [
1210
+ {
1211
+ "kind": "js",
1212
+ "name": "*",
1213
+ "declaration": {
1214
+ "name": "*",
1215
+ "package": "./constants"
1216
+ }
1217
+ },
1218
+ {
1219
+ "kind": "js",
1220
+ "name": "*",
1221
+ "declaration": {
1222
+ "name": "*",
1223
+ "package": "./dragging.styles"
1224
+ }
1225
+ },
1226
+ {
1227
+ "kind": "js",
1228
+ "name": "*",
1229
+ "declaration": {
1230
+ "name": "*",
1231
+ "package": "./layout.styles"
1232
+ }
1233
+ }
1234
+ ]
1235
+ },
1236
+ {
1237
+ "kind": "javascript-module",
1238
+ "path": "src/styles/layout.styles.ts",
1239
+ "declarations": [
1240
+ {
1241
+ "kind": "variable",
1242
+ "name": "layoutStyles",
1243
+ "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`",
1244
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
1245
+ "privacy": "public"
1246
+ }
1247
+ ],
1248
+ "exports": [
1249
+ {
1250
+ "kind": "js",
1251
+ "name": "layoutStyles",
1252
+ "declaration": {
1253
+ "name": "layoutStyles",
1254
+ "module": "src/styles/layout.styles.ts"
1255
+ }
1256
+ }
1257
+ ]
1258
+ },
1259
+ {
1260
+ "kind": "javascript-module",
1261
+ "path": "src/utils/constants.ts",
1262
+ "declarations": [
1263
+ {
1264
+ "kind": "variable",
1265
+ "name": "DEFAULT_RELOAD_BUFFER",
1266
+ "type": {
1267
+ "text": "number"
1268
+ },
1269
+ "default": "500",
1270
+ "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.",
1271
+ "privacy": "public"
1272
+ },
1273
+ {
1274
+ "kind": "variable",
1275
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1276
+ "type": {
1277
+ "text": "string"
1278
+ },
1279
+ "default": "'f-layout-popout'",
1280
+ "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."
1281
+ }
1282
+ ],
1283
+ "exports": [
1284
+ {
1285
+ "kind": "js",
1286
+ "name": "DEFAULT_RELOAD_BUFFER",
1287
+ "declaration": {
1288
+ "name": "DEFAULT_RELOAD_BUFFER",
1289
+ "module": "src/utils/constants.ts"
1290
+ }
1291
+ },
1292
+ {
1293
+ "kind": "js",
1294
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1295
+ "declaration": {
1296
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1297
+ "module": "src/utils/constants.ts"
1298
+ }
1299
+ }
1300
+ ]
1301
+ },
1302
+ {
1303
+ "kind": "javascript-module",
1304
+ "path": "src/utils/error.ts",
1305
+ "declarations": [
1306
+ {
1307
+ "kind": "class",
1308
+ "description": "",
1309
+ "name": "LayoutUsageError",
1310
+ "superclass": {
1311
+ "name": "Error",
1312
+ "module": "src/utils/error.ts"
1313
+ }
1314
+ },
1315
+ {
1316
+ "kind": "class",
1317
+ "description": "",
1318
+ "name": "LayoutRegistrationError",
1319
+ "superclass": {
1320
+ "name": "Error",
1321
+ "module": "src/utils/error.ts"
1322
+ }
1323
+ }
1324
+ ],
1325
+ "exports": [
1326
+ {
1327
+ "kind": "js",
1328
+ "name": "LayoutUsageError",
1329
+ "declaration": {
1330
+ "name": "LayoutUsageError",
1331
+ "module": "src/utils/error.ts"
1332
+ }
1333
+ },
1334
+ {
1335
+ "kind": "js",
1336
+ "name": "LayoutRegistrationError",
1337
+ "declaration": {
1338
+ "name": "LayoutRegistrationError",
1339
+ "module": "src/utils/error.ts"
1340
+ }
1341
+ }
1342
+ ]
1343
+ },
1344
+ {
1345
+ "kind": "javascript-module",
1346
+ "path": "src/utils/events.ts",
1347
+ "declarations": [
1348
+ {
1349
+ "kind": "variable",
1350
+ "name": "LayoutEmitEvents",
1351
+ "type": {
1352
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1353
+ },
1354
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1355
+ "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",
1356
+ "privacy": "public"
1357
+ },
1358
+ {
1359
+ "kind": "variable",
1360
+ "name": "LayoutReceiveEvents",
1361
+ "type": {
1362
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1363
+ },
1364
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1365
+ "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.",
1366
+ "privacy": "public"
1367
+ }
1368
+ ],
1369
+ "exports": [
1370
+ {
1371
+ "kind": "js",
1372
+ "name": "LayoutEmitEvents",
1373
+ "declaration": {
1374
+ "name": "LayoutEmitEvents",
1375
+ "module": "src/utils/events.ts"
1376
+ }
1377
+ },
1378
+ {
1379
+ "kind": "js",
1380
+ "name": "LayoutReceiveEvents",
1381
+ "declaration": {
1382
+ "name": "LayoutReceiveEvents",
1383
+ "module": "src/utils/events.ts"
1384
+ }
1385
+ }
1386
+ ]
1387
+ },
1388
+ {
1389
+ "kind": "javascript-module",
1390
+ "path": "src/utils/index.ts",
1391
+ "declarations": [],
1392
+ "exports": [
1393
+ {
1394
+ "kind": "js",
1395
+ "name": "*",
1396
+ "declaration": {
1397
+ "name": "*",
1398
+ "package": "./constants"
1399
+ }
1400
+ },
1401
+ {
1402
+ "kind": "js",
1403
+ "name": "*",
1404
+ "declaration": {
1405
+ "name": "*",
1406
+ "package": "./error"
1407
+ }
1408
+ },
1409
+ {
1410
+ "kind": "js",
1411
+ "name": "*",
1412
+ "declaration": {
1413
+ "name": "*",
1414
+ "package": "./events"
1415
+ }
1416
+ },
1417
+ {
1418
+ "kind": "js",
1419
+ "name": "*",
1420
+ "declaration": {
1421
+ "name": "*",
1422
+ "package": "./misc"
1423
+ }
1424
+ },
1425
+ {
1426
+ "kind": "js",
1427
+ "name": "*",
1428
+ "declaration": {
1429
+ "name": "*",
1430
+ "package": "./templates"
1431
+ }
1432
+ },
1433
+ {
1434
+ "kind": "js",
1435
+ "name": "*",
1436
+ "declaration": {
1437
+ "name": "*",
1438
+ "package": "./types"
1439
+ }
1440
+ },
1441
+ {
1442
+ "kind": "js",
1443
+ "name": "*",
1444
+ "declaration": {
1445
+ "name": "*",
1446
+ "package": "./error"
1447
+ }
1448
+ }
1449
+ ]
1450
+ },
1451
+ {
1452
+ "kind": "javascript-module",
1453
+ "path": "src/utils/logger.ts",
1454
+ "declarations": [
1455
+ {
1456
+ "kind": "variable",
1457
+ "name": "logger"
1458
+ }
1459
+ ],
1460
+ "exports": [
1461
+ {
1462
+ "kind": "js",
1463
+ "name": "logger",
1464
+ "declaration": {
1465
+ "name": "logger",
1466
+ "module": "src/utils/logger.ts"
1467
+ }
1468
+ }
1469
+ ]
1470
+ },
1471
+ {
1472
+ "kind": "javascript-module",
1473
+ "path": "src/utils/misc.ts",
1474
+ "declarations": [],
1475
+ "exports": []
1476
+ },
1477
+ {
1478
+ "kind": "javascript-module",
1479
+ "path": "src/utils/templates.ts",
1480
+ "declarations": [],
1481
+ "exports": []
1482
+ },
1483
+ {
1484
+ "kind": "javascript-module",
1485
+ "path": "src/utils/types.ts",
1486
+ "declarations": [],
1487
+ "exports": []
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.227.4",
4
+ "version": "14.228.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.227.4",
40
- "@genesislcap/genx": "14.227.4",
41
- "@genesislcap/rollup-builder": "14.227.4",
42
- "@genesislcap/ts-builder": "14.227.4",
43
- "@genesislcap/uvu-playwright-builder": "14.227.4",
44
- "@genesislcap/vite-builder": "14.227.4",
45
- "@genesislcap/webpack-builder": "14.227.4",
39
+ "@genesislcap/foundation-testing": "14.228.0",
40
+ "@genesislcap/genx": "14.228.0",
41
+ "@genesislcap/rollup-builder": "14.228.0",
42
+ "@genesislcap/ts-builder": "14.228.0",
43
+ "@genesislcap/uvu-playwright-builder": "14.228.0",
44
+ "@genesislcap/vite-builder": "14.228.0",
45
+ "@genesislcap/webpack-builder": "14.228.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.227.4",
51
- "@genesislcap/foundation-logger": "14.227.4",
52
- "@genesislcap/foundation-utils": "14.227.4",
50
+ "@genesislcap/foundation-comms": "14.228.0",
51
+ "@genesislcap/foundation-logger": "14.228.0",
52
+ "@genesislcap/foundation-utils": "14.228.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": "8589a5b1f5a9d2b720c3dc2f9ee6217d1abd9313"
67
+ "gitHead": "a8c87f80b2eab109ea129977bdbb803d6980da95"
68
68
  }