datatables.net-bs5 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.
@@ -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: #0d6efd;
184
+ background: rgb(13, 110, 253);
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,
@@ -255,135 +325,129 @@ table.dataTable tbody td.dt-body-nowrap {
255
325
  * ©2020 SpryMedia Ltd, all rights reserved.
256
326
  * License: MIT datatables.net/license/mit
257
327
  */
258
- table.dataTable {
328
+ table.table.dataTable {
259
329
  clear: both;
260
- margin-top: 6px !important;
261
- margin-bottom: 6px !important;
262
- max-width: none !important;
263
- border-collapse: separate !important;
330
+ margin-bottom: 0;
331
+ max-width: none;
264
332
  border-spacing: 0;
265
333
  }
266
- table.dataTable td,
267
- table.dataTable th {
268
- -webkit-box-sizing: content-box;
269
- box-sizing: content-box;
270
- }
271
- table.dataTable td.dataTables_empty,
272
- table.dataTable th.dataTables_empty {
273
- text-align: center;
274
- }
275
- table.dataTable.nowrap th,
276
- table.dataTable.nowrap td {
277
- white-space: nowrap;
278
- }
279
- table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
334
+ table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
280
335
  box-shadow: none;
281
336
  }
282
- table.dataTable > tbody > tr {
337
+ table.table.dataTable > :not(caption) > * > * {
283
338
  background-color: transparent;
284
339
  }
285
- table.dataTable > tbody > tr.selected > * {
286
- box-shadow: inset 0 0 0 9999px #0d6efd;
340
+ table.table.dataTable > tbody > tr {
341
+ background-color: transparent;
342
+ }
343
+ table.table.dataTable > tbody > tr.selected > * {
344
+ box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
287
345
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
288
- color: white;
346
+ color: rgb(255, 255, 255);
289
347
  color: rgb(var(--dt-row-selected-text));
290
348
  }
291
- table.dataTable > tbody > tr.selected a {
292
- color: #090a0b;
349
+ table.table.dataTable > tbody > tr.selected a {
350
+ color: rgb(9, 10, 11);
293
351
  color: rgb(var(--dt-row-selected-link));
294
352
  }
295
- table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
353
+ table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
296
354
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
297
355
  }
298
- table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
356
+ table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
299
357
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
300
358
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
301
359
  }
302
- table.dataTable.table-hover > tbody > tr:hover > * {
360
+ table.table.dataTable.table-hover > tbody > tr:hover > * {
303
361
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
304
362
  }
305
- table.dataTable.table-hover > tbody > tr.selected:hover > * {
363
+ table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
306
364
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
307
365
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
308
366
  }
309
367
 
310
- div.dataTables_wrapper div.dataTables_length label {
368
+ div.dt-container div.dt-length label {
311
369
  font-weight: normal;
312
370
  text-align: left;
313
371
  white-space: nowrap;
314
372
  }
315
- div.dataTables_wrapper div.dataTables_length select {
373
+ div.dt-container div.dt-length select {
316
374
  width: auto;
317
375
  display: inline-block;
376
+ margin-right: 0.5em;
318
377
  }
319
- div.dataTables_wrapper div.dataTables_filter {
378
+ div.dt-container div.dt-search {
320
379
  text-align: right;
321
380
  }
322
- div.dataTables_wrapper div.dataTables_filter label {
381
+ div.dt-container div.dt-search label {
323
382
  font-weight: normal;
324
383
  white-space: nowrap;
325
384
  text-align: left;
326
385
  }
327
- div.dataTables_wrapper div.dataTables_filter input {
386
+ div.dt-container div.dt-search input {
328
387
  margin-left: 0.5em;
329
388
  display: inline-block;
330
389
  width: auto;
331
390
  }
332
- div.dataTables_wrapper div.dataTables_info {
391
+ div.dt-container div.dt-info {
333
392
  padding-top: 0.85em;
334
393
  }
335
- div.dataTables_wrapper div.dataTables_paginate {
394
+ div.dt-container div.dt-paging {
336
395
  margin: 0;
337
- white-space: nowrap;
338
- text-align: right;
339
396
  }
340
- div.dataTables_wrapper div.dataTables_paginate ul.pagination {
397
+ div.dt-container div.dt-paging ul.pagination {
341
398
  margin: 2px 0;
342
- white-space: nowrap;
343
- justify-content: flex-end;
399
+ flex-wrap: wrap;
344
400
  }
345
- div.dataTables_wrapper div.dt-row {
401
+ div.dt-container div.dt-row {
346
402
  position: relative;
347
403
  }
348
404
 
349
- div.dataTables_scrollHead table.dataTable {
405
+ div.dt-scroll-head table.dataTable {
350
406
  margin-bottom: 0 !important;
351
407
  }
352
408
 
353
- div.dataTables_scrollBody > table {
409
+ div.dt-scroll-body {
410
+ border-bottom-color: var(--bs-border-color);
411
+ border-bottom-width: var(--bs-border-width);
412
+ border-bottom-style: solid;
413
+ }
414
+ div.dt-scroll-body > table {
354
415
  border-top: none;
355
416
  margin-top: 0 !important;
356
417
  margin-bottom: 0 !important;
357
418
  }
358
- div.dataTables_scrollBody > table > thead .sorting:before,
359
- div.dataTables_scrollBody > table > thead .sorting_asc:before,
360
- div.dataTables_scrollBody > table > thead .sorting_desc:before,
361
- div.dataTables_scrollBody > table > thead .sorting:after,
362
- div.dataTables_scrollBody > table > thead .sorting_asc:after,
363
- div.dataTables_scrollBody > table > thead .sorting_desc:after {
364
- display: none;
419
+ div.dt-scroll-body > table > tbody > tr:first-child {
420
+ border-top-width: 0;
365
421
  }
366
- div.dataTables_scrollBody > table > tbody tr:first-child th,
367
- div.dataTables_scrollBody > table > tbody tr:first-child td {
368
- border-top: none;
422
+ div.dt-scroll-body > table > thead > tr {
423
+ border-width: 0 !important;
424
+ }
425
+ div.dt-scroll-body > table > tbody > tr:last-child > * {
426
+ border-bottom: none;
369
427
  }
370
428
 
371
- div.dataTables_scrollFoot > .dataTables_scrollFootInner {
429
+ div.dt-scroll-foot > .dt-scroll-footInner {
372
430
  box-sizing: content-box;
373
431
  }
374
- div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
432
+ div.dt-scroll-foot > .dt-scroll-footInner > table {
375
433
  margin-top: 0 !important;
376
434
  border-top: none;
377
435
  }
436
+ div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
437
+ border-top-width: 0 !important;
438
+ }
378
439
 
379
440
  @media screen and (max-width: 767px) {
380
- div.dataTables_wrapper div.dataTables_length,
381
- div.dataTables_wrapper div.dataTables_filter,
382
- div.dataTables_wrapper div.dataTables_info,
383
- div.dataTables_wrapper div.dataTables_paginate {
441
+ div.dt-container div.dt-length,
442
+ div.dt-container div.dt-search,
443
+ div.dt-container div.dt-info,
444
+ div.dt-container div.dt-paging {
384
445
  text-align: center;
385
446
  }
386
- div.dataTables_wrapper div.dataTables_paginate ul.pagination {
447
+ div.dt-container .row {
448
+ --bs-gutter-y: 0.5rem;
449
+ }
450
+ div.dt-container div.dt-paging ul.pagination {
387
451
  justify-content: center !important;
388
452
  }
389
453
  }
@@ -394,43 +458,17 @@ table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled):before, table.
394
458
  right: 5px;
395
459
  }
396
460
 
397
- table.table-bordered.dataTable {
398
- border-right-width: 0;
399
- }
400
- table.table-bordered.dataTable thead tr:first-child th,
401
- table.table-bordered.dataTable thead tr:first-child td {
402
- border-top-width: 1px;
403
- }
404
- table.table-bordered.dataTable th,
405
- table.table-bordered.dataTable td {
406
- border-left-width: 0;
407
- }
408
- table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child,
409
- table.table-bordered.dataTable td:first-child,
410
- table.table-bordered.dataTable td:first-child {
411
- border-left-width: 1px;
412
- }
413
- table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
414
- table.table-bordered.dataTable td:last-child,
415
- table.table-bordered.dataTable td:last-child {
416
- border-right-width: 1px;
417
- }
418
- table.table-bordered.dataTable th,
419
- table.table-bordered.dataTable td {
420
- border-bottom-width: 1px;
421
- }
422
-
423
- div.dataTables_scrollHead table.table-bordered {
461
+ div.dt-scroll-head table.table-bordered {
424
462
  border-bottom-width: 0;
425
463
  }
426
464
 
427
- div.table-responsive > div.dataTables_wrapper > div.row {
465
+ div.table-responsive > div.dt-container > div.row {
428
466
  margin: 0;
429
467
  }
430
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
468
+ div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
431
469
  padding-left: 0;
432
470
  }
433
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
471
+ div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
434
472
  padding-right: 0;
435
473
  }
436
474
 
@@ -1,5 +1,5 @@
1
- :root{--dt-row-selected: 13, 110, 253;--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:#0d6efd;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}/*! Bootstrap 5 integration for DataTables
1
+ :root{--dt-row-selected: 13, 110, 253;--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(13, 110, 253);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}/*! Bootstrap 5 integration for DataTables
2
2
  *
3
3
  * ©2020 SpryMedia Ltd, all rights reserved.
4
4
  * License: MIT datatables.net/license/mit
5
- */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)>*{box-shadow:none}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px #0d6efd;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:nth-of-type(2n+1)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 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(13, 110, 253, 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.dt-row{position:relative}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.dataTable.table-sm>thead>tr>th:not(.sorting_disabled):before,table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled):after{right:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable thead tr:first-child th,table.table-bordered.dataTable thead tr:first-child td{border-top-width:1px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:first-child,table.table-bordered.dataTable th:first-child,table.table-bordered.dataTable td:first-child,table.table-bordered.dataTable td:first-child{border-left-width:1px}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 th,table.table-bordered.dataTable td{border-bottom-width:1px}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}:root[data-bs-theme=dark]{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}
5
+ */table.table.dataTable{clear:both;margin-bottom:0;max-width:none;border-spacing:0}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:none}table.table.dataTable>:not(caption)>*>*{background-color:transparent}table.table.dataTable>tbody>tr{background-color:transparent}table.table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(13, 110, 253);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.table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap}div.dt-container div.dt-length select{width:auto;display:inline-block;margin-right:.5em}div.dt-container div.dt-search{text-align:right}div.dt-container div.dt-search label{font-weight:normal;white-space:nowrap;text-align:left}div.dt-container div.dt-search input{margin-left:.5em;display:inline-block;width:auto}div.dt-container div.dt-info{padding-top:.85em}div.dt-container div.dt-paging{margin:0}div.dt-container div.dt-paging ul.pagination{margin:2px 0;flex-wrap:wrap}div.dt-container div.dt-row{position:relative}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-scroll-body{border-bottom-color:var(--bs-border-color);border-bottom-width:var(--bs-border-width);border-bottom-style:solid}div.dt-scroll-body>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body>table>tbody>tr:first-child{border-top-width:0}div.dt-scroll-body>table>thead>tr{border-width:0 !important}div.dt-scroll-body>table>tbody>tr:last-child>*{border-bottom: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}div.dt-scroll-foot>.dt-scroll-footInner>table>tfoot>tr:first-child{border-top-width:0 !important}@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 .row{--bs-gutter-y: 0.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>thead>tr>th:not(.sorting_disabled):before,table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled):after{right: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}:root[data-bs-theme=dark]{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}
@@ -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
 
@@ -51,7 +51,7 @@ var DataTable = $.fn.dataTable;
51
51
 
52
52
  /**
53
53
  * DataTables integration for Bootstrap 5. This requires Bootstrap 5 and
54
- * DataTables 1.10 or newer.
54
+ * DataTables 2 or newer.
55
55
  *
56
56
  * This file sets the defaults and adds options to DataTables to style its
57
57
  * controls using Bootstrap. See https://datatables.net/manual/styling/bootstrap
@@ -60,151 +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 dt-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-bootstrap5",
74
- sFilterInput: "form-control form-control-sm",
75
- sLengthSelect: "form-select form-select-sm",
76
- sProcessing: "dataTables_processing card",
77
- sPageButton: "paginate_button page-item"
68
+ $.extend( true, DataTable.ext.classes, {
69
+ container: "dt-container dt-bootstrap5",
70
+ search: {
71
+ input: "form-control form-control-sm"
72
+ },
73
+ length: {
74
+ select: "form-select form-select-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
- var hostEl = $(host);
178
- // IE9 throws an 'unknown error' if document.activeElement is used
179
- // inside an iframe or frame.
180
- var activeEl;
181
-
182
- try {
183
- // Because this approach is destroying and recreating the paging
184
- // elements, focus is lost on the select button which is bad for
185
- // accessibility. So we want to restore focus once the draw has
186
- // completed
187
- activeEl = hostEl.find(document.activeElement).data('dt-idx');
188
- }
189
- catch (e) {}
108
+ DataTable.ext.renderer.pagingContainer.bootstrap = function (settings, buttonEls) {
109
+ return $('<ul/>').addClass('pagination').append(buttonEls);
110
+ };
190
111
 
191
- var paginationEl = hostEl.children('ul.pagination');
112
+ DataTable.ext.renderer.layout.bootstrap = function ( settings, container, items ) {
113
+ var row = $( '<div/>', {
114
+ "class": items.full ?
115
+ 'row mt-2 justify-content-md-center' :
116
+ 'row mt-2 justify-content-between'
117
+ } )
118
+ .appendTo( container );
192
119
 
193
- if (paginationEl.length) {
194
- paginationEl.empty();
195
- }
196
- else {
197
- paginationEl = hostEl.html('<ul/>').children('ul').addClass('pagination');
198
- }
120
+ $.each( items, function (key, val) {
121
+ var klass;
199
122
 
200
- attach(
201
- paginationEl,
202
- buttons
203
- );
123
+ // Apply start / end (left / right when ltr) margins
124
+ if (val.table) {
125
+ klass = 'col-12';
126
+ }
127
+ else if (key === 'start') {
128
+ klass = 'col-md-auto me-auto';
129
+ }
130
+ else if (key === 'end') {
131
+ klass = 'col-md-auto ms-auto';
132
+ }
133
+ else {
134
+ klass = 'col-md';
135
+ }
204
136
 
205
- if ( activeEl !== undefined ) {
206
- hostEl.find('[data-dt-idx='+activeEl+']').trigger('focus');
207
- }
137
+ $( '<div/>', {
138
+ id: val.id || null,
139
+ "class": klass + ' ' + (val.className || '')
140
+ } )
141
+ .append( val.contents )
142
+ .appendTo( row );
143
+ } );
208
144
  };
209
145
 
210
146
 
@@ -1,4 +1,4 @@
1
1
  /*! DataTables Bootstrap 5 integration
2
2
  * 2020 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- !function(t){var n,r;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return t(e,window,document)}):"object"==typeof exports?(n=require("jquery"),r=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),r(e,a),t(a,0,e.document)}:(r(window,n),module.exports=t(n,window,window.document))):t(jQuery,window,document)}(function(x,e,r,o){"use strict";var i=x.fn.dataTable;return x.extend(!0,i.defaults,{dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row dt-row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",renderer:"bootstrap"}),x.extend(i.ext.classes,{sWrapper:"dataTables_wrapper dt-bootstrap5",sFilterInput:"form-control form-control-sm",sLengthSelect:"form-select form-select-sm",sProcessing:"dataTables_processing card",sPageButton:"paginate_button page-item"}),i.ext.renderer.pageButton.bootstrap=function(d,e,s,a,l,c){function u(e,a){for(var t,n,r=function(e){e.preventDefault(),x(e.currentTarget).hasClass("disabled")||b.page()==e.data.action||b.page(e.data.action).draw("page")},o=0,i=a.length;o<i;o++)if(t=a[o],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:m.sPageButton+" "+f,id:0===s&&"string"==typeof t?d.sTableId+"_"+t:null}).append(x("<a>",{href:n?null:"#","aria-controls":d.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:d.iTabIndex,class:"page-link"}).html(p)).appendTo(e),d.oApi._fnBindAction(n,{action:t},r))}}var p,f,t,b=new i.Api(d),m=d.oClasses,g=d.oLanguage.oPaginate,w=d.oLanguage.oAria.paginate||{},e=x(e);try{t=e.find(r.activeElement).data("dt-idx")}catch(e){}var n=e.children("ul.pagination");n.length?n.empty():n=e.html("<ul/>").children("ul").addClass("pagination"),u(n,a),t!==o&&e.find("[data-dt-idx="+t+"]").trigger("focus")},i});
4
+ !function(n){var o,a;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),a=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),a(e,t),n(t,0,e.document)}:(a(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-bootstrap5",search:{input:"form-control form-control-sm"},length:{select:"form-select form-select-sm"},processing:{container:"dt-processing card"}}),n.ext.renderer.pagingButton.bootstrap=function(e,t,n,o,a){var r=["dt-paging-button","page-item"],o=(o&&r.push("active"),a&&r.push("disabled"),d("<li>").addClass(r.join(" ")));return{display:o,clicker:d("<a>",{href:a?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 mt-2 justify-content-md-center":"row mt-2 justify-content-between"}).appendTo(t);d.each(n,function(e,t){e=t.table?"col-12":"start"===e?"col-md-auto me-auto":"end"===e?"col-md-auto ms-auto":"col-md";d("<div/>",{id:t.id||null,class:e+" "+(t.className||"")}).append(t.contents).appendTo(o)})},n});
@@ -1,4 +1,4 @@
1
1
  /*! DataTables Bootstrap 5 integration
2
2
  * 2020 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 dt-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-bootstrap5",sFilterInput:"form-control form-control-sm",sLengthSelect:"form-select form-select-sm",sProcessing:"dataTables_processing card",sPageButton:"paginate_button page-item"}),DataTable.ext.renderer.pageButton.bootstrap=function(o,a,d,e,n,c){function p(a,e){function t(a){a.preventDefault(),$(a.currentTarget).hasClass("disabled")||g.page()==a.data.action||g.page(a.data.action).draw("page")}for(var l,r,s=0,i=e.length;s<i;s++)if(l=e[s],Array.isArray(l))p(a,l);else{switch(u=b="",l){case"ellipsis":b="&#x2026;",u="disabled";break;case"first":b=f.sFirst,u=l+(0<n?"":" disabled");break;case"previous":b=f.sPrevious,u=l+(0<n?"":" disabled");break;case"next":b=f.sNext,u=l+(n<c-1?"":" disabled");break;case"last":b=f.sLast,u=l+(n<c-1?"":" disabled");break;default:b=l+1,u=n===l?"active":""}b&&(r=-1!==u.indexOf("disabled"),r=$("<li>",{class:m.sPageButton+" "+u,id:0===d&&"string"==typeof l?o.sTableId+"_"+l:null}).append($("<a>",{href:r?null:"#","aria-controls":o.sTableId,"aria-disabled":r?"true":null,"aria-label":x[l],role:"link","aria-current":"active"===u?"page":null,"data-dt-idx":l,tabindex:r?-1:o.iTabIndex,class:"page-link"}).html(b)).appendTo(a),o.oApi._fnBindAction(r,{action:l},t))}}var b,u,t,g=new DataTable.Api(o),m=o.oClasses,f=o.oLanguage.oPaginate,x=o.oLanguage.oAria.paginate||{},a=$(a);try{t=a.find(document.activeElement).data("dt-idx")}catch(a){}var l=a.children("ul.pagination");l.length?l.empty():l=a.html("<ul/>").children("ul").addClass("pagination"),p(l,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-bootstrap5",search:{input:"form-control form-control-sm"},length:{select:"form-select form-select-sm"},processing:{container:"dt-processing card"}}),DataTable.ext.renderer.pagingButton.bootstrap=function(t,e,a,n,o){var r=["dt-paging-button","page-item"],n=(n&&r.push("active"),o&&r.push("disabled"),$("<li>").addClass(r.join(" ")));return{display:n,clicker:$("<a>",{href:o?null:"#",class:"page-link"}).html(a).appendTo(n)}},DataTable.ext.renderer.pagingContainer.bootstrap=function(t,e){return $("<ul/>").addClass("pagination").append(e)},DataTable.ext.renderer.layout.bootstrap=function(t,e,a){var n=$("<div/>",{class:a.full?"row mt-2 justify-content-md-center":"row mt-2 justify-content-between"}).appendTo(e);$.each(a,function(t,e){t=e.table?"col-12":"start"===t?"col-md-auto me-auto":"end"===t?"col-md-auto ms-auto":"col-md";$("<div/>",{id:e.id||null,class:t+" "+(e.className||"")}).append(e.contents).appendTo(n)})};export default DataTable;
@@ -11,7 +11,7 @@ let $ = jQuery;
11
11
 
12
12
  /**
13
13
  * DataTables integration for Bootstrap 5. This requires Bootstrap 5 and
14
- * DataTables 1.10 or newer.
14
+ * DataTables 2 or newer.
15
15
  *
16
16
  * This file sets the defaults and adds options to DataTables to style its
17
17
  * controls using Bootstrap. See https://datatables.net/manual/styling/bootstrap
@@ -20,151 +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 dt-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-bootstrap5",
34
- sFilterInput: "form-control form-control-sm",
35
- sLengthSelect: "form-select form-select-sm",
36
- sProcessing: "dataTables_processing card",
37
- sPageButton: "paginate_button page-item"
28
+ $.extend( true, DataTable.ext.classes, {
29
+ container: "dt-container dt-bootstrap5",
30
+ search: {
31
+ input: "form-control form-control-sm"
32
+ },
33
+ length: {
34
+ select: "form-select form-select-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
- var hostEl = $(host);
138
- // IE9 throws an 'unknown error' if document.activeElement is used
139
- // inside an iframe or frame.
140
- var activeEl;
141
-
142
- try {
143
- // Because this approach is destroying and recreating the paging
144
- // elements, focus is lost on the select button which is bad for
145
- // accessibility. So we want to restore focus once the draw has
146
- // completed
147
- activeEl = hostEl.find(document.activeElement).data('dt-idx');
46
+ if (active) {
47
+ btnClasses.push('active');
148
48
  }
149
- catch (e) {}
150
49
 
151
- var paginationEl = hostEl.children('ul.pagination');
152
-
153
- if (paginationEl.length) {
154
- paginationEl.empty();
155
- }
156
- else {
157
- paginationEl = hostEl.html('<ul/>').children('ul').addClass('pagination');
50
+ if (disabled) {
51
+ btnClasses.push('disabled')
158
52
  }
159
53
 
160
- attach(
161
- paginationEl,
162
- buttons
163
- );
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
+ };
164
67
 
165
- if ( activeEl !== undefined ) {
166
- hostEl.find('[data-dt-idx='+activeEl+']').trigger('focus');
167
- }
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 mt-2 justify-content-md-center' :
76
+ 'row mt-2 justify-content-between'
77
+ } )
78
+ .appendTo( container );
79
+
80
+ $.each( items, function (key, val) {
81
+ var klass;
82
+
83
+ // Apply start / end (left / right when ltr) margins
84
+ if (val.table) {
85
+ klass = 'col-12';
86
+ }
87
+ else if (key === 'start') {
88
+ klass = 'col-md-auto me-auto';
89
+ }
90
+ else if (key === 'end') {
91
+ klass = 'col-md-auto ms-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
+ } );
168
104
  };
169
105
 
170
106
 
package/package.json CHANGED
@@ -5,13 +5,12 @@
5
5
  "module": "js/dataTables.bootstrap5.mjs",
6
6
  "style": "css/dataTables.bootstrap5.css",
7
7
  "types": "./types/dataTables.bootstrap5.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-Bootstrap5.git"
49
48
  }
50
- }
49
+ }
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file