ninegrid2 6.753.0 → 6.755.0

package/dist/bundle.cjs.js

@@ -121166,34 +121166,51 @@ class nxSplitter extends HTMLElement {
 		return allSplitters.at(-1) === this;
 	};
 
+	#getSiblingSizeSum = () => {
+		const parent = this.parentElement;
+		if (!parent) return 0;
+
+		const isHorizontal = this.#mode === "h";
+
+		return Array.from(parent.children).reduce((sum, el) => {
+			const size = isHorizontal ? el.offsetWidth : el.offsetHeight;
+			return sum + size;
+		}, 0);
+	};
+
+
 	#prepareLayout = () => {
 
 
 
 		const isHorizontal = this.#mode === "h";
-		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
+		isHorizontal ? this.offsetWidth : this.offsetHeight;
 		const prev = this.previousElementSibling;
 		const next = this.nextElementSibling;
 		const parent = this.parentElement;
 		if (!prev || !next || !parent) return;
 
-		isHorizontal
+		const currentTotal = this.#getSiblingSizeSum();
+		console.log(siblingSize);
+
+		const parentSize = isHorizontal
 			? parent.getBoundingClientRect().width
 			: parent.getBoundingClientRect().height;
 
 		// 현재 패널 크기 측정
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
-		const totalPanelSize = prevSize + nextSize;
+		//const totalPanelSize = siblingSize;
 
 		// 현재 비율 계산
-		///const prevRatio = totalPanelSize ? prevSize / totalPanelSize : 0.5;
-		const prevRatio = totalPanelSize ? prevSize / (totalPanelSize + splitterSize) : 0.5;
+		const prevRatio = currentTotal ? prevSize / currentTotal : 0.5;
+
+		const newPrevSize = parentSize * prevRatio;
+		const newNextSize = (prevSize + nextSize) - newPrevSize;
+
 
-		const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
-		const newNextSize = totalPanelSize - newPrevSize;
 
-		console.log(newPrevSize, newNextSize);
+		console.log(newPrevSize, newNextSize, prevRatio);
 
 		if (isHorizontal) {
 			prev.style.width = `${newPrevSize}px`;

package/dist/bundle.esm.js

@@ -121162,34 +121162,51 @@ class nxSplitter extends HTMLElement {
 		return allSplitters.at(-1) === this;
 	};
 
+	#getSiblingSizeSum = () => {
+		const parent = this.parentElement;
+		if (!parent) return 0;
+
+		const isHorizontal = this.#mode === "h";
+
+		return Array.from(parent.children).reduce((sum, el) => {
+			const size = isHorizontal ? el.offsetWidth : el.offsetHeight;
+			return sum + size;
+		}, 0);
+	};
+
+
 	#prepareLayout = () => {
 
 
 
 		const isHorizontal = this.#mode === "h";
-		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
+		isHorizontal ? this.offsetWidth : this.offsetHeight;
 		const prev = this.previousElementSibling;
 		const next = this.nextElementSibling;
 		const parent = this.parentElement;
 		if (!prev || !next || !parent) return;
 
-		isHorizontal
+		const currentTotal = this.#getSiblingSizeSum();
+		console.log(siblingSize);
+
+		const parentSize = isHorizontal
 			? parent.getBoundingClientRect().width
 			: parent.getBoundingClientRect().height;
 
 		// 현재 패널 크기 측정
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
-		const totalPanelSize = prevSize + nextSize;
+		//const totalPanelSize = siblingSize;
 
 		// 현재 비율 계산
-		///const prevRatio = totalPanelSize ? prevSize / totalPanelSize : 0.5;
-		const prevRatio = totalPanelSize ? prevSize / (totalPanelSize + splitterSize) : 0.5;
+		const prevRatio = currentTotal ? prevSize / currentTotal : 0.5;
+
+		const newPrevSize = parentSize * prevRatio;
+		const newNextSize = (prevSize + nextSize) - newPrevSize;
+
 
-		const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
-		const newNextSize = totalPanelSize - newPrevSize;
 
-		console.log(newPrevSize, newNextSize);
+		console.log(newPrevSize, newNextSize, prevRatio);
 
 		if (isHorizontal) {
 			prev.style.width = `${newPrevSize}px`;

package/dist/nx/nxSplitter.js

@@ -179,6 +179,19 @@ class nxSplitter extends HTMLElement {
 		return allSplitters.at(-1) === this;
 	};
 
+	#getSiblingSizeSum = () => {
+		const parent = this.parentElement;
+		if (!parent) return 0;
+
+		const isHorizontal = this.#mode === "h";
+
+		return Array.from(parent.children).reduce((sum, el) => {
+			const size = isHorizontal ? el.offsetWidth : el.offsetHeight;
+			return sum + size;
+		}, 0);
+	};
+
+
 	#prepareLayout = () => {
 
 
@@ -190,6 +203,9 @@ class nxSplitter extends HTMLElement {
 		const parent = this.parentElement;
 		if (!prev || !next || !parent) return;
 
+		const currentTotal = this.#getSiblingSizeSum();
+		console.log(siblingSize);
+
 		const parentSize = isHorizontal
 			? parent.getBoundingClientRect().width
 			: parent.getBoundingClientRect().height;
@@ -197,20 +213,22 @@ class nxSplitter extends HTMLElement {
 		// 현재 패널 크기 측정
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
-		const totalPanelSize = prevSize + nextSize;
+		//const totalPanelSize = siblingSize;
 
 		// 현재 비율 계산
-		///const prevRatio = totalPanelSize ? prevSize / totalPanelSize : 0.5;
-		const prevRatio = totalPanelSize ? prevSize / (totalPanelSize + splitterSize) : 0.5;
-		const nextRatio = 1 - prevRatio;
+		const prevRatio = currentTotal ? prevSize / currentTotal : 0.5;
+		//const prevRatio = parentSize ? prevSize / parentSize : 0.5;
+		//const nextRatio = 1 - prevRatio;
 
 		// 새로운 available 크기
 		const available = parentSize - splitterSize;
 
-		const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
-		const newNextSize = totalPanelSize - newPrevSize;
+		const newPrevSize = parentSize * prevRatio;
+		const newNextSize = (prevSize + nextSize) - newPrevSize;
+
+
 
-		console.log(newPrevSize, newNextSize);
+		console.log(newPrevSize, newNextSize, prevRatio);
 
 		if (isHorizontal) {
 			prev.style.width = `${newPrevSize}px`;

package/package.json

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

package/src/nx/nxSplitter.js

@@ -179,6 +179,19 @@ class nxSplitter extends HTMLElement {
 		return allSplitters.at(-1) === this;
 	};
 
+	#getSiblingSizeSum = () => {
+		const parent = this.parentElement;
+		if (!parent) return 0;
+
+		const isHorizontal = this.#mode === "h";
+
+		return Array.from(parent.children).reduce((sum, el) => {
+			const size = isHorizontal ? el.offsetWidth : el.offsetHeight;
+			return sum + size;
+		}, 0);
+	};
+
+
 	#prepareLayout = () => {
 
 
@@ -190,6 +203,9 @@ class nxSplitter extends HTMLElement {
 		const parent = this.parentElement;
 		if (!prev || !next || !parent) return;
 
+		const currentTotal = this.#getSiblingSizeSum();
+		console.log(siblingSize);
+
 		const parentSize = isHorizontal
 			? parent.getBoundingClientRect().width
 			: parent.getBoundingClientRect().height;
@@ -197,20 +213,22 @@ class nxSplitter extends HTMLElement {
 		// 현재 패널 크기 측정
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
-		const totalPanelSize = prevSize + nextSize;
+		//const totalPanelSize = siblingSize;
 
 		// 현재 비율 계산
-		///const prevRatio = totalPanelSize ? prevSize / totalPanelSize : 0.5;
-		const prevRatio = totalPanelSize ? prevSize / (totalPanelSize + splitterSize) : 0.5;
-		const nextRatio = 1 - prevRatio;
+		const prevRatio = currentTotal ? prevSize / currentTotal : 0.5;
+		//const prevRatio = parentSize ? prevSize / parentSize : 0.5;
+		//const nextRatio = 1 - prevRatio;
 
 		// 새로운 available 크기
 		const available = parentSize - splitterSize;
 
-		const newPrevSize = (totalPanelSize + splitterSize) * prevRatio;
-		const newNextSize = totalPanelSize - newPrevSize;
+		const newPrevSize = parentSize * prevRatio;
+		const newNextSize = (prevSize + nextSize) - newPrevSize;
+
+
 
-		console.log(newPrevSize, newNextSize);
+		console.log(newPrevSize, newNextSize, prevRatio);
 
 		if (isHorizontal) {
 			prev.style.width = `${newPrevSize}px`;