ninegrid2 6.1126.0 → 6.1128.0

package/dist/bundle.cjs.js

@@ -122027,6 +122027,13 @@ class nxDiv extends HTMLElement
 
 	#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);
+			}
+		}
 	};
 }
 
@@ -122039,28 +122046,18 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
-		super.connectedCallback();
 
 		console.log("==========", super.isInitialized);
 		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		//if (!this.#isInitialized) {
-			//this.#init();
-			//this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+		if (super.isInitialized) return;
 
-
-		//}
-	}
+		this.#init();
+		super.connectedCallback();
+	};
 
 	#init = () => {
 		const contents = this.innerHTML.trim();
 
-		for (const attr of this.attributes) {
-			if (attr.name.startsWith("css-")) {
-				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
-				this.style.setProperty(attr.name.substring(4), attr.value);
-			}
-		}
-
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		const htmlTmpl = document.createElement("template");

package/dist/bundle.esm.js

@@ -122023,6 +122023,13 @@ class nxDiv extends HTMLElement
 
 	#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);
+			}
+		}
 	};
 }
 
@@ -122035,28 +122042,18 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
-		super.connectedCallback();
 
 		console.log("==========", super.isInitialized);
 		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		//if (!this.#isInitialized) {
-			//this.#init();
-			//this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
+		if (super.isInitialized) return;
 
-
-		//}
-	}
+		this.#init();
+		super.connectedCallback();
+	};
 
 	#init = () => {
 		const contents = this.innerHTML.trim();
 
-		for (const attr of this.attributes) {
-			if (attr.name.startsWith("css-")) {
-				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
-				this.style.setProperty(attr.name.substring(4), attr.value);
-			}
-		}
-
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		const htmlTmpl = document.createElement("template");

package/dist/nx/_nxDiv.js

@@ -18,5 +18,12 @@ export class nxDiv extends HTMLElement
 
 	#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);
+			}
+		}
 	};
 }

package/dist/nx/nxButtons.js

@@ -10,28 +10,18 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
-		super.connectedCallback();
 
 		console.log("==========", super.isInitialized);
 		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		//if (!this.#isInitialized) {
-			//this.#init();
-			//this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
-
+		if (super.isInitialized) return;
 
-		//}
-	}
+		this.#init();
+		super.connectedCallback();
+	};
 
 	#init = () => {
 		const contents = this.innerHTML.trim();
 
-		for (const attr of this.attributes) {
-			if (attr.name.startsWith("css-")) {
-				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
-				this.style.setProperty(attr.name.substring(4), attr.value);
-			}
-		}
-
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		const htmlTmpl = document.createElement("template");

package/package.json

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

package/src/nx/_nxDiv.js

@@ -18,5 +18,12 @@ export class nxDiv extends HTMLElement
 
 	#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);
+			}
+		}
 	};
 }

package/src/nx/nxButtons.js

@@ -10,28 +10,18 @@ class nxButtons extends nxDiv {
 	}
 
 	connectedCallback() {
-		super.connectedCallback();
 
 		console.log("==========", super.isInitialized);
 		// 2. 초기화되지 않았을 때만 #init 함수를 호출합니다.
-		//if (!this.#isInitialized) {
-			//this.#init();
-			//this.#isInitialized = true; // 3. 초기화 후 플래그를 true로 변경합니다.
-
+		if (super.isInitialized) return;
 
-		//}
-	}
+		this.#init();
+		super.connectedCallback();
+	};
 
 	#init = () => {
 		const contents = this.innerHTML.trim();
 
-		for (const attr of this.attributes) {
-			if (attr.name.startsWith("css-")) {
-				// "css-" 접두사를 제거하고 CSS 속성명으로 변환
-				this.style.setProperty(attr.name.substring(4), attr.value);
-			}
-		}
-
 		this.innerHTML = ""; // 기존 내부 HTML 제거
 
 		const htmlTmpl = document.createElement("template");