datatables.net-bm 2.0.7 → 2.1.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 (7) hide show
  1. package/css/dataTables.bulma.css +55 -16
  2. package/css/dataTables.bulma.min.css +3 -3
  3. package/js/dataTables.bulma.js +32 -15
  4. package/js/dataTables.bulma.min.js +1 -1
  5. package/js/dataTables.bulma.min.mjs +1 -1
  6. package/js/dataTables.bulma.mjs +32 -15
  7. package/package.json +2 -2
package/css/dataTables.bulma.css CHANGED
@@ -1,6 +1,9 @@
1
1
  @charset "UTF-8";
2
+ /*! DataTables Bulma integration
3
+ * © SpryMedia Ltd - datatables.net/license
4
+ */
2
5
  :root {
3
- --dt-row-selected: 0, 209, 178;
6
+ --dt-row-selected: 13, 110, 253;
4
7
  --dt-row-selected-text: 255, 255, 255;
5
8
  --dt-row-selected-link: 9, 10, 11;
6
9
  --dt-row-stripe: 0, 0, 0;
@@ -33,15 +36,21 @@ table.dataTable tr.dt-hasChild td.dt-control:before {
33
36
  }
34
37
 
35
38
  html.dark table.dataTable td.dt-control:before,
36
- :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
39
+ :root[data-bs-theme=dark] table.dataTable td.dt-control:before,
40
+ :root[data-theme=dark] table.dataTable td.dt-control:before {
37
41
  border-left-color: rgba(255, 255, 255, 0.5);
38
42
  }
39
43
  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 {
44
+ :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
45
+ :root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
41
46
  border-top-color: rgba(255, 255, 255, 0.5);
42
47
  border-left-color: transparent;
43
48
  }
44
49
 
50
+ div.dt-scroll {
51
+ width: 100%;
52
+ }
53
+
45
54
  div.dt-scroll-body thead tr,
46
55
  div.dt-scroll-body tfoot tr {
47
56
  height: 0;
@@ -181,7 +190,7 @@ div.dt-processing > div:last-child > div {
181
190
  width: 13px;
182
191
  height: 13px;
183
192
  border-radius: 50%;
184
- background: rgb(0, 209, 178);
193
+ background: rgb(13, 110, 253);
185
194
  background: rgb(var(--dt-row-selected));
186
195
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
187
196
  }
@@ -320,9 +329,14 @@ table.dataTable tbody td.dt-body-nowrap {
320
329
  white-space: nowrap;
321
330
  }
322
331
 
323
- /*! DataTables Bulma integration
324
- * ©2020 SpryMedia Ltd - datatables.net/license
325
- */
332
+ :root {
333
+ --dt-row-selected: 0, 209, 178;
334
+ --dt-row-selected-text: 46, 51, 61;
335
+ }
336
+ :root[data-theme=dark] {
337
+ --dt-row-selected-text: 0, 31, 26;
338
+ }
339
+
326
340
  table.dataTable {
327
341
  clear: both;
328
342
  margin-top: 6px !important;
@@ -337,7 +351,7 @@ table.dataTable > tbody > tr {
337
351
  background-color: transparent;
338
352
  }
339
353
  table.dataTable > tbody > tr.selected > * {
340
- box-shadow: inset 0 0 0 9999px rgb(0, 209, 178);
354
+ box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
341
355
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
342
356
  color: rgb(255, 255, 255);
343
357
  color: rgb(var(--dt-row-selected-text));
@@ -350,17 +364,48 @@ table.dataTable.is-striped > tbody > tr:nth-child(2n) > * {
350
364
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019);
351
365
  }
352
366
  table.dataTable.is-striped > tbody > tr:nth-child(2n).selected > * {
353
- box-shadow: inset 0 0 0 9999px rgba(0, 209, 178, 0.919);
367
+ box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
354
368
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
355
369
  }
356
370
  table.dataTable.is-hoverable > tbody > tr:hover > * {
357
371
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
358
372
  }
359
373
  table.dataTable.is-hoverable > tbody > tr.selected:hover > * {
360
- box-shadow: inset 0 0 0 9999px rgba(0, 209, 178, 0.975);
374
+ box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
361
375
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
362
376
  }
363
377
 
378
+ div.dt-container div.dt-layout-start > *:not(:last-child) {
379
+ margin-right: 1em;
380
+ }
381
+ div.dt-container div.dt-layout-end > *:not(:first-child) {
382
+ margin-left: 1em;
383
+ }
384
+ div.dt-container div.dt-layout-full {
385
+ width: 100%;
386
+ }
387
+ div.dt-container div.dt-layout-full > *:only-child {
388
+ margin-left: auto;
389
+ margin-right: auto;
390
+ }
391
+ div.dt-container div.dt-layout-table > div {
392
+ display: block !important;
393
+ }
394
+
395
+ @media screen and (max-width: 767px) {
396
+ div.dt-container div.dt-layout-start > *:not(:last-child) {
397
+ margin-right: 0;
398
+ }
399
+ div.dt-container div.dt-layout-end > *:not(:first-child) {
400
+ margin-left: 0;
401
+ }
402
+ }
403
+ @media screen and (max-width: 767px) {
404
+ div.dt-container > div.columns:not(.dt-layout-table) > div.column {
405
+ display: block !important;
406
+ text-align: center;
407
+ }
408
+ }
364
409
  div.dt-container > div.columns {
365
410
  margin-bottom: 0 !important;
366
411
  }
@@ -377,9 +422,6 @@ div.dt-container div.dt-length select {
377
422
  display: inline-block;
378
423
  vertical-align: middle;
379
424
  }
380
- div.dt-container div.dt-search {
381
- text-align: right;
382
- }
383
425
  div.dt-container div.dt-search label {
384
426
  font-weight: normal;
385
427
  white-space: nowrap;
@@ -390,9 +432,6 @@ div.dt-container div.dt-search input {
390
432
  width: auto;
391
433
  vertical-align: middle;
392
434
  }
393
- div.dt-container div.dt-info {
394
- padding-top: 0.5em;
395
- }
396
435
  div.dt-container div.dt-paging ul {
397
436
  justify-content: flex-end;
398
437
  list-style: none;
package/css/dataTables.bulma.min.css CHANGED
@@ -1,3 +1,3 @@
1
- :root{--dt-row-selected: 0, 209, 178;--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(0, 209, 178);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}/*! DataTables Bulma integration
2
- * ©2020 SpryMedia Ltd - datatables.net/license
3
- */table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-spacing:0}table.dataTable.table.is-striped>tbody>tr:nth-child(2n){background-color:transparent}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(0, 209, 178);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.is-striped>tbody>tr:nth-child(2n)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019)}table.dataTable.is-striped>tbody>tr:nth-child(2n).selected>*{box-shadow:inset 0 0 0 9999px rgba(0, 209, 178, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.is-hoverable>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.is-hoverable>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 209, 178, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dt-container>div.columns{margin-bottom:0 !important}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap}div.dt-container div.dt-length div{vertical-align:middle}div.dt-container div.dt-length select{width:auto;display:inline-block;vertical-align:middle}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;width:auto;vertical-align:middle}div.dt-container div.dt-info{padding-top:.5em}div.dt-container div.dt-paging ul{justify-content:flex-end;list-style:none;margin:0}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.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid #dbdbdb}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-container.dt-empty-footer div.dt-scroll-body{border-bottom:1px solid #dbdbdb}div.dt-scroll-body table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body table thead .sorting:before,div.dt-scroll-body table thead .sorting_asc:before,div.dt-scroll-body table thead .sorting_desc:before,div.dt-scroll-body table thead .sorting:after,div.dt-scroll-body table thead .sorting_asc:after,div.dt-scroll-body table thead .sorting_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-body table tbody>tr:last-child>*{border-bottom-width:0 !important}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}
1
+ /*! DataTables Bulma integration
2
+ * © SpryMedia Ltd - datatables.net/license
3
+ */: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,:root[data-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,:root[data-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{width:100%}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}:root{--dt-row-selected: 0, 209, 178;--dt-row-selected-text: 46, 51, 61}:root[data-theme=dark]{--dt-row-selected-text: 0, 31, 26}table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-spacing:0}table.dataTable.table.is-striped>tbody>tr:nth-child(2n){background-color:transparent}table.dataTable>tbody>tr{background-color:transparent}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.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable.is-striped>tbody>tr:nth-child(2n)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019)}table.dataTable.is-striped>tbody>tr:nth-child(2n).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.is-hoverable>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.is-hoverable>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-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}@media screen and (max-width: 767px){div.dt-container>div.columns:not(.dt-layout-table)>div.column{display:block !important;text-align:center}}div.dt-container>div.columns{margin-bottom:0 !important}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap}div.dt-container div.dt-length div{vertical-align:middle}div.dt-container div.dt-length select{width:auto;display:inline-block;vertical-align:middle}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;width:auto;vertical-align:middle}div.dt-container div.dt-paging ul{justify-content:flex-end;list-style:none;margin:0}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.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid #dbdbdb}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-container.dt-empty-footer div.dt-scroll-body{border-bottom:1px solid #dbdbdb}div.dt-scroll-body table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body table thead .sorting:before,div.dt-scroll-body table thead .sorting_asc:before,div.dt-scroll-body table thead .sorting_desc:before,div.dt-scroll-body table thead .sorting:after,div.dt-scroll-body table thead .sorting_asc:after,div.dt-scroll-body table thead .sorting_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-body table tbody>tr:last-child>*{border-bottom-width:0 !important}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}
package/js/dataTables.bulma.js CHANGED
@@ -61,6 +61,15 @@ $.extend( true, DataTable.ext.classes, {
61
61
  search: {
62
62
  input: "input"
63
63
  },
64
+ layout: {
65
+ row: 'columns is-multiline',
66
+ cell: 'is-flex is-justify-content-space-between is-align-items-center',
67
+ tableRow: 'dt-layout-table',
68
+ tableCell: 'column is-full',
69
+ start: 'dt-layout-start column is-narrow',
70
+ end: 'dt-layout-end column is-narrow',
71
+ full: 'dt-layout-full column is-full'
72
+ },
64
73
  length: {
65
74
  input: "custom-select custom-select-sm form-control form-control-sm"
66
75
  },
@@ -101,35 +110,43 @@ DataTable.ext.renderer.pagingContainer.bulma = function (settings, buttonEls) {
101
110
  };
102
111
 
103
112
  DataTable.ext.renderer.layout.bulma = function ( settings, container, items ) {
104
- var style = {};
105
- var row = $( '<div/>', {
106
- "class": 'columns is-multiline'
107
- } )
113
+ var classes = settings.oClasses.layout;
114
+ var row = $('<div/>')
115
+ .attr('id', items.id || null)
116
+ .addClass(items.className || classes.row)
108
117
  .appendTo( container );
109
118
 
110
119
  $.each( items, function (key, val) {
111
- var klass;
120
+ if (key === 'id' || key === 'className') {
121
+ return;
122
+ }
123
+
124
+ var klass = '';
125
+ var style = {};
112
126
 
113
127
  if (val.table) {
114
- klass = 'column is-full';
128
+ row.addClass(classes.tableRow);
129
+ klass += classes.tableCell + ' ';
115
130
  }
116
- else if (key === 'start') {
117
- klass = 'column is-narrow';
131
+
132
+ if (key === 'start') {
133
+ klass += classes.start;
118
134
  }
119
135
  else if (key === 'end') {
120
- klass = 'column is-narrow';
136
+ klass += classes.end;
121
137
  style.marginLeft = 'auto';
122
138
  }
123
139
  else {
124
- klass = 'column is-full';
125
- style.marginLeft = 'auto';
126
- style.marginRight = 'auto';
140
+ klass += classes.full;
127
141
  }
128
142
 
129
- $( '<div/>', {
143
+ $('<div/>')
144
+ .attr({
130
145
  id: val.id || null,
131
- "class": klass+' '+(val.className || '')
132
- } )
146
+ "class": val.className
147
+ ? val.className
148
+ : classes.cell + ' ' + klass
149
+ })
133
150
  .css(style)
134
151
  .append( val.contents )
135
152
  .appendTo( row );
package/js/dataTables.bulma.min.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! DataTables Bulma integration
2
2
  * © SpryMedia Ltd - datatables.net/license
3
3
  */
4
- !function(t){var a,i;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(n){return t(n,window,document)}):"object"==typeof exports?(a=require("jquery"),i=function(n,e){e.fn.dataTable||require("datatables.net")(n,e)},"undefined"==typeof window?module.exports=function(n,e){return n=n||window,e=e||a(n),i(n,e),t(e,0,n.document)}:(i(window,a),module.exports=t(a,window,window.document))):t(jQuery,window,document)}(function(r,n,e){"use strict";var t=r.fn.dataTable;return r.extend(!0,t.defaults,{renderer:"bulma"}),r.extend(!0,t.ext.classes,{container:"dt-container dt-bulma",search:{input:"input"},length:{input:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),t.ext.renderer.pagingButton.bulma=function(n,e,t,a,i){var o=["pagination-link"],a=(a&&o.push("is-current"),r("<li>"));return{display:a,clicker:r("<a>",{href:i?null:"#",class:o.join(" "),disabled:i}).html(t).appendTo(a)}},t.ext.renderer.pagingContainer.bulma=function(n,e){var t=r('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');return t.find("ul").append(e),t},t.ext.renderer.layout.bulma=function(n,e,t){var a={},i=r("<div/>",{class:"columns is-multiline"}).appendTo(e);r.each(t,function(n,e){var t;e.table?t="column is-full":"start"===n?t="column is-narrow":"end"===n?(t="column is-narrow",a.marginLeft="auto"):(t="column is-full",a.marginLeft="auto",a.marginRight="auto"),r("<div/>",{id:e.id||null,class:t+" "+(e.className||"")}).css(a).append(e.contents).appendTo(i)})},r(e).on("init.dt",function(n,e){"dt"===n.namespace&&(n=new r.fn.dataTable.Api(e),r("div.dt-length select",n.table().container()).wrap('<div class="select">'))}),t});
4
+ !function(t){var a,l;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return t(e,window,document)}):"object"==typeof exports?(a=require("jquery"),l=function(e,n){n.fn.dataTable||require("datatables.net")(e,n)},"undefined"==typeof window?module.exports=function(e,n){return e=e||window,n=n||a(e),l(e,n),t(n,0,e.document)}:(l(window,a),module.exports=t(a,window,window.document))):t(jQuery,window,document)}(function(o,e,n){"use strict";var t=o.fn.dataTable;return o.extend(!0,t.defaults,{renderer:"bulma"}),o.extend(!0,t.ext.classes,{container:"dt-container dt-bulma",search:{input:"input"},layout:{row:"columns is-multiline",cell:"is-flex is-justify-content-space-between is-align-items-center",tableRow:"dt-layout-table",tableCell:"column is-full",start:"dt-layout-start column is-narrow",end:"dt-layout-end column is-narrow",full:"dt-layout-full column is-full"},length:{input:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),t.ext.renderer.pagingButton.bulma=function(e,n,t,a,l){var i=["pagination-link"],a=(a&&i.push("is-current"),o("<li>"));return{display:a,clicker:o("<a>",{href:l?null:"#",class:i.join(" "),disabled:l}).html(t).appendTo(a)}},t.ext.renderer.pagingContainer.bulma=function(e,n){var t=o('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');return t.find("ul").append(n),t},t.ext.renderer.layout.bulma=function(e,n,t){var l=e.oClasses.layout,i=o("<div/>").attr("id",t.id||null).addClass(t.className||l.row).appendTo(n);o.each(t,function(e,n){var t,a;"id"!==e&&"className"!==e&&(t="",a={},n.table&&(i.addClass(l.tableRow),t+=l.tableCell+" "),"start"===e?t+=l.start:"end"===e?(t+=l.end,a.marginLeft="auto"):t+=l.full,o("<div/>").attr({id:n.id||null,class:n.className||l.cell+" "+t}).css(a).append(n.contents).appendTo(i))})},o(n).on("init.dt",function(e,n){"dt"===e.namespace&&(e=new o.fn.dataTable.Api(n),o("div.dt-length select",e.table().container()).wrap('<div class="select">'))}),t});
package/js/dataTables.bulma.min.mjs CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! DataTables Bulma integration
2
2
  * © SpryMedia Ltd - datatables.net/license
3
3
  */
4
- import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{renderer:"bulma"}),$.extend(!0,DataTable.ext.classes,{container:"dt-container dt-bulma",search:{input:"input"},length:{input:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),DataTable.ext.renderer.pagingButton.bulma=function(a,n,e,t,l){var i=["pagination-link"],t=(t&&i.push("is-current"),$("<li>"));return{display:t,clicker:$("<a>",{href:l?null:"#",class:i.join(" "),disabled:l}).html(e).appendTo(t)}},DataTable.ext.renderer.pagingContainer.bulma=function(a,n){var e=$('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');return e.find("ul").append(n),e},DataTable.ext.renderer.layout.bulma=function(a,n,e){var t={},l=$("<div/>",{class:"columns is-multiline"}).appendTo(n);$.each(e,function(a,n){var e;n.table?e="column is-full":"start"===a?e="column is-narrow":"end"===a?(e="column is-narrow",t.marginLeft="auto"):(e="column is-full",t.marginLeft="auto",t.marginRight="auto"),$("<div/>",{id:n.id||null,class:e+" "+(n.className||"")}).css(t).append(n.contents).appendTo(l)})},$(document).on("init.dt",function(a,n){"dt"===a.namespace&&(a=new $.fn.dataTable.Api(n),$("div.dt-length select",a.table().container()).wrap('<div class="select">'))});export default DataTable;
4
+ import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{renderer:"bulma"}),$.extend(!0,DataTable.ext.classes,{container:"dt-container dt-bulma",search:{input:"input"},layout:{row:"columns is-multiline",cell:"is-flex is-justify-content-space-between is-align-items-center",tableRow:"dt-layout-table",tableCell:"column is-full",start:"dt-layout-start column is-narrow",end:"dt-layout-end column is-narrow",full:"dt-layout-full column is-full"},length:{input:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),DataTable.ext.renderer.pagingButton.bulma=function(a,t,e,l,n){var s=["pagination-link"],l=(l&&s.push("is-current"),$("<li>"));return{display:l,clicker:$("<a>",{href:n?null:"#",class:s.join(" "),disabled:n}).html(e).appendTo(l)}},DataTable.ext.renderer.pagingContainer.bulma=function(a,t){var e=$('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');return e.find("ul").append(t),e},DataTable.ext.renderer.layout.bulma=function(a,t,e){var n=a.oClasses.layout,s=$("<div/>").attr("id",e.id||null).addClass(e.className||n.row).appendTo(t);$.each(e,function(a,t){var e,l;"id"!==a&&"className"!==a&&(e="",l={},t.table&&(s.addClass(n.tableRow),e+=n.tableCell+" "),"start"===a?e+=n.start:"end"===a?(e+=n.end,l.marginLeft="auto"):e+=n.full,$("<div/>").attr({id:t.id||null,class:t.className||n.cell+" "+e}).css(l).append(t.contents).appendTo(s))})},$(document).on("init.dt",function(a,t){"dt"===a.namespace&&(a=new $.fn.dataTable.Api(t),$("div.dt-length select",a.table().container()).wrap('<div class="select">'))});export default DataTable;
package/js/dataTables.bulma.mjs CHANGED
@@ -21,6 +21,15 @@ $.extend( true, DataTable.ext.classes, {
21
21
  search: {
22
22
  input: "input"
23
23
  },
24
+ layout: {
25
+ row: 'columns is-multiline',
26
+ cell: 'is-flex is-justify-content-space-between is-align-items-center',
27
+ tableRow: 'dt-layout-table',
28
+ tableCell: 'column is-full',
29
+ start: 'dt-layout-start column is-narrow',
30
+ end: 'dt-layout-end column is-narrow',
31
+ full: 'dt-layout-full column is-full'
32
+ },
24
33
  length: {
25
34
  input: "custom-select custom-select-sm form-control form-control-sm"
26
35
  },
@@ -61,35 +70,43 @@ DataTable.ext.renderer.pagingContainer.bulma = function (settings, buttonEls) {
61
70
  };
62
71
 
63
72
  DataTable.ext.renderer.layout.bulma = function ( settings, container, items ) {
64
- var style = {};
65
- var row = $( '<div/>', {
66
- "class": 'columns is-multiline'
67
- } )
73
+ var classes = settings.oClasses.layout;
74
+ var row = $('<div/>')
75
+ .attr('id', items.id || null)
76
+ .addClass(items.className || classes.row)
68
77
  .appendTo( container );
69
78
 
70
79
  $.each( items, function (key, val) {
71
- var klass;
80
+ if (key === 'id' || key === 'className') {
81
+ return;
82
+ }
83
+
84
+ var klass = '';
85
+ var style = {};
72
86
 
73
87
  if (val.table) {
74
- klass = 'column is-full';
88
+ row.addClass(classes.tableRow);
89
+ klass += classes.tableCell + ' ';
75
90
  }
76
- else if (key === 'start') {
77
- klass = 'column is-narrow';
91
+
92
+ if (key === 'start') {
93
+ klass += classes.start;
78
94
  }
79
95
  else if (key === 'end') {
80
- klass = 'column is-narrow';
96
+ klass += classes.end;
81
97
  style.marginLeft = 'auto';
82
98
  }
83
99
  else {
84
- klass = 'column is-full';
85
- style.marginLeft = 'auto';
86
- style.marginRight = 'auto';
100
+ klass += classes.full;
87
101
  }
88
102
 
89
- $( '<div/>', {
103
+ $('<div/>')
104
+ .attr({
90
105
  id: val.id || null,
91
- "class": klass+' '+(val.className || '')
92
- } )
106
+ "class": val.className
107
+ ? val.className
108
+ : classes.cell + ' ' + klass
109
+ })
93
110
  .css(style)
94
111
  .append( val.contents )
95
112
  .appendTo( row );
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "module": "js/dataTables.bulma.mjs",
6
6
  "style": "css/dataTables.bulma.css",
7
7
  "types": "./types/dataTables.bulma.d.ts",
8
- "version": "2.0.7",
8
+ "version": "2.1.0",
9
9
  "files": [
10
10
  "css/**/*.css",
11
11
  "js/**/*.js",
@@ -21,7 +21,7 @@
21
21
  "sort"
22
22
  ],
23
23
  "dependencies": {
24
- "datatables.net": "2.0.7",
24
+ "datatables.net": "2.1.0",
25
25
  "jquery": ">=1.7"
26
26
  },
27
27
  "moduleType": [