ninegrid2 6.245.0 → 6.246.0

package/dist/bundle.cjs.js

@@ -18053,26 +18053,6 @@ class ngFilterPanel extends HTMLElement
 		this.classList.add("loading");
 		
 		setTimeout(() => {
-
-			/**
-			const LVL_IDX	= grd.fields.indexOf("LVL");
-			const CHK_IDX	= grd.fields.indexOf("CHK");
-			const COLNM_IDX	= grd.fields.indexOf("COLNM");
-			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"; });
-			
-			var filterOptions = [];
-			if (checked.length > 0) {
-				
-				[...new Set(checked.map(m => { return m.v[COLNM_IDX] }))].forEach(v => {
-					filterOptions.push({
-						colnm	: v,
-						data	: [...new Set(grd.data.getValidData().filter(m => { return m.v[CHK_IDX] == "Y" && m.v[COLNM_IDX] == v; }).map(m => { return m.v[DATA_IDX] || ''; }))].sort((a,b) => { return a > b ? 1 : -1; }),
-					});
-				});
-			} */
 			const [LVL_IDX, CHK_IDX, COLNM_IDX, DATA_IDX] = ["LVL", "CHK", "COLNM", "DATA"].map(k => grd.fields.indexOf(k));
 			const checked = grd.data.getValidDataNF().filter(m => m.v[LVL_IDX] === 2 && m.v[CHK_IDX] === "Y");
 			const filterOptions = checked.length > 0 ? [...new Set(checked.map(m => m.v[COLNM_IDX]))].map(v => ({
@@ -18082,18 +18062,6 @@ class ngFilterPanel extends HTMLElement
 			
 			
 			this.#button.filterOptions = filterOptions;
-			
-			/**
-			var oParam = {};
-			
-			this.#owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				
-				//if (!el.filterOptions) return true;
-
-				el.filterOptions.forEach(filterOptions => {
-					if (filterOptions.data.length > 0) oParam[filterOptions.colnm] = filterOptions.data;
-				});
-			}); */
 
 			const oParam = Object.fromEntries(
 				[...this.#owner.body.querySelectorAll("ng-filter-button")]
@@ -18103,60 +18071,58 @@ class ngFilterPanel extends HTMLElement
 			);
 			
 			this.#owner.filtering.set(oParam);
+
 			this.classList.remove("loading");
+			this.style.display = 'none';
 		});
-		
-		//$(this).hide();
-		this.style.display = 'none';
 	};
 	
 	
 	
 	#onCancel = (e) => {
-		//$(this).hide();
 		this.style.display = 'none';
 	};
 
 	#onSelectAll = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-		var idx = (grd.fields.indexOf("CHK"));
+		const grd = this.shadowRoot.querySelector("nine-grid");
+		const idx = grd.fields.indexOf("CHK");
+		const isChecked = e.target.checked; // ✅ jQuery 없이 `checked` 값 가져오기
+
+		grd.data.getValidData().forEach(m => {
+			m.v[idx] = isChecked ? "Y" : "N"; // ✅ `Y` 또는 `N` 값 설정
+		});
 
-		grd.data.getValidData().map(m => { m.v[idx] = $(e.target).prop("checked") ? "Y" : "N"; });
-		
 		grd.refreshData();
 	};
+
 	
 	
 	#onInput = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-
+		const grd = this.shadowRoot.querySelector("nine-grid");
 		
-		ninegrid.j.querySelectorAll(grd).addClass("loading");
-
+		grd.classList.add("loading");
 		
-		var data = grd.dataManager.rawRecords;
+		const data = grd.dataManager.rawRecords;
+    	data.forEach(m => { m.__ng.filtered = false; });
 		
-		data.map(m => { m.__ng.filtered = false; });
+		const v = e.target.value.toLowerCase(); // ✅ jQuery 없이 값 가져오기
+		const [LVL_IDX, DATA_IDX] = ["LVL", "DATA"].map(field => grd.fields.indexOf(field));
 
-		
-		var v = $(e.target).val().toLowerCase();
-		
+		data.forEach(m => {
+			m.__ng.filtered = m.v[LVL_IDX] === 2 && !String(m.v[DATA_IDX] || "").toLowerCase().includes(v);
+		});
 
-		const LVL_IDX	= grd.fields.indexOf("LVL");
-		const DATA_IDX	= grd.fields.indexOf("DATA");
-		
-		data.filter(m => { return m.v[LVL_IDX] == 2 && String(m.v[DATA_IDX] || '').toLowerCase().indexOf(v) < 0; }).map(m => { m.__ng.filtered = true; });
-		
 		grd.data.resetRecords();
 		
 		if (this.#timer) {
+			console.log("-------------", this.#timer);
 			clearTimeout(this.#timer);
+			console.log("===============", this.#timer);
 			this.#timer = null;
 		}
 		this.#timer = setTimeout(() => {
 			grd.dataManager.viewRecords.reset();
 			grd.dataManager.viewRecords.touch();
-			//ninegrid.j.querySelectorAll(grd).removeClass("loading");
 		}, 200);
 	};
 	

package/dist/bundle.esm.js

@@ -18051,26 +18051,6 @@ class ngFilterPanel extends HTMLElement
 		this.classList.add("loading");
 		
 		setTimeout(() => {
-
-			/**
-			const LVL_IDX	= grd.fields.indexOf("LVL");
-			const CHK_IDX	= grd.fields.indexOf("CHK");
-			const COLNM_IDX	= grd.fields.indexOf("COLNM");
-			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"; });
-			
-			var filterOptions = [];
-			if (checked.length > 0) {
-				
-				[...new Set(checked.map(m => { return m.v[COLNM_IDX] }))].forEach(v => {
-					filterOptions.push({
-						colnm	: v,
-						data	: [...new Set(grd.data.getValidData().filter(m => { return m.v[CHK_IDX] == "Y" && m.v[COLNM_IDX] == v; }).map(m => { return m.v[DATA_IDX] || ''; }))].sort((a,b) => { return a > b ? 1 : -1; }),
-					});
-				});
-			} */
 			const [LVL_IDX, CHK_IDX, COLNM_IDX, DATA_IDX] = ["LVL", "CHK", "COLNM", "DATA"].map(k => grd.fields.indexOf(k));
 			const checked = grd.data.getValidDataNF().filter(m => m.v[LVL_IDX] === 2 && m.v[CHK_IDX] === "Y");
 			const filterOptions = checked.length > 0 ? [...new Set(checked.map(m => m.v[COLNM_IDX]))].map(v => ({
@@ -18080,18 +18060,6 @@ class ngFilterPanel extends HTMLElement
 			
 			
 			this.#button.filterOptions = filterOptions;
-			
-			/**
-			var oParam = {};
-			
-			this.#owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				
-				//if (!el.filterOptions) return true;
-
-				el.filterOptions.forEach(filterOptions => {
-					if (filterOptions.data.length > 0) oParam[filterOptions.colnm] = filterOptions.data;
-				});
-			}); */
 
 			const oParam = Object.fromEntries(
 				[...this.#owner.body.querySelectorAll("ng-filter-button")]
@@ -18101,60 +18069,58 @@ class ngFilterPanel extends HTMLElement
 			);
 			
 			this.#owner.filtering.set(oParam);
+
 			this.classList.remove("loading");
+			this.style.display = 'none';
 		});
-		
-		//$(this).hide();
-		this.style.display = 'none';
 	};
 	
 	
 	
 	#onCancel = (e) => {
-		//$(this).hide();
 		this.style.display = 'none';
 	};
 
 	#onSelectAll = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-		var idx = (grd.fields.indexOf("CHK"));
+		const grd = this.shadowRoot.querySelector("nine-grid");
+		const idx = grd.fields.indexOf("CHK");
+		const isChecked = e.target.checked; // ✅ jQuery 없이 `checked` 값 가져오기
+
+		grd.data.getValidData().forEach(m => {
+			m.v[idx] = isChecked ? "Y" : "N"; // ✅ `Y` 또는 `N` 값 설정
+		});
 
-		grd.data.getValidData().map(m => { m.v[idx] = $(e.target).prop("checked") ? "Y" : "N"; });
-		
 		grd.refreshData();
 	};
+
 	
 	
 	#onInput = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-
+		const grd = this.shadowRoot.querySelector("nine-grid");
 		
-		ninegrid.j.querySelectorAll(grd).addClass("loading");
-
+		grd.classList.add("loading");
 		
-		var data = grd.dataManager.rawRecords;
+		const data = grd.dataManager.rawRecords;
+    	data.forEach(m => { m.__ng.filtered = false; });
 		
-		data.map(m => { m.__ng.filtered = false; });
+		const v = e.target.value.toLowerCase(); // ✅ jQuery 없이 값 가져오기
+		const [LVL_IDX, DATA_IDX] = ["LVL", "DATA"].map(field => grd.fields.indexOf(field));
 
-		
-		var v = $(e.target).val().toLowerCase();
-		
+		data.forEach(m => {
+			m.__ng.filtered = m.v[LVL_IDX] === 2 && !String(m.v[DATA_IDX] || "").toLowerCase().includes(v);
+		});
 
-		const LVL_IDX	= grd.fields.indexOf("LVL");
-		const DATA_IDX	= grd.fields.indexOf("DATA");
-		
-		data.filter(m => { return m.v[LVL_IDX] == 2 && String(m.v[DATA_IDX] || '').toLowerCase().indexOf(v) < 0; }).map(m => { m.__ng.filtered = true; });
-		
 		grd.data.resetRecords();
 		
 		if (this.#timer) {
+			console.log("-------------", this.#timer);
 			clearTimeout(this.#timer);
+			console.log("===============", this.#timer);
 			this.#timer = null;
 		}
 		this.#timer = setTimeout(() => {
 			grd.dataManager.viewRecords.reset();
 			grd.dataManager.viewRecords.touch();
-			//ninegrid.j.querySelectorAll(grd).removeClass("loading");
 		}, 200);
 	};
 	

package/dist/etc/ngFiltering.js

@@ -230,26 +230,6 @@ class ngFilterPanel extends HTMLElement
 		this.classList.add("loading");
 		
 		setTimeout(() => {
-
-			/**
-			const LVL_IDX	= grd.fields.indexOf("LVL");
-			const CHK_IDX	= grd.fields.indexOf("CHK");
-			const COLNM_IDX	= grd.fields.indexOf("COLNM");
-			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"; });
-			
-			var filterOptions = [];
-			if (checked.length > 0) {
-				
-				[...new Set(checked.map(m => { return m.v[COLNM_IDX] }))].forEach(v => {
-					filterOptions.push({
-						colnm	: v,
-						data	: [...new Set(grd.data.getValidData().filter(m => { return m.v[CHK_IDX] == "Y" && m.v[COLNM_IDX] == v; }).map(m => { return m.v[DATA_IDX] || ''; }))].sort((a,b) => { return a > b ? 1 : -1; }),
-					});
-				});
-			} */
 			const [LVL_IDX, CHK_IDX, COLNM_IDX, DATA_IDX] = ["LVL", "CHK", "COLNM", "DATA"].map(k => grd.fields.indexOf(k));
 			const checked = grd.data.getValidDataNF().filter(m => m.v[LVL_IDX] === 2 && m.v[CHK_IDX] === "Y");
 			const filterOptions = checked.length > 0 ? [...new Set(checked.map(m => m.v[COLNM_IDX]))].map(v => ({
@@ -259,18 +239,6 @@ class ngFilterPanel extends HTMLElement
 			
 			
 			this.#button.filterOptions = filterOptions;
-			
-			/**
-			var oParam = {};
-			
-			this.#owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				
-				//if (!el.filterOptions) return true;
-
-				el.filterOptions.forEach(filterOptions => {
-					if (filterOptions.data.length > 0) oParam[filterOptions.colnm] = filterOptions.data;
-				});
-			}); */
 
 			const oParam = Object.fromEntries(
 				[...this.#owner.body.querySelectorAll("ng-filter-button")]
@@ -280,60 +248,58 @@ class ngFilterPanel extends HTMLElement
 			);
 			
 			this.#owner.filtering.set(oParam);
+
 			this.classList.remove("loading");
+			this.style.display = 'none';
 		});
-		
-		//$(this).hide();
-		this.style.display = 'none';
 	};
 	
 	
 	
 	#onCancel = (e) => {
-		//$(this).hide();
 		this.style.display = 'none';
 	};
 
 	#onSelectAll = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-		var idx = (grd.fields.indexOf("CHK"));
+		const grd = this.shadowRoot.querySelector("nine-grid");
+		const idx = grd.fields.indexOf("CHK");
+		const isChecked = e.target.checked; // ✅ jQuery 없이 `checked` 값 가져오기
+
+		grd.data.getValidData().forEach(m => {
+			m.v[idx] = isChecked ? "Y" : "N"; // ✅ `Y` 또는 `N` 값 설정
+		});
 
-		grd.data.getValidData().map(m => { m.v[idx] = $(e.target).prop("checked") ? "Y" : "N"; });
-		
 		grd.refreshData();
 	};
+
 	
 	
 	#onInput = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-
+		const grd = this.shadowRoot.querySelector("nine-grid");
 		
-		ninegrid.j.querySelectorAll(grd).addClass("loading");
-
+		grd.classList.add("loading");
 		
-		var data = grd.dataManager.rawRecords;
+		const data = grd.dataManager.rawRecords;
+    	data.forEach(m => { m.__ng.filtered = false; });
 		
-		data.map(m => { m.__ng.filtered = false; });
+		const v = e.target.value.toLowerCase(); // ✅ jQuery 없이 값 가져오기
+		const [LVL_IDX, DATA_IDX] = ["LVL", "DATA"].map(field => grd.fields.indexOf(field));
 
-		
-		var v = $(e.target).val().toLowerCase();
-		
+		data.forEach(m => {
+			m.__ng.filtered = m.v[LVL_IDX] === 2 && !String(m.v[DATA_IDX] || "").toLowerCase().includes(v);
+		});
 
-		const LVL_IDX	= grd.fields.indexOf("LVL");
-		const DATA_IDX	= grd.fields.indexOf("DATA");
-		
-		data.filter(m => { return m.v[LVL_IDX] == 2 && String(m.v[DATA_IDX] || '').toLowerCase().indexOf(v) < 0; }).map(m => { m.__ng.filtered = true; });
-		
 		grd.data.resetRecords();
 		
 		if (this.#timer) {
+			console.log("-------------", this.#timer);
 			clearTimeout(this.#timer);
+			console.log("===============", this.#timer);
 			this.#timer = null;
 		}
 		this.#timer = setTimeout(() => {
 			grd.dataManager.viewRecords.reset();
 			grd.dataManager.viewRecords.touch();
-			//ninegrid.j.querySelectorAll(grd).removeClass("loading");
 		}, 200)
 	};
 	

package/package.json

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

package/src/etc/ngFiltering.js

@@ -230,26 +230,6 @@ class ngFilterPanel extends HTMLElement
 		this.classList.add("loading");
 		
 		setTimeout(() => {
-
-			/**
-			const LVL_IDX	= grd.fields.indexOf("LVL");
-			const CHK_IDX	= grd.fields.indexOf("CHK");
-			const COLNM_IDX	= grd.fields.indexOf("COLNM");
-			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"; });
-			
-			var filterOptions = [];
-			if (checked.length > 0) {
-				
-				[...new Set(checked.map(m => { return m.v[COLNM_IDX] }))].forEach(v => {
-					filterOptions.push({
-						colnm	: v,
-						data	: [...new Set(grd.data.getValidData().filter(m => { return m.v[CHK_IDX] == "Y" && m.v[COLNM_IDX] == v; }).map(m => { return m.v[DATA_IDX] || ''; }))].sort((a,b) => { return a > b ? 1 : -1; }),
-					});
-				});
-			} */
 			const [LVL_IDX, CHK_IDX, COLNM_IDX, DATA_IDX] = ["LVL", "CHK", "COLNM", "DATA"].map(k => grd.fields.indexOf(k));
 			const checked = grd.data.getValidDataNF().filter(m => m.v[LVL_IDX] === 2 && m.v[CHK_IDX] === "Y");
 			const filterOptions = checked.length > 0 ? [...new Set(checked.map(m => m.v[COLNM_IDX]))].map(v => ({
@@ -259,18 +239,6 @@ class ngFilterPanel extends HTMLElement
 			
 			
 			this.#button.filterOptions = filterOptions;
-			
-			/**
-			var oParam = {};
-			
-			this.#owner.body.querySelectorAll("ng-filter-button").forEach(el => {
-				
-				//if (!el.filterOptions) return true;
-
-				el.filterOptions.forEach(filterOptions => {
-					if (filterOptions.data.length > 0) oParam[filterOptions.colnm] = filterOptions.data;
-				});
-			}); */
 
 			const oParam = Object.fromEntries(
 				[...this.#owner.body.querySelectorAll("ng-filter-button")]
@@ -280,60 +248,58 @@ class ngFilterPanel extends HTMLElement
 			);
 			
 			this.#owner.filtering.set(oParam);
+
 			this.classList.remove("loading");
+			this.style.display = 'none';
 		});
-		
-		//$(this).hide();
-		this.style.display = 'none';
 	};
 	
 	
 	
 	#onCancel = (e) => {
-		//$(this).hide();
 		this.style.display = 'none';
 	};
 
 	#onSelectAll = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-		var idx = (grd.fields.indexOf("CHK"));
+		const grd = this.shadowRoot.querySelector("nine-grid");
+		const idx = grd.fields.indexOf("CHK");
+		const isChecked = e.target.checked; // ✅ jQuery 없이 `checked` 값 가져오기
+
+		grd.data.getValidData().forEach(m => {
+			m.v[idx] = isChecked ? "Y" : "N"; // ✅ `Y` 또는 `N` 값 설정
+		});
 
-		grd.data.getValidData().map(m => { m.v[idx] = $(e.target).prop("checked") ? "Y" : "N"; });
-		
 		grd.refreshData();
 	};
+
 	
 	
 	#onInput = (e) => {
-		var grd = this.shadowRoot.querySelector("nine-grid");
-
+		const grd = this.shadowRoot.querySelector("nine-grid");
 		
-		ninegrid.j.querySelectorAll(grd).addClass("loading");
-
+		grd.classList.add("loading");
 		
-		var data = grd.dataManager.rawRecords;
+		const data = grd.dataManager.rawRecords;
+    	data.forEach(m => { m.__ng.filtered = false; });
 		
-		data.map(m => { m.__ng.filtered = false; });
+		const v = e.target.value.toLowerCase(); // ✅ jQuery 없이 값 가져오기
+		const [LVL_IDX, DATA_IDX] = ["LVL", "DATA"].map(field => grd.fields.indexOf(field));
 
-		
-		var v = $(e.target).val().toLowerCase();
-		
+		data.forEach(m => {
+			m.__ng.filtered = m.v[LVL_IDX] === 2 && !String(m.v[DATA_IDX] || "").toLowerCase().includes(v);
+		});
 
-		const LVL_IDX	= grd.fields.indexOf("LVL");
-		const DATA_IDX	= grd.fields.indexOf("DATA");
-		
-		data.filter(m => { return m.v[LVL_IDX] == 2 && String(m.v[DATA_IDX] || '').toLowerCase().indexOf(v) < 0; }).map(m => { m.__ng.filtered = true; });
-		
 		grd.data.resetRecords();
 		
 		if (this.#timer) {
+			console.log("-------------", this.#timer);
 			clearTimeout(this.#timer);
+			console.log("===============", this.#timer);
 			this.#timer = null;
 		}
 		this.#timer = setTimeout(() => {
 			grd.dataManager.viewRecords.reset();
 			grd.dataManager.viewRecords.touch();
-			//ninegrid.j.querySelectorAll(grd).removeClass("loading");
 		}, 200)
 	};