ninegrid2 6.831.0 → 6.833.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 +7 -11
  2. package/dist/bundle.esm.js +7 -11
  3. package/dist/nx/nxSplitter.js +7 -11
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +7 -11
package/dist/bundle.cjs.js CHANGED
@@ -121190,11 +121190,8 @@ class nxSplitter extends HTMLElement {
121190
121190
  pointerEvents: "none"
121191
121191
  });
121192
121192
 
121193
- const root = this.getRootNode();
121194
- const parent =
121195
- root instanceof ShadowRoot ? root.host :
121196
- this.parentElement || document.body; // fallback 처리까지 포함
121197
-
121193
+ const root = this.getRootNode({ composed: true });
121194
+ const parent = root instanceof ShadowRoot ? root.host : this.parentElement || document.body;
121198
121195
 
121199
121196
  //const parent = this.getRootNode().host || this.parentElement;
121200
121197
  const prev = this.previousElementSibling;
@@ -121206,8 +121203,10 @@ class nxSplitter extends HTMLElement {
121206
121203
  const prevRect = prev.getBoundingClientRect();
121207
121204
  const nextRect = next.getBoundingClientRect();
121208
121205
 
121209
- const left = e.clientX - parentRect.left;
121210
- const top = e.clientY - parentRect.top;
121206
+ const left = e.clientX - (parent.offsetLeft + parent.clientLeft);
121207
+ const top = e.clientY - (parent.offsetTop + parentRect.top);
121208
+
121209
+ console.log(left, top);
121211
121210
 
121212
121211
  // 방향별 위치 설정
121213
121212
  if (this.#mode === "h") {
@@ -121222,12 +121221,9 @@ class nxSplitter extends HTMLElement {
121222
121221
  dragBar.style.width = "100%";
121223
121222
  }
121224
121223
 
121225
- console.log(parent);
121226
-
121227
121224
  // 👇 부모 노드 기준으로 삽입
121228
121225
  (parent.shadowRoot || parent).appendChild(dragBar);
121229
121226
 
121230
-
121231
121227
  const min = this.#mode === "h" ? prevRect.left : prevRect.top;
121232
121228
  const max = this.#mode === "h" ? nextRect.right : nextRect.bottom;
121233
121229
 
@@ -121250,7 +121246,7 @@ class nxSplitter extends HTMLElement {
121250
121246
 
121251
121247
  window.removeEventListener("mousemove", onMove);
121252
121248
  window.removeEventListener("mouseup", onUp);
121253
- //dragBar.remove();
121249
+ dragBar.remove();
121254
121250
 
121255
121251
 
121256
121252
  // 기준: prev + next 너비 합계
package/dist/bundle.esm.js CHANGED
@@ -121186,11 +121186,8 @@ class nxSplitter extends HTMLElement {
121186
121186
  pointerEvents: "none"
121187
121187
  });
121188
121188
 
121189
- const root = this.getRootNode();
121190
- const parent =
121191
- root instanceof ShadowRoot ? root.host :
121192
- this.parentElement || document.body; // fallback 처리까지 포함
121193
-
121189
+ const root = this.getRootNode({ composed: true });
121190
+ const parent = root instanceof ShadowRoot ? root.host : this.parentElement || document.body;
121194
121191
 
121195
121192
  //const parent = this.getRootNode().host || this.parentElement;
121196
121193
  const prev = this.previousElementSibling;
@@ -121202,8 +121199,10 @@ class nxSplitter extends HTMLElement {
121202
121199
  const prevRect = prev.getBoundingClientRect();
121203
121200
  const nextRect = next.getBoundingClientRect();
121204
121201
 
121205
- const left = e.clientX - parentRect.left;
121206
- const top = e.clientY - parentRect.top;
121202
+ const left = e.clientX - (parent.offsetLeft + parent.clientLeft);
121203
+ const top = e.clientY - (parent.offsetTop + parentRect.top);
121204
+
121205
+ console.log(left, top);
121207
121206
 
121208
121207
  // 방향별 위치 설정
121209
121208
  if (this.#mode === "h") {
@@ -121218,12 +121217,9 @@ class nxSplitter extends HTMLElement {
121218
121217
  dragBar.style.width = "100%";
121219
121218
  }
121220
121219
 
121221
- console.log(parent);
121222
-
121223
121220
  // 👇 부모 노드 기준으로 삽입
121224
121221
  (parent.shadowRoot || parent).appendChild(dragBar);
121225
121222
 
121226
-
121227
121223
  const min = this.#mode === "h" ? prevRect.left : prevRect.top;
121228
121224
  const max = this.#mode === "h" ? nextRect.right : nextRect.bottom;
121229
121225
 
@@ -121246,7 +121242,7 @@ class nxSplitter extends HTMLElement {
121246
121242
 
121247
121243
  window.removeEventListener("mousemove", onMove);
121248
121244
  window.removeEventListener("mouseup", onUp);
121249
- //dragBar.remove();
121245
+ dragBar.remove();
121250
121246
 
121251
121247
 
121252
121248
  // 기준: prev + next 너비 합계
package/dist/nx/nxSplitter.js CHANGED
@@ -45,11 +45,8 @@ class nxSplitter extends HTMLElement {
45
45
  pointerEvents: "none"
46
46
  });
47
47
 
48
- const root = this.getRootNode();
49
- const parent =
50
- root instanceof ShadowRoot ? root.host :
51
- this.parentElement || document.body; // fallback 처리까지 포함
52
-
48
+ const root = this.getRootNode({ composed: true });
49
+ const parent = root instanceof ShadowRoot ? root.host : this.parentElement || document.body;
53
50
 
54
51
  //const parent = this.getRootNode().host || this.parentElement;
55
52
  const prev = this.previousElementSibling;
@@ -61,8 +58,10 @@ class nxSplitter extends HTMLElement {
61
58
  const prevRect = prev.getBoundingClientRect();
62
59
  const nextRect = next.getBoundingClientRect();
63
60
 
64
- const left = e.clientX - parentRect.left;
65
- const top = e.clientY - parentRect.top;
61
+ const left = e.clientX - (parent.offsetLeft + parent.clientLeft);
62
+ const top = e.clientY - (parent.offsetTop + parentRect.top);
63
+
64
+ console.log(left, top);
66
65
 
67
66
  // 방향별 위치 설정
68
67
  if (this.#mode === "h") {
@@ -77,12 +76,9 @@ class nxSplitter extends HTMLElement {
77
76
  dragBar.style.width = "100%";
78
77
  }
79
78
 
80
- console.log(parent);
81
-
82
79
  // 👇 부모 노드 기준으로 삽입
83
80
  (parent.shadowRoot || parent).appendChild(dragBar);
84
81
 
85
-
86
82
  const min = this.#mode === "h" ? prevRect.left : prevRect.top;
87
83
  const max = this.#mode === "h" ? nextRect.right : nextRect.bottom;
88
84
 
@@ -105,7 +101,7 @@ class nxSplitter extends HTMLElement {
105
101
 
106
102
  window.removeEventListener("mousemove", onMove);
107
103
  window.removeEventListener("mouseup", onUp);
108
- //dragBar.remove();
104
+ dragBar.remove();
109
105
 
110
106
 
111
107
  // 기준: prev + next 너비 합계
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.831.0",
4
+ "version": "6.833.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -45,11 +45,8 @@ class nxSplitter extends HTMLElement {
45
45
  pointerEvents: "none"
46
46
  });
47
47
 
48
- const root = this.getRootNode();
49
- const parent =
50
- root instanceof ShadowRoot ? root.host :
51
- this.parentElement || document.body; // fallback 처리까지 포함
52
-
48
+ const root = this.getRootNode({ composed: true });
49
+ const parent = root instanceof ShadowRoot ? root.host : this.parentElement || document.body;
53
50
 
54
51
  //const parent = this.getRootNode().host || this.parentElement;
55
52
  const prev = this.previousElementSibling;
@@ -61,8 +58,10 @@ class nxSplitter extends HTMLElement {
61
58
  const prevRect = prev.getBoundingClientRect();
62
59
  const nextRect = next.getBoundingClientRect();
63
60
 
64
- const left = e.clientX - parentRect.left;
65
- const top = e.clientY - parentRect.top;
61
+ const left = e.clientX - (parent.offsetLeft + parent.clientLeft);
62
+ const top = e.clientY - (parent.offsetTop + parentRect.top);
63
+
64
+ console.log(left, top);
66
65
 
67
66
  // 방향별 위치 설정
68
67
  if (this.#mode === "h") {
@@ -77,12 +76,9 @@ class nxSplitter extends HTMLElement {
77
76
  dragBar.style.width = "100%";
78
77
  }
79
78
 
80
- console.log(parent);
81
-
82
79
  // 👇 부모 노드 기준으로 삽입
83
80
  (parent.shadowRoot || parent).appendChild(dragBar);
84
81
 
85
-
86
82
  const min = this.#mode === "h" ? prevRect.left : prevRect.top;
87
83
  const max = this.#mode === "h" ? nextRect.right : nextRect.bottom;
88
84
 
@@ -105,7 +101,7 @@ class nxSplitter extends HTMLElement {
105
101
 
106
102
  window.removeEventListener("mousemove", onMove);
107
103
  window.removeEventListener("mouseup", onUp);
108
- //dragBar.remove();
104
+ dragBar.remove();
109
105
 
110
106
 
111
107
  // 기준: prev + next 너비 합계