ninegrid2 6.671.0 → 6.673.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 +11 -4
  2. package/dist/bundle.esm.js +11 -4
  3. package/dist/nx/nxSplitter.js +11 -4
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +11 -4
package/dist/bundle.cjs.js CHANGED
@@ -121071,6 +121071,11 @@ 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
+ }
121074
121079
 
121075
121080
  // 스타일 지정
121076
121081
  /**
@@ -121099,15 +121104,17 @@ class nxSplitter extends HTMLElement {
121099
121104
  const parent = this.getRootNode().host || this.parentElement;
121100
121105
  parent.appendChild(dragBar);
121101
121106
 
121102
- const onMove = evt => {
121103
- if (this.#mode === "h") dragBar.style.left = `${evt.offsetX}px`;
121104
- else dragBar.style.top = `${evt.offsetY}px`;
121107
+ console.log(parent);
121108
+
121109
+ const onMove = e => {
121110
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
121111
+ else dragBar.style.top = `${e.offsetY}px`;
121105
121112
  };
121106
121113
 
121107
121114
  const onUp = () => {
121108
121115
  window.removeEventListener("mousemove", onMove);
121109
121116
  window.removeEventListener("mouseup", onUp);
121110
- dragBar.remove();
121117
+ //dragBar.remove();
121111
121118
  };
121112
121119
 
121113
121120
  window.addEventListener("mousemove", onMove);
package/dist/bundle.esm.js CHANGED
@@ -121067,6 +121067,11 @@ 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
+ }
121070
121075
 
121071
121076
  // 스타일 지정
121072
121077
  /**
@@ -121095,15 +121100,17 @@ class nxSplitter extends HTMLElement {
121095
121100
  const parent = this.getRootNode().host || this.parentElement;
121096
121101
  parent.appendChild(dragBar);
121097
121102
 
121098
- const onMove = evt => {
121099
- if (this.#mode === "h") dragBar.style.left = `${evt.offsetX}px`;
121100
- else dragBar.style.top = `${evt.offsetY}px`;
121103
+ console.log(parent);
121104
+
121105
+ const onMove = e => {
121106
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
121107
+ else dragBar.style.top = `${e.offsetY}px`;
121101
121108
  };
121102
121109
 
121103
121110
  const onUp = () => {
121104
121111
  window.removeEventListener("mousemove", onMove);
121105
121112
  window.removeEventListener("mouseup", onUp);
121106
- dragBar.remove();
121113
+ //dragBar.remove();
121107
121114
  };
121108
121115
 
121109
121116
  window.addEventListener("mousemove", onMove);
package/dist/nx/nxSplitter.js CHANGED
@@ -26,6 +26,11 @@ 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
+ }
29
34
 
30
35
  // 스타일 지정
31
36
  /**
@@ -54,15 +59,17 @@ class nxSplitter extends HTMLElement {
54
59
  const parent = this.getRootNode().host || this.parentElement;
55
60
  parent.appendChild(dragBar);
56
61
 
57
- const onMove = evt => {
58
- if (this.#mode === "h") dragBar.style.left = `${evt.offsetX}px`;
59
- else dragBar.style.top = `${evt.offsetY}px`;
62
+ console.log(parent);
63
+
64
+ const onMove = e => {
65
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
66
+ else dragBar.style.top = `${e.offsetY}px`;
60
67
  };
61
68
 
62
69
  const onUp = () => {
63
70
  window.removeEventListener("mousemove", onMove);
64
71
  window.removeEventListener("mouseup", onUp);
65
- dragBar.remove();
72
+ //dragBar.remove();
66
73
  };
67
74
 
68
75
  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.671.0",
4
+ "version": "6.673.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxSplitter.js CHANGED
@@ -26,6 +26,11 @@ 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
+ }
29
34
 
30
35
  // 스타일 지정
31
36
  /**
@@ -54,15 +59,17 @@ class nxSplitter extends HTMLElement {
54
59
  const parent = this.getRootNode().host || this.parentElement;
55
60
  parent.appendChild(dragBar);
56
61
 
57
- const onMove = evt => {
58
- if (this.#mode === "h") dragBar.style.left = `${evt.offsetX}px`;
59
- else dragBar.style.top = `${evt.offsetY}px`;
62
+ console.log(parent);
63
+
64
+ const onMove = e => {
65
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
66
+ else dragBar.style.top = `${e.offsetY}px`;
60
67
  };
61
68
 
62
69
  const onUp = () => {
63
70
  window.removeEventListener("mousemove", onMove);
64
71
  window.removeEventListener("mouseup", onUp);
65
- dragBar.remove();
72
+ //dragBar.remove();
66
73
  };
67
74
 
68
75
  window.addEventListener("mousemove", onMove);