tabulator-tables 5.4.3 → 5.5.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 (253) hide show
  1. package/.babelrc.json +3 -3
  2. package/.editorconfig +6 -6
  3. package/.eslintignore +3 -3
  4. package/.eslintrc.js +28 -28
  5. package/.github/ISSUE_TEMPLATE/bug_report.md +58 -58
  6. package/.github/ISSUE_TEMPLATE/documentation.md +14 -14
  7. package/.github/ISSUE_TEMPLATE/feature_request.md +24 -24
  8. package/.github/ISSUE_TEMPLATE/question.md +12 -12
  9. package/.github/workflows/bad-files-check.yml +39 -39
  10. package/.github/workflows/lint-and-test.yml +30 -30
  11. package/CODE_OF_CONDUCT.md +46 -46
  12. package/CONTRIBUTING.md +22 -22
  13. package/LICENSE +20 -20
  14. package/README.md +76 -76
  15. package/bower.json +40 -40
  16. package/build/Bundler.js +185 -185
  17. package/build/rollup.js +6 -6
  18. package/dist/css/tabulator.css +80 -53
  19. package/dist/css/tabulator.css.map +1 -1
  20. package/dist/css/tabulator.min.css +1 -1
  21. package/dist/css/tabulator.min.css.map +1 -1
  22. package/dist/css/tabulator_bootstrap3.css +89 -58
  23. package/dist/css/tabulator_bootstrap3.css.map +1 -1
  24. package/dist/css/tabulator_bootstrap3.min.css +1 -1
  25. package/dist/css/tabulator_bootstrap3.min.css.map +1 -1
  26. package/dist/css/tabulator_bootstrap4.css +106 -73
  27. package/dist/css/tabulator_bootstrap4.css.map +1 -1
  28. package/dist/css/tabulator_bootstrap4.min.css +1 -1
  29. package/dist/css/tabulator_bootstrap4.min.css.map +1 -1
  30. package/dist/css/tabulator_bootstrap5.css +110 -75
  31. package/dist/css/tabulator_bootstrap5.css.map +1 -1
  32. package/dist/css/tabulator_bootstrap5.min.css +1 -1
  33. package/dist/css/tabulator_bootstrap5.min.css.map +1 -1
  34. package/dist/css/tabulator_bulma.css +95 -62
  35. package/dist/css/tabulator_bulma.css.map +1 -1
  36. package/dist/css/tabulator_bulma.min.css +1 -1
  37. package/dist/css/tabulator_bulma.min.css.map +1 -1
  38. package/dist/css/tabulator_materialize.css +93 -63
  39. package/dist/css/tabulator_materialize.css.map +1 -1
  40. package/dist/css/tabulator_materialize.min.css +1 -1
  41. package/dist/css/tabulator_materialize.min.css.map +1 -1
  42. package/dist/css/tabulator_midnight.css +90 -59
  43. package/dist/css/tabulator_midnight.css.map +1 -1
  44. package/dist/css/tabulator_midnight.min.css +1 -1
  45. package/dist/css/tabulator_midnight.min.css.map +1 -1
  46. package/dist/css/tabulator_modern.css +96 -62
  47. package/dist/css/tabulator_modern.css.map +1 -1
  48. package/dist/css/tabulator_modern.min.css +1 -1
  49. package/dist/css/tabulator_modern.min.css.map +1 -1
  50. package/dist/css/tabulator_semanticui.css +233 -182
  51. package/dist/css/tabulator_semanticui.css.map +1 -1
  52. package/dist/css/tabulator_semanticui.min.css +1 -1
  53. package/dist/css/tabulator_semanticui.min.css.map +1 -1
  54. package/dist/css/tabulator_simple.css +80 -53
  55. package/dist/css/tabulator_simple.css.map +1 -1
  56. package/dist/css/tabulator_simple.min.css +1 -1
  57. package/dist/css/tabulator_simple.min.css.map +1 -1
  58. package/dist/css/tabulator_site.css +88 -57
  59. package/dist/css/tabulator_site.css.map +1 -1
  60. package/dist/css/tabulator_site.min.css +1 -1
  61. package/dist/css/tabulator_site.min.css.map +1 -1
  62. package/dist/js/jquery_wrapper.js +55 -55
  63. package/dist/js/tabulator.js +26054 -25713
  64. package/dist/js/tabulator.js.map +1 -1
  65. package/dist/js/tabulator.min.js +2 -2
  66. package/dist/js/tabulator.min.js.map +1 -1
  67. package/dist/js/tabulator_esm.js +26131 -25790
  68. package/dist/js/tabulator_esm.js.map +1 -1
  69. package/dist/js/tabulator_esm.min.js +2 -2
  70. package/dist/js/tabulator_esm.min.js.map +1 -1
  71. package/package.json +65 -65
  72. package/src/js/builds/esm.js +14 -14
  73. package/src/js/builds/jquery_wrapper.js +55 -55
  74. package/src/js/core/ColumnManager.js +745 -730
  75. package/src/js/core/CoreFeature.js +138 -138
  76. package/src/js/core/FooterManager.js +101 -101
  77. package/src/js/core/Module.js +141 -141
  78. package/src/js/core/RowManager.js +1128 -1101
  79. package/src/js/core/Tabulator.js +895 -892
  80. package/src/js/core/TabulatorFull.js +10 -10
  81. package/src/js/core/cell/Cell.js +295 -295
  82. package/src/js/core/cell/CellComponent.js +78 -76
  83. package/src/js/core/column/Column.js +949 -949
  84. package/src/js/core/column/ColumnComponent.js +152 -152
  85. package/src/js/core/column/defaults/options.js +17 -17
  86. package/src/js/core/defaults/options.js +65 -65
  87. package/src/js/core/modules/core.js +2 -2
  88. package/src/js/core/modules/optional.js +34 -34
  89. package/src/js/core/rendering/Renderer.js +203 -203
  90. package/src/js/core/rendering/renderers/BasicHorizontal.js +24 -19
  91. package/src/js/core/rendering/renderers/BasicVertical.js +83 -79
  92. package/src/js/core/rendering/renderers/VirtualDomHorizontal.js +582 -577
  93. package/src/js/core/rendering/renderers/VirtualDomVertical.js +634 -580
  94. package/src/js/core/row/PseudoRow.js +44 -44
  95. package/src/js/core/row/Row.js +457 -457
  96. package/src/js/core/row/RowComponent.js +93 -93
  97. package/src/js/core/tools/Alert.js +61 -61
  98. package/src/js/core/tools/ComponentFunctionBinder.js +32 -32
  99. package/src/js/core/tools/DataLoader.js +119 -119
  100. package/src/js/core/tools/DeprecationAdvisor.js +46 -46
  101. package/src/js/core/tools/ExternalEventBus.js +104 -104
  102. package/src/js/core/tools/Helpers.js +46 -46
  103. package/src/js/core/tools/InteractionMonitor.js +321 -321
  104. package/src/js/core/tools/InternalEventBus.js +161 -161
  105. package/src/js/core/tools/ModuleBinder.js +104 -104
  106. package/src/js/core/tools/OptionsList.js +44 -40
  107. package/src/js/core/tools/Popup.js +304 -304
  108. package/src/js/core/tools/TableRegistry.js +61 -61
  109. package/src/js/modules/Accessor/Accessor.js +115 -115
  110. package/src/js/modules/Ajax/Ajax.js +143 -143
  111. package/src/js/modules/Ajax/defaults/config.js +2 -2
  112. package/src/js/modules/Ajax/defaults/contentTypeFormatters.js +44 -44
  113. package/src/js/modules/Ajax/defaults/loaderPromise.js +86 -86
  114. package/src/js/modules/Ajax/defaults/urlGenerator.js +43 -43
  115. package/src/js/modules/Clipboard/Clipboard.js +279 -279
  116. package/src/js/modules/Clipboard/defaults/pasteActions.js +10 -10
  117. package/src/js/modules/Clipboard/defaults/pasteParsers.js +74 -74
  118. package/src/js/modules/ColumnCalcs/CalcComponent.js +47 -47
  119. package/src/js/modules/ColumnCalcs/ColumnCalcs.js +581 -568
  120. package/src/js/modules/ColumnCalcs/defaults/calculations.js +92 -85
  121. package/src/js/modules/Comms/Comms.js +51 -51
  122. package/src/js/modules/DataTree/DataTree.js +603 -603
  123. package/src/js/modules/Download/Download.js +148 -148
  124. package/src/js/modules/Download/defaults/downloaders/csv.js +61 -61
  125. package/src/js/modules/Download/defaults/downloaders/html.js +4 -4
  126. package/src/js/modules/Download/defaults/downloaders/json.js +33 -33
  127. package/src/js/modules/Download/defaults/downloaders/jsonLines.js +31 -31
  128. package/src/js/modules/Download/defaults/downloaders/pdf.js +111 -111
  129. package/src/js/modules/Download/defaults/downloaders/xlsx.js +102 -99
  130. package/src/js/modules/Download/defaults/downloaders.js +14 -14
  131. package/src/js/modules/Edit/Edit.js +734 -736
  132. package/src/js/modules/Edit/List.js +1048 -1033
  133. package/src/js/modules/Edit/defaults/editors/autocomplete.js +11 -11
  134. package/src/js/modules/Edit/defaults/editors/date.js +138 -110
  135. package/src/js/modules/Edit/defaults/editors/datetime.js +125 -97
  136. package/src/js/modules/Edit/defaults/editors/input.js +76 -74
  137. package/src/js/modules/Edit/defaults/editors/list.js +6 -6
  138. package/src/js/modules/Edit/defaults/editors/number.js +109 -107
  139. package/src/js/modules/Edit/defaults/editors/progress.js +126 -126
  140. package/src/js/modules/Edit/defaults/editors/range.js +80 -78
  141. package/src/js/modules/Edit/defaults/editors/select.js +9 -9
  142. package/src/js/modules/Edit/defaults/editors/star.js +145 -145
  143. package/src/js/modules/Edit/defaults/editors/textarea.js +122 -120
  144. package/src/js/modules/Edit/defaults/editors/tickCross.js +94 -96
  145. package/src/js/modules/Edit/defaults/editors/time.js +126 -98
  146. package/src/js/modules/Edit/defaults/editors.js +28 -28
  147. package/src/js/modules/Edit/inputMask.js +73 -73
  148. package/src/js/modules/Export/Export.js +626 -623
  149. package/src/js/modules/Export/ExportColumn.js +10 -10
  150. package/src/js/modules/Export/ExportRow.js +9 -9
  151. package/src/js/modules/Filter/Filter.js +903 -892
  152. package/src/js/modules/Filter/defaults/filters.js +107 -107
  153. package/src/js/modules/Format/Format.js +215 -212
  154. package/src/js/modules/Format/defaults/formatters/buttonCross.js +2 -2
  155. package/src/js/modules/Format/defaults/formatters/buttonTick.js +2 -2
  156. package/src/js/modules/Format/defaults/formatters/color.js +3 -3
  157. package/src/js/modules/Format/defaults/formatters/datetime.js +36 -36
  158. package/src/js/modules/Format/defaults/formatters/datetimediff.js +40 -40
  159. package/src/js/modules/Format/defaults/formatters/handle.js +3 -3
  160. package/src/js/modules/Format/defaults/formatters/html.js +2 -2
  161. package/src/js/modules/Format/defaults/formatters/image.js +39 -39
  162. package/src/js/modules/Format/defaults/formatters/link.js +77 -77
  163. package/src/js/modules/Format/defaults/formatters/lookup.js +9 -9
  164. package/src/js/modules/Format/defaults/formatters/money.js +43 -36
  165. package/src/js/modules/Format/defaults/formatters/plaintext.js +2 -2
  166. package/src/js/modules/Format/defaults/formatters/progress.js +132 -132
  167. package/src/js/modules/Format/defaults/formatters/responsiveCollapse.js +43 -43
  168. package/src/js/modules/Format/defaults/formatters/rowSelection.js +59 -59
  169. package/src/js/modules/Format/defaults/formatters/rownum.js +9 -9
  170. package/src/js/modules/Format/defaults/formatters/star.js +37 -37
  171. package/src/js/modules/Format/defaults/formatters/textarea.js +3 -3
  172. package/src/js/modules/Format/defaults/formatters/tickCross.js +21 -21
  173. package/src/js/modules/Format/defaults/formatters/traffic.js +46 -46
  174. package/src/js/modules/Format/defaults/formatters.js +42 -42
  175. package/src/js/modules/FrozenColumns/FrozenColumns.js +299 -299
  176. package/src/js/modules/FrozenRows/FrozenRows.js +169 -159
  177. package/src/js/modules/GroupRows/Group.js +597 -598
  178. package/src/js/modules/GroupRows/GroupComponent.js +70 -66
  179. package/src/js/modules/GroupRows/GroupRows.js +639 -639
  180. package/src/js/modules/History/History.js +171 -171
  181. package/src/js/modules/History/defaults/redoers.js +24 -24
  182. package/src/js/modules/History/defaults/undoers.js +24 -24
  183. package/src/js/modules/HtmlTableImport/HtmlTableImport.js +181 -181
  184. package/src/js/modules/Import/Import.js +193 -193
  185. package/src/js/modules/Import/defaults/importers/array.js +4 -4
  186. package/src/js/modules/Import/defaults/importers/csv.js +62 -62
  187. package/src/js/modules/Import/defaults/importers/json.js +7 -7
  188. package/src/js/modules/Import/defaults/importers.js +8 -8
  189. package/src/js/modules/Interaction/Interaction.js +337 -325
  190. package/src/js/modules/Keybindings/Keybindings.js +172 -172
  191. package/src/js/modules/Keybindings/defaults/actions.js +118 -118
  192. package/src/js/modules/Keybindings/defaults/bindings.js +12 -12
  193. package/src/js/modules/Layout/Layout.js +49 -49
  194. package/src/js/modules/Layout/defaults/modes/fitColumns.js +171 -171
  195. package/src/js/modules/Layout/defaults/modes/fitData.js +9 -9
  196. package/src/js/modules/Layout/defaults/modes/fitDataGeneral.js +9 -9
  197. package/src/js/modules/Layout/defaults/modes/fitDataStretch.js +39 -39
  198. package/src/js/modules/Layout/defaults/modes.js +11 -11
  199. package/src/js/modules/Localize/Localize.js +185 -185
  200. package/src/js/modules/Localize/defaults/langs.js +36 -36
  201. package/src/js/modules/Menu/Menu.js +302 -302
  202. package/src/js/modules/MoveColumns/MoveColumns.js +299 -299
  203. package/src/js/modules/MoveRows/MoveRows.js +635 -635
  204. package/src/js/modules/Mutator/Mutator.js +161 -161
  205. package/src/js/modules/Page/Page.js +881 -881
  206. package/src/js/modules/Page/defaults/pageCounters/pages.js +32 -32
  207. package/src/js/modules/Page/defaults/pageCounters/rows.js +39 -39
  208. package/src/js/modules/Page/defaults/pageCounters.js +7 -7
  209. package/src/js/modules/Persistence/Persistence.js +472 -458
  210. package/src/js/modules/Persistence/defaults/readers.js +29 -29
  211. package/src/js/modules/Persistence/defaults/writers.js +12 -12
  212. package/src/js/modules/Popup/Popup.js +231 -231
  213. package/src/js/modules/Print/Print.js +137 -137
  214. package/src/js/modules/ReactiveData/ReactiveData.js +408 -408
  215. package/src/js/modules/ResizeColumns/ResizeColumns.js +309 -309
  216. package/src/js/modules/ResizeRows/ResizeRows.js +111 -111
  217. package/src/js/modules/ResizeTable/ResizeTable.js +159 -159
  218. package/src/js/modules/ResponsiveLayout/ResponsiveLayout.js +348 -345
  219. package/src/js/modules/SelectRow/SelectRow.js +474 -444
  220. package/src/js/modules/Sort/Sort.js +470 -470
  221. package/src/js/modules/Sort/defaults/sorters/alphanum.js +43 -43
  222. package/src/js/modules/Sort/defaults/sorters/array.js +53 -53
  223. package/src/js/modules/Sort/defaults/sorters/boolean.js +6 -6
  224. package/src/js/modules/Sort/defaults/sorters/date.js +9 -9
  225. package/src/js/modules/Sort/defaults/sorters/datetime.js +43 -43
  226. package/src/js/modules/Sort/defaults/sorters/exists.js +6 -6
  227. package/src/js/modules/Sort/defaults/sorters/number.js +39 -39
  228. package/src/js/modules/Sort/defaults/sorters/string.js +33 -33
  229. package/src/js/modules/Sort/defaults/sorters/time.js +9 -9
  230. package/src/js/modules/Sort/defaults/sorters.js +20 -20
  231. package/src/js/modules/Tooltip/Tooltip.js +130 -130
  232. package/src/js/modules/Validate/Validate.js +305 -305
  233. package/src/js/modules/Validate/defaults/validators.js +138 -138
  234. package/src/scss/tabulator.scss +1496 -1467
  235. package/src/scss/themes/bootstrap/functions4.scss +118 -118
  236. package/src/scss/themes/bootstrap/functions5.scss +302 -302
  237. package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss +288 -284
  238. package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss +552 -544
  239. package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss +584 -574
  240. package/src/scss/themes/bootstrap/variables3.scss +870 -870
  241. package/src/scss/themes/bootstrap/variables4.scss +930 -930
  242. package/src/scss/themes/bootstrap/variables5.scss +1641 -1641
  243. package/src/scss/themes/bulma/tabulator_bulma.scss +258 -252
  244. package/src/scss/themes/bulma/variables.scss +197 -197
  245. package/src/scss/themes/materialize/tabulator_materialize.scss +269 -265
  246. package/src/scss/themes/materialize/variables.scss +70 -70
  247. package/src/scss/themes/semanticui/tabulator_semanticui.scss +586 -561
  248. package/src/scss/themes/semanticui/variables.scss +839 -839
  249. package/src/scss/themes/semanticui/variables_table.scss +247 -247
  250. package/src/scss/themes/tabulator_midnight.scss +162 -158
  251. package/src/scss/themes/tabulator_modern.scss +239 -231
  252. package/src/scss/themes/tabulator_simple.scss +102 -102
  253. package/src/scss/themes/tabulator_site.scss +193 -189
@@ -1,247 +1,247 @@
1
- @import "variables.scss";
2
-
3
- /*******************************
4
- Table
5
- *******************************/
6
-
7
- /*-------------------
8
- Element
9
- --------------------*/
10
-
11
- $verticalMargin: 1em !default;
12
- $horizontalMargin: 0em !default;
13
- $margin: $verticalMargin $horizontalMargin !default;
14
- $borderCollapse: separate !default;
15
- $borderSpacing: 0px !default;
16
- $borderRadius: $defaultBorderRadius !default;
17
- $transition:
18
- background $defaultDuration $defaultEasing,
19
- color $defaultDuration $defaultEasing !default;
20
- $background: $white !default;
21
- $color: $textColor !default;
22
- $borderWidth: 1px !default;
23
- $border: $borderWidth solid $borderColor !default;
24
- $boxShadow: none !default;
25
- $textAlign: left !default;
26
-
27
- /*--------------
28
- Parts
29
- ---------------*/
30
-
31
- /* Table Row */
32
- $rowBorder: 1px solid $internalBorderColor !default;
33
-
34
- /* Table Cell */
35
- $cellVerticalPadding: $relativeMini !default;
36
- $cellHorizontalPadding: $relativeMini !default;
37
- $cellVerticalAlign: inherit !default;
38
- $cellTextAlign: inherit !default;
39
- $cellBorder: 1px solid $internalBorderColor !default;
40
-
41
- /* Table Header */
42
- $headerBorder: 1px solid $internalBorderColor !default;
43
- $headerDivider: none !default;
44
- $headerBackground: $offWhite !default;
45
- $headerAlign: inherit !default;
46
- $headerVerticalAlign: inherit !default;
47
- $headerColor: $textColor !default;
48
- $headerVerticalPadding: $relativeSmall !default;
49
- $headerHorizontalPadding: $cellHorizontalPadding !default;
50
- $headerFontStyle: none !default;
51
- $headerFontWeight: bold !default;
52
- $headerTextTransform: none !default;
53
- $headerBoxShadow: none !default;
54
-
55
- /* Table Footer */
56
- $footerBoxShadow: none !default;
57
- $footerBorder: 1px solid $borderColor !default;
58
- $footerDivider: none !default;
59
- $footerBackground: $offWhite !default;
60
- $footerAlign: inherit !default;
61
- $footerVerticalAlign: middle !default;
62
- $footerColor: $textColor !default;
63
- $footerVerticalPadding: $cellVerticalPadding !default;
64
- $footerHorizontalPadding: $cellHorizontalPadding !default;
65
- $footerFontStyle: normal !default;
66
- $footerFontWeight: normal !default;
67
- $footerTextTransform: none !default;
68
-
69
- /* Responsive Size */
70
- $responsiveHeaderDisplay: block !default;
71
- $responsiveFooterDisplay: block !default;
72
- $responsiveRowVerticalPadding: 1em !default;
73
- $responsiveRowBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important !default;
74
- $responsiveCellVerticalPadding: 0.25em !default;
75
- $responsiveCellHorizontalPadding: 0.75em !default;
76
- $responsiveCellBoxShadow: none !important !default;
77
-
78
- /*-------------------
79
- Types
80
- --------------------*/
81
-
82
- /* Definition */
83
- $definitionPageBackground: $white !default;
84
-
85
- $definitionHeaderBackground: transparent !default;
86
- $definitionHeaderColor: $unselectedTextColor !default;
87
- $definitionHeaderFontWeight: normal !default;
88
-
89
- $definitionFooterBackground: $definitionHeaderBackground !default;
90
- $definitionFooterColor: $definitionHeaderColor !default;
91
- $definitionFooterFontWeight: $definitionHeaderFontWeight !default;
92
-
93
- $definitionColumnBackground: $subtleTransparentBlack !default;
94
- $definitionColumnFontWeight: bold !default;
95
- $definitionColumnColor: $selectedTextColor !default;
96
- $definitionColumnFontSize: $relativeMedium !default;
97
- $definitionColumnTextTransform: '' !default;
98
- $definitionColumnBoxShadow: '' !default;
99
- $definitionColumnTextAlign: '' !default;
100
- $definitionColumnHorizontalPadding: '' !default;
101
-
102
-
103
- /*--------------
104
- Couplings
105
- ---------------*/
106
-
107
- $iconVerticalAlign: baseline !default;
108
-
109
- /*--------------
110
- States
111
- ---------------*/
112
-
113
- $stateMarkerWidth: 0px !default;
114
-
115
- /* Positive */
116
- $positiveColor: $positiveTextColor !default;
117
- $positiveBoxShadow: $stateMarkerWidth 0px 0px $positiveBorderColor inset !default;
118
- $positiveBackgroundHover: darken($positiveBackgroundColor, 3) !default;
119
- $positiveColorHover: darken($positiveColor, 3) !default;
120
-
121
- /* Negative */
122
- $negativeColor: $negativeTextColor !default;
123
- $negativeBoxShadow: $stateMarkerWidth 0px 0px $negativeBorderColor inset !default;
124
- $negativeBackgroundHover: darken($negativeBackgroundColor, 3) !default;
125
- $negativeColorHover: darken($negativeColor, 3) !default;
126
-
127
- /* Error */
128
- $errorColor: $errorTextColor !default;
129
- $errorBoxShadow: $stateMarkerWidth 0px 0px $errorBorderColor inset !default;
130
- $errorBackgroundHover: darken($errorBackgroundColor, 3) !default;
131
- $errorColorHover: darken($errorColor, 3) !default;
132
-
133
- /* Warning */
134
- $warningColor: $warningTextColor !default;
135
- $warningBoxShadow: $stateMarkerWidth 0px 0px $warningBorderColor inset !default;
136
- $warningBackgroundHover: darken($warningBackgroundColor, 3) !default;
137
- $warningColorHover: darken($warningColor, 3) !default;
138
-
139
- /* Active */
140
- $activeColor: $textColor !default;
141
- $activeBackgroundColor: #E0E0E0 !default;
142
- $activeBoxShadow: $stateMarkerWidth 0px 0px $activeColor inset !default;
143
-
144
- $activeBackgroundHover: #EFEFEF !default;
145
- $activeColorHover: $selectedTextColor !default;
146
-
147
- /*--------------
148
- Types
149
- ---------------*/
150
-
151
- /* Attached */
152
- $attachedTopOffset: 0px !default;
153
- $attachedBottomOffset: 0px !default;
154
- $attachedHorizontalOffset: -$borderWidth !default;
155
- $attachedWidth: calc(100% + #{$attachedHorizontalOffset * -2}) !default;
156
- $attachedBoxShadow: none !default;
157
- $attachedBorder: $borderWidth solid $solidBorderColor !default;
158
- $attachedBottomBoxShadow:
159
- $boxShadow,
160
- $attachedBoxShadow
161
- !default;
162
-
163
- /* Striped */
164
- $stripedBackground: rgba(0, 0, 50, 0.02) !default;
165
- $invertedStripedBackground: rgba(255, 255, 255, 0.05) !default;
166
-
167
- /* Selectable */
168
- $selectableBackground: $transparentBlack !default;
169
- $selectableTextColor: $selectedTextColor !default;
170
- $selectableInvertedBackground: $transparentWhite !default;
171
- $selectableInvertedTextColor: $invertedSelectedTextColor !default;
172
-
173
- /* Sortable */
174
- $sortableBackground: '' !default;
175
- $sortableColor: $textColor !default;
176
-
177
- $sortableBorder: 1px solid $borderColor !default;
178
- $sortableIconWidth: auto !default;
179
- $sortableIconDistance: 0.5em !default;
180
- $sortableIconOpacity: 0.8 !default;
181
- $sortableIconFont: 'Icons' !default;
182
- $sortableIconAscending: '\f0d8' !default;
183
- $sortableIconDescending: '\f0d7' !default;
184
- $sortableDisabledColor: $disabledTextColor !default;
185
-
186
- $sortableHoverBackground: $transparentBlack !default;
187
- $sortableHoverColor: $hoveredTextColor !default;
188
-
189
- $sortableActiveBackground: $transparentBlack !default;
190
- $sortableActiveColor: $selectedTextColor !default;
191
-
192
- $sortableActiveHoverBackground: $transparentBlack !default;
193
- $sortableActiveHoverColor: $selectedTextColor !default;
194
-
195
- $sortableInvertedBorderColor: transparent !default;
196
- $sortableInvertedHoverBackground: $transparentWhite $subtleGradient !default;
197
- $sortableInvertedHoverColor: $invertedHoveredTextColor !default;
198
- $sortableInvertedActiveBackground: $strongTransparentWhite $subtleGradient !default;
199
- $sortableInvertedActiveColor: $invertedSelectedTextColor !default;
200
-
201
- /* Colors */
202
- $coloredBorderSize: 0.2em !default;
203
- $coloredBorderRadius: 0em 0em $borderRadius $borderRadius !default;
204
-
205
- /* Inverted */
206
- $invertedBackground: #333333 !default;
207
- $invertedBorder: none !default;
208
- $invertedCellBorderColor: $whiteBorderColor !default;
209
- $invertedCellColor: $invertedTextColor !default;
210
-
211
- $invertedHeaderBackground: $veryStrongTransparentBlack !default;
212
- $invertedHeaderColor: $invertedTextColor !default;
213
- $invertedHeaderBorderColor: $invertedCellBorderColor !default;
214
-
215
- $invertedDefinitionColumnBackground: $subtleTransparentWhite !default;
216
- $invertedDefinitionColumnColor: $invertedSelectedTextColor !default;
217
- $invertedDefinitionColumnFontWeight: bold !default;
218
-
219
- /* Basic */
220
- $basicTableBackground: transparent !default;
221
- $basicTableBorder: $borderWidth solid $borderColor !default;
222
- $basicBoxShadow: none !default;
223
-
224
- $basicTableHeaderBackground: transparent !default;
225
- $basicTableCellBackground: transparent !default;
226
- $basicTableHeaderDivider: none !default;
227
- $basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1) !default;
228
- $basicTableCellPadding: '' !default;
229
- $basicTableStripedBackground: $transparentBlack !default;
230
-
231
- /* Padded */
232
- $paddedVerticalPadding: 1em !default;
233
- $paddedHorizontalPadding: 1em !default;
234
- $veryPaddedVerticalPadding: 1.5em !default;
235
- $veryPaddedHorizontalPadding: 1.5em !default;
236
-
237
- /* Compact */
238
- $compactVerticalPadding: 0.5em !default;
239
- $compactHorizontalPadding: 0.7em !default;
240
- $veryCompactVerticalPadding: 0.4em !default;
241
- $veryCompactHorizontalPadding: 0.6em !default;
242
-
243
-
244
- /* Sizes */
245
- $small: 0.9em !default;
246
- $medium: 1em !default;
247
- $large: 1.1em !default;
1
+ @import "variables.scss";
2
+
3
+ /*******************************
4
+ Table
5
+ *******************************/
6
+
7
+ /*-------------------
8
+ Element
9
+ --------------------*/
10
+
11
+ $verticalMargin: 1em !default;
12
+ $horizontalMargin: 0em !default;
13
+ $margin: $verticalMargin $horizontalMargin !default;
14
+ $borderCollapse: separate !default;
15
+ $borderSpacing: 0px !default;
16
+ $borderRadius: $defaultBorderRadius !default;
17
+ $transition:
18
+ background $defaultDuration $defaultEasing,
19
+ color $defaultDuration $defaultEasing !default;
20
+ $background: $white !default;
21
+ $color: $textColor !default;
22
+ $borderWidth: 1px !default;
23
+ $border: $borderWidth solid $borderColor !default;
24
+ $boxShadow: none !default;
25
+ $textAlign: left !default;
26
+
27
+ /*--------------
28
+ Parts
29
+ ---------------*/
30
+
31
+ /* Table Row */
32
+ $rowBorder: 1px solid $internalBorderColor !default;
33
+
34
+ /* Table Cell */
35
+ $cellVerticalPadding: $relativeMini !default;
36
+ $cellHorizontalPadding: $relativeMini !default;
37
+ $cellVerticalAlign: inherit !default;
38
+ $cellTextAlign: inherit !default;
39
+ $cellBorder: 1px solid $internalBorderColor !default;
40
+
41
+ /* Table Header */
42
+ $headerBorder: 1px solid $internalBorderColor !default;
43
+ $headerDivider: none !default;
44
+ $headerBackground: $offWhite !default;
45
+ $headerAlign: inherit !default;
46
+ $headerVerticalAlign: inherit !default;
47
+ $headerColor: $textColor !default;
48
+ $headerVerticalPadding: $relativeSmall !default;
49
+ $headerHorizontalPadding: $cellHorizontalPadding !default;
50
+ $headerFontStyle: none !default;
51
+ $headerFontWeight: bold !default;
52
+ $headerTextTransform: none !default;
53
+ $headerBoxShadow: none !default;
54
+
55
+ /* Table Footer */
56
+ $footerBoxShadow: none !default;
57
+ $footerBorder: 1px solid $borderColor !default;
58
+ $footerDivider: none !default;
59
+ $footerBackground: $offWhite !default;
60
+ $footerAlign: inherit !default;
61
+ $footerVerticalAlign: middle !default;
62
+ $footerColor: $textColor !default;
63
+ $footerVerticalPadding: $cellVerticalPadding !default;
64
+ $footerHorizontalPadding: $cellHorizontalPadding !default;
65
+ $footerFontStyle: normal !default;
66
+ $footerFontWeight: normal !default;
67
+ $footerTextTransform: none !default;
68
+
69
+ /* Responsive Size */
70
+ $responsiveHeaderDisplay: block !default;
71
+ $responsiveFooterDisplay: block !default;
72
+ $responsiveRowVerticalPadding: 1em !default;
73
+ $responsiveRowBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important !default;
74
+ $responsiveCellVerticalPadding: 0.25em !default;
75
+ $responsiveCellHorizontalPadding: 0.75em !default;
76
+ $responsiveCellBoxShadow: none !important !default;
77
+
78
+ /*-------------------
79
+ Types
80
+ --------------------*/
81
+
82
+ /* Definition */
83
+ $definitionPageBackground: $white !default;
84
+
85
+ $definitionHeaderBackground: transparent !default;
86
+ $definitionHeaderColor: $unselectedTextColor !default;
87
+ $definitionHeaderFontWeight: normal !default;
88
+
89
+ $definitionFooterBackground: $definitionHeaderBackground !default;
90
+ $definitionFooterColor: $definitionHeaderColor !default;
91
+ $definitionFooterFontWeight: $definitionHeaderFontWeight !default;
92
+
93
+ $definitionColumnBackground: $subtleTransparentBlack !default;
94
+ $definitionColumnFontWeight: bold !default;
95
+ $definitionColumnColor: $selectedTextColor !default;
96
+ $definitionColumnFontSize: $relativeMedium !default;
97
+ $definitionColumnTextTransform: '' !default;
98
+ $definitionColumnBoxShadow: '' !default;
99
+ $definitionColumnTextAlign: '' !default;
100
+ $definitionColumnHorizontalPadding: '' !default;
101
+
102
+
103
+ /*--------------
104
+ Couplings
105
+ ---------------*/
106
+
107
+ $iconVerticalAlign: baseline !default;
108
+
109
+ /*--------------
110
+ States
111
+ ---------------*/
112
+
113
+ $stateMarkerWidth: 0px !default;
114
+
115
+ /* Positive */
116
+ $positiveColor: $positiveTextColor !default;
117
+ $positiveBoxShadow: $stateMarkerWidth 0px 0px $positiveBorderColor inset !default;
118
+ $positiveBackgroundHover: darken($positiveBackgroundColor, 3) !default;
119
+ $positiveColorHover: darken($positiveColor, 3) !default;
120
+
121
+ /* Negative */
122
+ $negativeColor: $negativeTextColor !default;
123
+ $negativeBoxShadow: $stateMarkerWidth 0px 0px $negativeBorderColor inset !default;
124
+ $negativeBackgroundHover: darken($negativeBackgroundColor, 3) !default;
125
+ $negativeColorHover: darken($negativeColor, 3) !default;
126
+
127
+ /* Error */
128
+ $errorColor: $errorTextColor !default;
129
+ $errorBoxShadow: $stateMarkerWidth 0px 0px $errorBorderColor inset !default;
130
+ $errorBackgroundHover: darken($errorBackgroundColor, 3) !default;
131
+ $errorColorHover: darken($errorColor, 3) !default;
132
+
133
+ /* Warning */
134
+ $warningColor: $warningTextColor !default;
135
+ $warningBoxShadow: $stateMarkerWidth 0px 0px $warningBorderColor inset !default;
136
+ $warningBackgroundHover: darken($warningBackgroundColor, 3) !default;
137
+ $warningColorHover: darken($warningColor, 3) !default;
138
+
139
+ /* Active */
140
+ $activeColor: $textColor !default;
141
+ $activeBackgroundColor: #E0E0E0 !default;
142
+ $activeBoxShadow: $stateMarkerWidth 0px 0px $activeColor inset !default;
143
+
144
+ $activeBackgroundHover: #EFEFEF !default;
145
+ $activeColorHover: $selectedTextColor !default;
146
+
147
+ /*--------------
148
+ Types
149
+ ---------------*/
150
+
151
+ /* Attached */
152
+ $attachedTopOffset: 0px !default;
153
+ $attachedBottomOffset: 0px !default;
154
+ $attachedHorizontalOffset: -$borderWidth !default;
155
+ $attachedWidth: calc(100% + #{$attachedHorizontalOffset * -2}) !default;
156
+ $attachedBoxShadow: none !default;
157
+ $attachedBorder: $borderWidth solid $solidBorderColor !default;
158
+ $attachedBottomBoxShadow:
159
+ $boxShadow,
160
+ $attachedBoxShadow
161
+ !default;
162
+
163
+ /* Striped */
164
+ $stripedBackground: rgba(0, 0, 50, 0.02) !default;
165
+ $invertedStripedBackground: rgba(255, 255, 255, 0.05) !default;
166
+
167
+ /* Selectable */
168
+ $selectableBackground: $transparentBlack !default;
169
+ $selectableTextColor: $selectedTextColor !default;
170
+ $selectableInvertedBackground: $transparentWhite !default;
171
+ $selectableInvertedTextColor: $invertedSelectedTextColor !default;
172
+
173
+ /* Sortable */
174
+ $sortableBackground: '' !default;
175
+ $sortableColor: $textColor !default;
176
+
177
+ $sortableBorder: 1px solid $borderColor !default;
178
+ $sortableIconWidth: auto !default;
179
+ $sortableIconDistance: 0.5em !default;
180
+ $sortableIconOpacity: 0.8 !default;
181
+ $sortableIconFont: 'Icons' !default;
182
+ $sortableIconAscending: '\f0d8' !default;
183
+ $sortableIconDescending: '\f0d7' !default;
184
+ $sortableDisabledColor: $disabledTextColor !default;
185
+
186
+ $sortableHoverBackground: $transparentBlack !default;
187
+ $sortableHoverColor: $hoveredTextColor !default;
188
+
189
+ $sortableActiveBackground: $transparentBlack !default;
190
+ $sortableActiveColor: $selectedTextColor !default;
191
+
192
+ $sortableActiveHoverBackground: $transparentBlack !default;
193
+ $sortableActiveHoverColor: $selectedTextColor !default;
194
+
195
+ $sortableInvertedBorderColor: transparent !default;
196
+ $sortableInvertedHoverBackground: $transparentWhite $subtleGradient !default;
197
+ $sortableInvertedHoverColor: $invertedHoveredTextColor !default;
198
+ $sortableInvertedActiveBackground: $strongTransparentWhite $subtleGradient !default;
199
+ $sortableInvertedActiveColor: $invertedSelectedTextColor !default;
200
+
201
+ /* Colors */
202
+ $coloredBorderSize: 0.2em !default;
203
+ $coloredBorderRadius: 0em 0em $borderRadius $borderRadius !default;
204
+
205
+ /* Inverted */
206
+ $invertedBackground: #333333 !default;
207
+ $invertedBorder: none !default;
208
+ $invertedCellBorderColor: $whiteBorderColor !default;
209
+ $invertedCellColor: $invertedTextColor !default;
210
+
211
+ $invertedHeaderBackground: $veryStrongTransparentBlack !default;
212
+ $invertedHeaderColor: $invertedTextColor !default;
213
+ $invertedHeaderBorderColor: $invertedCellBorderColor !default;
214
+
215
+ $invertedDefinitionColumnBackground: $subtleTransparentWhite !default;
216
+ $invertedDefinitionColumnColor: $invertedSelectedTextColor !default;
217
+ $invertedDefinitionColumnFontWeight: bold !default;
218
+
219
+ /* Basic */
220
+ $basicTableBackground: transparent !default;
221
+ $basicTableBorder: $borderWidth solid $borderColor !default;
222
+ $basicBoxShadow: none !default;
223
+
224
+ $basicTableHeaderBackground: transparent !default;
225
+ $basicTableCellBackground: transparent !default;
226
+ $basicTableHeaderDivider: none !default;
227
+ $basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1) !default;
228
+ $basicTableCellPadding: '' !default;
229
+ $basicTableStripedBackground: $transparentBlack !default;
230
+
231
+ /* Padded */
232
+ $paddedVerticalPadding: 1em !default;
233
+ $paddedHorizontalPadding: 1em !default;
234
+ $veryPaddedVerticalPadding: 1.5em !default;
235
+ $veryPaddedHorizontalPadding: 1.5em !default;
236
+
237
+ /* Compact */
238
+ $compactVerticalPadding: 0.5em !default;
239
+ $compactHorizontalPadding: 0.7em !default;
240
+ $veryCompactVerticalPadding: 0.4em !default;
241
+ $veryCompactHorizontalPadding: 0.6em !default;
242
+
243
+
244
+ /* Sizes */
245
+ $small: 0.9em !default;
246
+ $medium: 1em !default;
247
+ $large: 1.1em !default;