ninegrid2 6.650.0 → 6.652.0

package/dist/bundle.cjs.js

@@ -11167,6 +11167,8 @@ class ninegrid {
 	};
 
 	static decode = (args) => {
+		console.log(args);
+
 		for (var i = 1; i < args.length ; i+=2) {
 			if (args[0] === args[i]) return args[i+1];
 		}
@@ -11432,6 +11434,7 @@ class ninegrid {
 	}
 
 
+	/**
 	static querySelectorAll = (selector, root) => {
 		
 		root = root || document;
@@ -11457,7 +11460,54 @@ class ninegrid {
 		
 		return results;
 	};
-	
+	*/
+
+	static querySelectorAll(selector, root = document) {
+		const results = [];
+
+		const search = (node) => {
+			// 현재 노드에서 찾기
+			node.querySelectorAll?.(selector)?.forEach(elem => {
+				if (!results.includes(elem)) results.push(elem);
+			});
+
+			// 모든 자식 요소 순회
+			node.querySelectorAll?.('*')?.forEach(child => {
+				if (child.shadowRoot) {
+					search(child.shadowRoot); // 💡 재귀적으로 계속 들어가!
+				}
+			});
+		};
+
+		// 시작점
+		search(root.shadowRoot ?? root);
+
+		return results;
+	}
+
+	static querySelector(selector, root = document) {
+		let found = root.querySelector?.(selector);
+		if (found) return found;
+
+		// 최상위 shadow root가 있다면 먼저 탐색
+		if (root.shadowRoot) {
+			found = this.querySelector(selector, root.shadowRoot);
+			if (found) return found;
+		}
+
+		// 모든 자식 요소 탐색
+		for (const elem of root.querySelectorAll?.('*') ?? []) {
+			if (elem.shadowRoot) {
+				found = this.querySelector(selector, elem.shadowRoot);
+				if (found) return found;
+			}
+		}
+
+		return null; // 없으면 null 반환
+	}
+
+
+
 	static i18n = {
 		convertArrayToJSON : (arr) => {
 			let result = {};

package/dist/bundle.esm.js

@@ -11163,6 +11163,8 @@ class ninegrid {
 	};
 
 	static decode = (args) => {
+		console.log(args);
+
 		for (var i = 1; i < args.length ; i+=2) {
 			if (args[0] === args[i]) return args[i+1];
 		}
@@ -11428,6 +11430,7 @@ class ninegrid {
 	}
 
 
+	/**
 	static querySelectorAll = (selector, root) => {
 		
 		root = root || document;
@@ -11453,7 +11456,54 @@ class ninegrid {
 		
 		return results;
 	};
-	
+	*/
+
+	static querySelectorAll(selector, root = document) {
+		const results = [];
+
+		const search = (node) => {
+			// 현재 노드에서 찾기
+			node.querySelectorAll?.(selector)?.forEach(elem => {
+				if (!results.includes(elem)) results.push(elem);
+			});
+
+			// 모든 자식 요소 순회
+			node.querySelectorAll?.('*')?.forEach(child => {
+				if (child.shadowRoot) {
+					search(child.shadowRoot); // 💡 재귀적으로 계속 들어가!
+				}
+			});
+		};
+
+		// 시작점
+		search(root.shadowRoot ?? root);
+
+		return results;
+	}
+
+	static querySelector(selector, root = document) {
+		let found = root.querySelector?.(selector);
+		if (found) return found;
+
+		// 최상위 shadow root가 있다면 먼저 탐색
+		if (root.shadowRoot) {
+			found = this.querySelector(selector, root.shadowRoot);
+			if (found) return found;
+		}
+
+		// 모든 자식 요소 탐색
+		for (const elem of root.querySelectorAll?.('*') ?? []) {
+			if (elem.shadowRoot) {
+				found = this.querySelector(selector, elem.shadowRoot);
+				if (found) return found;
+			}
+		}
+
+		return null; // 없으면 null 반환
+	}
+
+
+
 	static i18n = {
 		convertArrayToJSON : (arr) => {
 			let result = {};

package/dist/utils/ninegrid.js

@@ -300,6 +300,8 @@ export class ninegrid {
 	};
 
 	static decode = (args) => {
+		console.log(args);
+
 		for (var i = 1; i < args.length ; i+=2) {
 			if (args[0] === args[i]) return args[i+1];
 		}
@@ -565,6 +567,7 @@ export class ninegrid {
 	}
 
 
+	/**
 	static querySelectorAll = (selector, root) => {
 		
 		root = root || document;
@@ -590,7 +593,54 @@ export class ninegrid {
 		
 		return results;
 	};
-	
+	*/
+
+	static querySelectorAll(selector, root = document) {
+		const results = [];
+
+		const search = (node) => {
+			// 현재 노드에서 찾기
+			node.querySelectorAll?.(selector)?.forEach(elem => {
+				if (!results.includes(elem)) results.push(elem);
+			});
+
+			// 모든 자식 요소 순회
+			node.querySelectorAll?.('*')?.forEach(child => {
+				if (child.shadowRoot) {
+					search(child.shadowRoot); // 💡 재귀적으로 계속 들어가!
+				}
+			});
+		};
+
+		// 시작점
+		search(root.shadowRoot ?? root);
+
+		return results;
+	}
+
+	static querySelector(selector, root = document) {
+		let found = root.querySelector?.(selector);
+		if (found) return found;
+
+		// 최상위 shadow root가 있다면 먼저 탐색
+		if (root.shadowRoot) {
+			found = this.querySelector(selector, root.shadowRoot);
+			if (found) return found;
+		}
+
+		// 모든 자식 요소 탐색
+		for (const elem of root.querySelectorAll?.('*') ?? []) {
+			if (elem.shadowRoot) {
+				found = this.querySelector(selector, elem.shadowRoot);
+				if (found) return found;
+			}
+		}
+
+		return null; // 없으면 null 반환
+	}
+
+
+
 	static i18n = {
 		convertArrayToJSON : (arr) => {
 			let result = {};

package/package.json

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

package/src/utils/ninegrid.js

@@ -300,6 +300,8 @@ export class ninegrid {
 	};
 
 	static decode = (args) => {
+		console.log(args);
+
 		for (var i = 1; i < args.length ; i+=2) {
 			if (args[0] === args[i]) return args[i+1];
 		}
@@ -565,6 +567,7 @@ export class ninegrid {
 	}
 
 
+	/**
 	static querySelectorAll = (selector, root) => {
 		
 		root = root || document;
@@ -590,7 +593,54 @@ export class ninegrid {
 		
 		return results;
 	};
-	
+	*/
+
+	static querySelectorAll(selector, root = document) {
+		const results = [];
+
+		const search = (node) => {
+			// 현재 노드에서 찾기
+			node.querySelectorAll?.(selector)?.forEach(elem => {
+				if (!results.includes(elem)) results.push(elem);
+			});
+
+			// 모든 자식 요소 순회
+			node.querySelectorAll?.('*')?.forEach(child => {
+				if (child.shadowRoot) {
+					search(child.shadowRoot); // 💡 재귀적으로 계속 들어가!
+				}
+			});
+		};
+
+		// 시작점
+		search(root.shadowRoot ?? root);
+
+		return results;
+	}
+
+	static querySelector(selector, root = document) {
+		let found = root.querySelector?.(selector);
+		if (found) return found;
+
+		// 최상위 shadow root가 있다면 먼저 탐색
+		if (root.shadowRoot) {
+			found = this.querySelector(selector, root.shadowRoot);
+			if (found) return found;
+		}
+
+		// 모든 자식 요소 탐색
+		for (const elem of root.querySelectorAll?.('*') ?? []) {
+			if (elem.shadowRoot) {
+				found = this.querySelector(selector, elem.shadowRoot);
+				if (found) return found;
+			}
+		}
+
+		return null; // 없으면 null 반환
+	}
+
+
+
 	static i18n = {
 		convertArrayToJSON : (arr) => {
 			let result = {};