@genesislcap/foundation-layout 9.0.1-alpha-b5c5eb7.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 (156) hide show
  1. package/README.md +916 -0
  2. package/dist/1.0.0.remoteEntry.js +1 -0
  3. package/dist/191.191.106ece7a41ded6731029.js +2 -0
  4. package/dist/191.9a61143c2afb6057ad1bae886d5d1a6e.js.map +1 -0
  5. package/dist/259.09c601e5288d875caab4df1e2354c0ea.js.map +1 -0
  6. package/dist/259.259.216fcad43e9a38888e08.js +2 -0
  7. package/dist/415.415.094780a1a1162c7e5f1c.js +3 -0
  8. package/dist/415.415.094780a1a1162c7e5f1c.js.LICENSE.txt +4 -0
  9. package/dist/415.fcfb4f02eaecbfa31fc322639f244245.js.map +1 -0
  10. package/dist/459.459.c9f0bb440eb1f041c99e.js +515 -0
  11. package/dist/459.cb5f5b49b4e8881992c420f3b1ca863d.js.map +1 -0
  12. package/dist/623.623.0e7e8f23454ee96ed9c8.js +3 -0
  13. package/dist/623.623.0e7e8f23454ee96ed9c8.js.LICENSE.txt +4 -0
  14. package/dist/623.e8f211473f9034c4157d362efb017821.js.map +1 -0
  15. package/dist/755.718e14af7194fb741f98580b24b2bb8f.js.map +1 -0
  16. package/dist/755.755.f93ee58c2b836a669ec4.js +2 -0
  17. package/dist/dashboard.json +1 -0
  18. package/dist/dts/index.d.ts +3 -0
  19. package/dist/dts/index.d.ts.map +1 -0
  20. package/dist/dts/index.federated.d.ts +1 -0
  21. package/dist/dts/index.federated.d.ts.map +1 -0
  22. package/dist/dts/main/index.d.ts +6 -0
  23. package/dist/dts/main/index.d.ts.map +1 -0
  24. package/dist/dts/main/layout-components.d.ts +42 -0
  25. package/dist/dts/main/layout-components.d.ts.map +1 -0
  26. package/dist/dts/main/layout-item.d.ts +70 -0
  27. package/dist/dts/main/layout-item.d.ts.map +1 -0
  28. package/dist/dts/main/layout-main.d.ts +186 -0
  29. package/dist/dts/main/layout-main.d.ts.map +1 -0
  30. package/dist/dts/main/layout-region.d.ts +70 -0
  31. package/dist/dts/main/layout-region.d.ts.map +1 -0
  32. package/dist/dts/styles/constants.d.ts +7 -0
  33. package/dist/dts/styles/constants.d.ts.map +1 -0
  34. package/dist/dts/styles/dragging.styles.d.ts +7 -0
  35. package/dist/dts/styles/dragging.styles.d.ts.map +1 -0
  36. package/dist/dts/styles/index.d.ts +4 -0
  37. package/dist/dts/styles/index.d.ts.map +1 -0
  38. package/dist/dts/styles/layout.styles.d.ts +8 -0
  39. package/dist/dts/styles/layout.styles.d.ts.map +1 -0
  40. package/dist/dts/utils/constants.d.ts +14 -0
  41. package/dist/dts/utils/constants.d.ts.map +1 -0
  42. package/dist/dts/utils/error.d.ts +13 -0
  43. package/dist/dts/utils/error.d.ts.map +1 -0
  44. package/dist/dts/utils/events.d.ts +38 -0
  45. package/dist/dts/utils/events.d.ts.map +1 -0
  46. package/dist/dts/utils/index.d.ts +7 -0
  47. package/dist/dts/utils/index.d.ts.map +1 -0
  48. package/dist/dts/utils/logger.d.ts +2 -0
  49. package/dist/dts/utils/logger.d.ts.map +1 -0
  50. package/dist/dts/utils/misc.d.ts +10 -0
  51. package/dist/dts/utils/misc.d.ts.map +1 -0
  52. package/dist/dts/utils/templates.d.ts +6 -0
  53. package/dist/dts/utils/templates.d.ts.map +1 -0
  54. package/dist/dts/utils/types.d.ts +63 -0
  55. package/dist/dts/utils/types.d.ts.map +1 -0
  56. package/dist/esm/index.federated.js +2 -0
  57. package/dist/esm/index.federated.js.map +1 -0
  58. package/dist/esm/index.js +3 -0
  59. package/dist/esm/index.js.map +1 -0
  60. package/dist/esm/main/index.js +6 -0
  61. package/dist/esm/main/index.js.map +1 -0
  62. package/dist/esm/main/layout-components.js +36 -0
  63. package/dist/esm/main/layout-components.js.map +1 -0
  64. package/dist/esm/main/layout-item.js +86 -0
  65. package/dist/esm/main/layout-item.js.map +1 -0
  66. package/dist/esm/main/layout-main.js +391 -0
  67. package/dist/esm/main/layout-main.js.map +1 -0
  68. package/dist/esm/main/layout-region.js +98 -0
  69. package/dist/esm/main/layout-region.js.map +1 -0
  70. package/dist/esm/main/main.css +17 -0
  71. package/dist/esm/styles/constants.js +16 -0
  72. package/dist/esm/styles/constants.js.map +1 -0
  73. package/dist/esm/styles/dragging.styles.js +116 -0
  74. package/dist/esm/styles/dragging.styles.js.map +1 -0
  75. package/dist/esm/styles/index.js +4 -0
  76. package/dist/esm/styles/index.js.map +1 -0
  77. package/dist/esm/styles/layout.styles.js +530 -0
  78. package/dist/esm/styles/layout.styles.js.map +1 -0
  79. package/dist/esm/utils/constants.js +14 -0
  80. package/dist/esm/utils/constants.js.map +1 -0
  81. package/dist/esm/utils/error.js +17 -0
  82. package/dist/esm/utils/error.js.map +1 -0
  83. package/dist/esm/utils/events.js +26 -0
  84. package/dist/esm/utils/events.js.map +1 -0
  85. package/dist/esm/utils/index.js +7 -0
  86. package/dist/esm/utils/index.js.map +1 -0
  87. package/dist/esm/utils/logger.js +3 -0
  88. package/dist/esm/utils/logger.js.map +1 -0
  89. package/dist/esm/utils/misc.js +24 -0
  90. package/dist/esm/utils/misc.js.map +1 -0
  91. package/dist/esm/utils/templates.js +11 -0
  92. package/dist/esm/utils/templates.js.map +1 -0
  93. package/dist/esm/utils/types.js +4 -0
  94. package/dist/esm/utils/types.js.map +1 -0
  95. package/dist/favicon.ico +0 -0
  96. package/dist/foundation-layout.api.json +1574 -0
  97. package/dist/foundation-layout.d.ts +478 -0
  98. package/dist/foundationLayout.8b94161c9f0d0d475d026a05513893c1.js.map +1 -0
  99. package/dist/index.ejs +23 -0
  100. package/dist/index.html +15 -0
  101. package/dist/info.ejs +13 -0
  102. package/dist/main.40c13c1585eb6fa5761a17ab29a7851e.js.map +1 -0
  103. package/dist/main.94f8a6853d484ec34632.js +2 -0
  104. package/dist/npm.consola.713.b1e4073e73c71572987a.js +2 -0
  105. package/dist/npm.consola.a0d3324d3e61dcc430c3029da5f4dcc7.js.map +1 -0
  106. package/dist/npm.genesis-community.248.9c9900001dbc5ba9c3ed.js +2 -0
  107. package/dist/npm.genesis-community.2e0cc159dabe113d6fb29bb505c1a0d4.js.map +1 -0
  108. package/dist/npm.microsoft.127.00f16f24d8da8fd89263.js +1469 -0
  109. package/dist/npm.microsoft.127.00f16f24d8da8fd89263.js.LICENSE.txt +14 -0
  110. package/dist/npm.microsoft.be43958facd28231e770c1307660f64d.js.map +1 -0
  111. package/dist/remoteEntry.js +2 -0
  112. package/dist/serve.json +3 -0
  113. package/dist/tsdoc-metadata.json +11 -0
  114. package/docs/.gitattributes +2 -0
  115. package/docs/api/foundation-layout.default_reload_buffer.md +18 -0
  116. package/docs/api/foundation-layout.foundationlayout.additem.md +38 -0
  117. package/docs/api/foundation-layout.foundationlayout.dragging.md +16 -0
  118. package/docs/api/foundation-layout.foundationlayout.getlayout.md +22 -0
  119. package/docs/api/foundation-layout.foundationlayout.layoutrequiredregistrations.md +37 -0
  120. package/docs/api/foundation-layout.foundationlayout.loadlayout.md +37 -0
  121. package/docs/api/foundation-layout.foundationlayout.md +44 -0
  122. package/docs/api/foundation-layout.foundationlayout.registereditems.md +26 -0
  123. package/docs/api/foundation-layout.foundationlayout.registeritem.md +42 -0
  124. package/docs/api/foundation-layout.foundationlayout.reloadbuffer.md +16 -0
  125. package/docs/api/foundation-layout.foundationlayoutcomponents.md +50 -0
  126. package/docs/api/foundation-layout.foundationlayoutitem.closable.md +16 -0
  127. package/docs/api/foundation-layout.foundationlayoutitem.md +35 -0
  128. package/docs/api/foundation-layout.foundationlayoutitem.registration.md +21 -0
  129. package/docs/api/foundation-layout.foundationlayoutitem.size.md +16 -0
  130. package/docs/api/foundation-layout.foundationlayoutitem.title.md +21 -0
  131. package/docs/api/foundation-layout.foundationlayoutregion.md +33 -0
  132. package/docs/api/foundation-layout.foundationlayoutregion.size.md +16 -0
  133. package/docs/api/foundation-layout.foundationlayoutregion.type.md +16 -0
  134. package/docs/api/foundation-layout.layoutemitevents.md +22 -0
  135. package/docs/api/foundation-layout.layoutreceiveevents.md +20 -0
  136. package/docs/api/foundation-layout.layoutreceiveeventsdetail.md +23 -0
  137. package/docs/api/foundation-layout.layoutregiontype.md +16 -0
  138. package/docs/api/foundation-layout.layoutregistrationerror._constructor_.md +23 -0
  139. package/docs/api/foundation-layout.layoutregistrationerror.md +23 -0
  140. package/docs/api/foundation-layout.layoutstyles.md +21 -0
  141. package/docs/api/foundation-layout.layouttemplate.md +21 -0
  142. package/docs/api/foundation-layout.layoutusageerror._constructor_.md +23 -0
  143. package/docs/api/foundation-layout.layoutusageerror.md +23 -0
  144. package/docs/api/foundation-layout.md +42 -0
  145. package/docs/api/foundation-layout.placement.md +18 -0
  146. package/docs/api/foundation-layout.registeredelementconfig.closable.md +14 -0
  147. package/docs/api/foundation-layout.registeredelementconfig.md +30 -0
  148. package/docs/api/foundation-layout.registeredelementconfig.registration.md +14 -0
  149. package/docs/api/foundation-layout.registeredelementconfig.size.md +14 -0
  150. package/docs/api/foundation-layout.registeredelementconfig.title.md +14 -0
  151. package/docs/api/foundation-layout.serialisedlayout.md +26 -0
  152. package/docs/api/index.md +12 -0
  153. package/docs/api-report.md +235 -0
  154. package/docs/img/foundation-layout-example.png +0 -0
  155. package/license.txt +46 -0
  156. package/package.json +80 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dragging.styles.js","sourceRoot":"","sources":["../../../src/styles/dragging.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;sBAUd,sBAAsB,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkG7D,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './constants';
2
+ export * from './dragging.styles';
3
+ export * from './layout.styles';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,530 @@
1
+ // NOTE: This file is stylelint ignored as the css class names that golden layout use go against the rules
2
+ import { accentFillRest, controlCornerRadius, neutralLayer1, neutralLayer3, neutralLayer4, } from '@microsoft/fast-components';
3
+ import { css } from '@microsoft/fast-element';
4
+ import { maximisSVG, minimiseSVG, closeSVG, tabDropdownSVG } from './index';
5
+ const containerStyles = `
6
+ :host {
7
+ contain: content;
8
+ display: block;
9
+ position: relative;
10
+ height: 100%;
11
+ width: 100%;
12
+ }
13
+ .layout-container {
14
+ position: absolute;
15
+ height: 100%;
16
+ width: 100%;
17
+ inset: 0px;
18
+ }
19
+ `;
20
+ const loadingSpinnerStyles = css `
21
+ * {
22
+ --spinner-size: 50px;
23
+ }
24
+
25
+ .html-spinner {
26
+ width: var(--spinner-size);
27
+ height: var(--spinner-size);
28
+ border: 4px solid white;
29
+ border-top: 4px solid ${accentFillRest};
30
+ border-radius: 50%;
31
+ }
32
+
33
+ .html-spinner {
34
+ -webkit-transition-property: -webkit-transform;
35
+ -webkit-transition-duration: 1.2s;
36
+ -webkit-animation-name: rotate;
37
+ -webkit-animation-iteration-count: infinite;
38
+ -webkit-animation-timing-function: linear;
39
+
40
+ -moz-transition-property: -moz-transform;
41
+ -moz-animation-name: rotate;
42
+ -moz-animation-duration: 1.2s;
43
+ -moz-animation-iteration-count: infinite;
44
+ -moz-animation-timing-function: linear;
45
+
46
+ transition-property: transform;
47
+ animation-name: rotate;
48
+ animation-duration: 1.2s;
49
+ animation-iteration-count: infinite;
50
+ animation-timing-function: linear;
51
+ }
52
+
53
+ @-webkit-keyframes rotate {
54
+ from {
55
+ -webkit-transform: rotate(0deg);
56
+ }
57
+ to {
58
+ -webkit-transform: rotate(360deg);
59
+ }
60
+ }
61
+
62
+ @-moz-keyframes rotate {
63
+ from {
64
+ -moz-transform: rotate(0deg);
65
+ }
66
+ to {
67
+ -moz-transform: rotate(360deg);
68
+ }
69
+ }
70
+
71
+ @keyframes rotate {
72
+ from {
73
+ transform: rotate(0deg);
74
+ }
75
+ to {
76
+ transform: rotate(360deg);
77
+ }
78
+ }
79
+
80
+ /* spinner positioning */
81
+
82
+ .html-spinner {
83
+ position: absolute;
84
+ z-index: 5;
85
+ left: calc(50% - (calc(var(--spinner-size) / 2)));
86
+ top: calc(50% - (calc(var(--spinner-size) / 2)));
87
+ }
88
+ `;
89
+ /**
90
+ * `ElementStyles` which defines the css for {@link FoundationLayout}.
91
+ * @remarks
92
+ * Can be used in a composition to customise the styles of the layout.
93
+ * @beta
94
+ */
95
+ export const layoutStyles = css `
96
+ ${containerStyles}
97
+ ${loadingSpinnerStyles}
98
+
99
+ .lm_goldenlayout {
100
+ padding: 1px;
101
+ background: ${neutralLayer1};
102
+ border-radius: calc(${controlCornerRadius} * 1.5px);
103
+ }
104
+
105
+ .lm_stack.lm_item {
106
+ background-color: ${neutralLayer4};
107
+ border-radius: calc(${controlCornerRadius} * 1.5px);
108
+ }
109
+ .lm_maximised .lm_header {
110
+ background-color: ${neutralLayer4};
111
+ border-radius: calc(${controlCornerRadius} * 1.5px);
112
+ position: unset;
113
+ }
114
+
115
+ .lm_maximised .lm_header .lm_tabs {
116
+ z-index: 3;
117
+ }
118
+
119
+ .lm_content {
120
+ background-color: ${neutralLayer3};
121
+ border-radius: calc(${controlCornerRadius} * 1.5px);
122
+ border: 1px solid;
123
+ border-color: #2e3339;
124
+ box-sizing: border-box;
125
+ }
126
+
127
+ .lm-header {
128
+ z-index: 1;
129
+ }
130
+ .lm_header .lm_tabs {
131
+ padding: 0 16px;
132
+ }
133
+
134
+ .lm_stack > .lm_items {
135
+ z-index: 2;
136
+ box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);
137
+ }
138
+
139
+ .lm_header .lm_tab.lm_active.lm_focused {
140
+ background-color: ${neutralLayer3};
141
+ }
142
+ .lm_header .lm_tab.lm_active {
143
+ background-color: ${neutralLayer3};
144
+ border: 1px solid;
145
+ border-color: #2e3339;
146
+ border-bottom: 0;
147
+ color: ${accentFillRest};
148
+ }
149
+
150
+ .lm_header .lm_tab {
151
+ align-items: center;
152
+ background-color: ${neutralLayer4};
153
+ border: 1px solid;
154
+ border-bottom-color: #2e3339;
155
+ border-bottom: 0px solid;
156
+ border-color: rgba(0, 0, 0, 0.35);
157
+ border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;
158
+ box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);
159
+ color: rgba(255, 255, 255, 0.3);
160
+ display: flex;
161
+ font-family: inherit;
162
+ font-size: 13px;
163
+ font-weight: 700;
164
+ height: 30px;
165
+ margin-right: 2px;
166
+ margin-top: 3px;
167
+ padding: 2px 16px;
168
+ }
169
+
170
+ .lm_header .lm_tab:not(.lm_active):hover {
171
+ background-color: rgba(255, 255, 255, 0.1);
172
+ color: #f1f1f1;
173
+ }
174
+
175
+ .lm_header .lm_controls {
176
+ top: 4px;
177
+ display: flex;
178
+ }
179
+ .lm_header .lm_controls > * {
180
+ width: 30px;
181
+ height: 30px;
182
+ background-repeat: no-repeat;
183
+ background-position: center;
184
+ background-size: 16px;
185
+ background-color: rgba(255, 255, 255, 0.03);
186
+ border-radius: calc(${controlCornerRadius} * 1.5px);
187
+ margin-right: 4px;
188
+ top: 3px;
189
+ opacity: 1;
190
+ }
191
+ .lm_header .lm_controls > *:hover {
192
+ background-color: rgba(255, 255, 255, 0.1);
193
+ cursor: pointer;
194
+ }
195
+
196
+ .lm_controls .lm_maximise {
197
+ background-image: url('${maximisSVG}');
198
+ }
199
+ .lm_maximised .lm_controls .lm_maximise {
200
+ background-image: url('${minimiseSVG}');
201
+ }
202
+ .lm_controls .lm_close {
203
+ background-image: url('${closeSVG}');
204
+ }
205
+ .lm_header .lm_tab .lm_close_tab {
206
+ background-image: url('${closeSVG}');
207
+ background-size: 10px;
208
+ background-repeat: no-repeat;
209
+ margin-left: 12px;
210
+ position: relative;
211
+ top: 0;
212
+ right: 0;
213
+ }
214
+
215
+ .lm_header .lm_tab.lm_active {
216
+ padding: 4px 25px 3px 10px;
217
+ }
218
+
219
+ .lm_header .lm_tab:not(.lm_active) .lm_title {
220
+ color: ${accentFillRest};
221
+ opacity: 0.7;
222
+ }
223
+
224
+ .lm_header .lm_controls .lm_tabdropdown::before {
225
+ content: none;
226
+ }
227
+ .lm_header .lm_controls .lm_tabdropdown {
228
+ background-image: url('${tabDropdownSVG}');
229
+ }
230
+ .lm_header .lm_tabdropdown_list {
231
+ top: 38px;
232
+ right: 108px;
233
+ background-color: ${neutralLayer3};
234
+ border: 1px solid;
235
+ border-color: #2e3339;
236
+ border-radius: calc(${controlCornerRadius} * 1.5px);
237
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
238
+ }
239
+ .lm_header .lm_tabdropdown_list > .lm_tab {
240
+ box-shadow: none;
241
+ padding: 0 16px;
242
+ white-space: nowrap;
243
+ background-color: transparent;
244
+ color: #c9c9c9;
245
+ height: 36px;
246
+ border-radius: 0;
247
+ overflow: visible;
248
+ text-overflow: normal;
249
+ }
250
+ .lm_header .lm_tabdropdown_list > .lm_tab:last-child {
251
+ border-bottom: 0;
252
+ }
253
+
254
+ /* gl base styles start */
255
+ .lm_root {
256
+ position: relative;
257
+ }
258
+ .lm_row > .lm_item {
259
+ float: left;
260
+ }
261
+ .lm_content {
262
+ overflow: hidden;
263
+ position: relative;
264
+ }
265
+ .lm_dragging,
266
+ .lm_dragging * {
267
+ cursor: move !important;
268
+ user-select: none;
269
+ }
270
+ .lm_maximised {
271
+ left: 0;
272
+ padding: 1px;
273
+ position: absolute;
274
+ top: 0;
275
+ z-index: 40;
276
+ }
277
+ .lm_maximise_placeholder {
278
+ display: none;
279
+ }
280
+ .lm_splitter {
281
+ position: relative;
282
+ z-index: 20;
283
+ }
284
+ .lm_splitter:hover,
285
+ .lm_splitter.lm_dragging {
286
+ background: ${accentFillRest};
287
+ border-radius: calc(${controlCornerRadius} * 4px);
288
+ }
289
+ .lm_splitter.lm_vertical .lm_drag_handle {
290
+ width: 100%;
291
+ height: 15px;
292
+ position: absolute;
293
+ top: -5px;
294
+ cursor: ns-resize;
295
+ }
296
+ .lm_splitter.lm_horizontal {
297
+ float: left;
298
+ height: 100%;
299
+ }
300
+ .lm_splitter.lm_horizontal .lm_drag_handle {
301
+ width: 15px;
302
+ height: 100%;
303
+ position: absolute;
304
+ left: -5px;
305
+ cursor: ew-resize;
306
+ }
307
+ .lm_header {
308
+ overflow: visible;
309
+ position: relative;
310
+ z-index: 1;
311
+ }
312
+ .lm_header [class^='lm_'] {
313
+ box-sizing: content-box !important;
314
+ }
315
+ .lm_header .lm_controls {
316
+ position: absolute;
317
+ right: 3px;
318
+ }
319
+ .lm_header .lm_controls > li {
320
+ cursor: pointer;
321
+ float: left;
322
+ width: 18px;
323
+ height: 18px;
324
+ text-align: center;
325
+ }
326
+ .lm_header ul {
327
+ margin: 0;
328
+ padding: 0;
329
+ list-style-type: none;
330
+ }
331
+ .lm_header .lm_tabs {
332
+ position: absolute;
333
+ }
334
+ .lm_header .lm_tab {
335
+ cursor: pointer;
336
+ float: left;
337
+ margin-top: 1px;
338
+ padding: 3px 25px 3px 10px;
339
+ position: relative;
340
+ }
341
+ .lm_header .lm_tab i {
342
+ width: 2px;
343
+ height: 19px;
344
+ position: absolute;
345
+ }
346
+ .lm_header .lm_tab i.lm_left {
347
+ top: 0;
348
+ left: -2px;
349
+ }
350
+ .lm_header .lm_tab i.lm_right {
351
+ top: 0;
352
+ right: -2px;
353
+ }
354
+ .lm_header .lm_tab .lm_title {
355
+ display: inline-block;
356
+ overflow: hidden;
357
+ text-overflow: ellipsis;
358
+ }
359
+ .lm_header .lm_tab .lm_title:only-child {
360
+ padding-left: 10px;
361
+ }
362
+ .lm_header .lm_tab .lm_close_tab {
363
+ width: 14px;
364
+ height: 14px;
365
+ position: absolute;
366
+ top: 11px;
367
+ right: 0;
368
+ text-align: center;
369
+ }
370
+ .lm_stack.lm_left .lm_header,
371
+ .lm_stack.lm_right .lm_header {
372
+ height: 100%;
373
+ }
374
+ .lm_dragProxy.lm_left .lm_header,
375
+ .lm_dragProxy.lm_right .lm_header,
376
+ .lm_stack.lm_left .lm_header,
377
+ .lm_stack.lm_right .lm_header {
378
+ width: 20px;
379
+ float: left;
380
+ vertical-align: top;
381
+ }
382
+ .lm_dragProxy.lm_left .lm_header .lm_tabs,
383
+ .lm_dragProxy.lm_right .lm_header .lm_tabs,
384
+ .lm_stack.lm_left .lm_header .lm_tabs,
385
+ .lm_stack.lm_right .lm_header .lm_tabs {
386
+ transform-origin: left top;
387
+ top: 0;
388
+ width: 1000px;
389
+ }
390
+ .lm_dragProxy.lm_left .lm_header .lm_controls,
391
+ .lm_dragProxy.lm_right .lm_header .lm_controls,
392
+ .lm_stack.lm_left .lm_header .lm_controls,
393
+ .lm_stack.lm_right .lm_header .lm_controls {
394
+ bottom: 0;
395
+ }
396
+ .lm_dragProxy.lm_left .lm_items,
397
+ .lm_dragProxy.lm_right .lm_items,
398
+ .lm_stack.lm_left .lm_items,
399
+ .lm_stack.lm_right .lm_items {
400
+ float: left;
401
+ }
402
+ .lm_dragProxy.lm_left .lm_header .lm_tabs,
403
+ .lm_stack.lm_left .lm_header .lm_tabs {
404
+ transform: rotate(-90deg) scaleX(-1);
405
+ left: 0;
406
+ }
407
+ .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,
408
+ .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {
409
+ transform: scaleX(-1);
410
+ margin-top: 1px;
411
+ }
412
+ .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,
413
+ .lm_stack.lm_left .lm_header .lm_tabdropdown_list {
414
+ top: initial;
415
+ right: initial;
416
+ left: 20px;
417
+ }
418
+ .lm_dragProxy.lm_right .lm_content {
419
+ float: left;
420
+ }
421
+ .lm_dragProxy.lm_right .lm_header .lm_tabs,
422
+ .lm_stack.lm_right .lm_header .lm_tabs {
423
+ transform: rotate(90deg) scaleX(1);
424
+ left: 100%;
425
+ margin-left: 0;
426
+ }
427
+ .lm_dragProxy.lm_right .lm_header .lm_controls,
428
+ .lm_stack.lm_right .lm_header .lm_controls {
429
+ left: 3px;
430
+ }
431
+ .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,
432
+ .lm_stack.lm_right .lm_header .lm_tabdropdown_list {
433
+ top: initial;
434
+ right: 20px;
435
+ }
436
+ .lm_dragProxy.lm_bottom .lm_header .lm_tab,
437
+ .lm_stack.lm_bottom .lm_header .lm_tab {
438
+ margin-top: 0;
439
+ border-top: none;
440
+ }
441
+ .lm_dragProxy.lm_bottom .lm_header .lm_controls,
442
+ .lm_stack.lm_bottom .lm_header .lm_controls {
443
+ top: 3px;
444
+ }
445
+ .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,
446
+ .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {
447
+ top: initial;
448
+ bottom: 20px;
449
+ }
450
+ .lm_drop_tab_placeholder {
451
+ float: left;
452
+ width: 100px;
453
+ height: 10px;
454
+ visibility: hidden;
455
+ }
456
+ .lm_header .lm_tabdropdown_list {
457
+ position: absolute;
458
+ top: 20px;
459
+ right: 0;
460
+ z-index: 5;
461
+ overflow: hidden;
462
+ }
463
+ .lm_header .lm_tabdropdown_list .lm_tab {
464
+ clear: both;
465
+ padding-right: 10px;
466
+ margin: 0;
467
+ }
468
+ .lm_header .lm_tabdropdown_list .lm_tab .lm_title {
469
+ width: 100px;
470
+ }
471
+ .lm_header .lm_tabdropdown_list .lm_close_tab {
472
+ display: none !important;
473
+ }
474
+ .lm_dragProxy {
475
+ position: absolute;
476
+ top: 0;
477
+ left: 0;
478
+ z-index: 30;
479
+ }
480
+ .lm_dragProxy .lm_header {
481
+ background: transparent;
482
+ }
483
+ .lm_dragProxy .lm_content {
484
+ border-top: none;
485
+ overflow: hidden;
486
+ }
487
+ .lm_dropTargetIndicator {
488
+ display: none;
489
+ position: absolute;
490
+ z-index: 20;
491
+ }
492
+ .lm_dropTargetIndicator .lm_inner {
493
+ width: 100%;
494
+ height: 100%;
495
+ position: relative;
496
+ top: 0;
497
+ left: 0;
498
+ }
499
+ .lm_transition_indicator {
500
+ display: none;
501
+ width: 20px;
502
+ height: 20px;
503
+ position: absolute;
504
+ top: 0;
505
+ left: 0;
506
+ z-index: 20;
507
+ }
508
+ .lm_popin {
509
+ width: 20px;
510
+ height: 20px;
511
+ position: absolute;
512
+ bottom: 0;
513
+ right: 0;
514
+ z-index: 9999;
515
+ }
516
+ .lm_popin > * {
517
+ width: 100%;
518
+ height: 100%;
519
+ position: absolute;
520
+ top: 0;
521
+ left: 0;
522
+ }
523
+ .lm_popin > .lm_bg {
524
+ z-index: 10;
525
+ }
526
+ .lm_popin > .lm_icon {
527
+ z-index: 20;
528
+ } /*# sourceMappingURL=goldenlayout-base.css.map */
529
+ `;
530
+ //# sourceMappingURL=layout.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.styles.js","sourceRoot":"","sources":["../../../src/styles/layout.styles.ts"],"names":[],"mappings":"AAAA,0GAA0G;AAC1G,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,aAAa,GACd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5E,MAAM,eAAe,GAAG;;;;;;;;;;;;;;CAcvB,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;4BASJ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DzC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;IAC3B,eAAe;IACf,oBAAoB;;;;kBAIN,aAAa;0BACL,mBAAmB;;;;wBAIrB,aAAa;0BACX,mBAAmB;;;wBAGrB,aAAa;0BACX,mBAAmB;;;;;;;;;wBASrB,aAAa;0BACX,mBAAmB;;;;;;;;;;;;;;;;;;;wBAmBrB,aAAa;;;wBAGb,aAAa;;;;aAIxB,cAAc;;;;;wBAKH,aAAa;;;;;0BAKX,mBAAmB,kBAAkB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA6BxD,mBAAmB;;;;;;;;;;;6BAWhB,UAAU;;;6BAGV,WAAW;;;6BAGX,QAAQ;;;6BAGR,QAAQ;;;;;;;;;;;;;;aAcxB,cAAc;;;;;;;;6BAQE,cAAc;;;;;wBAKnB,aAAa;;;0BAGX,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkD3B,cAAc;0BACN,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkP5C,CAAC"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Used to key what type of LayoutComponent an object is
3
+ * @internal
4
+ */
5
+ export const componentType = Symbol('component-type');
6
+ /**
7
+ * Default time in milliseconds for the layout to buffer calls to reloading
8
+ * the layout while the declarative API is loading.
9
+ *
10
+ * During the first load of the layout, a loading spinner will be shown.
11
+ * @beta
12
+ */
13
+ export const DEFAULT_RELOAD_BUFFER = 500;
14
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC"}
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @beta
3
+ */
4
+ export class LayoutUsageError extends Error {
5
+ constructor(message) {
6
+ super(message);
7
+ }
8
+ }
9
+ /**
10
+ * @beta
11
+ */
12
+ export class LayoutRegistrationError extends Error {
13
+ constructor(message) {
14
+ super(message);
15
+ }
16
+ }
17
+ //# sourceMappingURL=error.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error.js","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IACzC,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAChD,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;CACF"}
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Defines events that the layout system emits
3
+ *
4
+ * 'firstLoaded' - emitted when the layout has finished loading the first time
5
+ * using the declarative API after {@link DEFAULT_RELOAD_BUFFER} ms.
6
+ * <br/>
7
+ * 'itemAdded' - emitted when an item is added to the layout'
8
+ * <br/>
9
+ * 'itemRemoved' - emitted when an item is removed from the layout'
10
+ * @beta
11
+ */
12
+ export const LayoutEmitEvents = {
13
+ firstLoaded: 'first-loaded',
14
+ itemAdded: 'item-added',
15
+ itemRemoved: 'item-removed',
16
+ };
17
+ /**
18
+ * Defines events that the layout system listens for
19
+ *
20
+ * 'changeTitle' - emit this from a contained item to update the title of the window that contains it.
21
+ * @beta
22
+ */
23
+ export const LayoutReceiveEvents = {
24
+ changeTitle: 'change-title',
25
+ };
26
+ //# sourceMappingURL=events.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/utils/events.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,YAAY;IACvB,WAAW,EAAE,cAAc;CACnB,CAAC;AAEX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,WAAW,EAAE,cAAc;CACnB,CAAC"}
@@ -0,0 +1,7 @@
1
+ export * from './constants';
2
+ export * from './error';
3
+ export * from './events';
4
+ export * from './misc';
5
+ export * from './templates';
6
+ export * from './types';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { createLogger } from '@genesislcap/foundation-utils';
2
+ export const logger = createLogger('foundation-layout');
3
+ //# sourceMappingURL=logger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"logger.js","sourceRoot":"","sources":["../../../src/utils/logger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { componentType, LayoutUsageError } from './';
2
+ /**
3
+ * Returns an array of values of the array a which are missing in b
4
+ * An empty array is returned if every value of a is in b
5
+ * @internal
6
+ */
7
+ export function getMissingArrayItems(a, b) {
8
+ return a.filter((x) => !b.includes(x));
9
+ }
10
+ /** @internal */
11
+ export function getParentLayoutComponent() {
12
+ const parent = this.parentElement;
13
+ switch (parent[componentType]) {
14
+ case 'root':
15
+ return parent;
16
+ case 'horizontal':
17
+ case 'vertical':
18
+ case 'tabs':
19
+ return parent;
20
+ default:
21
+ throw new LayoutUsageError('Using layout region outside of layout root');
22
+ }
23
+ }
24
+ //# sourceMappingURL=misc.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"misc.js","sourceRoot":"","sources":["../../../src/utils/misc.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAErD;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAI,CAAM,EAAE,CAAM;IACpD,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACzC,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,wBAAwB;IACtC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;IAClC,QAAQ,MAAM,CAAC,aAAa,CAAC,EAAE;QAC7B,KAAK,MAAM;YACT,OAAO,MAA0B,CAAC;QACpC,KAAK,YAAY,CAAC;QAClB,KAAK,UAAU,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,MAAgC,CAAC;QAC1C;YACE,MAAM,IAAI,gBAAgB,CAAC,4CAA4C,CAAC,CAAC;KAC5E;AACH,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { html } from '@microsoft/fast-element';
2
+ /**
3
+ * template for the child layout elements
4
+ * @internal
5
+ */
6
+ export const wrapperTemplate = html `
7
+ <template>
8
+ <slot class="target"></slot>
9
+ </template>
10
+ `;
11
+ //# sourceMappingURL=templates.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/utils/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;;;;CAIlC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { componentType } from './';
2
+ /** @internal */
3
+ export const layoutRegionValue = ['horizontal', 'vertical', 'tabs'];
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAkDnC,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,CAAU,CAAC"}
Binary file