@genesislcap/foundation-layout 14.103.0 → 14.103.1-alpha-a1ac022.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -137,87 +137,47 @@
137
137
  },
138
138
  {
139
139
  "kind": "javascript-module",
140
- "path": "src/styles/constants.ts",
141
- "declarations": [
142
- {
143
- "kind": "variable",
144
- "name": "glVisualConfig",
145
- "type": {
146
- "text": "Omit<LayoutConfig, 'root'>"
147
- },
148
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
149
- },
150
- {
151
- "kind": "variable",
152
- "name": "LAYOUT_ICONS",
153
- "type": {
154
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}"
155
- },
156
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}",
157
- "description": "A collection of SVG icons in base64 format.",
158
- "privacy": "public"
159
- }
160
- ],
140
+ "path": "src/main/index.ts",
141
+ "declarations": [],
161
142
  "exports": [
162
143
  {
163
144
  "kind": "js",
164
- "name": "glVisualConfig",
145
+ "name": "FoundationLayoutItem",
165
146
  "declaration": {
166
- "name": "glVisualConfig",
167
- "module": "src/styles/constants.ts"
147
+ "name": "FoundationLayoutItem",
148
+ "module": "./layout-item"
168
149
  }
169
150
  },
170
151
  {
171
152
  "kind": "js",
172
- "name": "LAYOUT_ICONS",
153
+ "name": "FoundationLayoutRegion",
173
154
  "declaration": {
174
- "name": "LAYOUT_ICONS",
175
- "module": "src/styles/constants.ts"
155
+ "name": "FoundationLayoutRegion",
156
+ "module": "./layout-region"
176
157
  }
177
- }
178
- ]
179
- },
180
- {
181
- "kind": "javascript-module",
182
- "path": "src/styles/dragging.styles.ts",
183
- "declarations": [
184
- {
185
- "kind": "variable",
186
- "name": "globalDraggingStyles",
187
- "default": "`\n .lm_dragProxy .lm_content {\n box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n }\n .lm_dropTargetIndicator {\n box-shadow: inset 0 0 30px #000000;\n outline: 1px dashed #cccccc;\n transition: all 200ms ease;\n }\n .lm_dropTargetIndicator .lm_inner {\n background: var(${neutralFillStealthRest.cssCustomProperty});\n opacity: 0.2;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n`",
188
- "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"
189
- }
190
- ],
191
- "exports": [
158
+ },
192
159
  {
193
160
  "kind": "js",
194
- "name": "globalDraggingStyles",
161
+ "name": "FoundationLayout",
195
162
  "declaration": {
196
- "name": "globalDraggingStyles",
197
- "module": "src/styles/dragging.styles.ts"
163
+ "name": "FoundationLayout",
164
+ "module": "./layout-main"
198
165
  }
199
- }
200
- ]
201
- },
202
- {
203
- "kind": "javascript-module",
204
- "path": "src/styles/index.ts",
205
- "declarations": [],
206
- "exports": [
166
+ },
207
167
  {
208
168
  "kind": "js",
209
- "name": "*",
169
+ "name": "layoutStyles",
210
170
  "declaration": {
211
- "name": "*",
212
- "package": "./constants"
171
+ "name": "layoutStyles",
172
+ "module": "./layout-main"
213
173
  }
214
174
  },
215
175
  {
216
176
  "kind": "js",
217
- "name": "*",
177
+ "name": "layoutTemplate",
218
178
  "declaration": {
219
- "name": "*",
220
- "package": "./dragging.styles"
179
+ "name": "layoutTemplate",
180
+ "module": "./layout-main"
221
181
  }
222
182
  },
223
183
  {
@@ -225,331 +185,40 @@
225
185
  "name": "*",
226
186
  "declaration": {
227
187
  "name": "*",
228
- "package": "./layout.styles"
229
- }
230
- }
231
- ]
232
- },
233
- {
234
- "kind": "javascript-module",
235
- "path": "src/styles/layout.styles.ts",
236
- "declarations": [
237
- {
238
- "kind": "variable",
239
- "name": "layoutStyles",
240
- "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize;\n }\n .lm_splitter.lm_horizontal {\n float: left;\n height: 100%;\n }\n .lm_splitter.lm_horizontal .lm_drag_handle {\n width: 15px;\n height: 100%;\n position: absolute;\n left: -5px;\n cursor: ew-resize;\n }\n .lm_header {\n overflow: visible;\n position: relative;\n z-index: 1;\n }\n .lm_header [class^='lm_'] {\n box-sizing: content-box !important;\n }\n .lm_header .lm_controls {\n position: absolute;\n right: 3px;\n }\n .lm_header .lm_controls > li {\n cursor: pointer;\n float: left;\n width: 18px;\n height: 18px;\n text-align: center;\n }\n .lm_header ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .lm_header .lm_tabs {\n position: absolute;\n }\n .lm_header .lm_tab {\n cursor: pointer;\n float: left;\n margin-top: 1px;\n padding: 3px 25px 3px 10px;\n position: relative;\n }\n .lm_header .lm_tab i {\n width: 2px;\n height: 19px;\n position: absolute;\n }\n .lm_header .lm_tab i.lm_left {\n top: 0;\n left: -2px;\n }\n .lm_header .lm_tab i.lm_right {\n top: 0;\n right: -2px;\n }\n .lm_header .lm_tab .lm_title {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .lm_header .lm_tab .lm_title:only-child {\n padding-left: 10px;\n }\n .lm_header .lm_tab .lm_close_tab {\n width: 14px;\n height: 14px;\n position: absolute;\n top: 11px;\n right: 0;\n text-align: center;\n }\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n height: 100%;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header,\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_left .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items,\n .lm_stack.lm_left .lm_items,\n .lm_stack.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,\n .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab,\n .lm_stack.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_drop_tab_placeholder {\n float: left;\n width: 100px;\n height: 10px;\n visibility: hidden;\n }\n .lm_header .lm_tabdropdown_list {\n position: absolute;\n top: 20px;\n right: 0;\n z-index: 5;\n overflow: hidden;\n }\n .lm_header .lm_tabdropdown_list .lm_tab {\n clear: both;\n padding-right: 10px;\n margin: 0;\n }\n .lm_header .lm_tabdropdown_list .lm_tab .lm_title {\n width: 100px;\n }\n .lm_header .lm_tabdropdown_list .lm_close_tab {\n display: none !important;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n .lm_popin {\n width: 20px;\n height: 20px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 9999;\n }\n .lm_popin > * {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n .lm_popin > .lm_bg {\n z-index: 10;\n }\n .lm_popin > .lm_icon {\n z-index: 20;\n } /*# sourceMappingURL=goldenlayout-base.css.map */\n`",
241
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
242
- "privacy": "public"
243
- }
244
- ],
245
- "exports": [
246
- {
247
- "kind": "js",
248
- "name": "layoutStyles",
249
- "declaration": {
250
- "name": "layoutStyles",
251
- "module": "src/styles/layout.styles.ts"
188
+ "package": "./layout-components"
252
189
  }
253
190
  }
254
191
  ]
255
192
  },
256
193
  {
257
194
  "kind": "javascript-module",
258
- "path": "src/utils/constants.ts",
195
+ "path": "src/main/layout-components.ts",
259
196
  "declarations": [
260
197
  {
261
198
  "kind": "variable",
262
- "name": "DEFAULT_RELOAD_BUFFER",
199
+ "name": "foundationLayoutComponents",
263
200
  "type": {
264
- "text": "number"
201
+ "text": "object"
265
202
  },
266
- "default": "500",
267
- "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.",
203
+ "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}",
204
+ "description": "Registration object to register the layout with your design system.",
268
205
  "privacy": "public"
269
206
  }
270
207
  ],
271
208
  "exports": [
272
209
  {
273
210
  "kind": "js",
274
- "name": "DEFAULT_RELOAD_BUFFER",
211
+ "name": "foundationLayoutComponents",
275
212
  "declaration": {
276
- "name": "DEFAULT_RELOAD_BUFFER",
277
- "module": "src/utils/constants.ts"
213
+ "name": "foundationLayoutComponents",
214
+ "module": "src/main/layout-components.ts"
278
215
  }
279
216
  }
280
217
  ]
281
218
  },
282
219
  {
283
220
  "kind": "javascript-module",
284
- "path": "src/utils/error.ts",
285
- "declarations": [
286
- {
287
- "kind": "class",
288
- "description": "",
289
- "name": "LayoutUsageError",
290
- "superclass": {
291
- "name": "Error",
292
- "module": "src/utils/error.ts"
293
- }
294
- },
295
- {
296
- "kind": "class",
297
- "description": "",
298
- "name": "LayoutRegistrationError",
299
- "superclass": {
300
- "name": "Error",
301
- "module": "src/utils/error.ts"
302
- }
303
- }
304
- ],
305
- "exports": [
306
- {
307
- "kind": "js",
308
- "name": "LayoutUsageError",
309
- "declaration": {
310
- "name": "LayoutUsageError",
311
- "module": "src/utils/error.ts"
312
- }
313
- },
314
- {
315
- "kind": "js",
316
- "name": "LayoutRegistrationError",
317
- "declaration": {
318
- "name": "LayoutRegistrationError",
319
- "module": "src/utils/error.ts"
320
- }
321
- }
322
- ]
323
- },
324
- {
325
- "kind": "javascript-module",
326
- "path": "src/utils/events.ts",
327
- "declarations": [
328
- {
329
- "kind": "variable",
330
- "name": "LayoutEmitEvents",
331
- "type": {
332
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
333
- },
334
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
335
- "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",
336
- "privacy": "public"
337
- },
338
- {
339
- "kind": "variable",
340
- "name": "LayoutReceiveEvents",
341
- "type": {
342
- "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
343
- },
344
- "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
345
- "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.",
346
- "privacy": "public"
347
- }
348
- ],
349
- "exports": [
350
- {
351
- "kind": "js",
352
- "name": "LayoutEmitEvents",
353
- "declaration": {
354
- "name": "LayoutEmitEvents",
355
- "module": "src/utils/events.ts"
356
- }
357
- },
358
- {
359
- "kind": "js",
360
- "name": "LayoutReceiveEvents",
361
- "declaration": {
362
- "name": "LayoutReceiveEvents",
363
- "module": "src/utils/events.ts"
364
- }
365
- }
366
- ]
367
- },
368
- {
369
- "kind": "javascript-module",
370
- "path": "src/utils/index.ts",
371
- "declarations": [],
372
- "exports": [
373
- {
374
- "kind": "js",
375
- "name": "*",
376
- "declaration": {
377
- "name": "*",
378
- "package": "./constants"
379
- }
380
- },
381
- {
382
- "kind": "js",
383
- "name": "*",
384
- "declaration": {
385
- "name": "*",
386
- "package": "./error"
387
- }
388
- },
389
- {
390
- "kind": "js",
391
- "name": "*",
392
- "declaration": {
393
- "name": "*",
394
- "package": "./events"
395
- }
396
- },
397
- {
398
- "kind": "js",
399
- "name": "*",
400
- "declaration": {
401
- "name": "*",
402
- "package": "./misc"
403
- }
404
- },
405
- {
406
- "kind": "js",
407
- "name": "*",
408
- "declaration": {
409
- "name": "*",
410
- "package": "./templates"
411
- }
412
- },
413
- {
414
- "kind": "js",
415
- "name": "*",
416
- "declaration": {
417
- "name": "*",
418
- "package": "./types"
419
- }
420
- },
421
- {
422
- "kind": "js",
423
- "name": "*",
424
- "declaration": {
425
- "name": "*",
426
- "package": "./error"
427
- }
428
- }
429
- ]
430
- },
431
- {
432
- "kind": "javascript-module",
433
- "path": "src/utils/logger.ts",
434
- "declarations": [
435
- {
436
- "kind": "variable",
437
- "name": "logger"
438
- }
439
- ],
440
- "exports": [
441
- {
442
- "kind": "js",
443
- "name": "logger",
444
- "declaration": {
445
- "name": "logger",
446
- "module": "src/utils/logger.ts"
447
- }
448
- }
449
- ]
450
- },
451
- {
452
- "kind": "javascript-module",
453
- "path": "src/utils/misc.ts",
454
- "declarations": [],
455
- "exports": []
456
- },
457
- {
458
- "kind": "javascript-module",
459
- "path": "src/utils/templates.ts",
460
- "declarations": [],
461
- "exports": []
462
- },
463
- {
464
- "kind": "javascript-module",
465
- "path": "src/utils/types.ts",
466
- "declarations": [],
467
- "exports": []
468
- },
469
- {
470
- "kind": "javascript-module",
471
- "path": "src/main/index.ts",
472
- "declarations": [],
473
- "exports": [
474
- {
475
- "kind": "js",
476
- "name": "FoundationLayoutItem",
477
- "declaration": {
478
- "name": "FoundationLayoutItem",
479
- "module": "./layout-item"
480
- }
481
- },
482
- {
483
- "kind": "js",
484
- "name": "FoundationLayoutRegion",
485
- "declaration": {
486
- "name": "FoundationLayoutRegion",
487
- "module": "./layout-region"
488
- }
489
- },
490
- {
491
- "kind": "js",
492
- "name": "FoundationLayout",
493
- "declaration": {
494
- "name": "FoundationLayout",
495
- "module": "./layout-main"
496
- }
497
- },
498
- {
499
- "kind": "js",
500
- "name": "layoutStyles",
501
- "declaration": {
502
- "name": "layoutStyles",
503
- "module": "./layout-main"
504
- }
505
- },
506
- {
507
- "kind": "js",
508
- "name": "layoutTemplate",
509
- "declaration": {
510
- "name": "layoutTemplate",
511
- "module": "./layout-main"
512
- }
513
- },
514
- {
515
- "kind": "js",
516
- "name": "*",
517
- "declaration": {
518
- "name": "*",
519
- "package": "./layout-components"
520
- }
521
- }
522
- ]
523
- },
524
- {
525
- "kind": "javascript-module",
526
- "path": "src/main/layout-components.ts",
527
- "declarations": [
528
- {
529
- "kind": "variable",
530
- "name": "foundationLayoutComponents",
531
- "type": {
532
- "text": "object"
533
- },
534
- "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}",
535
- "description": "Registration object to register the layout with your design system.",
536
- "privacy": "public"
537
- }
538
- ],
539
- "exports": [
540
- {
541
- "kind": "js",
542
- "name": "foundationLayoutComponents",
543
- "declaration": {
544
- "name": "foundationLayoutComponents",
545
- "module": "src/main/layout-components.ts"
546
- }
547
- }
548
- ]
549
- },
550
- {
551
- "kind": "javascript-module",
552
- "path": "src/main/layout-item.ts",
221
+ "path": "src/main/layout-item.ts",
553
222
  "declarations": [
554
223
  {
555
224
  "kind": "class",
@@ -1399,6 +1068,337 @@
1399
1068
  }
1400
1069
  }
1401
1070
  ]
1071
+ },
1072
+ {
1073
+ "kind": "javascript-module",
1074
+ "path": "src/styles/constants.ts",
1075
+ "declarations": [
1076
+ {
1077
+ "kind": "variable",
1078
+ "name": "glVisualConfig",
1079
+ "type": {
1080
+ "text": "Omit<LayoutConfig, 'root'>"
1081
+ },
1082
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1083
+ },
1084
+ {
1085
+ "kind": "variable",
1086
+ "name": "LAYOUT_ICONS",
1087
+ "type": {
1088
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}"
1089
+ },
1090
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}",
1091
+ "description": "A collection of SVG icons in base64 format.",
1092
+ "privacy": "public"
1093
+ }
1094
+ ],
1095
+ "exports": [
1096
+ {
1097
+ "kind": "js",
1098
+ "name": "glVisualConfig",
1099
+ "declaration": {
1100
+ "name": "glVisualConfig",
1101
+ "module": "src/styles/constants.ts"
1102
+ }
1103
+ },
1104
+ {
1105
+ "kind": "js",
1106
+ "name": "LAYOUT_ICONS",
1107
+ "declaration": {
1108
+ "name": "LAYOUT_ICONS",
1109
+ "module": "src/styles/constants.ts"
1110
+ }
1111
+ }
1112
+ ]
1113
+ },
1114
+ {
1115
+ "kind": "javascript-module",
1116
+ "path": "src/styles/dragging.styles.ts",
1117
+ "declarations": [
1118
+ {
1119
+ "kind": "variable",
1120
+ "name": "globalDraggingStyles",
1121
+ "default": "`\n .lm_dragProxy .lm_content {\n box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n }\n .lm_dropTargetIndicator {\n box-shadow: inset 0 0 30px #000000;\n outline: 1px dashed #cccccc;\n transition: all 200ms ease;\n }\n .lm_dropTargetIndicator .lm_inner {\n background: var(${neutralFillStealthRest.cssCustomProperty});\n opacity: 0.2;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n`",
1122
+ "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"
1123
+ }
1124
+ ],
1125
+ "exports": [
1126
+ {
1127
+ "kind": "js",
1128
+ "name": "globalDraggingStyles",
1129
+ "declaration": {
1130
+ "name": "globalDraggingStyles",
1131
+ "module": "src/styles/dragging.styles.ts"
1132
+ }
1133
+ }
1134
+ ]
1135
+ },
1136
+ {
1137
+ "kind": "javascript-module",
1138
+ "path": "src/styles/index.ts",
1139
+ "declarations": [],
1140
+ "exports": [
1141
+ {
1142
+ "kind": "js",
1143
+ "name": "*",
1144
+ "declaration": {
1145
+ "name": "*",
1146
+ "package": "./constants"
1147
+ }
1148
+ },
1149
+ {
1150
+ "kind": "js",
1151
+ "name": "*",
1152
+ "declaration": {
1153
+ "name": "*",
1154
+ "package": "./dragging.styles"
1155
+ }
1156
+ },
1157
+ {
1158
+ "kind": "js",
1159
+ "name": "*",
1160
+ "declaration": {
1161
+ "name": "*",
1162
+ "package": "./layout.styles"
1163
+ }
1164
+ }
1165
+ ]
1166
+ },
1167
+ {
1168
+ "kind": "javascript-module",
1169
+ "path": "src/styles/layout.styles.ts",
1170
+ "declarations": [
1171
+ {
1172
+ "kind": "variable",
1173
+ "name": "layoutStyles",
1174
+ "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize;\n }\n .lm_splitter.lm_horizontal {\n float: left;\n height: 100%;\n }\n .lm_splitter.lm_horizontal .lm_drag_handle {\n width: 15px;\n height: 100%;\n position: absolute;\n left: -5px;\n cursor: ew-resize;\n }\n .lm_header {\n overflow: visible;\n position: relative;\n z-index: 1;\n }\n .lm_header [class^='lm_'] {\n box-sizing: content-box !important;\n }\n .lm_header .lm_controls {\n position: absolute;\n right: 3px;\n }\n .lm_header .lm_controls > li {\n cursor: pointer;\n float: left;\n width: 18px;\n height: 18px;\n text-align: center;\n }\n .lm_header ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .lm_header .lm_tabs {\n position: absolute;\n }\n .lm_header .lm_tab {\n cursor: pointer;\n float: left;\n margin-top: 1px;\n padding: 3px 25px 3px 10px;\n position: relative;\n }\n .lm_header .lm_tab i {\n width: 2px;\n height: 19px;\n position: absolute;\n }\n .lm_header .lm_tab i.lm_left {\n top: 0;\n left: -2px;\n }\n .lm_header .lm_tab i.lm_right {\n top: 0;\n right: -2px;\n }\n .lm_header .lm_tab .lm_title {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .lm_header .lm_tab .lm_title:only-child {\n padding-left: 10px;\n }\n .lm_header .lm_tab .lm_close_tab {\n width: 14px;\n height: 14px;\n position: absolute;\n top: 11px;\n right: 0;\n text-align: center;\n }\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n height: 100%;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header,\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_left .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items,\n .lm_stack.lm_left .lm_items,\n .lm_stack.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,\n .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab,\n .lm_stack.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_drop_tab_placeholder {\n float: left;\n width: 100px;\n height: 10px;\n visibility: hidden;\n }\n .lm_header .lm_tabdropdown_list {\n position: absolute;\n top: 20px;\n right: 0;\n z-index: 5;\n overflow: hidden;\n }\n .lm_header .lm_tabdropdown_list .lm_tab {\n clear: both;\n padding-right: 10px;\n margin: 0;\n }\n .lm_header .lm_tabdropdown_list .lm_tab .lm_title {\n width: 100px;\n }\n .lm_header .lm_tabdropdown_list .lm_close_tab {\n display: none !important;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n .lm_popin {\n width: 20px;\n height: 20px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 9999;\n }\n .lm_popin > * {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n .lm_popin > .lm_bg {\n z-index: 10;\n }\n .lm_popin > .lm_icon {\n z-index: 20;\n } /*# sourceMappingURL=goldenlayout-base.css.map */\n`",
1175
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
1176
+ "privacy": "public"
1177
+ }
1178
+ ],
1179
+ "exports": [
1180
+ {
1181
+ "kind": "js",
1182
+ "name": "layoutStyles",
1183
+ "declaration": {
1184
+ "name": "layoutStyles",
1185
+ "module": "src/styles/layout.styles.ts"
1186
+ }
1187
+ }
1188
+ ]
1189
+ },
1190
+ {
1191
+ "kind": "javascript-module",
1192
+ "path": "src/utils/constants.ts",
1193
+ "declarations": [
1194
+ {
1195
+ "kind": "variable",
1196
+ "name": "DEFAULT_RELOAD_BUFFER",
1197
+ "type": {
1198
+ "text": "number"
1199
+ },
1200
+ "default": "500",
1201
+ "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.",
1202
+ "privacy": "public"
1203
+ }
1204
+ ],
1205
+ "exports": [
1206
+ {
1207
+ "kind": "js",
1208
+ "name": "DEFAULT_RELOAD_BUFFER",
1209
+ "declaration": {
1210
+ "name": "DEFAULT_RELOAD_BUFFER",
1211
+ "module": "src/utils/constants.ts"
1212
+ }
1213
+ }
1214
+ ]
1215
+ },
1216
+ {
1217
+ "kind": "javascript-module",
1218
+ "path": "src/utils/error.ts",
1219
+ "declarations": [
1220
+ {
1221
+ "kind": "class",
1222
+ "description": "",
1223
+ "name": "LayoutUsageError",
1224
+ "superclass": {
1225
+ "name": "Error",
1226
+ "module": "src/utils/error.ts"
1227
+ }
1228
+ },
1229
+ {
1230
+ "kind": "class",
1231
+ "description": "",
1232
+ "name": "LayoutRegistrationError",
1233
+ "superclass": {
1234
+ "name": "Error",
1235
+ "module": "src/utils/error.ts"
1236
+ }
1237
+ }
1238
+ ],
1239
+ "exports": [
1240
+ {
1241
+ "kind": "js",
1242
+ "name": "LayoutUsageError",
1243
+ "declaration": {
1244
+ "name": "LayoutUsageError",
1245
+ "module": "src/utils/error.ts"
1246
+ }
1247
+ },
1248
+ {
1249
+ "kind": "js",
1250
+ "name": "LayoutRegistrationError",
1251
+ "declaration": {
1252
+ "name": "LayoutRegistrationError",
1253
+ "module": "src/utils/error.ts"
1254
+ }
1255
+ }
1256
+ ]
1257
+ },
1258
+ {
1259
+ "kind": "javascript-module",
1260
+ "path": "src/utils/events.ts",
1261
+ "declarations": [
1262
+ {
1263
+ "kind": "variable",
1264
+ "name": "LayoutEmitEvents",
1265
+ "type": {
1266
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1267
+ },
1268
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1269
+ "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",
1270
+ "privacy": "public"
1271
+ },
1272
+ {
1273
+ "kind": "variable",
1274
+ "name": "LayoutReceiveEvents",
1275
+ "type": {
1276
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1277
+ },
1278
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1279
+ "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.",
1280
+ "privacy": "public"
1281
+ }
1282
+ ],
1283
+ "exports": [
1284
+ {
1285
+ "kind": "js",
1286
+ "name": "LayoutEmitEvents",
1287
+ "declaration": {
1288
+ "name": "LayoutEmitEvents",
1289
+ "module": "src/utils/events.ts"
1290
+ }
1291
+ },
1292
+ {
1293
+ "kind": "js",
1294
+ "name": "LayoutReceiveEvents",
1295
+ "declaration": {
1296
+ "name": "LayoutReceiveEvents",
1297
+ "module": "src/utils/events.ts"
1298
+ }
1299
+ }
1300
+ ]
1301
+ },
1302
+ {
1303
+ "kind": "javascript-module",
1304
+ "path": "src/utils/index.ts",
1305
+ "declarations": [],
1306
+ "exports": [
1307
+ {
1308
+ "kind": "js",
1309
+ "name": "*",
1310
+ "declaration": {
1311
+ "name": "*",
1312
+ "package": "./constants"
1313
+ }
1314
+ },
1315
+ {
1316
+ "kind": "js",
1317
+ "name": "*",
1318
+ "declaration": {
1319
+ "name": "*",
1320
+ "package": "./error"
1321
+ }
1322
+ },
1323
+ {
1324
+ "kind": "js",
1325
+ "name": "*",
1326
+ "declaration": {
1327
+ "name": "*",
1328
+ "package": "./events"
1329
+ }
1330
+ },
1331
+ {
1332
+ "kind": "js",
1333
+ "name": "*",
1334
+ "declaration": {
1335
+ "name": "*",
1336
+ "package": "./misc"
1337
+ }
1338
+ },
1339
+ {
1340
+ "kind": "js",
1341
+ "name": "*",
1342
+ "declaration": {
1343
+ "name": "*",
1344
+ "package": "./templates"
1345
+ }
1346
+ },
1347
+ {
1348
+ "kind": "js",
1349
+ "name": "*",
1350
+ "declaration": {
1351
+ "name": "*",
1352
+ "package": "./types"
1353
+ }
1354
+ },
1355
+ {
1356
+ "kind": "js",
1357
+ "name": "*",
1358
+ "declaration": {
1359
+ "name": "*",
1360
+ "package": "./error"
1361
+ }
1362
+ }
1363
+ ]
1364
+ },
1365
+ {
1366
+ "kind": "javascript-module",
1367
+ "path": "src/utils/logger.ts",
1368
+ "declarations": [
1369
+ {
1370
+ "kind": "variable",
1371
+ "name": "logger"
1372
+ }
1373
+ ],
1374
+ "exports": [
1375
+ {
1376
+ "kind": "js",
1377
+ "name": "logger",
1378
+ "declaration": {
1379
+ "name": "logger",
1380
+ "module": "src/utils/logger.ts"
1381
+ }
1382
+ }
1383
+ ]
1384
+ },
1385
+ {
1386
+ "kind": "javascript-module",
1387
+ "path": "src/utils/misc.ts",
1388
+ "declarations": [],
1389
+ "exports": []
1390
+ },
1391
+ {
1392
+ "kind": "javascript-module",
1393
+ "path": "src/utils/templates.ts",
1394
+ "declarations": [],
1395
+ "exports": []
1396
+ },
1397
+ {
1398
+ "kind": "javascript-module",
1399
+ "path": "src/utils/types.ts",
1400
+ "declarations": [],
1401
+ "exports": []
1402
1402
  }
1403
1403
  ]
1404
1404
  }
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.103.0",
4
+ "version": "14.103.1-alpha-a1ac022.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/foundation-layout.d.ts",
@@ -27,15 +27,15 @@
27
27
  "test:debug": "genx test --debug"
28
28
  },
29
29
  "devDependencies": {
30
- "@genesislcap/foundation-testing": "14.103.0",
31
- "@genesislcap/genx": "14.103.0",
30
+ "@genesislcap/foundation-testing": "14.103.1-alpha-a1ac022.0",
31
+ "@genesislcap/genx": "14.103.1-alpha-a1ac022.0",
32
32
  "rimraf": "^3.0.2"
33
33
  },
34
34
  "dependencies": {
35
35
  "@genesis-community/golden-layout": "^2.11.0",
36
- "@genesislcap/foundation-comms": "14.103.0",
37
- "@genesislcap/foundation-logger": "14.103.0",
38
- "@genesislcap/foundation-utils": "14.103.0",
36
+ "@genesislcap/foundation-comms": "14.103.1-alpha-a1ac022.0",
37
+ "@genesislcap/foundation-logger": "14.103.1-alpha-a1ac022.0",
38
+ "@genesislcap/foundation-utils": "14.103.1-alpha-a1ac022.0",
39
39
  "@microsoft/fast-components": "^2.21.3",
40
40
  "@microsoft/fast-element": "^1.7.0",
41
41
  "@microsoft/fast-foundation": "^2.33.2",
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "customElements": "dist/custom-elements.json",
53
- "gitHead": "a2f0a1825fe66db9433563c30c256414762f4155"
53
+ "gitHead": "2d26a764bf78be27928abc74559efb0d562346b6"
54
54
  }