flexlayout-react 0.7.15 → 0.8.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 (252) hide show
  1. package/ChangeLog.txt +23 -0
  2. package/README.md +157 -330
  3. package/Screenshot_light.png +0 -0
  4. package/Screenshot_rounded.png +0 -0
  5. package/declarations/Attribute.d.ts +1 -1
  6. package/declarations/AttributeDefinitions.d.ts +1 -1
  7. package/declarations/DockLocation.d.ts +12 -12
  8. package/declarations/DropInfo.d.ts +12 -12
  9. package/declarations/I18nLabel.d.ts +12 -14
  10. package/declarations/Orientation.d.ts +7 -7
  11. package/declarations/PopupMenu.d.ts +1 -1
  12. package/declarations/Rect.d.ts +41 -28
  13. package/declarations/Types.d.ts +95 -79
  14. package/declarations/examples/demo/Utils.d.ts +4 -0
  15. package/declarations/index.d.ts +21 -22
  16. package/declarations/model/Action.d.ts +5 -5
  17. package/declarations/model/Actions.d.ts +127 -110
  18. package/declarations/model/BorderNode.d.ts +30 -34
  19. package/declarations/model/BorderSet.d.ts +3 -4
  20. package/declarations/model/ICloseType.d.ts +5 -5
  21. package/declarations/model/IDraggable.d.ts +2 -2
  22. package/declarations/model/IDropTarget.d.ts +2 -2
  23. package/declarations/model/IJsonModel.d.ts +811 -149
  24. package/declarations/model/LayoutWindow.d.ts +28 -0
  25. package/declarations/model/Model.d.ts +91 -86
  26. package/declarations/model/Node.d.ts +17 -17
  27. package/declarations/model/RowNode.d.ts +10 -11
  28. package/declarations/model/TabNode.d.ts +44 -37
  29. package/declarations/model/TabSetNode.d.ts +44 -41
  30. package/declarations/model/Utils.d.ts +1 -1
  31. package/declarations/model/WindowLayout.d.ts +24 -0
  32. package/declarations/src/Attribute.d.ts +1 -0
  33. package/declarations/src/AttributeDefinitions.d.ts +1 -0
  34. package/declarations/src/DockLocation.d.ts +12 -0
  35. package/declarations/src/DropInfo.d.ts +12 -0
  36. package/declarations/src/I18nLabel.d.ts +10 -0
  37. package/declarations/src/Orientation.d.ts +7 -0
  38. package/declarations/src/PopupMenu.d.ts +1 -0
  39. package/declarations/src/Rect.d.ts +31 -0
  40. package/declarations/src/Types.d.ts +92 -0
  41. package/declarations/src/index.d.ts +20 -0
  42. package/declarations/src/model/Action.d.ts +5 -0
  43. package/declarations/src/model/Actions.d.ts +110 -0
  44. package/declarations/src/model/BorderNode.d.ts +28 -0
  45. package/declarations/src/model/BorderSet.d.ts +3 -0
  46. package/declarations/src/model/ICloseType.d.ts +5 -0
  47. package/declarations/src/model/IDraggable.d.ts +2 -0
  48. package/declarations/src/model/IDropTarget.d.ts +2 -0
  49. package/declarations/src/model/IJsonModel.d.ts +153 -0
  50. package/declarations/src/model/Model.d.ts +98 -0
  51. package/declarations/src/model/Node.d.ts +16 -0
  52. package/declarations/src/model/RowNode.d.ts +11 -0
  53. package/declarations/src/model/TabNode.d.ts +36 -0
  54. package/declarations/src/model/TabSetNode.d.ts +37 -0
  55. package/declarations/src/model/Utils.d.ts +1 -0
  56. package/declarations/src/view/BorderButton.d.ts +1 -0
  57. package/declarations/src/view/BorderTab.d.ts +2 -0
  58. package/declarations/src/view/BorderTabSet.d.ts +1 -0
  59. package/declarations/src/view/DragContainer.d.ts +1 -0
  60. package/declarations/src/view/ErrorBoundary.d.ts +1 -0
  61. package/declarations/src/view/FloatingWindow.d.ts +1 -0
  62. package/declarations/src/view/Icons.d.ts +7 -0
  63. package/declarations/src/view/Layout.d.ts +113 -0
  64. package/declarations/src/view/Overlay.d.ts +1 -0
  65. package/declarations/src/view/PopupMenu.d.ts +1 -0
  66. package/declarations/src/view/Row.d.ts +1 -0
  67. package/declarations/src/view/Splitter.d.ts +1 -0
  68. package/declarations/src/view/Tab.d.ts +1 -0
  69. package/declarations/src/view/TabButton.d.ts +1 -0
  70. package/declarations/src/view/TabButtonStamp.d.ts +1 -0
  71. package/declarations/src/view/TabOverflowHook.d.ts +1 -0
  72. package/declarations/src/view/TabSet.d.ts +1 -0
  73. package/declarations/src/view/Utils.d.ts +4 -0
  74. package/declarations/view/BorderButton.d.ts +1 -1
  75. package/declarations/view/BorderTab.d.ts +2 -0
  76. package/declarations/view/BorderTabSet.d.ts +1 -1
  77. package/declarations/view/DragContainer.d.ts +1 -0
  78. package/declarations/view/ErrorBoundary.d.ts +1 -1
  79. package/declarations/view/ExtendedResizeObserver.d.ts +23 -0
  80. package/declarations/view/FloatingWindow.d.ts +1 -1
  81. package/declarations/view/Icons.d.ts +8 -7
  82. package/declarations/view/Layout.d.ts +139 -161
  83. package/declarations/view/Overlay.d.ts +1 -0
  84. package/declarations/view/PopoutWindow.d.ts +1 -0
  85. package/declarations/view/PopupMenu.d.ts +1 -0
  86. package/declarations/view/Row.d.ts +1 -0
  87. package/declarations/view/SizeTracker.d.ts +10 -0
  88. package/declarations/view/Splitter.d.ts +1 -1
  89. package/declarations/view/Tab.d.ts +1 -1
  90. package/declarations/view/TabButton.d.ts +1 -1
  91. package/declarations/view/TabButtonStamp.d.ts +1 -1
  92. package/declarations/view/TabOverflowHook.d.ts +1 -1
  93. package/declarations/view/TabSet.d.ts +1 -1
  94. package/declarations/view/Utils.d.ts +11 -1
  95. package/dist/bundles/demo.js +232052 -0
  96. package/dist/bundles/demo.js.map +1 -0
  97. package/dist/flexlayout.js +122 -92
  98. package/dist/flexlayout_min.js +1 -1
  99. package/lib/Attribute.js +42 -31
  100. package/lib/Attribute.js.map +1 -1
  101. package/lib/AttributeDefinitions.js +131 -108
  102. package/lib/AttributeDefinitions.js.map +1 -1
  103. package/lib/DockLocation.js +120 -124
  104. package/lib/DockLocation.js.map +1 -1
  105. package/lib/DropInfo.js +9 -13
  106. package/lib/DropInfo.js.map +1 -1
  107. package/lib/I18nLabel.js +13 -18
  108. package/lib/I18nLabel.js.map +1 -1
  109. package/lib/Orientation.js +22 -26
  110. package/lib/Orientation.js.map +1 -1
  111. package/lib/Rect.js +104 -72
  112. package/lib/Rect.js.map +1 -1
  113. package/lib/Types.js +96 -83
  114. package/lib/Types.js.map +1 -1
  115. package/lib/index.js +21 -38
  116. package/lib/index.js.map +1 -1
  117. package/lib/model/Action.js +6 -10
  118. package/lib/model/Action.js.map +1 -1
  119. package/lib/model/Actions.js +169 -155
  120. package/lib/model/Actions.js.map +1 -1
  121. package/lib/model/BorderNode.js +385 -406
  122. package/lib/model/BorderNode.js.map +1 -1
  123. package/lib/model/BorderSet.js +66 -121
  124. package/lib/model/BorderSet.js.map +1 -1
  125. package/lib/model/ICloseType.js +6 -9
  126. package/lib/model/ICloseType.js.map +1 -1
  127. package/lib/model/IDraggable.js +1 -2
  128. package/lib/model/IDropTarget.js +1 -2
  129. package/lib/model/IJsonModel.js +1 -2
  130. package/lib/model/LayoutWindow.js +83 -0
  131. package/lib/model/LayoutWindow.js.map +1 -0
  132. package/lib/model/Model.js +614 -496
  133. package/lib/model/Model.js.map +1 -1
  134. package/lib/model/Node.js +217 -228
  135. package/lib/model/Node.js.map +1 -1
  136. package/lib/model/RowNode.js +491 -504
  137. package/lib/model/RowNode.js.map +1 -1
  138. package/lib/model/TabNode.js +289 -184
  139. package/lib/model/TabNode.js.map +1 -1
  140. package/lib/model/TabSetNode.js +457 -446
  141. package/lib/model/TabSetNode.js.map +1 -1
  142. package/lib/model/Utils.js +47 -82
  143. package/lib/model/Utils.js.map +1 -1
  144. package/lib/view/BorderButton.js +124 -138
  145. package/lib/view/BorderButton.js.map +1 -1
  146. package/lib/view/BorderTab.js +47 -0
  147. package/lib/view/BorderTab.js.map +1 -0
  148. package/lib/view/BorderTabSet.js +134 -128
  149. package/lib/view/BorderTabSet.js.map +1 -1
  150. package/lib/view/DragContainer.js +16 -0
  151. package/lib/view/DragContainer.js.map +1 -0
  152. package/lib/view/ErrorBoundary.js +23 -27
  153. package/lib/view/ErrorBoundary.js.map +1 -1
  154. package/lib/view/Icons.js +40 -45
  155. package/lib/view/Icons.js.map +1 -1
  156. package/lib/view/Layout.js +918 -907
  157. package/lib/view/Layout.js.map +1 -1
  158. package/lib/view/Overlay.js +9 -0
  159. package/lib/view/Overlay.js.map +1 -0
  160. package/lib/view/PopoutWindow.js +129 -0
  161. package/lib/view/PopoutWindow.js.map +1 -0
  162. package/lib/view/PopupMenu.js +71 -0
  163. package/lib/view/PopupMenu.js.map +1 -0
  164. package/lib/view/Row.js +45 -0
  165. package/lib/view/Row.js.map +1 -0
  166. package/lib/view/SizeTracker.js +11 -0
  167. package/lib/view/SizeTracker.js.map +1 -0
  168. package/lib/view/Splitter.js +191 -147
  169. package/lib/view/Splitter.js.map +1 -1
  170. package/lib/view/Tab.js +86 -60
  171. package/lib/view/Tab.js.map +1 -1
  172. package/lib/view/TabButton.js +122 -135
  173. package/lib/view/TabButton.js.map +1 -1
  174. package/lib/view/TabButtonStamp.js +16 -21
  175. package/lib/view/TabButtonStamp.js.map +1 -1
  176. package/lib/view/TabOverflowHook.js +150 -149
  177. package/lib/view/TabOverflowHook.js.map +1 -1
  178. package/lib/view/TabSet.js +267 -234
  179. package/lib/view/TabSet.js.map +1 -1
  180. package/lib/view/Utils.js +126 -68
  181. package/lib/view/Utils.js.map +1 -1
  182. package/package.json +36 -30
  183. package/src/Attribute.ts +23 -0
  184. package/src/AttributeDefinitions.ts +38 -15
  185. package/src/DockLocation.ts +13 -13
  186. package/src/I18nLabel.ts +7 -9
  187. package/src/Rect.ts +53 -1
  188. package/src/Types.ts +16 -0
  189. package/src/index.ts +1 -2
  190. package/src/model/Actions.ts +49 -29
  191. package/src/model/BorderNode.ts +208 -214
  192. package/src/model/BorderSet.ts +42 -91
  193. package/src/model/IJsonModel.ts +883 -103
  194. package/src/model/LayoutWindow.ts +121 -0
  195. package/src/model/Model.ts +488 -366
  196. package/src/model/Node.ts +98 -111
  197. package/src/model/RowNode.ts +323 -319
  198. package/src/model/TabNode.ts +294 -110
  199. package/src/model/TabSetNode.ts +300 -242
  200. package/src/model/Utils.ts +6 -32
  201. package/src/view/BorderButton.tsx +32 -52
  202. package/src/view/BorderTab.tsx +70 -0
  203. package/src/view/BorderTabSet.tsx +64 -52
  204. package/src/view/DragContainer.tsx +32 -0
  205. package/src/view/Icons.tsx +6 -0
  206. package/src/view/Layout.tsx +1051 -1046
  207. package/src/view/Overlay.tsx +22 -0
  208. package/src/view/PopoutWindow.tsx +152 -0
  209. package/src/{PopupMenu.tsx → view/PopupMenu.tsx} +36 -31
  210. package/src/view/Row.tsx +68 -0
  211. package/src/view/SizeTracker.tsx +20 -0
  212. package/src/view/Splitter.tsx +167 -112
  213. package/src/view/Tab.tsx +76 -42
  214. package/src/view/TabButton.tsx +36 -55
  215. package/src/view/TabButtonStamp.tsx +5 -9
  216. package/src/view/TabOverflowHook.tsx +14 -9
  217. package/src/view/TabSet.tsx +217 -176
  218. package/src/view/Utils.tsx +119 -39
  219. package/style/_base.scss +140 -34
  220. package/style/dark.css +685 -580
  221. package/style/dark.css.map +1 -1
  222. package/style/dark.scss +3 -1
  223. package/style/gray.css +668 -563
  224. package/style/gray.css.map +1 -1
  225. package/style/gray.scss +2 -0
  226. package/style/light.css +669 -564
  227. package/style/light.css.map +1 -1
  228. package/style/light.scss +4 -2
  229. package/style/rounded.css +697 -0
  230. package/style/rounded.css.map +1 -0
  231. package/style/rounded.scss +194 -0
  232. package/style/underline.css +690 -585
  233. package/style/underline.css.map +1 -1
  234. package/style/underline.scss +2 -0
  235. package/cypress.config.ts +0 -16
  236. package/lib/DragDrop.js +0 -316
  237. package/lib/DragDrop.js.map +0 -1
  238. package/lib/PopupMenu.js +0 -68
  239. package/lib/PopupMenu.js.map +0 -1
  240. package/lib/model/SplitterNode.js +0 -72
  241. package/lib/model/SplitterNode.js.map +0 -1
  242. package/lib/view/FloatingWindow.js +0 -123
  243. package/lib/view/FloatingWindow.js.map +0 -1
  244. package/lib/view/FloatingWindowTab.js +0 -19
  245. package/lib/view/FloatingWindowTab.js.map +0 -1
  246. package/lib/view/TabFloating.js +0 -66
  247. package/lib/view/TabFloating.js.map +0 -1
  248. package/src/DragDrop.ts +0 -392
  249. package/src/model/SplitterNode.ts +0 -78
  250. package/src/view/FloatingWindow.tsx +0 -140
  251. package/src/view/FloatingWindowTab.tsx +0 -29
  252. package/src/view/TabFloating.tsx +0 -101
@@ -0,0 +1,697 @@
1
+ .flexlayout__layout {
2
+ --color-text: black;
3
+ --color-background: transparent;
4
+ --color-base: #f2f6fb;
5
+ --color-1: #e7eef8;
6
+ --color-2: #dce7f4;
7
+ --color-3: #d1dff1;
8
+ --color-4: #c7d8ee;
9
+ --color-5: #bdd1eb;
10
+ --color-6: #b3cae8;
11
+ --color-drag1: rgb(95, 134, 196);
12
+ --color-drag2: rgb(95, 134, 196);
13
+ --color-drag1-background: rgba(95, 134, 196, 0.1);
14
+ --color-drag2-background: rgba(95, 134, 196, 0.1);
15
+ --font-size: medium;
16
+ --font-family: Roboto, Arial, sans-serif;
17
+ --color-overflow: #999db2;
18
+ --color-icon: #999db2;
19
+ --color-tabset-background: white;
20
+ --color-tabset-background-selected: white;
21
+ --color-tabset-background-maximized: var(--color-2);
22
+ --color-tabset-divider-line: white;
23
+ --color-tabset-header-background: var(--color-background);
24
+ --color-tabset-header: var(--color-text);
25
+ --color-border-tab-content: white;
26
+ --color-border-background: var(--color-background);
27
+ --color-border-divider-line: var(--color-background);
28
+ --color-tab-content: white;
29
+ --color-tab-selected: var(--color-text);
30
+ --color-tab-selected-background: var(--color-2);
31
+ --color-tab-unselected: gray;
32
+ --color-tab-unselected-background: transparent;
33
+ --color-tab-textbox: var(--color-text);
34
+ --color-tab-textbox-background: var(--color-3);
35
+ --color-border-tab-selected: var(--color-text);
36
+ --color-border-tab-selected-background: var(--color-2);
37
+ --color-border-tab-unselected: gray;
38
+ --color-border-tab-unselected-background: var(--color-2);
39
+ --color-splitter: #f2f6fb;
40
+ --color-splitter-hover: var(--color-4);
41
+ --color-splitter-drag: var(--color-4);
42
+ --color-drag-rect-border: #ccc;
43
+ --color-drag-rect-background: var(--color-5);
44
+ --color-drag-rect: var(--color-text);
45
+ --color-popup-border: var(--color-6);
46
+ --color-popup-unselected: var(--color-text);
47
+ --color-popup-unselected-background: #f2f6fb;
48
+ --color-popup-selected: var(--color-text);
49
+ --color-popup-selected-background: var(--color-3);
50
+ --color-edge-marker: #a6bbdf;
51
+ --color-edge-icon: #555;
52
+ }
53
+
54
+ .flexlayout__layout {
55
+ left: 0;
56
+ top: 0;
57
+ right: 0;
58
+ bottom: 0;
59
+ position: absolute;
60
+ display: flex;
61
+ }
62
+ .flexlayout__layout_overlay {
63
+ left: 0;
64
+ top: 0;
65
+ right: 0;
66
+ bottom: 0;
67
+ position: absolute;
68
+ z-index: 1000;
69
+ }
70
+ .flexlayout__layout_tab_stamps {
71
+ position: absolute;
72
+ top: -10000px;
73
+ z-index: 100;
74
+ display: flex;
75
+ flex-direction: column;
76
+ align-items: start;
77
+ }
78
+ .flexlayout__layout_moveables {
79
+ visibility: hidden;
80
+ position: absolute;
81
+ width: 100px;
82
+ height: 100px;
83
+ top: -20000px;
84
+ }
85
+ .flexlayout__layout_main {
86
+ display: flex;
87
+ flex-basis: 0px;
88
+ min-width: 0;
89
+ min-height: 0;
90
+ flex-grow: 1;
91
+ position: relative;
92
+ }
93
+ .flexlayout__layout_border_container {
94
+ display: flex;
95
+ flex-basis: 0px;
96
+ min-width: 0;
97
+ min-height: 0;
98
+ flex-grow: 1;
99
+ }
100
+ .flexlayout__layout_border_container_inner {
101
+ display: flex;
102
+ flex-basis: 0px;
103
+ min-width: 0;
104
+ min-height: 0;
105
+ flex-grow: 1;
106
+ }
107
+ .flexlayout__splitter {
108
+ display: flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+ background-color: var(--color-splitter);
112
+ touch-action: none;
113
+ z-index: 10;
114
+ }
115
+ @media (hover: hover) {
116
+ .flexlayout__splitter:hover {
117
+ background-color: var(--color-splitter-hover);
118
+ transition: background-color ease-in 0.1s;
119
+ transition-delay: 0.05s;
120
+ }
121
+ }
122
+ .flexlayout__splitter_drag {
123
+ position: absolute;
124
+ display: flex;
125
+ align-items: center;
126
+ justify-content: center;
127
+ z-index: 1000;
128
+ background-color: var(--color-splitter-drag);
129
+ }
130
+ .flexlayout__splitter_handle {
131
+ background-color: #ccc;
132
+ border-radius: 3px;
133
+ }
134
+ .flexlayout__splitter_handle_horz {
135
+ width: 3px;
136
+ height: 30px;
137
+ }
138
+ .flexlayout__splitter_handle_vert {
139
+ width: 30px;
140
+ height: 3px;
141
+ }
142
+ .flexlayout__splitter_extra {
143
+ touch-action: none;
144
+ background-color: transparent;
145
+ }
146
+ .flexlayout__outline_rect {
147
+ position: absolute;
148
+ pointer-events: none;
149
+ box-sizing: border-box;
150
+ border: 2px solid var(--color-drag1);
151
+ background: var(--color-drag1-background);
152
+ border-radius: 5px;
153
+ z-index: 1000;
154
+ }
155
+ .flexlayout__outline_rect_edge {
156
+ pointer-events: none;
157
+ border: 2px solid var(--color-drag2);
158
+ background: var(--color-drag2-background);
159
+ border-radius: 5px;
160
+ z-index: 1000;
161
+ box-sizing: border-box;
162
+ }
163
+ .flexlayout__edge_rect {
164
+ position: absolute;
165
+ z-index: 1000;
166
+ background-color: var(--color-edge-marker);
167
+ pointer-events: none;
168
+ display: flex;
169
+ align-items: center;
170
+ justify-content: center;
171
+ }
172
+ .flexlayout__drag_rect {
173
+ color: var(--color-drag-rect);
174
+ background-color: var(--color-drag-rect-background);
175
+ border: 2px solid var(--color-drag-rect-border);
176
+ border-radius: 5px;
177
+ box-sizing: border-box;
178
+ display: flex;
179
+ justify-content: center;
180
+ flex-direction: column;
181
+ overflow: hidden;
182
+ padding: 0.3em 0.8em;
183
+ word-wrap: break-word;
184
+ font-size: var(--font-size);
185
+ font-family: var(--font-family);
186
+ }
187
+ .flexlayout__row {
188
+ display: flex;
189
+ flex-basis: 0px;
190
+ min-width: 0;
191
+ min-height: 0;
192
+ position: relative;
193
+ box-sizing: border-box;
194
+ overflow: hidden;
195
+ }
196
+ .flexlayout__tabset {
197
+ display: flex;
198
+ flex-direction: column;
199
+ position: relative;
200
+ background-color: var(--color-tabset-background);
201
+ box-sizing: border-box;
202
+ font-family: var(--font-family);
203
+ overflow: hidden;
204
+ flex-grow: 1;
205
+ border-radius: 10px;
206
+ }
207
+ .flexlayout__tabset_container {
208
+ display: flex;
209
+ flex-basis: 0px;
210
+ min-width: 0;
211
+ min-height: 0;
212
+ flex-direction: column;
213
+ overflow: hidden;
214
+ flex-grow: 1;
215
+ }
216
+ .flexlayout__tabset_tab_divider {
217
+ width: 4px;
218
+ }
219
+ .flexlayout__tabset_content {
220
+ display: flex;
221
+ flex-basis: 0px;
222
+ min-width: 0;
223
+ min-height: 0;
224
+ flex-grow: 1;
225
+ box-sizing: border-box;
226
+ position: relative;
227
+ }
228
+ .flexlayout__tabset_header {
229
+ display: flex;
230
+ align-items: center;
231
+ padding: 3px 3px 3px 5px;
232
+ box-sizing: border-box;
233
+ border-bottom: 1px solid var(--color-tabset-divider-line);
234
+ color: var(--color-tabset-header);
235
+ background-color: var(--color-tabset-header-background);
236
+ font-size: var(--font-size);
237
+ }
238
+ .flexlayout__tabset_header_content {
239
+ flex-grow: 1;
240
+ }
241
+ .flexlayout__tabset_tabbar_outer {
242
+ box-sizing: border-box;
243
+ background-color: var(--color-tabset-background);
244
+ overflow: hidden;
245
+ display: flex;
246
+ font-size: var(--font-size);
247
+ }
248
+ .flexlayout__tabset_tabbar_outer_top {
249
+ padding: 0px 2px 0px 2px;
250
+ border-bottom: 1px solid var(--color-tabset-divider-line);
251
+ }
252
+ .flexlayout__tabset_tabbar_outer_bottom {
253
+ padding: 0px 2px 0px 2px;
254
+ border-top: 1px solid var(--color-tabset-divider-line);
255
+ }
256
+ .flexlayout__tabset_tabbar_inner {
257
+ position: relative;
258
+ box-sizing: border-box;
259
+ display: flex;
260
+ flex-grow: 1;
261
+ overflow: hidden;
262
+ }
263
+ .flexlayout__tabset_tabbar_inner_tab_container {
264
+ position: relative;
265
+ display: flex;
266
+ padding-left: 4px;
267
+ padding-right: 4px;
268
+ box-sizing: border-box;
269
+ white-space: nowrap;
270
+ }
271
+ .flexlayout__tabset_tabbar_inner_tab_container_top {
272
+ border-top: 2px solid transparent;
273
+ }
274
+ .flexlayout__tabset_tabbar_inner_tab_container_bottom {
275
+ border-bottom: 2px solid transparent;
276
+ }
277
+ .flexlayout__tabset-selected {
278
+ background-color: var(--color-tabset-background-selected);
279
+ }
280
+ .flexlayout__tabset-maximized {
281
+ background-color: var(--color-tabset-background-maximized);
282
+ }
283
+ .flexlayout__tab_button_stamp {
284
+ display: inline-flex;
285
+ align-items: center;
286
+ gap: 0.3em;
287
+ white-space: nowrap;
288
+ box-sizing: border-box;
289
+ }
290
+ .flexlayout__tab {
291
+ overflow: hidden;
292
+ box-sizing: border-box;
293
+ background-color: var(--color-tab-content);
294
+ color: var(--color-text);
295
+ position: relative;
296
+ }
297
+ .flexlayout__tab_moveable {
298
+ position: relative;
299
+ height: 100%;
300
+ min-width: 1px;
301
+ min-height: 1px;
302
+ overflow: auto;
303
+ box-sizing: border-box;
304
+ }
305
+ .flexlayout__tab_overlay {
306
+ z-index: 20;
307
+ position: absolute;
308
+ top: 0;
309
+ left: 0;
310
+ right: 0;
311
+ bottom: 0;
312
+ background-color: rgba(0, 0, 0, 0.2392156863);
313
+ }
314
+ .flexlayout__tab_button {
315
+ display: flex;
316
+ gap: 0.3em;
317
+ align-items: center;
318
+ box-sizing: border-box;
319
+ padding: 3px 0.5em;
320
+ cursor: pointer;
321
+ border-radius: 10px;
322
+ padding: 2px 0.6em;
323
+ }
324
+ .flexlayout__tab_button_stretch {
325
+ background-color: transparent;
326
+ color: var(--color-tab-selected);
327
+ width: 100%;
328
+ padding: 3px 0em;
329
+ text-wrap: nowrap;
330
+ display: flex;
331
+ gap: 0.3em;
332
+ align-items: center;
333
+ box-sizing: border-box;
334
+ cursor: pointer;
335
+ }
336
+ @media (hover: hover) {
337
+ .flexlayout__tab_button_stretch:hover {
338
+ color: var(--color-tab-selected);
339
+ }
340
+ }
341
+ .flexlayout__tab_button--selected {
342
+ background-color: var(--color-tab-selected-background);
343
+ color: var(--color-tab-selected);
344
+ }
345
+ @media (hover: hover) {
346
+ .flexlayout__tab_button:hover {
347
+ background-color: var(--color-tab-selected-background);
348
+ color: var(--color-tab-selected);
349
+ }
350
+ }
351
+ .flexlayout__tab_button--unselected {
352
+ background-color: var(--color-tab-unselected-background);
353
+ color: var(--color-tab-unselected);
354
+ color: gray;
355
+ }
356
+ .flexlayout__tab_button_leading {
357
+ display: flex;
358
+ }
359
+ .flexlayout__tab_button_content {
360
+ display: flex;
361
+ text-wrap: nowrap;
362
+ }
363
+ .flexlayout__tab_button_textbox {
364
+ border: none;
365
+ font-family: var(--font-family);
366
+ font-size: var(--font-size);
367
+ color: var(--color-tab-textbox);
368
+ background-color: var(--color-tab-textbox-background);
369
+ border: 1px inset var(--color-1);
370
+ border-radius: 3px;
371
+ width: 10em;
372
+ }
373
+ .flexlayout__tab_button_textbox:focus {
374
+ outline: none;
375
+ }
376
+ .flexlayout__tab_button_trailing {
377
+ display: flex;
378
+ visibility: hidden;
379
+ border-radius: 4px;
380
+ }
381
+ .flexlayout__tab_button_trailing:hover {
382
+ background-color: var(--color-3);
383
+ }
384
+ @media (hover: hover) {
385
+ .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
386
+ visibility: visible;
387
+ }
388
+ }
389
+ .flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
390
+ visibility: visible;
391
+ }
392
+ .flexlayout__tab_button_overflow {
393
+ display: flex;
394
+ align-items: center;
395
+ border: none;
396
+ color: var(--color-overflow);
397
+ font-size: inherit;
398
+ background-color: transparent;
399
+ }
400
+ .flexlayout__tab_toolbar {
401
+ display: flex;
402
+ align-items: center;
403
+ gap: 0.3em;
404
+ padding-left: 0.5em;
405
+ padding-right: 0.3em;
406
+ }
407
+ .flexlayout__tab_toolbar_icon {
408
+ border: none;
409
+ outline: none;
410
+ font-size: inherit;
411
+ margin: 0px;
412
+ background-color: transparent;
413
+ padding: 1px;
414
+ }
415
+ .flexlayout__tab_toolbar_button {
416
+ border: none;
417
+ outline: none;
418
+ font-size: inherit;
419
+ margin: 0px;
420
+ background-color: transparent;
421
+ border-radius: 4px;
422
+ padding: 1px;
423
+ }
424
+ @media (hover: hover) {
425
+ .flexlayout__tab_toolbar_button:hover {
426
+ background-color: var(--color-2);
427
+ }
428
+ }
429
+ .flexlayout__tab_toolbar_sticky_buttons_container {
430
+ display: flex;
431
+ gap: 0.3em;
432
+ padding-left: 5px;
433
+ align-items: center;
434
+ }
435
+ .flexlayout__tab_floating {
436
+ overflow: auto;
437
+ position: absolute;
438
+ box-sizing: border-box;
439
+ color: var(--color-text);
440
+ background-color: var(--color-background);
441
+ display: flex;
442
+ justify-content: center;
443
+ align-items: center;
444
+ }
445
+ .flexlayout__tab_floating_inner {
446
+ overflow: auto;
447
+ display: flex;
448
+ flex-direction: column;
449
+ justify-content: center;
450
+ align-items: center;
451
+ }
452
+ .flexlayout__tab_floating_inner div {
453
+ margin-bottom: 5px;
454
+ text-align: center;
455
+ }
456
+ .flexlayout__tab_floating_inner div a {
457
+ color: royalblue;
458
+ }
459
+ .flexlayout__border {
460
+ box-sizing: border-box;
461
+ overflow: hidden;
462
+ display: flex;
463
+ font-size: var(--font-size);
464
+ font-family: var(--font-family);
465
+ color: var(--color-border);
466
+ background-color: var(--color-border-background);
467
+ }
468
+ .flexlayout__border_tab_contents {
469
+ box-sizing: border-box;
470
+ overflow: hidden;
471
+ background-color: var(--color-border-tab-content);
472
+ }
473
+ .flexlayout__border_top {
474
+ border-bottom: 1px solid var(--color-border-divider-line);
475
+ align-items: center;
476
+ }
477
+ .flexlayout__border_bottom {
478
+ border-top: 1px solid var(--color-border-divider-line);
479
+ align-items: center;
480
+ }
481
+ .flexlayout__border_left {
482
+ border-right: 1px solid var(--color-border-divider-line);
483
+ align-content: center;
484
+ flex-direction: column;
485
+ }
486
+ .flexlayout__border_right {
487
+ border-left: 1px solid var(--color-border-divider-line);
488
+ align-content: center;
489
+ flex-direction: column;
490
+ }
491
+ .flexlayout__border_inner {
492
+ position: relative;
493
+ box-sizing: border-box;
494
+ display: flex;
495
+ overflow: hidden;
496
+ flex-grow: 1;
497
+ }
498
+ .flexlayout__border_inner_tab_container {
499
+ white-space: nowrap;
500
+ display: flex;
501
+ padding-left: 2px;
502
+ padding-right: 2px;
503
+ box-sizing: border-box;
504
+ position: absolute;
505
+ width: 10000px;
506
+ }
507
+ .flexlayout__border_inner_tab_container_right {
508
+ transform-origin: top left;
509
+ transform: rotate(90deg);
510
+ }
511
+ .flexlayout__border_inner_tab_container_left {
512
+ flex-direction: row-reverse;
513
+ transform-origin: top right;
514
+ transform: rotate(-90deg);
515
+ }
516
+ .flexlayout__border_tab_divider {
517
+ width: 4px;
518
+ }
519
+ .flexlayout__border_button {
520
+ display: flex;
521
+ gap: 0.3em;
522
+ align-items: center;
523
+ cursor: pointer;
524
+ padding: 3px 0.5em;
525
+ margin: 2px 0px;
526
+ box-sizing: border-box;
527
+ white-space: nowrap;
528
+ border-radius: 10px;
529
+ padding: 2px 0.7em;
530
+ }
531
+ .flexlayout__border_button--selected {
532
+ background-color: var(--color-border-tab-selected-background);
533
+ color: var(--color-border-tab-selected);
534
+ }
535
+ @media (hover: hover) {
536
+ .flexlayout__border_button:hover {
537
+ background-color: var(--color-border-tab-selected-background);
538
+ color: var(--color-border-tab-selected);
539
+ }
540
+ }
541
+ .flexlayout__border_button--unselected {
542
+ background-color: var(--color-border-tab-unselected-background);
543
+ color: var(--color-border-tab-unselected);
544
+ }
545
+ .flexlayout__border_button_leading {
546
+ display: flex;
547
+ }
548
+ .flexlayout__border_button_content {
549
+ display: flex;
550
+ }
551
+ .flexlayout__border_button_trailing {
552
+ display: flex;
553
+ border-radius: 4px;
554
+ visibility: hidden;
555
+ }
556
+ .flexlayout__border_button_trailing:hover {
557
+ background-color: var(--color-3);
558
+ }
559
+ @media (hover: hover) {
560
+ .flexlayout__border_button:hover .flexlayout__border_button_trailing {
561
+ visibility: visible;
562
+ }
563
+ }
564
+ .flexlayout__border_button--selected .flexlayout__border_button_trailing {
565
+ visibility: visible;
566
+ }
567
+ .flexlayout__border_toolbar {
568
+ display: flex;
569
+ gap: 0.3em;
570
+ align-items: center;
571
+ }
572
+ .flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {
573
+ flex-direction: column;
574
+ padding-top: 0.5em;
575
+ padding-bottom: 0.3em;
576
+ }
577
+ .flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {
578
+ padding-left: 0.5em;
579
+ padding-right: 0.3em;
580
+ }
581
+ .flexlayout__border_toolbar_button {
582
+ border: none;
583
+ outline: none;
584
+ font-size: inherit;
585
+ background-color: transparent;
586
+ border-radius: 4px;
587
+ padding: 1px;
588
+ }
589
+ @media (hover: hover) {
590
+ .flexlayout__border_toolbar_button:hover {
591
+ background-color: var(--color-2);
592
+ }
593
+ }
594
+ .flexlayout__border_toolbar_button_overflow {
595
+ display: flex;
596
+ align-items: center;
597
+ border: none;
598
+ color: var(--color-overflow);
599
+ font-size: inherit;
600
+ background-color: transparent;
601
+ }
602
+ .flexlayout__popup_menu {
603
+ font-size: var(--font-size);
604
+ font-family: var(--font-family);
605
+ }
606
+ .flexlayout__popup_menu_item {
607
+ padding: 2px 0.5em;
608
+ white-space: nowrap;
609
+ cursor: pointer;
610
+ border-radius: 2px;
611
+ }
612
+ @media (hover: hover) {
613
+ .flexlayout__popup_menu_item:hover {
614
+ background-color: var(--color-6);
615
+ }
616
+ }
617
+ .flexlayout__popup_menu_container {
618
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
619
+ border: 1px solid var(--color-popup-border);
620
+ color: var(--color-popup-unselected);
621
+ background: var(--color-popup-unselected-background);
622
+ border-radius: 3px;
623
+ position: absolute;
624
+ z-index: 1000;
625
+ max-height: 50%;
626
+ min-width: 100px;
627
+ overflow: auto;
628
+ padding: 2px;
629
+ }
630
+ .flexlayout__floating_window _body {
631
+ height: 100%;
632
+ }
633
+ .flexlayout__floating_window_content {
634
+ left: 0;
635
+ top: 0;
636
+ right: 0;
637
+ bottom: 0;
638
+ position: absolute;
639
+ }
640
+ .flexlayout__error_boundary_container {
641
+ left: 0;
642
+ top: 0;
643
+ right: 0;
644
+ bottom: 0;
645
+ position: absolute;
646
+ display: flex;
647
+ justify-content: center;
648
+ }
649
+ .flexlayout__error_boundary_content {
650
+ display: flex;
651
+ align-items: center;
652
+ }
653
+ .flexlayout__tabset_sizer {
654
+ padding-top: 5px;
655
+ padding-bottom: 3px;
656
+ font-size: var(--font-size);
657
+ font-family: var(--font-family);
658
+ }
659
+ .flexlayout__tabset_header_sizer {
660
+ padding-top: 3px;
661
+ padding-bottom: 3px;
662
+ font-size: var(--font-size);
663
+ font-family: var(--font-family);
664
+ }
665
+ .flexlayout__border_sizer {
666
+ position: absolute;
667
+ top: -30000px;
668
+ padding-top: 6px;
669
+ padding-bottom: 5px;
670
+ font-size: var(--font-size);
671
+ font-family: var(--font-family);
672
+ }
673
+
674
+ .flexlayout__tabset_content {
675
+ padding: 1px 5px 5px 5px;
676
+ border-bottom-left-radius: 10px;
677
+ border-bottom-right-radius: 10px;
678
+ }
679
+
680
+ .flexlayout__tab_border {
681
+ border-radius: 10px;
682
+ padding: 3px;
683
+ }
684
+
685
+ .flexlayout__tabset_tabbar_outer_top {
686
+ border-bottom: unset;
687
+ }
688
+
689
+ .flexlayout__border_tab_contents {
690
+ background-color: white;
691
+ }
692
+
693
+ .flexlayout__border_tab_contents {
694
+ border-radius: 10px;
695
+ }
696
+
697
+ /*# sourceMappingURL=rounded.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["rounded.scss","_base.scss"],"names":[],"mappings":"AAkBI;EAEI;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;;;AChEJ;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;EDrFJ;;ACwFI;EApKJ;EACA;EACA;EACA;EAmKQ;EACA;EACA;;AAGJ;EACI;;AAIJ;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;EDzMR;EACA;;AC2MQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;EDxOZ;;ACoPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDnQZ;;AC2QQ;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;IDpThB;;;ACsUQ;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;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDnbR;EACA;;ACqbQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDheZ;;ACweQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDzgBhB;;;ACihBY;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;;;ADzkBR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI","file":"rounded.css"}