tabulator-tables 5.4.4 → 5.5.1

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 (106) hide show
  1. package/bower.json +1 -1
  2. package/build/Bundler.js +7 -3
  3. package/dist/css/tabulator.css +85 -48
  4. package/dist/css/tabulator.css.map +1 -1
  5. package/dist/css/tabulator.min.css +1 -1
  6. package/dist/css/tabulator.min.css.map +1 -1
  7. package/dist/css/tabulator_bootstrap3.css +94 -53
  8. package/dist/css/tabulator_bootstrap3.css.map +1 -1
  9. package/dist/css/tabulator_bootstrap3.min.css +1 -1
  10. package/dist/css/tabulator_bootstrap3.min.css.map +1 -1
  11. package/dist/css/tabulator_bootstrap4.css +111 -68
  12. package/dist/css/tabulator_bootstrap4.css.map +1 -1
  13. package/dist/css/tabulator_bootstrap4.min.css +1 -1
  14. package/dist/css/tabulator_bootstrap4.min.css.map +1 -1
  15. package/dist/css/tabulator_bootstrap5.css +115 -70
  16. package/dist/css/tabulator_bootstrap5.css.map +1 -1
  17. package/dist/css/tabulator_bootstrap5.min.css +1 -1
  18. package/dist/css/tabulator_bootstrap5.min.css.map +1 -1
  19. package/dist/css/tabulator_bulma.css +100 -57
  20. package/dist/css/tabulator_bulma.css.map +1 -1
  21. package/dist/css/tabulator_bulma.min.css +1 -1
  22. package/dist/css/tabulator_bulma.min.css.map +1 -1
  23. package/dist/css/tabulator_materialize.css +109 -69
  24. package/dist/css/tabulator_materialize.css.map +1 -1
  25. package/dist/css/tabulator_materialize.min.css +1 -1
  26. package/dist/css/tabulator_materialize.min.css.map +1 -1
  27. package/dist/css/tabulator_midnight.css +95 -54
  28. package/dist/css/tabulator_midnight.css.map +1 -1
  29. package/dist/css/tabulator_midnight.min.css +1 -1
  30. package/dist/css/tabulator_midnight.min.css.map +1 -1
  31. package/dist/css/tabulator_modern.css +101 -57
  32. package/dist/css/tabulator_modern.css.map +1 -1
  33. package/dist/css/tabulator_modern.min.css +1 -1
  34. package/dist/css/tabulator_modern.min.css.map +1 -1
  35. package/dist/css/tabulator_semanticui.css +138 -77
  36. package/dist/css/tabulator_semanticui.css.map +1 -1
  37. package/dist/css/tabulator_semanticui.min.css +1 -1
  38. package/dist/css/tabulator_semanticui.min.css.map +1 -1
  39. package/dist/css/tabulator_simple.css +85 -48
  40. package/dist/css/tabulator_simple.css.map +1 -1
  41. package/dist/css/tabulator_simple.min.css +1 -1
  42. package/dist/css/tabulator_simple.min.css.map +1 -1
  43. package/dist/css/tabulator_site.css +93 -52
  44. package/dist/css/tabulator_site.css.map +1 -1
  45. package/dist/css/tabulator_site.min.css +1 -1
  46. package/dist/css/tabulator_site.min.css.map +1 -1
  47. package/dist/js/jquery_wrapper.js +10 -2
  48. package/dist/js/tabulator.js +507 -237
  49. package/dist/js/tabulator.js.map +1 -1
  50. package/dist/js/tabulator.min.js +2 -2
  51. package/dist/js/tabulator.min.js.map +1 -1
  52. package/dist/js/tabulator_esm.js +507 -237
  53. package/dist/js/tabulator_esm.js.map +1 -1
  54. package/dist/js/tabulator_esm.min.js +2 -2
  55. package/dist/js/tabulator_esm.min.js.map +1 -1
  56. package/package.json +3 -2
  57. package/src/js/builds/jquery_wrapper.js +10 -2
  58. package/src/js/core/ColumnManager.js +15 -0
  59. package/src/js/core/RowManager.js +59 -41
  60. package/src/js/core/cell/CellComponent.js +5 -3
  61. package/src/js/core/column/ColumnComponent.js +2 -2
  62. package/src/js/core/rendering/renderers/BasicHorizontal.js +12 -5
  63. package/src/js/core/rendering/renderers/BasicVertical.js +49 -28
  64. package/src/js/core/rendering/renderers/VirtualDomHorizontal.js +6 -1
  65. package/src/js/core/rendering/renderers/VirtualDomVertical.js +87 -30
  66. package/src/js/core/row/Row.js +9 -3
  67. package/src/js/core/row/RowComponent.js +2 -2
  68. package/src/js/core/tools/DataLoader.js +44 -36
  69. package/src/js/modules/ColumnCalcs/defaults/calculations.js +7 -0
  70. package/src/js/modules/DataTree/DataTree.js +5 -2
  71. package/src/js/modules/Download/defaults/downloaders/xlsx.js +5 -2
  72. package/src/js/modules/Edit/Edit.js +2 -3
  73. package/src/js/modules/Edit/List.js +14 -3
  74. package/src/js/modules/Edit/defaults/editors/date.js +1 -1
  75. package/src/js/modules/Edit/defaults/editors/datetime.js +1 -1
  76. package/src/js/modules/Edit/defaults/editors/input.js +1 -1
  77. package/src/js/modules/Edit/defaults/editors/number.js +1 -1
  78. package/src/js/modules/Edit/defaults/editors/range.js +1 -1
  79. package/src/js/modules/Edit/defaults/editors/textarea.js +1 -1
  80. package/src/js/modules/Edit/defaults/editors/tickCross.js +1 -1
  81. package/src/js/modules/Edit/defaults/editors/time.js +1 -1
  82. package/src/js/modules/Export/Export.js +3 -0
  83. package/src/js/modules/Filter/Filter.js +11 -0
  84. package/src/js/modules/Format/Format.js +3 -0
  85. package/src/js/modules/Format/defaults/formatters/money.js +9 -2
  86. package/src/js/modules/FrozenColumns/FrozenColumns.js +1 -1
  87. package/src/js/modules/GroupRows/Group.js +27 -10
  88. package/src/js/modules/GroupRows/GroupComponent.js +4 -0
  89. package/src/js/modules/History/defaults/redoers.js +4 -2
  90. package/src/js/modules/History/defaults/undoers.js +6 -2
  91. package/src/js/modules/Interaction/Interaction.js +12 -0
  92. package/src/js/modules/Persistence/Persistence.js +15 -1
  93. package/src/js/modules/ResponsiveLayout/ResponsiveLayout.js +3 -0
  94. package/src/js/modules/SelectRow/SelectRow.js +82 -54
  95. package/src/scss/tabulator.scss +87 -50
  96. package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss +9 -5
  97. package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss +27 -19
  98. package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss +29 -19
  99. package/src/scss/themes/bulma/tabulator_bulma.scss +15 -9
  100. package/src/scss/themes/materialize/tabulator_materialize.scss +15 -11
  101. package/src/scss/themes/materialize/variables.scss +1 -1
  102. package/src/scss/themes/semanticui/tabulator_semanticui.scss +53 -28
  103. package/src/scss/themes/semanticui/variables_table.scss +1 -1
  104. package/src/scss/themes/tabulator_midnight.scss +10 -6
  105. package/src/scss/themes/tabulator_modern.scss +16 -8
  106. package/src/scss/themes/tabulator_site.scss +8 -4
package/src/scss/themes/semanticui/tabulator_semanticui.scss CHANGED
@@ -125,9 +125,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
125
125
  background: $positiveBackgroundColor !important;
126
126
  color: $positiveColor !important;
127
127
 
128
- &:hover{
129
- background: $positiveBackgroundHover !important;
130
- color: $positiveColorHover !important;
128
+ @media (hover:hover) and (pointer:fine){
129
+ &:hover{
130
+ background: $positiveBackgroundHover !important;
131
+ color: $positiveColorHover !important;
132
+ }
131
133
  }
132
134
  }
133
135
 
@@ -136,9 +138,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
136
138
  background: $negativeBackgroundColor !important;
137
139
  color: $negativeColor !important;
138
140
 
139
- &:hover{
140
- background: $negativeBackgroundHover !important;
141
- color: $negativeColorHover !important;
141
+ @media (hover:hover) and (pointer:fine){
142
+ &:hover{
143
+ background: $negativeBackgroundHover !important;
144
+ color: $negativeColorHover !important;
145
+ }
142
146
  }
143
147
  }
144
148
 
@@ -147,9 +151,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
147
151
  background: $errorBackgroundColor !important;
148
152
  color: $errorColor !important;
149
153
 
150
- &:hover{
151
- background: $errorBackgroundHover !important;
152
- color: $errorColorHover !important;
154
+ @media (hover:hover) and (pointer:fine){
155
+ &:hover{
156
+ background: $errorBackgroundHover !important;
157
+ color: $errorColorHover !important;
158
+ }
153
159
  }
154
160
  }
155
161
 
@@ -158,9 +164,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
158
164
  background: $warningBackgroundColor !important;
159
165
  color: $warningColor !important;
160
166
 
161
- &:hover{
162
- background: $warningBackgroundHover !important;
163
- color: $warningColorHover !important;
167
+ @media (hover:hover) and (pointer:fine){
168
+ &:hover{
169
+ background: $warningBackgroundHover !important;
170
+ color: $warningColorHover !important;
171
+ }
164
172
  }
165
173
  }
166
174
 
@@ -169,16 +177,25 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
169
177
  background: $activeBackgroundColor !important;
170
178
  color: $activeColor !important;
171
179
 
172
- &:hover{
173
- background: $positiveBackgroundHover !important;
174
- color: $positiveColorHover !important;
180
+ @media (hover:hover) and (pointer:fine){
181
+ &:hover{
182
+ background: $positiveBackgroundHover !important;
183
+ color: $positiveColorHover !important;
184
+ }
175
185
  }
176
186
  }
177
187
 
178
- &.active, &.disabled:hover, .tabulator-cell.active{
188
+ &.active, .tabulator-cell.active{
179
189
  pointer-events: none;
180
190
  color: $disabledTextColor;
181
191
  }
192
+
193
+ @media (hover:hover) and (pointer:fine){
194
+ &.disabled:hover{
195
+ pointer-events: none;
196
+ color: $disabledTextColor;
197
+ }
198
+ }
182
199
  }
183
200
  }
184
201
  }
@@ -475,22 +492,26 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
475
492
  border-bottom: $rowBorder;
476
493
 
477
494
  &.tabulator-row-even{
478
- background-color: transparent;
495
+ background-color: $rowBackgroundColor;
479
496
  }
480
497
 
481
- &.tabulator-selectable:hover{
482
- box-shadow: $activeBoxShadow;
483
- background: $activeBackgroundColor !important;
484
- color: $activeColor !important;
498
+ @media (hover:hover) and (pointer:fine){
499
+ &.tabulator-selectable:hover{
500
+ box-shadow: $activeBoxShadow;
501
+ background: $activeBackgroundColor !important;
502
+ color: $activeColor !important;
503
+ }
485
504
  }
486
505
 
487
506
  &.tabulator-selected{
488
507
  background-color:$rowSelectedBackground !important;
489
508
  }
490
509
 
491
- &.tabulator-selected:hover{
492
- background-color:$rowSelectedBackgroundHover !important;
493
- cursor: pointer;
510
+ @media (hover:hover) and (pointer:fine){
511
+ &.tabulator-selected:hover{
512
+ background-color:$rowSelectedBackgroundHover !important;
513
+ cursor: pointer;
514
+ }
494
515
  }
495
516
 
496
517
  &.tabulator-moving{
@@ -523,8 +544,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
523
544
  background:$backgroundColor;
524
545
 
525
546
  .tabulator-menu-item{
526
- &:not(.tabulator-menu-item-disabled):hover{
527
- background: $headerBackgroundColor;
547
+ @media (hover:hover) and (pointer:fine){
548
+ &:not(.tabulator-menu-item-disabled):hover{
549
+ background: $headerBackgroundColor;
550
+ }
528
551
  }
529
552
  }
530
553
  }
@@ -541,8 +564,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
541
564
  }
542
565
  }
543
566
 
544
- &:hover{
545
- color:$backgroundColor;
567
+ @media (hover:hover) and (pointer:fine){
568
+ &:hover{
569
+ color:$backgroundColor;
570
+ }
546
571
  }
547
572
  }
548
573
 
package/src/scss/themes/semanticui/variables_table.scss CHANGED
@@ -226,7 +226,7 @@ $basicTableCellBackground: transparent !default;
226
226
  $basicTableHeaderDivider: none !default;
227
227
  $basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1) !default;
228
228
  $basicTableCellPadding: '' !default;
229
- $basicTableStripedBackground: $transparentBlack !default;
229
+ $basicTableStripedBackground: #f2f2f2 !default;
230
230
 
231
231
  /* Padded */
232
232
  $paddedVerticalPadding: 1em !default;
package/src/scss/themes/tabulator_midnight.scss CHANGED
@@ -113,9 +113,11 @@ $footerActiveColor:#fff !default; //footer bottom active text color
113
113
 
114
114
  color:#333;
115
115
 
116
- &:hover{
117
- cursor:pointer;
118
- background-color:rgba(0,0,0,.1);
116
+ @media (hover:hover) and (pointer:fine){
117
+ &:hover{
118
+ cursor:pointer;
119
+ background-color:rgba(0,0,0,.1);
120
+ }
119
121
  }
120
122
 
121
123
  span{
@@ -143,9 +145,11 @@ $footerActiveColor:#fff !default; //footer bottom active text color
143
145
  outline:1px solid $rowAltBackgroundColor;
144
146
  }
145
147
 
146
- &:hover{
147
- color:$editBoxColor;
148
- background:$rowBackgroundColor;
148
+ @media (hover:hover) and (pointer:fine){
149
+ &:hover{
150
+ color:$editBoxColor;
151
+ background:$rowBackgroundColor;
152
+ }
149
153
  }
150
154
  }
151
155
  }
package/src/scss/themes/tabulator_modern.scss CHANGED
@@ -56,6 +56,10 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
56
56
  border-right:2px solid $headerBorderColor;
57
57
  background-color: $headerBackgroundColor;
58
58
 
59
+ &:nth-child(1) {
60
+ padding-left: $handleWidth;
61
+ }
62
+
59
63
  .tabulator-col-content{
60
64
  .tabulator-col-title{
61
65
  .tabulator-title-editor{
@@ -162,11 +166,13 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
162
166
  }
163
167
  }
164
168
 
165
- &.tabulator-selectable:hover{
166
- cursor: pointer;
169
+ @media (hover:hover) and (pointer:fine){
170
+ &.tabulator-selectable:hover{
171
+ cursor: pointer;
167
172
 
168
- .tabulator-cell{
169
- background-color:$rowHoverBackground;
173
+ .tabulator-cell{
174
+ background-color:$rowHoverBackground;
175
+ }
170
176
  }
171
177
  }
172
178
 
@@ -176,10 +182,12 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
176
182
  }
177
183
  }
178
184
 
179
- &.tabulator-selected:hover{
180
- .tabulator-cell{
181
- background-color:$rowSelectedBackgroundHover;
182
- cursor: pointer;
185
+ @media (hover:hover) and (pointer:fine){
186
+ &.tabulator-selected:hover{
187
+ .tabulator-cell{
188
+ background-color:$rowSelectedBackgroundHover;
189
+ cursor: pointer;
190
+ }
183
191
  }
184
192
  }
185
193
 
package/src/scss/themes/tabulator_site.scss CHANGED
@@ -159,8 +159,10 @@ $footerActiveColor:$footerSeparatorColor !default; //footer bottom active text c
159
159
  background:$headerBackgroundColor;
160
160
  color:$headerTextColor;
161
161
 
162
- &:hover{
163
- background-color:darken($headerBackgroundColor, 10%);
162
+ @media (hover:hover) and (pointer:fine){
163
+ &:hover{
164
+ background-color:darken($headerBackgroundColor, 10%);
165
+ }
164
166
  }
165
167
 
166
168
  span{
@@ -177,8 +179,10 @@ $footerActiveColor:$footerSeparatorColor !default; //footer bottom active text c
177
179
  background:$headerBackgroundColor;
178
180
  color:$headerTextColor;
179
181
 
180
- &:hover{
181
- background-color:darken($headerBackgroundColor, 10%);
182
+ @media (hover:hover) and (pointer:fine){
183
+ &:hover{
184
+ background-color:darken($headerBackgroundColor, 10%);
185
+ }
182
186
  }
183
187
 
184
188
  span{