ninegrid2 6.707.0 → 6.709.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 +8 -15
  2. package/dist/bundle.esm.js +8 -15
  3. package/dist/nx/nxSplitter.js +8 -15
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +8 -15
package/dist/bundle.cjs.js CHANGED
@@ -121068,6 +121068,10 @@ class nxSplitter extends HTMLElement {
121068
121068
  };
121069
121069
 
121070
121070
  #startDrag = (e) => {
121071
+
121072
+ e.preventDefault(); // 기본 drag/select 동작 제거
121073
+ e.stopPropagation();
121074
+
121071
121075
  //const mode = this.#mode;
121072
121076
  const dragBar = document.createElement("div");
121073
121077
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -121145,17 +121149,11 @@ class nxSplitter extends HTMLElement {
121145
121149
  : prev.offsetHeight + next.offsetHeight;
121146
121150
 
121147
121151
  // prev 기준 상대 거리 (드래그 거리)
121148
- const delta = this.#mode === "h"
121149
- ? e.clientX - prev.getBoundingClientRect().left
121150
- : e.clientY - prev.getBoundingClientRect().top;
121152
+ const dragRect = dragBar.getBoundingClientRect();
121151
121153
 
121152
- console.log(totalSize, delta);
121153
- /**
121154
- 310/8/310
121155
- totalSize = 620;
121156
- delta = 32;
121157
- totalSize - delta : 586
121158
- */
121154
+ const delta = this.#mode === "h"
121155
+ ? dragRect.left - prev.offsetLeft
121156
+ : dragRect.top - prev.offsetTop;
121159
121157
 
121160
121158
  prev.style.flex = "none";
121161
121159
  next.style.flex = "none";
@@ -121170,11 +121168,6 @@ class nxSplitter extends HTMLElement {
121170
121168
  }
121171
121169
  };
121172
121170
 
121173
-
121174
-
121175
-
121176
-
121177
-
121178
121171
  window.addEventListener("mousemove", onMove);
121179
121172
  window.addEventListener("mouseup", onUp);
121180
121173
  };
package/dist/bundle.esm.js CHANGED
@@ -121064,6 +121064,10 @@ class nxSplitter extends HTMLElement {
121064
121064
  };
121065
121065
 
121066
121066
  #startDrag = (e) => {
121067
+
121068
+ e.preventDefault(); // 기본 drag/select 동작 제거
121069
+ e.stopPropagation();
121070
+
121067
121071
  //const mode = this.#mode;
121068
121072
  const dragBar = document.createElement("div");
121069
121073
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -121141,17 +121145,11 @@ class nxSplitter extends HTMLElement {
121141
121145
  : prev.offsetHeight + next.offsetHeight;
121142
121146
 
121143
121147
  // prev 기준 상대 거리 (드래그 거리)
121144
- const delta = this.#mode === "h"
121145
- ? e.clientX - prev.getBoundingClientRect().left
121146
- : e.clientY - prev.getBoundingClientRect().top;
121148
+ const dragRect = dragBar.getBoundingClientRect();
121147
121149
 
121148
- console.log(totalSize, delta);
121149
- /**
121150
- 310/8/310
121151
- totalSize = 620;
121152
- delta = 32;
121153
- totalSize - delta : 586
121154
- */
121150
+ const delta = this.#mode === "h"
121151
+ ? dragRect.left - prev.offsetLeft
121152
+ : dragRect.top - prev.offsetTop;
121155
121153
 
121156
121154
  prev.style.flex = "none";
121157
121155
  next.style.flex = "none";
@@ -121166,11 +121164,6 @@ class nxSplitter extends HTMLElement {
121166
121164
  }
121167
121165
  };
121168
121166
 
121169
-
121170
-
121171
-
121172
-
121173
-
121174
121167
  window.addEventListener("mousemove", onMove);
121175
121168
  window.addEventListener("mouseup", onUp);
121176
121169
  };
package/dist/nx/nxSplitter.js CHANGED
@@ -23,6 +23,10 @@ class nxSplitter extends HTMLElement {
23
23
  };
24
24
 
25
25
  #startDrag = (e) => {
26
+
27
+ e.preventDefault(); // 기본 drag/select 동작 제거
28
+ e.stopPropagation();
29
+
26
30
  //const mode = this.#mode;
27
31
  const dragBar = document.createElement("div");
28
32
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -100,17 +104,11 @@ class nxSplitter extends HTMLElement {
100
104
  : prev.offsetHeight + next.offsetHeight;
101
105
 
102
106
  // prev 기준 상대 거리 (드래그 거리)
103
- const delta = this.#mode === "h"
104
- ? e.clientX - prev.getBoundingClientRect().left
105
- : e.clientY - prev.getBoundingClientRect().top;
107
+ const dragRect = dragBar.getBoundingClientRect();
106
108
 
107
- console.log(totalSize, delta);
108
- /**
109
- 310/8/310
110
- totalSize = 620;
111
- delta = 32;
112
- totalSize - delta : 586
113
- */
109
+ const delta = this.#mode === "h"
110
+ ? dragRect.left - prev.offsetLeft
111
+ : dragRect.top - prev.offsetTop;
114
112
 
115
113
  prev.style.flex = "none";
116
114
  next.style.flex = "none";
@@ -125,11 +123,6 @@ class nxSplitter extends HTMLElement {
125
123
  }
126
124
  };
127
125
 
128
-
129
-
130
-
131
-
132
-
133
126
  window.addEventListener("mousemove", onMove);
134
127
  window.addEventListener("mouseup", onUp);
135
128
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.707.0",
4
+ "version": "6.709.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -23,6 +23,10 @@ class nxSplitter extends HTMLElement {
23
23
  };
24
24
 
25
25
  #startDrag = (e) => {
26
+
27
+ e.preventDefault(); // 기본 drag/select 동작 제거
28
+ e.stopPropagation();
29
+
26
30
  //const mode = this.#mode;
27
31
  const dragBar = document.createElement("div");
28
32
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -100,17 +104,11 @@ class nxSplitter extends HTMLElement {
100
104
  : prev.offsetHeight + next.offsetHeight;
101
105
 
102
106
  // prev 기준 상대 거리 (드래그 거리)
103
- const delta = this.#mode === "h"
104
- ? e.clientX - prev.getBoundingClientRect().left
105
- : e.clientY - prev.getBoundingClientRect().top;
107
+ const dragRect = dragBar.getBoundingClientRect();
106
108
 
107
- console.log(totalSize, delta);
108
- /**
109
- 310/8/310
110
- totalSize = 620;
111
- delta = 32;
112
- totalSize - delta : 586
113
- */
109
+ const delta = this.#mode === "h"
110
+ ? dragRect.left - prev.offsetLeft
111
+ : dragRect.top - prev.offsetTop;
114
112
 
115
113
  prev.style.flex = "none";
116
114
  next.style.flex = "none";
@@ -125,11 +123,6 @@ class nxSplitter extends HTMLElement {
125
123
  }
126
124
  };
127
125
 
128
-
129
-
130
-
131
-
132
-
133
126
  window.addEventListener("mousemove", onMove);
134
127
  window.addEventListener("mouseup", onUp);
135
128
  };