ninegrid2 6.674.0 → 6.676.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.
@@ -121071,14 +121071,8 @@ class nxSplitter extends HTMLElement {
121071
121071
  //const mode = this.#mode;
121072
121072
  const dragBar = document.createElement("div");
121073
121073
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
121074
- if (this.mode === "h") {
121075
- dragBar.style.left = `${e.offsetX}px`;
121076
- } else {
121077
- dragBar.style.top = `${e.offsetY}px`;
121078
- }
121079
121074
 
121080
121075
  // 스타일 지정
121081
- /**
121082
121076
  Object.assign(dragBar.style, {
121083
121077
  position: "absolute",
121084
121078
  zIndex: "999",
@@ -121088,7 +121082,7 @@ class nxSplitter extends HTMLElement {
121088
121082
  });
121089
121083
 
121090
121084
  // 방향별 위치 설정
121091
- if (mode === "h") {
121085
+ if (this.#mode === "h") {
121092
121086
  dragBar.style.top = "0";
121093
121087
  dragBar.style.left = `${e.offsetX}px`;
121094
121088
  dragBar.style.width = "1px";
@@ -121098,14 +121092,12 @@ class nxSplitter extends HTMLElement {
121098
121092
  dragBar.style.top = `${e.offsetY}px`;
121099
121093
  dragBar.style.height = "1px";
121100
121094
  dragBar.style.width = "100%";
121101
- } */
121095
+ }
121102
121096
 
121103
121097
  // 👇 부모 노드 기준으로 삽입
121104
121098
  const parent = this.getRootNode().host || this.parentElement;
121105
121099
  parent.appendChild(dragBar);
121106
121100
 
121107
- console.log(parent);
121108
-
121109
121101
  const onMove = e => {
121110
121102
  if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
121111
121103
  else dragBar.style.top = `${e.offsetY}px`;
@@ -121114,7 +121106,7 @@ class nxSplitter extends HTMLElement {
121114
121106
  const onUp = () => {
121115
121107
  window.removeEventListener("mousemove", onMove);
121116
121108
  window.removeEventListener("mouseup", onUp);
121117
- //dragBar.remove();
121109
+ dragBar.remove();
121118
121110
  };
121119
121111
 
121120
121112
  window.addEventListener("mousemove", onMove);
@@ -121067,14 +121067,8 @@ class nxSplitter extends HTMLElement {
121067
121067
  //const mode = this.#mode;
121068
121068
  const dragBar = document.createElement("div");
121069
121069
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
121070
- if (this.mode === "h") {
121071
- dragBar.style.left = `${e.offsetX}px`;
121072
- } else {
121073
- dragBar.style.top = `${e.offsetY}px`;
121074
- }
121075
121070
 
121076
121071
  // 스타일 지정
121077
- /**
121078
121072
  Object.assign(dragBar.style, {
121079
121073
  position: "absolute",
121080
121074
  zIndex: "999",
@@ -121084,7 +121078,7 @@ class nxSplitter extends HTMLElement {
121084
121078
  });
121085
121079
 
121086
121080
  // 방향별 위치 설정
121087
- if (mode === "h") {
121081
+ if (this.#mode === "h") {
121088
121082
  dragBar.style.top = "0";
121089
121083
  dragBar.style.left = `${e.offsetX}px`;
121090
121084
  dragBar.style.width = "1px";
@@ -121094,14 +121088,12 @@ class nxSplitter extends HTMLElement {
121094
121088
  dragBar.style.top = `${e.offsetY}px`;
121095
121089
  dragBar.style.height = "1px";
121096
121090
  dragBar.style.width = "100%";
121097
- } */
121091
+ }
121098
121092
 
121099
121093
  // 👇 부모 노드 기준으로 삽입
121100
121094
  const parent = this.getRootNode().host || this.parentElement;
121101
121095
  parent.appendChild(dragBar);
121102
121096
 
121103
- console.log(parent);
121104
-
121105
121097
  const onMove = e => {
121106
121098
  if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
121107
121099
  else dragBar.style.top = `${e.offsetY}px`;
@@ -121110,7 +121102,7 @@ class nxSplitter extends HTMLElement {
121110
121102
  const onUp = () => {
121111
121103
  window.removeEventListener("mousemove", onMove);
121112
121104
  window.removeEventListener("mouseup", onUp);
121113
- //dragBar.remove();
121105
+ dragBar.remove();
121114
121106
  };
121115
121107
 
121116
121108
  window.addEventListener("mousemove", onMove);
@@ -26,14 +26,8 @@ class nxSplitter extends HTMLElement {
26
26
  //const mode = this.#mode;
27
27
  const dragBar = document.createElement("div");
28
28
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
29
- if (this.mode === "h") {
30
- dragBar.style.left = `${e.offsetX}px`;
31
- } else {
32
- dragBar.style.top = `${e.offsetY}px`;
33
- }
34
29
 
35
30
  // 스타일 지정
36
- /**
37
31
  Object.assign(dragBar.style, {
38
32
  position: "absolute",
39
33
  zIndex: "999",
@@ -43,7 +37,7 @@ class nxSplitter extends HTMLElement {
43
37
  });
44
38
 
45
39
  // 방향별 위치 설정
46
- if (mode === "h") {
40
+ if (this.#mode === "h") {
47
41
  dragBar.style.top = "0";
48
42
  dragBar.style.left = `${e.offsetX}px`;
49
43
  dragBar.style.width = "1px";
@@ -53,14 +47,12 @@ class nxSplitter extends HTMLElement {
53
47
  dragBar.style.top = `${e.offsetY}px`;
54
48
  dragBar.style.height = "1px";
55
49
  dragBar.style.width = "100%";
56
- } */
50
+ }
57
51
 
58
52
  // 👇 부모 노드 기준으로 삽입
59
53
  const parent = this.getRootNode().host || this.parentElement;
60
54
  parent.appendChild(dragBar);
61
55
 
62
- console.log(parent);
63
-
64
56
  const onMove = e => {
65
57
  if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
66
58
  else dragBar.style.top = `${e.offsetY}px`;
@@ -69,7 +61,7 @@ class nxSplitter extends HTMLElement {
69
61
  const onUp = () => {
70
62
  window.removeEventListener("mousemove", onMove);
71
63
  window.removeEventListener("mouseup", onUp);
72
- //dragBar.remove();
64
+ dragBar.remove();
73
65
  };
74
66
 
75
67
  window.addEventListener("mousemove", onMove);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.674.0",
4
+ "version": "6.676.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
@@ -26,14 +26,8 @@ class nxSplitter extends HTMLElement {
26
26
  //const mode = this.#mode;
27
27
  const dragBar = document.createElement("div");
28
28
  dragBar.className = `nx-splitter-drag-bar-${this.#mode}`;
29
- if (this.mode === "h") {
30
- dragBar.style.left = `${e.offsetX}px`;
31
- } else {
32
- dragBar.style.top = `${e.offsetY}px`;
33
- }
34
29
 
35
30
  // 스타일 지정
36
- /**
37
31
  Object.assign(dragBar.style, {
38
32
  position: "absolute",
39
33
  zIndex: "999",
@@ -43,7 +37,7 @@ class nxSplitter extends HTMLElement {
43
37
  });
44
38
 
45
39
  // 방향별 위치 설정
46
- if (mode === "h") {
40
+ if (this.#mode === "h") {
47
41
  dragBar.style.top = "0";
48
42
  dragBar.style.left = `${e.offsetX}px`;
49
43
  dragBar.style.width = "1px";
@@ -53,14 +47,12 @@ class nxSplitter extends HTMLElement {
53
47
  dragBar.style.top = `${e.offsetY}px`;
54
48
  dragBar.style.height = "1px";
55
49
  dragBar.style.width = "100%";
56
- } */
50
+ }
57
51
 
58
52
  // 👇 부모 노드 기준으로 삽입
59
53
  const parent = this.getRootNode().host || this.parentElement;
60
54
  parent.appendChild(dragBar);
61
55
 
62
- console.log(parent);
63
-
64
56
  const onMove = e => {
65
57
  if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
66
58
  else dragBar.style.top = `${e.offsetY}px`;
@@ -69,7 +61,7 @@ class nxSplitter extends HTMLElement {
69
61
  const onUp = () => {
70
62
  window.removeEventListener("mousemove", onMove);
71
63
  window.removeEventListener("mouseup", onUp);
72
- //dragBar.remove();
64
+ dragBar.remove();
73
65
  };
74
66
 
75
67
  window.addEventListener("mousemove", onMove);