ninegrid2 6.383.0 → 6.385.0

package/dist/bundle.cjs.js

@@ -10708,6 +10708,109 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
 
+class nxConfirmPopup extends HTMLElement
+{
+	constructor() {
+		super();
+
+		this.attachShadow({ mode: 'open' });
+	}
+
+	connectedCallback() {
+		this.shadowRoot.innerHTML = `
+			<nx-dialog css-file="nxConfirm.css">
+				<div class="msg"></div>
+				<buttons class="buttons-confirm">
+					<button class="ok">Yes</button>
+					<button class="cancel">No</button>
+				</buttons>
+			</nx-dialog>
+		`;
+		
+		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
+	}
+	
+	static confirm = async (message, title, options={}) => {
+
+		title = title || 'Confirm';
+		
+		for (const prop in ninegrid.options.confirm) {
+			options[prop] = options[prop] || ninegrid.options.confirm[prop];
+		}
+		
+		$('nx-confirm-popup', document.body).remove();
+		$(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
+		
+		const t		= document.body.querySelector("nx-confirm-popup");
+		const ok	= t.shadowRoot.querySelector(".ok");
+		const cancel= t.shadowRoot.querySelector(".cancel");
+		const close	= t.shadowRoot.querySelector(".close");
+		
+		$('.title', t.shadowRoot).html(title);
+		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
+		
+		ok		.innerHTML = options["true-text"];
+		cancel	.innerHTML = options["false-text"];
+		
+		return new Promise(function(resolve, reject) {
+			$(ok)		.on("click", e => { resolve(true);	$(close).trigger("click"); });
+			$(cancel)	.on("click", e => { resolve(false);	$(close).trigger("click"); });
+			$(".close,.close2", t.shadowRoot)	.on("click", e => { resolve(); });
+
+			t.shadowRoot.querySelector('dialog').showModal();
+		});
+	};
+}
+
+class nxAlertPopup extends HTMLElement
+{
+	constructor() {
+		super();
+
+		this.attachShadow({ mode: 'open' });
+	}
+
+	connectedCallback() {
+		this.shadowRoot.innerHTML = `
+			<nx-dialog css-file="nxAlert.css">
+				<div class="msg"></div>
+				<buttons class="buttons-confirm">
+					<button class="cancel">Close</button>
+				</buttons>
+			</nx-dialog>
+		`;
+		
+		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
+	}
+	
+	static alert = async (message, title="Alert", options={}) => {
+
+		title = title || 'Alert';
+		
+		for (const prop in ninegrid.options.alert) {
+			options[prop] = options[prop] || ninegrid.options.alert[prop];
+		}
+		
+		$('nx-alert-popup', document.body).remove();
+		$(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
+		
+		const t		= document.body.querySelector("nx-alert-popup");
+		
+		$('.title', t.shadowRoot).html(title);
+		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
+		
+		return new Promise(function(resolve) {
+			$(".cancel,.close2", t.shadowRoot)	.on("click", e => { resolve(false);	$(".close", t.shadowRoot).trigger("click"); });
+
+			t.shadowRoot.querySelector('dialog').showModal();
+		});
+	};
+}
+
+
+customElements.define("nx-confirm-popup", nxConfirmPopup);
+customElements.define("nx-alert-popup", nxAlertPopup);
+
 class ninegrid {
 
 
@@ -10893,7 +10996,7 @@ class ninegrid {
 		},
 		alert : {
 			"class"			: "classic",
-			"animation"		: "zoom",	//run, reverseRun, moveUp, moveDown, zoom, fade
+			"animation"		: "run",	//run, reverseRun, moveUp, moveDown, zoom, fade
 		},
 	};
 
@@ -25361,109 +25464,6 @@ class ninegridContainer extends HTMLElement
 
 customElements.define("nine-grid", ninegridContainer);
 
-class nxConfirmPopup extends HTMLElement
-{
-	constructor() {
-		super();
-
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		this.shadowRoot.innerHTML = `
-			<nx-dialog css-file="nxConfirm.css">
-				<div class="msg"></div>
-				<buttons class="buttons-confirm">
-					<button class="ok">Yes</button>
-					<button class="cancel">No</button>
-				</buttons>
-			</nx-dialog>
-		`;
-		
-		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
-	}
-	
-	static confirm = async (message, title, options={}) => {
-
-		title = title || 'Confirm';
-		
-		for (const prop in ninegrid.options.confirm) {
-			options[prop] = options[prop] || ninegrid.options.confirm[prop];
-		}
-		
-		$('nx-confirm-popup', document.body).remove();
-		$(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
-		
-		const t		= document.body.querySelector("nx-confirm-popup");
-		const ok	= t.shadowRoot.querySelector(".ok");
-		const cancel= t.shadowRoot.querySelector(".cancel");
-		const close	= t.shadowRoot.querySelector(".close");
-		
-		$('.title', t.shadowRoot).html(title);
-		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
-		
-		ok		.innerHTML = options["true-text"];
-		cancel	.innerHTML = options["false-text"];
-		
-		return new Promise(function(resolve, reject) {
-			$(ok)		.on("click", e => { resolve(true);	$(close).trigger("click"); });
-			$(cancel)	.on("click", e => { resolve(false);	$(close).trigger("click"); });
-			$(".close,.close2", t.shadowRoot)	.on("click", e => { resolve(); });
-
-			t.shadowRoot.querySelector('dialog').showModal();
-		});
-	};
-}
-
-let nxAlertPopup$1 = class nxAlertPopup extends HTMLElement
-{
-	constructor() {
-		super();
-
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		this.shadowRoot.innerHTML = `
-			<nx-dialog css-file="nxAlert.css">
-				<div class="msg"></div>
-				<buttons class="buttons-confirm">
-					<button class="cancel">Close</button>
-				</buttons>
-			</nx-dialog>
-		`;
-		
-		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
-	}
-	
-	static alert = async (message, title="Alert", options={}) => {
-
-		title = title || 'Alert';
-		
-		for (const prop in ninegrid.options.alert) {
-			options[prop] = options[prop] || ninegrid.options.alert[prop];
-		}
-		
-		$('nx-alert-popup', document.body).remove();
-		$(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
-		
-		const t		= document.body.querySelector("nx-alert-popup");
-		
-		$('.title', t.shadowRoot).html(title);
-		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
-		
-		return new Promise(function(resolve) {
-			$(".cancel,.close2", t.shadowRoot)	.on("click", e => { resolve(false);	$(".close", t.shadowRoot).trigger("click"); });
-
-			t.shadowRoot.querySelector('dialog').showModal();
-		});
-	};
-};
-
-
-customElements.define("nx-confirm-popup", nxConfirmPopup);
-customElements.define("nx-alert-popup", nxAlertPopup$1);
-
 class nxDialog extends HTMLElement
 {
 	//#owner;

package/dist/bundle.esm.js

@@ -10706,6 +10706,109 @@ function requireJquery () {
 var jqueryExports = requireJquery();
 var $$1 = /*@__PURE__*/getDefaultExportFromCjs(jqueryExports);
 
+class nxConfirmPopup extends HTMLElement
+{
+	constructor() {
+		super();
+
+		this.attachShadow({ mode: 'open' });
+	}
+
+	connectedCallback() {
+		this.shadowRoot.innerHTML = `
+			<nx-dialog css-file="nxConfirm.css">
+				<div class="msg"></div>
+				<buttons class="buttons-confirm">
+					<button class="ok">Yes</button>
+					<button class="cancel">No</button>
+				</buttons>
+			</nx-dialog>
+		`;
+		
+		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
+	}
+	
+	static confirm = async (message, title, options={}) => {
+
+		title = title || 'Confirm';
+		
+		for (const prop in ninegrid.options.confirm) {
+			options[prop] = options[prop] || ninegrid.options.confirm[prop];
+		}
+		
+		$('nx-confirm-popup', document.body).remove();
+		$(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
+		
+		const t		= document.body.querySelector("nx-confirm-popup");
+		const ok	= t.shadowRoot.querySelector(".ok");
+		const cancel= t.shadowRoot.querySelector(".cancel");
+		const close	= t.shadowRoot.querySelector(".close");
+		
+		$('.title', t.shadowRoot).html(title);
+		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
+		
+		ok		.innerHTML = options["true-text"];
+		cancel	.innerHTML = options["false-text"];
+		
+		return new Promise(function(resolve, reject) {
+			$(ok)		.on("click", e => { resolve(true);	$(close).trigger("click"); });
+			$(cancel)	.on("click", e => { resolve(false);	$(close).trigger("click"); });
+			$(".close,.close2", t.shadowRoot)	.on("click", e => { resolve(); });
+
+			t.shadowRoot.querySelector('dialog').showModal();
+		});
+	};
+}
+
+class nxAlertPopup extends HTMLElement
+{
+	constructor() {
+		super();
+
+		this.attachShadow({ mode: 'open' });
+	}
+
+	connectedCallback() {
+		this.shadowRoot.innerHTML = `
+			<nx-dialog css-file="nxAlert.css">
+				<div class="msg"></div>
+				<buttons class="buttons-confirm">
+					<button class="cancel">Close</button>
+				</buttons>
+			</nx-dialog>
+		`;
+		
+		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
+	}
+	
+	static alert = async (message, title="Alert", options={}) => {
+
+		title = title || 'Alert';
+		
+		for (const prop in ninegrid.options.alert) {
+			options[prop] = options[prop] || ninegrid.options.alert[prop];
+		}
+		
+		$('nx-alert-popup', document.body).remove();
+		$(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
+		
+		const t		= document.body.querySelector("nx-alert-popup");
+		
+		$('.title', t.shadowRoot).html(title);
+		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
+		
+		return new Promise(function(resolve) {
+			$(".cancel,.close2", t.shadowRoot)	.on("click", e => { resolve(false);	$(".close", t.shadowRoot).trigger("click"); });
+
+			t.shadowRoot.querySelector('dialog').showModal();
+		});
+	};
+}
+
+
+customElements.define("nx-confirm-popup", nxConfirmPopup);
+customElements.define("nx-alert-popup", nxAlertPopup);
+
 class ninegrid {
 
 
@@ -10891,7 +10994,7 @@ class ninegrid {
 		},
 		alert : {
 			"class"			: "classic",
-			"animation"		: "zoom",	//run, reverseRun, moveUp, moveDown, zoom, fade
+			"animation"		: "run",	//run, reverseRun, moveUp, moveDown, zoom, fade
 		},
 	};
 
@@ -25359,109 +25462,6 @@ class ninegridContainer extends HTMLElement
 
 customElements.define("nine-grid", ninegridContainer);
 
-class nxConfirmPopup extends HTMLElement
-{
-	constructor() {
-		super();
-
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		this.shadowRoot.innerHTML = `
-			<nx-dialog css-file="nxConfirm.css">
-				<div class="msg"></div>
-				<buttons class="buttons-confirm">
-					<button class="ok">Yes</button>
-					<button class="cancel">No</button>
-				</buttons>
-			</nx-dialog>
-		`;
-		
-		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
-	}
-	
-	static confirm = async (message, title, options={}) => {
-
-		title = title || 'Confirm';
-		
-		for (const prop in ninegrid.options.confirm) {
-			options[prop] = options[prop] || ninegrid.options.confirm[prop];
-		}
-		
-		$('nx-confirm-popup', document.body).remove();
-		$(document.body).append($(`<nx-confirm-popup class="${options.class} ${options.animation}"></nx-confirm-popup>`));
-		
-		const t		= document.body.querySelector("nx-confirm-popup");
-		const ok	= t.shadowRoot.querySelector(".ok");
-		const cancel= t.shadowRoot.querySelector(".cancel");
-		const close	= t.shadowRoot.querySelector(".close");
-		
-		$('.title', t.shadowRoot).html(title);
-		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
-		
-		ok		.innerHTML = options["true-text"];
-		cancel	.innerHTML = options["false-text"];
-		
-		return new Promise(function(resolve, reject) {
-			$(ok)		.on("click", e => { resolve(true);	$(close).trigger("click"); });
-			$(cancel)	.on("click", e => { resolve(false);	$(close).trigger("click"); });
-			$(".close,.close2", t.shadowRoot)	.on("click", e => { resolve(); });
-
-			t.shadowRoot.querySelector('dialog').showModal();
-		});
-	};
-}
-
-let nxAlertPopup$1 = class nxAlertPopup extends HTMLElement
-{
-	constructor() {
-		super();
-
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		this.shadowRoot.innerHTML = `
-			<nx-dialog css-file="nxAlert.css">
-				<div class="msg"></div>
-				<buttons class="buttons-confirm">
-					<button class="cancel">Close</button>
-				</buttons>
-			</nx-dialog>
-		`;
-		
-		//ninegrid.j.querySelectorAll(this).addClass('roadRunner');
-	}
-	
-	static alert = async (message, title="Alert", options={}) => {
-
-		title = title || 'Alert';
-		
-		for (const prop in ninegrid.options.alert) {
-			options[prop] = options[prop] || ninegrid.options.alert[prop];
-		}
-		
-		$('nx-alert-popup', document.body).remove();
-		$(document.body).append($(`<nx-alert-popup class="${options.class} ${options.animation}"></nx-alert-popup>`));
-		
-		const t		= document.body.querySelector("nx-alert-popup");
-		
-		$('.title', t.shadowRoot).html(title);
-		$('.msg', t.shadowRoot).html(message.replaceAll("\n", "<br/>"));
-		
-		return new Promise(function(resolve) {
-			$(".cancel,.close2", t.shadowRoot)	.on("click", e => { resolve(false);	$(".close", t.shadowRoot).trigger("click"); });
-
-			t.shadowRoot.querySelector('dialog').showModal();
-		});
-	};
-};
-
-
-customElements.define("nx-confirm-popup", nxConfirmPopup);
-customElements.define("nx-alert-popup", nxAlertPopup$1);
-
 class nxDialog extends HTMLElement
 {
 	//#owner;

package/dist/etc/nxConfirm.js

@@ -1,6 +1,6 @@
 import ninegrid from "../index.js";
 
-class nxConfirmPopup extends HTMLElement
+export class nxConfirmPopup extends HTMLElement
 {
 	constructor() {
 		super();
@@ -54,7 +54,7 @@ class nxConfirmPopup extends HTMLElement
 	};
 }
 
-class nxAlertPopup extends HTMLElement
+export class nxAlertPopup extends HTMLElement
 {
 	constructor() {
 		super();

package/dist/utils/ninegrid.js

@@ -1,4 +1,4 @@
-
+import { nxConfirmPopup, nxAlertPopup } from "../etc/nxConfirm.js";
 
 export class ninegrid {
 
@@ -188,7 +188,7 @@ export class ninegrid {
 		},
 		alert : {
 			"class"			: "classic",
-			"animation"		: "zoom",	//run, reverseRun, moveUp, moveDown, zoom, fade
+			"animation"		: "run",	//run, reverseRun, moveUp, moveDown, zoom, fade
 		},
 	};
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.383.0",
+  "version": "6.385.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/etc/nxConfirm.js

@@ -1,6 +1,6 @@
 import ninegrid from "../index.js";
 
-class nxConfirmPopup extends HTMLElement
+export class nxConfirmPopup extends HTMLElement
 {
 	constructor() {
 		super();
@@ -54,7 +54,7 @@ class nxConfirmPopup extends HTMLElement
 	};
 }
 
-class nxAlertPopup extends HTMLElement
+export class nxAlertPopup extends HTMLElement
 {
 	constructor() {
 		super();

package/src/utils/ninegrid.js

@@ -1,4 +1,4 @@
-
+import { nxConfirmPopup, nxAlertPopup } from "../etc/nxConfirm.js";
 
 export class ninegrid {
 
@@ -188,7 +188,7 @@ export class ninegrid {
 		},
 		alert : {
 			"class"			: "classic",
-			"animation"		: "zoom",	//run, reverseRun, moveUp, moveDown, zoom, fade
+			"animation"		: "run",	//run, reverseRun, moveUp, moveDown, zoom, fade
 		},
 	};