ninegrid2 6.722.0 → 6.724.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 +10 -2
  2. package/dist/bundle.esm.js +10 -2
  3. package/dist/nx/nxSplitter.js +10 -2
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +10 -2
package/dist/bundle.cjs.js CHANGED
@@ -121072,6 +121072,12 @@ 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);
121080
+
121075
121081
  //const mode = this.#mode;
121076
121082
  const dragBar = document.createElement("div");
121077
121083
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -121145,9 +121151,11 @@ class nxSplitter extends HTMLElement {
121145
121151
  : prev.offsetHeight + next.offsetHeight;
121146
121152
 
121147
121153
  // prev 기준 상대 거리 (드래그 거리)
121154
+ /**
121148
121155
  let delta = this.#mode === "h"
121149
121156
  ? e.clientX - prev.getBoundingClientRect().left
121150
- : e.clientY - prev.getBoundingClientRect().top;
121157
+ : e.clientY - prev.getBoundingClientRect().top; */
121158
+ let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
121151
121159
 
121152
121160
  const min = 1;
121153
121161
  const max = totalSize - 1;
@@ -121186,7 +121194,7 @@ class nxSplitter extends HTMLElement {
121186
121194
 
121187
121195
  const contents = this.innerHTML.trim();
121188
121196
  const gripClass = `grip-${this.#mode}`;
121189
- const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div>${contents}<div class="${gripClass}"></div>`;
121197
+ const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div><div class="inner-container">${contents}</div><div class="${gripClass}"></div>`;
121190
121198
 
121191
121199
  this.innerHTML = ""; // 기존 내부 HTML 제거
121192
121200
  const htmlTmpl = document.createElement("template");
package/dist/bundle.esm.js CHANGED
@@ -121068,6 +121068,12 @@ 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);
121076
+
121071
121077
  //const mode = this.#mode;
121072
121078
  const dragBar = document.createElement("div");
121073
121079
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -121141,9 +121147,11 @@ class nxSplitter extends HTMLElement {
121141
121147
  : prev.offsetHeight + next.offsetHeight;
121142
121148
 
121143
121149
  // prev 기준 상대 거리 (드래그 거리)
121150
+ /**
121144
121151
  let delta = this.#mode === "h"
121145
121152
  ? e.clientX - prev.getBoundingClientRect().left
121146
- : e.clientY - prev.getBoundingClientRect().top;
121153
+ : e.clientY - prev.getBoundingClientRect().top; */
121154
+ let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
121147
121155
 
121148
121156
  const min = 1;
121149
121157
  const max = totalSize - 1;
@@ -121182,7 +121190,7 @@ class nxSplitter extends HTMLElement {
121182
121190
 
121183
121191
  const contents = this.innerHTML.trim();
121184
121192
  const gripClass = `grip-${this.#mode}`;
121185
- const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div>${contents}<div class="${gripClass}"></div>`;
121193
+ const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div><div class="inner-container">${contents}</div><div class="${gripClass}"></div>`;
121186
121194
 
121187
121195
  this.innerHTML = ""; // 기존 내부 HTML 제거
121188
121196
  const htmlTmpl = document.createElement("template");
package/dist/nx/nxSplitter.js CHANGED
@@ -27,6 +27,12 @@ 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);
35
+
30
36
  //const mode = this.#mode;
31
37
  const dragBar = document.createElement("div");
32
38
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -100,9 +106,11 @@ class nxSplitter extends HTMLElement {
100
106
  : prev.offsetHeight + next.offsetHeight;
101
107
 
102
108
  // prev 기준 상대 거리 (드래그 거리)
109
+ /**
103
110
  let delta = this.#mode === "h"
104
111
  ? e.clientX - prev.getBoundingClientRect().left
105
- : e.clientY - prev.getBoundingClientRect().top;
112
+ : e.clientY - prev.getBoundingClientRect().top; */
113
+ let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
106
114
 
107
115
  const min = 1;
108
116
  const max = totalSize - 1;
@@ -141,7 +149,7 @@ class nxSplitter extends HTMLElement {
141
149
 
142
150
  const contents = this.innerHTML.trim();
143
151
  const gripClass = `grip-${this.#mode}`;
144
- const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div>${contents}<div class="${gripClass}"></div>`;
152
+ const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div><div class="inner-container">${contents}</div><div class="${gripClass}"></div>`;
145
153
 
146
154
  this.innerHTML = ""; // 기존 내부 HTML 제거
147
155
  const htmlTmpl = document.createElement("template");
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.722.0",
4
+ "version": "6.724.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -27,6 +27,12 @@ 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);
35
+
30
36
  //const mode = this.#mode;
31
37
  const dragBar = document.createElement("div");
32
38
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
@@ -100,9 +106,11 @@ class nxSplitter extends HTMLElement {
100
106
  : prev.offsetHeight + next.offsetHeight;
101
107
 
102
108
  // prev 기준 상대 거리 (드래그 거리)
109
+ /**
103
110
  let delta = this.#mode === "h"
104
111
  ? e.clientX - prev.getBoundingClientRect().left
105
- : e.clientY - prev.getBoundingClientRect().top;
112
+ : e.clientY - prev.getBoundingClientRect().top; */
113
+ let delta = dragStartPos - prev.getBoundingClientRect()[this.#mode === "h" ? "left" : "top"];
106
114
 
107
115
  const min = 1;
108
116
  const max = totalSize - 1;
@@ -141,7 +149,7 @@ class nxSplitter extends HTMLElement {
141
149
 
142
150
  const contents = this.innerHTML.trim();
143
151
  const gripClass = `grip-${this.#mode}`;
144
- const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div>${contents}<div class="${gripClass}"></div>`;
152
+ const gripTmpl = (contents === "") ? `<div class="${gripClass}"></div>`: `<div class="${gripClass}"></div><div class="inner-container">${contents}</div><div class="${gripClass}"></div>`;
145
153
 
146
154
  this.innerHTML = ""; // 기존 내부 HTML 제거
147
155
  const htmlTmpl = document.createElement("template");