ninegrid2 6.162.0 → 6.164.0

package/dist/bundle.cjs.js

@@ -10724,6 +10724,38 @@ class ninegrid {
                 }
             });
         }
+
+		console.log("shadow" in Element.prototype);
+		
+		if (!("shadow" in Element.prototype)) {
+			Object.defineProperty(Element.prototype, "shadow", {
+				get: function () {
+					console.log("get");
+                    //const style = window.getComputedStyle(this);
+					//console.log(this, style.display, style.visibility, style.opacity);
+                    return function (selector) {
+						console.log(selector);
+						return "xx";
+						/**
+						let currentElement = this;
+
+						while (currentElement) {
+							if (currentElement.matches(selector)) return currentElement;
+
+							// ✅ Shadow Root를 가지고 있는 경우 내부에서 탐색
+							if (currentElement.shadowRoot) {
+								const found = currentElement.shadowRoot.querySelector(selector);
+								if (found) return found;
+							}
+
+							currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
+						}
+
+						return null; */
+					};
+                }
+			});
+		}
     }
 
 	static LOG = {
@@ -18165,31 +18197,26 @@ class ngFilterButton extends HTMLElement
 		console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
 
 		if (panel.col === this.closest('th,td').dataset.col) {
+			panel.col = null;
 			panel.style.display = 'none';
-			return;
+			panel.close();
 		}
+		else {
+			var cell = e.target.closest("th,td");
+			
+			var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
+			if (l < 0) l = 0;
+			if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
+			
+			
 
-		//return;
-
-		/**
-		if (this.#owner.shadowRoot.querySelectorAll('ng-filter-panel').length > 1) throw "too many ng-filter-panel";
-		if (!panel) throw 'ng-filter-panel is null';
-		 */
-
-		var cell = e.target.closest("th,td");
-		
-		var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
-		if (l < 0) l = 0;
-		if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
-		
-		
-
-		var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
-		
-		//$(panel).offset({left: l, top: t});
-		$(panel).css({left: l, top: t});
+			var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
+			
+			//$(panel).offset({left: l, top: t});
+			$(panel).css({left: l, top: t});
 
-		panel.refresh(this.#owner, this);
+			panel.open(this.#owner, this);
+		}
 	};
 }
 
@@ -18402,12 +18429,17 @@ class ngFilterPanel extends HTMLElement
 		}, 200);
 	};
 	
-	refresh = (owner, filterButton) => {
+	close = () => {
+		this.col = null;
+		this.style.display = 'none';
+	};
 
-		var col = filterButton.closest('th,td').dataset.col;
-		this.col = col;
+	open = (owner, filterButton) => {
 
+		
 
+		var col = filterButton.closest('th,td').dataset.col;
+		this.col = col;
 
 		//if (this.#target && this.#target.uuid == owner.uuid && this.#target.col == col && $(this).is(':visible')) {
 		if (this.#target && this.#target.col == col && $(this).is(':visible')) ;

package/dist/bundle.esm.js

@@ -10722,6 +10722,38 @@ class ninegrid {
                 }
             });
         }
+
+		console.log("shadow" in Element.prototype);
+		
+		if (!("shadow" in Element.prototype)) {
+			Object.defineProperty(Element.prototype, "shadow", {
+				get: function () {
+					console.log("get");
+                    //const style = window.getComputedStyle(this);
+					//console.log(this, style.display, style.visibility, style.opacity);
+                    return function (selector) {
+						console.log(selector);
+						return "xx";
+						/**
+						let currentElement = this;
+
+						while (currentElement) {
+							if (currentElement.matches(selector)) return currentElement;
+
+							// ✅ Shadow Root를 가지고 있는 경우 내부에서 탐색
+							if (currentElement.shadowRoot) {
+								const found = currentElement.shadowRoot.querySelector(selector);
+								if (found) return found;
+							}
+
+							currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
+						}
+
+						return null; */
+					};
+                }
+			});
+		}
     }
 
 	static LOG = {
@@ -18163,31 +18195,26 @@ class ngFilterButton extends HTMLElement
 		console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
 
 		if (panel.col === this.closest('th,td').dataset.col) {
+			panel.col = null;
 			panel.style.display = 'none';
-			return;
+			panel.close();
 		}
+		else {
+			var cell = e.target.closest("th,td");
+			
+			var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
+			if (l < 0) l = 0;
+			if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
+			
+			
 
-		//return;
-
-		/**
-		if (this.#owner.shadowRoot.querySelectorAll('ng-filter-panel').length > 1) throw "too many ng-filter-panel";
-		if (!panel) throw 'ng-filter-panel is null';
-		 */
-
-		var cell = e.target.closest("th,td");
-		
-		var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
-		if (l < 0) l = 0;
-		if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
-		
-		
-
-		var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
-		
-		//$(panel).offset({left: l, top: t});
-		$(panel).css({left: l, top: t});
+			var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
+			
+			//$(panel).offset({left: l, top: t});
+			$(panel).css({left: l, top: t});
 
-		panel.refresh(this.#owner, this);
+			panel.open(this.#owner, this);
+		}
 	};
 }
 
@@ -18400,12 +18427,17 @@ class ngFilterPanel extends HTMLElement
 		}, 200);
 	};
 	
-	refresh = (owner, filterButton) => {
+	close = () => {
+		this.col = null;
+		this.style.display = 'none';
+	};
 
-		var col = filterButton.closest('th,td').dataset.col;
-		this.col = col;
+	open = (owner, filterButton) => {
 
+		
 
+		var col = filterButton.closest('th,td').dataset.col;
+		this.col = col;
 
 		//if (this.#target && this.#target.uuid == owner.uuid && this.#target.col == col && $(this).is(':visible')) {
 		if (this.#target && this.#target.col == col && $(this).is(':visible')) ;

package/dist/etc/ngFiltering.js

@@ -289,31 +289,26 @@ class ngFilterButton extends HTMLElement
 		console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
 
 		if (panel.col === this.closest('th,td').dataset.col) {
+			panel.col = null;
 			panel.style.display = 'none';
-			return;
+			panel.close();
 		}
+		else {
+			var cell = e.target.closest("th,td");
+			
+			var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
+			if (l < 0) l = 0;
+			if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
+			
+			
 
-		//return;
-
-		/**
-		if (this.#owner.shadowRoot.querySelectorAll('ng-filter-panel').length > 1) throw "too many ng-filter-panel";
-		if (!panel) throw 'ng-filter-panel is null';
-		 */
-
-		var cell = e.target.closest("th,td");
-		
-		var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
-		if (l < 0) l = 0;
-		if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
-		
-		
-
-		var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
-		
-		//$(panel).offset({left: l, top: t});
-		$(panel).css({left: l, top: t});
+			var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
+			
+			//$(panel).offset({left: l, top: t});
+			$(panel).css({left: l, top: t});
 
-		panel.refresh(this.#owner, this);
+			panel.open(this.#owner, this);
+		}
 	};
 }
 
@@ -528,12 +523,17 @@ class ngFilterPanel extends HTMLElement
 		}, 200)
 	};
 	
-	refresh = (owner, filterButton) => {
+	close = () => {
+		this.col = null;
+		this.style.display = 'none';
+	};
 
-		var col = filterButton.closest('th,td').dataset.col;
-		this.col = col;
+	open = (owner, filterButton) => {
 
+		
 
+		var col = filterButton.closest('th,td').dataset.col;
+		this.col = col;
 
 		//if (this.#target && this.#target.uuid == owner.uuid && this.#target.col == col && $(this).is(':visible')) {
 		if (this.#target && this.#target.col == col && $(this).is(':visible')) {

package/dist/utils/ninegrid.js

@@ -18,6 +18,38 @@ export class ninegrid {
                 }
             });
         }
+
+		console.log("shadow" in Element.prototype);
+		
+		if (!("shadow" in Element.prototype)) {
+			Object.defineProperty(Element.prototype, "shadow", {
+				get: function () {
+					console.log("get");
+                    //const style = window.getComputedStyle(this);
+					//console.log(this, style.display, style.visibility, style.opacity);
+                    return function (selector) {
+						console.log(selector);
+						return "xx";
+						/**
+						let currentElement = this;
+
+						while (currentElement) {
+							if (currentElement.matches(selector)) return currentElement;
+
+							// ✅ Shadow Root를 가지고 있는 경우 내부에서 탐색
+							if (currentElement.shadowRoot) {
+								const found = currentElement.shadowRoot.querySelector(selector);
+								if (found) return found;
+							}
+
+							currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
+						}
+
+						return null; */
+					};
+                }
+			});
+		}
     }
 
 	static LOG = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.162.0",
+  "version": "6.164.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/etc/ngFiltering.js

@@ -289,31 +289,26 @@ class ngFilterButton extends HTMLElement
 		console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
 
 		if (panel.col === this.closest('th,td').dataset.col) {
+			panel.col = null;
 			panel.style.display = 'none';
-			return;
+			panel.close();
 		}
+		else {
+			var cell = e.target.closest("th,td");
+			
+			var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
+			if (l < 0) l = 0;
+			if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
+			
+			
 
-		//return;
-
-		/**
-		if (this.#owner.shadowRoot.querySelectorAll('ng-filter-panel').length > 1) throw "too many ng-filter-panel";
-		if (!panel) throw 'ng-filter-panel is null';
-		 */
-
-		var cell = e.target.closest("th,td");
-		
-		var l = $(e.target).offset().left - $(this.#owner).offset().left;// - $(panel).width() + $(e.target).width() + 1;
-		if (l < 0) l = 0;
-		if (l + $(panel).width() > $(this.#owner).width()) l = $(this.#owner).width() - $(panel).width() - 5;
-		
-		
-
-		var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
-		
-		//$(panel).offset({left: l, top: t});
-		$(panel).css({left: l, top: t});
+			var t = $(cell).offset().top + $(cell).height()- $(this.#owner).offset().top;//$(e.target).offset().top + $(e.target).height() + 2;
+			
+			//$(panel).offset({left: l, top: t});
+			$(panel).css({left: l, top: t});
 
-		panel.refresh(this.#owner, this);
+			panel.open(this.#owner, this);
+		}
 	};
 }
 
@@ -528,12 +523,17 @@ class ngFilterPanel extends HTMLElement
 		}, 200)
 	};
 	
-	refresh = (owner, filterButton) => {
+	close = () => {
+		this.col = null;
+		this.style.display = 'none';
+	};
 
-		var col = filterButton.closest('th,td').dataset.col;
-		this.col = col;
+	open = (owner, filterButton) => {
 
+		
 
+		var col = filterButton.closest('th,td').dataset.col;
+		this.col = col;
 
 		//if (this.#target && this.#target.uuid == owner.uuid && this.#target.col == col && $(this).is(':visible')) {
 		if (this.#target && this.#target.col == col && $(this).is(':visible')) {

package/src/utils/ninegrid.js

@@ -18,6 +18,38 @@ export class ninegrid {
                 }
             });
         }
+
+		console.log("shadow" in Element.prototype);
+		
+		if (!("shadow" in Element.prototype)) {
+			Object.defineProperty(Element.prototype, "shadow", {
+				get: function () {
+					console.log("get");
+                    //const style = window.getComputedStyle(this);
+					//console.log(this, style.display, style.visibility, style.opacity);
+                    return function (selector) {
+						console.log(selector);
+						return "xx";
+						/**
+						let currentElement = this;
+
+						while (currentElement) {
+							if (currentElement.matches(selector)) return currentElement;
+
+							// ✅ Shadow Root를 가지고 있는 경우 내부에서 탐색
+							if (currentElement.shadowRoot) {
+								const found = currentElement.shadowRoot.querySelector(selector);
+								if (found) return found;
+							}
+
+							currentElement = currentElement.getRootNode()?.host || null; // ✅ Shadow DOM 내부 탐색
+						}
+
+						return null; */
+					};
+                }
+			});
+		}
     }
 
 	static LOG = {