flexlayout-react 0.8.4 → 0.8.6

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 (56) hide show
  1. package/ChangeLog.txt +9 -0
  2. package/README.md +29 -2
  3. package/declarations/Types.d.ts +2 -6
  4. package/declarations/view/Layout.d.ts +3 -1
  5. package/dist/flexlayout.js +7 -7
  6. package/dist/flexlayout_min.js +1 -1
  7. package/lib/Types.js +2 -6
  8. package/lib/Types.js.map +1 -1
  9. package/lib/model/TabSetNode.js +9 -4
  10. package/lib/model/TabSetNode.js.map +1 -1
  11. package/lib/view/BorderTabSet.js +11 -5
  12. package/lib/view/BorderTabSet.js.map +1 -1
  13. package/lib/view/Layout.js +3 -2
  14. package/lib/view/Layout.js.map +1 -1
  15. package/lib/view/PopupMenu.js +11 -5
  16. package/lib/view/PopupMenu.js.map +1 -1
  17. package/lib/view/TabOverflowHook.js +104 -21
  18. package/lib/view/TabOverflowHook.js.map +1 -1
  19. package/lib/view/TabSet.js +11 -5
  20. package/lib/view/TabSet.js.map +1 -1
  21. package/package.json +2 -2
  22. package/src/Types.ts +3 -8
  23. package/src/model/TabSetNode.ts +8 -4
  24. package/src/view/BorderTabSet.tsx +38 -24
  25. package/src/view/Layout.tsx +9 -5
  26. package/src/view/PopupMenu.tsx +31 -19
  27. package/src/view/TabOverflowHook.tsx +112 -21
  28. package/src/view/TabSet.tsx +36 -22
  29. package/style/_base.scss +569 -595
  30. package/style/_themes.scss +649 -0
  31. package/style/combined.css +1055 -0
  32. package/style/combined.css.map +1 -0
  33. package/style/combined.scss +46 -0
  34. package/style/dark.css +704 -701
  35. package/style/dark.css.map +1 -1
  36. package/style/dark.scss +5 -181
  37. package/style/gray.css +707 -684
  38. package/style/gray.css.map +1 -1
  39. package/style/gray.scss +5 -180
  40. package/style/light.css +681 -685
  41. package/style/light.css.map +1 -1
  42. package/style/light.scss +5 -163
  43. package/style/rounded.css +723 -730
  44. package/style/rounded.css.map +1 -1
  45. package/style/rounded.scss +5 -210
  46. package/style/underline.css +710 -705
  47. package/style/underline.css.map +1 -1
  48. package/style/underline.scss +5 -186
  49. package/.editorconfig +0 -8
  50. package/.github/ISSUE_TEMPLATE/bug_report.yml +0 -104
  51. package/.github/ISSUE_TEMPLATE/config.yml +0 -5
  52. package/.prettierrc.json +0 -3
  53. package/Screenshot_light.png +0 -0
  54. package/Screenshot_rounded.png +0 -0
  55. package/dist/bundles/demo.js +0 -232052
  56. package/dist/bundles/demo.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["dark.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;;;AC/DJ;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;EDoFR;;ACjFI;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;;AAIJ;EAhLJ;EACA;EACA;EACA;EA+KQ;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED1GR;;AC6GQ;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;ED9JR;;ACkKI;EACI;ED/JR;;ACoKA;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;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;;AAIJ;EDnPR;EACA;EACA;;ACqPQ;EDjPR;EACA;EACA;;ACmPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDtPZ;;AC8PQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;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;IDzShB;;;AC2TQ;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;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED3aR;EACA;;AC6aQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;ID3ahB;;;ACgbQ;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDrdZ;;AC6dQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID9fhB;;;ACsgBY;EACI;EACA;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;EA/sBJ;EACA;EACA;EACA;EACA;;AAgtBA;EAptBA;EACA;EACA;EACA;EACA;EAktBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA","file":"dark.css"}
1
+ {"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAuHQ;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;EAEA;;;AC1KR;AAAA;AAAA;AAII;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;EACA;;AAEA;EAxBR;EACA;EACA;EACA;EACA;EAsBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAtCR;EACA;EACA;EACA;EAqCY;EACA;;AAIR;EA7CJ;EACA;EACA;EACA;EA4CQ;;AAGJ;EAlDJ;EACA;EACA;EACA;EAiDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;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;EAxJJ;EACA;EACA;EACA;EAuJQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAzKR;EACA;EACA;EACA;EAwKY;EACA;EACA;;AAGJ;EACI;;AAGJ;EApLR;EACA;EACA;EACA;EAmLY;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;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;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AASJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;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;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAUJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArrBR;EACA;EACA;EACA;EACA;;AAsrBI;EA1rBJ;EACA;EACA;EACA;EACA;EAwrBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMpB;ADljBA;AAAA;AAAA;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA","file":"dark.css"}
package/style/dark.scss CHANGED
@@ -1,182 +1,6 @@
1
- $color_text: #eeeeee !default;
2
- $color_background: black !default;
3
- $color_base: black !default;
4
- $color_1: scale_color($color_base, $lightness: 7%) !default;
5
- $color_2: scale_color($color_base, $lightness: 10%) !default;
6
- $color_3: scale_color($color_base, $lightness: 15%) !default;
7
- $color_4: scale_color($color_base, $lightness: 20%) !default;
8
- $color_5: scale_color($color_base, $lightness: 25%) !default;
9
- $color_6: scale_color($color_base, $lightness: 30%) !default;
10
- $color_drag1: rgb(207, 232, 255) !default;
11
- $color_drag2: rgb(183, 209, 181) !default;
12
- $color_drag1_background: rgba(128, 128, 128, 0.15) !default;
13
- $color_drag2_background: rgba(128, 128, 128, 0.15) !default;
1
+ @use "base";
2
+ @use "themes";
14
3
 
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: #{$color_background};
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_drag2};
31
- --color-drag1-background: #{$color_drag1_background};
32
- --color-drag2-background: #{$color_drag2_background};
33
-
34
- --font-size: #{$font_size};
35
- --font-family: #{$font_family};
36
-
37
- --color-overflow: gray;
38
- --color-icon: gray;
39
-
40
- --color-tabset-background: var(--color-1);
41
- --color-tabset-background-selected: var(--color-1);
42
- --color-tabset-background-maximized: var(--color-6);
43
- --color-tabset-divider-line: var(--color-4);
44
-
45
- --color-tabset-header-background: var(--color-1);
46
- --color-tabset-header: var(--color-text);
47
-
48
- --color-border-tab-content: var(--color-background);
49
- --color-border-background: var(--color-1);
50
- --color-border-divider-line: var(--color-4);
51
-
52
- --color-tab-content: var(--color-background);
53
- --color-tab-selected: var(--color-text);
54
- --color-tab-selected-background: var(--color-4);
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-4);
62
- --color-border-tab-unselected: gray;
63
- --color-border-tab-unselected-background: var(--color-2);
64
-
65
- --color-splitter: var(--color-2);
66
- --color-splitter-hover: var(--color-4);
67
- --color-splitter-drag: var(--color-5);
68
-
69
- --color-drag-rect-border: var(--color-4);
70
- --color-drag-rect-background: var(--color-1);
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: var(--color-background);
76
- --color-popup-selected: var(--color-text);
77
- --color-popup-selected-background: var(--color-4);
78
-
79
- --color-edge-marker: gray;
80
- --color-edge-icon: #eee;
81
- }
82
- }
83
- @mixin tabset_mixin {
84
- }
85
-
86
- @mixin tabset_tabbar_mixin {
87
- }
88
-
89
- @mixin tabset_header_mixin {
90
- }
91
-
92
- @mixin tabset_selected_mixin {
93
- }
94
-
95
- @mixin tabset_header_mixin {
96
- box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
97
- }
98
-
99
- @mixin tabset_selected_mixin {
100
- background-image: linear-gradient(var(--color-background), var(--color-4));
101
- }
102
-
103
- @mixin tabset_maximized_mixin {
104
- background-image: linear-gradient(var(--color-6), var(--color-2));
105
- }
106
-
107
- @mixin tab_top_mixin {
108
- box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
109
- border-top-left-radius: 3px;
110
- border-top-right-radius: 3px;
111
- }
112
-
113
- @mixin tab_bottom_mixin {
114
- box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
115
- border-bottom-left-radius: 3px;
116
- border-bottom-right-radius: 3px;
117
- }
118
-
119
- @mixin tab_button_mixin {
120
- }
121
-
122
- @mixin tab_button_selected_mixin {
123
- }
124
-
125
- @mixin tab_button_unselected_mixin {
126
- }
127
-
128
- @mixin tab_button_hovered_mixin {
129
- }
130
-
131
- @mixin tab_button_stretch_mixin {
132
- }
133
-
134
- @mixin tab_button_stretch_hovered_mixin {
135
- }
136
-
137
- @mixin border_mixin {
138
- }
139
-
140
- @mixin close_button_hovered_mixin {
141
- background-color:var(--color-6);
142
- }
143
-
144
- @mixin toolbar_button_hovered_mixin {
145
- background-color:var(--color-4);
146
- }
147
-
148
- @mixin border_button_mixin {
149
- box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
150
- border-radius: 3px;
151
- }
152
-
153
- @mixin border_button_selected_mixin {
154
- }
155
-
156
- @mixin border_button_unselected_mixin {
157
- }
158
-
159
- @mixin border_button_hovered_mixin {
160
- background-color: var(--color-4);
161
- }
162
-
163
- @mixin splitter_mixin {
164
- }
165
-
166
- @mixin splitter_hover_mixin {
167
- }
168
-
169
- @mixin splitter_drag_mixin {
170
- border-radius: 5px;
171
- }
172
-
173
- @mixin splitter_border_mixin {
174
- }
175
-
176
- @mixin tabset_tab_divider_mixin {
177
- }
178
-
179
- @mixin border_tab_divider_mixin {
180
- }
181
-
182
- @import "_base";
4
+ @include themes.dark_theme;
5
+ @include base.baseMixin;
6
+ @include themes.dark_theme_overrides;