@swimlane/ngx-datatable 20.0.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 (148) hide show
  1. package/fesm2022/swimlane-ngx-datatable.mjs +6842 -0
  2. package/fesm2022/swimlane-ngx-datatable.mjs.map +1 -0
  3. package/{swimlane-ngx-datatable.d.ts → index.d.ts} +1 -0
  4. package/lib/components/body/body-cell.component.d.ts +29 -21
  5. package/lib/components/body/body-group-header-template.directive.d.ts +5 -3
  6. package/lib/components/body/body-group-header.directive.d.ts +15 -7
  7. package/lib/components/body/body-row-def.component.d.ts +34 -0
  8. package/lib/components/body/body-row-wrapper.component.d.ts +35 -20
  9. package/lib/components/body/body-row.component.d.ts +29 -32
  10. package/lib/components/body/body.component.d.ts +89 -67
  11. package/lib/components/body/ghost-loader/ghost-loader.component.d.ts +12 -0
  12. package/lib/components/body/progress-bar.component.d.ts +3 -0
  13. package/lib/components/body/scroller.component.d.ts +6 -6
  14. package/lib/components/body/selection.component.d.ts +22 -23
  15. package/lib/components/body/summary/summary-row.component.d.ts +6 -2
  16. package/lib/components/columns/column-cell.directive.d.ts +6 -2
  17. package/lib/components/columns/column-ghost-cell.directive.d.ts +6 -0
  18. package/lib/components/columns/column-header.directive.d.ts +5 -3
  19. package/lib/components/columns/column.directive.d.ts +44 -16
  20. package/lib/components/columns/tree.directive.d.ts +3 -1
  21. package/lib/components/datatable.component.d.ts +143 -74
  22. package/lib/components/footer/footer-template.directive.d.ts +5 -3
  23. package/lib/components/footer/footer.component.d.ts +5 -1
  24. package/lib/components/footer/footer.directive.d.ts +8 -3
  25. package/lib/components/footer/pager.component.d.ts +8 -3
  26. package/lib/components/header/header-cell.component.d.ts +20 -17
  27. package/lib/components/header/header.component.d.ts +43 -35
  28. package/lib/components/row-detail/row-detail-template.directive.d.ts +5 -3
  29. package/lib/components/row-detail/row-detail.directive.d.ts +10 -6
  30. package/lib/directives/disable-row.directive.d.ts +22 -0
  31. package/lib/directives/draggable.directive.d.ts +13 -7
  32. package/lib/directives/long-press.directive.d.ts +18 -4
  33. package/lib/directives/orderable.directive.d.ts +23 -9
  34. package/lib/directives/resizeable.directive.d.ts +9 -4
  35. package/lib/directives/visibility.directive.d.ts +4 -2
  36. package/lib/ngx-datatable.module.d.ts +33 -1
  37. package/lib/services/column-changes.service.d.ts +4 -1
  38. package/lib/services/scrollbar-helper.service.d.ts +3 -1
  39. package/lib/types/internal.types.d.ts +31 -0
  40. package/lib/types/public.types.d.ts +142 -0
  41. package/lib/types/table-column.type.d.ts +39 -66
  42. package/lib/utils/column-helper.d.ts +2 -2
  43. package/lib/utils/column-prop-getters.d.ts +1 -1
  44. package/lib/utils/column.d.ts +7 -14
  45. package/lib/utils/keys.d.ts +6 -6
  46. package/lib/utils/math.d.ts +4 -3
  47. package/lib/utils/selection.d.ts +2 -2
  48. package/lib/utils/sort.d.ts +5 -5
  49. package/lib/utils/table-token.d.ts +7 -0
  50. package/lib/utils/tree.d.ts +2 -2
  51. package/package.json +16 -12
  52. package/public-api.d.ts +4 -11
  53. package/LICENSE +0 -22
  54. package/README.md +0 -47
  55. package/assets/app.css +0 -302
  56. package/assets/data/100k.json +0 -100002
  57. package/assets/data/company.json +0 -505
  58. package/assets/data/company_tree.json +0 -61
  59. package/assets/data/forRowGrouping.json +0 -227
  60. package/assets/fonts/data-table.eot +0 -0
  61. package/assets/fonts/data-table.svg +0 -26
  62. package/assets/fonts/data-table.ttf +0 -0
  63. package/assets/fonts/data-table.woff +0 -0
  64. package/assets/icons-reference.html +0 -395
  65. package/assets/icons.css +0 -105
  66. package/bundles/swimlane-ngx-datatable.umd.js +0 -5900
  67. package/bundles/swimlane-ngx-datatable.umd.js.map +0 -1
  68. package/esm2015/lib/components/body/body-cell.component.js +0 -361
  69. package/esm2015/lib/components/body/body-group-header-template.directive.js +0 -15
  70. package/esm2015/lib/components/body/body-group-header.directive.js +0 -54
  71. package/esm2015/lib/components/body/body-row-wrapper.component.js +0 -106
  72. package/esm2015/lib/components/body/body-row.component.js +0 -213
  73. package/esm2015/lib/components/body/body.component.js +0 -716
  74. package/esm2015/lib/components/body/progress-bar.component.js +0 -17
  75. package/esm2015/lib/components/body/scroller.component.js +0 -83
  76. package/esm2015/lib/components/body/selection.component.js +0 -140
  77. package/esm2015/lib/components/body/summary/summary-row.component.js +0 -81
  78. package/esm2015/lib/components/columns/column-cell.directive.js +0 -13
  79. package/esm2015/lib/components/columns/column-header.directive.js +0 -13
  80. package/esm2015/lib/components/columns/column.directive.js +0 -65
  81. package/esm2015/lib/components/columns/tree.directive.js +0 -13
  82. package/esm2015/lib/components/datatable.component.js +0 -925
  83. package/esm2015/lib/components/footer/footer-template.directive.js +0 -13
  84. package/esm2015/lib/components/footer/footer.component.js +0 -75
  85. package/esm2015/lib/components/footer/footer.directive.js +0 -22
  86. package/esm2015/lib/components/footer/pager.component.js +0 -136
  87. package/esm2015/lib/components/header/header-cell.component.js +0 -191
  88. package/esm2015/lib/components/header/header.component.js +0 -297
  89. package/esm2015/lib/components/row-detail/row-detail-template.directive.js +0 -15
  90. package/esm2015/lib/components/row-detail/row-detail.directive.js +0 -55
  91. package/esm2015/lib/directives/draggable.directive.js +0 -102
  92. package/esm2015/lib/directives/long-press.directive.js +0 -103
  93. package/esm2015/lib/directives/orderable.directive.js +0 -131
  94. package/esm2015/lib/directives/resizeable.directive.js +0 -89
  95. package/esm2015/lib/directives/visibility.directive.js +0 -62
  96. package/esm2015/lib/events.js +0 -7
  97. package/esm2015/lib/ngx-datatable.module.js +0 -96
  98. package/esm2015/lib/services/column-changes.service.js +0 -21
  99. package/esm2015/lib/services/dimensions-helper.service.js +0 -14
  100. package/esm2015/lib/services/scrollbar-helper.service.js +0 -34
  101. package/esm2015/lib/types/click.type.js +0 -6
  102. package/esm2015/lib/types/column-mode.type.js +0 -7
  103. package/esm2015/lib/types/contextmenu.type.js +0 -6
  104. package/esm2015/lib/types/selection.type.js +0 -9
  105. package/esm2015/lib/types/sort-direction.type.js +0 -6
  106. package/esm2015/lib/types/sort-prop-dir.type.js +0 -2
  107. package/esm2015/lib/types/sort.type.js +0 -6
  108. package/esm2015/lib/types/table-column.type.js +0 -2
  109. package/esm2015/lib/utils/camel-case.js +0 -28
  110. package/esm2015/lib/utils/column-helper.js +0 -95
  111. package/esm2015/lib/utils/column-prop-getters.js +0 -96
  112. package/esm2015/lib/utils/column.js +0 -69
  113. package/esm2015/lib/utils/elm-from-point.js +0 -38
  114. package/esm2015/lib/utils/id.js +0 -8
  115. package/esm2015/lib/utils/keys.js +0 -10
  116. package/esm2015/lib/utils/math.js +0 -146
  117. package/esm2015/lib/utils/prefixes.js +0 -40
  118. package/esm2015/lib/utils/row-height-cache.js +0 -138
  119. package/esm2015/lib/utils/selection.js +0 -40
  120. package/esm2015/lib/utils/sort.js +0 -127
  121. package/esm2015/lib/utils/throttle.js +0 -60
  122. package/esm2015/lib/utils/translate.js +0 -25
  123. package/esm2015/lib/utils/tree.js +0 -103
  124. package/esm2015/public-api.js +0 -64
  125. package/esm2015/swimlane-ngx-datatable.js +0 -5
  126. package/fesm2015/swimlane-ngx-datatable.js +0 -5218
  127. package/fesm2015/swimlane-ngx-datatable.js.map +0 -1
  128. package/index.css +0 -198
  129. package/index.scss +0 -315
  130. package/lib/events.d.ts +0 -3
  131. package/lib/services/dimensions-helper.service.d.ts +0 -7
  132. package/lib/types/click.type.d.ts +0 -4
  133. package/lib/types/column-mode.type.d.ts +0 -5
  134. package/lib/types/contextmenu.type.d.ts +0 -4
  135. package/lib/types/selection.type.d.ts +0 -7
  136. package/lib/types/sort-direction.type.d.ts +0 -4
  137. package/lib/types/sort-prop-dir.type.d.ts +0 -6
  138. package/lib/types/sort.type.d.ts +0 -4
  139. package/lib/utils/elm-from-point.d.ts +0 -8
  140. package/lib/utils/prefixes.d.ts +0 -1
  141. package/lib/utils/translate.d.ts +0 -1
  142. package/swimlane-ngx-datatable.metadata.json +0 -1
  143. package/themes/bootstrap.css +0 -67
  144. package/themes/bootstrap.scss +0 -101
  145. package/themes/dark.css +0 -75
  146. package/themes/dark.scss +0 -120
  147. package/themes/material.css +0 -305
  148. package/themes/material.scss +0 -480
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
- }