ninegrid2 6.726.0 → 6.727.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 (5) hide show
  1. package/dist/bundle.cjs.js +6 -7
  2. package/dist/bundle.esm.js +6 -7
  3. package/dist/nx/nxSplitter.js +6 -7
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +6 -7
package/dist/bundle.cjs.js CHANGED
@@ -121072,11 +121072,10 @@ class nxSplitter extends HTMLElement {
121072
121072
  e.preventDefault(); // 기본 drag/select 동작 제거
121073
121073
  e.stopPropagation();
121074
121074
 
121075
- let dragStartPos = this.#mode === "h"
121076
- ? e.clientX
121077
- : e.clientY;
121078
-
121079
- console.log(dragStartPos, e);
121075
+ const splitterRect = this.getBoundingClientRect();
121076
+ const clickOffset = this.#mode === "h"
121077
+ ? e.clientX - splitterRect.left
121078
+ : e.clientY - splitterRect.top;
121080
121079
 
121081
121080
  //const mode = this.#mode;
121082
121081
  const dragBar = document.createElement("div");
@@ -121153,8 +121152,8 @@ class nxSplitter extends HTMLElement {
121153
121152
  // prev 기준 상대 거리 (드래그 거리)
121154
121153
 
121155
121154
  let delta = this.#mode === "h"
121156
- ? e.clientX - prev.getBoundingClientRect().left
121157
- : e.clientY - prev.getBoundingClientRect().top;
121155
+ ? e.clientX - prev.getBoundingClientRect().left - clickOffset
121156
+ : e.clientY - prev.getBoundingClientRect().top - clickOffset;
121158
121157
  //let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
121159
121158
 
121160
121159
  const min = 1;
package/dist/bundle.esm.js CHANGED
@@ -121068,11 +121068,10 @@ class nxSplitter extends HTMLElement {
121068
121068
  e.preventDefault(); // 기본 drag/select 동작 제거
121069
121069
  e.stopPropagation();
121070
121070
 
121071
- let dragStartPos = this.#mode === "h"
121072
- ? e.clientX
121073
- : e.clientY;
121074
-
121075
- console.log(dragStartPos, e);
121071
+ const splitterRect = this.getBoundingClientRect();
121072
+ const clickOffset = this.#mode === "h"
121073
+ ? e.clientX - splitterRect.left
121074
+ : e.clientY - splitterRect.top;
121076
121075
 
121077
121076
  //const mode = this.#mode;
121078
121077
  const dragBar = document.createElement("div");
@@ -121149,8 +121148,8 @@ class nxSplitter extends HTMLElement {
121149
121148
  // prev 기준 상대 거리 (드래그 거리)
121150
121149
 
121151
121150
  let delta = this.#mode === "h"
121152
- ? e.clientX - prev.getBoundingClientRect().left
121153
- : e.clientY - prev.getBoundingClientRect().top;
121151
+ ? e.clientX - prev.getBoundingClientRect().left - clickOffset
121152
+ : e.clientY - prev.getBoundingClientRect().top - clickOffset;
121154
121153
  //let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
121155
121154
 
121156
121155
  const min = 1;
package/dist/nx/nxSplitter.js CHANGED
@@ -27,11 +27,10 @@ class nxSplitter extends HTMLElement {
27
27
  e.preventDefault(); // 기본 drag/select 동작 제거
28
28
  e.stopPropagation();
29
29
 
30
- let dragStartPos = this.#mode === "h"
31
- ? e.clientX
32
- : e.clientY;
33
-
34
- console.log(dragStartPos, e);
30
+ const splitterRect = this.getBoundingClientRect();
31
+ const clickOffset = this.#mode === "h"
32
+ ? e.clientX - splitterRect.left
33
+ : e.clientY - splitterRect.top;
35
34
 
36
35
  //const mode = this.#mode;
37
36
  const dragBar = document.createElement("div");
@@ -108,8 +107,8 @@ class nxSplitter extends HTMLElement {
108
107
  // prev 기준 상대 거리 (드래그 거리)
109
108
 
110
109
  let delta = this.#mode === "h"
111
- ? e.clientX - prev.getBoundingClientRect().left
112
- : e.clientY - prev.getBoundingClientRect().top;
110
+ ? e.clientX - prev.getBoundingClientRect().left - clickOffset
111
+ : e.clientY - prev.getBoundingClientRect().top - clickOffset;
113
112
  //let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
114
113
 
115
114
  const min = 1;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.726.0",
4
+ "version": "6.727.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -27,11 +27,10 @@ class nxSplitter extends HTMLElement {
27
27
  e.preventDefault(); // 기본 drag/select 동작 제거
28
28
  e.stopPropagation();
29
29
 
30
- let dragStartPos = this.#mode === "h"
31
- ? e.clientX
32
- : e.clientY;
33
-
34
- console.log(dragStartPos, e);
30
+ const splitterRect = this.getBoundingClientRect();
31
+ const clickOffset = this.#mode === "h"
32
+ ? e.clientX - splitterRect.left
33
+ : e.clientY - splitterRect.top;
35
34
 
36
35
  //const mode = this.#mode;
37
36
  const dragBar = document.createElement("div");
@@ -108,8 +107,8 @@ class nxSplitter extends HTMLElement {
108
107
  // prev 기준 상대 거리 (드래그 거리)
109
108
 
110
109
  let delta = this.#mode === "h"
111
- ? e.clientX - prev.getBoundingClientRect().left
112
- : e.clientY - prev.getBoundingClientRect().top;
110
+ ? e.clientX - prev.getBoundingClientRect().left - clickOffset
111
+ : e.clientY - prev.getBoundingClientRect().top - clickOffset;
113
112
  //let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
114
113
 
115
114
  const min = 1;