ninegrid2 6.1030.0 → 6.1032.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.
Files changed (7) hide show
  1. package/dist/bundle.cjs.js +3 -8
  2. package/dist/bundle.esm.js +3 -8
  3. package/dist/nx/nxLayout.js +2 -1
  4. package/dist/nx/nxSplitter.js +1 -7
  5. package/package.json +1 -1
  6. package/src/nx/nxLayout.js +2 -1
  7. package/src/nx/nxSplitter.js +1 -7
package/dist/bundle.cjs.js CHANGED
@@ -121438,12 +121438,6 @@ class nxSplitter extends HTMLElement {
121438
121438
  const prevRect = prev.getBoundingClientRect();
121439
121439
  const nextRect = next.getBoundingClientRect();
121440
121440
 
121441
- //const dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();
121442
-
121443
- console.log(parent, dragBar.offsetParent);
121444
-
121445
- console.log(e.clientX, parentRect.left, dragBar.offsetParent.getBoundingClientRect().left);
121446
-
121447
121441
  let dragBarPosInParent;
121448
121442
  if (isHorizontal) {
121449
121443
  //dragBarPosInParent = e.clientX - parentRect.left;
@@ -121466,7 +121460,7 @@ class nxSplitter extends HTMLElement {
121466
121460
 
121467
121461
  const onMove = moveEvent => {
121468
121462
  const clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;
121469
- const currentPosInParent = isHorizontal ? clientPos - parentRect.left : clientPos - parentRect.top;
121463
+ const currentPosInParent = isHorizontal ? clientPos - dragBar.offsetParent.getBoundingClientRect().left : clientPos - dragBar.offsetParent.getBoundingClientRect().top;
121470
121464
  const clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));
121471
121465
  if (isHorizontal) {
121472
121466
  dragBar.style.left = `${clampedPos}px`;
@@ -121902,7 +121896,8 @@ class NxLayout extends HTMLElement {
121902
121896
  }
121903
121897
  }
121904
121898
 
121905
- this.style.display = 'grid';
121899
+ this.style.display = 'flex';
121900
+ this.style["flex-direction"] = 'column';
121906
121901
  this.style.width = '100%';
121907
121902
  this.style.height = '100%';
121908
121903
  this.style.gridTemplateRows = gridRows.trim();
package/dist/bundle.esm.js CHANGED
@@ -121434,12 +121434,6 @@ class nxSplitter extends HTMLElement {
121434
121434
  const prevRect = prev.getBoundingClientRect();
121435
121435
  const nextRect = next.getBoundingClientRect();
121436
121436
 
121437
- //const dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();
121438
-
121439
- console.log(parent, dragBar.offsetParent);
121440
-
121441
- console.log(e.clientX, parentRect.left, dragBar.offsetParent.getBoundingClientRect().left);
121442
-
121443
121437
  let dragBarPosInParent;
121444
121438
  if (isHorizontal) {
121445
121439
  //dragBarPosInParent = e.clientX - parentRect.left;
@@ -121462,7 +121456,7 @@ class nxSplitter extends HTMLElement {
121462
121456
 
121463
121457
  const onMove = moveEvent => {
121464
121458
  const clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;
121465
- const currentPosInParent = isHorizontal ? clientPos - parentRect.left : clientPos - parentRect.top;
121459
+ const currentPosInParent = isHorizontal ? clientPos - dragBar.offsetParent.getBoundingClientRect().left : clientPos - dragBar.offsetParent.getBoundingClientRect().top;
121466
121460
  const clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));
121467
121461
  if (isHorizontal) {
121468
121462
  dragBar.style.left = `${clampedPos}px`;
@@ -121898,7 +121892,8 @@ class NxLayout extends HTMLElement {
121898
121892
  }
121899
121893
  }
121900
121894
 
121901
- this.style.display = 'grid';
121895
+ this.style.display = 'flex';
121896
+ this.style["flex-direction"] = 'column';
121902
121897
  this.style.width = '100%';
121903
121898
  this.style.height = '100%';
121904
121899
  this.style.gridTemplateRows = gridRows.trim();
package/dist/nx/nxLayout.js CHANGED
@@ -48,7 +48,8 @@ class NxLayout extends HTMLElement {
48
48
  }
49
49
  }
50
50
 
51
- this.style.display = 'grid';
51
+ this.style.display = 'flex';
52
+ this.style["flex-direction"] = 'column';
52
53
  this.style.width = '100%';
53
54
  this.style.height = '100%';
54
55
  this.style.gridTemplateRows = gridRows.trim();
package/dist/nx/nxSplitter.js CHANGED
@@ -71,12 +71,6 @@ class nxSplitter extends HTMLElement {
71
71
  const prevRect = prev.getBoundingClientRect();
72
72
  const nextRect = next.getBoundingClientRect();
73
73
 
74
- //const dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();
75
-
76
- console.log(parent, dragBar.offsetParent);
77
-
78
- console.log(e.clientX, parentRect.left, dragBar.offsetParent.getBoundingClientRect().left);
79
-
80
74
  let dragBarPosInParent;
81
75
  if (isHorizontal) {
82
76
  //dragBarPosInParent = e.clientX - parentRect.left;
@@ -99,7 +93,7 @@ class nxSplitter extends HTMLElement {
99
93
 
100
94
  const onMove = moveEvent => {
101
95
  const clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;
102
- const currentPosInParent = isHorizontal ? clientPos - parentRect.left : clientPos - parentRect.top;
96
+ const currentPosInParent = isHorizontal ? clientPos - dragBar.offsetParent.getBoundingClientRect().left : clientPos - dragBar.offsetParent.getBoundingClientRect().top;
103
97
  const clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));
104
98
  if (isHorizontal) {
105
99
  dragBar.style.left = `${clampedPos}px`;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1030.0",
4
+ "version": "6.1032.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxLayout.js CHANGED
@@ -48,7 +48,8 @@ class NxLayout extends HTMLElement {
48
48
  }
49
49
  }
50
50
 
51
- this.style.display = 'grid';
51
+ this.style.display = 'flex';
52
+ this.style["flex-direction"] = 'column';
52
53
  this.style.width = '100%';
53
54
  this.style.height = '100%';
54
55
  this.style.gridTemplateRows = gridRows.trim();
package/src/nx/nxSplitter.js CHANGED
@@ -71,12 +71,6 @@ class nxSplitter extends HTMLElement {
71
71
  const prevRect = prev.getBoundingClientRect();
72
72
  const nextRect = next.getBoundingClientRect();
73
73
 
74
- //const dragBarOffsetParentRect = dragBar.offsetParent.getBoundingClientRect();
75
-
76
- console.log(parent, dragBar.offsetParent);
77
-
78
- console.log(e.clientX, parentRect.left, dragBar.offsetParent.getBoundingClientRect().left);
79
-
80
74
  let dragBarPosInParent;
81
75
  if (isHorizontal) {
82
76
  //dragBarPosInParent = e.clientX - parentRect.left;
@@ -99,7 +93,7 @@ class nxSplitter extends HTMLElement {
99
93
 
100
94
  const onMove = moveEvent => {
101
95
  const clientPos = isHorizontal ? moveEvent.clientX : moveEvent.clientY;
102
- const currentPosInParent = isHorizontal ? clientPos - parentRect.left : clientPos - parentRect.top;
96
+ const currentPosInParent = isHorizontal ? clientPos - dragBar.offsetParent.getBoundingClientRect().left : clientPos - dragBar.offsetParent.getBoundingClientRect().top;
103
97
  const clampedPos = Math.max(minLimit, Math.min(currentPosInParent, maxLimit));
104
98
  if (isHorizontal) {
105
99
  dragBar.style.left = `${clampedPos}px`;