23a882cf9560b54b7b15d32f8b5934f23739dc38 Updated: Make use of `DataTa…

…ble.use()` to get the bootstrap library (requires DT 2.1.9 and only relevent for Bootstrap 5 in ESM).

Sync to source repo @23a882cf9560b54b7b15d32f8b5934f23739dc38

datatables.json

@@ -14,5 +14,5 @@
     ],
     "src-repo": "http://github.com/DataTables/Responsive",
     "last-tag": "3.0.3",
-    "last-sync": "079d776d2c7eaf9f0131b195d41da7afccc8e3dd"
+    "last-sync": "23a882cf9560b54b7b15d32f8b5934f23739dc38"
 }

js/responsive.bootstrap5.js

@@ -78,9 +78,25 @@ DataTable.Responsive.bootstrap = function (bs) {
 	_bs = bs;
 };
 
+// Get the Bootstrap library from locally set (legacy) or from DT.
+function getBs() {
+	let dtBs = DataTable.use('bootstrap');
+
+	if (dtBs) {
+		return dtBs;
+	}
+
+	if (_bs) {
+		return _bs;
+	}
+
+	throw new Error('No Bootstrap library. Set it with `DataTable.use(bootstrap);`');
+}
+
 _display.modal = function (options) {
 	if (!modal && _bs.Modal) {
-		modal = new _bs.Modal(_modal[0]);
+		let localBs = getBs();
+		modal = new localBs.Modal(_modal[0]);
 	}
 
 	return function (row, update, render, closeCallback) {

js/responsive.bootstrap5.min.mjs

@@ -1,4 +1,4 @@
 /*! Bootstrap 5 integration for DataTables' Responsive
  * © SpryMedia Ltd - datatables.net/license
  */
-import jQuery from"jquery";import DataTable from"datatables.net-bs5";import Responsive from"datatables.net-responsive";let $=jQuery;var modal,_display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div></div></div>'),_bs=window.bootstrap;DataTable.Responsive.bootstrap=function(a){_bs=a},_display.modal=function(n){return!modal&&_bs.Modal&&(modal=new _bs.Modal(_modal[0])),function(a,d,o,e){if(modal){var l,t,i=o();if(!1===i)return!1;if(d){if(!$.contains(document,_modal[0])||a.index()!==_modal.data("dtr-row-idx"))return null;_modal.find("div.modal-body").empty().append(i)}else n&&n.header&&(t=(l=_modal.find("div.modal-header")).find("button").detach(),l.empty().append('<h4 class="modal-title">'+n.header(a)+"</h4>").append(t)),_modal.find("div.modal-body").empty().append(i),_modal.data("dtr-row-idx",a.index()).one("hidden.bs.modal",e).appendTo("body"),modal.show();return!0}return _original(a,d,o,e)}};export default DataTable;
+import jQuery from"jquery";import DataTable from"datatables.net-bs5";import Responsive from"datatables.net-responsive";let $=jQuery;var modal,_display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div></div></div>'),_bs=window.bootstrap;function getBs(){var a=DataTable.use("bootstrap");if(a)return a;if(_bs)return _bs;throw new Error("No Bootstrap library. Set it with `DataTable.use(bootstrap);`")}DataTable.Responsive.bootstrap=function(a){_bs=a},_display.modal=function(r){var a;return!modal&&_bs.Modal&&(a=getBs(),modal=new a.Modal(_modal[0])),function(a,d,o,e){if(modal){var t,l,i=o();if(!1===i)return!1;if(d){if(!$.contains(document,_modal[0])||a.index()!==_modal.data("dtr-row-idx"))return null;_modal.find("div.modal-body").empty().append(i)}else r&&r.header&&(l=(t=_modal.find("div.modal-header")).find("button").detach(),t.empty().append('<h4 class="modal-title">'+r.header(a)+"</h4>").append(l)),_modal.find("div.modal-body").empty().append(i),_modal.data("dtr-row-idx",a.index()).one("hidden.bs.modal",e).appendTo("body"),modal.show();return!0}return _original(a,d,o,e)}};export default DataTable;

js/responsive.bootstrap5.mjs

@@ -35,9 +35,25 @@ DataTable.Responsive.bootstrap = function (bs) {
 	_bs = bs;
 };
 
+// Get the Bootstrap library from locally set (legacy) or from DT.
+function getBs() {
+	let dtBs = DataTable.use('bootstrap');
+
+	if (dtBs) {
+		return dtBs;
+	}
+
+	if (_bs) {
+		return _bs;
+	}
+
+	throw new Error('No Bootstrap library. Set it with `DataTable.use(bootstrap);`');
+}
+
 _display.modal = function (options) {
 	if (!modal && _bs.Modal) {
-		modal = new _bs.Modal(_modal[0]);
+		let localBs = getBs();
+		modal = new localBs.Modal(_modal[0]);
 	}
 
 	return function (row, update, render, closeCallback) {