ninegrid2 6.896.0 → 6.898.0

package/dist/bundle.cjs.js

@@ -119317,18 +119317,18 @@ class nxDialog extends HTMLElement
 {
 	//#owner;
 	#shift;
-	
+
 	constructor () {
 		super();
 	}
-	
+
 	connectedCallback() {
 
 		const v = this.innerHTML;
 		const cssFile = this.getAttribute("css-file");
 		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
 		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
-		
+
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 
 		this.innerHTML = `
@@ -119368,18 +119368,18 @@ class nxDialog extends HTMLElement
 				</div>
 			</dialog>
 		`;
-		
+
 		//this.#owner = this.getRootNode().host.closest("nine-grid");
-		
+
 		$(".title", this).html("Details");
-		
+
 		this.#init();
 	};
-	
+
 	showModal = () => {
 		this.querySelector('dialog').showModal();
 	};
-	
+
 	close = () => {
 		$(".head", this)	.off('mousedown',	this.#onMouseDown);
 		$(".head", this)	.off('touchstart',	this.#onTouchStart);
@@ -119387,29 +119387,32 @@ class nxDialog extends HTMLElement
 		$(document)			.off('touchend',	this.#onTouchEnd);
 		$(document)			.off('mousemove',	this.#onMouseMove);
 		$(document)			.off("touchmove",	this.#onTouchMove);
-		
+
 		this.querySelector('dialog').close();
 	};
-	
+
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
+			this.close();
+			/**
 			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
+				*/
 		});
-		
+
 		$(".head", this)	.on('mousedown',	this.#onMouseDown);
 		$(".head", this)	.on('touchstart',	this.#onTouchStart);
 		$(document)			.on('mouseup',		this.#onMouseUp);
 		$(document)			.on('touchend',		this.#onTouchEnd);
 	};
-	
+
 
 	#onMouseDown = e => {
 		if (e.target.closest("buttons")) return;
 		if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
 
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.clientX - rect.x,
 			y : e.clientY - rect.y,
@@ -119417,33 +119420,33 @@ class nxDialog extends HTMLElement
 
 		$(document).on('mousemove', this.#onMouseMove);
 	};
-	
-	
+
+
 	#onMouseMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
 	};
-	
+
 	#onMouseUp = e => {
 		$(document).off('mousemove', this.#onMouseMove);
 	};
-	
+
 	#onTouchStart = e => {
 		if (e.target.closest("buttons")) return;
-		
+
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.changedTouches[0].pageX - rect.x,
 			y : e.changedTouches[0].pageY - rect.y,
 		};
-		
+
 		$(document).on("touchmove", this.#onTouchMove);
 	};
-	
+
 	#onTouchMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
 	};
-	
+
 	#onTouchEnd = e => {
 		$(document).off('touchmove', this.#onTouchMove);
 	};

package/dist/bundle.esm.js

@@ -119313,18 +119313,18 @@ class nxDialog extends HTMLElement
 {
 	//#owner;
 	#shift;
-	
+
 	constructor () {
 		super();
 	}
-	
+
 	connectedCallback() {
 
 		const v = this.innerHTML;
 		const cssFile = this.getAttribute("css-file");
 		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
 		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
-		
+
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 
 		this.innerHTML = `
@@ -119364,18 +119364,18 @@ class nxDialog extends HTMLElement
 				</div>
 			</dialog>
 		`;
-		
+
 		//this.#owner = this.getRootNode().host.closest("nine-grid");
-		
+
 		$(".title", this).html("Details");
-		
+
 		this.#init();
 	};
-	
+
 	showModal = () => {
 		this.querySelector('dialog').showModal();
 	};
-	
+
 	close = () => {
 		$(".head", this)	.off('mousedown',	this.#onMouseDown);
 		$(".head", this)	.off('touchstart',	this.#onTouchStart);
@@ -119383,29 +119383,32 @@ class nxDialog extends HTMLElement
 		$(document)			.off('touchend',	this.#onTouchEnd);
 		$(document)			.off('mousemove',	this.#onMouseMove);
 		$(document)			.off("touchmove",	this.#onTouchMove);
-		
+
 		this.querySelector('dialog').close();
 	};
-	
+
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
+			this.close();
+			/**
 			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
+				*/
 		});
-		
+
 		$(".head", this)	.on('mousedown',	this.#onMouseDown);
 		$(".head", this)	.on('touchstart',	this.#onTouchStart);
 		$(document)			.on('mouseup',		this.#onMouseUp);
 		$(document)			.on('touchend',		this.#onTouchEnd);
 	};
-	
+
 
 	#onMouseDown = e => {
 		if (e.target.closest("buttons")) return;
 		if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
 
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.clientX - rect.x,
 			y : e.clientY - rect.y,
@@ -119413,33 +119416,33 @@ class nxDialog extends HTMLElement
 
 		$(document).on('mousemove', this.#onMouseMove);
 	};
-	
-	
+
+
 	#onMouseMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
 	};
-	
+
 	#onMouseUp = e => {
 		$(document).off('mousemove', this.#onMouseMove);
 	};
-	
+
 	#onTouchStart = e => {
 		if (e.target.closest("buttons")) return;
-		
+
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.changedTouches[0].pageX - rect.x,
 			y : e.changedTouches[0].pageY - rect.y,
 		};
-		
+
 		$(document).on("touchmove", this.#onTouchMove);
 	};
-	
+
 	#onTouchMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
 	};
-	
+
 	#onTouchEnd = e => {
 		$(document).off('touchmove', this.#onTouchMove);
 	};

package/dist/etc/nxDialog.js

@@ -4,18 +4,18 @@ class nxDialog extends HTMLElement
 {
 	//#owner;
 	#shift;
-	
+
 	constructor () {
 		super();
 	}
-	
+
 	connectedCallback() {
 
 		const v = this.innerHTML;
 		const cssFile = this.getAttribute("css-file");
 		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
 		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
-		
+
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 
 		this.innerHTML = `
@@ -55,18 +55,18 @@ class nxDialog extends HTMLElement
 				</div>
 			</dialog>
 		`;
-		
+
 		//this.#owner = this.getRootNode().host.closest("nine-grid");
-		
+
 		$(".title", this).html("Details");
-		
+
 		this.#init();
 	};
-	
+
 	showModal = () => {
 		this.querySelector('dialog').showModal();
 	};
-	
+
 	close = () => {
 		$(".head", this)	.off('mousedown',	this.#onMouseDown);
 		$(".head", this)	.off('touchstart',	this.#onTouchStart);
@@ -74,29 +74,32 @@ class nxDialog extends HTMLElement
 		$(document)			.off('touchend',	this.#onTouchEnd);
 		$(document)			.off('mousemove',	this.#onMouseMove);
 		$(document)			.off("touchmove",	this.#onTouchMove);
-		
+
 		this.querySelector('dialog').close();
 	};
-	
+
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
+			this.close();
+			/**
 			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
+				*/
 		});
-		
+
 		$(".head", this)	.on('mousedown',	this.#onMouseDown);
 		$(".head", this)	.on('touchstart',	this.#onTouchStart);
 		$(document)			.on('mouseup',		this.#onMouseUp);
 		$(document)			.on('touchend',		this.#onTouchEnd);
 	};
-	
+
 
 	#onMouseDown = e => {
 		if (e.target.closest("buttons")) return;
 		if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
 
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.clientX - rect.x,
 			y : e.clientY - rect.y,
@@ -104,33 +107,33 @@ class nxDialog extends HTMLElement
 
 		$(document).on('mousemove', this.#onMouseMove);
 	};
-	
-	
+
+
 	#onMouseMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
 	};
-	
+
 	#onMouseUp = e => {
 		$(document).off('mousemove', this.#onMouseMove);
 	};
-	
+
 	#onTouchStart = e => {
 		if (e.target.closest("buttons")) return;
-		
+
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.changedTouches[0].pageX - rect.x,
 			y : e.changedTouches[0].pageY - rect.y,
 		}
-		
+
 		$(document).on("touchmove", this.#onTouchMove);
 	};
-	
+
 	#onTouchMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
 	};
-	
+
 	#onTouchEnd = e => {
 		$(document).off('touchmove', this.#onTouchMove);
 	};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.896.0",
+  "version": "6.898.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/etc/nxDialog.js

@@ -4,18 +4,18 @@ class nxDialog extends HTMLElement
 {
 	//#owner;
 	#shift;
-	
+
 	constructor () {
 		super();
 	}
-	
+
 	connectedCallback() {
 
 		const v = this.innerHTML;
 		const cssFile = this.getAttribute("css-file");
 		const customFile1 = cssFile ? `@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${cssFile}";`: "";
 		const customFile2 = cssFile ? ninegrid.getCustomPath(this, cssFile) : "";
-		
+
 		//console.log(ninegrid.getCustomPath(this,"nxDialog.css"));
 
 		this.innerHTML = `
@@ -55,18 +55,18 @@ class nxDialog extends HTMLElement
 				</div>
 			</dialog>
 		`;
-		
+
 		//this.#owner = this.getRootNode().host.closest("nine-grid");
-		
+
 		$(".title", this).html("Details");
-		
+
 		this.#init();
 	};
-	
+
 	showModal = () => {
 		this.querySelector('dialog').showModal();
 	};
-	
+
 	close = () => {
 		$(".head", this)	.off('mousedown',	this.#onMouseDown);
 		$(".head", this)	.off('touchstart',	this.#onTouchStart);
@@ -74,29 +74,32 @@ class nxDialog extends HTMLElement
 		$(document)			.off('touchend',	this.#onTouchEnd);
 		$(document)			.off('mousemove',	this.#onMouseMove);
 		$(document)			.off("touchmove",	this.#onTouchMove);
-		
+
 		this.querySelector('dialog').close();
 	};
-	
+
 	#init = () => {
 		$(".close,.close2", this).on("click", e => {
+			this.close();
+			/**
 			ninegrid.j.querySelectorAll('dialog', this).addClass("out");
 			setTimeout(() => { this.close(); }, 300);
+				*/
 		});
-		
+
 		$(".head", this)	.on('mousedown',	this.#onMouseDown);
 		$(".head", this)	.on('touchstart',	this.#onTouchStart);
 		$(document)			.on('mouseup',		this.#onMouseUp);
 		$(document)			.on('touchend',		this.#onTouchEnd);
 	};
-	
+
 
 	#onMouseDown = e => {
 		if (e.target.closest("buttons")) return;
 		if (e.buttons != 1 || e.altKey || e.ctrlKey || e.shiftkey) return;
 
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.clientX - rect.x,
 			y : e.clientY - rect.y,
@@ -104,33 +107,33 @@ class nxDialog extends HTMLElement
 
 		$(document).on('mousemove', this.#onMouseMove);
 	};
-	
-	
+
+
 	#onMouseMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.pageX - this.#shift.x, top : e.pageY - this.#shift.y });
 	};
-	
+
 	#onMouseUp = e => {
 		$(document).off('mousemove', this.#onMouseMove);
 	};
-	
+
 	#onTouchStart = e => {
 		if (e.target.closest("buttons")) return;
-		
+
 		var rect = this.querySelector('dialog').getBoundingClientRect();
-		
+
 		this.#shift = {
 			x : e.changedTouches[0].pageX - rect.x,
 			y : e.changedTouches[0].pageY - rect.y,
 		}
-		
+
 		$(document).on("touchmove", this.#onTouchMove);
 	};
-	
+
 	#onTouchMove = e => {
 		$(this.querySelector('dialog')).offset( { left : e.changedTouches[0].pageX - this.#shift.x, top : e.changedTouches[0].pageY - this.#shift.y });
 	};
-	
+
 	#onTouchEnd = e => {
 		$(document).off('touchmove', this.#onTouchMove);
 	};