ninegrid2 6.671.0 → 6.672.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 +9 -4
  2. package/dist/bundle.esm.js +9 -4
  3. package/dist/nx/nxSplitter.js +9 -4
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +9 -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,15 @@ 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
+ const onMove = e => {
121108
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
121109
+ else dragBar.style.top = `${e.offsetY}px`;
121105
121110
  };
121106
121111
 
121107
121112
  const onUp = () => {
121108
121113
  window.removeEventListener("mousemove", onMove);
121109
121114
  window.removeEventListener("mouseup", onUp);
121110
- dragBar.remove();
121115
+ //dragBar.remove();
121111
121116
  };
121112
121117
 
121113
121118
  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,15 @@ 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
+ const onMove = e => {
121104
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
121105
+ else dragBar.style.top = `${e.offsetY}px`;
121101
121106
  };
121102
121107
 
121103
121108
  const onUp = () => {
121104
121109
  window.removeEventListener("mousemove", onMove);
121105
121110
  window.removeEventListener("mouseup", onUp);
121106
- dragBar.remove();
121111
+ //dragBar.remove();
121107
121112
  };
121108
121113
 
121109
121114
  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,15 @@ 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
+ const onMove = e => {
63
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
64
+ else dragBar.style.top = `${e.offsetY}px`;
60
65
  };
61
66
 
62
67
  const onUp = () => {
63
68
  window.removeEventListener("mousemove", onMove);
64
69
  window.removeEventListener("mouseup", onUp);
65
- dragBar.remove();
70
+ //dragBar.remove();
66
71
  };
67
72
 
68
73
  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.672.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,15 @@ 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
+ const onMove = e => {
63
+ if (this.#mode === "h") dragBar.style.left = `${e.offsetX}px`;
64
+ else dragBar.style.top = `${e.offsetY}px`;
60
65
  };
61
66
 
62
67
  const onUp = () => {
63
68
  window.removeEventListener("mousemove", onMove);
64
69
  window.removeEventListener("mouseup", onUp);
65
- dragBar.remove();
70
+ //dragBar.remove();
66
71
  };
67
72
 
68
73
  window.addEventListener("mousemove", onMove);