@genesislcap/foundation-layout 14.53.1-alpha-75e4b06.0 → 14.54.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/dist/custom-elements.json +557 -557
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -113,133 +113,47 @@
113
113
  },
114
114
  {
115
115
  "kind": "javascript-module",
116
- "path": "src/styles/constants.ts",
117
- "declarations": [
118
- {
119
- "kind": "variable",
120
- "name": "glVisualConfig",
121
- "type": {
122
- "text": "Omit<LayoutConfig, 'root'>"
123
- },
124
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
125
- },
126
- {
127
- "kind": "variable",
128
- "name": "maximisSVG",
129
- "type": {
130
- "text": "string"
131
- },
132
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
133
- },
134
- {
135
- "kind": "variable",
136
- "name": "minimiseSVG",
137
- "type": {
138
- "text": "string"
139
- },
140
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
141
- },
142
- {
143
- "kind": "variable",
144
- "name": "closeSVG",
145
- "type": {
146
- "text": "string"
147
- },
148
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
149
- },
150
- {
151
- "kind": "variable",
152
- "name": "tabDropdownSVG",
153
- "type": {
154
- "text": "string"
155
- },
156
- "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
157
- }
158
- ],
116
+ "path": "src/main/index.ts",
117
+ "declarations": [],
159
118
  "exports": [
160
119
  {
161
120
  "kind": "js",
162
- "name": "glVisualConfig",
163
- "declaration": {
164
- "name": "glVisualConfig",
165
- "module": "src/styles/constants.ts"
166
- }
167
- },
168
- {
169
- "kind": "js",
170
- "name": "maximisSVG",
121
+ "name": "FoundationLayoutItem",
171
122
  "declaration": {
172
- "name": "maximisSVG",
173
- "module": "src/styles/constants.ts"
123
+ "name": "FoundationLayoutItem",
124
+ "module": "./layout-item"
174
125
  }
175
126
  },
176
127
  {
177
128
  "kind": "js",
178
- "name": "minimiseSVG",
129
+ "name": "FoundationLayoutRegion",
179
130
  "declaration": {
180
- "name": "minimiseSVG",
181
- "module": "src/styles/constants.ts"
131
+ "name": "FoundationLayoutRegion",
132
+ "module": "./layout-region"
182
133
  }
183
134
  },
184
135
  {
185
136
  "kind": "js",
186
- "name": "closeSVG",
137
+ "name": "FoundationLayout",
187
138
  "declaration": {
188
- "name": "closeSVG",
189
- "module": "src/styles/constants.ts"
139
+ "name": "FoundationLayout",
140
+ "module": "./layout-main"
190
141
  }
191
142
  },
192
143
  {
193
144
  "kind": "js",
194
- "name": "tabDropdownSVG",
195
- "declaration": {
196
- "name": "tabDropdownSVG",
197
- "module": "src/styles/constants.ts"
198
- }
199
- }
200
- ]
201
- },
202
- {
203
- "kind": "javascript-module",
204
- "path": "src/styles/dragging.styles.ts",
205
- "declarations": [
206
- {
207
- "kind": "variable",
208
- "name": "globalDraggingStyles",
209
- "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`",
210
- "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"
211
- }
212
- ],
213
- "exports": [
214
- {
215
- "kind": "js",
216
- "name": "globalDraggingStyles",
217
- "declaration": {
218
- "name": "globalDraggingStyles",
219
- "module": "src/styles/dragging.styles.ts"
220
- }
221
- }
222
- ]
223
- },
224
- {
225
- "kind": "javascript-module",
226
- "path": "src/styles/index.ts",
227
- "declarations": [],
228
- "exports": [
229
- {
230
- "kind": "js",
231
- "name": "*",
145
+ "name": "layoutStyles",
232
146
  "declaration": {
233
- "name": "*",
234
- "package": "./constants"
147
+ "name": "layoutStyles",
148
+ "module": "./layout-main"
235
149
  }
236
150
  },
237
151
  {
238
152
  "kind": "js",
239
- "name": "*",
153
+ "name": "layoutTemplate",
240
154
  "declaration": {
241
- "name": "*",
242
- "package": "./dragging.styles"
155
+ "name": "layoutTemplate",
156
+ "module": "./layout-main"
243
157
  }
244
158
  },
245
159
  {
@@ -247,431 +161,140 @@
247
161
  "name": "*",
248
162
  "declaration": {
249
163
  "name": "*",
250
- "package": "./layout.styles"
164
+ "package": "./layout-components"
251
165
  }
252
166
  }
253
167
  ]
254
168
  },
255
169
  {
256
170
  "kind": "javascript-module",
257
- "path": "src/styles/layout.styles.ts",
171
+ "path": "src/main/layout-components.ts",
258
172
  "declarations": [
259
173
  {
260
174
  "kind": "variable",
261
- "name": "layoutStyles",
262
- "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('${maximisSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${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('${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`",
263
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
175
+ "name": "foundationLayoutComponents",
176
+ "type": {
177
+ "text": "object"
178
+ },
179
+ "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}",
180
+ "description": "Registration object to register the layout with your design system.",
264
181
  "privacy": "public"
265
182
  }
266
183
  ],
267
184
  "exports": [
268
185
  {
269
186
  "kind": "js",
270
- "name": "layoutStyles",
187
+ "name": "foundationLayoutComponents",
271
188
  "declaration": {
272
- "name": "layoutStyles",
273
- "module": "src/styles/layout.styles.ts"
189
+ "name": "foundationLayoutComponents",
190
+ "module": "src/main/layout-components.ts"
274
191
  }
275
192
  }
276
193
  ]
277
194
  },
278
195
  {
279
196
  "kind": "javascript-module",
280
- "path": "src/utils/constants.ts",
197
+ "path": "src/main/layout-item.ts",
281
198
  "declarations": [
282
199
  {
283
- "kind": "variable",
284
- "name": "DEFAULT_RELOAD_BUFFER",
285
- "type": {
286
- "text": "number"
200
+ "kind": "class",
201
+ "description": "",
202
+ "name": "FoundationLayoutItem",
203
+ "members": [
204
+ {
205
+ "kind": "field",
206
+ "name": "title",
207
+ "type": {
208
+ "text": "string"
209
+ },
210
+ "description": "Sets the title of the item which is displayed on the tab.",
211
+ "privacy": "public"
212
+ },
213
+ {
214
+ "kind": "field",
215
+ "name": "closable",
216
+ "type": {
217
+ "text": "boolean"
218
+ },
219
+ "default": "false",
220
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
221
+ "privacy": "public"
222
+ },
223
+ {
224
+ "kind": "field",
225
+ "name": "size",
226
+ "type": {
227
+ "text": "string"
228
+ },
229
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
230
+ "privacy": "public"
231
+ },
232
+ {
233
+ "kind": "field",
234
+ "name": "registration",
235
+ "type": {
236
+ "text": "string"
237
+ },
238
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
239
+ "privacy": "public"
240
+ }
241
+ ],
242
+ "attributes": [
243
+ {
244
+ "name": "title",
245
+ "type": {
246
+ "text": "string"
247
+ },
248
+ "description": "Sets the title of the item which is displayed on the tab.",
249
+ "fieldName": "title"
250
+ },
251
+ {
252
+ "type": {
253
+ "text": "boolean"
254
+ },
255
+ "default": "false",
256
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
257
+ "fieldName": "closable"
258
+ },
259
+ {
260
+ "name": "size",
261
+ "type": {
262
+ "text": "string"
263
+ },
264
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
265
+ "fieldName": "size"
266
+ },
267
+ {
268
+ "name": "registration",
269
+ "type": {
270
+ "text": "string"
271
+ },
272
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
273
+ "fieldName": "registration"
274
+ }
275
+ ],
276
+ "superclass": {
277
+ "name": "FoundationElement",
278
+ "package": "@microsoft/fast-foundation"
287
279
  },
288
- "default": "500",
289
- "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.",
290
- "privacy": "public"
280
+ "tagName": "%%prefix%%-layout-item",
281
+ "customElement": true
291
282
  }
292
283
  ],
293
284
  "exports": [
294
285
  {
295
286
  "kind": "js",
296
- "name": "DEFAULT_RELOAD_BUFFER",
287
+ "name": "FoundationLayoutItem",
297
288
  "declaration": {
298
- "name": "DEFAULT_RELOAD_BUFFER",
299
- "module": "src/utils/constants.ts"
289
+ "name": "FoundationLayoutItem",
290
+ "module": "src/main/layout-item.ts"
300
291
  }
301
292
  }
302
293
  ]
303
294
  },
304
295
  {
305
296
  "kind": "javascript-module",
306
- "path": "src/utils/error.ts",
307
- "declarations": [
308
- {
309
- "kind": "class",
310
- "description": "",
311
- "name": "LayoutUsageError",
312
- "superclass": {
313
- "name": "Error",
314
- "module": "src/utils/error.ts"
315
- }
316
- },
317
- {
318
- "kind": "class",
319
- "description": "",
320
- "name": "LayoutRegistrationError",
321
- "superclass": {
322
- "name": "Error",
323
- "module": "src/utils/error.ts"
324
- }
325
- }
326
- ],
327
- "exports": [
328
- {
329
- "kind": "js",
330
- "name": "LayoutUsageError",
331
- "declaration": {
332
- "name": "LayoutUsageError",
333
- "module": "src/utils/error.ts"
334
- }
335
- },
336
- {
337
- "kind": "js",
338
- "name": "LayoutRegistrationError",
339
- "declaration": {
340
- "name": "LayoutRegistrationError",
341
- "module": "src/utils/error.ts"
342
- }
343
- }
344
- ]
345
- },
346
- {
347
- "kind": "javascript-module",
348
- "path": "src/utils/events.ts",
349
- "declarations": [
350
- {
351
- "kind": "variable",
352
- "name": "LayoutEmitEvents",
353
- "type": {
354
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
355
- },
356
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
357
- "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",
358
- "privacy": "public"
359
- },
360
- {
361
- "kind": "variable",
362
- "name": "LayoutReceiveEvents",
363
- "type": {
364
- "text": "{\n changeTitle: 'change-title',\n}"
365
- },
366
- "default": "{\n changeTitle: 'change-title',\n}",
367
- "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.",
368
- "privacy": "public"
369
- }
370
- ],
371
- "exports": [
372
- {
373
- "kind": "js",
374
- "name": "LayoutEmitEvents",
375
- "declaration": {
376
- "name": "LayoutEmitEvents",
377
- "module": "src/utils/events.ts"
378
- }
379
- },
380
- {
381
- "kind": "js",
382
- "name": "LayoutReceiveEvents",
383
- "declaration": {
384
- "name": "LayoutReceiveEvents",
385
- "module": "src/utils/events.ts"
386
- }
387
- }
388
- ]
389
- },
390
- {
391
- "kind": "javascript-module",
392
- "path": "src/utils/index.ts",
393
- "declarations": [],
394
- "exports": [
395
- {
396
- "kind": "js",
397
- "name": "*",
398
- "declaration": {
399
- "name": "*",
400
- "package": "./constants"
401
- }
402
- },
403
- {
404
- "kind": "js",
405
- "name": "*",
406
- "declaration": {
407
- "name": "*",
408
- "package": "./error"
409
- }
410
- },
411
- {
412
- "kind": "js",
413
- "name": "*",
414
- "declaration": {
415
- "name": "*",
416
- "package": "./events"
417
- }
418
- },
419
- {
420
- "kind": "js",
421
- "name": "*",
422
- "declaration": {
423
- "name": "*",
424
- "package": "./misc"
425
- }
426
- },
427
- {
428
- "kind": "js",
429
- "name": "*",
430
- "declaration": {
431
- "name": "*",
432
- "package": "./templates"
433
- }
434
- },
435
- {
436
- "kind": "js",
437
- "name": "*",
438
- "declaration": {
439
- "name": "*",
440
- "package": "./types"
441
- }
442
- },
443
- {
444
- "kind": "js",
445
- "name": "*",
446
- "declaration": {
447
- "name": "*",
448
- "package": "./error"
449
- }
450
- }
451
- ]
452
- },
453
- {
454
- "kind": "javascript-module",
455
- "path": "src/utils/logger.ts",
456
- "declarations": [
457
- {
458
- "kind": "variable",
459
- "name": "logger"
460
- }
461
- ],
462
- "exports": [
463
- {
464
- "kind": "js",
465
- "name": "logger",
466
- "declaration": {
467
- "name": "logger",
468
- "module": "src/utils/logger.ts"
469
- }
470
- }
471
- ]
472
- },
473
- {
474
- "kind": "javascript-module",
475
- "path": "src/utils/misc.ts",
476
- "declarations": [],
477
- "exports": []
478
- },
479
- {
480
- "kind": "javascript-module",
481
- "path": "src/utils/templates.ts",
482
- "declarations": [],
483
- "exports": []
484
- },
485
- {
486
- "kind": "javascript-module",
487
- "path": "src/utils/types.ts",
488
- "declarations": [],
489
- "exports": []
490
- },
491
- {
492
- "kind": "javascript-module",
493
- "path": "src/main/index.ts",
494
- "declarations": [],
495
- "exports": [
496
- {
497
- "kind": "js",
498
- "name": "FoundationLayoutItem",
499
- "declaration": {
500
- "name": "FoundationLayoutItem",
501
- "module": "./layout-item"
502
- }
503
- },
504
- {
505
- "kind": "js",
506
- "name": "FoundationLayoutRegion",
507
- "declaration": {
508
- "name": "FoundationLayoutRegion",
509
- "module": "./layout-region"
510
- }
511
- },
512
- {
513
- "kind": "js",
514
- "name": "FoundationLayout",
515
- "declaration": {
516
- "name": "FoundationLayout",
517
- "module": "./layout-main"
518
- }
519
- },
520
- {
521
- "kind": "js",
522
- "name": "layoutStyles",
523
- "declaration": {
524
- "name": "layoutStyles",
525
- "module": "./layout-main"
526
- }
527
- },
528
- {
529
- "kind": "js",
530
- "name": "layoutTemplate",
531
- "declaration": {
532
- "name": "layoutTemplate",
533
- "module": "./layout-main"
534
- }
535
- },
536
- {
537
- "kind": "js",
538
- "name": "*",
539
- "declaration": {
540
- "name": "*",
541
- "package": "./layout-components"
542
- }
543
- }
544
- ]
545
- },
546
- {
547
- "kind": "javascript-module",
548
- "path": "src/main/layout-components.ts",
549
- "declarations": [
550
- {
551
- "kind": "variable",
552
- "name": "foundationLayoutComponents",
553
- "type": {
554
- "text": "object"
555
- },
556
- "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}",
557
- "description": "Registration object to register the layout with your design system.",
558
- "privacy": "public"
559
- }
560
- ],
561
- "exports": [
562
- {
563
- "kind": "js",
564
- "name": "foundationLayoutComponents",
565
- "declaration": {
566
- "name": "foundationLayoutComponents",
567
- "module": "src/main/layout-components.ts"
568
- }
569
- }
570
- ]
571
- },
572
- {
573
- "kind": "javascript-module",
574
- "path": "src/main/layout-item.ts",
575
- "declarations": [
576
- {
577
- "kind": "class",
578
- "description": "",
579
- "name": "FoundationLayoutItem",
580
- "members": [
581
- {
582
- "kind": "field",
583
- "name": "title",
584
- "type": {
585
- "text": "string"
586
- },
587
- "description": "Sets the title of the item which is displayed on the tab.",
588
- "privacy": "public"
589
- },
590
- {
591
- "kind": "field",
592
- "name": "closable",
593
- "type": {
594
- "text": "boolean"
595
- },
596
- "default": "false",
597
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
598
- "privacy": "public"
599
- },
600
- {
601
- "kind": "field",
602
- "name": "size",
603
- "type": {
604
- "text": "string"
605
- },
606
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
607
- "privacy": "public"
608
- },
609
- {
610
- "kind": "field",
611
- "name": "registration",
612
- "type": {
613
- "text": "string"
614
- },
615
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
616
- "privacy": "public"
617
- }
618
- ],
619
- "attributes": [
620
- {
621
- "name": "title",
622
- "type": {
623
- "text": "string"
624
- },
625
- "description": "Sets the title of the item which is displayed on the tab.",
626
- "fieldName": "title"
627
- },
628
- {
629
- "type": {
630
- "text": "boolean"
631
- },
632
- "default": "false",
633
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
634
- "fieldName": "closable"
635
- },
636
- {
637
- "name": "size",
638
- "type": {
639
- "text": "string"
640
- },
641
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
642
- "fieldName": "size"
643
- },
644
- {
645
- "name": "registration",
646
- "type": {
647
- "text": "string"
648
- },
649
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
650
- "fieldName": "registration"
651
- }
652
- ],
653
- "superclass": {
654
- "name": "FoundationElement",
655
- "package": "@microsoft/fast-foundation"
656
- },
657
- "tagName": "%%prefix%%-layout-item",
658
- "customElement": true
659
- }
660
- ],
661
- "exports": [
662
- {
663
- "kind": "js",
664
- "name": "FoundationLayoutItem",
665
- "declaration": {
666
- "name": "FoundationLayoutItem",
667
- "module": "src/main/layout-item.ts"
668
- }
669
- }
670
- ]
671
- },
672
- {
673
- "kind": "javascript-module",
674
- "path": "src/main/layout-main.ts",
297
+ "path": "src/main/layout-main.ts",
675
298
  "declarations": [
676
299
  {
677
300
  "kind": "class",
@@ -906,105 +529,482 @@
906
529
  "name": "FoundationElement",
907
530
  "package": "@microsoft/fast-foundation"
908
531
  },
909
- "tagName": "%%prefix%%-layout",
910
- "customElement": true
532
+ "tagName": "%%prefix%%-layout",
533
+ "customElement": true
534
+ },
535
+ {
536
+ "kind": "variable",
537
+ "name": "layoutTemplate",
538
+ "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
539
+ "description": "`ViewTemplate` which defines the html for FoundationLayout.",
540
+ "privacy": "public"
541
+ }
542
+ ],
543
+ "exports": [
544
+ {
545
+ "kind": "js",
546
+ "name": "layoutStyles",
547
+ "declaration": {
548
+ "name": "layoutStyles",
549
+ "module": "../styles"
550
+ }
551
+ },
552
+ {
553
+ "kind": "js",
554
+ "name": "FoundationLayout",
555
+ "declaration": {
556
+ "name": "FoundationLayout",
557
+ "module": "src/main/layout-main.ts"
558
+ }
559
+ },
560
+ {
561
+ "kind": "js",
562
+ "name": "layoutTemplate",
563
+ "declaration": {
564
+ "name": "layoutTemplate",
565
+ "module": "src/main/layout-main.ts"
566
+ }
567
+ }
568
+ ]
569
+ },
570
+ {
571
+ "kind": "javascript-module",
572
+ "path": "src/main/layout-region.ts",
573
+ "declarations": [
574
+ {
575
+ "kind": "class",
576
+ "description": "",
577
+ "name": "FoundationLayoutRegion",
578
+ "members": [
579
+ {
580
+ "kind": "field",
581
+ "name": "size",
582
+ "type": {
583
+ "text": "string"
584
+ },
585
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
586
+ "privacy": "public"
587
+ },
588
+ {
589
+ "kind": "field",
590
+ "name": "type",
591
+ "type": {
592
+ "text": "LayoutRegionType"
593
+ },
594
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
595
+ "privacy": "public"
596
+ }
597
+ ],
598
+ "attributes": [
599
+ {
600
+ "name": "size",
601
+ "type": {
602
+ "text": "string"
603
+ },
604
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
605
+ "fieldName": "size"
606
+ },
607
+ {
608
+ "name": "type",
609
+ "type": {
610
+ "text": "LayoutRegionType"
611
+ },
612
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
613
+ "fieldName": "type"
614
+ }
615
+ ],
616
+ "superclass": {
617
+ "name": "FoundationElement",
618
+ "package": "@microsoft/fast-foundation"
619
+ },
620
+ "tagName": "%%prefix%%-layout-region",
621
+ "customElement": true
622
+ }
623
+ ],
624
+ "exports": [
625
+ {
626
+ "kind": "js",
627
+ "name": "FoundationLayoutRegion",
628
+ "declaration": {
629
+ "name": "FoundationLayoutRegion",
630
+ "module": "src/main/layout-region.ts"
631
+ }
632
+ }
633
+ ]
634
+ },
635
+ {
636
+ "kind": "javascript-module",
637
+ "path": "src/utils/constants.ts",
638
+ "declarations": [
639
+ {
640
+ "kind": "variable",
641
+ "name": "DEFAULT_RELOAD_BUFFER",
642
+ "type": {
643
+ "text": "number"
644
+ },
645
+ "default": "500",
646
+ "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.",
647
+ "privacy": "public"
648
+ }
649
+ ],
650
+ "exports": [
651
+ {
652
+ "kind": "js",
653
+ "name": "DEFAULT_RELOAD_BUFFER",
654
+ "declaration": {
655
+ "name": "DEFAULT_RELOAD_BUFFER",
656
+ "module": "src/utils/constants.ts"
657
+ }
658
+ }
659
+ ]
660
+ },
661
+ {
662
+ "kind": "javascript-module",
663
+ "path": "src/utils/error.ts",
664
+ "declarations": [
665
+ {
666
+ "kind": "class",
667
+ "description": "",
668
+ "name": "LayoutUsageError",
669
+ "superclass": {
670
+ "name": "Error",
671
+ "module": "src/utils/error.ts"
672
+ }
673
+ },
674
+ {
675
+ "kind": "class",
676
+ "description": "",
677
+ "name": "LayoutRegistrationError",
678
+ "superclass": {
679
+ "name": "Error",
680
+ "module": "src/utils/error.ts"
681
+ }
682
+ }
683
+ ],
684
+ "exports": [
685
+ {
686
+ "kind": "js",
687
+ "name": "LayoutUsageError",
688
+ "declaration": {
689
+ "name": "LayoutUsageError",
690
+ "module": "src/utils/error.ts"
691
+ }
692
+ },
693
+ {
694
+ "kind": "js",
695
+ "name": "LayoutRegistrationError",
696
+ "declaration": {
697
+ "name": "LayoutRegistrationError",
698
+ "module": "src/utils/error.ts"
699
+ }
700
+ }
701
+ ]
702
+ },
703
+ {
704
+ "kind": "javascript-module",
705
+ "path": "src/utils/events.ts",
706
+ "declarations": [
707
+ {
708
+ "kind": "variable",
709
+ "name": "LayoutEmitEvents",
710
+ "type": {
711
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
712
+ },
713
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
714
+ "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",
715
+ "privacy": "public"
716
+ },
717
+ {
718
+ "kind": "variable",
719
+ "name": "LayoutReceiveEvents",
720
+ "type": {
721
+ "text": "{\n changeTitle: 'change-title',\n}"
722
+ },
723
+ "default": "{\n changeTitle: 'change-title',\n}",
724
+ "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.",
725
+ "privacy": "public"
726
+ }
727
+ ],
728
+ "exports": [
729
+ {
730
+ "kind": "js",
731
+ "name": "LayoutEmitEvents",
732
+ "declaration": {
733
+ "name": "LayoutEmitEvents",
734
+ "module": "src/utils/events.ts"
735
+ }
736
+ },
737
+ {
738
+ "kind": "js",
739
+ "name": "LayoutReceiveEvents",
740
+ "declaration": {
741
+ "name": "LayoutReceiveEvents",
742
+ "module": "src/utils/events.ts"
743
+ }
744
+ }
745
+ ]
746
+ },
747
+ {
748
+ "kind": "javascript-module",
749
+ "path": "src/utils/index.ts",
750
+ "declarations": [],
751
+ "exports": [
752
+ {
753
+ "kind": "js",
754
+ "name": "*",
755
+ "declaration": {
756
+ "name": "*",
757
+ "package": "./constants"
758
+ }
759
+ },
760
+ {
761
+ "kind": "js",
762
+ "name": "*",
763
+ "declaration": {
764
+ "name": "*",
765
+ "package": "./error"
766
+ }
767
+ },
768
+ {
769
+ "kind": "js",
770
+ "name": "*",
771
+ "declaration": {
772
+ "name": "*",
773
+ "package": "./events"
774
+ }
775
+ },
776
+ {
777
+ "kind": "js",
778
+ "name": "*",
779
+ "declaration": {
780
+ "name": "*",
781
+ "package": "./misc"
782
+ }
783
+ },
784
+ {
785
+ "kind": "js",
786
+ "name": "*",
787
+ "declaration": {
788
+ "name": "*",
789
+ "package": "./templates"
790
+ }
791
+ },
792
+ {
793
+ "kind": "js",
794
+ "name": "*",
795
+ "declaration": {
796
+ "name": "*",
797
+ "package": "./types"
798
+ }
799
+ },
800
+ {
801
+ "kind": "js",
802
+ "name": "*",
803
+ "declaration": {
804
+ "name": "*",
805
+ "package": "./error"
806
+ }
807
+ }
808
+ ]
809
+ },
810
+ {
811
+ "kind": "javascript-module",
812
+ "path": "src/utils/logger.ts",
813
+ "declarations": [
814
+ {
815
+ "kind": "variable",
816
+ "name": "logger"
817
+ }
818
+ ],
819
+ "exports": [
820
+ {
821
+ "kind": "js",
822
+ "name": "logger",
823
+ "declaration": {
824
+ "name": "logger",
825
+ "module": "src/utils/logger.ts"
826
+ }
827
+ }
828
+ ]
829
+ },
830
+ {
831
+ "kind": "javascript-module",
832
+ "path": "src/utils/misc.ts",
833
+ "declarations": [],
834
+ "exports": []
835
+ },
836
+ {
837
+ "kind": "javascript-module",
838
+ "path": "src/utils/templates.ts",
839
+ "declarations": [],
840
+ "exports": []
841
+ },
842
+ {
843
+ "kind": "javascript-module",
844
+ "path": "src/utils/types.ts",
845
+ "declarations": [],
846
+ "exports": []
847
+ },
848
+ {
849
+ "kind": "javascript-module",
850
+ "path": "src/styles/constants.ts",
851
+ "declarations": [
852
+ {
853
+ "kind": "variable",
854
+ "name": "glVisualConfig",
855
+ "type": {
856
+ "text": "Omit<LayoutConfig, 'root'>"
857
+ },
858
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
911
859
  },
912
860
  {
913
861
  "kind": "variable",
914
- "name": "layoutTemplate",
915
- "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
916
- "description": "`ViewTemplate` which defines the html for FoundationLayout.",
917
- "privacy": "public"
862
+ "name": "maximisSVG",
863
+ "type": {
864
+ "text": "string"
865
+ },
866
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
867
+ },
868
+ {
869
+ "kind": "variable",
870
+ "name": "minimiseSVG",
871
+ "type": {
872
+ "text": "string"
873
+ },
874
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
875
+ },
876
+ {
877
+ "kind": "variable",
878
+ "name": "closeSVG",
879
+ "type": {
880
+ "text": "string"
881
+ },
882
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=='"
883
+ },
884
+ {
885
+ "kind": "variable",
886
+ "name": "tabDropdownSVG",
887
+ "type": {
888
+ "text": "string"
889
+ },
890
+ "default": "'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4='"
918
891
  }
919
892
  ],
920
893
  "exports": [
921
894
  {
922
895
  "kind": "js",
923
- "name": "layoutStyles",
896
+ "name": "glVisualConfig",
924
897
  "declaration": {
925
- "name": "layoutStyles",
926
- "module": "../styles"
898
+ "name": "glVisualConfig",
899
+ "module": "src/styles/constants.ts"
927
900
  }
928
901
  },
929
902
  {
930
903
  "kind": "js",
931
- "name": "FoundationLayout",
904
+ "name": "maximisSVG",
932
905
  "declaration": {
933
- "name": "FoundationLayout",
934
- "module": "src/main/layout-main.ts"
906
+ "name": "maximisSVG",
907
+ "module": "src/styles/constants.ts"
935
908
  }
936
909
  },
937
910
  {
938
911
  "kind": "js",
939
- "name": "layoutTemplate",
912
+ "name": "minimiseSVG",
940
913
  "declaration": {
941
- "name": "layoutTemplate",
942
- "module": "src/main/layout-main.ts"
914
+ "name": "minimiseSVG",
915
+ "module": "src/styles/constants.ts"
916
+ }
917
+ },
918
+ {
919
+ "kind": "js",
920
+ "name": "closeSVG",
921
+ "declaration": {
922
+ "name": "closeSVG",
923
+ "module": "src/styles/constants.ts"
924
+ }
925
+ },
926
+ {
927
+ "kind": "js",
928
+ "name": "tabDropdownSVG",
929
+ "declaration": {
930
+ "name": "tabDropdownSVG",
931
+ "module": "src/styles/constants.ts"
943
932
  }
944
933
  }
945
934
  ]
946
935
  },
947
936
  {
948
937
  "kind": "javascript-module",
949
- "path": "src/main/layout-region.ts",
938
+ "path": "src/styles/dragging.styles.ts",
950
939
  "declarations": [
951
940
  {
952
- "kind": "class",
953
- "description": "",
954
- "name": "FoundationLayoutRegion",
955
- "members": [
956
- {
957
- "kind": "field",
958
- "name": "size",
959
- "type": {
960
- "text": "string"
961
- },
962
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
963
- "privacy": "public"
964
- },
965
- {
966
- "kind": "field",
967
- "name": "type",
968
- "type": {
969
- "text": "LayoutRegionType"
970
- },
971
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
972
- "privacy": "public"
973
- }
974
- ],
975
- "attributes": [
976
- {
977
- "name": "size",
978
- "type": {
979
- "text": "string"
980
- },
981
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
982
- "fieldName": "size"
983
- },
984
- {
985
- "name": "type",
986
- "type": {
987
- "text": "LayoutRegionType"
988
- },
989
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
990
- "fieldName": "type"
991
- }
992
- ],
993
- "superclass": {
994
- "name": "FoundationElement",
995
- "package": "@microsoft/fast-foundation"
996
- },
997
- "tagName": "%%prefix%%-layout-region",
998
- "customElement": true
941
+ "kind": "variable",
942
+ "name": "globalDraggingStyles",
943
+ "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`",
944
+ "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"
999
945
  }
1000
946
  ],
1001
947
  "exports": [
1002
948
  {
1003
949
  "kind": "js",
1004
- "name": "FoundationLayoutRegion",
950
+ "name": "globalDraggingStyles",
1005
951
  "declaration": {
1006
- "name": "FoundationLayoutRegion",
1007
- "module": "src/main/layout-region.ts"
952
+ "name": "globalDraggingStyles",
953
+ "module": "src/styles/dragging.styles.ts"
954
+ }
955
+ }
956
+ ]
957
+ },
958
+ {
959
+ "kind": "javascript-module",
960
+ "path": "src/styles/index.ts",
961
+ "declarations": [],
962
+ "exports": [
963
+ {
964
+ "kind": "js",
965
+ "name": "*",
966
+ "declaration": {
967
+ "name": "*",
968
+ "package": "./constants"
969
+ }
970
+ },
971
+ {
972
+ "kind": "js",
973
+ "name": "*",
974
+ "declaration": {
975
+ "name": "*",
976
+ "package": "./dragging.styles"
977
+ }
978
+ },
979
+ {
980
+ "kind": "js",
981
+ "name": "*",
982
+ "declaration": {
983
+ "name": "*",
984
+ "package": "./layout.styles"
985
+ }
986
+ }
987
+ ]
988
+ },
989
+ {
990
+ "kind": "javascript-module",
991
+ "path": "src/styles/layout.styles.ts",
992
+ "declarations": [
993
+ {
994
+ "kind": "variable",
995
+ "name": "layoutStyles",
996
+ "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('${maximisSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${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('${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`",
997
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
998
+ "privacy": "public"
999
+ }
1000
+ ],
1001
+ "exports": [
1002
+ {
1003
+ "kind": "js",
1004
+ "name": "layoutStyles",
1005
+ "declaration": {
1006
+ "name": "layoutStyles",
1007
+ "module": "src/styles/layout.styles.ts"
1008
1008
  }
1009
1009
  }
1010
1010
  ]
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.53.1-alpha-75e4b06.0",
4
+ "version": "14.54.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/foundation-layout.d.ts",
@@ -24,13 +24,13 @@
24
24
  "test:debug": "genx test --debug"
25
25
  },
26
26
  "devDependencies": {
27
- "@genesislcap/foundation-testing": "14.53.1-alpha-75e4b06.0",
28
- "@genesislcap/genx": "14.53.1-alpha-75e4b06.0"
27
+ "@genesislcap/foundation-testing": "14.54.0",
28
+ "@genesislcap/genx": "14.54.0"
29
29
  },
30
30
  "dependencies": {
31
31
  "@genesis-community/golden-layout": "^2.9.3",
32
- "@genesislcap/foundation-comms": "14.53.1-alpha-75e4b06.0",
33
- "@genesislcap/foundation-utils": "14.53.1-alpha-75e4b06.0",
32
+ "@genesislcap/foundation-comms": "14.54.0",
33
+ "@genesislcap/foundation-utils": "14.54.0",
34
34
  "@microsoft/fast-components": "^2.21.3",
35
35
  "@microsoft/fast-element": "^1.7.0",
36
36
  "@microsoft/fast-foundation": "^2.33.2",
@@ -45,5 +45,5 @@
45
45
  "access": "public"
46
46
  },
47
47
  "customElements": "dist/custom-elements.json",
48
- "gitHead": "696d59a549ce02baeed1e8df3bbbb9cfac1a3b60"
48
+ "gitHead": "94c44096e99b607294d9fb9bbd6b6b71bb6389d4"
49
49
  }