datatables.net-bs4 1.13.8 → 2.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 (13) hide show
  1. package/css/dataTables.bootstrap4.css +205 -147
  2. package/css/dataTables.bootstrap4.min.css +1 -1
  3. package/js/dataTables.bootstrap4.js +65 -119
  4. package/js/dataTables.bootstrap4.min.js +1 -1
  5. package/js/dataTables.bootstrap4.min.mjs +1 -1
  6. package/js/dataTables.bootstrap4.mjs +67 -121
  7. package/package.json +4 -5
  8. package/images/favicon.ico +0 -0
  9. package/images/sort_asc.png +0 -0
  10. package/images/sort_asc_disabled.png +0 -0
  11. package/images/sort_both.png +0 -0
  12. package/images/sort_desc.png +0 -0
  13. package/images/sort_desc_disabled.png +0 -0
package/css/dataTables.bootstrap4.css CHANGED
@@ -18,76 +18,124 @@ table.dataTable td.dt-control {
18
18
  }
19
19
  table.dataTable td.dt-control:before {
20
20
  display: inline-block;
21
- color: rgba(0, 0, 0, 0.5);
22
- content: "▶";
21
+ box-sizing: border-box;
22
+ content: "";
23
+ border-top: 5px solid transparent;
24
+ border-left: 10px solid rgba(0, 0, 0, 0.5);
25
+ border-bottom: 5px solid transparent;
26
+ border-right: 0px solid transparent;
23
27
  }
24
28
  table.dataTable tr.dt-hasChild td.dt-control:before {
25
- content: "▼";
29
+ border-top: 10px solid rgba(0, 0, 0, 0.5);
30
+ border-left: 5px solid transparent;
31
+ border-bottom: 0px solid transparent;
32
+ border-right: 5px solid transparent;
26
33
  }
27
34
 
28
- html.dark table.dataTable td.dt-control:before {
29
- color: rgba(255, 255, 255, 0.5);
35
+ html.dark table.dataTable td.dt-control:before,
36
+ :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
37
+ border-left-color: rgba(255, 255, 255, 0.5);
30
38
  }
31
- html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
32
- color: rgba(255, 255, 255, 0.5);
39
+ html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
40
+ :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
41
+ border-top-color: rgba(255, 255, 255, 0.5);
42
+ border-left-color: transparent;
33
43
  }
34
44
 
35
- table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
36
- table.dataTable thead > tr > td.sorting,
37
- table.dataTable thead > tr > td.sorting_asc,
38
- table.dataTable thead > tr > td.sorting_desc,
39
- table.dataTable thead > tr > td.sorting_asc_disabled,
40
- table.dataTable thead > tr > td.sorting_desc_disabled {
41
- cursor: pointer;
42
- position: relative;
43
- padding-right: 26px;
44
- }
45
- table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
46
- table.dataTable thead > tr > td.sorting:before,
47
- table.dataTable thead > tr > td.sorting:after,
48
- table.dataTable thead > tr > td.sorting_asc:before,
49
- table.dataTable thead > tr > td.sorting_asc:after,
50
- table.dataTable thead > tr > td.sorting_desc:before,
51
- table.dataTable thead > tr > td.sorting_desc:after,
52
- table.dataTable thead > tr > td.sorting_asc_disabled:before,
53
- table.dataTable thead > tr > td.sorting_asc_disabled:after,
54
- table.dataTable thead > tr > td.sorting_desc_disabled:before,
55
- table.dataTable thead > tr > td.sorting_desc_disabled:after {
45
+ div.dt-scroll-body thead tr,
46
+ div.dt-scroll-body tfoot tr {
47
+ height: 0;
48
+ }
49
+ div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
50
+ div.dt-scroll-body tfoot tr th,
51
+ div.dt-scroll-body tfoot tr td {
52
+ height: 0 !important;
53
+ padding-top: 0px !important;
54
+ padding-bottom: 0px !important;
55
+ border-top-width: 0px !important;
56
+ border-bottom-width: 0px !important;
57
+ }
58
+ div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
59
+ div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
60
+ div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
61
+ height: 0 !important;
62
+ overflow: hidden !important;
63
+ }
64
+
65
+ table.dataTable thead > tr > th:active,
66
+ table.dataTable thead > tr > td:active {
67
+ outline: none;
68
+ }
69
+ table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
70
+ table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
71
+ table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
56
72
  position: absolute;
57
73
  display: block;
58
- opacity: 0.125;
59
- right: 10px;
60
- line-height: 9px;
61
- font-size: 0.8em;
62
- }
63
- table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
64
- table.dataTable thead > tr > td.sorting:before,
65
- table.dataTable thead > tr > td.sorting_asc:before,
66
- table.dataTable thead > tr > td.sorting_desc:before,
67
- table.dataTable thead > tr > td.sorting_asc_disabled:before,
68
- table.dataTable thead > tr > td.sorting_desc_disabled:before {
69
74
  bottom: 50%;
70
75
  content: "▲";
71
76
  content: "▲"/"";
72
77
  }
73
- table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
74
- table.dataTable thead > tr > td.sorting:after,
75
- table.dataTable thead > tr > td.sorting_asc:after,
76
- table.dataTable thead > tr > td.sorting_desc:after,
77
- table.dataTable thead > tr > td.sorting_asc_disabled:after,
78
- table.dataTable thead > tr > td.sorting_desc_disabled:after {
78
+ table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
79
+ table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
80
+ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
81
+ position: absolute;
82
+ display: block;
79
83
  top: 50%;
80
84
  content: "▼";
81
85
  content: "▼"/"";
82
86
  }
83
- table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
84
- table.dataTable thead > tr > td.sorting_asc:before,
85
- table.dataTable thead > tr > td.sorting_desc:after {
87
+ table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
88
+ table.dataTable thead > tr > td.dt-orderable-asc,
89
+ table.dataTable thead > tr > td.dt-orderable-desc,
90
+ table.dataTable thead > tr > td.dt-ordering-asc,
91
+ table.dataTable thead > tr > td.dt-ordering-desc {
92
+ position: relative;
93
+ padding-right: 30px;
94
+ }
95
+ table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
96
+ table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
97
+ table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
98
+ table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
99
+ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
100
+ position: absolute;
101
+ right: 12px;
102
+ top: 0;
103
+ bottom: 0;
104
+ width: 12px;
105
+ }
106
+ table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
107
+ table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
108
+ table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
109
+ table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
110
+ table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
111
+ table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
112
+ table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
113
+ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
114
+ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
115
+ left: 0;
116
+ opacity: 0.125;
117
+ line-height: 9px;
118
+ font-size: 0.8em;
119
+ }
120
+ table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
121
+ table.dataTable thead > tr > td.dt-orderable-asc,
122
+ table.dataTable thead > tr > td.dt-orderable-desc {
123
+ cursor: pointer;
124
+ }
125
+ table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
126
+ table.dataTable thead > tr > td.dt-orderable-asc:hover,
127
+ table.dataTable thead > tr > td.dt-orderable-desc:hover {
128
+ outline: 2px solid rgba(0, 0, 0, 0.05);
129
+ outline-offset: -2px;
130
+ }
131
+ table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
132
+ table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
133
+ table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
86
134
  opacity: 0.6;
87
135
  }
88
- table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
89
- table.dataTable thead > tr > td.sorting_desc_disabled:after,
90
- table.dataTable thead > tr > td.sorting_asc_disabled:before {
136
+ table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
137
+ table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
138
+ table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
91
139
  display: none;
92
140
  }
93
141
  table.dataTable thead > tr > th:active,
@@ -95,52 +143,61 @@ table.dataTable thead > tr > td:active {
95
143
  outline: none;
96
144
  }
97
145
 
98
- div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
99
- div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
100
- div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
101
- display: none;
146
+ div.dt-scroll-body > table.dataTable > thead > tr > th,
147
+ div.dt-scroll-body > table.dataTable > thead > tr > td {
148
+ overflow: hidden;
149
+ }
150
+
151
+ :root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
152
+ :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
153
+ :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
154
+ :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
155
+ :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
156
+ :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
157
+ :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
158
+ outline: 2px solid rgba(255, 255, 255, 0.05);
102
159
  }
103
160
 
104
- div.dataTables_processing {
161
+ div.dt-processing {
105
162
  position: absolute;
106
163
  top: 50%;
107
164
  left: 50%;
108
165
  width: 200px;
109
166
  margin-left: -100px;
110
- margin-top: -26px;
167
+ margin-top: -22px;
111
168
  text-align: center;
112
169
  padding: 2px;
113
170
  z-index: 10;
114
171
  }
115
- div.dataTables_processing > div:last-child {
172
+ div.dt-processing > div:last-child {
116
173
  position: relative;
117
174
  width: 80px;
118
175
  height: 15px;
119
176
  margin: 1em auto;
120
177
  }
121
- div.dataTables_processing > div:last-child > div {
178
+ div.dt-processing > div:last-child > div {
122
179
  position: absolute;
123
180
  top: 0;
124
181
  width: 13px;
125
182
  height: 13px;
126
183
  border-radius: 50%;
127
- background: #0275d8;
184
+ background: rgb(2, 117, 216);
128
185
  background: rgb(var(--dt-row-selected));
129
186
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
130
187
  }
131
- div.dataTables_processing > div:last-child > div:nth-child(1) {
188
+ div.dt-processing > div:last-child > div:nth-child(1) {
132
189
  left: 8px;
133
190
  animation: datatables-loader-1 0.6s infinite;
134
191
  }
135
- div.dataTables_processing > div:last-child > div:nth-child(2) {
192
+ div.dt-processing > div:last-child > div:nth-child(2) {
136
193
  left: 8px;
137
194
  animation: datatables-loader-2 0.6s infinite;
138
195
  }
139
- div.dataTables_processing > div:last-child > div:nth-child(3) {
196
+ div.dt-processing > div:last-child > div:nth-child(3) {
140
197
  left: 32px;
141
198
  animation: datatables-loader-2 0.6s infinite;
142
199
  }
143
- div.dataTables_processing > div:last-child > div:nth-child(4) {
200
+ div.dt-processing > div:last-child > div:nth-child(4) {
144
201
  left: 56px;
145
202
  animation: datatables-loader-3 0.6s infinite;
146
203
  }
@@ -172,13 +229,16 @@ div.dataTables_processing > div:last-child > div:nth-child(4) {
172
229
  table.dataTable.nowrap th, table.dataTable.nowrap td {
173
230
  white-space: nowrap;
174
231
  }
232
+ table.dataTable th,
233
+ table.dataTable td {
234
+ box-sizing: border-box;
235
+ }
175
236
  table.dataTable th.dt-left,
176
237
  table.dataTable td.dt-left {
177
238
  text-align: left;
178
239
  }
179
240
  table.dataTable th.dt-center,
180
- table.dataTable td.dt-center,
181
- table.dataTable td.dataTables_empty {
241
+ table.dataTable td.dt-center {
182
242
  text-align: center;
183
243
  }
184
244
  table.dataTable th.dt-right,
@@ -193,6 +253,16 @@ table.dataTable th.dt-nowrap,
193
253
  table.dataTable td.dt-nowrap {
194
254
  white-space: nowrap;
195
255
  }
256
+ table.dataTable th.dt-empty,
257
+ table.dataTable td.dt-empty {
258
+ text-align: center;
259
+ vertical-align: top;
260
+ }
261
+ table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
262
+ table.dataTable td.dt-type-numeric,
263
+ table.dataTable td.dt-type-date {
264
+ text-align: right;
265
+ }
196
266
  table.dataTable thead th,
197
267
  table.dataTable thead td,
198
268
  table.dataTable tfoot th,
@@ -250,94 +320,83 @@ table.dataTable tbody td.dt-body-nowrap {
250
320
  white-space: nowrap;
251
321
  }
252
322
 
253
- table.dataTable {
323
+ table.dataTable.table {
254
324
  clear: both;
255
- margin-top: 6px !important;
256
- margin-bottom: 6px !important;
257
- max-width: none !important;
258
- border-collapse: separate !important;
325
+ max-width: none;
259
326
  border-spacing: 0;
327
+ margin-bottom: 0;
260
328
  }
261
- table.dataTable td,
262
- table.dataTable th {
263
- -webkit-box-sizing: content-box;
264
- box-sizing: content-box;
265
- }
266
- table.dataTable td.dataTables_empty,
267
- table.dataTable th.dataTables_empty {
268
- text-align: center;
269
- }
270
- table.dataTable.nowrap th,
271
- table.dataTable.nowrap td {
272
- white-space: nowrap;
273
- }
274
- table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
329
+ table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) {
275
330
  background-color: transparent;
276
331
  }
277
- table.dataTable > tbody > tr {
332
+ table.dataTable.table > tbody > tr {
278
333
  background-color: transparent;
279
334
  }
280
- table.dataTable > tbody > tr.selected > * {
281
- box-shadow: inset 0 0 0 9999px #0275d8;
335
+ table.dataTable.table > tbody > tr.selected > * {
336
+ box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
282
337
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
283
- color: white;
338
+ color: rgb(255, 255, 255);
284
339
  color: rgb(var(--dt-row-selected-text));
285
340
  }
286
- table.dataTable > tbody > tr.selected a {
287
- color: #090a0b;
341
+ table.dataTable.table > tbody > tr.selected a {
342
+ color: rgb(9, 10, 11);
288
343
  color: rgb(var(--dt-row-selected-link));
289
344
  }
290
- table.dataTable.table-striped > tbody > tr.odd > * {
345
+ table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
291
346
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
292
347
  }
293
- table.dataTable.table-striped > tbody > tr.odd.selected > * {
348
+ table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
294
349
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
295
350
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
296
351
  }
297
- table.dataTable.table-hover > tbody > tr:hover > * {
352
+ table.dataTable.table.table-hover > tbody > tr:hover > * {
298
353
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
299
354
  }
300
- table.dataTable.table-hover > tbody > tr.selected:hover > * {
355
+ table.dataTable.table.table-hover > tbody > tr.selected:hover > * {
301
356
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
302
357
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
303
358
  }
304
359
 
305
- div.dataTables_wrapper div.dataTables_length label {
360
+ div.dt-container div.row {
361
+ margin-bottom: 0.5rem;
362
+ }
363
+ div.dt-container div.row:last-child {
364
+ margin-bottom: 0;
365
+ }
366
+ div.dt-container div.dt-length label {
306
367
  font-weight: normal;
307
368
  text-align: left;
308
369
  white-space: nowrap;
370
+ margin-bottom: 0;
309
371
  }
310
- div.dataTables_wrapper div.dataTables_length select {
372
+ div.dt-container div.dt-length select {
311
373
  width: auto;
312
374
  display: inline-block;
375
+ margin-right: 0.5em;
313
376
  }
314
- div.dataTables_wrapper div.dataTables_filter {
315
- text-align: right;
316
- }
317
- div.dataTables_wrapper div.dataTables_filter label {
377
+ div.dt-container div.dt-search label {
318
378
  font-weight: normal;
319
379
  white-space: nowrap;
320
380
  text-align: left;
381
+ margin-bottom: 0;
321
382
  }
322
- div.dataTables_wrapper div.dataTables_filter input {
383
+ div.dt-container div.dt-search input {
323
384
  margin-left: 0.5em;
324
385
  display: inline-block;
325
386
  width: auto;
326
387
  }
327
- div.dataTables_wrapper div.dataTables_info {
388
+ div.dt-container div.dt-info {
328
389
  padding-top: 0.85em;
390
+ white-space: nowrap;
329
391
  }
330
- div.dataTables_wrapper div.dataTables_paginate {
392
+ div.dt-container div.dt-paging {
331
393
  margin: 0;
332
- white-space: nowrap;
333
- text-align: right;
334
394
  }
335
- div.dataTables_wrapper div.dataTables_paginate ul.pagination {
336
- margin: 2px 0;
337
- white-space: nowrap;
338
- justify-content: flex-end;
395
+ div.dt-container div.dt-paging ul.pagination {
396
+ margin: 0;
397
+ flex-wrap: wrap;
339
398
  }
340
- div.dataTables_wrapper div.dataTables_processing {
399
+ div.dt-container div.dt-processing {
341
400
  position: absolute;
342
401
  top: 50%;
343
402
  left: 50%;
@@ -347,79 +406,78 @@ div.dataTables_wrapper div.dataTables_processing {
347
406
  text-align: center;
348
407
  padding: 1em 0;
349
408
  }
409
+ div.dt-container div.dt-scroll-body {
410
+ border-bottom: 1px solid #dee2e6;
411
+ }
412
+ div.dt-container div.dt-scroll-body table,
413
+ div.dt-container div.dt-scroll-body tbody > tr:last-child > * {
414
+ border-bottom: none;
415
+ }
350
416
 
351
- div.dataTables_scrollHead table.dataTable {
417
+ div.dt-scroll-head table.dataTable {
352
418
  margin-bottom: 0 !important;
353
419
  }
354
420
 
355
- div.dataTables_scrollBody > table {
421
+ div.dt-scroll-body > table {
356
422
  border-top: none;
357
423
  margin-top: 0 !important;
358
424
  margin-bottom: 0 !important;
359
425
  }
360
- div.dataTables_scrollBody > table > thead .sorting:before,
361
- div.dataTables_scrollBody > table > thead .sorting_asc:before,
362
- div.dataTables_scrollBody > table > thead .sorting_desc:before,
363
- div.dataTables_scrollBody > table > thead .sorting:after,
364
- div.dataTables_scrollBody > table > thead .sorting_asc:after,
365
- div.dataTables_scrollBody > table > thead .sorting_desc:after {
426
+ div.dt-scroll-body > table thead .dt-orderable-asc:before,
427
+ div.dt-scroll-body > table thead .dt-orderable-desc:after {
366
428
  display: none;
367
429
  }
368
- div.dataTables_scrollBody > table > tbody tr:first-child th,
369
- div.dataTables_scrollBody > table > tbody tr:first-child td {
430
+ div.dt-scroll-body > table > tbody tr:first-child th,
431
+ div.dt-scroll-body > table > tbody tr:first-child td {
370
432
  border-top: none;
371
433
  }
372
434
 
373
- div.dataTables_scrollFoot > .dataTables_scrollFootInner {
435
+ div.dt-scroll-foot > .dt-scroll-footInner {
374
436
  box-sizing: content-box;
375
437
  }
376
- div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
438
+ div.dt-scroll-foot > .dt-scroll-footInner > table {
377
439
  margin-top: 0 !important;
378
440
  border-top: none;
379
441
  }
380
442
 
381
443
  @media screen and (max-width: 767px) {
382
- div.dataTables_wrapper div.dataTables_length,
383
- div.dataTables_wrapper div.dataTables_filter,
384
- div.dataTables_wrapper div.dataTables_info,
385
- div.dataTables_wrapper div.dataTables_paginate {
444
+ div.dt-container div.dt-length,
445
+ div.dt-container div.dt-search,
446
+ div.dt-container div.dt-info,
447
+ div.dt-container div.dt-paging {
386
448
  text-align: center;
387
449
  }
388
- div.dataTables_wrapper div.dataTables_paginate ul.pagination {
450
+ div.dt-container div.row {
451
+ margin-bottom: 0;
452
+ }
453
+ div.dt-container div.row > * {
454
+ margin-bottom: 0.5rem;
455
+ }
456
+ div.dt-container div.dt-paging ul.pagination {
389
457
  justify-content: center !important;
390
458
  }
391
459
  }
392
460
  table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
393
461
  padding-right: 20px;
394
462
  }
395
-
396
- table.table-bordered.dataTable {
397
- border-right-width: 0;
463
+ table.dataTable.table-sm.dt-orderable-asc:before, table.dataTable.table-sm.dt-orderable-desc:before {
464
+ top: 5px;
465
+ right: 0.85em;
398
466
  }
399
- table.table-bordered.dataTable th,
400
- table.table-bordered.dataTable td {
401
- border-left-width: 0;
402
- }
403
- table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
404
- table.table-bordered.dataTable td:last-child,
405
- table.table-bordered.dataTable td:last-child {
406
- border-right-width: 1px;
407
- }
408
- table.table-bordered.dataTable tbody th,
409
- table.table-bordered.dataTable tbody td {
410
- border-bottom-width: 0;
467
+ table.dataTable.table-sm.dt-orderable-asc:after, table.dataTable.table-sm.dt-orderable-desc:after {
468
+ top: 5px;
411
469
  }
412
470
 
413
- div.dataTables_scrollHead table.table-bordered {
471
+ div.dt-scroll-head table.table-bordered {
414
472
  border-bottom-width: 0;
415
473
  }
416
474
 
417
- div.table-responsive > div.dataTables_wrapper > div.row {
475
+ div.table-responsive > div.dt-container > div.row {
418
476
  margin: 0;
419
477
  }
420
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
478
+ div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
421
479
  padding-left: 0;
422
480
  }
423
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
481
+ div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
424
482
  padding-right: 0;
425
483
  }
package/css/dataTables.bootstrap4.min.css CHANGED
@@ -1 +1 @@
1
- :root{--dt-row-selected: 2, 117, 216;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"▶"}table.dataTable tr.dt-hasChild td.dt-control:before{content:"▼"}html.dark table.dataTable td.dt-control:before{color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before{color:rgba(255, 255, 255, 0.5)}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px;z-index:10}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#0275d8;background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1){background-color:transparent}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px #0275d8;box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:white;color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:#090a0b;color:rgb(var(--dt-row-selected-link))}table.dataTable.table-striped>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.dataTable.table-striped>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:before,div.dataTables_scrollBody>table>thead .sorting_asc:before,div.dataTables_scrollBody>table>thead .sorting_desc:before,div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody tr:first-child th,div.dataTables_scrollBody>table>tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0}
1
+ :root{--dt-row-selected: 2, 117, 216;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>th.dt-ordering-asc,table.dataTable thead>tr>th.dt-ordering-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc,table.dataTable thead>tr>td.dt-ordering-asc,table.dataTable thead>tr>td.dt-ordering-desc{position:relative;padding-right:30px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:absolute;right:12px;top:0;bottom:0;width:12px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(2, 117, 216);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable.table{clear:both;max-width:none;border-spacing:0;margin-bottom:0}table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1){background-color:transparent}table.dataTable.table>tbody>tr{background-color:transparent}table.dataTable.table>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(2, 117, 216);box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable.table>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1).selected>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.dataTable.table.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.table.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(2, 117, 216, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dt-container div.row{margin-bottom:.5rem}div.dt-container div.row:last-child{margin-bottom:0}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap;margin-bottom:0}div.dt-container div.dt-length select{width:auto;display:inline-block;margin-right:.5em}div.dt-container div.dt-search label{font-weight:normal;white-space:nowrap;text-align:left;margin-bottom:0}div.dt-container div.dt-search input{margin-left:.5em;display:inline-block;width:auto}div.dt-container div.dt-info{padding-top:.85em;white-space:nowrap}div.dt-container div.dt-paging{margin:0}div.dt-container div.dt-paging ul.pagination{margin:0;flex-wrap:wrap}div.dt-container div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}div.dt-container div.dt-scroll-body{border-bottom:1px solid #dee2e6}div.dt-container div.dt-scroll-body table,div.dt-container div.dt-scroll-body tbody>tr:last-child>*{border-bottom:none}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-scroll-body>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body>table thead .dt-orderable-asc:before,div.dt-scroll-body>table thead .dt-orderable-desc:after{display:none}div.dt-scroll-body>table>tbody tr:first-child th,div.dt-scroll-body>table>tbody tr:first-child td{border-top:none}div.dt-scroll-foot>.dt-scroll-footInner{box-sizing:content-box}div.dt-scroll-foot>.dt-scroll-footInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dt-container div.dt-length,div.dt-container div.dt-search,div.dt-container div.dt-info,div.dt-container div.dt-paging{text-align:center}div.dt-container div.row{margin-bottom:0}div.dt-container div.row>*{margin-bottom:.5rem}div.dt-container div.dt-paging ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm.dt-orderable-asc:before,table.dataTable.table-sm.dt-orderable-desc:before{top:5px;right:.85em}table.dataTable.table-sm.dt-orderable-asc:after,table.dataTable.table-sm.dt-orderable-desc:after{top:5px}div.dt-scroll-head table.table-bordered{border-bottom-width:0}div.table-responsive>div.dt-container>div.row{margin:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:last-child{padding-right:0}
package/js/dataTables.bootstrap4.js CHANGED
@@ -43,7 +43,7 @@
43
43
  // Browser
44
44
  factory( jQuery, window, document );
45
45
  }
46
- }(function( $, window, document, undefined ) {
46
+ }(function( $, window, document ) {
47
47
  'use strict';
48
48
  var DataTable = $.fn.dataTable;
49
49
 
@@ -60,141 +60,87 @@ var DataTable = $.fn.dataTable;
60
60
 
61
61
  /* Set the defaults for DataTables initialisation */
62
62
  $.extend( true, DataTable.defaults, {
63
- dom:
64
- "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
65
- "<'row'<'col-sm-12'tr>>" +
66
- "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
67
63
  renderer: 'bootstrap'
68
64
  } );
69
65
 
70
66
 
71
67
  /* Default class modification */
72
- $.extend( DataTable.ext.classes, {
73
- sWrapper: "dataTables_wrapper dt-bootstrap4",
74
- sFilterInput: "form-control form-control-sm",
75
- sLengthSelect: "custom-select custom-select-sm form-control form-control-sm",
76
- sProcessing: "dataTables_processing card",
77
- sPageButton: "paginate_button page-item"
68
+ $.extend( true, DataTable.ext.classes, {
69
+ container: "dt-container dt-bootstrap4",
70
+ search: {
71
+ input: "form-control form-control-sm"
72
+ },
73
+ length: {
74
+ select: "custom-select custom-select-sm form-control form-control-sm"
75
+ },
76
+ processing: {
77
+ container: "dt-processing card"
78
+ }
78
79
  } );
79
80
 
80
81
 
81
82
  /* Bootstrap paging button renderer */
82
- DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
83
- var api = new DataTable.Api( settings );
84
- var classes = settings.oClasses;
85
- var lang = settings.oLanguage.oPaginate;
86
- var aria = settings.oLanguage.oAria.paginate || {};
87
- var btnDisplay, btnClass;
88
-
89
- var attach = function( container, buttons ) {
90
- var i, ien, node, button;
91
- var clickHandler = function ( e ) {
92
- e.preventDefault();
93
- if ( !$(e.currentTarget).hasClass('disabled') && api.page() != e.data.action ) {
94
- api.page( e.data.action ).draw( 'page' );
95
- }
96
- };
83
+ DataTable.ext.renderer.pagingButton.bootstrap = function (settings, buttonType, content, active, disabled) {
84
+ var btnClasses = ['dt-paging-button', 'page-item'];
97
85
 
98
- for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
99
- button = buttons[i];
86
+ if (active) {
87
+ btnClasses.push('active');
88
+ }
100
89
 
101
- if ( Array.isArray( button ) ) {
102
- attach( container, button );
103
- }
104
- else {
105
- btnDisplay = '';
106
- btnClass = '';
107
-
108
- switch ( button ) {
109
- case 'ellipsis':
110
- btnDisplay = '&#x2026;';
111
- btnClass = 'disabled';
112
- break;
113
-
114
- case 'first':
115
- btnDisplay = lang.sFirst;
116
- btnClass = button + (page > 0 ?
117
- '' : ' disabled');
118
- break;
119
-
120
- case 'previous':
121
- btnDisplay = lang.sPrevious;
122
- btnClass = button + (page > 0 ?
123
- '' : ' disabled');
124
- break;
125
-
126
- case 'next':
127
- btnDisplay = lang.sNext;
128
- btnClass = button + (page < pages-1 ?
129
- '' : ' disabled');
130
- break;
131
-
132
- case 'last':
133
- btnDisplay = lang.sLast;
134
- btnClass = button + (page < pages-1 ?
135
- '' : ' disabled');
136
- break;
137
-
138
- default:
139
- btnDisplay = button + 1;
140
- btnClass = page === button ?
141
- 'active' : '';
142
- break;
143
- }
90
+ if (disabled) {
91
+ btnClasses.push('disabled')
92
+ }
144
93
 
145
- if ( btnDisplay ) {
146
- var disabled = btnClass.indexOf('disabled') !== -1;
147
-
148
- node = $('<li>', {
149
- 'class': classes.sPageButton+' '+btnClass,
150
- 'id': idx === 0 && typeof button === 'string' ?
151
- settings.sTableId +'_'+ button :
152
- null
153
- } )
154
- .append( $('<a>', {
155
- 'href': disabled ? null : '#',
156
- 'aria-controls': settings.sTableId,
157
- 'aria-disabled': disabled ? 'true' : null,
158
- 'aria-label': aria[ button ],
159
- 'role': 'link',
160
- 'aria-current': btnClass === 'active' ? 'page' : null,
161
- 'data-dt-idx': button,
162
- 'tabindex': disabled ? -1 : settings.iTabIndex,
163
- 'class': 'page-link'
164
- } )
165
- .html( btnDisplay )
166
- )
167
- .appendTo( container );
168
-
169
- settings.oApi._fnBindAction(
170
- node, {action: button}, clickHandler
171
- );
172
- }
173
- }
174
- }
94
+ var li = $('<li>').addClass(btnClasses.join(' '));
95
+ var a = $('<a>', {
96
+ 'href': disabled ? null : '#',
97
+ 'class': 'page-link'
98
+ })
99
+ .html(content)
100
+ .appendTo(li);
101
+
102
+ return {
103
+ display: li,
104
+ clicker: a
175
105
  };
106
+ };
176
107
 
177
- // IE9 throws an 'unknown error' if document.activeElement is used
178
- // inside an iframe or frame.
179
- var activeEl;
108
+ DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
109
+ return $('<ul/>').addClass('pagination').append(buttonEls);
110
+ };
180
111
 
181
- try {
182
- // Because this approach is destroying and recreating the paging
183
- // elements, focus is lost on the select button which is bad for
184
- // accessibility. So we want to restore focus once the draw has
185
- // completed
186
- activeEl = $(host).find(document.activeElement).data('dt-idx');
187
- }
188
- catch (e) {}
112
+ DataTable.ext.renderer.layout.bootstrap = function ( settings, container, items ) {
113
+ var row = $( '<div/>', {
114
+ "class": items.full ?
115
+ 'row justify-content-md-center' :
116
+ 'row justify-content-between'
117
+ } )
118
+ .appendTo( container );
189
119
 
190
- attach(
191
- $(host).empty().html('<ul class="pagination"/>').children('ul'),
192
- buttons
193
- );
120
+ $.each( items, function (key, val) {
121
+ var klass;
194
122
 
195
- if ( activeEl !== undefined ) {
196
- $(host).find( '[data-dt-idx='+activeEl+']' ).trigger('focus');
197
- }
123
+ // Apply left / right margins
124
+ if (val.table) {
125
+ klass = 'col-12';
126
+ }
127
+ else if (key === 'start') {
128
+ klass = 'col-md-auto mr-auto';
129
+ }
130
+ else if (key === 'end') {
131
+ klass = 'col-md-auto ml-auto';
132
+ }
133
+ else {
134
+ klass = 'col-md';
135
+ }
136
+
137
+ $( '<div/>', {
138
+ id: val.id || null,
139
+ "class": klass+' '+(val.className || '')
140
+ } )
141
+ .append( val.contents )
142
+ .appendTo( row );
143
+ } );
198
144
  };
199
145
 
200
146
 
package/js/dataTables.bootstrap4.min.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! DataTables Bootstrap 4 integration
2
2
  * ©2011-2017 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- !function(t){var n,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return t(e,window,document)}):"object"==typeof exports?(n=require("jquery"),o=function(e,a){a.fn.dataTable||require("datatables.net")(e,a)},"undefined"==typeof window?module.exports=function(e,a){return e=e||window,a=a||n(e),o(e,a),t(a,0,e.document)}:(o(window,n),module.exports=t(n,window,window.document))):t(jQuery,window,document)}(function(x,e,n,o){"use strict";var r=x.fn.dataTable;return x.extend(!0,r.defaults,{dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",renderer:"bootstrap"}),x.extend(r.ext.classes,{sWrapper:"dataTables_wrapper dt-bootstrap4",sFilterInput:"form-control form-control-sm",sLengthSelect:"custom-select custom-select-sm form-control form-control-sm",sProcessing:"dataTables_processing card",sPageButton:"paginate_button page-item"}),r.ext.renderer.pageButton.bootstrap=function(i,e,d,a,l,c){function u(e,a){for(var t,n,o=function(e){e.preventDefault(),x(e.currentTarget).hasClass("disabled")||m.page()==e.data.action||m.page(e.data.action).draw("page")},r=0,s=a.length;r<s;r++)if(t=a[r],Array.isArray(t))u(e,t);else{switch(f=p="",t){case"ellipsis":p="&#x2026;",f="disabled";break;case"first":p=g.sFirst,f=t+(0<l?"":" disabled");break;case"previous":p=g.sPrevious,f=t+(0<l?"":" disabled");break;case"next":p=g.sNext,f=t+(l<c-1?"":" disabled");break;case"last":p=g.sLast,f=t+(l<c-1?"":" disabled");break;default:p=t+1,f=l===t?"active":""}p&&(n=-1!==f.indexOf("disabled"),n=x("<li>",{class:b.sPageButton+" "+f,id:0===d&&"string"==typeof t?i.sTableId+"_"+t:null}).append(x("<a>",{href:n?null:"#","aria-controls":i.sTableId,"aria-disabled":n?"true":null,"aria-label":w[t],role:"link","aria-current":"active"===f?"page":null,"data-dt-idx":t,tabindex:n?-1:i.iTabIndex,class:"page-link"}).html(p)).appendTo(e),i.oApi._fnBindAction(n,{action:t},o))}}var p,f,t,m=new r.Api(i),b=i.oClasses,g=i.oLanguage.oPaginate,w=i.oLanguage.oAria.paginate||{};try{t=x(e).find(n.activeElement).data("dt-idx")}catch(e){}u(x(e).empty().html('<ul class="pagination"/>').children("ul"),a),t!==o&&x(e).find("[data-dt-idx="+t+"]").trigger("focus")},r});
4
+ !function(n){var o,r;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),r=function(e,t){t.fn.dataTable||require("datatables.net")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),r(e,t),n(t,0,e.document)}:(r(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(d,e,t){"use strict";var n=d.fn.dataTable;return d.extend(!0,n.defaults,{renderer:"bootstrap"}),d.extend(!0,n.ext.classes,{container:"dt-container dt-bootstrap4",search:{input:"form-control form-control-sm"},length:{select:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),n.ext.renderer.pagingButton.bootstrap=function(e,t,n,o,r){var a=["dt-paging-button","page-item"],o=(o&&a.push("active"),r&&a.push("disabled"),d("<li>").addClass(a.join(" ")));return{display:o,clicker:d("<a>",{href:r?null:"#",class:"page-link"}).html(n).appendTo(o)}},n.ext.renderer.pagingContainer.bootstrap=function(e,t){return d("<ul/>").addClass("pagination").append(t)},n.ext.renderer.layout.bootstrap=function(e,t,n){var o=d("<div/>",{class:n.full?"row justify-content-md-center":"row justify-content-between"}).appendTo(t);d.each(n,function(e,t){e=t.table?"col-12":"start"===e?"col-md-auto mr-auto":"end"===e?"col-md-auto ml-auto":"col-md";d("<div/>",{id:t.id||null,class:e+" "+(t.className||"")}).append(t.contents).appendTo(o)})},n});
package/js/dataTables.bootstrap4.min.mjs CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! DataTables Bootstrap 4 integration
2
2
  * ©2011-2017 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",renderer:"bootstrap"}),$.extend(DataTable.ext.classes,{sWrapper:"dataTables_wrapper dt-bootstrap4",sFilterInput:"form-control form-control-sm",sLengthSelect:"custom-select custom-select-sm form-control form-control-sm",sProcessing:"dataTables_processing card",sPageButton:"paginate_button page-item"}),DataTable.ext.renderer.pageButton.bootstrap=function(i,a,n,e,d,c){function p(a,e){function t(a){a.preventDefault(),$(a.currentTarget).hasClass("disabled")||m.page()==a.data.action||m.page(a.data.action).draw("page")}for(var s,l,r=0,o=e.length;r<o;r++)if(s=e[r],Array.isArray(s))p(a,s);else{switch(b=u="",s){case"ellipsis":u="&#x2026;",b="disabled";break;case"first":u=f.sFirst,b=s+(0<d?"":" disabled");break;case"previous":u=f.sPrevious,b=s+(0<d?"":" disabled");break;case"next":u=f.sNext,b=s+(d<c-1?"":" disabled");break;case"last":u=f.sLast,b=s+(d<c-1?"":" disabled");break;default:u=s+1,b=d===s?"active":""}u&&(l=-1!==b.indexOf("disabled"),l=$("<li>",{class:g.sPageButton+" "+b,id:0===n&&"string"==typeof s?i.sTableId+"_"+s:null}).append($("<a>",{href:l?null:"#","aria-controls":i.sTableId,"aria-disabled":l?"true":null,"aria-label":x[s],role:"link","aria-current":"active"===b?"page":null,"data-dt-idx":s,tabindex:l?-1:i.iTabIndex,class:"page-link"}).html(u)).appendTo(a),i.oApi._fnBindAction(l,{action:s},t))}}var u,b,t,m=new DataTable.Api(i),g=i.oClasses,f=i.oLanguage.oPaginate,x=i.oLanguage.oAria.paginate||{};try{t=$(a).find(document.activeElement).data("dt-idx")}catch(a){}p($(a).empty().html('<ul class="pagination"/>').children("ul"),e),void 0!==t&&$(a).find("[data-dt-idx="+t+"]").trigger("focus")};export default DataTable;
4
+ import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{renderer:"bootstrap"}),$.extend(!0,DataTable.ext.classes,{container:"dt-container dt-bootstrap4",search:{input:"form-control form-control-sm"},length:{select:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),DataTable.ext.renderer.pagingButton.bootstrap=function(t,e,a,o,n){var r=["dt-paging-button","page-item"],o=(o&&r.push("active"),n&&r.push("disabled"),$("<li>").addClass(r.join(" ")));return{display:o,clicker:$("<a>",{href:n?null:"#",class:"page-link"}).html(a).appendTo(o)}},DataTable.ext.renderer.pagingContainer.bootstrap=function(t,e){return $("<ul/>").addClass("pagination").append(e)},DataTable.ext.renderer.layout.bootstrap=function(t,e,a){var o=$("<div/>",{class:a.full?"row justify-content-md-center":"row justify-content-between"}).appendTo(e);$.each(a,function(t,e){t=e.table?"col-12":"start"===t?"col-md-auto mr-auto":"end"===t?"col-md-auto ml-auto":"col-md";$("<div/>",{id:e.id||null,class:t+" "+(e.className||"")}).append(e.contents).appendTo(o)})};export default DataTable;
package/js/dataTables.bootstrap4.mjs CHANGED
@@ -20,141 +20,87 @@ let $ = jQuery;
20
20
 
21
21
  /* Set the defaults for DataTables initialisation */
22
22
  $.extend( true, DataTable.defaults, {
23
- dom:
24
- "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
25
- "<'row'<'col-sm-12'tr>>" +
26
- "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
27
23
  renderer: 'bootstrap'
28
24
  } );
29
25
 
30
26
 
31
27
  /* Default class modification */
32
- $.extend( DataTable.ext.classes, {
33
- sWrapper: "dataTables_wrapper dt-bootstrap4",
34
- sFilterInput: "form-control form-control-sm",
35
- sLengthSelect: "custom-select custom-select-sm form-control form-control-sm",
36
- sProcessing: "dataTables_processing card",
37
- sPageButton: "paginate_button page-item"
28
+ $.extend( true, DataTable.ext.classes, {
29
+ container: "dt-container dt-bootstrap4",
30
+ search: {
31
+ input: "form-control form-control-sm"
32
+ },
33
+ length: {
34
+ select: "custom-select custom-select-sm form-control form-control-sm"
35
+ },
36
+ processing: {
37
+ container: "dt-processing card"
38
+ }
38
39
  } );
39
40
 
40
41
 
41
42
  /* Bootstrap paging button renderer */
42
- DataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
43
- var api = new DataTable.Api( settings );
44
- var classes = settings.oClasses;
45
- var lang = settings.oLanguage.oPaginate;
46
- var aria = settings.oLanguage.oAria.paginate || {};
47
- var btnDisplay, btnClass;
48
-
49
- var attach = function( container, buttons ) {
50
- var i, ien, node, button;
51
- var clickHandler = function ( e ) {
52
- e.preventDefault();
53
- if ( !$(e.currentTarget).hasClass('disabled') && api.page() != e.data.action ) {
54
- api.page( e.data.action ).draw( 'page' );
55
- }
56
- };
57
-
58
- for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
59
- button = buttons[i];
60
-
61
- if ( Array.isArray( button ) ) {
62
- attach( container, button );
63
- }
64
- else {
65
- btnDisplay = '';
66
- btnClass = '';
67
-
68
- switch ( button ) {
69
- case 'ellipsis':
70
- btnDisplay = '&#x2026;';
71
- btnClass = 'disabled';
72
- break;
73
-
74
- case 'first':
75
- btnDisplay = lang.sFirst;
76
- btnClass = button + (page > 0 ?
77
- '' : ' disabled');
78
- break;
79
-
80
- case 'previous':
81
- btnDisplay = lang.sPrevious;
82
- btnClass = button + (page > 0 ?
83
- '' : ' disabled');
84
- break;
85
-
86
- case 'next':
87
- btnDisplay = lang.sNext;
88
- btnClass = button + (page < pages-1 ?
89
- '' : ' disabled');
90
- break;
91
-
92
- case 'last':
93
- btnDisplay = lang.sLast;
94
- btnClass = button + (page < pages-1 ?
95
- '' : ' disabled');
96
- break;
97
-
98
- default:
99
- btnDisplay = button + 1;
100
- btnClass = page === button ?
101
- 'active' : '';
102
- break;
103
- }
104
-
105
- if ( btnDisplay ) {
106
- var disabled = btnClass.indexOf('disabled') !== -1;
107
-
108
- node = $('<li>', {
109
- 'class': classes.sPageButton+' '+btnClass,
110
- 'id': idx === 0 && typeof button === 'string' ?
111
- settings.sTableId +'_'+ button :
112
- null
113
- } )
114
- .append( $('<a>', {
115
- 'href': disabled ? null : '#',
116
- 'aria-controls': settings.sTableId,
117
- 'aria-disabled': disabled ? 'true' : null,
118
- 'aria-label': aria[ button ],
119
- 'role': 'link',
120
- 'aria-current': btnClass === 'active' ? 'page' : null,
121
- 'data-dt-idx': button,
122
- 'tabindex': disabled ? -1 : settings.iTabIndex,
123
- 'class': 'page-link'
124
- } )
125
- .html( btnDisplay )
126
- )
127
- .appendTo( container );
128
-
129
- settings.oApi._fnBindAction(
130
- node, {action: button}, clickHandler
131
- );
132
- }
133
- }
134
- }
135
- };
43
+ DataTable.ext.renderer.pagingButton.bootstrap = function (settings, buttonType, content, active, disabled) {
44
+ var btnClasses = ['dt-paging-button', 'page-item'];
136
45
 
137
- // IE9 throws an 'unknown error' if document.activeElement is used
138
- // inside an iframe or frame.
139
- var activeEl;
46
+ if (active) {
47
+ btnClasses.push('active');
48
+ }
140
49
 
141
- try {
142
- // Because this approach is destroying and recreating the paging
143
- // elements, focus is lost on the select button which is bad for
144
- // accessibility. So we want to restore focus once the draw has
145
- // completed
146
- activeEl = $(host).find(document.activeElement).data('dt-idx');
50
+ if (disabled) {
51
+ btnClasses.push('disabled')
147
52
  }
148
- catch (e) {}
149
53
 
150
- attach(
151
- $(host).empty().html('<ul class="pagination"/>').children('ul'),
152
- buttons
153
- );
54
+ var li = $('<li>').addClass(btnClasses.join(' '));
55
+ var a = $('<a>', {
56
+ 'href': disabled ? null : '#',
57
+ 'class': 'page-link'
58
+ })
59
+ .html(content)
60
+ .appendTo(li);
61
+
62
+ return {
63
+ display: li,
64
+ clicker: a
65
+ };
66
+ };
154
67
 
155
- if ( activeEl !== undefined ) {
156
- $(host).find( '[data-dt-idx='+activeEl+']' ).trigger('focus');
157
- }
68
+ DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
69
+ return $('<ul/>').addClass('pagination').append(buttonEls);
70
+ };
71
+
72
+ DataTable.ext.renderer.layout.bootstrap = function ( settings, container, items ) {
73
+ var row = $( '<div/>', {
74
+ "class": items.full ?
75
+ 'row justify-content-md-center' :
76
+ 'row justify-content-between'
77
+ } )
78
+ .appendTo( container );
79
+
80
+ $.each( items, function (key, val) {
81
+ var klass;
82
+
83
+ // Apply left / right margins
84
+ if (val.table) {
85
+ klass = 'col-12';
86
+ }
87
+ else if (key === 'start') {
88
+ klass = 'col-md-auto mr-auto';
89
+ }
90
+ else if (key === 'end') {
91
+ klass = 'col-md-auto ml-auto';
92
+ }
93
+ else {
94
+ klass = 'col-md';
95
+ }
96
+
97
+ $( '<div/>', {
98
+ id: val.id || null,
99
+ "class": klass+' '+(val.className || '')
100
+ } )
101
+ .append( val.contents )
102
+ .appendTo( row );
103
+ } );
158
104
  };
159
105
 
160
106
 
package/package.json CHANGED
@@ -5,13 +5,12 @@
5
5
  "module": "js/dataTables.bootstrap4.mjs",
6
6
  "style": "css/dataTables.bootstrap4.css",
7
7
  "types": "./types/dataTables.bootstrap4.d.ts",
8
- "version": "1.13.8",
8
+ "version": "2.0.0",
9
9
  "files": [
10
10
  "css/**/*.css",
11
11
  "js/**/*.js",
12
12
  "js/**/*.mjs",
13
- "types/**/*.d.ts",
14
- "images/*"
13
+ "types/**/*.d.ts"
15
14
  ],
16
15
  "keywords": [
17
16
  "Bootstrap",
@@ -23,7 +22,7 @@
23
22
  "sort"
24
23
  ],
25
24
  "dependencies": {
26
- "datatables.net": "1.13.8",
25
+ "datatables.net": "2.0.0",
27
26
  "jquery": ">=1.7"
28
27
  },
29
28
  "moduleType": [
@@ -47,4 +46,4 @@
47
46
  "type": "git",
48
47
  "url": "https://github.com/DataTables/Dist-DataTables-Bootstrap4.git"
49
48
  }
50
- }
49
+ }
package/images/favicon.ico DELETED
Binary file
package/images/sort_asc.png DELETED
Binary file
package/images/sort_asc_disabled.png DELETED
Binary file
package/images/sort_both.png DELETED
Binary file
package/images/sort_desc.png DELETED
Binary file
package/images/sort_desc_disabled.png DELETED
Binary file