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.
- package/dist/bundle.cjs.js +3 -11
- package/dist/bundle.esm.js +3 -11
- package/dist/nx/nxSplitter.js +3 -11
- package/package.json +1 -1
- package/src/nx/nxSplitter.js +3 -11
package/dist/bundle.cjs.js
CHANGED
|
@@ -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
|
-
|
|
121109
|
+
dragBar.remove();
|
|
121118
121110
|
};
|
|
121119
121111
|
|
|
121120
121112
|
window.addEventListener("mousemove", onMove);
|
package/dist/bundle.esm.js
CHANGED
|
@@ -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
|
-
|
|
121105
|
+
dragBar.remove();
|
|
121114
121106
|
};
|
|
121115
121107
|
|
|
121116
121108
|
window.addEventListener("mousemove", onMove);
|
package/dist/nx/nxSplitter.js
CHANGED
|
@@ -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
|
-
|
|
64
|
+
dragBar.remove();
|
|
73
65
|
};
|
|
74
66
|
|
|
75
67
|
window.addEventListener("mousemove", onMove);
|
package/package.json
CHANGED
package/src/nx/nxSplitter.js
CHANGED
|
@@ -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
|
-
|
|
64
|
+
dragBar.remove();
|
|
73
65
|
};
|
|
74
66
|
|
|
75
67
|
window.addEventListener("mousemove", onMove);
|