ninegrid2 6.666.0 → 6.667.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 +6 -2
  2. package/dist/bundle.esm.js +6 -2
  3. package/dist/nx/nxSplitter.js +6 -2
  4. package/package.json +1 -1
  5. package/src/nx/nxSplitter.js +6 -2
package/dist/bundle.cjs.js CHANGED
@@ -121068,6 +121068,8 @@ class nxSplitter extends HTMLElement {
121068
121068
  };
121069
121069
 
121070
121070
  #startDrag = (e) => {
121071
+ console.log(e);
121072
+
121071
121073
  const mode = this.#mode;
121072
121074
  const dragBar = document.createElement("div");
121073
121075
  dragBar.className = "nx-drag-bar";
@@ -121093,11 +121095,13 @@ class nxSplitter extends HTMLElement {
121093
121095
  document.body.appendChild(dragBar);
121094
121096
 
121095
121097
  const onMove = e => {
121098
+ console.log(e);
121096
121099
  if (mode === "h") dragBar.style.left = `${e.clientX}px`;
121097
121100
  else dragBar.style.top = `${e.clientY}px`;
121098
121101
  };
121099
121102
 
121100
- const onUp = () => {
121103
+ const onUp = (e) => {
121104
+ console.log(e);
121101
121105
  window.removeEventListener("mousemove", onMove);
121102
121106
  window.removeEventListener("mouseup", onUp);
121103
121107
  dragBar.remove();
@@ -121131,7 +121135,7 @@ class nxSplitter extends HTMLElement {
121131
121135
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
121132
121136
 
121133
121137
  // grip 이벤트 바인딩
121134
- this.shadowRoot.querySelectorAll("grid-h,grid-v").forEach(grip => {
121138
+ this.shadowRoot.querySelectorAll(".grid-h,.grid-v").forEach(grip => {
121135
121139
  grip.addEventListener("mousedown", e => this.#startDrag(e));
121136
121140
  });
121137
121141
  }
package/dist/bundle.esm.js CHANGED
@@ -121064,6 +121064,8 @@ class nxSplitter extends HTMLElement {
121064
121064
  };
121065
121065
 
121066
121066
  #startDrag = (e) => {
121067
+ console.log(e);
121068
+
121067
121069
  const mode = this.#mode;
121068
121070
  const dragBar = document.createElement("div");
121069
121071
  dragBar.className = "nx-drag-bar";
@@ -121089,11 +121091,13 @@ class nxSplitter extends HTMLElement {
121089
121091
  document.body.appendChild(dragBar);
121090
121092
 
121091
121093
  const onMove = e => {
121094
+ console.log(e);
121092
121095
  if (mode === "h") dragBar.style.left = `${e.clientX}px`;
121093
121096
  else dragBar.style.top = `${e.clientY}px`;
121094
121097
  };
121095
121098
 
121096
- const onUp = () => {
121099
+ const onUp = (e) => {
121100
+ console.log(e);
121097
121101
  window.removeEventListener("mousemove", onMove);
121098
121102
  window.removeEventListener("mouseup", onUp);
121099
121103
  dragBar.remove();
@@ -121127,7 +121131,7 @@ class nxSplitter extends HTMLElement {
121127
121131
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
121128
121132
 
121129
121133
  // grip 이벤트 바인딩
121130
- this.shadowRoot.querySelectorAll("grid-h,grid-v").forEach(grip => {
121134
+ this.shadowRoot.querySelectorAll(".grid-h,.grid-v").forEach(grip => {
121131
121135
  grip.addEventListener("mousedown", e => this.#startDrag(e));
121132
121136
  });
121133
121137
  }
package/dist/nx/nxSplitter.js CHANGED
@@ -23,6 +23,8 @@ class nxSplitter extends HTMLElement {
23
23
  };
24
24
 
25
25
  #startDrag = (e) => {
26
+ console.log(e);
27
+
26
28
  const mode = this.#mode;
27
29
  const dragBar = document.createElement("div");
28
30
  dragBar.className = "nx-drag-bar";
@@ -48,11 +50,13 @@ class nxSplitter extends HTMLElement {
48
50
  document.body.appendChild(dragBar);
49
51
 
50
52
  const onMove = e => {
53
+ console.log(e);
51
54
  if (mode === "h") dragBar.style.left = `${e.clientX}px`;
52
55
  else dragBar.style.top = `${e.clientY}px`;
53
56
  };
54
57
 
55
- const onUp = () => {
58
+ const onUp = (e) => {
59
+ console.log(e);
56
60
  window.removeEventListener("mousemove", onMove);
57
61
  window.removeEventListener("mouseup", onUp);
58
62
  dragBar.remove();
@@ -86,7 +90,7 @@ class nxSplitter extends HTMLElement {
86
90
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
87
91
 
88
92
  // grip 이벤트 바인딩
89
- this.shadowRoot.querySelectorAll("grid-h,grid-v").forEach(grip => {
93
+ this.shadowRoot.querySelectorAll(".grid-h,.grid-v").forEach(grip => {
90
94
  grip.addEventListener("mousedown", e => this.#startDrag(e));
91
95
  });
92
96
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.666.0",
4
+ "version": "6.667.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,8 @@ class nxSplitter extends HTMLElement {
23
23
  };
24
24
 
25
25
  #startDrag = (e) => {
26
+ console.log(e);
27
+
26
28
  const mode = this.#mode;
27
29
  const dragBar = document.createElement("div");
28
30
  dragBar.className = "nx-drag-bar";
@@ -48,11 +50,13 @@ class nxSplitter extends HTMLElement {
48
50
  document.body.appendChild(dragBar);
49
51
 
50
52
  const onMove = e => {
53
+ console.log(e);
51
54
  if (mode === "h") dragBar.style.left = `${e.clientX}px`;
52
55
  else dragBar.style.top = `${e.clientY}px`;
53
56
  };
54
57
 
55
- const onUp = () => {
58
+ const onUp = (e) => {
59
+ console.log(e);
56
60
  window.removeEventListener("mousemove", onMove);
57
61
  window.removeEventListener("mouseup", onUp);
58
62
  dragBar.remove();
@@ -86,7 +90,7 @@ class nxSplitter extends HTMLElement {
86
90
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
87
91
 
88
92
  // grip 이벤트 바인딩
89
- this.shadowRoot.querySelectorAll("grid-h,grid-v").forEach(grip => {
93
+ this.shadowRoot.querySelectorAll(".grid-h,.grid-v").forEach(grip => {
90
94
  grip.addEventListener("mousedown", e => this.#startDrag(e));
91
95
  });
92
96
  }