@swimlane/ngx-datatable 21.1.0 → 22.0.0-alpha.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 (66) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/assets/app.css +0 -2
  3. package/fesm2022/swimlane-ngx-datatable.mjs +1173 -1683
  4. package/fesm2022/swimlane-ngx-datatable.mjs.map +1 -1
  5. package/index.css +1 -247
  6. package/index.d.ts +1678 -3
  7. package/index.scss +1 -319
  8. package/package.json +4 -4
  9. package/themes/bootstrap.css +5 -0
  10. package/themes/bootstrap.scss +7 -0
  11. package/themes/dark.css +5 -1
  12. package/themes/dark.scss +6 -1
  13. package/themes/material.css +5 -17
  14. package/themes/material.scss +6 -17
  15. package/lib/components/body/body-cell.component.d.ts +0 -73
  16. package/lib/components/body/body-group-header-template.directive.d.ts +0 -7
  17. package/lib/components/body/body-group-header.directive.d.ts +0 -34
  18. package/lib/components/body/body-row-def.component.d.ts +0 -34
  19. package/lib/components/body/body-row-wrapper.component.d.ts +0 -44
  20. package/lib/components/body/body-row.component.d.ts +0 -47
  21. package/lib/components/body/body.component.d.ts +0 -231
  22. package/lib/components/body/ghost-loader/ghost-loader.component.d.ts +0 -12
  23. package/lib/components/body/progress-bar.component.d.ts +0 -5
  24. package/lib/components/body/scroller.component.d.ts +0 -24
  25. package/lib/components/body/selection.component.d.ts +0 -28
  26. package/lib/components/body/summary/summary-row.component.d.ts +0 -24
  27. package/lib/components/columns/column-cell.directive.d.ts +0 -9
  28. package/lib/components/columns/column-ghost-cell.directive.d.ts +0 -6
  29. package/lib/components/columns/column-header.directive.d.ts +0 -7
  30. package/lib/components/columns/column.directive.d.ts +0 -68
  31. package/lib/components/columns/tree.directive.d.ts +0 -7
  32. package/lib/components/datatable.component.d.ts +0 -591
  33. package/lib/components/footer/footer-template.directive.d.ts +0 -7
  34. package/lib/components/footer/footer.component.d.ts +0 -23
  35. package/lib/components/footer/footer.directive.d.ts +0 -18
  36. package/lib/components/footer/pager.component.d.ts +0 -30
  37. package/lib/components/header/header-cell.component.d.ts +0 -52
  38. package/lib/components/header/header.component.d.ts +0 -75
  39. package/lib/components/row-detail/row-detail-template.directive.d.ts +0 -7
  40. package/lib/components/row-detail/row-detail.directive.d.ts +0 -31
  41. package/lib/directives/disable-row.directive.d.ts +0 -22
  42. package/lib/directives/draggable.directive.d.ts +0 -38
  43. package/lib/directives/long-press.directive.d.ts +0 -39
  44. package/lib/directives/orderable.directive.d.ts +0 -34
  45. package/lib/directives/resizeable.directive.d.ts +0 -25
  46. package/lib/directives/visibility.directive.d.ts +0 -26
  47. package/lib/ngx-datatable.module.d.ts +0 -50
  48. package/lib/services/column-changes.service.d.ts +0 -13
  49. package/lib/services/scrollbar-helper.service.d.ts +0 -12
  50. package/lib/types/internal.types.d.ts +0 -31
  51. package/lib/types/public.types.d.ts +0 -142
  52. package/lib/types/table-column.type.d.ts +0 -163
  53. package/lib/utils/camel-case.d.ts +0 -10
  54. package/lib/utils/column-helper.d.ts +0 -11
  55. package/lib/utils/column-prop-getters.d.ts +0 -29
  56. package/lib/utils/column.d.ts +0 -19
  57. package/lib/utils/id.d.ts +0 -5
  58. package/lib/utils/keys.d.ts +0 -8
  59. package/lib/utils/math.d.ts +0 -30
  60. package/lib/utils/row-height-cache.d.ts +0 -52
  61. package/lib/utils/selection.d.ts +0 -2
  62. package/lib/utils/sort.d.ts +0 -17
  63. package/lib/utils/table-token.d.ts +0 -7
  64. package/lib/utils/throttle.d.ts +0 -17
  65. package/lib/utils/tree.d.ts +0 -40
  66. package/public-api.d.ts +0 -48
package/index.css CHANGED
@@ -1,253 +1,7 @@
1
- .ngx-datatable {
1
+ :host {
2
2
  display: block;
3
3
  overflow: hidden;
4
4
  justify-content: center;
5
5
  position: relative;
6
6
  transform: translate3d(0, 0, 0);
7
- /**
8
- * Vertical Scrolling Adjustments
9
- */
10
- /**
11
- * Horizontal Scrolling Adjustments
12
- */
13
- /**
14
- * Fixed Header Height Adjustments
15
- */
16
- /**
17
- * Fixed row height adjustments
18
- */
19
- /**
20
- * Shared Styles
21
- */
22
- /**
23
- * Header Styles
24
- */
25
- /**
26
- * Body Styles
27
- */
28
- /**
29
- * Footer Styles
30
- */
31
- }
32
- .ngx-datatable [hidden] {
33
- display: none !important;
34
- }
35
- .ngx-datatable *,
36
- .ngx-datatable *:before,
37
- .ngx-datatable *:after {
38
- -moz-box-sizing: border-box;
39
- -webkit-box-sizing: border-box;
40
- box-sizing: border-box;
41
- }
42
- .ngx-datatable.scroll-vertical .datatable-body {
43
- overflow-y: auto;
44
- }
45
- .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
46
- position: absolute;
47
- }
48
- .ngx-datatable.scroll-horz .datatable-body {
49
- overflow-x: auto;
50
- -webkit-overflow-scrolling: touch;
51
- }
52
- .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
53
- white-space: nowrap;
54
- }
55
- .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
56
- white-space: nowrap;
57
- overflow: hidden;
58
- text-overflow: ellipsis;
59
- }
60
- .ngx-datatable.fixed-row .datatable-scroll {
61
- white-space: nowrap;
62
- }
63
- .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
64
- white-space: nowrap;
65
- }
66
- .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
67
- overflow: hidden;
68
- white-space: nowrap;
69
- text-overflow: ellipsis;
70
- }
71
- .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
72
- overflow: hidden;
73
- white-space: nowrap;
74
- text-overflow: ellipsis;
75
- }
76
- .ngx-datatable .datatable-body-row,
77
- .ngx-datatable .datatable-row-center,
78
- .ngx-datatable .datatable-header-inner {
79
- display: -webkit-box;
80
- display: -moz-box;
81
- display: -ms-flexbox;
82
- display: -webkit-flex;
83
- display: flex;
84
- flex-direction: row;
85
- -webkit-flex-flow: row;
86
- -moz-flex-flow: row;
87
- -ms-flex-flow: row;
88
- -o-flex-flow: row;
89
- flex-flow: row;
90
- }
91
- .ngx-datatable .datatable-body-cell,
92
- .ngx-datatable .datatable-header-cell {
93
- overflow-x: hidden;
94
- vertical-align: top;
95
- display: inline-block;
96
- line-height: 1.625;
97
- }
98
- .ngx-datatable .datatable-body-cell:focus,
99
- .ngx-datatable .datatable-header-cell:focus {
100
- outline: none;
101
- }
102
- .ngx-datatable .datatable-row-left,
103
- .ngx-datatable .datatable-row-right,
104
- .ngx-datatable .datatable-group-header {
105
- z-index: 9;
106
- position: sticky !important;
107
- }
108
- .ngx-datatable .datatable-row-left,
109
- .ngx-datatable .datatable-group-header {
110
- left: 0;
111
- }
112
- .ngx-datatable .datatable-row-right {
113
- right: 0;
114
- }
115
- .ngx-datatable .datatable-row-center,
116
- .ngx-datatable .datatable-row-group {
117
- position: relative;
118
- }
119
- .ngx-datatable .datatable-header {
120
- display: block;
121
- overflow: hidden;
122
- }
123
- .ngx-datatable .datatable-header .datatable-header-inner {
124
- align-items: stretch;
125
- -webkit-align-items: stretch;
126
- }
127
- .ngx-datatable .datatable-header .datatable-header-cell {
128
- position: relative;
129
- display: inline-block;
130
- }
131
- .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
132
- cursor: pointer;
133
- }
134
- .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
135
- cursor: move;
136
- }
137
- .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
138
- line-height: 100%;
139
- vertical-align: middle;
140
- display: inline-block;
141
- cursor: pointer;
142
- }
143
- .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
144
- .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
145
- display: inline-block;
146
- position: absolute;
147
- right: 0;
148
- top: 0;
149
- bottom: 0;
150
- width: 5px;
151
- padding: 0 4px;
152
- visibility: hidden;
153
- }
154
- .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
155
- cursor: ew-resize;
156
- }
157
- .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
158
- visibility: visible;
159
- }
160
- .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
161
- visibility: visible;
162
- }
163
- .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
164
- position: absolute;
165
- top: 0;
166
- bottom: 0;
167
- }
168
- .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
169
- right: 0;
170
- }
171
- .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
172
- left: 0;
173
- }
174
- .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
175
- height: inherit;
176
- }
177
- .ngx-datatable .datatable-body {
178
- position: relative;
179
- z-index: 10;
180
- display: block;
181
- overflow: hidden;
182
- }
183
- .ngx-datatable .datatable-body .datatable-scroll {
184
- display: inline-block;
185
- }
186
- .ngx-datatable .datatable-body .datatable-row-detail {
187
- overflow-y: hidden;
188
- }
189
- .ngx-datatable .datatable-body .datatable-row-wrapper {
190
- display: -webkit-box;
191
- display: -moz-box;
192
- display: -ms-flexbox;
193
- display: -webkit-flex;
194
- display: flex;
195
- -webkit-box-orient: vertical;
196
- -webkit-box-direction: normal;
197
- -webkit-flex-direction: column;
198
- -moz-box-orient: vertical;
199
- -moz-box-direction: normal;
200
- -ms-flex-direction: column;
201
- flex-direction: column;
202
- }
203
- .ngx-datatable .datatable-body .datatable-body-row {
204
- outline: none;
205
- }
206
- .ngx-datatable .datatable-body .datatable-body-row > div {
207
- display: -webkit-box;
208
- display: -moz-box;
209
- display: -ms-flexbox;
210
- display: -webkit-flex;
211
- display: flex;
212
- }
213
- .ngx-datatable .datatable-footer {
214
- display: block;
215
- width: 100%;
216
- overflow: auto;
217
- }
218
- .ngx-datatable .datatable-footer .datatable-footer-inner {
219
- display: flex;
220
- align-items: center;
221
- width: 100%;
222
- }
223
- .ngx-datatable .datatable-footer .selected-count .page-count {
224
- flex: 1 1 40%;
225
- }
226
- .ngx-datatable .datatable-footer .selected-count .datatable-pager {
227
- flex: 1 1 60%;
228
- }
229
- .ngx-datatable .datatable-footer .page-count {
230
- flex: 1 1 20%;
231
- }
232
- .ngx-datatable .datatable-footer .datatable-pager {
233
- flex: 1 1 80%;
234
- text-align: right;
235
- }
236
- .ngx-datatable .datatable-footer .datatable-pager .pager,
237
- .ngx-datatable .datatable-footer .datatable-pager .pager li {
238
- padding: 0;
239
- margin: 0;
240
- display: inline-block;
241
- list-style: none;
242
- }
243
- .ngx-datatable .datatable-footer .datatable-pager .pager li,
244
- .ngx-datatable .datatable-footer .datatable-pager .pager li a {
245
- outline: none;
246
- }
247
- .ngx-datatable .datatable-footer .datatable-pager .pager li a {
248
- cursor: pointer;
249
- display: inline-block;
250
- }
251
- .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
252
- cursor: not-allowed;
253
7
  }