datatables.net-bs4 1.13.10 → 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 +197 -141
  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 +3 -4
  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,78 +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
35
  html.dark table.dataTable td.dt-control:before,
29
36
  :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
30
- color: rgba(255, 255, 255, 0.5);
37
+ border-left-color: rgba(255, 255, 255, 0.5);
31
38
  }
32
39
  html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
33
40
  :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
34
- color: rgba(255, 255, 255, 0.5);
41
+ border-top-color: rgba(255, 255, 255, 0.5);
42
+ border-left-color: transparent;
35
43
  }
36
44
 
37
- 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,
38
- table.dataTable thead > tr > td.sorting,
39
- table.dataTable thead > tr > td.sorting_asc,
40
- table.dataTable thead > tr > td.sorting_desc,
41
- table.dataTable thead > tr > td.sorting_asc_disabled,
42
- table.dataTable thead > tr > td.sorting_desc_disabled {
43
- cursor: pointer;
44
- position: relative;
45
- padding-right: 26px;
46
- }
47
- 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,
48
- table.dataTable thead > tr > td.sorting:before,
49
- table.dataTable thead > tr > td.sorting:after,
50
- table.dataTable thead > tr > td.sorting_asc:before,
51
- table.dataTable thead > tr > td.sorting_asc:after,
52
- table.dataTable thead > tr > td.sorting_desc:before,
53
- table.dataTable thead > tr > td.sorting_desc:after,
54
- table.dataTable thead > tr > td.sorting_asc_disabled:before,
55
- table.dataTable thead > tr > td.sorting_asc_disabled:after,
56
- table.dataTable thead > tr > td.sorting_desc_disabled:before,
57
- 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 {
58
72
  position: absolute;
59
73
  display: block;
60
- opacity: 0.125;
61
- right: 10px;
62
- line-height: 9px;
63
- font-size: 0.8em;
64
- }
65
- 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,
66
- table.dataTable thead > tr > td.sorting:before,
67
- table.dataTable thead > tr > td.sorting_asc:before,
68
- table.dataTable thead > tr > td.sorting_desc:before,
69
- table.dataTable thead > tr > td.sorting_asc_disabled:before,
70
- table.dataTable thead > tr > td.sorting_desc_disabled:before {
71
74
  bottom: 50%;
72
75
  content: "▲";
73
76
  content: "▲"/"";
74
77
  }
75
- 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,
76
- table.dataTable thead > tr > td.sorting:after,
77
- table.dataTable thead > tr > td.sorting_asc:after,
78
- table.dataTable thead > tr > td.sorting_desc:after,
79
- table.dataTable thead > tr > td.sorting_asc_disabled:after,
80
- 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;
81
83
  top: 50%;
82
84
  content: "▼";
83
85
  content: "▼"/"";
84
86
  }
85
- table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
86
- table.dataTable thead > tr > td.sorting_asc:before,
87
- 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 {
88
134
  opacity: 0.6;
89
135
  }
90
- table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
91
- table.dataTable thead > tr > td.sorting_desc_disabled:after,
92
- 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 {
93
139
  display: none;
94
140
  }
95
141
  table.dataTable thead > tr > th:active,
@@ -97,30 +143,39 @@ table.dataTable thead > tr > td:active {
97
143
  outline: none;
98
144
  }
99
145
 
100
- div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
101
- div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
102
- div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
103
- 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);
104
159
  }
105
160
 
106
- div.dataTables_processing {
161
+ div.dt-processing {
107
162
  position: absolute;
108
163
  top: 50%;
109
164
  left: 50%;
110
165
  width: 200px;
111
166
  margin-left: -100px;
112
- margin-top: -26px;
167
+ margin-top: -22px;
113
168
  text-align: center;
114
169
  padding: 2px;
115
170
  z-index: 10;
116
171
  }
117
- div.dataTables_processing > div:last-child {
172
+ div.dt-processing > div:last-child {
118
173
  position: relative;
119
174
  width: 80px;
120
175
  height: 15px;
121
176
  margin: 1em auto;
122
177
  }
123
- div.dataTables_processing > div:last-child > div {
178
+ div.dt-processing > div:last-child > div {
124
179
  position: absolute;
125
180
  top: 0;
126
181
  width: 13px;
@@ -130,19 +185,19 @@ div.dataTables_processing > div:last-child > div {
130
185
  background: rgb(var(--dt-row-selected));
131
186
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
132
187
  }
133
- div.dataTables_processing > div:last-child > div:nth-child(1) {
188
+ div.dt-processing > div:last-child > div:nth-child(1) {
134
189
  left: 8px;
135
190
  animation: datatables-loader-1 0.6s infinite;
136
191
  }
137
- div.dataTables_processing > div:last-child > div:nth-child(2) {
192
+ div.dt-processing > div:last-child > div:nth-child(2) {
138
193
  left: 8px;
139
194
  animation: datatables-loader-2 0.6s infinite;
140
195
  }
141
- div.dataTables_processing > div:last-child > div:nth-child(3) {
196
+ div.dt-processing > div:last-child > div:nth-child(3) {
142
197
  left: 32px;
143
198
  animation: datatables-loader-2 0.6s infinite;
144
199
  }
145
- div.dataTables_processing > div:last-child > div:nth-child(4) {
200
+ div.dt-processing > div:last-child > div:nth-child(4) {
146
201
  left: 56px;
147
202
  animation: datatables-loader-3 0.6s infinite;
148
203
  }
@@ -174,13 +229,16 @@ div.dataTables_processing > div:last-child > div:nth-child(4) {
174
229
  table.dataTable.nowrap th, table.dataTable.nowrap td {
175
230
  white-space: nowrap;
176
231
  }
232
+ table.dataTable th,
233
+ table.dataTable td {
234
+ box-sizing: border-box;
235
+ }
177
236
  table.dataTable th.dt-left,
178
237
  table.dataTable td.dt-left {
179
238
  text-align: left;
180
239
  }
181
240
  table.dataTable th.dt-center,
182
- table.dataTable td.dt-center,
183
- table.dataTable td.dataTables_empty {
241
+ table.dataTable td.dt-center {
184
242
  text-align: center;
185
243
  }
186
244
  table.dataTable th.dt-right,
@@ -195,6 +253,16 @@ table.dataTable th.dt-nowrap,
195
253
  table.dataTable td.dt-nowrap {
196
254
  white-space: nowrap;
197
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
+ }
198
266
  table.dataTable thead th,
199
267
  table.dataTable thead td,
200
268
  table.dataTable tfoot th,
@@ -252,94 +320,83 @@ table.dataTable tbody td.dt-body-nowrap {
252
320
  white-space: nowrap;
253
321
  }
254
322
 
255
- table.dataTable {
323
+ table.dataTable.table {
256
324
  clear: both;
257
- margin-top: 6px !important;
258
- margin-bottom: 6px !important;
259
- max-width: none !important;
260
- border-collapse: separate !important;
325
+ max-width: none;
261
326
  border-spacing: 0;
327
+ margin-bottom: 0;
262
328
  }
263
- table.dataTable td,
264
- table.dataTable th {
265
- -webkit-box-sizing: content-box;
266
- box-sizing: content-box;
267
- }
268
- table.dataTable td.dataTables_empty,
269
- table.dataTable th.dataTables_empty {
270
- text-align: center;
271
- }
272
- table.dataTable.nowrap th,
273
- table.dataTable.nowrap td {
274
- white-space: nowrap;
275
- }
276
- table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
329
+ table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) {
277
330
  background-color: transparent;
278
331
  }
279
- table.dataTable > tbody > tr {
332
+ table.dataTable.table > tbody > tr {
280
333
  background-color: transparent;
281
334
  }
282
- table.dataTable > tbody > tr.selected > * {
335
+ table.dataTable.table > tbody > tr.selected > * {
283
336
  box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
284
337
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
285
338
  color: rgb(255, 255, 255);
286
339
  color: rgb(var(--dt-row-selected-text));
287
340
  }
288
- table.dataTable > tbody > tr.selected a {
341
+ table.dataTable.table > tbody > tr.selected a {
289
342
  color: rgb(9, 10, 11);
290
343
  color: rgb(var(--dt-row-selected-link));
291
344
  }
292
- table.dataTable.table-striped > tbody > tr.odd > * {
345
+ table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
293
346
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
294
347
  }
295
- table.dataTable.table-striped > tbody > tr.odd.selected > * {
348
+ table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
296
349
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
297
350
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
298
351
  }
299
- table.dataTable.table-hover > tbody > tr:hover > * {
352
+ table.dataTable.table.table-hover > tbody > tr:hover > * {
300
353
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
301
354
  }
302
- table.dataTable.table-hover > tbody > tr.selected:hover > * {
355
+ table.dataTable.table.table-hover > tbody > tr.selected:hover > * {
303
356
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
304
357
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
305
358
  }
306
359
 
307
- 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 {
308
367
  font-weight: normal;
309
368
  text-align: left;
310
369
  white-space: nowrap;
370
+ margin-bottom: 0;
311
371
  }
312
- div.dataTables_wrapper div.dataTables_length select {
372
+ div.dt-container div.dt-length select {
313
373
  width: auto;
314
374
  display: inline-block;
375
+ margin-right: 0.5em;
315
376
  }
316
- div.dataTables_wrapper div.dataTables_filter {
317
- text-align: right;
318
- }
319
- div.dataTables_wrapper div.dataTables_filter label {
377
+ div.dt-container div.dt-search label {
320
378
  font-weight: normal;
321
379
  white-space: nowrap;
322
380
  text-align: left;
381
+ margin-bottom: 0;
323
382
  }
324
- div.dataTables_wrapper div.dataTables_filter input {
383
+ div.dt-container div.dt-search input {
325
384
  margin-left: 0.5em;
326
385
  display: inline-block;
327
386
  width: auto;
328
387
  }
329
- div.dataTables_wrapper div.dataTables_info {
388
+ div.dt-container div.dt-info {
330
389
  padding-top: 0.85em;
390
+ white-space: nowrap;
331
391
  }
332
- div.dataTables_wrapper div.dataTables_paginate {
392
+ div.dt-container div.dt-paging {
333
393
  margin: 0;
334
- white-space: nowrap;
335
- text-align: right;
336
394
  }
337
- div.dataTables_wrapper div.dataTables_paginate ul.pagination {
338
- margin: 2px 0;
339
- white-space: nowrap;
340
- justify-content: flex-end;
395
+ div.dt-container div.dt-paging ul.pagination {
396
+ margin: 0;
397
+ flex-wrap: wrap;
341
398
  }
342
- div.dataTables_wrapper div.dataTables_processing {
399
+ div.dt-container div.dt-processing {
343
400
  position: absolute;
344
401
  top: 50%;
345
402
  left: 50%;
@@ -349,79 +406,78 @@ div.dataTables_wrapper div.dataTables_processing {
349
406
  text-align: center;
350
407
  padding: 1em 0;
351
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
+ }
352
416
 
353
- div.dataTables_scrollHead table.dataTable {
417
+ div.dt-scroll-head table.dataTable {
354
418
  margin-bottom: 0 !important;
355
419
  }
356
420
 
357
- div.dataTables_scrollBody > table {
421
+ div.dt-scroll-body > table {
358
422
  border-top: none;
359
423
  margin-top: 0 !important;
360
424
  margin-bottom: 0 !important;
361
425
  }
362
- div.dataTables_scrollBody > table > thead .sorting:before,
363
- div.dataTables_scrollBody > table > thead .sorting_asc:before,
364
- div.dataTables_scrollBody > table > thead .sorting_desc:before,
365
- div.dataTables_scrollBody > table > thead .sorting:after,
366
- div.dataTables_scrollBody > table > thead .sorting_asc:after,
367
- 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 {
368
428
  display: none;
369
429
  }
370
- div.dataTables_scrollBody > table > tbody tr:first-child th,
371
- 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 {
372
432
  border-top: none;
373
433
  }
374
434
 
375
- div.dataTables_scrollFoot > .dataTables_scrollFootInner {
435
+ div.dt-scroll-foot > .dt-scroll-footInner {
376
436
  box-sizing: content-box;
377
437
  }
378
- div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
438
+ div.dt-scroll-foot > .dt-scroll-footInner > table {
379
439
  margin-top: 0 !important;
380
440
  border-top: none;
381
441
  }
382
442
 
383
443
  @media screen and (max-width: 767px) {
384
- div.dataTables_wrapper div.dataTables_length,
385
- div.dataTables_wrapper div.dataTables_filter,
386
- div.dataTables_wrapper div.dataTables_info,
387
- 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 {
388
448
  text-align: center;
389
449
  }
390
- 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 {
391
457
  justify-content: center !important;
392
458
  }
393
459
  }
394
460
  table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
395
461
  padding-right: 20px;
396
462
  }
397
-
398
- table.table-bordered.dataTable {
399
- 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;
400
466
  }
401
- table.table-bordered.dataTable th,
402
- table.table-bordered.dataTable td {
403
- border-left-width: 0;
404
- }
405
- table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
406
- table.table-bordered.dataTable td:last-child,
407
- table.table-bordered.dataTable td:last-child {
408
- border-right-width: 1px;
409
- }
410
- table.table-bordered.dataTable tbody th,
411
- table.table-bordered.dataTable tbody td {
412
- border-bottom-width: 0;
467
+ table.dataTable.table-sm.dt-orderable-asc:after, table.dataTable.table-sm.dt-orderable-desc:after {
468
+ top: 5px;
413
469
  }
414
470
 
415
- div.dataTables_scrollHead table.table-bordered {
471
+ div.dt-scroll-head table.table-bordered {
416
472
  border-bottom-width: 0;
417
473
  }
418
474
 
419
- div.table-responsive > div.dataTables_wrapper > div.row {
475
+ div.table-responsive > div.dt-container > div.row {
420
476
  margin: 0;
421
477
  }
422
- 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 {
423
479
  padding-left: 0;
424
480
  }
425
- 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 {
426
482
  padding-right: 0;
427
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,:root[data-bs-theme=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,:root[data-bs-theme=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:rgb(2, 117, 216);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 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>tbody>tr.selected a{color:rgb(9, 10, 11);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.10",
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": [
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