ninegrid2 6.1144.0 → 6.1145.0

package/dist/bundle.cjs.js

@@ -121428,7 +121428,7 @@ class nxSplitter extends HTMLElement {
 			const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
 			const dragOffset = finalDragBarPos - initialSplitterPosInParent;
 
-			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;// - clickOffset;
+			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;
 			const nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;
 
 			let newPrevSize = prevSize + dragOffset;
@@ -121965,7 +121965,7 @@ customElements.define('nx-layout2', NxLayout2);
 
 class nxDiv extends HTMLElement
 {
-	originContents = '';
+	originContents;
 	#isInitialized = false;
 
 	constructor () {
@@ -121983,8 +121983,32 @@ class nxDiv extends HTMLElement
 		return false;
 	}
 
+	getData = () => {
+		const jsonData = {};
+
+		this.shadowRoot.querySelectorAll("input, textarea, select, [id], [name]").forEach(el => {
+			const key = el.id || el.name; // id가 있으면 우선, 없으면 name 사용
+			if (!key) return; // id도 name도 없으면 건너뛰기
+
+			const value = (el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT")
+				? el.value
+				: el.textContent.trim();
+
+			// 중복 키를 대비한 배열 처리
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) {
+					jsonData[key] = [jsonData[key]];
+				}
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+
+		return jsonData;
+	};
+
 	#init = () => {
-		console.log("super.connectedCallback");
 
 		/**
 		 * css style 적용
@@ -122002,17 +122026,13 @@ class nxDiv extends HTMLElement
 }
 
 class nxPanel extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
+
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	}
 
 	#init = () => {
@@ -122043,19 +122063,13 @@ class nxPanel extends nxDiv {
 customElements.define("nx-panel", nxPanel);
 
 class nxButtons extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
-	//#isInitialized = false;
 
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	};
 
 	#init = () => {

package/dist/bundle.esm.js

@@ -121424,7 +121424,7 @@ class nxSplitter extends HTMLElement {
 			const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
 			const dragOffset = finalDragBarPos - initialSplitterPosInParent;
 
-			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;// - clickOffset;
+			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;
 			const nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;
 
 			let newPrevSize = prevSize + dragOffset;
@@ -121961,7 +121961,7 @@ customElements.define('nx-layout2', NxLayout2);
 
 class nxDiv extends HTMLElement
 {
-	originContents = '';
+	originContents;
 	#isInitialized = false;
 
 	constructor () {
@@ -121979,8 +121979,32 @@ class nxDiv extends HTMLElement
 		return false;
 	}
 
+	getData = () => {
+		const jsonData = {};
+
+		this.shadowRoot.querySelectorAll("input, textarea, select, [id], [name]").forEach(el => {
+			const key = el.id || el.name; // id가 있으면 우선, 없으면 name 사용
+			if (!key) return; // id도 name도 없으면 건너뛰기
+
+			const value = (el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT")
+				? el.value
+				: el.textContent.trim();
+
+			// 중복 키를 대비한 배열 처리
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) {
+					jsonData[key] = [jsonData[key]];
+				}
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+
+		return jsonData;
+	};
+
 	#init = () => {
-		console.log("super.connectedCallback");
 
 		/**
 		 * css style 적용
@@ -121998,17 +122022,13 @@ class nxDiv extends HTMLElement
 }
 
 class nxPanel extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
+
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	}
 
 	#init = () => {
@@ -122039,19 +122059,13 @@ class nxPanel extends nxDiv {
 customElements.define("nx-panel", nxPanel);
 
 class nxButtons extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
-	//#isInitialized = false;
 
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	};
 
 	#init = () => {

package/dist/nx/_nxDiv.js

@@ -2,7 +2,7 @@ import ninegrid from "../index.js";
 
 export class nxDiv extends HTMLElement
 {
-	originContents = '';
+	originContents;
 	#isInitialized = false;
 
 	constructor () {
@@ -20,8 +20,32 @@ export class nxDiv extends HTMLElement
 		return false;
 	}
 
+	getData = () => {
+		const jsonData = {};
+
+		this.shadowRoot.querySelectorAll("input, textarea, select, [id], [name]").forEach(el => {
+			const key = el.id || el.name; // id가 있으면 우선, 없으면 name 사용
+			if (!key) return; // id도 name도 없으면 건너뛰기
+
+			const value = (el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT")
+				? el.value
+				: el.textContent.trim();
+
+			// 중복 키를 대비한 배열 처리
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) {
+					jsonData[key] = [jsonData[key]];
+				}
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+
+		return jsonData;
+	};
+
 	#init = () => {
-		console.log("super.connectedCallback");
 
 		/**
 		 * css style 적용

package/dist/nx/nxButtons.js

@@ -2,19 +2,13 @@ import ninegrid from "../index.js";
 import {nxDiv} from "./_nxDiv.js";
 
 class nxButtons extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
-	//#isInitialized = false;
 
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	};
 
 	#init = () => {

package/dist/nx/nxPanel.js

@@ -2,17 +2,13 @@ import ninegrid from "../index.js";
 import {nxDiv} from "./_nxDiv.js";
 
 class nxPanel extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
+
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	}
 
 	#init = () => {

package/dist/nx/nxSplitter.js

@@ -128,7 +128,7 @@ class nxSplitter extends HTMLElement {
 			const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
 			const dragOffset = finalDragBarPos - initialSplitterPosInParent;
 
-			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;// - clickOffset;
+			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;
 			const nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;
 
 			let newPrevSize = prevSize + dragOffset;

package/package.json

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

package/src/nx/_nxDiv.js

@@ -2,7 +2,7 @@ import ninegrid from "../index.js";
 
 export class nxDiv extends HTMLElement
 {
-	originContents = '';
+	originContents;
 	#isInitialized = false;
 
 	constructor () {
@@ -20,8 +20,32 @@ export class nxDiv extends HTMLElement
 		return false;
 	}
 
+	getData = () => {
+		const jsonData = {};
+
+		this.shadowRoot.querySelectorAll("input, textarea, select, [id], [name]").forEach(el => {
+			const key = el.id || el.name; // id가 있으면 우선, 없으면 name 사용
+			if (!key) return; // id도 name도 없으면 건너뛰기
+
+			const value = (el.tagName === "INPUT" || el.tagName === "TEXTAREA" || el.tagName === "SELECT")
+				? el.value
+				: el.textContent.trim();
+
+			// 중복 키를 대비한 배열 처리
+			if (jsonData[key]) {
+				if (!Array.isArray(jsonData[key])) {
+					jsonData[key] = [jsonData[key]];
+				}
+				jsonData[key].push(value);
+			} else {
+				jsonData[key] = value;
+			}
+		});
+
+		return jsonData;
+	};
+
 	#init = () => {
-		console.log("super.connectedCallback");
 
 		/**
 		 * css style 적용

package/src/nx/nxButtons.js

@@ -2,19 +2,13 @@ import ninegrid from "../index.js";
 import {nxDiv} from "./_nxDiv.js";
 
 class nxButtons extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
-	//#isInitialized = false;
 
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	};
 
 	#init = () => {

package/src/nx/nxPanel.js

@@ -2,17 +2,13 @@ import ninegrid from "../index.js";
 import {nxDiv} from "./_nxDiv.js";
 
 class nxPanel extends nxDiv {
-	// 1. 초기화 상태를 저장할 플래그를 추가합니다.
+
 	constructor() {
 		super();
 	}
 
 	connectedCallback() {
-		if (!super.connectedCallback()) return;
-
-		console.log("==========", "child.connectedCallback");
-
-		this.#init();
+		if (super.connectedCallback()) this.#init();
 	}
 
 	#init = () => {

package/src/nx/nxSplitter.js

@@ -128,7 +128,7 @@ class nxSplitter extends HTMLElement {
 			const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
 			const dragOffset = finalDragBarPos - initialSplitterPosInParent;
 
-			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;// - clickOffset;
+			const prevSize = isHorizontal ? prev.getBoundingClientRect().width : prev.getBoundingClientRect().height;
 			const nextSize = isHorizontal ? next.getBoundingClientRect().width : next.getBoundingClientRect().height;
 
 			let newPrevSize = prevSize + dragOffset;