@genesislcap/foundation-layout 14.223.1-alpha-e2da71c.0 → 14.223.1-alpha-8510bde.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 +178 -178
  2. package/package.json +14 -14
@@ -145,71 +145,136 @@
145
145
  },
146
146
  {
147
147
  "kind": "javascript-module",
148
- "path": "src/styles/constants.ts",
148
+ "path": "src/utils/constants.ts",
149
149
  "declarations": [
150
150
  {
151
151
  "kind": "variable",
152
- "name": "glVisualConfig",
152
+ "name": "DEFAULT_RELOAD_BUFFER",
153
153
  "type": {
154
- "text": "Omit<LayoutConfig, 'root'>"
154
+ "text": "number"
155
155
  },
156
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
156
+ "default": "500",
157
+ "description": "Default time in milliseconds for the layout to buffer calls to reloading\nthe layout while the declarative API is loading.\n\nDuring the first load of the layout, a loading spinner will be shown.",
158
+ "privacy": "public"
157
159
  },
158
160
  {
159
161
  "kind": "variable",
160
- "name": "LAYOUT_ICONS",
162
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
161
163
  "type": {
162
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
164
+ "text": "string"
163
165
  },
164
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
165
- "description": "A collection of SVG icons in base64 format.",
166
- "privacy": "public"
166
+ "default": "'f-layout-popout'",
167
+ "description": "Put this classname on an element which is a DOM parent of the layout, and\nif the layout goes into popout mode then it will place itself as the only child\nfor the popout container you set."
167
168
  }
168
169
  ],
169
170
  "exports": [
170
171
  {
171
172
  "kind": "js",
172
- "name": "glVisualConfig",
173
+ "name": "DEFAULT_RELOAD_BUFFER",
173
174
  "declaration": {
174
- "name": "glVisualConfig",
175
- "module": "src/styles/constants.ts"
175
+ "name": "DEFAULT_RELOAD_BUFFER",
176
+ "module": "src/utils/constants.ts"
176
177
  }
177
178
  },
178
179
  {
179
180
  "kind": "js",
180
- "name": "LAYOUT_ICONS",
181
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
181
182
  "declaration": {
182
- "name": "LAYOUT_ICONS",
183
- "module": "src/styles/constants.ts"
183
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
184
+ "module": "src/utils/constants.ts"
184
185
  }
185
186
  }
186
187
  ]
187
188
  },
188
189
  {
189
190
  "kind": "javascript-module",
190
- "path": "src/styles/dragging.styles.ts",
191
+ "path": "src/utils/error.ts",
192
+ "declarations": [
193
+ {
194
+ "kind": "class",
195
+ "description": "",
196
+ "name": "LayoutUsageError",
197
+ "superclass": {
198
+ "name": "Error",
199
+ "module": "src/utils/error.ts"
200
+ }
201
+ },
202
+ {
203
+ "kind": "class",
204
+ "description": "",
205
+ "name": "LayoutRegistrationError",
206
+ "superclass": {
207
+ "name": "Error",
208
+ "module": "src/utils/error.ts"
209
+ }
210
+ }
211
+ ],
212
+ "exports": [
213
+ {
214
+ "kind": "js",
215
+ "name": "LayoutUsageError",
216
+ "declaration": {
217
+ "name": "LayoutUsageError",
218
+ "module": "src/utils/error.ts"
219
+ }
220
+ },
221
+ {
222
+ "kind": "js",
223
+ "name": "LayoutRegistrationError",
224
+ "declaration": {
225
+ "name": "LayoutRegistrationError",
226
+ "module": "src/utils/error.ts"
227
+ }
228
+ }
229
+ ]
230
+ },
231
+ {
232
+ "kind": "javascript-module",
233
+ "path": "src/utils/events.ts",
191
234
  "declarations": [
192
235
  {
193
236
  "kind": "variable",
194
- "name": "globalDraggingStyles",
195
- "default": "`\n .lm_dragProxy .lm_content {\n box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n }\n .lm_dropTargetIndicator {\n box-shadow: inset 0 0 30px #000000;\n outline: 1px dashed #cccccc;\n transition: all 200ms ease;\n }\n .lm_dropTargetIndicator .lm_inner {\n background: var(${neutralFillStealthRest.cssCustomProperty});\n opacity: 0.2;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_dragProxy {\n 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`",
196
- "description": "This is defined as a string rather than a css template\nbecause it is applied to a CSSStyleSheet object rather than\nused as a FAST template"
237
+ "name": "LayoutEmitEvents",
238
+ "type": {
239
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
240
+ },
241
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
242
+ "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
243
+ "privacy": "public"
244
+ },
245
+ {
246
+ "kind": "variable",
247
+ "name": "LayoutReceiveEvents",
248
+ "type": {
249
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
250
+ },
251
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
252
+ "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.\n'autosave' - emit this from a contained item to hint to the layout system that it should autosave the layout. A contained item should do this if it has just changed some state it would like to persist. See LayoutComponentWithState.",
253
+ "privacy": "public"
197
254
  }
198
255
  ],
199
256
  "exports": [
200
257
  {
201
258
  "kind": "js",
202
- "name": "globalDraggingStyles",
259
+ "name": "LayoutEmitEvents",
203
260
  "declaration": {
204
- "name": "globalDraggingStyles",
205
- "module": "src/styles/dragging.styles.ts"
261
+ "name": "LayoutEmitEvents",
262
+ "module": "src/utils/events.ts"
263
+ }
264
+ },
265
+ {
266
+ "kind": "js",
267
+ "name": "LayoutReceiveEvents",
268
+ "declaration": {
269
+ "name": "LayoutReceiveEvents",
270
+ "module": "src/utils/events.ts"
206
271
  }
207
272
  }
208
273
  ]
209
274
  },
210
275
  {
211
276
  "kind": "javascript-module",
212
- "path": "src/styles/index.ts",
277
+ "path": "src/utils/index.ts",
213
278
  "declarations": [],
214
279
  "exports": [
215
280
  {
@@ -225,7 +290,7 @@
225
290
  "name": "*",
226
291
  "declaration": {
227
292
  "name": "*",
228
- "package": "./dragging.styles"
293
+ "package": "./error"
229
294
  }
230
295
  },
231
296
  {
@@ -233,34 +298,81 @@
233
298
  "name": "*",
234
299
  "declaration": {
235
300
  "name": "*",
236
- "package": "./layout.styles"
301
+ "package": "./events"
302
+ }
303
+ },
304
+ {
305
+ "kind": "js",
306
+ "name": "*",
307
+ "declaration": {
308
+ "name": "*",
309
+ "package": "./misc"
310
+ }
311
+ },
312
+ {
313
+ "kind": "js",
314
+ "name": "*",
315
+ "declaration": {
316
+ "name": "*",
317
+ "package": "./templates"
318
+ }
319
+ },
320
+ {
321
+ "kind": "js",
322
+ "name": "*",
323
+ "declaration": {
324
+ "name": "*",
325
+ "package": "./types"
326
+ }
327
+ },
328
+ {
329
+ "kind": "js",
330
+ "name": "*",
331
+ "declaration": {
332
+ "name": "*",
333
+ "package": "./error"
237
334
  }
238
335
  }
239
336
  ]
240
337
  },
241
338
  {
242
339
  "kind": "javascript-module",
243
- "path": "src/styles/layout.styles.ts",
340
+ "path": "src/utils/logger.ts",
244
341
  "declarations": [
245
342
  {
246
343
  "kind": "variable",
247
- "name": "layoutStyles",
248
- "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize !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`",
249
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
250
- "privacy": "public"
344
+ "name": "logger"
251
345
  }
252
346
  ],
253
347
  "exports": [
254
348
  {
255
349
  "kind": "js",
256
- "name": "layoutStyles",
350
+ "name": "logger",
257
351
  "declaration": {
258
- "name": "layoutStyles",
259
- "module": "src/styles/layout.styles.ts"
352
+ "name": "logger",
353
+ "module": "src/utils/logger.ts"
260
354
  }
261
355
  }
262
356
  ]
263
357
  },
358
+ {
359
+ "kind": "javascript-module",
360
+ "path": "src/utils/misc.ts",
361
+ "declarations": [],
362
+ "exports": []
363
+ },
364
+ {
365
+ "kind": "javascript-module",
366
+ "path": "src/utils/templates.ts",
367
+ "declarations": [],
368
+ "exports": []
369
+ },
370
+ {
371
+ "kind": "javascript-module",
372
+ "path": "src/utils/types.ts",
373
+ "declarations": [],
374
+ "exports": []
375
+ },
264
376
  {
265
377
  "kind": "javascript-module",
266
378
  "path": "src/main/index.ts",
@@ -1264,136 +1376,71 @@
1264
1376
  },
1265
1377
  {
1266
1378
  "kind": "javascript-module",
1267
- "path": "src/utils/constants.ts",
1379
+ "path": "src/styles/constants.ts",
1268
1380
  "declarations": [
1269
1381
  {
1270
1382
  "kind": "variable",
1271
- "name": "DEFAULT_RELOAD_BUFFER",
1383
+ "name": "glVisualConfig",
1272
1384
  "type": {
1273
- "text": "number"
1385
+ "text": "Omit<LayoutConfig, 'root'>"
1274
1386
  },
1275
- "default": "500",
1276
- "description": "Default time in milliseconds for the layout to buffer calls to reloading\nthe layout while the declarative API is loading.\n\nDuring the first load of the layout, a loading spinner will be shown.",
1277
- "privacy": "public"
1387
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1278
1388
  },
1279
1389
  {
1280
1390
  "kind": "variable",
1281
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1391
+ "name": "LAYOUT_ICONS",
1282
1392
  "type": {
1283
- "text": "string"
1393
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
1284
1394
  },
1285
- "default": "'f-layout-popout'",
1286
- "description": "Put this classname on an element which is a DOM parent of the layout, and\nif the layout goes into popout mode then it will place itself as the only child\nfor the popout container you set."
1287
- }
1288
- ],
1289
- "exports": [
1290
- {
1291
- "kind": "js",
1292
- "name": "DEFAULT_RELOAD_BUFFER",
1293
- "declaration": {
1294
- "name": "DEFAULT_RELOAD_BUFFER",
1295
- "module": "src/utils/constants.ts"
1296
- }
1297
- },
1298
- {
1299
- "kind": "js",
1300
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1301
- "declaration": {
1302
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1303
- "module": "src/utils/constants.ts"
1304
- }
1305
- }
1306
- ]
1307
- },
1308
- {
1309
- "kind": "javascript-module",
1310
- "path": "src/utils/error.ts",
1311
- "declarations": [
1312
- {
1313
- "kind": "class",
1314
- "description": "",
1315
- "name": "LayoutUsageError",
1316
- "superclass": {
1317
- "name": "Error",
1318
- "module": "src/utils/error.ts"
1319
- }
1320
- },
1321
- {
1322
- "kind": "class",
1323
- "description": "",
1324
- "name": "LayoutRegistrationError",
1325
- "superclass": {
1326
- "name": "Error",
1327
- "module": "src/utils/error.ts"
1328
- }
1395
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
1396
+ "description": "A collection of SVG icons in base64 format.",
1397
+ "privacy": "public"
1329
1398
  }
1330
1399
  ],
1331
1400
  "exports": [
1332
1401
  {
1333
1402
  "kind": "js",
1334
- "name": "LayoutUsageError",
1403
+ "name": "glVisualConfig",
1335
1404
  "declaration": {
1336
- "name": "LayoutUsageError",
1337
- "module": "src/utils/error.ts"
1405
+ "name": "glVisualConfig",
1406
+ "module": "src/styles/constants.ts"
1338
1407
  }
1339
1408
  },
1340
1409
  {
1341
1410
  "kind": "js",
1342
- "name": "LayoutRegistrationError",
1411
+ "name": "LAYOUT_ICONS",
1343
1412
  "declaration": {
1344
- "name": "LayoutRegistrationError",
1345
- "module": "src/utils/error.ts"
1413
+ "name": "LAYOUT_ICONS",
1414
+ "module": "src/styles/constants.ts"
1346
1415
  }
1347
1416
  }
1348
1417
  ]
1349
1418
  },
1350
1419
  {
1351
1420
  "kind": "javascript-module",
1352
- "path": "src/utils/events.ts",
1421
+ "path": "src/styles/dragging.styles.ts",
1353
1422
  "declarations": [
1354
1423
  {
1355
1424
  "kind": "variable",
1356
- "name": "LayoutEmitEvents",
1357
- "type": {
1358
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1359
- },
1360
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1361
- "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
1362
- "privacy": "public"
1363
- },
1364
- {
1365
- "kind": "variable",
1366
- "name": "LayoutReceiveEvents",
1367
- "type": {
1368
- "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1369
- },
1370
- "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1371
- "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.\n'autosave' - emit this from a contained item to hint to the layout system that it should autosave the layout. A contained item should do this if it has just changed some state it would like to persist. See LayoutComponentWithState.",
1372
- "privacy": "public"
1425
+ "name": "globalDraggingStyles",
1426
+ "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`",
1427
+ "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"
1373
1428
  }
1374
1429
  ],
1375
1430
  "exports": [
1376
1431
  {
1377
1432
  "kind": "js",
1378
- "name": "LayoutEmitEvents",
1379
- "declaration": {
1380
- "name": "LayoutEmitEvents",
1381
- "module": "src/utils/events.ts"
1382
- }
1383
- },
1384
- {
1385
- "kind": "js",
1386
- "name": "LayoutReceiveEvents",
1433
+ "name": "globalDraggingStyles",
1387
1434
  "declaration": {
1388
- "name": "LayoutReceiveEvents",
1389
- "module": "src/utils/events.ts"
1435
+ "name": "globalDraggingStyles",
1436
+ "module": "src/styles/dragging.styles.ts"
1390
1437
  }
1391
1438
  }
1392
1439
  ]
1393
1440
  },
1394
1441
  {
1395
1442
  "kind": "javascript-module",
1396
- "path": "src/utils/index.ts",
1443
+ "path": "src/styles/index.ts",
1397
1444
  "declarations": [],
1398
1445
  "exports": [
1399
1446
  {
@@ -1409,39 +1456,7 @@
1409
1456
  "name": "*",
1410
1457
  "declaration": {
1411
1458
  "name": "*",
1412
- "package": "./error"
1413
- }
1414
- },
1415
- {
1416
- "kind": "js",
1417
- "name": "*",
1418
- "declaration": {
1419
- "name": "*",
1420
- "package": "./events"
1421
- }
1422
- },
1423
- {
1424
- "kind": "js",
1425
- "name": "*",
1426
- "declaration": {
1427
- "name": "*",
1428
- "package": "./misc"
1429
- }
1430
- },
1431
- {
1432
- "kind": "js",
1433
- "name": "*",
1434
- "declaration": {
1435
- "name": "*",
1436
- "package": "./templates"
1437
- }
1438
- },
1439
- {
1440
- "kind": "js",
1441
- "name": "*",
1442
- "declaration": {
1443
- "name": "*",
1444
- "package": "./types"
1459
+ "package": "./dragging.styles"
1445
1460
  }
1446
1461
  },
1447
1462
  {
@@ -1449,48 +1464,33 @@
1449
1464
  "name": "*",
1450
1465
  "declaration": {
1451
1466
  "name": "*",
1452
- "package": "./error"
1467
+ "package": "./layout.styles"
1453
1468
  }
1454
1469
  }
1455
1470
  ]
1456
1471
  },
1457
1472
  {
1458
1473
  "kind": "javascript-module",
1459
- "path": "src/utils/logger.ts",
1474
+ "path": "src/styles/layout.styles.ts",
1460
1475
  "declarations": [
1461
1476
  {
1462
1477
  "kind": "variable",
1463
- "name": "logger"
1478
+ "name": "layoutStyles",
1479
+ "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`",
1480
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
1481
+ "privacy": "public"
1464
1482
  }
1465
1483
  ],
1466
1484
  "exports": [
1467
1485
  {
1468
1486
  "kind": "js",
1469
- "name": "logger",
1487
+ "name": "layoutStyles",
1470
1488
  "declaration": {
1471
- "name": "logger",
1472
- "module": "src/utils/logger.ts"
1489
+ "name": "layoutStyles",
1490
+ "module": "src/styles/layout.styles.ts"
1473
1491
  }
1474
1492
  }
1475
1493
  ]
1476
- },
1477
- {
1478
- "kind": "javascript-module",
1479
- "path": "src/utils/misc.ts",
1480
- "declarations": [],
1481
- "exports": []
1482
- },
1483
- {
1484
- "kind": "javascript-module",
1485
- "path": "src/utils/templates.ts",
1486
- "declarations": [],
1487
- "exports": []
1488
- },
1489
- {
1490
- "kind": "javascript-module",
1491
- "path": "src/utils/types.ts",
1492
- "declarations": [],
1493
- "exports": []
1494
1494
  }
1495
1495
  ]
1496
1496
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-layout",
3
3
  "description": "Genesis Foundation UI App Layout",
4
- "version": "14.223.1-alpha-e2da71c.0",
4
+ "version": "14.223.1-alpha-8510bde.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,22 +36,22 @@
36
36
  }
37
37
  },
38
38
  "devDependencies": {
39
- "@genesislcap/foundation-testing": "14.223.1-alpha-e2da71c.0",
40
- "@genesislcap/genx": "14.223.1-alpha-e2da71c.0",
41
- "@genesislcap/rollup-builder": "14.223.1-alpha-e2da71c.0",
42
- "@genesislcap/ts-builder": "14.223.1-alpha-e2da71c.0",
43
- "@genesislcap/uvu-playwright-builder": "14.223.1-alpha-e2da71c.0",
44
- "@genesislcap/vite-builder": "14.223.1-alpha-e2da71c.0",
45
- "@genesislcap/webpack-builder": "14.223.1-alpha-e2da71c.0",
39
+ "@genesislcap/foundation-testing": "14.223.1-alpha-8510bde.0",
40
+ "@genesislcap/genx": "14.223.1-alpha-8510bde.0",
41
+ "@genesislcap/rollup-builder": "14.223.1-alpha-8510bde.0",
42
+ "@genesislcap/ts-builder": "14.223.1-alpha-8510bde.0",
43
+ "@genesislcap/uvu-playwright-builder": "14.223.1-alpha-8510bde.0",
44
+ "@genesislcap/vite-builder": "14.223.1-alpha-8510bde.0",
45
+ "@genesislcap/webpack-builder": "14.223.1-alpha-8510bde.0",
46
46
  "rimraf": "^5.0.0"
47
47
  },
48
48
  "dependencies": {
49
49
  "@genesis-community/golden-layout": "^2.11.0",
50
- "@genesislcap/foundation-comms": "14.223.1-alpha-e2da71c.0",
51
- "@genesislcap/foundation-logger": "14.223.1-alpha-e2da71c.0",
52
- "@genesislcap/foundation-utils": "14.223.1-alpha-e2da71c.0",
53
- "@microsoft/fast-components": "2.30.6",
54
- "@microsoft/fast-element": "1.14.0",
50
+ "@genesislcap/foundation-comms": "14.223.1-alpha-8510bde.0",
51
+ "@genesislcap/foundation-logger": "14.223.1-alpha-8510bde.0",
52
+ "@genesislcap/foundation-utils": "14.223.1-alpha-8510bde.0",
53
+ "@microsoft/fast-components": "^2.30.6",
54
+ "@microsoft/fast-element": "^1.12.0",
55
55
  "@microsoft/fast-foundation": "2.49.6",
56
56
  "tslib": "^2.3.1"
57
57
  },
@@ -64,5 +64,5 @@
64
64
  "access": "public"
65
65
  },
66
66
  "customElements": "dist/custom-elements.json",
67
- "gitHead": "a19985b4b79f9733183bbf5d13dd7d1029d19468"
67
+ "gitHead": "c004581f83ffc9cc1df4c1b8f64257dd11c443cc"
68
68
  }