ninegrid2 6.232.0 → 6.234.0

package/dist/bundle.cjs.js

@@ -16138,115 +16138,6 @@ class ngData
 	}
 	
 	
-	/**
-	 * { "key1": [1,2,...], "key2": [1,2,...], ... }
-	 */
-	setFilter = (oFilter) => {
-
-		this.#owner.filtering.on();
-	
-	
-		let jsonFilter = {};
-		if (Array.isArray(oFilter)) {
-			
-			for (let key in oFilter[0]) {
-				//console.log(`::::::${key}::::::`)
-				//key = key.trim();
-				//console.log(key);
-				jsonFilter[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonFilter = oFilter;
-		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
-
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
-		
-		this.clearFilter();
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			const idx = this.#parent.owner.fields.indexOf(key);
-			
-			let isNum = false;
-			for (let o of this.getValidData()) {
-				if (o.v[idx] == null) continue;
-				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
-				isNum = (typeof o.v[idx] === "number") ? true : false;
-				
-				break;
-			}
-			
-			if (isNum) {
-				for (var i = 0; i < arr.length; i++) {
-					arr[i] = Number(arr[i]);
-				}
-			}
-			
-			/** filtering button 용 데이타 */
-			/**
-			filterData.push({
-				"colnm" : key,
-				"data" : arr,
-			}); */
-			//console.log(arr);
-			
-			
-			//console.log(arr, idx, arr.nineBinarySearch(m.v[idx]));
-		
-			this.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-			
-			
-			//break;
-			
-			
-		}
-		
-		
-		this.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonFilter) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			this.#parent.owner.fields.indexOf(key);
-			
-		//console.log(filterData);
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-				//v.filterData = null;
-				//console.log(v);
-				//var b = v.colnms;
-				v.colnms.forEach(colnm => {
-					
-					console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#parent.owner.scrollTo_V1(0);
-		
-		this.#parent.owner.paging.reset();
-	};
 	
 	/**
 	 * 
@@ -17944,12 +17835,14 @@ class ngFiltering
 	#owner;
 	#isFiltering;
 	
-	constructor (owner) {
-		this.#owner = owner;
-		this.#isFiltering = false;
+	constructor(owner) {
+        this.#owner = owner;
+        this.#isFiltering = false;
 
-		$(this.#owner.shadowRoot).append($('<ng-filter-panel></ng-filter-panel>').hide());
-	}
+        const filterPanel = document.createElement("ng-filter-panel"); // ✅ 필터 패널 생성
+        filterPanel.style.display = "none"; // ✅ 숨김 처리
+        this.#owner.shadowRoot.appendChild(filterPanel); // ✅ Shadow DOM 내부에 추가
+    }
 	
 	initialize = () => {
 		/**
@@ -17957,8 +17850,6 @@ class ngFiltering
 		 */
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
-
-		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -17977,8 +17868,8 @@ 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) {
+					td.querySelector("ng-filter-button")?.remove();
 
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
@@ -18006,6 +17897,7 @@ class ngFiltering
 
 		this.on();
 
+		/**
 		let jsonFilter = {};
 		if (Array.isArray(oFilter)) {
 			for (let key in oFilter[0]) {
@@ -18015,12 +17907,13 @@ class ngFiltering
 		else {
 			jsonFilter = oFilter;
 		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
+		 */
 
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
+		let jsonFilter = Array.isArray(oFilter)
+			? Object.fromEntries(Object.keys(oFilter[0]).map(key => [key, [...new Set(oFilter.map(item => item[key]))]]))
+			: oFilter;
+	
+		console.log(oFilter, jsonFilter);
 		
 		this.#owner.data.clearFilter();
 		
@@ -18032,8 +17925,6 @@ class ngFiltering
 			for (let o of this.#owner.data.getValidData()) {
 				if (o.v[idx] == null) continue;
 				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
 				isNum = (typeof o.v[idx] === "number") ? true : false;
 				
 				break;
@@ -18090,82 +17981,12 @@ class ngFiltering
 
 		return index;
 	};
-
-
-
-	
-	
-	#init = (option) => {
-	
-		let jsonOption = {};
-		if (Array.isArray(option)) {
-			for (let key in option[0]) {
-				jsonOption[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonOption = option;
-		}
-
-		this.#owner.data.clearFilter();
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			const idx = this.#owner.fields.indexOf(key);
-			
-			for (let o of this.#owner.data.getValidData()) {
-				if (o.v[idx] != null) {
-					if (typeof o.v[idx] === "number") {
-						for (var i = 0; i < arr.length; i++) {
-							arr[i] = Number(arr[i]);
-						}
-					}
-					break;
-				}
-			}
-
-			this.#owner.data.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-		}
-		
-		
-		this.#owner.data.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonOption) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			
-			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-				//console.log(v.colnms);
-			
-				v.colnms.forEach(colnm => {
-					if (colnms.includes(colnm)) {
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#owner.scrollTo_V1(0);
-		
-		this.#owner.paging.reset();
-	};
 }
 
 class ngFilterButton extends HTMLElement
 {
 	#owner;
 	#filterOptions;
-	#colnms;
 	
 	constructor () {
 		super();
@@ -18174,15 +17995,8 @@ class ngFilterButton extends HTMLElement
 	connectedCallback() {
 		this.#owner = this.getRootNode().host;//this.closest("nine-grid");
 		
-		$(this).off("click", this.#onClick);
-		$(this).on("click", this.#onClick);
-	};
-	
-	get colnms() {
-		return this.#colnms || [];
-	};
-	set colnms(v) {
-		this.#colnms = v;
+		this.removeEventListener("click", this.#onClick);
+		this.addEventListener("click", this.#onClick);
 	};
 	
 	get filterOptions() {
@@ -18199,32 +18013,8 @@ class ngFilterButton extends HTMLElement
 		e.stopPropagation();
 		
 		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-		
-		//console.log(panel.isHidden);
-
-		//panel.style.display = 'flex' : 'none';
-		//console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
-
-		if (panel.col === this.closest('th,td').dataset.col) {
-			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;
-			
-			
-
-			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.open(this);
-		}
+	
+		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
 	};
 }
 

package/dist/bundle.esm.js

@@ -16136,115 +16136,6 @@ class ngData
 	}
 	
 	
-	/**
-	 * { "key1": [1,2,...], "key2": [1,2,...], ... }
-	 */
-	setFilter = (oFilter) => {
-
-		this.#owner.filtering.on();
-	
-	
-		let jsonFilter = {};
-		if (Array.isArray(oFilter)) {
-			
-			for (let key in oFilter[0]) {
-				//console.log(`::::::${key}::::::`)
-				//key = key.trim();
-				//console.log(key);
-				jsonFilter[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonFilter = oFilter;
-		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
-
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
-		
-		this.clearFilter();
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			const idx = this.#parent.owner.fields.indexOf(key);
-			
-			let isNum = false;
-			for (let o of this.getValidData()) {
-				if (o.v[idx] == null) continue;
-				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
-				isNum = (typeof o.v[idx] === "number") ? true : false;
-				
-				break;
-			}
-			
-			if (isNum) {
-				for (var i = 0; i < arr.length; i++) {
-					arr[i] = Number(arr[i]);
-				}
-			}
-			
-			/** filtering button 용 데이타 */
-			/**
-			filterData.push({
-				"colnm" : key,
-				"data" : arr,
-			}); */
-			//console.log(arr);
-			
-			
-			//console.log(arr, idx, arr.nineBinarySearch(m.v[idx]));
-		
-			this.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-			
-			
-			//break;
-			
-			
-		}
-		
-		
-		this.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonFilter) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			this.#parent.owner.fields.indexOf(key);
-			
-		//console.log(filterData);
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-				//v.filterData = null;
-				//console.log(v);
-				//var b = v.colnms;
-				v.colnms.forEach(colnm => {
-					
-					console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#parent.owner.scrollTo_V1(0);
-		
-		this.#parent.owner.paging.reset();
-	};
 	
 	/**
 	 * 
@@ -17942,12 +17833,14 @@ class ngFiltering
 	#owner;
 	#isFiltering;
 	
-	constructor (owner) {
-		this.#owner = owner;
-		this.#isFiltering = false;
+	constructor(owner) {
+        this.#owner = owner;
+        this.#isFiltering = false;
 
-		$(this.#owner.shadowRoot).append($('<ng-filter-panel></ng-filter-panel>').hide());
-	}
+        const filterPanel = document.createElement("ng-filter-panel"); // ✅ 필터 패널 생성
+        filterPanel.style.display = "none"; // ✅ 숨김 처리
+        this.#owner.shadowRoot.appendChild(filterPanel); // ✅ Shadow DOM 내부에 추가
+    }
 	
 	initialize = () => {
 		/**
@@ -17955,8 +17848,6 @@ class ngFiltering
 		 */
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
-
-		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -17975,8 +17866,8 @@ 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) {
+					td.querySelector("ng-filter-button")?.remove();
 
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
@@ -18004,6 +17895,7 @@ class ngFiltering
 
 		this.on();
 
+		/**
 		let jsonFilter = {};
 		if (Array.isArray(oFilter)) {
 			for (let key in oFilter[0]) {
@@ -18013,12 +17905,13 @@ class ngFiltering
 		else {
 			jsonFilter = oFilter;
 		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
+		 */
 
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
+		let jsonFilter = Array.isArray(oFilter)
+			? Object.fromEntries(Object.keys(oFilter[0]).map(key => [key, [...new Set(oFilter.map(item => item[key]))]]))
+			: oFilter;
+	
+		console.log(oFilter, jsonFilter);
 		
 		this.#owner.data.clearFilter();
 		
@@ -18030,8 +17923,6 @@ class ngFiltering
 			for (let o of this.#owner.data.getValidData()) {
 				if (o.v[idx] == null) continue;
 				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
 				isNum = (typeof o.v[idx] === "number") ? true : false;
 				
 				break;
@@ -18088,82 +17979,12 @@ class ngFiltering
 
 		return index;
 	};
-
-
-
-	
-	
-	#init = (option) => {
-	
-		let jsonOption = {};
-		if (Array.isArray(option)) {
-			for (let key in option[0]) {
-				jsonOption[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonOption = option;
-		}
-
-		this.#owner.data.clearFilter();
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			const idx = this.#owner.fields.indexOf(key);
-			
-			for (let o of this.#owner.data.getValidData()) {
-				if (o.v[idx] != null) {
-					if (typeof o.v[idx] === "number") {
-						for (var i = 0; i < arr.length; i++) {
-							arr[i] = Number(arr[i]);
-						}
-					}
-					break;
-				}
-			}
-
-			this.#owner.data.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-		}
-		
-		
-		this.#owner.data.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonOption) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			
-			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-				//console.log(v.colnms);
-			
-				v.colnms.forEach(colnm => {
-					if (colnms.includes(colnm)) {
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#owner.scrollTo_V1(0);
-		
-		this.#owner.paging.reset();
-	};
 }
 
 class ngFilterButton extends HTMLElement
 {
 	#owner;
 	#filterOptions;
-	#colnms;
 	
 	constructor () {
 		super();
@@ -18172,15 +17993,8 @@ class ngFilterButton extends HTMLElement
 	connectedCallback() {
 		this.#owner = this.getRootNode().host;//this.closest("nine-grid");
 		
-		$(this).off("click", this.#onClick);
-		$(this).on("click", this.#onClick);
-	};
-	
-	get colnms() {
-		return this.#colnms || [];
-	};
-	set colnms(v) {
-		this.#colnms = v;
+		this.removeEventListener("click", this.#onClick);
+		this.addEventListener("click", this.#onClick);
 	};
 	
 	get filterOptions() {
@@ -18197,32 +18011,8 @@ class ngFilterButton extends HTMLElement
 		e.stopPropagation();
 		
 		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-		
-		//console.log(panel.isHidden);
-
-		//panel.style.display = 'flex' : 'none';
-		//console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
-
-		if (panel.col === this.closest('th,td').dataset.col) {
-			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;
-			
-			
-
-			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.open(this);
-		}
+	
+		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
 	};
 }
 

package/dist/etc/ngData.js

@@ -219,115 +219,6 @@ export class ngData
 	}
 	
 	
-	/**
-	 * { "key1": [1,2,...], "key2": [1,2,...], ... }
-	 */
-	setFilter = (oFilter) => {
-
-		this.#owner.filtering.on();
-	
-	
-		let jsonFilter = {};
-		if (Array.isArray(oFilter)) {
-			
-			for (let key in oFilter[0]) {
-				//console.log(`::::::${key}::::::`)
-				//key = key.trim();
-				//console.log(key);
-				jsonFilter[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonFilter = oFilter;
-		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
-
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
-		
-		this.clearFilter();
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			const idx = this.#parent.owner.fields.indexOf(key);
-			
-			let isNum = false;
-			for (let o of this.getValidData()) {
-				if (o.v[idx] == null) continue;
-				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
-				isNum = (typeof o.v[idx] === "number") ? true : false;
-				
-				break;
-			}
-			
-			if (isNum) {
-				for (var i = 0; i < arr.length; i++) {
-					arr[i] = Number(arr[i]);
-				}
-			}
-			
-			/** filtering button 용 데이타 */
-			/**
-			filterData.push({
-				"colnm" : key,
-				"data" : arr,
-			}); */
-			//console.log(arr);
-			
-			
-			//console.log(arr, idx, arr.nineBinarySearch(m.v[idx]));
-		
-			this.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-			
-			
-			//break;
-			
-			
-		}
-		
-		
-		this.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonFilter) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			const idx = this.#parent.owner.fields.indexOf(key);
-			
-		//console.log(filterData);
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-				//v.filterData = null;
-				//console.log(v);
-				//var b = v.colnms;
-				v.colnms.forEach(colnm => {
-					
-					console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#parent.owner.scrollTo_V1(0);
-		
-		this.#parent.owner.paging.reset();
-	};
 	
 	/**
 	 * 

package/dist/etc/ngFiltering.js

@@ -12,12 +12,14 @@ export class ngFiltering
 	#owner;
 	#isFiltering;
 	
-	constructor (owner) {
-		this.#owner = owner;
-		this.#isFiltering = false;
-
-		$(this.#owner.shadowRoot).append($('<ng-filter-panel></ng-filter-panel>').hide());
-	}
+	constructor(owner) {
+        this.#owner = owner;
+        this.#isFiltering = false;
+
+        const filterPanel = document.createElement("ng-filter-panel"); // ✅ 필터 패널 생성
+        filterPanel.style.display = "none"; // ✅ 숨김 처리
+        this.#owner.shadowRoot.appendChild(filterPanel); // ✅ Shadow DOM 내부에 추가
+    }
 	
 	initialize = () => {
 		/**
@@ -25,8 +27,6 @@ export class ngFiltering
 		 */
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
-
-		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -45,8 +45,8 @@ 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) {
+					td.querySelector("ng-filter-button")?.remove();
 
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
@@ -74,6 +74,7 @@ export class ngFiltering
 
 		this.on();
 
+		/**
 		let jsonFilter = {};
 		if (Array.isArray(oFilter)) {
 			for (let key in oFilter[0]) {
@@ -83,12 +84,13 @@ export class ngFiltering
 		else {
 			jsonFilter = oFilter;
 		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
+		 */
 
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
+		let jsonFilter = Array.isArray(oFilter)
+			? Object.fromEntries(Object.keys(oFilter[0]).map(key => [key, [...new Set(oFilter.map(item => item[key]))]]))
+			: oFilter;
+	
+		console.log(oFilter, jsonFilter);
 		
 		this.#owner.data.clearFilter();
 		
@@ -100,8 +102,6 @@ export class ngFiltering
 			for (let o of this.#owner.data.getValidData()) {
 				if (o.v[idx] == null) continue;
 				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
 				isNum = (typeof o.v[idx] === "number") ? true : false;
 				
 				break;
@@ -158,82 +158,12 @@ export class ngFiltering
 
 		return index;
 	};
-
-
-
-	
-	
-	#init = (option) => {
-	
-		let jsonOption = {};
-		if (Array.isArray(option)) {
-			for (let key in option[0]) {
-				jsonOption[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonOption = option;
-		}
-
-		this.#owner.data.clearFilter();
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			const idx = this.#owner.fields.indexOf(key);
-			
-			for (let o of this.#owner.data.getValidData()) {
-				if (o.v[idx] != null) {
-					if (typeof o.v[idx] === "number") {
-						for (var i = 0; i < arr.length; i++) {
-							arr[i] = Number(arr[i]);
-						}
-					}
-					break;
-				}
-			}
-
-			this.#owner.data.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-		}
-		
-		
-		this.#owner.data.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonOption) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			
-			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-				//console.log(v.colnms);
-			
-				v.colnms.forEach(colnm => {
-					if (colnms.includes(colnm)) {
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#owner.scrollTo_V1(0);
-		
-		this.#owner.paging.reset();
-	};
 }
 
 class ngFilterButton extends HTMLElement
 {
 	#owner;
 	#filterOptions;
-	#colnms;
 	
 	constructor () {
 		super();
@@ -242,15 +172,8 @@ class ngFilterButton extends HTMLElement
 	connectedCallback() {
 		this.#owner = this.getRootNode().host;//this.closest("nine-grid");
 		
-		$(this).off("click", this.#onClick);
-		$(this).on("click", this.#onClick);
-	};
-	
-	get colnms() {
-		return this.#colnms || [];
-	};
-	set colnms(v) {
-		this.#colnms = v;
+		this.removeEventListener("click", this.#onClick);
+		this.addEventListener("click", this.#onClick);
 	};
 	
 	get filterOptions() {
@@ -267,32 +190,8 @@ class ngFilterButton extends HTMLElement
 		e.stopPropagation();
 		
 		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-		
-		//console.log(panel.isHidden);
-
-		//panel.style.display = 'flex' : 'none';
-		//console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
-
-		if (panel.col === this.closest('th,td').dataset.col) {
-			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;
-			
-			
-
-			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.open(this);
-		}
+	
+		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
 	};
 }
 

package/package.json

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

package/src/etc/ngData.js

@@ -219,115 +219,6 @@ export class ngData
 	}
 	
 	
-	/**
-	 * { "key1": [1,2,...], "key2": [1,2,...], ... }
-	 */
-	setFilter = (oFilter) => {
-
-		this.#owner.filtering.on();
-	
-	
-		let jsonFilter = {};
-		if (Array.isArray(oFilter)) {
-			
-			for (let key in oFilter[0]) {
-				//console.log(`::::::${key}::::::`)
-				//key = key.trim();
-				//console.log(key);
-				jsonFilter[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonFilter = oFilter;
-		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
-
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
-		
-		this.clearFilter();
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			const idx = this.#parent.owner.fields.indexOf(key);
-			
-			let isNum = false;
-			for (let o of this.getValidData()) {
-				if (o.v[idx] == null) continue;
-				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
-				isNum = (typeof o.v[idx] === "number") ? true : false;
-				
-				break;
-			}
-			
-			if (isNum) {
-				for (var i = 0; i < arr.length; i++) {
-					arr[i] = Number(arr[i]);
-				}
-			}
-			
-			/** filtering button 용 데이타 */
-			/**
-			filterData.push({
-				"colnm" : key,
-				"data" : arr,
-			}); */
-			//console.log(arr);
-			
-			
-			//console.log(arr, idx, arr.nineBinarySearch(m.v[idx]));
-		
-			this.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-			
-			
-			//break;
-			
-			
-		}
-		
-		
-		this.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonFilter) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonFilter) {
-			const arr = jsonFilter[key];
-			const idx = this.#parent.owner.fields.indexOf(key);
-			
-		//console.log(filterData);
-			ninegrid.querySelectorAll("ng-filter-button").forEach(v => {
-				//v.filterData = null;
-				//console.log(v);
-				//var b = v.colnms;
-				v.colnms.forEach(colnm => {
-					
-					console.log(colnms, colnm);
-					if (colnms.includes(colnm)) {
-						console.log("==================");
-						
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#parent.owner.scrollTo_V1(0);
-		
-		this.#parent.owner.paging.reset();
-	};
 	
 	/**
 	 * 

package/src/etc/ngFiltering.js

@@ -12,12 +12,14 @@ export class ngFiltering
 	#owner;
 	#isFiltering;
 	
-	constructor (owner) {
-		this.#owner = owner;
-		this.#isFiltering = false;
-
-		$(this.#owner.shadowRoot).append($('<ng-filter-panel></ng-filter-panel>').hide());
-	}
+	constructor(owner) {
+        this.#owner = owner;
+        this.#isFiltering = false;
+
+        const filterPanel = document.createElement("ng-filter-panel"); // ✅ 필터 패널 생성
+        filterPanel.style.display = "none"; // ✅ 숨김 처리
+        this.#owner.shadowRoot.appendChild(filterPanel); // ✅ Shadow DOM 내부에 추가
+    }
 	
 	initialize = () => {
 		/**
@@ -25,8 +27,6 @@ export class ngFiltering
 		 */
 		this.#isFiltering = false;
 		this.#owner.data.clearFilter();
-
-		//this.#on();
 	};
 	
 	isFiltering = () => {
@@ -45,8 +45,8 @@ 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) {
+					td.querySelector("ng-filter-button")?.remove();
 
 					const filterButton = document.createElement("ng-filter-button");
 					td.appendChild(filterButton);
@@ -74,6 +74,7 @@ export class ngFiltering
 
 		this.on();
 
+		/**
 		let jsonFilter = {};
 		if (Array.isArray(oFilter)) {
 			for (let key in oFilter[0]) {
@@ -83,12 +84,13 @@ export class ngFiltering
 		else {
 			jsonFilter = oFilter;
 		}
-		
-		//jsonFilter.doc_id = [2, 18, 20, 28, 36, 45, 46, 48, 56, 64, 73, 81, 83, 90];
+		 */
 
-		//let filterData = [];
-		
-		console.log("==================", jsonFilter);
+		let jsonFilter = Array.isArray(oFilter)
+			? Object.fromEntries(Object.keys(oFilter[0]).map(key => [key, [...new Set(oFilter.map(item => item[key]))]]))
+			: oFilter;
+	
+		console.log(oFilter, jsonFilter);
 		
 		this.#owner.data.clearFilter();
 		
@@ -100,8 +102,6 @@ export class ngFiltering
 			for (let o of this.#owner.data.getValidData()) {
 				if (o.v[idx] == null) continue;
 				
-				//console.log(o.v[idx], typeof o.v[idx])
-				
 				isNum = (typeof o.v[idx] === "number") ? true : false;
 				
 				break;
@@ -158,82 +158,12 @@ export class ngFiltering
 
 		return index;
 	};
-
-
-
-	
-	
-	#init = (option) => {
-	
-		let jsonOption = {};
-		if (Array.isArray(option)) {
-			for (let key in option[0]) {
-				jsonOption[key] = Array.from(new Set(oFilter.map(item => item[key])));//oFilter.map(item => item[key]);
-			}
-		}
-		else {
-			jsonOption = option;
-		}
-
-		this.#owner.data.clearFilter();
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			const idx = this.#owner.fields.indexOf(key);
-			
-			for (let o of this.#owner.data.getValidData()) {
-				if (o.v[idx] != null) {
-					if (typeof o.v[idx] === "number") {
-						for (var i = 0; i < arr.length; i++) {
-							arr[i] = Number(arr[i]);
-						}
-					}
-					break;
-				}
-			}
-
-			this.#owner.data.getValidData().filter(m => { return arr.nineBinarySearch(m.v[idx] || '') < 0; }).map(m => { m.__ng.filtered = true; });
-		}
-		
-		
-		this.#owner.data.refreshFilter();
-		
-		var colnms = [];
-		for (let key in jsonOption) {
-			colnms.push(key);
-		}
-		//var colnms = filterData.map(item => item.colnm);
-		
-		this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-			v.filterData = null;
-		});
-		
-		for (let key in jsonOption) {
-			const arr = jsonOption[key];
-			
-			this.#owner.shadowRoot.querySelectorAll("ng-filter-button").forEach(v => {
-				//console.log(v.colnms);
-			
-				v.colnms.forEach(colnm => {
-					if (colnms.includes(colnm)) {
-						v.filterData = arr;
-					}
-				});
-			});
-		}
-		
-		
-		this.#owner.scrollTo_V1(0);
-		
-		this.#owner.paging.reset();
-	};
 }
 
 class ngFilterButton extends HTMLElement
 {
 	#owner;
 	#filterOptions;
-	#colnms;
 	
 	constructor () {
 		super();
@@ -242,15 +172,8 @@ class ngFilterButton extends HTMLElement
 	connectedCallback() {
 		this.#owner = this.getRootNode().host;//this.closest("nine-grid");
 		
-		$(this).off("click", this.#onClick);
-		$(this).on("click", this.#onClick);
-	};
-	
-	get colnms() {
-		return this.#colnms || [];
-	};
-	set colnms(v) {
-		this.#colnms = v;
+		this.removeEventListener("click", this.#onClick);
+		this.addEventListener("click", this.#onClick);
 	};
 	
 	get filterOptions() {
@@ -267,32 +190,8 @@ class ngFilterButton extends HTMLElement
 		e.stopPropagation();
 		
 		const panel = this.#owner.shadowRoot.querySelector('ng-filter-panel');
-		
-		//console.log(panel.isHidden);
-
-		//panel.style.display = 'flex' : 'none';
-		//console.log(panel.isHidden, panel.col, this.closest('th,td').dataset.col);
-
-		if (panel.col === this.closest('th,td').dataset.col) {
-			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;
-			
-			
-
-			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.open(this);
-		}
+	
+		(panel.col === this.closest('th,td').dataset.col) ? panel.close() : panel.open(this);
 	};
 }