ninegrid2 6.1128.0 → 6.1130.0

package/dist/bundle.cjs.js

@@ -122011,29 +122011,57 @@ customElements.define("nx-panel", nxPanel);
 
 class nxDiv extends HTMLElement
 {
-	isInitialized = false;
+	#isInitialized = false;
+	#childClass;
 
 	constructor () {
 		super();
 		this.attachShadow({ mode: 'open' });
 	}
 	
-	connectedCallback() {
-		if (!this.isInitialized) {
+	connectedCallback(v) {
+		this.#childClass = v;
+
+		if (!this.#isInitialized) {
 			this.#init();
-			this.isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			return true;
 		}
+
+		return false;
 	}
 
 	#init = () => {
 		console.log("super.connectedCallback");
 
+		/**
+		 *
+		 */
 		for (const attr of this.attributes) {
 			if (attr.name.startsWith("css-")) {
 				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
 				this.style.setProperty(attr.name.substring(4), attr.value);
 			}
 		}
+
+		/**
+		 *
+		 */
+		const contents = this.innerHTML.trim();
+
+		this.innerHTML = ""; // 기존 내부 HTML 제거
+
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${this.#childClass}.css";
+				${ninegrid.getCustomPath(this,"${this.#childClass}.css")}
+			</style>
+            
+			${contents}
+        `;
+
+		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
 	};
 }
 
@@ -122046,31 +122074,15 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
+		if (!super.connectedCallback("nxButtons")) return;
 
-		console.log("==========", super.isInitialized);
-		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		if (super.isInitialized) return;
+		console.log("==========", "child.connectedCallback");
 
 		this.#init();
-		super.connectedCallback();
 	};
 
 	#init = () => {
-		const contents = this.innerHTML.trim();
-
-		this.innerHTML = ""; // 기존 내부 HTML 제거
-
-		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>
-            
-			${contents}
-        `;
-
-		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
+		return;
 	}
 }
 

package/dist/bundle.esm.js

@@ -122007,29 +122007,57 @@ customElements.define("nx-panel", nxPanel);
 
 class nxDiv extends HTMLElement
 {
-	isInitialized = false;
+	#isInitialized = false;
+	#childClass;
 
 	constructor () {
 		super();
 		this.attachShadow({ mode: 'open' });
 	}
 	
-	connectedCallback() {
-		if (!this.isInitialized) {
+	connectedCallback(v) {
+		this.#childClass = v;
+
+		if (!this.#isInitialized) {
 			this.#init();
-			this.isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			return true;
 		}
+
+		return false;
 	}
 
 	#init = () => {
 		console.log("super.connectedCallback");
 
+		/**
+		 *
+		 */
 		for (const attr of this.attributes) {
 			if (attr.name.startsWith("css-")) {
 				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
 				this.style.setProperty(attr.name.substring(4), attr.value);
 			}
 		}
+
+		/**
+		 *
+		 */
+		const contents = this.innerHTML.trim();
+
+		this.innerHTML = ""; // 기존 내부 HTML 제거
+
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${this.#childClass}.css";
+				${ninegrid.getCustomPath(this,"${this.#childClass}.css")}
+			</style>
+            
+			${contents}
+        `;
+
+		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
 	};
 }
 
@@ -122042,31 +122070,15 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
+		if (!super.connectedCallback("nxButtons")) return;
 
-		console.log("==========", super.isInitialized);
-		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		if (super.isInitialized) return;
+		console.log("==========", "child.connectedCallback");
 
 		this.#init();
-		super.connectedCallback();
 	};
 
 	#init = () => {
-		const contents = this.innerHTML.trim();
-
-		this.innerHTML = ""; // 기존 내부 HTML 제거
-
-		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>
-            
-			${contents}
-        `;
-
-		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
+		return;
 	}
 }
 

package/dist/nx/_nxDiv.js

@@ -2,28 +2,56 @@ import ninegrid from "../index.js";
 
 export class nxDiv extends HTMLElement
 {
-	isInitialized = false;
+	#isInitialized = false;
+	#childClass;
 
 	constructor () {
 		super();
 		this.attachShadow({ mode: 'open' });
 	}
 	
-	connectedCallback() {
-		if (!this.isInitialized) {
+	connectedCallback(v) {
+		this.#childClass = v;
+
+		if (!this.#isInitialized) {
 			this.#init();
-			this.isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			return true;
 		}
+
+		return false;
 	}
 
 	#init = () => {
 		console.log("super.connectedCallback");
 
+		/**
+		 *
+		 */
 		for (const attr of this.attributes) {
 			if (attr.name.startsWith("css-")) {
 				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
 				this.style.setProperty(attr.name.substring(4), attr.value);
 			}
 		}
+
+		/**
+		 *
+		 */
+		const contents = this.innerHTML.trim();
+
+		this.innerHTML = ""; // 기존 내부 HTML 제거
+
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${this.#childClass}.css";
+				${ninegrid.getCustomPath(this,"${this.#childClass}.css")}
+			</style>
+            
+			${contents}
+        `;
+
+		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
 	};
 }

package/dist/nx/nxButtons.js

@@ -10,16 +10,16 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
+		if (!super.connectedCallback("nxButtons")) return;
 
-		console.log("==========", super.isInitialized);
-		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		if (super.isInitialized) return;
+		console.log("==========", "child.connectedCallback");
 
 		this.#init();
-		super.connectedCallback();
 	};
 
 	#init = () => {
+		return;
+
 		const contents = this.innerHTML.trim();
 
 		this.innerHTML = ""; // 기존 내부 HTML 제거

package/package.json

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

package/src/nx/_nxDiv.js

@@ -2,28 +2,56 @@ import ninegrid from "../index.js";
 
 export class nxDiv extends HTMLElement
 {
-	isInitialized = false;
+	#isInitialized = false;
+	#childClass;
 
 	constructor () {
 		super();
 		this.attachShadow({ mode: 'open' });
 	}
 	
-	connectedCallback() {
-		if (!this.isInitialized) {
+	connectedCallback(v) {
+		this.#childClass = v;
+
+		if (!this.#isInitialized) {
 			this.#init();
-			this.isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+			return true;
 		}
+
+		return false;
 	}
 
 	#init = () => {
 		console.log("super.connectedCallback");
 
+		/**
+		 *
+		 */
 		for (const attr of this.attributes) {
 			if (attr.name.startsWith("css-")) {
 				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
 				this.style.setProperty(attr.name.substring(4), attr.value);
 			}
 		}
+
+		/**
+		 *
+		 */
+		const contents = this.innerHTML.trim();
+
+		this.innerHTML = ""; // 기존 내부 HTML 제거
+
+		const htmlTmpl = document.createElement("template");
+		htmlTmpl.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/${this.#childClass}.css";
+				${ninegrid.getCustomPath(this,"${this.#childClass}.css")}
+			</style>
+            
+			${contents}
+        `;
+
+		this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
 	};
 }

package/src/nx/nxButtons.js

@@ -10,16 +10,16 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
+		if (!super.connectedCallback("nxButtons")) return;
 
-		console.log("==========", super.isInitialized);
-		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		if (super.isInitialized) return;
+		console.log("==========", "child.connectedCallback");
 
 		this.#init();
-		super.connectedCallback();
 	};
 
 	#init = () => {
+		return;
+
 		const contents = this.innerHTML.trim();
 
 		this.innerHTML = ""; // 기존 내부 HTML 제거