ninegrid2 6.1085.0 → 6.1086.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.cjs.js +9 -0
- package/dist/bundle.esm.js +9 -0
- package/dist/nx/nxSplitter.js +9 -0
- package/package.json +1 -1
- package/src/nx/nxSplitter.js +9 -0
package/dist/bundle.cjs.js
CHANGED
|
@@ -121485,6 +121485,15 @@ class nxSplitter extends HTMLElement {
|
|
|
121485
121485
|
const allChildren = Array.from(parent.children);
|
|
121486
121486
|
const allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');
|
|
121487
121487
|
|
|
121488
|
+
// ⭐⭐ gap 크기 계산 ⭐⭐
|
|
121489
|
+
const style = window.getComputedStyle(parent);
|
|
121490
|
+
const gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');
|
|
121491
|
+
const gapSize = parseFloat(gapValue) || 0;
|
|
121492
|
+
const gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;
|
|
121493
|
+
const totalGapSize = gapCount * gapSize;
|
|
121494
|
+
|
|
121495
|
+
console.log(totalGapSize);
|
|
121496
|
+
|
|
121488
121497
|
const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
|
|
121489
121498
|
const dragOffset = finalDragBarPos - initialSplitterPosInParent;
|
|
121490
121499
|
|
package/dist/bundle.esm.js
CHANGED
|
@@ -121481,6 +121481,15 @@ class nxSplitter extends HTMLElement {
|
|
|
121481
121481
|
const allChildren = Array.from(parent.children);
|
|
121482
121482
|
const allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');
|
|
121483
121483
|
|
|
121484
|
+
// ⭐⭐ gap 크기 계산 ⭐⭐
|
|
121485
|
+
const style = window.getComputedStyle(parent);
|
|
121486
|
+
const gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');
|
|
121487
|
+
const gapSize = parseFloat(gapValue) || 0;
|
|
121488
|
+
const gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;
|
|
121489
|
+
const totalGapSize = gapCount * gapSize;
|
|
121490
|
+
|
|
121491
|
+
console.log(totalGapSize);
|
|
121492
|
+
|
|
121484
121493
|
const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
|
|
121485
121494
|
const dragOffset = finalDragBarPos - initialSplitterPosInParent;
|
|
121486
121495
|
|
package/dist/nx/nxSplitter.js
CHANGED
|
@@ -118,6 +118,15 @@ class nxSplitter extends HTMLElement {
|
|
|
118
118
|
const allChildren = Array.from(parent.children);
|
|
119
119
|
const allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');
|
|
120
120
|
|
|
121
|
+
// ⭐⭐ gap 크기 계산 ⭐⭐
|
|
122
|
+
const style = window.getComputedStyle(parent);
|
|
123
|
+
const gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');
|
|
124
|
+
const gapSize = parseFloat(gapValue) || 0;
|
|
125
|
+
const gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;
|
|
126
|
+
const totalGapSize = gapCount * gapSize;
|
|
127
|
+
|
|
128
|
+
console.log(totalGapSize);
|
|
129
|
+
|
|
121
130
|
const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
|
|
122
131
|
const dragOffset = finalDragBarPos - initialSplitterPosInParent;
|
|
123
132
|
|
package/package.json
CHANGED
package/src/nx/nxSplitter.js
CHANGED
|
@@ -118,6 +118,15 @@ class nxSplitter extends HTMLElement {
|
|
|
118
118
|
const allChildren = Array.from(parent.children);
|
|
119
119
|
const allPanels = allChildren.filter(el => el.tagName.toLowerCase() !== 'nx-splitter');
|
|
120
120
|
|
|
121
|
+
// ⭐⭐ gap 크기 계산 ⭐⭐
|
|
122
|
+
const style = window.getComputedStyle(parent);
|
|
123
|
+
const gapValue = isHorizontal ? style.getPropertyValue('column-gap') : style.getPropertyValue('row-gap');
|
|
124
|
+
const gapSize = parseFloat(gapValue) || 0;
|
|
125
|
+
const gapCount = allChildren.length > 1 ? allChildren.length - 1 : 0;
|
|
126
|
+
const totalGapSize = gapCount * gapSize;
|
|
127
|
+
|
|
128
|
+
console.log(totalGapSize);
|
|
129
|
+
|
|
121
130
|
const finalDragBarPos = isHorizontal ? parseFloat(dragBar.style.left) : parseFloat(dragBar.style.top);
|
|
122
131
|
const dragOffset = finalDragBarPos - initialSplitterPosInParent;
|
|
123
132
|
|