@aptre/flex-layout 0.2.4 → 0.3.0-beta.2

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 (112) hide show
  1. package/README.md +154 -311
  2. package/dist/DockLocation.d.ts +2 -2
  3. package/dist/DropInfo.d.ts +4 -4
  4. package/dist/I18nLabel.d.ts +7 -9
  5. package/dist/Rect.d.ts +14 -1
  6. package/dist/Types.d.ts +16 -0
  7. package/dist/index.d.ts +21 -22
  8. package/dist/index.mjs +4529 -4618
  9. package/dist/model/Actions.d.ts +40 -23
  10. package/dist/model/BorderNode.d.ts +10 -14
  11. package/dist/model/BorderSet.d.ts +1 -2
  12. package/dist/model/IJsonModel.d.ts +697 -35
  13. package/dist/model/LayoutWindow.d.ts +28 -0
  14. package/dist/model/Model.d.ts +29 -24
  15. package/dist/model/Node.d.ts +5 -5
  16. package/dist/model/RowNode.d.ts +5 -6
  17. package/dist/model/TabNode.d.ts +15 -8
  18. package/dist/model/TabSetNode.d.ts +13 -10
  19. package/dist/view/BorderTab.d.ts +2 -0
  20. package/dist/view/Icons.d.ts +1 -0
  21. package/dist/view/Layout.d.ts +95 -116
  22. package/dist/view/Row.d.ts +1 -0
  23. package/dist/view/SizeTracker.d.ts +10 -0
  24. package/dist/view/Utils.d.ts +11 -1
  25. package/package.json +21 -25
  26. package/style/_base.scss +138 -32
  27. package/style/dark.css +145 -40
  28. package/style/dark.css.map +1 -1
  29. package/style/dark.scss +3 -1
  30. package/style/gray.css +144 -39
  31. package/style/gray.css.map +1 -1
  32. package/style/gray.scss +2 -0
  33. package/style/light.css +147 -42
  34. package/style/light.css.map +1 -1
  35. package/style/light.scss +4 -2
  36. package/style/rounded.css +697 -0
  37. package/style/rounded.css.map +1 -0
  38. package/style/rounded.scss +193 -0
  39. package/style/underline.css +145 -40
  40. package/style/underline.css.map +1 -1
  41. package/style/underline.scss +2 -0
  42. package/tsconfig.json +3 -3
  43. package/typedoc/assets/hierarchy.js +1 -0
  44. package/typedoc/assets/highlight.css +18 -18
  45. package/typedoc/assets/icons.js +17 -14
  46. package/typedoc/assets/icons.svg +1 -1
  47. package/typedoc/assets/main.js +5 -4
  48. package/typedoc/assets/navigation.js +1 -1
  49. package/typedoc/assets/search.js +1 -1
  50. package/typedoc/assets/style.css +1422 -1224
  51. package/typedoc/classes/Action.html +2 -2
  52. package/typedoc/classes/Actions.html +65 -52
  53. package/typedoc/classes/BorderNode.html +26 -30
  54. package/typedoc/classes/BorderSet.html +2 -2
  55. package/typedoc/classes/DockLocation.html +9 -9
  56. package/typedoc/classes/DropInfo.html +3 -3
  57. package/typedoc/classes/Layout.html +99 -83
  58. package/typedoc/classes/LayoutWindow.html +12 -0
  59. package/typedoc/classes/Model.html +44 -40
  60. package/typedoc/classes/Node.html +12 -12
  61. package/typedoc/classes/Orientation.html +5 -5
  62. package/typedoc/classes/Rect.html +18 -11
  63. package/typedoc/classes/RowNode.html +16 -17
  64. package/typedoc/classes/TabNode.html +40 -34
  65. package/typedoc/classes/TabSetNode.html +40 -41
  66. package/typedoc/enums/CLASSES.html +94 -78
  67. package/typedoc/enums/I18nLabel.html +11 -13
  68. package/typedoc/enums/ICloseType.html +4 -4
  69. package/typedoc/hierarchy.html +1 -1
  70. package/typedoc/index.html +1 -51
  71. package/typedoc/interfaces/IBorderAttributes.html +32 -9
  72. package/typedoc/interfaces/IDraggable.html +1 -1
  73. package/typedoc/interfaces/IDropTarget.html +1 -1
  74. package/typedoc/interfaces/IGlobalAttributes.html +190 -47
  75. package/typedoc/interfaces/IIcons.html +5 -4
  76. package/typedoc/interfaces/IJsonBorderNode.html +32 -9
  77. package/typedoc/interfaces/IJsonModel.html +3 -2
  78. package/typedoc/interfaces/IJsonPopout.html +3 -0
  79. package/typedoc/interfaces/IJsonRect.html +5 -0
  80. package/typedoc/interfaces/IJsonRowNode.html +8 -5
  81. package/typedoc/interfaces/IJsonTabNode.html +73 -15
  82. package/typedoc/interfaces/IJsonTabSetNode.html +68 -23
  83. package/typedoc/interfaces/ILayoutProps.html +36 -22
  84. package/typedoc/interfaces/IRowAttributes.html +8 -5
  85. package/typedoc/interfaces/ITabAttributes.html +73 -15
  86. package/typedoc/interfaces/ITabRenderValues.html +5 -3
  87. package/typedoc/interfaces/ITabSetAttributes.html +63 -24
  88. package/typedoc/interfaces/ITabSetRenderValues.html +8 -7
  89. package/typedoc/types/DragRectRenderCallback.html +1 -1
  90. package/typedoc/types/IBorderLocation.html +1 -1
  91. package/typedoc/types/ITabLocation.html +1 -1
  92. package/typedoc/types/NodeMouseEvent.html +1 -1
  93. package/typedoc/types/ShowOverflowMenuCallback.html +1 -1
  94. package/typedoc/types/TabSetPlaceHolderCallback.html +1 -1
  95. package/typedoc/variables/FlexLayoutVersion.html +1 -0
  96. package/dist/DragDrop.d.ts +0 -15
  97. package/dist/model/SplitterNode.d.ts +0 -5
  98. package/typedoc/classes/DragDrop.html +0 -10
  99. package/typedoc/classes/SplitterNode.html +0 -13
  100. package/typedoc/interfaces/ICustomDropDestination.html +0 -10
  101. package/typedoc/interfaces/IFontValues.html +0 -5
  102. package/typedoc/interfaces/ILayoutState.html +0 -9
  103. package/typedoc/interfaces/ITitleObject.html +0 -3
  104. package/typedoc/types/CustomDragCallback.html +0 -1
  105. package/typedoc/types/FloatingTabPlaceholderRenderCallback.html +0 -1
  106. package/typedoc/types/IInsets.html +0 -1
  107. package/typedoc/types/IconFactory.html +0 -1
  108. package/typedoc/types/TitleFactory.html +0 -1
  109. /package/dist/{PopupMenu.d.ts → view/DragContainer.d.ts} +0 -0
  110. /package/dist/view/{FloatingWindow.d.ts → Overlay.d.ts} +0 -0
  111. /package/dist/view/{FloatingWindowTab.d.ts → PopoutWindow.d.ts} +0 -0
  112. /package/dist/view/{TabFloating.d.ts → PopupMenu.d.ts} +0 -0
@@ -0,0 +1,193 @@
1
+ $color_text: black !default;
2
+ $color_background: #f2f6fb !default;
3
+ $color_base: #f2f6fb !default;
4
+ $color_1: scale_color($color_base, $lightness: -3%) !default;
5
+ $color_2: scale_color($color_1, $lightness: -3%) !default;
6
+ $color_3: scale_color($color_2, $lightness: -3%) !default;
7
+ $color_4: scale_color($color_3, $lightness: -3%) !default;
8
+ $color_5: scale_color($color_4, $lightness: -3%) !default;
9
+ $color_6: scale_color($color_5, $lightness: -3%) !default;
10
+ $color_drag1: rgb(95, 134, 196) !default;
11
+ $color_drag2: rgb(119, 166, 119) !default;
12
+ $color_drag1_background: rgba(95, 134, 196, 0.1) !default;
13
+ $color_drag2_background: rgba(119, 166, 119, 0.075) !default;
14
+
15
+ $font-size: medium !default;
16
+ $font-family: Roboto, Arial, sans-serif !default;
17
+
18
+ .flexlayout {
19
+ &__layout {
20
+ --color-text: #{$color_text};
21
+ --color-background: transparent;
22
+ --color-base: #{$color_base};
23
+ --color-1: #{$color_1};
24
+ --color-2: #{$color_2};
25
+ --color-3: #{$color_3};
26
+ --color-4: #{$color_4};
27
+ --color-5: #{$color_5};
28
+ --color-6: #{$color_6};
29
+ --color-drag1: #{$color_drag1};
30
+ --color-drag2: #{$color_drag1};
31
+ --color-drag1-background: #{$color_drag1_background};
32
+ --color-drag2-background: #{$color_drag1_background};
33
+
34
+ --font-size: #{$font_size};
35
+ --font-family: #{$font_family};
36
+
37
+ --color-overflow: #999db2;
38
+ --color-icon: #999db2;
39
+
40
+ --color-tabset-background: white;
41
+ --color-tabset-background-selected: white;
42
+ --color-tabset-background-maximized: var(--color-2);
43
+ --color-tabset-divider-line: white;
44
+
45
+ --color-tabset-header-background: var(--color-background);
46
+ --color-tabset-header: var(--color-text);
47
+
48
+ --color-border-tab-content: white;
49
+ --color-border-background: var(--color-background);
50
+ --color-border-divider-line: var(--color-background);
51
+
52
+ --color-tab-content: white;
53
+ --color-tab-selected: var(--color-text);
54
+ --color-tab-selected-background: var(--color-2);
55
+ --color-tab-unselected: gray;
56
+ --color-tab-unselected-background: transparent;
57
+ --color-tab-textbox: var(--color-text);
58
+ --color-tab-textbox-background: var(--color-3);
59
+
60
+ --color-border-tab-selected: var(--color-text);
61
+ --color-border-tab-selected-background: var(--color-2);
62
+ --color-border-tab-unselected: gray;
63
+ --color-border-tab-unselected-background: var(--color-2);
64
+
65
+ --color-splitter: #{$color_background};
66
+ --color-splitter-hover: var(--color-4);
67
+ --color-splitter-drag: var(--color-4);
68
+
69
+ --color-drag-rect-border: #ccc;
70
+ --color-drag-rect-background: var(--color-5);
71
+ --color-drag-rect: var(--color-text);
72
+
73
+ --color-popup-border: var(--color-6);
74
+ --color-popup-unselected: var(--color-text);
75
+ --color-popup-unselected-background: #{$color_background};
76
+ --color-popup-selected: var(--color-text);
77
+ --color-popup-selected-background: var(--color-3);
78
+
79
+ --color-edge-marker: #a6bbdf;
80
+ --color-edge-icon: #555;
81
+ }
82
+ }
83
+
84
+ @mixin tabset_mixin {
85
+ border-radius: 10px;
86
+ }
87
+
88
+ @mixin tabset_tabbar_mixin {
89
+ }
90
+
91
+ @mixin tabset_header_mixin {
92
+ }
93
+
94
+ @mixin tabset_selected_mixin {
95
+ }
96
+
97
+ @mixin tabset_maximized_mixin {
98
+ }
99
+
100
+ @mixin tab_top_mixin {
101
+ }
102
+
103
+ @mixin tab_bottom_mixin {
104
+ }
105
+
106
+ @mixin tab_button_mixin {
107
+ border-radius: 10px;
108
+ padding: 2px 0.6em;
109
+ }
110
+
111
+ @mixin tab_button_selected_mixin {
112
+ }
113
+
114
+ @mixin tab_button_unselected_mixin {
115
+ color: gray;
116
+ }
117
+
118
+ @mixin tab_button_hovered_mixin {
119
+ }
120
+
121
+ @mixin tab_button_stretch_mixin {
122
+ }
123
+
124
+ @mixin tab_button_stretch_hovered_mixin {
125
+ }
126
+
127
+ @mixin close_button_hovered_mixin {
128
+ background-color: var(--color-3);
129
+ }
130
+
131
+ @mixin toolbar_button_hovered_mixin {
132
+ background-color: var(--color-2);
133
+ }
134
+
135
+ @mixin border_mixin {
136
+ }
137
+
138
+ @mixin border_button_mixin {
139
+ border-radius: 10px;
140
+ padding: 2px 0.7em;
141
+ }
142
+
143
+ @mixin border_button_selected_mixin {
144
+ }
145
+
146
+ @mixin border_button_unselected_mixin {
147
+ }
148
+
149
+ @mixin border_button_hovered_mixin {
150
+ }
151
+
152
+ @mixin splitter_mixin {
153
+ }
154
+
155
+ @mixin splitter_hover_mixin {
156
+ }
157
+
158
+ @mixin splitter_drag_mixin {
159
+ }
160
+
161
+ @mixin splitter_border_mixin {
162
+ }
163
+
164
+ @mixin tabset_tab_divider_mixin {
165
+ }
166
+
167
+ @mixin border_tab_divider_mixin {
168
+ }
169
+
170
+ @import "_base";
171
+
172
+ .flexlayout__tabset_content {
173
+ padding: 1px 5px 5px 5px;
174
+ border-bottom-left-radius: 10px;
175
+ border-bottom-right-radius: 10px;
176
+ }
177
+
178
+ .flexlayout__tab_border {
179
+ border-radius: 10px;
180
+ padding: 3px;
181
+ }
182
+
183
+ .flexlayout__tabset_tabbar_outer_top {
184
+ border-bottom: unset;
185
+ }
186
+
187
+ .flexlayout__border_tab_contents {
188
+ background-color: white;
189
+ }
190
+
191
+ .flexlayout__border_tab_contents {
192
+ border-radius: 10px;
193
+ }
@@ -2,12 +2,12 @@
2
2
  --color-text: black;
3
3
  --color-background: white;
4
4
  --color-base: white;
5
- --color-1: #fafafa;
6
- --color-2: whitesmoke;
7
- --color-3: #eeeeee;
8
- --color-4: #e6e6e6;
9
- --color-5: #e0e0e0;
10
- --color-6: #d9d9d9;
5
+ --color-1: rgb(249.9, 249.9, 249.9);
6
+ --color-2: rgb(244.902, 244.902, 244.902);
7
+ --color-3: rgb(237.55494, 237.55494, 237.55494);
8
+ --color-4: rgb(230.4282918, 230.4282918, 230.4282918);
9
+ --color-5: rgb(223.515443046, 223.515443046, 223.515443046);
10
+ --color-6: rgb(216.8099797546, 216.8099797546, 216.8099797546);
11
11
  --color-drag1: rgb(95, 134, 196);
12
12
  --color-drag2: rgb(119, 166, 119);
13
13
  --color-drag1-background: rgba(95, 134, 196, 0.1);
@@ -22,8 +22,10 @@
22
22
  --color-tabset-divider-line: var(--color-3);
23
23
  --color-tabset-header-background: var(--color-background);
24
24
  --color-tabset-header: var(--color-text);
25
+ --color-border-tab-content: var(--color-background);
25
26
  --color-border-background: var(--color-background);
26
27
  --color-border-divider-line: var(--color-3);
28
+ --color-tab-content: var(--color-background);
27
29
  --color-tab-selected: var(--color-text);
28
30
  --color-tab-selected-background: transparent;
29
31
  --color-tab-unselected: gray;
@@ -58,10 +60,60 @@
58
60
  right: 0;
59
61
  bottom: 0;
60
62
  position: absolute;
61
- overflow: hidden;
63
+ display: flex;
64
+ }
65
+ .flexlayout__layout_overlay {
66
+ left: 0;
67
+ top: 0;
68
+ right: 0;
69
+ bottom: 0;
70
+ position: absolute;
71
+ z-index: 1000;
72
+ }
73
+ .flexlayout__layout_tab_stamps {
74
+ position: absolute;
75
+ top: -10000px;
76
+ z-index: 100;
77
+ display: flex;
78
+ flex-direction: column;
79
+ align-items: start;
80
+ }
81
+ .flexlayout__layout_moveables {
82
+ visibility: hidden;
83
+ position: absolute;
84
+ width: 100px;
85
+ height: 100px;
86
+ top: -20000px;
87
+ }
88
+ .flexlayout__layout_main {
89
+ display: flex;
90
+ flex-basis: 0px;
91
+ min-width: 0;
92
+ min-height: 0;
93
+ flex-grow: 1;
94
+ position: relative;
95
+ }
96
+ .flexlayout__layout_border_container {
97
+ display: flex;
98
+ flex-basis: 0px;
99
+ min-width: 0;
100
+ min-height: 0;
101
+ flex-grow: 1;
102
+ }
103
+ .flexlayout__layout_border_container_inner {
104
+ display: flex;
105
+ flex-basis: 0px;
106
+ min-width: 0;
107
+ min-height: 0;
108
+ flex-grow: 1;
62
109
  }
63
110
  .flexlayout__splitter {
111
+ display: flex;
112
+ align-items: center;
113
+ justify-content: center;
64
114
  background-color: var(--color-splitter);
115
+ touch-action: none;
116
+ z-index: 10;
65
117
  }
66
118
  @media (hover: hover) {
67
119
  .flexlayout__splitter:hover {
@@ -70,14 +122,28 @@
70
122
  transition-delay: 0.05s;
71
123
  }
72
124
  }
73
- .flexlayout__splitter_border {
74
- z-index: 10;
75
- }
76
125
  .flexlayout__splitter_drag {
126
+ position: absolute;
127
+ display: flex;
128
+ align-items: center;
129
+ justify-content: center;
77
130
  z-index: 1000;
78
131
  background-color: var(--color-splitter-drag);
79
132
  }
133
+ .flexlayout__splitter_handle {
134
+ background-color: #ccc;
135
+ border-radius: 3px;
136
+ }
137
+ .flexlayout__splitter_handle_horz {
138
+ width: 3px;
139
+ height: 30px;
140
+ }
141
+ .flexlayout__splitter_handle_vert {
142
+ width: 30px;
143
+ height: 3px;
144
+ }
80
145
  .flexlayout__splitter_extra {
146
+ touch-action: none;
81
147
  background-color: transparent;
82
148
  }
83
149
  .flexlayout__outline_rect {
@@ -107,33 +173,47 @@
107
173
  justify-content: center;
108
174
  }
109
175
  .flexlayout__drag_rect {
110
- position: absolute;
111
- cursor: move;
112
176
  color: var(--color-drag-rect);
113
177
  background-color: var(--color-drag-rect-background);
114
178
  border: 2px solid var(--color-drag-rect-border);
115
179
  border-radius: 5px;
116
- z-index: 1000;
117
180
  box-sizing: border-box;
118
- opacity: 0.9;
119
- text-align: center;
120
181
  display: flex;
121
182
  justify-content: center;
122
183
  flex-direction: column;
123
184
  overflow: hidden;
124
- padding: 0.3em 1em;
185
+ padding: 0.3em 0.8em;
125
186
  word-wrap: break-word;
126
187
  font-size: var(--font-size);
127
188
  font-family: var(--font-family);
128
189
  }
190
+ .flexlayout__row {
191
+ display: flex;
192
+ flex-basis: 0px;
193
+ min-width: 0;
194
+ min-height: 0;
195
+ position: relative;
196
+ box-sizing: border-box;
197
+ overflow: hidden;
198
+ }
129
199
  .flexlayout__tabset {
130
200
  display: flex;
131
201
  flex-direction: column;
132
- overflow: hidden;
202
+ position: relative;
133
203
  background-color: var(--color-tabset-background);
134
204
  box-sizing: border-box;
135
- font-size: var(--font-size);
136
205
  font-family: var(--font-family);
206
+ overflow: hidden;
207
+ flex-grow: 1;
208
+ }
209
+ .flexlayout__tabset_container {
210
+ display: flex;
211
+ flex-basis: 0px;
212
+ min-width: 0;
213
+ min-height: 0;
214
+ flex-direction: column;
215
+ overflow: hidden;
216
+ flex-grow: 1;
137
217
  }
138
218
  .flexlayout__tabset_tab_divider {
139
219
  width: 4px;
@@ -143,9 +223,12 @@
143
223
  }
144
224
  .flexlayout__tabset_content {
145
225
  display: flex;
226
+ flex-basis: 0px;
227
+ min-width: 0;
228
+ min-height: 0;
146
229
  flex-grow: 1;
147
- align-items: center;
148
- justify-content: center;
230
+ box-sizing: border-box;
231
+ position: relative;
149
232
  }
150
233
  .flexlayout__tabset_header {
151
234
  display: flex;
@@ -155,6 +238,7 @@
155
238
  border-bottom: 1px solid var(--color-tabset-divider-line);
156
239
  color: var(--color-tabset-header);
157
240
  background-color: var(--color-tabset-header-background);
241
+ font-size: var(--font-size);
158
242
  }
159
243
  .flexlayout__tabset_header_content {
160
244
  flex-grow: 1;
@@ -164,11 +248,14 @@
164
248
  background-color: var(--color-tabset-background);
165
249
  overflow: hidden;
166
250
  display: flex;
251
+ font-size: var(--font-size);
167
252
  }
168
253
  .flexlayout__tabset_tabbar_outer_top {
254
+ padding: 0px 2px 0px 2px;
169
255
  border-bottom: 1px solid var(--color-tabset-divider-line);
170
256
  }
171
257
  .flexlayout__tabset_tabbar_outer_bottom {
258
+ padding: 0px 2px 0px 2px;
172
259
  border-top: 1px solid var(--color-tabset-divider-line);
173
260
  }
174
261
  .flexlayout__tabset_tabbar_inner {
@@ -179,14 +266,12 @@
179
266
  overflow: hidden;
180
267
  }
181
268
  .flexlayout__tabset_tabbar_inner_tab_container {
269
+ position: relative;
182
270
  display: flex;
183
271
  padding-left: 4px;
184
272
  padding-right: 4px;
185
273
  box-sizing: border-box;
186
- position: absolute;
187
- top: 0;
188
- bottom: 0;
189
- width: 10000px;
274
+ white-space: nowrap;
190
275
  }
191
276
  .flexlayout__tabset_tabbar_inner_tab_container_top {
192
277
  border-top: 2px solid transparent;
@@ -208,11 +293,28 @@
208
293
  box-sizing: border-box;
209
294
  }
210
295
  .flexlayout__tab {
211
- overflow: auto;
212
- position: absolute;
296
+ overflow: hidden;
213
297
  box-sizing: border-box;
214
- background-color: var(--color-background);
298
+ background-color: var(--color-tab-content);
215
299
  color: var(--color-text);
300
+ position: relative;
301
+ }
302
+ .flexlayout__tab_moveable {
303
+ position: relative;
304
+ height: 100%;
305
+ min-width: 1px;
306
+ min-height: 1px;
307
+ overflow: auto;
308
+ box-sizing: border-box;
309
+ }
310
+ .flexlayout__tab_overlay {
311
+ z-index: 20;
312
+ position: absolute;
313
+ top: 0;
314
+ left: 0;
315
+ right: 0;
316
+ bottom: 0;
317
+ background-color: rgba(0, 0, 0, 0.2392156863);
216
318
  }
217
319
  .flexlayout__tab_button {
218
320
  display: flex;
@@ -263,6 +365,7 @@
263
365
  }
264
366
  .flexlayout__tab_button_content {
265
367
  display: flex;
368
+ text-wrap: nowrap;
266
369
  }
267
370
  .flexlayout__tab_button_textbox {
268
371
  border: none;
@@ -308,6 +411,14 @@
308
411
  padding-left: 0.5em;
309
412
  padding-right: 0.3em;
310
413
  }
414
+ .flexlayout__tab_toolbar_icon {
415
+ border: none;
416
+ outline: none;
417
+ font-size: inherit;
418
+ margin: 0px;
419
+ background-color: transparent;
420
+ padding: 1px;
421
+ }
311
422
  .flexlayout__tab_toolbar_button {
312
423
  border: none;
313
424
  outline: none;
@@ -361,6 +472,11 @@
361
472
  color: var(--color-border);
362
473
  background-color: var(--color-border-background);
363
474
  }
475
+ .flexlayout__border_tab_contents {
476
+ box-sizing: border-box;
477
+ overflow: hidden;
478
+ background-color: var(--color-border-tab-content);
479
+ }
364
480
  .flexlayout__border_top {
365
481
  border-bottom: 1px solid var(--color-border-divider-line);
366
482
  align-items: center;
@@ -393,8 +509,6 @@
393
509
  padding-right: 2px;
394
510
  box-sizing: border-box;
395
511
  position: absolute;
396
- top: 0;
397
- bottom: 0;
398
512
  width: 10000px;
399
513
  }
400
514
  .flexlayout__border_inner_tab_container_right {
@@ -535,17 +649,6 @@
535
649
  bottom: 0;
536
650
  position: absolute;
537
651
  }
538
- .flexlayout__floating_window_tab {
539
- overflow: auto;
540
- left: 0;
541
- top: 0;
542
- right: 0;
543
- bottom: 0;
544
- position: absolute;
545
- box-sizing: border-box;
546
- background-color: var(--color-background);
547
- color: var(--color-text);
548
- }
549
652
  .flexlayout__error_boundary_container {
550
653
  left: 0;
551
654
  top: 0;
@@ -572,6 +675,8 @@
572
675
  font-family: var(--font-family);
573
676
  }
574
677
  .flexlayout__border_sizer {
678
+ position: absolute;
679
+ top: -30000px;
575
680
  padding-top: 6px;
576
681
  padding-bottom: 5px;
577
682
  font-size: var(--font-size);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["underline.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;;;ACxEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EDkER;EACA;EACA;;AChEI;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;EDtGR;;ACyGQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;ED5HZ;;AC+HQ;EACI;IACI;IACA;IDzHhB;;;AC8HQ;EACI;EACA;EDrIZ;EACA;;ACgJQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDnKZ;;AC2KQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID3MhB;;;AC6NQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EDlRR;EACA;EACA;;ACoRI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDhUR;;ACmUQ;EACI;EACA;EDjUZ;;ACoUQ;EACI;IACI;IACA;ID/ThB;;;ACoUQ;EACI;EACA;ED1UZ;;AC8UQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDnXZ;;AC2XQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID5ZhB;;;ACoaY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA5lBJ;EACA;EACA;EACA;EACA;;AA4lBI;EACI;EAjmBR;EACA;EACA;EACA;EACA;EAgmBQ;EACA;EACA;;AAIR;EA1mBA;EACA;EACA;EACA;EACA;EAwmBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;ADrdR;EACI","file":"underline.css"}
1
+ {"version":3,"sourceRoot":"","sources":["underline.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;;;ACnEJ;EAfA;EACA;EACA;EACA;EACA;EAaI;;AAEA;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAjCJ;EACA;EACA;EACA;EAgCQ;EACA;;AAIR;EAxCA;EACA;EACA;EACA;EAuCI;;AAGJ;EA7CA;EACA;EACA;EACA;EA4CI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAlJA;EACA;EACA;EACA;EAiJI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EApKJ;EACA;EACA;EACA;EAmKQ;EACA;EACA;;AAGJ;EACI;EDVR;EACA;EACA;;ACYI;EAhLJ;EACA;EACA;EACA;EA+KQ;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EDvMR;;AC0MQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;ED7NZ;;ACgOQ;EACI;IACI;IACA;ID1NhB;;;AC+NQ;EACI;EACA;EDtOZ;EACA;;ACiPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDrQZ;;AC6QQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDtThB;;;ACwUQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EDjYR;EACA;EACA;;ACmYI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED/aR;;ACkbQ;EACI;EACA;EDhbZ;;ACmbQ;EACI;IACI;IACA;ID9ahB;;;ACmbQ;EACI;EACA;EDzbZ;;AC6bQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDleZ;;AC0eQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID3gBhB;;;ACmhBY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA7sBJ;EACA;EACA;EACA;EACA;;AA8sBA;EAltBA;EACA;EACA;EACA;EACA;EAgtBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AD7jBR;EACI","file":"underline.css"}
@@ -45,9 +45,11 @@ $font-family: Roboto, Arial, sans-serif !default;
45
45
  --color-tabset-header-background: var(--color-background);
46
46
  --color-tabset-header: var(--color-text);
47
47
 
48
+ --color-border-tab-content: var(--color-background);
48
49
  --color-border-background: var(--color-background);
49
50
  --color-border-divider-line: var(--color-3);
50
51
 
52
+ --color-tab-content: var(--color-background);
51
53
  --color-tab-selected: var(--color-text);
52
54
  --color-tab-selected-background: transparent;
53
55
  --color-tab-unselected: gray;
package/tsconfig.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "compilerOptions": {
3
- "target": "ES2022",
4
- "module": "Node16",
5
- "moduleResolution": "Node16",
6
3
  "outDir": "./dist/",
7
4
  "sourceMap": true,
8
5
  "noImplicitAny": true,
6
+ "module": "ES2020",
7
+ "target": "ES2022",
8
+ "moduleResolution": "bundler",
9
9
  "stripInternal": true,
10
10
  "alwaysStrict": true,
11
11
  "forceConsistentCasingInFileNames": true,
@@ -0,0 +1 @@
1
+ window.hierarchyData = "data:application/octet-stream;base64,H4sIAAAAAAAAE6WUMW+DMBCF/4tnp8V2cCFbqy7t0KHNVmVwgpOgElzZjjpE+e89hyQYlwijDoBkP973OHN3QFopa9DskySc4SxN4EoxSZIMbozDjVBMKM0WGGm5ruTKlqqGFw6Ik9w9arGTaIaelC6kflOFRBh9lXWBZoRmGO11BburShgjzX2rutvaXQXS0w4orCkm7rVJs3DECMJ4/i/PWmw2Ylm1/jTlF/+ytlKvxQoQrfAm4qp2m9uyKrSsXQlSCp/+wPniRE+7dPU9F3oj7TD+ohzLh4Jiwqa0zZBN/QyvRtU9Zb6Ro6uOyOKAeR4C39VPLO0sjUPlyZ9vm4vlh7SxtFYdCWSkBziCFo9y7eOzoDCP1upyubfSDNE64rG/EBzg4hSAUD9AU6v4DKF+bAw43CYG40GMURn+EYCRJgBnfoCmH+IzhPrRx5E1dYD56cUYGpIR4/HG3PAHmFvxoGEf93CH+vc6mR3Hsw7bqMd6qH1aa0jftQ5HQr/70Cg4A47HX3c4HhfyBgAA"
@@ -3,24 +3,24 @@
3
3
  --dark-hl-0: #9CDCFE;
4
4
  --light-hl-1: #000000;
5
5
  --dark-hl-1: #D4D4D4;
6
- --light-hl-2: #795E26;
7
- --dark-hl-2: #DCDCAA;
8
- --light-hl-3: #A31515;
9
- --dark-hl-3: #CE9178;
10
- --light-hl-4: #098658;
11
- --dark-hl-4: #B5CEA8;
12
- --light-hl-5: #008000;
13
- --dark-hl-5: #6A9955;
14
- --light-hl-6: #0000FF;
15
- --dark-hl-6: #569CD6;
16
- --light-hl-7: #000000;
17
- --dark-hl-7: #C8C8C8;
18
- --light-hl-8: #267F99;
19
- --dark-hl-8: #4EC9B0;
20
- --light-hl-9: #0070C1;
21
- --dark-hl-9: #4FC1FF;
22
- --light-hl-10: #AF00DB;
23
- --dark-hl-10: #C586C0;
6
+ --light-hl-2: #008000;
7
+ --dark-hl-2: #6A9955;
8
+ --light-hl-3: #0000FF;
9
+ --dark-hl-3: #569CD6;
10
+ --light-hl-4: #000000;
11
+ --dark-hl-4: #C8C8C8;
12
+ --light-hl-5: #267F99;
13
+ --dark-hl-5: #4EC9B0;
14
+ --light-hl-6: #0070C1;
15
+ --dark-hl-6: #4FC1FF;
16
+ --light-hl-7: #795E26;
17
+ --dark-hl-7: #DCDCAA;
18
+ --light-hl-8: #098658;
19
+ --dark-hl-8: #B5CEA8;
20
+ --light-hl-9: #AF00DB;
21
+ --dark-hl-9: #C586C0;
22
+ --light-hl-10: #A31515;
23
+ --dark-hl-10: #CE9178;
24
24
  --light-hl-11: #CD3131;
25
25
  --dark-hl-11: #F44747;
26
26
  --light-code-background: #FFFFFF;