ninegrid2 6.918.0 → 6.921.0

package/dist/bundle.cjs.js

@@ -11155,6 +11155,29 @@ class ninegrid {
 			}, intervalTime);
 		});
 	};
+
+	static delayQuerySelector = (selector, root = document, maxAttempts = 3, intervalTime = 100) => {
+		return new Promise((resolve, reject) => {
+			let attempts = 0;
+			const interval = setInterval(() => {
+				const el = ninegrid.querySelector(selector, root);
+				console.log(el);
+				if (el) {
+					//console.log("InnerHTML 확인됨, init() 실행 가능!");
+					clearInterval(interval);
+					resolve();
+				} else {
+					attempts++;
+					//console.log(`InnerHTML이 비어 있음, ${attempts}/${maxAttempts}번 재시도`);
+
+					if (attempts >= maxAttempts) {
+						clearInterval(interval);
+						reject("Element를 찾지 못했습니다.");
+					}
+				}
+			}, intervalTime);
+		});
+	};
 	
 	static copyProperty = (target, source, properties) => {
 		
@@ -121655,11 +121678,7 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		if (document.readyState === 'loading') { // DOM이 아직 로딩 중이면
-			document.addEventListener('DOMContentLoaded', this.#init);
-		} else { // DOM이 이미 로드 완료되었으면 즉시 실행
-			this.#init();
-		}
+		this.#init();
 	}
 
 	// 컴포넌트가 DOM에서 제거될 때 이벤트 리스너를 정리
@@ -121669,8 +121688,19 @@ class nxTitle extends HTMLElement {
 
 
 	#init = () => {
+		/**
+		console.log("111");
+		const activeMenuItem = ninegrid.delayQuerySelector('nx-side-menu-item.active');
+		console.log(activeMenuItem);
+
 		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
 		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+		*/
+		ninegrid.delayQuerySelector('nx-side-menu-item.active')
+			.then(() => {
+				this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+				this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+			});
 	};
 
 	// Breadcrumb 경로를 구성하는 비공개 메서드

package/dist/bundle.esm.js

@@ -11151,6 +11151,29 @@ class ninegrid {
 			}, intervalTime);
 		});
 	};
+
+	static delayQuerySelector = (selector, root = document, maxAttempts = 3, intervalTime = 100) => {
+		return new Promise((resolve, reject) => {
+			let attempts = 0;
+			const interval = setInterval(() => {
+				const el = ninegrid.querySelector(selector, root);
+				console.log(el);
+				if (el) {
+					//console.log("InnerHTML 확인됨, init() 실행 가능!");
+					clearInterval(interval);
+					resolve();
+				} else {
+					attempts++;
+					//console.log(`InnerHTML이 비어 있음, ${attempts}/${maxAttempts}번 재시도`);
+
+					if (attempts >= maxAttempts) {
+						clearInterval(interval);
+						reject("Element를 찾지 못했습니다.");
+					}
+				}
+			}, intervalTime);
+		});
+	};
 	
 	static copyProperty = (target, source, properties) => {
 		
@@ -121651,11 +121674,7 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		if (document.readyState === 'loading') { // DOM이 아직 로딩 중이면
-			document.addEventListener('DOMContentLoaded', this.#init);
-		} else { // DOM이 이미 로드 완료되었으면 즉시 실행
-			this.#init();
-		}
+		this.#init();
 	}
 
 	// 컴포넌트가 DOM에서 제거될 때 이벤트 리스너를 정리
@@ -121665,8 +121684,19 @@ class nxTitle extends HTMLElement {
 
 
 	#init = () => {
+		/**
+		console.log("111");
+		const activeMenuItem = ninegrid.delayQuerySelector('nx-side-menu-item.active');
+		console.log(activeMenuItem);
+
 		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
 		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+		*/
+		ninegrid.delayQuerySelector('nx-side-menu-item.active')
+			.then(() => {
+				this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+				this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+			});
 	};
 
 	// Breadcrumb 경로를 구성하는 비공개 메서드

package/dist/nx/nxTitle.js

@@ -10,11 +10,7 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		if (document.readyState === 'loading') { // DOM이 아직 로딩 중이면
-			document.addEventListener('DOMContentLoaded', this.#init);
-		} else { // DOM이 이미 로드 완료되었으면 즉시 실행
-			this.#init();
-		}
+		this.#init();
 	}
 
 	// 컴포넌트가 DOM에서 제거될 때 이벤트 리스너를 정리
@@ -24,8 +20,19 @@ class nxTitle extends HTMLElement {
 
 
 	#init = () => {
+		/**
+		console.log("111");
+		const activeMenuItem = ninegrid.delayQuerySelector('nx-side-menu-item.active');
+		console.log(activeMenuItem);
+
 		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
 		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+		*/
+		ninegrid.delayQuerySelector('nx-side-menu-item.active')
+			.then(() => {
+				this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+				this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+			});
 	};
 
 	// Breadcrumb 경로를 구성하는 비공개 메서드

package/dist/utils/ninegrid.js

@@ -288,6 +288,29 @@ export class ninegrid {
 			}, intervalTime);
 		});
 	};
+
+	static delayQuerySelector = (selector, root = document, maxAttempts = 3, intervalTime = 100) => {
+		return new Promise((resolve, reject) => {
+			let attempts = 0;
+			const interval = setInterval(() => {
+				const el = ninegrid.querySelector(selector, root);
+				console.log(el);
+				if (el) {
+					//console.log("InnerHTML 확인됨, init() 실행 가능!");
+					clearInterval(interval);
+					resolve();
+				} else {
+					attempts++;
+					//console.log(`InnerHTML이 비어 있음, ${attempts}/${maxAttempts}번 재시도`);
+
+					if (attempts >= maxAttempts) {
+						clearInterval(interval);
+						reject("Element를 찾지 못했습니다.");
+					}
+				}
+			}, intervalTime);
+		});
+	};
 	
 	static copyProperty = (target, source, properties) => {
 		

package/package.json

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

package/src/nx/nxTitle.js

@@ -10,11 +10,7 @@ class nxTitle extends HTMLElement {
 	}
 
 	connectedCallback() {
-		if (document.readyState === 'loading') { // DOM이 아직 로딩 중이면
-			document.addEventListener('DOMContentLoaded', this.#init);
-		} else { // DOM이 이미 로드 완료되었으면 즉시 실행
-			this.#init();
-		}
+		this.#init();
 	}
 
 	// 컴포넌트가 DOM에서 제거될 때 이벤트 리스너를 정리
@@ -24,8 +20,19 @@ class nxTitle extends HTMLElement {
 
 
 	#init = () => {
+		/**
+		console.log("111");
+		const activeMenuItem = ninegrid.delayQuerySelector('nx-side-menu-item.active');
+		console.log(activeMenuItem);
+
 		this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
 		this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+		*/
+		ninegrid.delayQuerySelector('nx-side-menu-item.active')
+			.then(() => {
+				this.#generateBreadcrumb(); // 빵 부스러기 데이터 생성 및 최종 렌더링 트리거
+				this.#renderer(); // 초기 렌더링 (빵 부스러기 데이터는 아직 없음)
+			});
 	};
 
 	// Breadcrumb 경로를 구성하는 비공개 메서드

package/src/utils/ninegrid.js

@@ -288,6 +288,29 @@ export class ninegrid {
 			}, intervalTime);
 		});
 	};
+
+	static delayQuerySelector = (selector, root = document, maxAttempts = 3, intervalTime = 100) => {
+		return new Promise((resolve, reject) => {
+			let attempts = 0;
+			const interval = setInterval(() => {
+				const el = ninegrid.querySelector(selector, root);
+				console.log(el);
+				if (el) {
+					//console.log("InnerHTML 확인됨, init() 실행 가능!");
+					clearInterval(interval);
+					resolve();
+				} else {
+					attempts++;
+					//console.log(`InnerHTML이 비어 있음, ${attempts}/${maxAttempts}번 재시도`);
+
+					if (attempts >= maxAttempts) {
+						clearInterval(interval);
+						reject("Element를 찾지 못했습니다.");
+					}
+				}
+			}, intervalTime);
+		});
+	};
 	
 	static copyProperty = (target, source, properties) => {