ninegrid2 6.1352.0 → 6.1354.0

package/dist/bundle.cjs.js

@@ -28568,15 +28568,12 @@ class nxDiv extends HTMLElement {
 		//console.log(this.innerHTML.trim());
 
 		this.originContents = this.innerHTML.trim();
-		//this.innerHTML = ""; // 기존 내부 HTML 제거
-		// 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
-		this.fragment = document.createDocumentFragment();
-		while (this.firstChild) {
-			this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
-		}
+		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		// 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
-		if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') ;
+		if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
+			this.shadowRoot.innerHTML = this.originContents;
+		}
 	};
 }
 
@@ -28901,16 +28898,11 @@ class nxButtons extends nxDiv {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
 				${ninegrid.getCustomPath(this,"nxButtons.css")}
 			</style>
-            <div id="container"></div>
+            
+			${this.originContents}
         `;
 
 		target.appendChild(htmlTmpl.content.cloneNode(true));
-
-		// 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
-		const container = target.querySelector('#container');
-		if (this.fragment) {
-			container.appendChild(this.fragment); // 원본 그대로 복구!
-		}
 	}
 }
 

package/dist/bundle.esm.js

@@ -28564,15 +28564,12 @@ class nxDiv extends HTMLElement {
 		//console.log(this.innerHTML.trim());
 
 		this.originContents = this.innerHTML.trim();
-		//this.innerHTML = ""; // 기존 내부 HTML 제거
-		// 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
-		this.fragment = document.createDocumentFragment();
-		while (this.firstChild) {
-			this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
-		}
+		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		// 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
-		if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') ;
+		if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
+			this.shadowRoot.innerHTML = this.originContents;
+		}
 	};
 }
 
@@ -28897,16 +28894,11 @@ class nxButtons extends nxDiv {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
 				${ninegrid.getCustomPath(this,"nxButtons.css")}
 			</style>
-            <div id="container"></div>
+            
+			${this.originContents}
         `;
 
 		target.appendChild(htmlTmpl.content.cloneNode(true));
-
-		// 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
-		const container = target.querySelector('#container');
-		if (this.fragment) {
-			container.appendChild(this.fragment); // 원본 그대로 복구!
-		}
 	}
 }
 

package/dist/nx/_nxDiv.js

@@ -135,16 +135,11 @@ export class nxDiv extends HTMLElement {
 		//console.log(this.innerHTML.trim());
 
 		this.originContents = this.innerHTML.trim();
-		//this.innerHTML = ""; // 기존 내부 HTML 제거
-		// 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
-		this.fragment = document.createDocumentFragment();
-		while (this.firstChild) {
-			this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
-		}
+		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		// 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
 		if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
-			//this.shadowRoot.innerHTML = this.originContents;
+			this.shadowRoot.innerHTML = this.originContents;
 		}
 	};
 }

package/dist/nx/nxButtons.js

@@ -21,16 +21,11 @@ class nxButtons extends nxDiv {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
 				${ninegrid.getCustomPath(this,"nxButtons.css")}
 			</style>
-            <div id="container"></div>
+            
+			${this.originContents}
         `;
 
 		target.appendChild(htmlTmpl.content.cloneNode(true));
-
-		// 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
-		const container = target.querySelector('#container');
-		if (this.fragment) {
-			container.appendChild(this.fragment); // 원본 그대로 복구!
-		}
 	}
 }
 

package/package.json

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

package/src/nx/_nxDiv.js

@@ -135,16 +135,11 @@ export class nxDiv extends HTMLElement {
 		//console.log(this.innerHTML.trim());
 
 		this.originContents = this.innerHTML.trim();
-		//this.innerHTML = ""; // 기존 내부 HTML 제거
-		// 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
-		this.fragment = document.createDocumentFragment();
-		while (this.firstChild) {
-			this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
-		}
+		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		// 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
 		if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
-			//this.shadowRoot.innerHTML = this.originContents;
+			this.shadowRoot.innerHTML = this.originContents;
 		}
 	};
 }

package/src/nx/nxButtons.js

@@ -21,16 +21,11 @@ class nxButtons extends nxDiv {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
 				${ninegrid.getCustomPath(this,"nxButtons.css")}
 			</style>
-            <div id="container"></div>
+            
+			${this.originContents}
         `;
 
 		target.appendChild(htmlTmpl.content.cloneNode(true));
-
-		// 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
-		const container = target.querySelector('#container');
-		if (this.fragment) {
-			container.appendChild(this.fragment); // 원본 그대로 복구!
-		}
 	}
 }