ninegrid2 6.1386.0 → 6.1388.0

package/dist/bundle.cjs.js

@@ -28474,33 +28474,6 @@ class nxDiv extends HTMLElement {
 		return ninegrid.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", this.#root);
 	}
 
-	getData = () => {
-		const jsonData = {};
-		this.#getElements().forEach(el => {
-			const key = el.name;
-			if (!key) return;
-
-			let value;
-			if (el.tagName === "INPUT" && el.type === "checkbox") {
-				let t = el.getAttribute("true-value") || "Y";
-				let f = el.getAttribute("false-value") || "N";
-				value = el.checked ? t : f;
-			} else if (el.tagName === "INPUT" && el.type === "radio") {
-				value = el.value;
-			} else {
-				value = el.value;
-			}
-
-			if (jsonData[key]) {
-				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
-				jsonData[key].push(value);
-			} else {
-				jsonData[key] = value;
-			}
-		});
-		return jsonData;
-	};
-
 	// [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 	#updateElement(el, value) {
 		const tagName = el.tagName.toUpperCase();
@@ -28528,21 +28501,98 @@ class nxDiv extends HTMLElement {
 		return isChanged;
 	}
 
+	// [공통 로직 2] 이벤트 리스너 일괄 등록
+	#refreshListeners() {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+	}
+
+	getData = () => {
+		const jsonData = {};
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+
+			let value;
+			if (el.tagName === "INPUT" && el.type === "checkbox") {
+				let t = el.getAttribute("true-value") || "Y";
+				let f = el.getAttribute("false-value") || "N";
+				value = el.checked ? t : f;
+			} else if (el.tagName === "INPUT" && el.type === "radio") {
+				value = el.value;
+			} else {
+				value = el.value;
+			}
+
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+		return jsonData;
+	};
+
 	// 파라미터가 있으면 해당 값으로, 없으면 전체 공백 초기화
+	clearData = (jsonData = {}) => {
+		this.#refreshListeners();
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+			const val = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+			this.#updateElement(el, val);
+		});
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
 		if (!jsonData || typeof jsonData !== 'object') return;
-		this.#refreshListeners();
 
 		let bChanged = false;
 		this.#getElements().forEach(el => {
 			const key = el.name;
+			//console.log(el.tagName, key, el.name);
+
 			if (!key || !jsonData.hasOwnProperty(key)) return;
 
-			if (this.#updateElement(el, jsonData[key])) {
-				bChanged = true;
+			const value = jsonData[key];
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(el.tagName)) {
+				if (el.type === "checkbox") {
+					let t = el.getAttribute("true-value") || "Y";
+					el.getAttribute("false-value") || "N";
+					const isChecked = (t === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = isChecked;
+				} else if (el.type === "radio") {
+					const isChecked = (String(el.value) === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = value;
+				} else {
+					if (el.value !== value) bChanged = true;
+					el.value = value;
+				}
+			} else {
+				if (el.textContent !== value) bChanged = true;
+				el.textContent = value;
 			}
 		});
-		if (bChanged) this.#changed(true);
+		if (bChanged) this.#changed(bChanged);
+	};
+
+	clearData = (bChanged) => {
+
+
+		this.#changed(false);
 	};
 
 	initData = (jsonData) => {

package/dist/bundle.esm.js

@@ -28470,33 +28470,6 @@ class nxDiv extends HTMLElement {
 		return ninegrid.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", this.#root);
 	}
 
-	getData = () => {
-		const jsonData = {};
-		this.#getElements().forEach(el => {
-			const key = el.name;
-			if (!key) return;
-
-			let value;
-			if (el.tagName === "INPUT" && el.type === "checkbox") {
-				let t = el.getAttribute("true-value") || "Y";
-				let f = el.getAttribute("false-value") || "N";
-				value = el.checked ? t : f;
-			} else if (el.tagName === "INPUT" && el.type === "radio") {
-				value = el.value;
-			} else {
-				value = el.value;
-			}
-
-			if (jsonData[key]) {
-				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
-				jsonData[key].push(value);
-			} else {
-				jsonData[key] = value;
-			}
-		});
-		return jsonData;
-	};
-
 	// [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 	#updateElement(el, value) {
 		const tagName = el.tagName.toUpperCase();
@@ -28524,21 +28497,98 @@ class nxDiv extends HTMLElement {
 		return isChanged;
 	}
 
+	// [공통 로직 2] 이벤트 리스너 일괄 등록
+	#refreshListeners() {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+	}
+
+	getData = () => {
+		const jsonData = {};
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+
+			let value;
+			if (el.tagName === "INPUT" && el.type === "checkbox") {
+				let t = el.getAttribute("true-value") || "Y";
+				let f = el.getAttribute("false-value") || "N";
+				value = el.checked ? t : f;
+			} else if (el.tagName === "INPUT" && el.type === "radio") {
+				value = el.value;
+			} else {
+				value = el.value;
+			}
+
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+		return jsonData;
+	};
+
 	// 파라미터가 있으면 해당 값으로, 없으면 전체 공백 초기화
+	clearData = (jsonData = {}) => {
+		this.#refreshListeners();
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+			const val = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+			this.#updateElement(el, val);
+		});
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
 		if (!jsonData || typeof jsonData !== 'object') return;
-		this.#refreshListeners();
 
 		let bChanged = false;
 		this.#getElements().forEach(el => {
 			const key = el.name;
+			//console.log(el.tagName, key, el.name);
+
 			if (!key || !jsonData.hasOwnProperty(key)) return;
 
-			if (this.#updateElement(el, jsonData[key])) {
-				bChanged = true;
+			const value = jsonData[key];
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(el.tagName)) {
+				if (el.type === "checkbox") {
+					let t = el.getAttribute("true-value") || "Y";
+					el.getAttribute("false-value") || "N";
+					const isChecked = (t === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = isChecked;
+				} else if (el.type === "radio") {
+					const isChecked = (String(el.value) === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = value;
+				} else {
+					if (el.value !== value) bChanged = true;
+					el.value = value;
+				}
+			} else {
+				if (el.textContent !== value) bChanged = true;
+				el.textContent = value;
 			}
 		});
-		if (bChanged) this.#changed(true);
+		if (bChanged) this.#changed(bChanged);
+	};
+
+	clearData = (bChanged) => {
+
+
+		this.#changed(false);
 	};
 
 	initData = (jsonData) => {

package/dist/nx/_nxDiv.js

@@ -41,33 +41,6 @@ export class nxDiv extends HTMLElement {
 		return ninegrid.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", this.#root);
 	}
 
-	getData = () => {
-		const jsonData = {};
-		this.#getElements().forEach(el => {
-			const key = el.name;
-			if (!key) return;
-
-			let value;
-			if (el.tagName === "INPUT" && el.type === "checkbox") {
-				let t = el.getAttribute("true-value") || "Y";
-				let f = el.getAttribute("false-value") || "N";
-				value = el.checked ? t : f;
-			} else if (el.tagName === "INPUT" && el.type === "radio") {
-				value = el.value;
-			} else {
-				value = el.value;
-			}
-
-			if (jsonData[key]) {
-				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
-				jsonData[key].push(value);
-			} else {
-				jsonData[key] = value;
-			}
-		});
-		return jsonData;
-	};
-
 	// [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 	#updateElement(el, value) {
 		const tagName = el.tagName.toUpperCase();
@@ -95,21 +68,98 @@ export class nxDiv extends HTMLElement {
 		return isChanged;
 	}
 
+	// [공통 로직 2] 이벤트 리스너 일괄 등록
+	#refreshListeners() {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+	}
+
+	getData = () => {
+		const jsonData = {};
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+
+			let value;
+			if (el.tagName === "INPUT" && el.type === "checkbox") {
+				let t = el.getAttribute("true-value") || "Y";
+				let f = el.getAttribute("false-value") || "N";
+				value = el.checked ? t : f;
+			} else if (el.tagName === "INPUT" && el.type === "radio") {
+				value = el.value;
+			} else {
+				value = el.value;
+			}
+
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+		return jsonData;
+	};
+
 	// 파라미터가 있으면 해당 값으로, 없으면 전체 공백 초기화
+	clearData = (jsonData = {}) => {
+		this.#refreshListeners();
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+			const val = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+			this.#updateElement(el, val);
+		});
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
 		if (!jsonData || typeof jsonData !== 'object') return;
-		this.#refreshListeners();
 
 		let bChanged = false;
 		this.#getElements().forEach(el => {
 			const key = el.name;
+			//console.log(el.tagName, key, el.name);
+
 			if (!key || !jsonData.hasOwnProperty(key)) return;
 
-			if (this.#updateElement(el, jsonData[key])) {
-				bChanged = true;
+			const value = jsonData[key];
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(el.tagName)) {
+				if (el.type === "checkbox") {
+					let t = el.getAttribute("true-value") || "Y";
+					let f = el.getAttribute("false-value") || "N";
+					const isChecked = (t === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = isChecked;
+				} else if (el.type === "radio") {
+					const isChecked = (String(el.value) === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = value;
+				} else {
+					if (el.value !== value) bChanged = true;
+					el.value = value;
+				}
+			} else {
+				if (el.textContent !== value) bChanged = true;
+				el.textContent = value;
 			}
 		});
-		if (bChanged) this.#changed(true);
+		if (bChanged) this.#changed(bChanged);
+	};
+
+	clearData = (bChanged) => {
+
+
+		this.#changed(false);
 	};
 
 	initData = (jsonData) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.1386.0",
+  "version": "6.1388.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/_nxDiv.js

@@ -41,33 +41,6 @@ export class nxDiv extends HTMLElement {
 		return ninegrid.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", this.#root);
 	}
 
-	getData = () => {
-		const jsonData = {};
-		this.#getElements().forEach(el => {
-			const key = el.name;
-			if (!key) return;
-
-			let value;
-			if (el.tagName === "INPUT" && el.type === "checkbox") {
-				let t = el.getAttribute("true-value") || "Y";
-				let f = el.getAttribute("false-value") || "N";
-				value = el.checked ? t : f;
-			} else if (el.tagName === "INPUT" && el.type === "radio") {
-				value = el.value;
-			} else {
-				value = el.value;
-			}
-
-			if (jsonData[key]) {
-				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
-				jsonData[key].push(value);
-			} else {
-				jsonData[key] = value;
-			}
-		});
-		return jsonData;
-	};
-
 	// [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 	#updateElement(el, value) {
 		const tagName = el.tagName.toUpperCase();
@@ -95,21 +68,98 @@ export class nxDiv extends HTMLElement {
 		return isChanged;
 	}
 
+	// [공통 로직 2] 이벤트 리스너 일괄 등록
+	#refreshListeners() {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+	}
+
+	getData = () => {
+		const jsonData = {};
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+
+			let value;
+			if (el.tagName === "INPUT" && el.type === "checkbox") {
+				let t = el.getAttribute("true-value") || "Y";
+				let f = el.getAttribute("false-value") || "N";
+				value = el.checked ? t : f;
+			} else if (el.tagName === "INPUT" && el.type === "radio") {
+				value = el.value;
+			} else {
+				value = el.value;
+			}
+
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) jsonData[key] = [jsonData[key]];
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+		return jsonData;
+	};
+
 	// 파라미터가 있으면 해당 값으로, 없으면 전체 공백 초기화
+	clearData = (jsonData = {}) => {
+		this.#refreshListeners();
+		this.#getElements().forEach(el => {
+			const key = el.name;
+			if (!key) return;
+			const val = (jsonData && jsonData[key] !== undefined) ? jsonData[key] : "";
+			this.#updateElement(el, val);
+		});
+		this.#changed(false);
+	};
+
 	setData = (jsonData) => {
+		this.#getElements().forEach(el => {
+			el.removeEventListener("input", this.#changeHandler);
+			el.addEventListener("input", this.#changeHandler);
+		});
+
 		if (!jsonData || typeof jsonData !== 'object') return;
-		this.#refreshListeners();
 
 		let bChanged = false;
 		this.#getElements().forEach(el => {
 			const key = el.name;
+			//console.log(el.tagName, key, el.name);
+
 			if (!key || !jsonData.hasOwnProperty(key)) return;
 
-			if (this.#updateElement(el, jsonData[key])) {
-				bChanged = true;
+			const value = jsonData[key];
+			const inputTags = ["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"];
+
+			if (inputTags.includes(el.tagName)) {
+				if (el.type === "checkbox") {
+					let t = el.getAttribute("true-value") || "Y";
+					let f = el.getAttribute("false-value") || "N";
+					const isChecked = (t === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = isChecked;
+				} else if (el.type === "radio") {
+					const isChecked = (String(el.value) === String(value));
+					if (el.checked !== isChecked) bChanged = true;
+					el.checked = value;
+				} else {
+					if (el.value !== value) bChanged = true;
+					el.value = value;
+				}
+			} else {
+				if (el.textContent !== value) bChanged = true;
+				el.textContent = value;
 			}
 		});
-		if (bChanged) this.#changed(true);
+		if (bChanged) this.#changed(bChanged);
+	};
+
+	clearData = (bChanged) => {
+
+
+		this.#changed(false);
 	};
 
 	initData = (jsonData) => {