ninegrid2 6.1348.0 → 6.1350.0

package/dist/bundle.cjs.js

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

package/dist/bundle.esm.js

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

package/dist/nx/_nxDiv.js

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

package/dist/nx/nxButtons.js

@@ -21,12 +21,16 @@ class nxButtons extends nxDiv {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
 				${ninegrid.getCustomPath(this,"nxButtons.css")}
 			</style>
-            <slot></slot>
+            <div id="container"></div>
         `;
 
-		console.log(htmlTmpl);
-
 		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.1348.0",
+  "version": "6.1350.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/_nxDiv.js

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

package/src/nx/nxButtons.js

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