ninegrid2 6.1268.0 → 6.1270.0

package/dist/bundle.cjs.js

@@ -121958,6 +121958,9 @@ class nxDiv extends HTMLElement {
 			}
 		}
 
+		console.log("=========");
+		console.log(this.innerHTML.trim());
+
 		this.originContents = this.innerHTML.trim();
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 
@@ -122250,7 +122253,7 @@ class nxPanel extends nxDiv {
 
 customElements.define("nx-panel", nxPanel);
 
-class nxButtons extends nxDiv {
+class nxButtons extends HTMLElement {
 
 	constructor() {
 		super();
@@ -122261,44 +122264,8 @@ class nxButtons extends nxDiv {
 	};
 
 	#init = () => {
-		const target = this.shadowRoot || this;
-
-		const htmlTmpl = document.createElement("template");
-		htmlTmpl.innerHTML = `
-			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
-				${ninegrid.getCustomPath(this,"nxButtons.css")}
-			</style>
-            
-			${this.originContents}
-        `;
-
-		console.log(htmlTmpl);
 
-		target.appendChild(htmlTmpl.content.cloneNode(true));
-
-		target.addEventListener('click', (e) => {
-
-			const btn = e.target.closest('button');
-			if (!btn) return;
-
-			//const actionName = btn.getAttribute('on-click') || btn.getAttribute('onClick') || btn.getAttribute('onclick');
-
-			const actionName = btn.getAttribute('on-click');
-
-			console.log(btn, actionName, this[actionName]);
-			console.log(typeof this[actionName]);
-			if (actionName) {
-				// 1. 먼저 엘리먼트 자체(this)에 해당 이름의 함수가 있는지 확인
-				if (typeof this[actionName] === 'function') {
-					this[actionName](e);
-				}
-				// 2. 없으면 전역 window에서 확인
-				else if (typeof window[actionName] === 'function') {
-					window[actionName](e);
-				}
-			}
-		});
+		return;
 	}
 }
 

package/dist/bundle.esm.js

@@ -121954,6 +121954,9 @@ class nxDiv extends HTMLElement {
 			}
 		}
 
+		console.log("=========");
+		console.log(this.innerHTML.trim());
+
 		this.originContents = this.innerHTML.trim();
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 
@@ -122246,7 +122249,7 @@ class nxPanel extends nxDiv {
 
 customElements.define("nx-panel", nxPanel);
 
-class nxButtons extends nxDiv {
+class nxButtons extends HTMLElement {
 
 	constructor() {
 		super();
@@ -122257,44 +122260,8 @@ class nxButtons extends nxDiv {
 	};
 
 	#init = () => {
-		const target = this.shadowRoot || this;
-
-		const htmlTmpl = document.createElement("template");
-		htmlTmpl.innerHTML = `
-			<style>
-				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
-				${ninegrid.getCustomPath(this,"nxButtons.css")}
-			</style>
-            
-			${this.originContents}
-        `;
-
-		console.log(htmlTmpl);
 
-		target.appendChild(htmlTmpl.content.cloneNode(true));
-
-		target.addEventListener('click', (e) => {
-
-			const btn = e.target.closest('button');
-			if (!btn) return;
-
-			//const actionName = btn.getAttribute('on-click') || btn.getAttribute('onClick') || btn.getAttribute('onclick');
-
-			const actionName = btn.getAttribute('on-click');
-
-			console.log(btn, actionName, this[actionName]);
-			console.log(typeof this[actionName]);
-			if (actionName) {
-				// 1. 먼저 엘리먼트 자체(this)에 해당 이름의 함수가 있는지 확인
-				if (typeof this[actionName] === 'function') {
-					this[actionName](e);
-				}
-				// 2. 없으면 전역 window에서 확인
-				else if (typeof window[actionName] === 'function') {
-					window[actionName](e);
-				}
-			}
-		});
+		return;
 	}
 }
 

package/dist/nx/_nxDiv.js

@@ -120,6 +120,9 @@ export class nxDiv extends HTMLElement {
 			}
 		}
 
+		console.log("=========");
+		console.log(this.innerHTML.trim());
+
 		this.originContents = this.innerHTML.trim();
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 

package/dist/nx/nxButtons.js

@@ -1,7 +1,7 @@
 import ninegrid from "../index.js";
 import {nxDiv} from "./_nxDiv.js";
 
-class nxButtons extends nxDiv {
+class nxButtons extends HTMLElement {
 
 	constructor() {
 		super();
@@ -12,6 +12,9 @@ class nxButtons extends nxDiv {
 	};
 
 	#init = () => {
+
+		return;
+
 		const target = this.shadowRoot || this;
 
 		const htmlTmpl = document.createElement("template");
@@ -24,7 +27,7 @@ class nxButtons extends nxDiv {
 			${this.originContents}
         `;
 
-		console.log(htmlTmpl);
+		//console.log(htmlTmpl);
 
 		target.appendChild(htmlTmpl.content.cloneNode(true));
 

package/package.json

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

package/src/nx/_nxDiv.js

@@ -120,6 +120,9 @@ export class nxDiv extends HTMLElement {
 			}
 		}
 
+		console.log("=========");
+		console.log(this.innerHTML.trim());
+
 		this.originContents = this.innerHTML.trim();
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 

package/src/nx/nxButtons.js

@@ -1,7 +1,7 @@
 import ninegrid from "../index.js";
 import {nxDiv} from "./_nxDiv.js";
 
-class nxButtons extends nxDiv {
+class nxButtons extends HTMLElement {
 
 	constructor() {
 		super();
@@ -12,6 +12,9 @@ class nxButtons extends nxDiv {
 	};
 
 	#init = () => {
+
+		return;
+
 		const target = this.shadowRoot || this;
 
 		const htmlTmpl = document.createElement("template");
@@ -24,7 +27,7 @@ class nxButtons extends nxDiv {
 			${this.originContents}
         `;
 
-		console.log(htmlTmpl);
+		//console.log(htmlTmpl);
 
 		target.appendChild(htmlTmpl.content.cloneNode(true));