15a28f0db351b32b446a20ab2d4accd6acbd9716 Fix: -init layout's output depended for a row depended on the order Start and End were given in. That is no longer the case and Start will always preceed End in the DOM.

DD-3019

Sync to source repo @15a28f0db351b32b446a20ab2d4accd6acbd9716

Author: dtbuild

datatables.json

@@ -14,5 +14,5 @@
     ],
     "src-repo": "http://github.com/DataTables/DataTablesSrc",
     "last-tag": "2.1.8",
-    "last-sync": "4f47939f6ee3fc533887ec775f202fd833645548"
+    "last-sync": "15a28f0db351b32b446a20ab2d4accd6acbd9716"
 }

js/dataTables.bulma.js

@@ -115,7 +115,7 @@ DataTable.ext.renderer.layout.bulma = function ( settings, container, items ) {
 		.addClass(items.className || classes.row)
 		.appendTo( container );
 
-	$.each( items, function (key, val) {
+	DataTable.ext.renderer.layout._forLayoutRow(items, function (key, val) {
 		if (key === 'id' || key === 'className') {
 			return;
 		}

js/dataTables.bulma.min.js

@@ -1,4 +1,4 @@
 /*! DataTables Bulma integration
  * © SpryMedia Ltd - datatables.net/license
  */
-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"},paging:{nav:"pagination"}}),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){return $('<ul class="pagination-list"></ul>').append(t)},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;
+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"},paging:{nav:"pagination"}}),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){return $('<ul class="pagination-list"></ul>').append(t)},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);DataTable.ext.renderer.layout._forLayoutRow(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;

js/dataTables.bulma.min.mjs

@@ -75,7 +75,7 @@ DataTable.ext.renderer.layout.bulma = function ( settings, container, items ) {
 		.addClass(items.className || classes.row)
 		.appendTo( container );
 
-	$.each( items, function (key, val) {
+	DataTable.ext.renderer.layout._forLayoutRow(items, function (key, val) {
 		if (key === 'id' || key === 'className') {
 			return;
 		}