ninegrid2 6.230.0 → 6.232.0

package/dist/bundle.cjs.js

@@ -17977,7 +17977,9 @@ class ngFiltering
 					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
 					.filter(Boolean); // ✅ `null` 제거
 
+				td.querySelector("ng-filter-button")?.remove();
 				if (options.length > 0) {
+
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
 					filterButton.filterOptions = options;
@@ -18001,8 +18003,6 @@ class ngFiltering
 	 * }
 	 */
 	set = (oFilter) => {
-	
-		
 
 		this.on();
 
@@ -18052,7 +18052,6 @@ class ngFiltering
 		this.#owner.data.refreshFilter();
 		
 		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
-			//v.filterOptions = null;
 			let options = el.filterOptions;
 
 			options.forEach(opt => {
@@ -18063,34 +18062,15 @@ class ngFiltering
 		});
 		
 		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			//const idx = this.#owner.fields.indexOf(key);
-			
 			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
 				let options = el.filterOptions;
 
 				options.forEach(opt => {
-
-					//console.log(opt.key, opt.hasOwnProperty(key), Object.keys(opt).includes(key));
-					if (opt.colnm === key``) {
-						console.log("*******************");
-						opt.data = arr;
+					if (opt.colnm === key) {
+						opt.data = jsonFilter[key];
 					}
-
-					console.log(opt);
-
-					/**
-					//console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterOptions = arr;
-					} */
 				});
 
-
-				console.log(options);
-
 				el.filterOptions = options;
 			});
 		}
@@ -18156,14 +18136,14 @@ class ngFiltering
 		}
 		//var colnms = filterData.map(item => item.colnm);
 		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 			v.filterData = null;
 		});
 		
 		for (let key in jsonOption) {
 			const arr = jsonOption[key];
 			
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 				//console.log(v.colnms);
 			
 				v.colnms.forEach(colnm => {
@@ -18373,13 +18353,6 @@ class ngFilterPanel extends HTMLElement
 				});
 			});
 			
-			console.log(oParam);
-
-
-			/**
-			{
-				aaa : [],
-			} */
 			this.#target.owner.filtering.set(oParam);
 
 			this.classList.remove("loading");
@@ -18490,27 +18463,6 @@ class ngFilterPanel extends HTMLElement
 
 			
 			let data = owner.data.getValidDataNF();
-
-			//console.log(data);
-
-			/**
-			owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				//console.log(el);
-				if (el.closest('th,td').dataset.col != col && el.filterOptions) {
-					
-					//console.log("================", el.filterOptions);
-
-					el.filterOptions.forEach(filterOption => {
-						var idx = owner.fields.indexOf(filterOption.colnm);
-						
-						//console.log(idx);
-
-						if (idx >= 0 && filterOption.data.length > 0) {
-							data = data.filter(m => { return filterOption.data.nineBinarySearch(m.v[idx] || '') >= 0; });
-						}
-					});
-				}
-			}); */
 			
 			var ds = [];
 			filterButton.filterOptions.forEach((filterOption,i) => {

package/dist/bundle.esm.js

@@ -17975,7 +17975,9 @@ class ngFiltering
 					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
 					.filter(Boolean); // ✅ `null` 제거
 
+				td.querySelector("ng-filter-button")?.remove();
 				if (options.length > 0) {
+
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
 					filterButton.filterOptions = options;
@@ -17999,8 +18001,6 @@ class ngFiltering
 	 * }
 	 */
 	set = (oFilter) => {
-	
-		
 
 		this.on();
 
@@ -18050,7 +18050,6 @@ class ngFiltering
 		this.#owner.data.refreshFilter();
 		
 		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
-			//v.filterOptions = null;
 			let options = el.filterOptions;
 
 			options.forEach(opt => {
@@ -18061,34 +18060,15 @@ class ngFiltering
 		});
 		
 		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			//const idx = this.#owner.fields.indexOf(key);
-			
 			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
 				let options = el.filterOptions;
 
 				options.forEach(opt => {
-
-					//console.log(opt.key, opt.hasOwnProperty(key), Object.keys(opt).includes(key));
-					if (opt.colnm === key``) {
-						console.log("*******************");
-						opt.data = arr;
+					if (opt.colnm === key) {
+						opt.data = jsonFilter[key];
 					}
-
-					console.log(opt);
-
-					/**
-					//console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterOptions = arr;
-					} */
 				});
 
-
-				console.log(options);
-
 				el.filterOptions = options;
 			});
 		}
@@ -18154,14 +18134,14 @@ class ngFiltering
 		}
 		//var colnms = filterData.map(item => item.colnm);
 		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 			v.filterData = null;
 		});
 		
 		for (let key in jsonOption) {
 			const arr = jsonOption[key];
 			
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 				//console.log(v.colnms);
 			
 				v.colnms.forEach(colnm => {
@@ -18371,13 +18351,6 @@ class ngFilterPanel extends HTMLElement
 				});
 			});
 			
-			console.log(oParam);
-
-
-			/**
-			{
-				aaa : [],
-			} */
 			this.#target.owner.filtering.set(oParam);
 
 			this.classList.remove("loading");
@@ -18488,27 +18461,6 @@ class ngFilterPanel extends HTMLElement
 
 			
 			let data = owner.data.getValidDataNF();
-
-			//console.log(data);
-
-			/**
-			owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				//console.log(el);
-				if (el.closest('th,td').dataset.col != col && el.filterOptions) {
-					
-					//console.log("================", el.filterOptions);
-
-					el.filterOptions.forEach(filterOption => {
-						var idx = owner.fields.indexOf(filterOption.colnm);
-						
-						//console.log(idx);
-
-						if (idx >= 0 && filterOption.data.length > 0) {
-							data = data.filter(m => { return filterOption.data.nineBinarySearch(m.v[idx] || '') >= 0; });
-						}
-					});
-				}
-			}); */
 			
 			var ds = [];
 			filterButton.filterOptions.forEach((filterOption,i) => {

package/dist/etc/ngFiltering.js

@@ -45,7 +45,9 @@ export class ngFiltering
 					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
 					.filter(Boolean); // ✅ `null` 제거
 
+				td.querySelector("ng-filter-button")?.remove();
 				if (options.length > 0) {
+
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
 					filterButton.filterOptions = options;
@@ -69,8 +71,6 @@ export class ngFiltering
 	 * }
 	 */
 	set = (oFilter) => {
-	
-		
 
 		this.on();
 
@@ -120,7 +120,6 @@ export class ngFiltering
 		this.#owner.data.refreshFilter();
 		
 		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
-			//v.filterOptions = null;
 			let options = el.filterOptions;
 
 			options.forEach(opt => {
@@ -131,34 +130,15 @@ export class ngFiltering
 		});
 		
 		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			//const idx = this.#owner.fields.indexOf(key);
-			
 			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
 				let options = el.filterOptions;
 
 				options.forEach(opt => {
-
-					//console.log(opt.key, opt.hasOwnProperty(key), Object.keys(opt).includes(key));
-					if (opt.colnm === key``) {
-						console.log("*******************");
-						opt.data = arr;
+					if (opt.colnm === key) {
+						opt.data = jsonFilter[key];
 					}
-
-					console.log(opt);
-
-					/**
-					//console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterOptions = arr;
-					} */
 				});
 
-
-				console.log(options);
-
 				el.filterOptions = options;
 			});
 		}
@@ -224,14 +204,14 @@ export class ngFiltering
 		}
 		//var colnms = filterData.map(item => item.colnm);
 		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 			v.filterData = null;
 		});
 		
 		for (let key in jsonOption) {
 			const arr = jsonOption[key];
 			
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 				//console.log(v.colnms);
 			
 				v.colnms.forEach(colnm => {
@@ -441,13 +421,6 @@ class ngFilterPanel extends HTMLElement
 				});
 			});
 			
-			console.log(oParam);
-
-
-			/**
-			{
-				aaa : [],
-			} */
 			this.#target.owner.filtering.set(oParam);
 
 			this.classList.remove("loading");
@@ -558,27 +531,6 @@ class ngFilterPanel extends HTMLElement
 
 			
 			let data = owner.data.getValidDataNF();
-
-			//console.log(data);
-
-			/**
-			owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				//console.log(el);
-				if (el.closest('th,td').dataset.col != col && el.filterOptions) {
-					
-					//console.log("================", el.filterOptions);
-
-					el.filterOptions.forEach(filterOption => {
-						var idx = owner.fields.indexOf(filterOption.colnm);
-						
-						//console.log(idx);
-
-						if (idx >= 0 && filterOption.data.length > 0) {
-							data = data.filter(m => { return filterOption.data.nineBinarySearch(m.v[idx] || '') >= 0; });
-						}
-					});
-				}
-			}); */
 			
 			var ds = [];
 			filterButton.filterOptions.forEach((filterOption,i) => {

package/package.json

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

package/src/etc/ngFiltering.js

@@ -45,7 +45,9 @@ export class ngFiltering
 					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
 					.filter(Boolean); // ✅ `null` 제거
 
+				td.querySelector("ng-filter-button")?.remove();
 				if (options.length > 0) {
+
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
 					filterButton.filterOptions = options;
@@ -69,8 +71,6 @@ export class ngFiltering
 	 * }
 	 */
 	set = (oFilter) => {
-	
-		
 
 		this.on();
 
@@ -120,7 +120,6 @@ export class ngFiltering
 		this.#owner.data.refreshFilter();
 		
 		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
-			//v.filterOptions = null;
 			let options = el.filterOptions;
 
 			options.forEach(opt => {
@@ -131,34 +130,15 @@ export class ngFiltering
 		});
 		
 		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			//const idx = this.#owner.fields.indexOf(key);
-			
 			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(el => {
 				let options = el.filterOptions;
 
 				options.forEach(opt => {
-
-					//console.log(opt.key, opt.hasOwnProperty(key), Object.keys(opt).includes(key));
-					if (opt.colnm === key``) {
-						console.log("*******************");
-						opt.data = arr;
+					if (opt.colnm === key) {
+						opt.data = jsonFilter[key];
 					}
-
-					console.log(opt);
-
-					/**
-					//console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterOptions = arr;
-					} */
 				});
 
-
-				console.log(options);
-
 				el.filterOptions = options;
 			});
 		}
@@ -224,14 +204,14 @@ export class ngFiltering
 		}
 		//var colnms = filterData.map(item => item.colnm);
 		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 			v.filterData = null;
 		});
 		
 		for (let key in jsonOption) {
 			const arr = jsonOption[key];
 			
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
+			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
 				//console.log(v.colnms);
 			
 				v.colnms.forEach(colnm => {
@@ -441,13 +421,6 @@ class ngFilterPanel extends HTMLElement
 				});
 			});
 			
-			console.log(oParam);
-
-
-			/**
-			{
-				aaa : [],
-			} */
 			this.#target.owner.filtering.set(oParam);
 
 			this.classList.remove("loading");
@@ -558,27 +531,6 @@ class ngFilterPanel extends HTMLElement
 
 			
 			let data = owner.data.getValidDataNF();
-
-			//console.log(data);
-
-			/**
-			owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				//console.log(el);
-				if (el.closest('th,td').dataset.col != col && el.filterOptions) {
-					
-					//console.log("================", el.filterOptions);
-
-					el.filterOptions.forEach(filterOption => {
-						var idx = owner.fields.indexOf(filterOption.colnm);
-						
-						//console.log(idx);
-
-						if (idx >= 0 && filterOption.data.length > 0) {
-							data = data.filter(m => { return filterOption.data.nineBinarySearch(m.v[idx] || '') >= 0; });
-						}
-					});
-				}
-			}); */
 			
 			var ds = [];
 			filterButton.filterOptions.forEach((filterOption,i) => {