ninegrid2 6.747.0 → 6.749.0

package/dist/bundle.cjs.js

@@ -121170,30 +121170,29 @@ class nxSplitter extends HTMLElement {
 	#prepareLayout = () => {
 		const isHorizontal = this.#mode === "h";
 
-		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
 		const prev = this.previousElementSibling;
 		const next = this.nextElementSibling;
 		const parent = this.parentElement;
-
 		if (!prev || !next || !parent) return;
 
-		const parentRect = parent.getBoundingClientRect();
-		const totalSize = isHorizontal ? parentRect.width : parentRect.height;
+		const parentSize = isHorizontal
+			? parent.getBoundingClientRect().width
+			: parent.getBoundingClientRect().height;
 
-		// 현재 prev/next 크기로 비율 역산
+		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
+		const splitterRatio = splitterSize / parentSize;
+
+		// 💡 prev/next 크기도 현재 값 기준으로 비율 계산
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
+		const panelSum = prevSize + nextSize;
 
-		const totalPanelSize = prevSize + nextSize;
-
-		// ➤ 현재 비율 계산
-		const prevRatio = totalPanelSize > 0 ? prevSize / totalPanelSize : 0.5;
+		const prevRatio = panelSum > 0 ? prevSize / panelSum : 0.5;
 		const nextRatio = 1 - prevRatio;
-		const splitterRatio = splitterSize / totalSize;
 
 		const availableRatio = 1 - splitterRatio;
 
-		// ➤ 비율 기반 스타일 적용
+		// 📌 비율 기반 스타일 적용
 		if (isHorizontal) {
 			prev.style.width = `${availableRatio * prevRatio * 100}%`;
 			next.style.width = `${availableRatio * nextRatio * 100}%`;
@@ -121206,6 +121205,7 @@ class nxSplitter extends HTMLElement {
 	};
 
 
+
 }
 
 customElements.define("nx-splitter", nxSplitter);

package/dist/bundle.esm.js

@@ -121166,30 +121166,29 @@ class nxSplitter extends HTMLElement {
 	#prepareLayout = () => {
 		const isHorizontal = this.#mode === "h";
 
-		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
 		const prev = this.previousElementSibling;
 		const next = this.nextElementSibling;
 		const parent = this.parentElement;
-
 		if (!prev || !next || !parent) return;
 
-		const parentRect = parent.getBoundingClientRect();
-		const totalSize = isHorizontal ? parentRect.width : parentRect.height;
+		const parentSize = isHorizontal
+			? parent.getBoundingClientRect().width
+			: parent.getBoundingClientRect().height;
 
-		// 현재 prev/next 크기로 비율 역산
+		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
+		const splitterRatio = splitterSize / parentSize;
+
+		// 💡 prev/next 크기도 현재 값 기준으로 비율 계산
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
+		const panelSum = prevSize + nextSize;
 
-		const totalPanelSize = prevSize + nextSize;
-
-		// ➤ 현재 비율 계산
-		const prevRatio = totalPanelSize > 0 ? prevSize / totalPanelSize : 0.5;
+		const prevRatio = panelSum > 0 ? prevSize / panelSum : 0.5;
 		const nextRatio = 1 - prevRatio;
-		const splitterRatio = splitterSize / totalSize;
 
 		const availableRatio = 1 - splitterRatio;
 
-		// ➤ 비율 기반 스타일 적용
+		// 📌 비율 기반 스타일 적용
 		if (isHorizontal) {
 			prev.style.width = `${availableRatio * prevRatio * 100}%`;
 			next.style.width = `${availableRatio * nextRatio * 100}%`;
@@ -121202,6 +121201,7 @@ class nxSplitter extends HTMLElement {
 	};
 
 
+
 }
 
 customElements.define("nx-splitter", nxSplitter);

package/dist/nx/nxSplitter.js

@@ -182,30 +182,29 @@ class nxSplitter extends HTMLElement {
 	#prepareLayout = () => {
 		const isHorizontal = this.#mode === "h";
 
-		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
 		const prev = this.previousElementSibling;
 		const next = this.nextElementSibling;
 		const parent = this.parentElement;
-
 		if (!prev || !next || !parent) return;
 
-		const parentRect = parent.getBoundingClientRect();
-		const totalSize = isHorizontal ? parentRect.width : parentRect.height;
+		const parentSize = isHorizontal
+			? parent.getBoundingClientRect().width
+			: parent.getBoundingClientRect().height;
 
-		// 현재 prev/next 크기로 비율 역산
+		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
+		const splitterRatio = splitterSize / parentSize;
+
+		// 💡 prev/next 크기도 현재 값 기준으로 비율 계산
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
+		const panelSum = prevSize + nextSize;
 
-		const totalPanelSize = prevSize + nextSize;
-
-		// ➤ 현재 비율 계산
-		const prevRatio = totalPanelSize > 0 ? prevSize / totalPanelSize : 0.5;
+		const prevRatio = panelSum > 0 ? prevSize / panelSum : 0.5;
 		const nextRatio = 1 - prevRatio;
-		const splitterRatio = splitterSize / totalSize;
 
 		const availableRatio = 1 - splitterRatio;
 
-		// ➤ 비율 기반 스타일 적용
+		// 📌 비율 기반 스타일 적용
 		if (isHorizontal) {
 			prev.style.width = `${availableRatio * prevRatio * 100}%`;
 			next.style.width = `${availableRatio * nextRatio * 100}%`;
@@ -218,6 +217,7 @@ class nxSplitter extends HTMLElement {
 	};
 
 
+
 }
 
 customElements.define("nx-splitter", nxSplitter);

package/package.json

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

package/src/nx/nxSplitter.js

@@ -182,30 +182,29 @@ class nxSplitter extends HTMLElement {
 	#prepareLayout = () => {
 		const isHorizontal = this.#mode === "h";
 
-		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
 		const prev = this.previousElementSibling;
 		const next = this.nextElementSibling;
 		const parent = this.parentElement;
-
 		if (!prev || !next || !parent) return;
 
-		const parentRect = parent.getBoundingClientRect();
-		const totalSize = isHorizontal ? parentRect.width : parentRect.height;
+		const parentSize = isHorizontal
+			? parent.getBoundingClientRect().width
+			: parent.getBoundingClientRect().height;
 
-		// 현재 prev/next 크기로 비율 역산
+		const splitterSize = isHorizontal ? this.offsetWidth : this.offsetHeight;
+		const splitterRatio = splitterSize / parentSize;
+
+		// 💡 prev/next 크기도 현재 값 기준으로 비율 계산
 		const prevSize = isHorizontal ? prev.offsetWidth : prev.offsetHeight;
 		const nextSize = isHorizontal ? next.offsetWidth : next.offsetHeight;
+		const panelSum = prevSize + nextSize;
 
-		const totalPanelSize = prevSize + nextSize;
-
-		// ➤ 현재 비율 계산
-		const prevRatio = totalPanelSize > 0 ? prevSize / totalPanelSize : 0.5;
+		const prevRatio = panelSum > 0 ? prevSize / panelSum : 0.5;
 		const nextRatio = 1 - prevRatio;
-		const splitterRatio = splitterSize / totalSize;
 
 		const availableRatio = 1 - splitterRatio;
 
-		// ➤ 비율 기반 스타일 적용
+		// 📌 비율 기반 스타일 적용
 		if (isHorizontal) {
 			prev.style.width = `${availableRatio * prevRatio * 100}%`;
 			next.style.width = `${availableRatio * nextRatio * 100}%`;
@@ -218,6 +217,7 @@ class nxSplitter extends HTMLElement {
 	};
 
 
+
 }
 
 customElements.define("nx-splitter", nxSplitter);