ninegrid2 6.241.0 → 6.243.0

package/dist/bundle.cjs.js

@@ -17978,18 +17978,19 @@ class ngFilterButton extends HTMLElement
 	}
 	
 	#onClick = (e) => {
-		
-		e.preventDefault();
-		e.stopPropagation();
-		
-		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-	
-		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
-	};
+        e.preventDefault();
+        e.stopPropagation();
+
+        const panel = this.#owner.shadowRoot.querySelector("ng-filter-panel");
+        const col = this.closest("th,td")?.dataset.col; // ✅ `?.` 활용하여 안전한 접근
+
+        panel.col === col ? panel.close() : panel.open(this);
+    };
 }
 
 class ngFilterPanel extends HTMLElement
 {
+	#owner;
 	#target;
 	#timer;
 	
@@ -17999,6 +18000,10 @@ class ngFilterPanel extends HTMLElement
 	}
 
 	connectedCallback() {
+
+		this.#owner = this.getRootNode().host;
+		console.log("========================", this.#owner);
+
 		const cssPath = this.getRootNode().host.closest("nine-grid").getAttribute("css-path") || "";
 
 		this.shadowRoot.innerHTML = `
@@ -18061,7 +18066,7 @@ class ngFilterPanel extends HTMLElement
 			const DATA_IDX	= grd.fields.indexOf("DATA");
 			
 			const checked	= grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] == "Y"; });
-			grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
+			//const unchecked = grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
 			
 			var filterOptions = [];
 			if (checked.length > 0) {
@@ -18074,31 +18079,8 @@ class ngFilterPanel extends HTMLElement
 				});
 			}
 			
-			console.log(filterOptions);
-			
-		//console.log(this.#target);
-		
-			//console.log(this.#target, this.#target.button);
-			
-			//this.#target.button.filterData = filterData;//grd.data.getValidData().filter(item => { return item.CHK == "Y"; });//.map(item => {  return item.DATA; });
-			
-			
-			/**
-			this.#target.owner.data.clearFilter();
-			
-			$("ng-filter-button", this.#target.owner.body).each((index,el) => {
-				if (!el.filterData) return true;
-				el.filterData.forEach(o => {
-					const idx = this.#target.owner.fields.indexOf(o.colnm);
-					this.#target.owner.data.getValidData().filter(m => { return o.data.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-					//this.#target.owner.data.resetIndex();
-				});
-			});
-			
-			this.#target.owner.data.refreshFilter();
-			*/
-			
-			console.log(this.#target, this.#target.button, filterOptions);
+			//console.log(filterOptions);
+			//console.log(this.#target, this.#target.button, filterOptions)
 			
 			this.#target.button.filterOptions = filterOptions;
 			

package/dist/bundle.esm.js

@@ -17976,18 +17976,19 @@ class ngFilterButton extends HTMLElement
 	}
 	
 	#onClick = (e) => {
-		
-		e.preventDefault();
-		e.stopPropagation();
-		
-		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-	
-		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
-	};
+        e.preventDefault();
+        e.stopPropagation();
+
+        const panel = this.#owner.shadowRoot.querySelector("ng-filter-panel");
+        const col = this.closest("th,td")?.dataset.col; // ✅ `?.` 활용하여 안전한 접근
+
+        panel.col === col ? panel.close() : panel.open(this);
+    };
 }
 
 class ngFilterPanel extends HTMLElement
 {
+	#owner;
 	#target;
 	#timer;
 	
@@ -17997,6 +17998,10 @@ class ngFilterPanel extends HTMLElement
 	}
 
 	connectedCallback() {
+
+		this.#owner = this.getRootNode().host;
+		console.log("========================", this.#owner);
+
 		const cssPath = this.getRootNode().host.closest("nine-grid").getAttribute("css-path") || "";
 
 		this.shadowRoot.innerHTML = `
@@ -18059,7 +18064,7 @@ class ngFilterPanel extends HTMLElement
 			const DATA_IDX	= grd.fields.indexOf("DATA");
 			
 			const checked	= grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] == "Y"; });
-			grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
+			//const unchecked = grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
 			
 			var filterOptions = [];
 			if (checked.length > 0) {
@@ -18072,31 +18077,8 @@ class ngFilterPanel extends HTMLElement
 				});
 			}
 			
-			console.log(filterOptions);
-			
-		//console.log(this.#target);
-		
-			//console.log(this.#target, this.#target.button);
-			
-			//this.#target.button.filterData = filterData;//grd.data.getValidData().filter(item => { return item.CHK == "Y"; });//.map(item => {  return item.DATA; });
-			
-			
-			/**
-			this.#target.owner.data.clearFilter();
-			
-			$("ng-filter-button", this.#target.owner.body).each((index,el) => {
-				if (!el.filterData) return true;
-				el.filterData.forEach(o => {
-					const idx = this.#target.owner.fields.indexOf(o.colnm);
-					this.#target.owner.data.getValidData().filter(m => { return o.data.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-					//this.#target.owner.data.resetIndex();
-				});
-			});
-			
-			this.#target.owner.data.refreshFilter();
-			*/
-			
-			console.log(this.#target, this.#target.button, filterOptions);
+			//console.log(filterOptions);
+			//console.log(this.#target, this.#target.button, filterOptions)
 			
 			this.#target.button.filterOptions = filterOptions;
 			

package/dist/etc/ngFiltering.js

@@ -155,18 +155,19 @@ class ngFilterButton extends HTMLElement
 	}
 	
 	#onClick = (e) => {
-		
-		e.preventDefault();
-		e.stopPropagation();
-		
-		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-	
-		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
-	};
+        e.preventDefault();
+        e.stopPropagation();
+
+        const panel = this.#owner.shadowRoot.querySelector("ng-filter-panel");
+        const col = this.closest("th,td")?.dataset.col; // ✅ `?.` 활용하여 안전한 접근
+
+        panel.col === col ? panel.close() : panel.open(this);
+    };
 }
 
 class ngFilterPanel extends HTMLElement
 {
+	#owner;
 	#target;
 	#timer;
 	
@@ -176,6 +177,10 @@ class ngFilterPanel extends HTMLElement
 	}
 
 	connectedCallback() {
+
+		this.#owner = this.getRootNode().host;
+		console.log("========================", this.#owner)
+
 		const cssPath = this.getRootNode().host.closest("nine-grid").getAttribute("css-path") || "";
 
 		this.shadowRoot.innerHTML = `
@@ -238,7 +243,7 @@ class ngFilterPanel extends HTMLElement
 			const DATA_IDX	= grd.fields.indexOf("DATA");
 			
 			const checked	= grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] == "Y"; });
-			const unchecked = grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
+			//const unchecked = grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
 			
 			var filterOptions = [];
 			if (checked.length > 0) {
@@ -251,31 +256,8 @@ class ngFilterPanel extends HTMLElement
 				});
 			}
 			
-			console.log(filterOptions);
-			
-		//console.log(this.#target);
-		
-			//console.log(this.#target, this.#target.button);
-			
-			//this.#target.button.filterData = filterData;//grd.data.getValidData().filter(item => { return item.CHK == "Y"; });//.map(item => {  return item.DATA; });
-			
-			
-			/**
-			this.#target.owner.data.clearFilter();
-			
-			$("ng-filter-button", this.#target.owner.body).each((index,el) => {
-				if (!el.filterData) return true;
-				el.filterData.forEach(o => {
-					const idx = this.#target.owner.fields.indexOf(o.colnm);
-					this.#target.owner.data.getValidData().filter(m => { return o.data.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-					//this.#target.owner.data.resetIndex();
-				});
-			});
-			
-			this.#target.owner.data.refreshFilter();
-			*/
-			
-			console.log(this.#target, this.#target.button, filterOptions)
+			//console.log(filterOptions);
+			//console.log(this.#target, this.#target.button, filterOptions)
 			
 			this.#target.button.filterOptions = filterOptions;
 			

package/package.json

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

package/src/etc/ngFiltering.js

@@ -155,18 +155,19 @@ class ngFilterButton extends HTMLElement
 	}
 	
 	#onClick = (e) => {
-		
-		e.preventDefault();
-		e.stopPropagation();
-		
-		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-	
-		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
-	};
+        e.preventDefault();
+        e.stopPropagation();
+
+        const panel = this.#owner.shadowRoot.querySelector("ng-filter-panel");
+        const col = this.closest("th,td")?.dataset.col; // ✅ `?.` 활용하여 안전한 접근
+
+        panel.col === col ? panel.close() : panel.open(this);
+    };
 }
 
 class ngFilterPanel extends HTMLElement
 {
+	#owner;
 	#target;
 	#timer;
 	
@@ -176,6 +177,10 @@ class ngFilterPanel extends HTMLElement
 	}
 
 	connectedCallback() {
+
+		this.#owner = this.getRootNode().host;
+		console.log("========================", this.#owner)
+
 		const cssPath = this.getRootNode().host.closest("nine-grid").getAttribute("css-path") || "";
 
 		this.shadowRoot.innerHTML = `
@@ -238,7 +243,7 @@ class ngFilterPanel extends HTMLElement
 			const DATA_IDX	= grd.fields.indexOf("DATA");
 			
 			const checked	= grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] == "Y"; });
-			const unchecked = grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
+			//const unchecked = grd.data.getValidDataNF().filter(m => { return m.v[LVL_IDX] == 2 && m.v[CHK_IDX] != "Y"; });
 			
 			var filterOptions = [];
 			if (checked.length > 0) {
@@ -251,31 +256,8 @@ class ngFilterPanel extends HTMLElement
 				});
 			}
 			
-			console.log(filterOptions);
-			
-		//console.log(this.#target);
-		
-			//console.log(this.#target, this.#target.button);
-			
-			//this.#target.button.filterData = filterData;//grd.data.getValidData().filter(item => { return item.CHK == "Y"; });//.map(item => {  return item.DATA; });
-			
-			
-			/**
-			this.#target.owner.data.clearFilter();
-			
-			$("ng-filter-button", this.#target.owner.body).each((index,el) => {
-				if (!el.filterData) return true;
-				el.filterData.forEach(o => {
-					const idx = this.#target.owner.fields.indexOf(o.colnm);
-					this.#target.owner.data.getValidData().filter(m => { return o.data.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-					//this.#target.owner.data.resetIndex();
-				});
-			});
-			
-			this.#target.owner.data.refreshFilter();
-			*/
-			
-			console.log(this.#target, this.#target.button, filterOptions)
+			//console.log(filterOptions);
+			//console.log(this.#target, this.#target.button, filterOptions)
 			
 			this.#target.button.filterOptions = filterOptions;