@genesislcap/foundation-layout 14.231.1-alpha-9df9116.0 → 14.231.1-alpha-871e471.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/custom-elements.json +409 -377
  2. package/dist/dts/main/layout-main.d.ts +2 -0
  3. package/dist/dts/main/layout-main.d.ts.map +1 -1
  4. package/dist/esm/main/layout-main.js +9 -0
  5. package/dist/foundation-layout.api.json +60 -0
  6. package/dist/foundation-layout.d.ts +2 -0
  7. package/docs/api/foundation-layout.foundationlayout.md +2 -0
  8. package/docs/api/foundation-layout.foundationlayout.showcloseicons.md +11 -0
  9. package/docs/api/foundation-layout.foundationlayout.showmaximiseicons.md +11 -0
  10. package/docs/api-report.md +4 -0
  11. package/package.json +12 -12
package/dist/custom-elements.json CHANGED
@@ -139,87 +139,47 @@
139
139
  },
140
140
  {
141
141
  "kind": "javascript-module",
142
- "path": "src/styles/constants.ts",
143
- "declarations": [
144
- {
145
- "kind": "variable",
146
- "name": "glVisualConfig",
147
- "type": {
148
- "text": "Omit<LayoutConfig, 'root'>"
149
- },
150
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
151
- },
152
- {
153
- "kind": "variable",
154
- "name": "LAYOUT_ICONS",
155
- "type": {
156
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
157
- },
158
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
159
- "description": "A collection of SVG icons in base64 format.",
160
- "privacy": "public"
161
- }
162
- ],
142
+ "path": "src/main/index.ts",
143
+ "declarations": [],
163
144
  "exports": [
164
145
  {
165
146
  "kind": "js",
166
- "name": "glVisualConfig",
147
+ "name": "FoundationLayoutItem",
167
148
  "declaration": {
168
- "name": "glVisualConfig",
169
- "module": "src/styles/constants.ts"
149
+ "name": "FoundationLayoutItem",
150
+ "module": "./layout-item"
170
151
  }
171
152
  },
172
153
  {
173
154
  "kind": "js",
174
- "name": "LAYOUT_ICONS",
155
+ "name": "FoundationLayoutRegion",
175
156
  "declaration": {
176
- "name": "LAYOUT_ICONS",
177
- "module": "src/styles/constants.ts"
157
+ "name": "FoundationLayoutRegion",
158
+ "module": "./layout-region"
178
159
  }
179
- }
180
- ]
181
- },
182
- {
183
- "kind": "javascript-module",
184
- "path": "src/styles/dragging.styles.ts",
185
- "declarations": [
186
- {
187
- "kind": "variable",
188
- "name": "globalDraggingStyles",
189
- "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`",
190
- "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"
191
- }
192
- ],
193
- "exports": [
160
+ },
194
161
  {
195
162
  "kind": "js",
196
- "name": "globalDraggingStyles",
163
+ "name": "FoundationLayout",
197
164
  "declaration": {
198
- "name": "globalDraggingStyles",
199
- "module": "src/styles/dragging.styles.ts"
165
+ "name": "FoundationLayout",
166
+ "module": "./layout-main"
200
167
  }
201
- }
202
- ]
203
- },
204
- {
205
- "kind": "javascript-module",
206
- "path": "src/styles/index.ts",
207
- "declarations": [],
208
- "exports": [
168
+ },
209
169
  {
210
170
  "kind": "js",
211
- "name": "*",
171
+ "name": "layoutStyles",
212
172
  "declaration": {
213
- "name": "*",
214
- "package": "./constants"
173
+ "name": "layoutStyles",
174
+ "module": "./layout-main"
215
175
  }
216
176
  },
217
177
  {
218
178
  "kind": "js",
219
- "name": "*",
179
+ "name": "layoutTemplate",
220
180
  "declaration": {
221
- "name": "*",
222
- "package": "./dragging.styles"
181
+ "name": "layoutTemplate",
182
+ "module": "./layout-main"
223
183
  }
224
184
  },
225
185
  {
@@ -227,348 +187,40 @@
227
187
  "name": "*",
228
188
  "declaration": {
229
189
  "name": "*",
230
- "package": "./layout.styles"
231
- }
232
- }
233
- ]
234
- },
235
- {
236
- "kind": "javascript-module",
237
- "path": "src/styles/layout.styles.ts",
238
- "declarations": [
239
- {
240
- "kind": "variable",
241
- "name": "layoutStyles",
242
- "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`",
243
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
244
- "privacy": "public"
245
- }
246
- ],
247
- "exports": [
248
- {
249
- "kind": "js",
250
- "name": "layoutStyles",
251
- "declaration": {
252
- "name": "layoutStyles",
253
- "module": "src/styles/layout.styles.ts"
190
+ "package": "./layout-components"
254
191
  }
255
192
  }
256
193
  ]
257
194
  },
258
195
  {
259
196
  "kind": "javascript-module",
260
- "path": "src/utils/constants.ts",
197
+ "path": "src/main/layout-components.ts",
261
198
  "declarations": [
262
199
  {
263
200
  "kind": "variable",
264
- "name": "DEFAULT_RELOAD_BUFFER",
201
+ "name": "foundationLayoutComponents",
265
202
  "type": {
266
- "text": "number"
203
+ "text": "object"
267
204
  },
268
- "default": "500",
269
- "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.",
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.",
270
207
  "privacy": "public"
271
- },
272
- {
273
- "kind": "variable",
274
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
275
- "type": {
276
- "text": "string"
277
- },
278
- "default": "'f-layout-popout'",
279
- "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."
280
208
  }
281
209
  ],
282
210
  "exports": [
283
211
  {
284
212
  "kind": "js",
285
- "name": "DEFAULT_RELOAD_BUFFER",
286
- "declaration": {
287
- "name": "DEFAULT_RELOAD_BUFFER",
288
- "module": "src/utils/constants.ts"
289
- }
290
- },
291
- {
292
- "kind": "js",
293
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
213
+ "name": "foundationLayoutComponents",
294
214
  "declaration": {
295
- "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
296
- "module": "src/utils/constants.ts"
215
+ "name": "foundationLayoutComponents",
216
+ "module": "src/main/layout-components.ts"
297
217
  }
298
218
  }
299
219
  ]
300
220
  },
301
221
  {
302
222
  "kind": "javascript-module",
303
- "path": "src/utils/error.ts",
304
- "declarations": [
305
- {
306
- "kind": "class",
307
- "description": "",
308
- "name": "LayoutUsageError",
309
- "superclass": {
310
- "name": "Error",
311
- "module": "src/utils/error.ts"
312
- }
313
- },
314
- {
315
- "kind": "class",
316
- "description": "",
317
- "name": "LayoutRegistrationError",
318
- "superclass": {
319
- "name": "Error",
320
- "module": "src/utils/error.ts"
321
- }
322
- }
323
- ],
324
- "exports": [
325
- {
326
- "kind": "js",
327
- "name": "LayoutUsageError",
328
- "declaration": {
329
- "name": "LayoutUsageError",
330
- "module": "src/utils/error.ts"
331
- }
332
- },
333
- {
334
- "kind": "js",
335
- "name": "LayoutRegistrationError",
336
- "declaration": {
337
- "name": "LayoutRegistrationError",
338
- "module": "src/utils/error.ts"
339
- }
340
- }
341
- ]
342
- },
343
- {
344
- "kind": "javascript-module",
345
- "path": "src/utils/events.ts",
346
- "declarations": [
347
- {
348
- "kind": "variable",
349
- "name": "LayoutEmitEvents",
350
- "type": {
351
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
352
- },
353
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
354
- "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",
355
- "privacy": "public"
356
- },
357
- {
358
- "kind": "variable",
359
- "name": "LayoutReceiveEvents",
360
- "type": {
361
- "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
362
- },
363
- "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
364
- "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.",
365
- "privacy": "public"
366
- }
367
- ],
368
- "exports": [
369
- {
370
- "kind": "js",
371
- "name": "LayoutEmitEvents",
372
- "declaration": {
373
- "name": "LayoutEmitEvents",
374
- "module": "src/utils/events.ts"
375
- }
376
- },
377
- {
378
- "kind": "js",
379
- "name": "LayoutReceiveEvents",
380
- "declaration": {
381
- "name": "LayoutReceiveEvents",
382
- "module": "src/utils/events.ts"
383
- }
384
- }
385
- ]
386
- },
387
- {
388
- "kind": "javascript-module",
389
- "path": "src/utils/index.ts",
390
- "declarations": [],
391
- "exports": [
392
- {
393
- "kind": "js",
394
- "name": "*",
395
- "declaration": {
396
- "name": "*",
397
- "package": "./constants"
398
- }
399
- },
400
- {
401
- "kind": "js",
402
- "name": "*",
403
- "declaration": {
404
- "name": "*",
405
- "package": "./error"
406
- }
407
- },
408
- {
409
- "kind": "js",
410
- "name": "*",
411
- "declaration": {
412
- "name": "*",
413
- "package": "./events"
414
- }
415
- },
416
- {
417
- "kind": "js",
418
- "name": "*",
419
- "declaration": {
420
- "name": "*",
421
- "package": "./misc"
422
- }
423
- },
424
- {
425
- "kind": "js",
426
- "name": "*",
427
- "declaration": {
428
- "name": "*",
429
- "package": "./templates"
430
- }
431
- },
432
- {
433
- "kind": "js",
434
- "name": "*",
435
- "declaration": {
436
- "name": "*",
437
- "package": "./types"
438
- }
439
- },
440
- {
441
- "kind": "js",
442
- "name": "*",
443
- "declaration": {
444
- "name": "*",
445
- "package": "./error"
446
- }
447
- }
448
- ]
449
- },
450
- {
451
- "kind": "javascript-module",
452
- "path": "src/utils/logger.ts",
453
- "declarations": [
454
- {
455
- "kind": "variable",
456
- "name": "logger"
457
- }
458
- ],
459
- "exports": [
460
- {
461
- "kind": "js",
462
- "name": "logger",
463
- "declaration": {
464
- "name": "logger",
465
- "module": "src/utils/logger.ts"
466
- }
467
- }
468
- ]
469
- },
470
- {
471
- "kind": "javascript-module",
472
- "path": "src/utils/misc.ts",
473
- "declarations": [],
474
- "exports": []
475
- },
476
- {
477
- "kind": "javascript-module",
478
- "path": "src/utils/templates.ts",
479
- "declarations": [],
480
- "exports": []
481
- },
482
- {
483
- "kind": "javascript-module",
484
- "path": "src/utils/types.ts",
485
- "declarations": [],
486
- "exports": []
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",
@@ -921,6 +573,22 @@
921
573
  "privacy": "private",
922
574
  "default": "false"
923
575
  },
576
+ {
577
+ "kind": "field",
578
+ "name": "showCloseIcons",
579
+ "type": {
580
+ "text": "boolean"
581
+ },
582
+ "default": "false"
583
+ },
584
+ {
585
+ "kind": "field",
586
+ "name": "showMaximiseIcons",
587
+ "type": {
588
+ "text": "boolean"
589
+ },
590
+ "default": "false"
591
+ },
924
592
  {
925
593
  "kind": "method",
926
594
  "name": "layoutRequiredRegistrations",
@@ -1261,6 +929,22 @@
1261
929
  "module": "src/main/layout-main.ts"
1262
930
  },
1263
931
  "fieldName": "popoutConfig"
932
+ },
933
+ {
934
+ "name": "hideCloseIcons",
935
+ "type": {
936
+ "text": "boolean"
937
+ },
938
+ "default": "false",
939
+ "fieldName": "showCloseIcons"
940
+ },
941
+ {
942
+ "name": "showMaximiseIcons",
943
+ "type": {
944
+ "text": "boolean"
945
+ },
946
+ "default": "false",
947
+ "fieldName": "showMaximiseIcons"
1264
948
  }
1265
949
  ],
1266
950
  "superclass": {
@@ -1485,6 +1169,354 @@
1485
1169
  }
1486
1170
  }
1487
1171
  ]
1172
+ },
1173
+ {
1174
+ "kind": "javascript-module",
1175
+ "path": "src/styles/constants.ts",
1176
+ "declarations": [
1177
+ {
1178
+ "kind": "variable",
1179
+ "name": "glVisualConfig",
1180
+ "type": {
1181
+ "text": "Omit<LayoutConfig, 'root'>"
1182
+ },
1183
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1184
+ },
1185
+ {
1186
+ "kind": "variable",
1187
+ "name": "LAYOUT_ICONS",
1188
+ "type": {
1189
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}"
1190
+ },
1191
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n popoutSVG,\n}",
1192
+ "description": "A collection of SVG icons in base64 format.",
1193
+ "privacy": "public"
1194
+ }
1195
+ ],
1196
+ "exports": [
1197
+ {
1198
+ "kind": "js",
1199
+ "name": "glVisualConfig",
1200
+ "declaration": {
1201
+ "name": "glVisualConfig",
1202
+ "module": "src/styles/constants.ts"
1203
+ }
1204
+ },
1205
+ {
1206
+ "kind": "js",
1207
+ "name": "LAYOUT_ICONS",
1208
+ "declaration": {
1209
+ "name": "LAYOUT_ICONS",
1210
+ "module": "src/styles/constants.ts"
1211
+ }
1212
+ }
1213
+ ]
1214
+ },
1215
+ {
1216
+ "kind": "javascript-module",
1217
+ "path": "src/styles/dragging.styles.ts",
1218
+ "declarations": [
1219
+ {
1220
+ "kind": "variable",
1221
+ "name": "globalDraggingStyles",
1222
+ "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`",
1223
+ "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"
1224
+ }
1225
+ ],
1226
+ "exports": [
1227
+ {
1228
+ "kind": "js",
1229
+ "name": "globalDraggingStyles",
1230
+ "declaration": {
1231
+ "name": "globalDraggingStyles",
1232
+ "module": "src/styles/dragging.styles.ts"
1233
+ }
1234
+ }
1235
+ ]
1236
+ },
1237
+ {
1238
+ "kind": "javascript-module",
1239
+ "path": "src/styles/index.ts",
1240
+ "declarations": [],
1241
+ "exports": [
1242
+ {
1243
+ "kind": "js",
1244
+ "name": "*",
1245
+ "declaration": {
1246
+ "name": "*",
1247
+ "package": "./constants"
1248
+ }
1249
+ },
1250
+ {
1251
+ "kind": "js",
1252
+ "name": "*",
1253
+ "declaration": {
1254
+ "name": "*",
1255
+ "package": "./dragging.styles"
1256
+ }
1257
+ },
1258
+ {
1259
+ "kind": "js",
1260
+ "name": "*",
1261
+ "declaration": {
1262
+ "name": "*",
1263
+ "package": "./layout.styles"
1264
+ }
1265
+ }
1266
+ ]
1267
+ },
1268
+ {
1269
+ "kind": "javascript-module",
1270
+ "path": "src/styles/layout.styles.ts",
1271
+ "declarations": [
1272
+ {
1273
+ "kind": "variable",
1274
+ "name": "layoutStyles",
1275
+ "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`",
1276
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
1277
+ "privacy": "public"
1278
+ }
1279
+ ],
1280
+ "exports": [
1281
+ {
1282
+ "kind": "js",
1283
+ "name": "layoutStyles",
1284
+ "declaration": {
1285
+ "name": "layoutStyles",
1286
+ "module": "src/styles/layout.styles.ts"
1287
+ }
1288
+ }
1289
+ ]
1290
+ },
1291
+ {
1292
+ "kind": "javascript-module",
1293
+ "path": "src/utils/constants.ts",
1294
+ "declarations": [
1295
+ {
1296
+ "kind": "variable",
1297
+ "name": "DEFAULT_RELOAD_BUFFER",
1298
+ "type": {
1299
+ "text": "number"
1300
+ },
1301
+ "default": "500",
1302
+ "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.",
1303
+ "privacy": "public"
1304
+ },
1305
+ {
1306
+ "kind": "variable",
1307
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1308
+ "type": {
1309
+ "text": "string"
1310
+ },
1311
+ "default": "'f-layout-popout'",
1312
+ "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."
1313
+ }
1314
+ ],
1315
+ "exports": [
1316
+ {
1317
+ "kind": "js",
1318
+ "name": "DEFAULT_RELOAD_BUFFER",
1319
+ "declaration": {
1320
+ "name": "DEFAULT_RELOAD_BUFFER",
1321
+ "module": "src/utils/constants.ts"
1322
+ }
1323
+ },
1324
+ {
1325
+ "kind": "js",
1326
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1327
+ "declaration": {
1328
+ "name": "LAYOUT_POPOUT_CONTAINER_CLASS",
1329
+ "module": "src/utils/constants.ts"
1330
+ }
1331
+ }
1332
+ ]
1333
+ },
1334
+ {
1335
+ "kind": "javascript-module",
1336
+ "path": "src/utils/error.ts",
1337
+ "declarations": [
1338
+ {
1339
+ "kind": "class",
1340
+ "description": "",
1341
+ "name": "LayoutUsageError",
1342
+ "superclass": {
1343
+ "name": "Error",
1344
+ "module": "src/utils/error.ts"
1345
+ }
1346
+ },
1347
+ {
1348
+ "kind": "class",
1349
+ "description": "",
1350
+ "name": "LayoutRegistrationError",
1351
+ "superclass": {
1352
+ "name": "Error",
1353
+ "module": "src/utils/error.ts"
1354
+ }
1355
+ }
1356
+ ],
1357
+ "exports": [
1358
+ {
1359
+ "kind": "js",
1360
+ "name": "LayoutUsageError",
1361
+ "declaration": {
1362
+ "name": "LayoutUsageError",
1363
+ "module": "src/utils/error.ts"
1364
+ }
1365
+ },
1366
+ {
1367
+ "kind": "js",
1368
+ "name": "LayoutRegistrationError",
1369
+ "declaration": {
1370
+ "name": "LayoutRegistrationError",
1371
+ "module": "src/utils/error.ts"
1372
+ }
1373
+ }
1374
+ ]
1375
+ },
1376
+ {
1377
+ "kind": "javascript-module",
1378
+ "path": "src/utils/events.ts",
1379
+ "declarations": [
1380
+ {
1381
+ "kind": "variable",
1382
+ "name": "LayoutEmitEvents",
1383
+ "type": {
1384
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1385
+ },
1386
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1387
+ "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",
1388
+ "privacy": "public"
1389
+ },
1390
+ {
1391
+ "kind": "variable",
1392
+ "name": "LayoutReceiveEvents",
1393
+ "type": {
1394
+ "text": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}"
1395
+ },
1396
+ "default": "{\n changeTitle: 'change-title',\n autosave: 'autosave',\n}",
1397
+ "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.",
1398
+ "privacy": "public"
1399
+ }
1400
+ ],
1401
+ "exports": [
1402
+ {
1403
+ "kind": "js",
1404
+ "name": "LayoutEmitEvents",
1405
+ "declaration": {
1406
+ "name": "LayoutEmitEvents",
1407
+ "module": "src/utils/events.ts"
1408
+ }
1409
+ },
1410
+ {
1411
+ "kind": "js",
1412
+ "name": "LayoutReceiveEvents",
1413
+ "declaration": {
1414
+ "name": "LayoutReceiveEvents",
1415
+ "module": "src/utils/events.ts"
1416
+ }
1417
+ }
1418
+ ]
1419
+ },
1420
+ {
1421
+ "kind": "javascript-module",
1422
+ "path": "src/utils/index.ts",
1423
+ "declarations": [],
1424
+ "exports": [
1425
+ {
1426
+ "kind": "js",
1427
+ "name": "*",
1428
+ "declaration": {
1429
+ "name": "*",
1430
+ "package": "./constants"
1431
+ }
1432
+ },
1433
+ {
1434
+ "kind": "js",
1435
+ "name": "*",
1436
+ "declaration": {
1437
+ "name": "*",
1438
+ "package": "./error"
1439
+ }
1440
+ },
1441
+ {
1442
+ "kind": "js",
1443
+ "name": "*",
1444
+ "declaration": {
1445
+ "name": "*",
1446
+ "package": "./events"
1447
+ }
1448
+ },
1449
+ {
1450
+ "kind": "js",
1451
+ "name": "*",
1452
+ "declaration": {
1453
+ "name": "*",
1454
+ "package": "./misc"
1455
+ }
1456
+ },
1457
+ {
1458
+ "kind": "js",
1459
+ "name": "*",
1460
+ "declaration": {
1461
+ "name": "*",
1462
+ "package": "./templates"
1463
+ }
1464
+ },
1465
+ {
1466
+ "kind": "js",
1467
+ "name": "*",
1468
+ "declaration": {
1469
+ "name": "*",
1470
+ "package": "./types"
1471
+ }
1472
+ },
1473
+ {
1474
+ "kind": "js",
1475
+ "name": "*",
1476
+ "declaration": {
1477
+ "name": "*",
1478
+ "package": "./error"
1479
+ }
1480
+ }
1481
+ ]
1482
+ },
1483
+ {
1484
+ "kind": "javascript-module",
1485
+ "path": "src/utils/logger.ts",
1486
+ "declarations": [
1487
+ {
1488
+ "kind": "variable",
1489
+ "name": "logger"
1490
+ }
1491
+ ],
1492
+ "exports": [
1493
+ {
1494
+ "kind": "js",
1495
+ "name": "logger",
1496
+ "declaration": {
1497
+ "name": "logger",
1498
+ "module": "src/utils/logger.ts"
1499
+ }
1500
+ }
1501
+ ]
1502
+ },
1503
+ {
1504
+ "kind": "javascript-module",
1505
+ "path": "src/utils/misc.ts",
1506
+ "declarations": [],
1507
+ "exports": []
1508
+ },
1509
+ {
1510
+ "kind": "javascript-module",
1511
+ "path": "src/utils/templates.ts",
1512
+ "declarations": [],
1513
+ "exports": []
1514
+ },
1515
+ {
1516
+ "kind": "javascript-module",
1517
+ "path": "src/utils/types.ts",
1518
+ "declarations": [],
1519
+ "exports": []
1488
1520
  }
1489
1521
  ]
1490
1522
  }
package/dist/dts/main/layout-main.d.ts CHANGED
@@ -101,6 +101,8 @@ export declare class FoundationLayout extends FoundationElement implements Layou
101
101
  */
102
102
  popoutConfig: string | undefined;
103
103
  private popupMode;
104
+ showCloseIcons: boolean;
105
+ showMaximiseIcons: boolean;
104
106
  /** @internal */
105
107
  constructor();
106
108
  /** @internal */
package/dist/dts/main/layout-main.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"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"}
package/dist/esm/main/layout-main.js CHANGED
@@ -106,6 +106,8 @@ export class FoundationLayout extends FoundationElement {
106
106
  */
107
107
  this.popoutConfig = undefined;
108
108
  this.popupMode = false;
109
+ this.showCloseIcons = false;
110
+ this.showMaximiseIcons = false;
109
111
  /** @internal */
110
112
  _FoundationLayout__boundDragListener.set(this, undefined);
111
113
  this.onDragStart = this.onDragStart.bind(this);
@@ -395,6 +397,7 @@ export class FoundationLayout extends FoundationElement {
395
397
  if (!this.layout.getRegisteredComponentTypeNames().includes(registration)) {
396
398
  throw new LayoutRegistrationError(`Cannot add item '${registration}' which is not registered with the layout system.`);
397
399
  }
400
+ this.layout.layoutConfig = Object.assign(Object.assign({}, this.layout.layoutConfig), { header: Object.assign(Object.assign({}, this.layout.layoutConfig.header), { maximise: this.showMaximiseIcons ? 'maximise' : false, close: this.showCloseIcons ? 'close' : false }) });
398
401
  return {
399
402
  type: 'component',
400
403
  componentType: registration,
@@ -832,6 +835,12 @@ __decorate([
832
835
  __decorate([
833
836
  attr({ attribute: 'popout-config' })
834
837
  ], FoundationLayout.prototype, "popoutConfig", void 0);
838
+ __decorate([
839
+ attr({ attribute: 'hideCloseIcons' })
840
+ ], FoundationLayout.prototype, "showCloseIcons", void 0);
841
+ __decorate([
842
+ attr({ attribute: 'showMaximiseIcons' })
843
+ ], FoundationLayout.prototype, "showMaximiseIcons", void 0);
835
844
  const loadingTemplate = html `
836
845
  <div class="html-spinner"></div>
837
846
  `;
package/dist/foundation-layout.api.json CHANGED
@@ -1000,6 +1000,66 @@
1000
1000
  "isAbstract": false,
1001
1001
  "name": "removeItems"
1002
1002
  },
1003
+ {
1004
+ "kind": "Property",
1005
+ "canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#showCloseIcons:member",
1006
+ "docComment": "",
1007
+ "excerptTokens": [
1008
+ {
1009
+ "kind": "Content",
1010
+ "text": "showCloseIcons: "
1011
+ },
1012
+ {
1013
+ "kind": "Content",
1014
+ "text": "boolean"
1015
+ },
1016
+ {
1017
+ "kind": "Content",
1018
+ "text": ";"
1019
+ }
1020
+ ],
1021
+ "isReadonly": false,
1022
+ "isOptional": false,
1023
+ "releaseTag": "Public",
1024
+ "name": "showCloseIcons",
1025
+ "propertyTypeTokenRange": {
1026
+ "startIndex": 1,
1027
+ "endIndex": 2
1028
+ },
1029
+ "isStatic": false,
1030
+ "isProtected": false,
1031
+ "isAbstract": false
1032
+ },
1033
+ {
1034
+ "kind": "Property",
1035
+ "canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#showMaximiseIcons:member",
1036
+ "docComment": "",
1037
+ "excerptTokens": [
1038
+ {
1039
+ "kind": "Content",
1040
+ "text": "showMaximiseIcons: "
1041
+ },
1042
+ {
1043
+ "kind": "Content",
1044
+ "text": "boolean"
1045
+ },
1046
+ {
1047
+ "kind": "Content",
1048
+ "text": ";"
1049
+ }
1050
+ ],
1051
+ "isReadonly": false,
1052
+ "isOptional": false,
1053
+ "releaseTag": "Public",
1054
+ "name": "showMaximiseIcons",
1055
+ "propertyTypeTokenRange": {
1056
+ "startIndex": 1,
1057
+ "endIndex": 2
1058
+ },
1059
+ "isStatic": false,
1060
+ "isProtected": false,
1061
+ "isAbstract": false
1062
+ },
1003
1063
  {
1004
1064
  "kind": "Method",
1005
1065
  "canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#tryActivatePopoutMode:member(1)",
package/dist/foundation-layout.d.ts CHANGED
@@ -137,6 +137,8 @@ export declare class FoundationLayout extends FoundationElement implements Layou
137
137
  */
138
138
  popoutConfig: string | undefined;
139
139
  private popupMode;
140
+ showCloseIcons: boolean;
141
+ showMaximiseIcons: boolean;
140
142
  /** @internal */
141
143
  constructor();
142
144
  /** @internal */
package/docs/api/foundation-layout.foundationlayout.md CHANGED
@@ -35,6 +35,8 @@ The constructor for this class is marked as internal. Third-party code should no
35
35
  | [missingItemPlaceholder](./foundation-layout.foundationlayout.missingitemplaceholder.md) | | (missingItem: string) =&gt; string | Function which is used to generate the placeholder text when a layout is loaded with a missing item. |
36
36
  | [popoutConfig](./foundation-layout.foundationlayout.popoutconfig.md) | | string \| undefined | **_(BETA)_** Controls whether popout functionality is enabled on the layout. Defaults to disabled. Set this attribute to any string to enable popout functionality. If this string is of format <code>number;number</code> then this will be interpreted as the width and height of the popout window. |
37
37
  | [reloadBuffer](./foundation-layout.foundationlayout.reloadbuffer.md) | | number | Number describing how long to wait in ms before reloading the config when adding items declaratively by the html API. Default 500 (ms). |
38
+ | [showCloseIcons](./foundation-layout.foundationlayout.showcloseicons.md) | | boolean | |
39
+ | [showMaximiseIcons](./foundation-layout.foundationlayout.showmaximiseicons.md) | | boolean | |
38
40
 
39
41
  ## Methods
40
42
 
package/docs/api/foundation-layout.foundationlayout.showcloseicons.md ADDED
@@ -0,0 +1,11 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@genesislcap/foundation-layout](./foundation-layout.md) &gt; [FoundationLayout](./foundation-layout.foundationlayout.md) &gt; [showCloseIcons](./foundation-layout.foundationlayout.showcloseicons.md)
4
+
5
+ ## FoundationLayout.showCloseIcons property
6
+
7
+ **Signature:**
8
+
9
+ ```typescript
10
+ showCloseIcons: boolean;
11
+ ```
package/docs/api/foundation-layout.foundationlayout.showmaximiseicons.md ADDED
@@ -0,0 +1,11 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@genesislcap/foundation-layout](./foundation-layout.md) &gt; [FoundationLayout](./foundation-layout.foundationlayout.md) &gt; [showMaximiseIcons](./foundation-layout.foundationlayout.showmaximiseicons.md)
4
+
5
+ ## FoundationLayout.showMaximiseIcons property
6
+
7
+ **Signature:**
8
+
9
+ ```typescript
10
+ showMaximiseIcons: boolean;
11
+ ```
package/docs/api-report.md CHANGED
@@ -61,6 +61,10 @@ export class FoundationLayout extends FoundationElement implements LayoutCompone
61
61
  removeItems(registration: string, force?: boolean): number;
62
62
  // @internal
63
63
  requestLayoutReload(): void;
64
+ // (undocumented)
65
+ showCloseIcons: boolean;
66
+ // (undocumented)
67
+ showMaximiseIcons: boolean;
64
68
  // @beta
65
69
  tryActivatePopoutMode(): boolean;
66
70
  tryLoadLayoutFromLocalStorage(): boolean;
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.231.1-alpha-9df9116.0",
4
+ "version": "14.231.1-alpha-871e471.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.231.1-alpha-9df9116.0",
40
- "@genesislcap/genx": "14.231.1-alpha-9df9116.0",
41
- "@genesislcap/rollup-builder": "14.231.1-alpha-9df9116.0",
42
- "@genesislcap/ts-builder": "14.231.1-alpha-9df9116.0",
43
- "@genesislcap/uvu-playwright-builder": "14.231.1-alpha-9df9116.0",
44
- "@genesislcap/vite-builder": "14.231.1-alpha-9df9116.0",
45
- "@genesislcap/webpack-builder": "14.231.1-alpha-9df9116.0",
39
+ "@genesislcap/foundation-testing": "14.231.1-alpha-871e471.0",
40
+ "@genesislcap/genx": "14.231.1-alpha-871e471.0",
41
+ "@genesislcap/rollup-builder": "14.231.1-alpha-871e471.0",
42
+ "@genesislcap/ts-builder": "14.231.1-alpha-871e471.0",
43
+ "@genesislcap/uvu-playwright-builder": "14.231.1-alpha-871e471.0",
44
+ "@genesislcap/vite-builder": "14.231.1-alpha-871e471.0",
45
+ "@genesislcap/webpack-builder": "14.231.1-alpha-871e471.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.231.1-alpha-9df9116.0",
51
- "@genesislcap/foundation-logger": "14.231.1-alpha-9df9116.0",
52
- "@genesislcap/foundation-utils": "14.231.1-alpha-9df9116.0",
50
+ "@genesislcap/foundation-comms": "14.231.1-alpha-871e471.0",
51
+ "@genesislcap/foundation-logger": "14.231.1-alpha-871e471.0",
52
+ "@genesislcap/foundation-utils": "14.231.1-alpha-871e471.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": "51336dce3a5038201f496e37e6936f0cd5d12fd7"
67
+ "gitHead": "35e85611b9e2d3363aec376a04e0fe388660ec0c"
68
68
  }