@swimlane/ngx-datatable 20.1.0 → 21.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 (145) hide show
  1. package/{fesm2020 → fesm2022}/swimlane-ngx-datatable.mjs +3404 -2536
  2. package/fesm2022/swimlane-ngx-datatable.mjs.map +1 -0
  3. package/lib/components/body/body-cell.component.d.ts +28 -23
  4. package/lib/components/body/body-group-header-template.directive.d.ts +3 -4
  5. package/lib/components/body/body-group-header.directive.d.ts +14 -9
  6. package/lib/components/body/body-row-def.component.d.ts +34 -0
  7. package/lib/components/body/body-row-wrapper.component.d.ts +34 -22
  8. package/lib/components/body/body-row.component.d.ts +28 -34
  9. package/lib/components/body/body.component.d.ts +88 -69
  10. package/lib/components/body/ghost-loader/ghost-loader.component.d.ts +12 -0
  11. package/lib/components/body/progress-bar.component.d.ts +1 -1
  12. package/lib/components/body/scroller.component.d.ts +4 -7
  13. package/lib/components/body/selection.component.d.ts +21 -25
  14. package/lib/components/body/summary/summary-row.component.d.ts +4 -3
  15. package/lib/components/columns/column-cell.directive.d.ts +4 -3
  16. package/lib/components/columns/column-ghost-cell.directive.d.ts +6 -0
  17. package/lib/components/columns/column-header.directive.d.ts +3 -4
  18. package/lib/components/columns/column.directive.d.ts +43 -18
  19. package/lib/components/columns/tree.directive.d.ts +1 -2
  20. package/lib/components/datatable.component.d.ts +142 -76
  21. package/lib/components/footer/footer-template.directive.d.ts +3 -4
  22. package/lib/components/footer/footer.component.d.ts +3 -2
  23. package/lib/components/footer/footer.directive.d.ts +6 -4
  24. package/lib/components/footer/pager.component.d.ts +6 -4
  25. package/lib/components/header/header-cell.component.d.ts +18 -18
  26. package/lib/components/header/header.component.d.ts +41 -36
  27. package/lib/components/row-detail/row-detail-template.directive.d.ts +3 -4
  28. package/lib/components/row-detail/row-detail.directive.d.ts +9 -8
  29. package/lib/directives/disable-row.directive.d.ts +22 -0
  30. package/lib/directives/draggable.directive.d.ts +11 -8
  31. package/lib/directives/long-press.directive.d.ts +16 -5
  32. package/lib/directives/orderable.directive.d.ts +21 -10
  33. package/lib/directives/resizeable.directive.d.ts +7 -5
  34. package/lib/directives/visibility.directive.d.ts +2 -3
  35. package/lib/ngx-datatable.module.d.ts +29 -30
  36. package/lib/services/scrollbar-helper.service.d.ts +0 -1
  37. package/lib/types/internal.types.d.ts +31 -0
  38. package/lib/types/public.types.d.ts +142 -0
  39. package/lib/types/table-column.type.d.ts +39 -66
  40. package/lib/utils/column-helper.d.ts +2 -2
  41. package/lib/utils/column-prop-getters.d.ts +1 -1
  42. package/lib/utils/column.d.ts +7 -14
  43. package/lib/utils/keys.d.ts +6 -6
  44. package/lib/utils/math.d.ts +4 -3
  45. package/lib/utils/selection.d.ts +2 -2
  46. package/lib/utils/sort.d.ts +5 -5
  47. package/lib/utils/table-token.d.ts +7 -0
  48. package/lib/utils/tree.d.ts +2 -2
  49. package/package.json +9 -17
  50. package/public-api.d.ts +4 -11
  51. package/LICENSE +0 -22
  52. package/README.md +0 -47
  53. package/assets/app.css +0 -302
  54. package/assets/data/100k.json +0 -100002
  55. package/assets/data/company.json +0 -505
  56. package/assets/data/company_tree.json +0 -61
  57. package/assets/data/forRowGrouping.json +0 -227
  58. package/assets/fonts/data-table.eot +0 -0
  59. package/assets/fonts/data-table.svg +0 -26
  60. package/assets/fonts/data-table.ttf +0 -0
  61. package/assets/fonts/data-table.woff +0 -0
  62. package/assets/icons-reference.html +0 -395
  63. package/assets/icons.css +0 -105
  64. package/esm2020/lib/components/body/body-cell.component.mjs +0 -432
  65. package/esm2020/lib/components/body/body-group-header-template.directive.mjs +0 -16
  66. package/esm2020/lib/components/body/body-group-header.directive.mjs +0 -62
  67. package/esm2020/lib/components/body/body-row-wrapper.component.mjs +0 -140
  68. package/esm2020/lib/components/body/body-row.component.mjs +0 -262
  69. package/esm2020/lib/components/body/body.component.mjs +0 -863
  70. package/esm2020/lib/components/body/progress-bar.component.mjs +0 -27
  71. package/esm2020/lib/components/body/scroller.component.mjs +0 -91
  72. package/esm2020/lib/components/body/selection.component.mjs +0 -150
  73. package/esm2020/lib/components/body/summary/summary-row.component.mjs +0 -105
  74. package/esm2020/lib/components/columns/column-cell.directive.mjs +0 -14
  75. package/esm2020/lib/components/columns/column-header.directive.mjs +0 -14
  76. package/esm2020/lib/components/columns/column.directive.mjs +0 -98
  77. package/esm2020/lib/components/columns/tree.directive.mjs +0 -14
  78. package/esm2020/lib/components/datatable.component.mjs +0 -1008
  79. package/esm2020/lib/components/footer/footer-template.directive.mjs +0 -14
  80. package/esm2020/lib/components/footer/footer.component.mjs +0 -128
  81. package/esm2020/lib/components/footer/footer.directive.mjs +0 -35
  82. package/esm2020/lib/components/footer/pager.component.mjs +0 -181
  83. package/esm2020/lib/components/header/header-cell.component.mjs +0 -243
  84. package/esm2020/lib/components/header/header.component.mjs +0 -376
  85. package/esm2020/lib/components/row-detail/row-detail-template.directive.mjs +0 -16
  86. package/esm2020/lib/components/row-detail/row-detail.directive.mjs +0 -63
  87. package/esm2020/lib/directives/draggable.directive.mjs +0 -108
  88. package/esm2020/lib/directives/long-press.directive.mjs +0 -117
  89. package/esm2020/lib/directives/orderable.directive.mjs +0 -136
  90. package/esm2020/lib/directives/resizeable.directive.mjs +0 -93
  91. package/esm2020/lib/directives/visibility.directive.mjs +0 -63
  92. package/esm2020/lib/events.mjs +0 -7
  93. package/esm2020/lib/ngx-datatable.module.mjs +0 -139
  94. package/esm2020/lib/services/column-changes.service.mjs +0 -24
  95. package/esm2020/lib/services/dimensions-helper.service.mjs +0 -17
  96. package/esm2020/lib/services/scrollbar-helper.service.mjs +0 -37
  97. package/esm2020/lib/types/click.type.mjs +0 -6
  98. package/esm2020/lib/types/column-mode.type.mjs +0 -7
  99. package/esm2020/lib/types/contextmenu.type.mjs +0 -6
  100. package/esm2020/lib/types/selection.type.mjs +0 -9
  101. package/esm2020/lib/types/sort-direction.type.mjs +0 -6
  102. package/esm2020/lib/types/sort-prop-dir.type.mjs +0 -2
  103. package/esm2020/lib/types/sort.type.mjs +0 -6
  104. package/esm2020/lib/types/table-column.type.mjs +0 -2
  105. package/esm2020/lib/utils/camel-case.mjs +0 -28
  106. package/esm2020/lib/utils/column-helper.mjs +0 -95
  107. package/esm2020/lib/utils/column-prop-getters.mjs +0 -96
  108. package/esm2020/lib/utils/column.mjs +0 -69
  109. package/esm2020/lib/utils/elm-from-point.mjs +0 -38
  110. package/esm2020/lib/utils/id.mjs +0 -8
  111. package/esm2020/lib/utils/keys.mjs +0 -10
  112. package/esm2020/lib/utils/math.mjs +0 -146
  113. package/esm2020/lib/utils/prefixes.mjs +0 -38
  114. package/esm2020/lib/utils/row-height-cache.mjs +0 -138
  115. package/esm2020/lib/utils/selection.mjs +0 -40
  116. package/esm2020/lib/utils/sort.mjs +0 -127
  117. package/esm2020/lib/utils/throttle.mjs +0 -60
  118. package/esm2020/lib/utils/translate.mjs +0 -25
  119. package/esm2020/lib/utils/tree.mjs +0 -103
  120. package/esm2020/public-api.mjs +0 -64
  121. package/esm2020/swimlane-ngx-datatable.mjs +0 -5
  122. package/fesm2015/swimlane-ngx-datatable.mjs +0 -5979
  123. package/fesm2015/swimlane-ngx-datatable.mjs.map +0 -1
  124. package/fesm2020/swimlane-ngx-datatable.mjs.map +0 -1
  125. package/index.css +0 -198
  126. package/index.scss +0 -315
  127. package/lib/events.d.ts +0 -3
  128. package/lib/services/dimensions-helper.service.d.ts +0 -10
  129. package/lib/types/click.type.d.ts +0 -4
  130. package/lib/types/column-mode.type.d.ts +0 -5
  131. package/lib/types/contextmenu.type.d.ts +0 -4
  132. package/lib/types/selection.type.d.ts +0 -7
  133. package/lib/types/sort-direction.type.d.ts +0 -4
  134. package/lib/types/sort-prop-dir.type.d.ts +0 -6
  135. package/lib/types/sort.type.d.ts +0 -4
  136. package/lib/utils/elm-from-point.d.ts +0 -8
  137. package/lib/utils/prefixes.d.ts +0 -1
  138. package/lib/utils/translate.d.ts +0 -1
  139. package/themes/bootstrap.css +0 -67
  140. package/themes/bootstrap.scss +0 -101
  141. package/themes/dark.css +0 -75
  142. package/themes/dark.scss +0 -120
  143. package/themes/material.css +0 -305
  144. package/themes/material.scss +0 -480
  145. /package/{swimlane-ngx-datatable.d.ts → index.d.ts} +0 -0
package/assets/app.css DELETED
@@ -1,302 +0,0 @@
1
- body {
2
- font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
3
- text-align: left;
4
- font-style: normal;
5
- font-weight: 300;
6
- font-size: 16px;
7
- line-height: 2rem;
8
- letter-spacing: 0.01rem;
9
- color: #212121;
10
- background-color: #fafafa;
11
- -webkit-font-smoothing: antialiased;
12
- -moz-osx-font-smoothing: grayscale;
13
- text-rendering: optimizeLegibility;
14
- margin: 0;
15
- position: relative;
16
- }
17
-
18
- .ngx-datatable,
19
- .info {
20
- text-align: left;
21
- width: 75%;
22
- margin: 0 auto;
23
- }
24
-
25
- .info {
26
- box-sizing: border-box;
27
- padding: 0 1em;
28
- border: solid 1px #ccc;
29
- background: white;
30
- font-size: 0.8em;
31
- margin-bottom: 1em;
32
- }
33
-
34
- .ngx-datatable.scroll-vertical {
35
- height: 70vh;
36
- }
37
-
38
- .selected-column {
39
- background: #fff;
40
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
41
- -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
42
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
43
- }
44
-
45
- .group {
46
- position: relative;
47
- margin-bottom: 45px;
48
- }
49
-
50
- input[type='text'] {
51
- font-size: 14px;
52
- display: block;
53
- background: transparent;
54
- width: 100%;
55
- border: none;
56
- border-bottom: 1px solid #5264ae;
57
- }
58
-
59
- textarea {
60
- font-size: 14px;
61
- font-family: sans-serif;
62
- display: block;
63
- background: transparent;
64
- width: 100%;
65
- border: none;
66
- border-bottom: 1px solid #5264ae;
67
- resize: vertical;
68
- }
69
-
70
- input:focus {
71
- outline: none;
72
- }
73
-
74
- a {
75
- color: grey;
76
- text-decoration: none;
77
- }
78
-
79
- .expander-btn {
80
- margin-top: 8px;
81
- display: block;
82
- }
83
-
84
- h3 {
85
- background: #1f89ff;
86
- margin: 0 0 30px 0;
87
- color: #fff;
88
- text-align: left;
89
- padding: 10px;
90
- overflow: hidden;
91
- height: 32px;
92
- }
93
-
94
- h3 a {
95
- color: #ccc;
96
- }
97
-
98
- h3 small {
99
- margin-left: 10px;
100
- font-size: 0.8rem;
101
- }
102
-
103
- .fullscreen {
104
- position: absolute !important;
105
- height: auto !important;
106
- top: 0;
107
- left: 0;
108
- right: 0;
109
- bottom: 0;
110
- width: 100%;
111
- }
112
-
113
- .selection-cell .datatable-body-cell.active {
114
- background: #0829e0 !important;
115
- color: #fff !important;
116
- }
117
-
118
- .selected-column {
119
- float: right;
120
- width: 20%;
121
- margin-right: 20px;
122
- text-align: left;
123
- }
124
-
125
- .selected-column h4 {
126
- text-align: center;
127
- margin: 10px 0 0 0;
128
- padding: 0;
129
- }
130
-
131
- ul,
132
- li {
133
- padding: 0;
134
- margin: 0;
135
- list-style: none;
136
- }
137
-
138
- ul {
139
- margin: 10px;
140
- }
141
-
142
- li {
143
- padding: 3px 5px;
144
- }
145
-
146
- nav {
147
- background: #fff;
148
- z-index: 99;
149
- top: 0;
150
- left: 0;
151
- bottom: 0;
152
- width: 200px;
153
- position: fixed;
154
- overflow-y: auto;
155
- font-size: 14px;
156
- box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
157
- }
158
-
159
- nav ul {
160
- margin: 0 8px !important;
161
- }
162
-
163
- nav li {
164
- padding: 0;
165
- }
166
-
167
- nav h3 {
168
- font-size: 14px;
169
- margin: 0 0 10px 0;
170
- }
171
-
172
- nav h4 {
173
- margin: 7px 0 0 0;
174
- }
175
-
176
- nav h4 a {
177
- color: #000;
178
- }
179
-
180
- content {
181
- margin-left: 200px;
182
- height: 100vh;
183
- display: block;
184
- position: relative;
185
- padding-bottom: 0px;
186
- }
187
-
188
- content h3 {
189
- padding-left: 35px;
190
- }
191
-
192
- .main-ul {
193
- margin-left: 15px !important;
194
- display: block;
195
- }
196
-
197
- .github-button-wrap {
198
- position: absolute;
199
- top: 10px;
200
- right: 10px;
201
- }
202
-
203
- nav h3 small {
204
- font-size: 0.7rem;
205
- display: inline-block;
206
- margin-left: 0;
207
- }
208
-
209
- select {
210
- width: 100%;
211
- height: 30px;
212
- margin: 5px 0;
213
- }
214
-
215
- .age-is-ten {
216
- background: #ffc91f;
217
- }
218
-
219
- .is-gender {
220
- background: blue;
221
- color: white;
222
- }
223
-
224
- .is-female {
225
- background: pink;
226
- }
227
-
228
- .dark {
229
- background: #181b24;
230
- }
231
-
232
- .dark nav {
233
- background: #232837;
234
- }
235
-
236
- .dark nav a {
237
- color: #fff;
238
- }
239
-
240
- .dark nav h4 {
241
- color: #72809b;
242
- }
243
-
244
- .expectedpayment + label:before {
245
- border: 1px solid #7f83a2;
246
- content: '\00a0';
247
- display: inline-block;
248
- font: 16px/1em sans-serif;
249
- height: 16px;
250
- margin: 0 0.25em 0 0;
251
- padding: 0;
252
- vertical-align: top;
253
- width: 16px;
254
- }
255
-
256
- .expectedpayment2 + label:before {
257
- border: 1px solid #7f83a2;
258
- content: '\00a0';
259
- display: inline-block;
260
- font: 16px/1em sans-serif;
261
- height: 16px;
262
- margin: 0 0.25em 0 0;
263
- padding: 0;
264
- vertical-align: top;
265
- width: 16px;
266
- }
267
-
268
- .expectedpayment3 + label:before {
269
- border: 1px solid #7f83a2;
270
- content: '\00a0';
271
- display: inline-block;
272
- font: 16px/1em sans-serif;
273
- height: 16px;
274
- margin: 0 0.25em 0 0;
275
- padding: 0;
276
- vertical-align: top;
277
- width: 16px;
278
- }
279
-
280
- .expectedpayment:checked + label:before {
281
- color: #eee;
282
- content: '\2713';
283
- text-align: center;
284
- font-weight: bold;
285
- background-color: #66bb6a;
286
- }
287
-
288
- .expectedpayment2:checked + label:before {
289
- color: #eee;
290
- content: '\2716';
291
- text-align: center;
292
- font-weight: bold;
293
- background-color: #ff1744;
294
- }
295
-
296
- .expectedpayment3:checked + label:before {
297
- color: #eee;
298
- content: '\003F';
299
- text-align: center;
300
- font-weight: bold;
301
- background-color: #ffeb3b;
302
- }