From ae3411f99ee0bcca0cbd0f295145a4c09bb25ed0 Mon Sep 17 00:00:00 2001
From: Ray <sympatheticfire@gmail.com>
Date: Tue, 14 Nov 2023 17:50:38 +0000
Subject: [PATCH 1/2] Changed to BS modal methods for launching modal Removed
 individual change and toast support

---
 bsdialog4.js     | 103 ++++++-----------------------------------------
 bsdialog4.min.js |   4 +-
 2 files changed, 14 insertions(+), 93 deletions(-)

diff --git a/bsdialog4.js b/bsdialog4.js
index 318943e..c1e11bb 100644
--- a/bsdialog4.js
+++ b/bsdialog4.js
@@ -1,6 +1,6 @@
 /**
  * BSDialog4
- * @version v0.1.4.031 (2023/11/03 22:42)
+ * @version v0.1.3.006 (2023/11/14 17:40)
  */
 var BSDialog = {
 	Show: async function (options) {
@@ -11,8 +11,12 @@ var BSDialog = {
 		a.pfx = "bsdia4_";
 		a.body = document.getElementsByTagName("body")[0];
 
-		a.addBackdrop();
-		a.addModal(_options.ID, _options.Title, _options.Size, _options.ShowFooter, _options.EasyClose, _options.Colour);
+		a.addModal(_options.ID, _options.Title, _options.Size, _options.ShowFooter, _options.Colour);
+
+		$("#" + a.pfx + _options.ID).modal({
+			backdrop: _options.EasyClose,
+			show: true
+		});
 
 		if (_options.URL == null) {
 			await a.Update({ ID: _options.ID, Body: _options.Message });
@@ -179,29 +183,9 @@ var BSDialog = {
 			BodyURL: null,
 			Footer: null,
 			Size: null
-		},
-		ShowToast: {
-			ID: null,
-			Title: "",
-			Message: "",
-			Size: "md"
 		}
 	},
-	addBackdrop: function () {
-		const a = this;
-
-		// don't allow duplicates
-		if (a.body.querySelectorAll(".modal-backdrop").length > 0) {
-			return;
-		}
-
-		a.appendHtml(a.body, '<div class="modal-backdrop fade show"></div>');
-
-		// lock background
-		a.body.classList.add("modal-open");
-		a.body.style.overflow = "hidden";
-	},
-	addModal: function (id, title, size, showFooter, easyClose, closeColour) {
+	addModal: function (id, title, size, showFooter, closeColour) {
 		const a = this;
 
 		// don't allow duplicates
@@ -211,7 +195,7 @@ var BSDialog = {
 		}
 
 		let html = "";
-		html += '<div class="modal fade show d-block" id="' + a.pfx + id + '" tabindex="-1">';
+		html += '<div class="modal fade" style="display: none;" id="' + a.pfx + id + '" tabindex="-1" aria-labelledby="exampleModalSmLabel" aria-hidden="true">';
 		html += '  <div class="modal-dialog modal-' + size + '">';
 		html += '    <div class="modal-content">';
 		html += '      <div class="modal-header">';
@@ -249,30 +233,9 @@ var BSDialog = {
 			return;
 	 	}
 
-		// Close on backdrp
-		if (easyClose === true) {
-			modal.Modal.addEventListener("click", function(e){
-				e.stopPropagation();
-				e.preventDefault();
-
-				a.Close(id);
-			});
-
-			const modalContent = modal.Modal.querySelectorAll(".modal-content")[0];
-			modalContent.addEventListener("click", function(e){
-				e.stopPropagation();
-				e.preventDefault();
-			});
-		}
-
-		modal.Close.forEach(function(e){
-			e.addEventListener("click", function(e){
-				e.stopPropagation();
-				e.preventDefault();
-
-		 		a.Close(id);
-		 	});
-		});
+		$("#" + a.pfx + id).on('hidden.bs.modal', function (event) {
+			a.Close(id);
+		})
 
 		modal.Title.addEventListener("dblclick", function(e){
 			e.stopPropagation();
@@ -494,47 +457,5 @@ var BSDialog = {
 		} else {
 			a.Update({ ID: a.id, Size: "md" });
 		}
-	},
-	//
-	//
-	// deprecated/legacy-support
-	Create: async function (id, title, url, size) {
-		await this.Show({
-			ID: id,
-			Title: title,
-			Message: url,
-			URL: url,
-			Size: size,
-			Colour: "secondary"
-		});
-	},
-	UpdateTitle: function (id, title) {
-		this.Update({ ID: id, Title: title });
-	},
-	UpdateSize: function (id, size) {
-		this.Update({ ID: id, Size: size });
-	},
-	UpdateBody: function (id, content) {
-		this.Update({ ID: id, Body: content });
-	},
-	UpdateFooter: function (id, content) {
-		this.Update({ ID: id, Footer: content });
-	},
-	Toast: async function (options) {
-		const a = this;
-		const _options = Object.assign(a.Options.ShowToast, options);
-
-		await this.Show({
-			ID: _options.ID,
-			Title: _options.Title,
-			Message: _options.Message,
-			URL: null,
-			Size: _options.Size,
-			Colour: "secondary",
-			ShowFooter: false
-		});
-	},
-	ShowToast: function (id, title, message, size) {
-		this.Toast({ ID: id, Title: title, Message: message, Size: size });
 	}
 };
\ No newline at end of file
diff --git a/bsdialog4.min.js b/bsdialog4.min.js
index a0f344c..89f89fd 100644
--- a/bsdialog4.min.js
+++ b/bsdialog4.min.js
@@ -1,5 +1,5 @@
 /**
  * BSDialog4
- * @version v0.1.4.031 (2023/11/03 22:42)
+ * @version v0.1.3.006 (2023/11/14 17:40)
  */
-var BSDialog={Show:async function(options){const a=this,_options=Object.assign(a.Options.ShowModal,options);if(a.id=_options.ID,a.pfx="bsdia4_",a.body=document.getElementsByTagName("body")[0],a.addBackdrop(),a.addModal(_options.ID,_options.Title,_options.Size,_options.ShowFooter,_options.EasyClose,_options.Colour),null==_options.URL)await a.Update({ID:_options.ID,Body:_options.Message});else if(a.isNullOrWhitespace(_options.URL))await a.Update({ID:_options.ID,Body:_options.URL});else if(_options.URL.startsWith("http://")||_options.URL.startsWith("https://")||_options.URL.startsWith("/")){let response=await a.retrieveURL(_options.URL);await a.Update({ID:_options.ID,Body:response})}else await a.Update({ID:_options.ID,Body:_options.URL})},Prompt:async function(options){const a=this;let id=Math.floor(1e4*Math.random())+1e3;const _options=Object.assign(a.Options.ShowPrompt,options);switch(_options.Type){case"textbox":return await a.showTextboxPrompt(id,_options);case"button":default:return await a.showButtonPrompt(id,_options)}},Clear:function(){this.body.querySelectorAll(".modal").forEach((function(e){e.parentNode.removeChild(e)})),this.removeBackdrop()},Close:function(id){let modal=this.Find(id);null!==modal&&(modal.Modal.parentNode.removeChild(modal.Modal),modal=this.Find(id),null===modal&&this.removeBackdrop())},Update:async function(options){const a=this;let _options=Object.assign(a.Options.UpdateModal,options);const modal=a.Find(_options.ID);if(null!==modal){if(this.isNullOrWhitespace(_options.Title)||(modal.Title.innerHTML=_options.Title),this.isNullOrWhitespace(_options.Body)||a.html(modal.Body,_options.Body),this.isNullOrWhitespace(_options.BodyURL)||_options.BodyURL.startsWith("http://")||_options.BodyURL.startsWith("https://")||_options.BodyURL.startsWith("/")||(_options.BodyURL=null),!this.isNullOrWhitespace(_options.BodyURL)){let response=await a.retrieveURL(_options.BodyURL);await a.Update({ID:_options.ID,Body:response})}this.isNullOrWhitespace(_options.Footer)||a.html(modal.Footer,_options.Footer),this.isNullOrWhitespace(_options.Size)||modal.Modal.querySelectorAll(".modal-dialog").forEach((function(e){e.classList.forEach((function(e2){"modal-dialog"!=e2&&e2.startsWith("modal-")&&e.classList.remove(e2)})),e.classList.add("modal-"+_options.Size)}))}},Exists:function(id){return null!==this.Find(id)},Find:function(id){const a=this,modal=a.body.querySelectorAll("#"+a.pfx+id+".modal");return modal?modal.length<=0?null:{Title:modal[0].querySelectorAll(".modal-title")[0],Header:modal[0].querySelectorAll(".modal-header")[0],Body:modal[0].querySelectorAll(".modal-body")[0],Footer:modal[0].querySelectorAll(".modal-footer")[0],Close:modal[0].querySelectorAll("[data-dismiss='modal']"),Modal:modal[0]}:null},Options:{ShowModal:{ID:null,Title:"",Message:"",URL:null,Size:"md",Colour:"secondary",ShowFooter:!0,EasyClose:!0},ShowPrompt:{Type:"button",Title:"",Message:"",Size:"md",EasyClose:!0,Buttons:[{Label:"Yes",Value:"Yes",Colour:"primary"},{Label:"No",Value:"No",Colour:"secondary"},{Label:"Cancel",Value:"Cancel",Colour:"secondary"}],Textbox:{Label:"",LabelSize:4,Placeholder:"",Value:"",BoxSize:8}},UpdateModal:{ID:null,Title:null,Body:null,BodyURL:null,Footer:null,Size:null},ShowToast:{ID:null,Title:"",Message:"",Size:"md"}},addBackdrop:function(){const a=this;a.body.querySelectorAll(".modal-backdrop").length>0||(a.appendHtml(a.body,'<div class="modal-backdrop fade show"></div>'),a.body.classList.add("modal-open"),a.body.style.overflow="hidden")},addModal:function(id,title,size,showFooter,easyClose,closeColour){const a=this;let modal=a.Find(id);if(null!==modal)return;let html="";if(html+='<div class="modal fade show d-block" id="'+a.pfx+id+'" tabindex="-1">',html+='  <div class="modal-dialog modal-'+size+'">',html+='    <div class="modal-content">',html+='      <div class="modal-header">',html+='        <span class="modal-title font-weight-bold" style="cursor: default; user-select: none;" aria-label="Title">'+title+"</span>",html+='        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="user-select: none;">',html+='          <span aria-hidden="true">&times;</span>',html+="        </button>",html+="      </div>",html+='      <div class="modal-body">',html+='<div class="row mt-3 pb-3">',html+='  <div class="col-12 text-center">',html+='    <div class="spinner-border" role="status">',html+='\t     <span class="sr-only">Loading...</span>',html+="    </div>",html+="  </div>",html+="</div>",html+="      </div>",!0===showFooter&&(html+='      <div class="modal-footer">',html+='        <button type="button" class="btn btn-'+closeColour+'" data-dismiss="modal">Close</button>',html+="      </div>"),html+="    </div>",html+="  </div>",html+="</div>",a.appendHtml(a.body,html),modal=a.Find(id),null!==modal){if(!0===easyClose){modal.Modal.addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault(),a.Close(id)}));const modalContent=undefined;modal.Modal.querySelectorAll(".modal-content")[0].addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault()}))}modal.Close.forEach((function(e){e.addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault(),a.Close(id)}))})),modal.Title.addEventListener("dblclick",(function(e){e.stopPropagation(),e.preventDefault(),a.toggleSize()}))}},showButtonPrompt:async function(id,options){const a=this;return await new Promise(async(resolve,reject)=>{await a.Show({ID:id,Title:options.Title,Message:options.Message,Size:options.Size,EasyClose:options.EasyClose});let html="";options.Buttons.forEach((function(e){html+='<button type="button" class="btn btn-'+e.Colour+'" data-prompt-value="'+e.Value+'">'+e.Label+"</button>"})),a.Update({ID:id,Footer:html});const modal=a.Find(id);modal.Footer.querySelectorAll("button").forEach((function(button){button.addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault();const value=button.getAttribute("data-prompt-value");a.Close(id),resolve(value)}))})),modal.Close.forEach((function(sender){sender.addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault(),a.Close(id),resolve("")}))}))})},showTextboxPrompt:async function(id,options){const a=this;return await new Promise(async(resolve,reject)=>{options.Buttons=[{Label:"OK",Value:"",Colour:"primary"},{Label:"Cancel",Value:"",Colour:"secondary"}],await a.Show({ID:id,Title:options.Title,Message:options.Message,Size:options.Size,EasyClose:options.EasyClose});let body="";a.isNullOrWhitespace(options.Message)||(body+="<p>"+options.Message+"</p>"),body+='<div class="form-group row">',a.isNullOrWhitespace(options.Textbox.Label)||options.Textbox.LabelSize<=0?(body+='<div class="col-sm-12">',body+='<input type="text" class="form-control" id="textbox'+id+'" placeholder="'+options.Textbox.Placeholder+'" value="'+options.Textbox.Value+'">',body+="</div>"):(body+='<label for="textbox'+id+'" class="col-sm-'+options.Textbox.LabelSize+' col-form-label">'+options.Textbox.Label+"</label>",body+='<div class="col-sm-'+options.Textbox.BoxSize+'">',body+='<input type="text" class="form-control" id="textbox'+id+'" placeholder="'+options.Textbox.Placeholder+'" value="'+options.Textbox.Value+'">',body+="</div>"),body+="</div>";let footer="";options.Buttons.forEach((function(e){footer+='<button type="button" class="btn btn-'+e.Colour+'" data-prompt-value="'+e.Value+'">'+e.Label+"</button>"})),a.Update({ID:id,Body:body,Footer:footer});const modal=a.Find(id),buttons=modal.Footer.querySelectorAll("button");buttons[0].addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault();const value=modal.Body.querySelectorAll("input")[0].value;a.Close(id),resolve(value)})),buttons[1].addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault(),a.Close(id),resolve("")})),modal.Close.forEach((function(sender){sender.addEventListener("click",(function(e){e.stopPropagation(),e.preventDefault(),a.Close(id),resolve("")}))}))})},appendHtml:function(el,html){let node=document.createElement("template");node.innerHTML=html,node=node.content.firstChild,el.appendChild(node)},html:function(el,newHtml){jQuery?jQuery(el).html(newHtml):el.innerHTML=newHtml},isNullOrWhitespace:function(e){return void 0===e||(null==e||(0==e||e.trim().length<=0))},removeBackdrop:function(){if(this.body.querySelectorAll(".modal-backdrop").length<=0)return;if(this.body.querySelectorAll(".modal").length>0)return;let backdrop=this.body.querySelectorAll(".modal-backdrop")[0];backdrop.parentNode.removeChild(backdrop),this.body.classList.remove("modal-open"),this.body.style.overflow=null},retrieveURL:async function(url){return await new Promise(async resolve=>{await fetch(url,{cache:"no-cache",credentials:"same-origin"}).then(data=>data.text()).then(data=>{resolve(data)}).catch(error=>{resolve("Error: "+error)})})},toggleSize:function(){const a=this;let modal=a.Find(a.id);if(null===modal)return;let modalDialog=modal.Modal.querySelectorAll(".modal-dialog")[0];modalDialog.classList.contains("modal-sm")?a.Update({ID:a.id,Size:"md"}):modalDialog.classList.contains("modal-md")?a.Update({ID:a.id,Size:"lg"}):modalDialog.classList.contains("modal-lg")?a.Update({ID:a.id,Size:"xl"}):modalDialog.classList.contains("modal-xl")?a.Update({ID:a.id,Size:"xxl"}):modalDialog.classList.contains("modal-xxl")?a.Update({ID:a.id,Size:"sm"}):a.Update({ID:a.id,Size:"md"})},Create:async function(id,title,url,size){await this.Show({ID:id,Title:title,Message:url,URL:url,Size:size,Colour:"secondary"})},UpdateTitle:function(id,title){this.Update({ID:id,Title:title})},UpdateSize:function(id,size){this.Update({ID:id,Size:size})},UpdateBody:function(id,content){this.Update({ID:id,Body:content})},UpdateFooter:function(id,content){this.Update({ID:id,Footer:content})},Toast:async function(options){const a=this,_options=Object.assign(a.Options.ShowToast,options);await this.Show({ID:_options.ID,Title:_options.Title,Message:_options.Message,URL:null,Size:_options.Size,Colour:"secondary",ShowFooter:!1})},ShowToast:function(id,title,message,size){this.Toast({ID:id,Title:title,Message:message,Size:size})}};
\ No newline at end of file
+var BSDialog={Show:async function(e){const t=this,o=Object.assign(t.Options.ShowModal,e);if(t.id=o.ID,t.pfx="bsdia4_",t.body=document.getElementsByTagName("body")[0],t.addModal(o.ID,o.Title,o.Size,o.ShowFooter,o.Colour),$("#"+t.pfx+o.ID).modal({backdrop:o.EasyClose,show:!0}),null==o.URL)await t.Update({ID:o.ID,Body:o.Message});else if(t.isNullOrWhitespace(o.URL))await t.Update({ID:o.ID,Body:o.URL});else if(o.URL.startsWith("http://")||o.URL.startsWith("https://")||o.URL.startsWith("/")){let e=await t.retrieveURL(o.URL);await t.Update({ID:o.ID,Body:e})}else await t.Update({ID:o.ID,Body:o.URL})},Prompt:async function(e){const t=this;let o=Math.floor(1e4*Math.random())+1e3;const l=Object.assign(t.Options.ShowPrompt,e);return"textbox"===l.Type?await t.showTextboxPrompt(o,l):await t.showButtonPrompt(o,l)},Clear:function(){this.body.querySelectorAll(".modal").forEach((function(e){e.parentNode.removeChild(e)})),this.removeBackdrop()},Close:function(e){let t=this.Find(e);null!==t&&(t.Modal.parentNode.removeChild(t.Modal),t=this.Find(e),null===t&&this.removeBackdrop())},Update:async function(e){const t=this;let o=Object.assign(t.Options.UpdateModal,e);const l=t.Find(o.ID);if(null!==l){if(this.isNullOrWhitespace(o.Title)||(l.Title.innerHTML=o.Title),this.isNullOrWhitespace(o.Body)||t.html(l.Body,o.Body),this.isNullOrWhitespace(o.BodyURL)||o.BodyURL.startsWith("http://")||o.BodyURL.startsWith("https://")||o.BodyURL.startsWith("/")||(o.BodyURL=null),!this.isNullOrWhitespace(o.BodyURL)){let e=await t.retrieveURL(o.BodyURL);await t.Update({ID:o.ID,Body:e})}this.isNullOrWhitespace(o.Footer)||t.html(l.Footer,o.Footer),this.isNullOrWhitespace(o.Size)||l.Modal.querySelectorAll(".modal-dialog").forEach((function(e){e.classList.forEach((function(t){"modal-dialog"!=t&&t.startsWith("modal-")&&e.classList.remove(t)})),e.classList.add("modal-"+o.Size)}))}},Exists:function(e){return null!==this.Find(e)},Find:function(e){const t=this.body.querySelectorAll("#"+this.pfx+e+".modal");return t?t.length<=0?null:{Title:t[0].querySelectorAll(".modal-title")[0],Header:t[0].querySelectorAll(".modal-header")[0],Body:t[0].querySelectorAll(".modal-body")[0],Footer:t[0].querySelectorAll(".modal-footer")[0],Close:t[0].querySelectorAll("[data-dismiss='modal']"),Modal:t[0]}:null},Options:{ShowModal:{ID:null,Title:"",Message:"",URL:null,Size:"md",Colour:"secondary",ShowFooter:!0,EasyClose:!0},ShowPrompt:{Type:"button",Title:"",Message:"",Size:"md",EasyClose:!0,Buttons:[{Label:"Yes",Value:"Yes",Colour:"primary"},{Label:"No",Value:"No",Colour:"secondary"},{Label:"Cancel",Value:"Cancel",Colour:"secondary"}],Textbox:{Label:"",LabelSize:4,Placeholder:"",Value:"",BoxSize:8}},UpdateModal:{ID:null,Title:null,Body:null,BodyURL:null,Footer:null,Size:null}},addModal:function(e,t,o,l,a){const s=this;let i=s.Find(e);if(null!==i)return;let n="";n+='<div class="modal fade" style="display: none;" id="'+s.pfx+e+'" tabindex="-1" aria-labelledby="exampleModalSmLabel" aria-hidden="true">',n+='  <div class="modal-dialog modal-'+o+'">',n+='    <div class="modal-content">',n+='      <div class="modal-header">',n+='        <span class="modal-title font-weight-bold" style="cursor: default; user-select: none;" aria-label="Title">'+t+"</span>",n+='        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="user-select: none;">',n+='          <span aria-hidden="true">&times;</span>',n+="        </button>",n+="      </div>",n+='      <div class="modal-body">',n+='<div class="row mt-3 pb-3">',n+='  <div class="col-12 text-center">',n+='    <div class="spinner-border" role="status">',n+='\t     <span class="sr-only">Loading...</span>',n+="    </div>",n+="  </div>",n+="</div>",n+="      </div>",!0===l&&(n+='      <div class="modal-footer">',n+='        <button type="button" class="btn btn-'+a+'" data-dismiss="modal">Close</button>',n+="      </div>"),n+="    </div>",n+="  </div>",n+="</div>",s.appendHtml(s.body,n),i=s.Find(e),null!==i&&($("#"+s.pfx+e).on("hidden.bs.modal",(function(t){s.Close(e)})),i.Title.addEventListener("dblclick",(function(e){e.stopPropagation(),e.preventDefault(),s.toggleSize()})))},showButtonPrompt:async function(e,t){const o=this;return await new Promise((async(l,a)=>{await o.Show({ID:e,Title:t.Title,Message:t.Message,Size:t.Size,EasyClose:t.EasyClose});let s="";t.Buttons.forEach((function(e){s+='<button type="button" class="btn btn-'+e.Colour+'" data-prompt-value="'+e.Value+'">'+e.Label+"</button>"})),o.Update({ID:e,Footer:s});const i=o.Find(e);i.Footer.querySelectorAll("button").forEach((function(t){t.addEventListener("click",(function(a){a.stopPropagation(),a.preventDefault();const s=t.getAttribute("data-prompt-value");o.Close(e),l(s)}))})),i.Close.forEach((function(t){t.addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault(),o.Close(e),l("")}))}))}))},showTextboxPrompt:async function(e,t){const o=this;return await new Promise((async(l,a)=>{t.Buttons=[{Label:"OK",Value:"",Colour:"primary"},{Label:"Cancel",Value:"",Colour:"secondary"}],await o.Show({ID:e,Title:t.Title,Message:t.Message,Size:t.Size,EasyClose:t.EasyClose});let s="";o.isNullOrWhitespace(t.Message)||(s+="<p>"+t.Message+"</p>"),s+='<div class="form-group row">',o.isNullOrWhitespace(t.Textbox.Label)||t.Textbox.LabelSize<=0?(s+='<div class="col-sm-12">',s+='<input type="text" class="form-control" id="textbox'+e+'" placeholder="'+t.Textbox.Placeholder+'" value="'+t.Textbox.Value+'">',s+="</div>"):(s+='<label for="textbox'+e+'" class="col-sm-'+t.Textbox.LabelSize+' col-form-label">'+t.Textbox.Label+"</label>",s+='<div class="col-sm-'+t.Textbox.BoxSize+'">',s+='<input type="text" class="form-control" id="textbox'+e+'" placeholder="'+t.Textbox.Placeholder+'" value="'+t.Textbox.Value+'">',s+="</div>"),s+="</div>";let i="";t.Buttons.forEach((function(e){i+='<button type="button" class="btn btn-'+e.Colour+'" data-prompt-value="'+e.Value+'">'+e.Label+"</button>"})),o.Update({ID:e,Body:s,Footer:i});const n=o.Find(e),d=n.Footer.querySelectorAll("button");d[0].addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault();const a=n.Body.querySelectorAll("input")[0].value;o.Close(e),l(a)})),d[1].addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault(),o.Close(e),l("")})),n.Close.forEach((function(t){t.addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault(),o.Close(e),l("")}))}))}))},appendHtml:function(e,t){let o=document.createElement("template");o.innerHTML=t,o=o.content.firstChild,e.appendChild(o)},html:function(e,t){jQuery?jQuery(e).html(t):e.innerHTML=t},isNullOrWhitespace:function(e){return void 0===e||(null==e||(0==e||e.trim().length<=0))},removeBackdrop:function(){if(this.body.querySelectorAll(".modal-backdrop").length<=0)return;if(this.body.querySelectorAll(".modal").length>0)return;let e=this.body.querySelectorAll(".modal-backdrop")[0];e.parentNode.removeChild(e),this.body.classList.remove("modal-open"),this.body.style.overflow=null},retrieveURL:async function(e){return await new Promise((async t=>{await fetch(e,{cache:"no-cache",credentials:"same-origin"}).then((e=>e.text())).then((e=>{t(e)})).catch((e=>{t("Error: "+e)}))}))},toggleSize:function(){const e=this;let t=e.Find(e.id);if(null===t)return;let o=t.Modal.querySelectorAll(".modal-dialog")[0];o.classList.contains("modal-sm")?e.Update({ID:e.id,Size:"md"}):o.classList.contains("modal-md")?e.Update({ID:e.id,Size:"lg"}):o.classList.contains("modal-lg")?e.Update({ID:e.id,Size:"xl"}):o.classList.contains("modal-xl")?e.Update({ID:e.id,Size:"xxl"}):o.classList.contains("modal-xxl")?e.Update({ID:e.id,Size:"sm"}):e.Update({ID:e.id,Size:"md"})}};
\ No newline at end of file
-- 
2.45.2


From ea8965353d546fead69e9045a951d32444153cc5 Mon Sep 17 00:00:00 2001
From: Ray <sympatheticfire@gmail.com>
Date: Tue, 14 Nov 2023 17:52:10 +0000
Subject: [PATCH 2/2] Updated version no.

---
 bsdialog4.js     | 2 +-
 bsdialog4.min.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/bsdialog4.js b/bsdialog4.js
index c1e11bb..ad3ec91 100644
--- a/bsdialog4.js
+++ b/bsdialog4.js
@@ -1,6 +1,6 @@
 /**
  * BSDialog4
- * @version v0.1.3.006 (2023/11/14 17:40)
+ * @version v0.1.5.006 (2023/11/14 17:40)
  */
 var BSDialog = {
 	Show: async function (options) {
diff --git a/bsdialog4.min.js b/bsdialog4.min.js
index 89f89fd..b33d478 100644
--- a/bsdialog4.min.js
+++ b/bsdialog4.min.js
@@ -1,5 +1,5 @@
 /**
  * BSDialog4
- * @version v0.1.3.006 (2023/11/14 17:40)
+ * @version v0.1.5.006 (2023/11/14 17:40)
  */
 var BSDialog={Show:async function(e){const t=this,o=Object.assign(t.Options.ShowModal,e);if(t.id=o.ID,t.pfx="bsdia4_",t.body=document.getElementsByTagName("body")[0],t.addModal(o.ID,o.Title,o.Size,o.ShowFooter,o.Colour),$("#"+t.pfx+o.ID).modal({backdrop:o.EasyClose,show:!0}),null==o.URL)await t.Update({ID:o.ID,Body:o.Message});else if(t.isNullOrWhitespace(o.URL))await t.Update({ID:o.ID,Body:o.URL});else if(o.URL.startsWith("http://")||o.URL.startsWith("https://")||o.URL.startsWith("/")){let e=await t.retrieveURL(o.URL);await t.Update({ID:o.ID,Body:e})}else await t.Update({ID:o.ID,Body:o.URL})},Prompt:async function(e){const t=this;let o=Math.floor(1e4*Math.random())+1e3;const l=Object.assign(t.Options.ShowPrompt,e);return"textbox"===l.Type?await t.showTextboxPrompt(o,l):await t.showButtonPrompt(o,l)},Clear:function(){this.body.querySelectorAll(".modal").forEach((function(e){e.parentNode.removeChild(e)})),this.removeBackdrop()},Close:function(e){let t=this.Find(e);null!==t&&(t.Modal.parentNode.removeChild(t.Modal),t=this.Find(e),null===t&&this.removeBackdrop())},Update:async function(e){const t=this;let o=Object.assign(t.Options.UpdateModal,e);const l=t.Find(o.ID);if(null!==l){if(this.isNullOrWhitespace(o.Title)||(l.Title.innerHTML=o.Title),this.isNullOrWhitespace(o.Body)||t.html(l.Body,o.Body),this.isNullOrWhitespace(o.BodyURL)||o.BodyURL.startsWith("http://")||o.BodyURL.startsWith("https://")||o.BodyURL.startsWith("/")||(o.BodyURL=null),!this.isNullOrWhitespace(o.BodyURL)){let e=await t.retrieveURL(o.BodyURL);await t.Update({ID:o.ID,Body:e})}this.isNullOrWhitespace(o.Footer)||t.html(l.Footer,o.Footer),this.isNullOrWhitespace(o.Size)||l.Modal.querySelectorAll(".modal-dialog").forEach((function(e){e.classList.forEach((function(t){"modal-dialog"!=t&&t.startsWith("modal-")&&e.classList.remove(t)})),e.classList.add("modal-"+o.Size)}))}},Exists:function(e){return null!==this.Find(e)},Find:function(e){const t=this.body.querySelectorAll("#"+this.pfx+e+".modal");return t?t.length<=0?null:{Title:t[0].querySelectorAll(".modal-title")[0],Header:t[0].querySelectorAll(".modal-header")[0],Body:t[0].querySelectorAll(".modal-body")[0],Footer:t[0].querySelectorAll(".modal-footer")[0],Close:t[0].querySelectorAll("[data-dismiss='modal']"),Modal:t[0]}:null},Options:{ShowModal:{ID:null,Title:"",Message:"",URL:null,Size:"md",Colour:"secondary",ShowFooter:!0,EasyClose:!0},ShowPrompt:{Type:"button",Title:"",Message:"",Size:"md",EasyClose:!0,Buttons:[{Label:"Yes",Value:"Yes",Colour:"primary"},{Label:"No",Value:"No",Colour:"secondary"},{Label:"Cancel",Value:"Cancel",Colour:"secondary"}],Textbox:{Label:"",LabelSize:4,Placeholder:"",Value:"",BoxSize:8}},UpdateModal:{ID:null,Title:null,Body:null,BodyURL:null,Footer:null,Size:null}},addModal:function(e,t,o,l,a){const s=this;let i=s.Find(e);if(null!==i)return;let n="";n+='<div class="modal fade" style="display: none;" id="'+s.pfx+e+'" tabindex="-1" aria-labelledby="exampleModalSmLabel" aria-hidden="true">',n+='  <div class="modal-dialog modal-'+o+'">',n+='    <div class="modal-content">',n+='      <div class="modal-header">',n+='        <span class="modal-title font-weight-bold" style="cursor: default; user-select: none;" aria-label="Title">'+t+"</span>",n+='        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="user-select: none;">',n+='          <span aria-hidden="true">&times;</span>',n+="        </button>",n+="      </div>",n+='      <div class="modal-body">',n+='<div class="row mt-3 pb-3">',n+='  <div class="col-12 text-center">',n+='    <div class="spinner-border" role="status">',n+='\t     <span class="sr-only">Loading...</span>',n+="    </div>",n+="  </div>",n+="</div>",n+="      </div>",!0===l&&(n+='      <div class="modal-footer">',n+='        <button type="button" class="btn btn-'+a+'" data-dismiss="modal">Close</button>',n+="      </div>"),n+="    </div>",n+="  </div>",n+="</div>",s.appendHtml(s.body,n),i=s.Find(e),null!==i&&($("#"+s.pfx+e).on("hidden.bs.modal",(function(t){s.Close(e)})),i.Title.addEventListener("dblclick",(function(e){e.stopPropagation(),e.preventDefault(),s.toggleSize()})))},showButtonPrompt:async function(e,t){const o=this;return await new Promise((async(l,a)=>{await o.Show({ID:e,Title:t.Title,Message:t.Message,Size:t.Size,EasyClose:t.EasyClose});let s="";t.Buttons.forEach((function(e){s+='<button type="button" class="btn btn-'+e.Colour+'" data-prompt-value="'+e.Value+'">'+e.Label+"</button>"})),o.Update({ID:e,Footer:s});const i=o.Find(e);i.Footer.querySelectorAll("button").forEach((function(t){t.addEventListener("click",(function(a){a.stopPropagation(),a.preventDefault();const s=t.getAttribute("data-prompt-value");o.Close(e),l(s)}))})),i.Close.forEach((function(t){t.addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault(),o.Close(e),l("")}))}))}))},showTextboxPrompt:async function(e,t){const o=this;return await new Promise((async(l,a)=>{t.Buttons=[{Label:"OK",Value:"",Colour:"primary"},{Label:"Cancel",Value:"",Colour:"secondary"}],await o.Show({ID:e,Title:t.Title,Message:t.Message,Size:t.Size,EasyClose:t.EasyClose});let s="";o.isNullOrWhitespace(t.Message)||(s+="<p>"+t.Message+"</p>"),s+='<div class="form-group row">',o.isNullOrWhitespace(t.Textbox.Label)||t.Textbox.LabelSize<=0?(s+='<div class="col-sm-12">',s+='<input type="text" class="form-control" id="textbox'+e+'" placeholder="'+t.Textbox.Placeholder+'" value="'+t.Textbox.Value+'">',s+="</div>"):(s+='<label for="textbox'+e+'" class="col-sm-'+t.Textbox.LabelSize+' col-form-label">'+t.Textbox.Label+"</label>",s+='<div class="col-sm-'+t.Textbox.BoxSize+'">',s+='<input type="text" class="form-control" id="textbox'+e+'" placeholder="'+t.Textbox.Placeholder+'" value="'+t.Textbox.Value+'">',s+="</div>"),s+="</div>";let i="";t.Buttons.forEach((function(e){i+='<button type="button" class="btn btn-'+e.Colour+'" data-prompt-value="'+e.Value+'">'+e.Label+"</button>"})),o.Update({ID:e,Body:s,Footer:i});const n=o.Find(e),d=n.Footer.querySelectorAll("button");d[0].addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault();const a=n.Body.querySelectorAll("input")[0].value;o.Close(e),l(a)})),d[1].addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault(),o.Close(e),l("")})),n.Close.forEach((function(t){t.addEventListener("click",(function(t){t.stopPropagation(),t.preventDefault(),o.Close(e),l("")}))}))}))},appendHtml:function(e,t){let o=document.createElement("template");o.innerHTML=t,o=o.content.firstChild,e.appendChild(o)},html:function(e,t){jQuery?jQuery(e).html(t):e.innerHTML=t},isNullOrWhitespace:function(e){return void 0===e||(null==e||(0==e||e.trim().length<=0))},removeBackdrop:function(){if(this.body.querySelectorAll(".modal-backdrop").length<=0)return;if(this.body.querySelectorAll(".modal").length>0)return;let e=this.body.querySelectorAll(".modal-backdrop")[0];e.parentNode.removeChild(e),this.body.classList.remove("modal-open"),this.body.style.overflow=null},retrieveURL:async function(e){return await new Promise((async t=>{await fetch(e,{cache:"no-cache",credentials:"same-origin"}).then((e=>e.text())).then((e=>{t(e)})).catch((e=>{t("Error: "+e)}))}))},toggleSize:function(){const e=this;let t=e.Find(e.id);if(null===t)return;let o=t.Modal.querySelectorAll(".modal-dialog")[0];o.classList.contains("modal-sm")?e.Update({ID:e.id,Size:"md"}):o.classList.contains("modal-md")?e.Update({ID:e.id,Size:"lg"}):o.classList.contains("modal-lg")?e.Update({ID:e.id,Size:"xl"}):o.classList.contains("modal-xl")?e.Update({ID:e.id,Size:"xxl"}):o.classList.contains("modal-xxl")?e.Update({ID:e.id,Size:"sm"}):e.Update({ID:e.id,Size:"md"})}};
\ No newline at end of file
-- 
2.45.2