@swimlane/ngx-datatable 16.1.1 → 19.0.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 (152) hide show
  1. package/README.md +1 -1
  2. package/assets/icons-reference.html +2 -2
  3. package/assets/icons.css +39 -19
  4. package/bundles/swimlane-ngx-datatable.umd.js +1663 -5743
  5. package/bundles/swimlane-ngx-datatable.umd.js.map +1 -1
  6. package/bundles/swimlane-ngx-datatable.umd.min.js +1 -1
  7. package/bundles/swimlane-ngx-datatable.umd.min.js.map +1 -1
  8. package/esm2015/lib/components/body/body-cell.component.js +5 -235
  9. package/esm2015/lib/components/body/body-group-header-template.directive.js +1 -13
  10. package/esm2015/lib/components/body/body-group-header.directive.js +1 -28
  11. package/esm2015/lib/components/body/body-row-wrapper.component.js +4 -86
  12. package/esm2015/lib/components/body/body-row.component.js +2 -153
  13. package/esm2015/lib/components/body/body.component.js +71 -303
  14. package/esm2015/lib/components/body/progress-bar.component.js +2 -6
  15. package/esm2015/lib/components/body/scroller.component.js +6 -82
  16. package/esm2015/lib/components/body/selection.component.js +7 -112
  17. package/esm2015/lib/components/body/summary/summary-row.component.js +10 -100
  18. package/esm2015/lib/components/columns/column-cell.directive.js +1 -13
  19. package/esm2015/lib/components/columns/column-header.directive.js +1 -13
  20. package/esm2015/lib/components/columns/column.directive.js +1 -89
  21. package/esm2015/lib/components/columns/tree.directive.js +1 -13
  22. package/esm2015/lib/components/datatable.component.js +49 -570
  23. package/esm2015/lib/components/footer/footer-template.directive.js +1 -13
  24. package/esm2015/lib/components/footer/footer.component.js +2 -41
  25. package/esm2015/lib/components/footer/footer.directive.js +2 -29
  26. package/esm2015/lib/components/footer/pager.component.js +3 -77
  27. package/esm2015/lib/components/header/header-cell.component.js +11 -130
  28. package/esm2015/lib/components/header/header.component.js +20 -193
  29. package/esm2015/lib/components/row-detail/row-detail-template.directive.js +1 -13
  30. package/esm2015/lib/components/row-detail/row-detail.directive.js +1 -29
  31. package/esm2015/lib/directives/draggable.directive.js +4 -72
  32. package/esm2015/lib/directives/long-press.directive.js +8 -88
  33. package/esm2015/lib/directives/orderable.directive.js +11 -104
  34. package/esm2015/lib/directives/resizeable.directive.js +14 -81
  35. package/esm2015/lib/directives/visibility.directive.js +9 -64
  36. package/esm2015/lib/events.js +6 -13
  37. package/esm2015/lib/ngx-datatable.module.js +2 -16
  38. package/esm2015/lib/services/column-changes.service.js +1 -18
  39. package/esm2015/lib/services/dimensions-helper.service.js +1 -9
  40. package/esm2015/lib/services/scrollbar-helper.service.js +1 -25
  41. package/esm2015/lib/types/click.type.js +6 -11
  42. package/esm2015/lib/types/column-mode.type.js +7 -12
  43. package/esm2015/lib/types/contextmenu.type.js +6 -11
  44. package/esm2015/lib/types/selection.type.js +9 -14
  45. package/esm2015/lib/types/sort-direction.type.js +6 -11
  46. package/esm2015/lib/types/sort-prop-dir.type.js +2 -15
  47. package/esm2015/lib/types/sort.type.js +6 -11
  48. package/esm2015/lib/types/table-column.type.js +2 -217
  49. package/esm2015/lib/utils/camel-case.js +4 -26
  50. package/esm2015/lib/utils/column-helper.js +1 -18
  51. package/esm2015/lib/utils/column-prop-getters.js +6 -21
  52. package/esm2015/lib/utils/column.js +1 -28
  53. package/esm2015/lib/utils/elm-from-point.js +3 -15
  54. package/esm2015/lib/utils/id.js +1 -6
  55. package/esm2015/lib/utils/keys.js +10 -21
  56. package/esm2015/lib/utils/math.js +4 -51
  57. package/esm2015/lib/utils/prefixes.js +5 -24
  58. package/esm2015/lib/utils/row-height-cache.js +6 -46
  59. package/esm2015/lib/utils/selection.js +1 -25
  60. package/esm2015/lib/utils/sort.js +9 -50
  61. package/esm2015/lib/utils/throttle.js +7 -41
  62. package/esm2015/lib/utils/translate.js +1 -17
  63. package/esm2015/lib/utils/tree.js +7 -56
  64. package/esm2015/public-api.js +56 -60
  65. package/esm2015/swimlane-ngx-datatable.js +2 -6
  66. package/fesm2015/swimlane-ngx-datatable.js +308 -3513
  67. package/fesm2015/swimlane-ngx-datatable.js.map +1 -1
  68. package/index.css +1 -1
  69. package/index.scss +1 -1
  70. package/lib/components/body/body-cell.component.d.ts +23 -14
  71. package/lib/components/body/body-group-header.directive.d.ts +1 -1
  72. package/lib/components/body/body-row-wrapper.component.d.ts +4 -2
  73. package/lib/components/body/body-row.component.d.ts +8 -5
  74. package/lib/components/body/body.component.d.ts +17 -10
  75. package/lib/components/columns/column.directive.d.ts +3 -3
  76. package/lib/components/datatable.component.d.ts +45 -38
  77. package/lib/components/footer/footer.component.d.ts +2 -2
  78. package/lib/components/footer/footer.directive.d.ts +1 -1
  79. package/lib/components/footer/pager.component.d.ts +7 -4
  80. package/lib/components/header/header-cell.component.d.ts +14 -9
  81. package/lib/components/header/header.component.d.ts +14 -7
  82. package/lib/components/row-detail/row-detail.directive.d.ts +1 -1
  83. package/lib/directives/long-press.directive.d.ts +2 -2
  84. package/lib/directives/resizeable.directive.d.ts +1 -0
  85. package/lib/ngx-datatable.module.d.ts +1 -1
  86. package/lib/services/column-changes.service.d.ts +1 -1
  87. package/lib/utils/throttle.d.ts +1 -1
  88. package/package.json +10 -13
  89. package/swimlane-ngx-datatable.metadata.json +1 -1
  90. package/themes/material.css +53 -51
  91. package/themes/material.scss +4 -2
  92. package/esm5/lib/components/body/body-cell.component.js +0 -667
  93. package/esm5/lib/components/body/body-group-header-template.directive.js +0 -26
  94. package/esm5/lib/components/body/body-group-header.directive.js +0 -109
  95. package/esm5/lib/components/body/body-row-wrapper.component.js +0 -181
  96. package/esm5/lib/components/body/body-row.component.js +0 -409
  97. package/esm5/lib/components/body/body.component.js +0 -1148
  98. package/esm5/lib/components/body/progress-bar.component.js +0 -19
  99. package/esm5/lib/components/body/scroller.component.js +0 -172
  100. package/esm5/lib/components/body/selection.component.js +0 -289
  101. package/esm5/lib/components/body/summary/summary-row.component.js +0 -179
  102. package/esm5/lib/components/columns/column-cell.directive.js +0 -24
  103. package/esm5/lib/components/columns/column-header.directive.js +0 -24
  104. package/esm5/lib/components/columns/column.directive.js +0 -167
  105. package/esm5/lib/components/columns/tree.directive.js +0 -24
  106. package/esm5/lib/components/datatable.component.js +0 -1848
  107. package/esm5/lib/components/footer/footer-template.directive.js +0 -24
  108. package/esm5/lib/components/footer/footer.component.js +0 -88
  109. package/esm5/lib/components/footer/footer.directive.js +0 -57
  110. package/esm5/lib/components/footer/pager.component.js +0 -214
  111. package/esm5/lib/components/header/header-cell.component.js +0 -351
  112. package/esm5/lib/components/header/header.component.js +0 -502
  113. package/esm5/lib/components/row-detail/row-detail-template.directive.js +0 -26
  114. package/esm5/lib/components/row-detail/row-detail.directive.js +0 -111
  115. package/esm5/lib/directives/draggable.directive.js +0 -194
  116. package/esm5/lib/directives/long-press.directive.js +0 -220
  117. package/esm5/lib/directives/orderable.directive.js +0 -274
  118. package/esm5/lib/directives/resizeable.directive.js +0 -178
  119. package/esm5/lib/directives/visibility.directive.js +0 -129
  120. package/esm5/lib/events.js +0 -14
  121. package/esm5/lib/ngx-datatable.module.js +0 -123
  122. package/esm5/lib/services/column-changes.service.js +0 -47
  123. package/esm5/lib/services/dimensions-helper.service.js +0 -30
  124. package/esm5/lib/services/scrollbar-helper.service.js +0 -60
  125. package/esm5/lib/types/click.type.js +0 -11
  126. package/esm5/lib/types/column-mode.type.js +0 -12
  127. package/esm5/lib/types/contextmenu.type.js +0 -11
  128. package/esm5/lib/types/selection.type.js +0 -14
  129. package/esm5/lib/types/sort-direction.type.js +0 -11
  130. package/esm5/lib/types/sort-prop-dir.type.js +0 -15
  131. package/esm5/lib/types/sort.type.js +0 -11
  132. package/esm5/lib/types/table-column.type.js +0 -217
  133. package/esm5/lib/utils/camel-case.js +0 -50
  134. package/esm5/lib/utils/column-helper.js +0 -145
  135. package/esm5/lib/utils/column-prop-getters.js +0 -111
  136. package/esm5/lib/utils/column.js +0 -130
  137. package/esm5/lib/utils/elm-from-point.js +0 -50
  138. package/esm5/lib/utils/id.js +0 -13
  139. package/esm5/lib/utils/keys.js +0 -21
  140. package/esm5/lib/utils/math.js +0 -271
  141. package/esm5/lib/utils/prefixes.js +0 -59
  142. package/esm5/lib/utils/row-height-cache.js +0 -264
  143. package/esm5/lib/utils/selection.js +0 -64
  144. package/esm5/lib/utils/sort.js +0 -180
  145. package/esm5/lib/utils/throttle.js +0 -94
  146. package/esm5/lib/utils/translate.js +0 -41
  147. package/esm5/lib/utils/tree.js +0 -157
  148. package/esm5/public-api.js +0 -68
  149. package/esm5/swimlane-ngx-datatable.js +0 -9
  150. package/fesm5/swimlane-ngx-datatable.js +0 -9695
  151. package/fesm5/swimlane-ngx-datatable.js.map +0 -1
  152. package/lib/test/jasmine-matchers.d.ts +0 -12
package/themes/material.css CHANGED
@@ -142,61 +142,63 @@ That's all.
142
142
  border-right: none; }
143
143
  .ngx-datatable.material .datatable-header .resize-handle {
144
144
  border-right: solid 1px #eee; }
145
- .ngx-datatable.material .datatable-body .datatable-row-detail {
146
- background: #f5f5f5;
147
- padding: 10px; }
148
- .ngx-datatable.material .datatable-body .datatable-group-header {
149
- background: #f5f5f5;
150
- border-bottom: solid 1px #d9d8d9;
151
- border-top: solid 1px #d9d8d9; }
152
- .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
153
- text-align: left;
154
- padding: 0.9rem 1.2rem;
155
- vertical-align: top;
156
- border-top: 0;
157
- color: rgba(0, 0, 0, 0.87);
158
- transition: width 0.3s ease;
159
- font-size: 14px;
160
- font-weight: 400; }
161
- .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
162
- text-align: left;
163
- padding: 0.9rem 1.2rem;
164
- vertical-align: top;
165
- border-top: 0;
166
- color: rgba(0, 0, 0, 0.87);
167
- transition: width 0.3s ease;
168
- font-size: 14px;
169
- font-weight: 400; }
170
- .ngx-datatable.material .datatable-body .progress-linear {
171
- display: block;
172
- position: relative;
173
- width: 100%;
174
- height: 5px;
175
- padding: 0;
176
- margin: 0;
177
- position: absolute; }
178
- .ngx-datatable.material .datatable-body .progress-linear .container {
145
+ .ngx-datatable.material .datatable-body {
146
+ position: relative; }
147
+ .ngx-datatable.material .datatable-body .datatable-row-detail {
148
+ background: #f5f5f5;
149
+ padding: 10px; }
150
+ .ngx-datatable.material .datatable-body .datatable-group-header {
151
+ background: #f5f5f5;
152
+ border-bottom: solid 1px #d9d8d9;
153
+ border-top: solid 1px #d9d8d9; }
154
+ .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
155
+ text-align: left;
156
+ padding: 0.9rem 1.2rem;
157
+ vertical-align: top;
158
+ border-top: 0;
159
+ color: rgba(0, 0, 0, 0.87);
160
+ transition: width 0.3s ease;
161
+ font-size: 14px;
162
+ font-weight: 400; }
163
+ .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
164
+ text-align: left;
165
+ padding: 0.9rem 1.2rem;
166
+ vertical-align: top;
167
+ border-top: 0;
168
+ color: rgba(0, 0, 0, 0.87);
169
+ transition: width 0.3s ease;
170
+ font-size: 14px;
171
+ font-weight: 400; }
172
+ .ngx-datatable.material .datatable-body .progress-linear {
179
173
  display: block;
180
- position: relative;
181
- overflow: hidden;
174
+ position: sticky;
182
175
  width: 100%;
183
176
  height: 5px;
184
- -webkit-transform: translate(0, 0) scale(1, 1);
185
- transform: translate(0, 0) scale(1, 1);
186
- background-color: #aad1f9; }
187
- .ngx-datatable.material .datatable-body .progress-linear .container .bar {
188
- transition: all 0.2s linear;
189
- -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
190
- animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
191
- transition: -webkit-transform 0.2s linear;
192
- transition: transform 0.2s linear;
193
- background-color: #106cc8;
194
- position: absolute;
195
- left: 0;
196
- top: 0;
197
- bottom: 0;
177
+ padding: 0;
178
+ margin: 0;
179
+ top: 0; }
180
+ .ngx-datatable.material .datatable-body .progress-linear .container {
181
+ display: block;
182
+ position: relative;
183
+ overflow: hidden;
198
184
  width: 100%;
199
- height: 5px; }
185
+ height: 5px;
186
+ -webkit-transform: translate(0, 0) scale(1, 1);
187
+ transform: translate(0, 0) scale(1, 1);
188
+ background-color: #aad1f9; }
189
+ .ngx-datatable.material .datatable-body .progress-linear .container .bar {
190
+ transition: all 0.2s linear;
191
+ -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
192
+ animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
193
+ transition: -webkit-transform 0.2s linear;
194
+ transition: transform 0.2s linear;
195
+ background-color: #106cc8;
196
+ position: absolute;
197
+ left: 0;
198
+ top: 0;
199
+ bottom: 0;
200
+ width: 100%;
201
+ height: 5px; }
200
202
  .ngx-datatable.material .datatable-footer {
201
203
  border-top: 1px solid rgba(0, 0, 0, 0.12);
202
204
  font-size: 12px;
package/themes/material.scss CHANGED
@@ -251,6 +251,8 @@ $datatable-summary-row-background-hover: #ddd !default;
251
251
  * Body Styles
252
252
  */
253
253
  .datatable-body {
254
+ position: relative;
255
+
254
256
  .datatable-row-detail {
255
257
  background: $datatable-row-detail-background;
256
258
  padding: 10px;
@@ -292,12 +294,12 @@ $datatable-summary-row-background-hover: #ddd !default;
292
294
 
293
295
  .progress-linear {
294
296
  display: block;
295
- position: relative;
297
+ position: sticky;
296
298
  width: 100%;
297
299
  height: 5px;
298
300
  padding: 0;
299
301
  margin: 0;
300
- position: absolute;
302
+ top: 0;
301
303
 
302
304
  .container {
303
305
  display: block;