ninegrid2 6.780.0 → 6.782.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 +12 -0
- package/dist/bundle.esm.js +12 -0
- package/dist/nx/nxCollapse.js +12 -0
- package/package.json +1 -1
- package/src/nx/nxCollapse.js +12 -0
package/dist/bundle.cjs.js
CHANGED
|
@@ -120913,9 +120913,21 @@ class nxCollapse extends HTMLElement {
|
|
|
120913
120913
|
|
|
120914
120914
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
120915
120915
|
collapseBtn.addEventListener("click", () => {
|
|
120916
|
+
/**
|
|
120916
120917
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
120917
120918
|
this.#target.style.display = "none";
|
|
120918
120919
|
this.style.display = "inline-block";
|
|
120920
|
+
*/
|
|
120921
|
+
|
|
120922
|
+
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
120923
|
+
this.#target.classList.add("fade-out");
|
|
120924
|
+
|
|
120925
|
+
setTimeout(() => {
|
|
120926
|
+
this.#targetPrevDisplay = this.#target.style.display;
|
|
120927
|
+
this.#target.style.display = "none";
|
|
120928
|
+
this.style.display = "inline-block";
|
|
120929
|
+
}, 300); // transition 시간과 맞춰서 300ms 딜레이
|
|
120930
|
+
|
|
120919
120931
|
});
|
|
120920
120932
|
}
|
|
120921
120933
|
|
package/dist/bundle.esm.js
CHANGED
|
@@ -120909,9 +120909,21 @@ class nxCollapse extends HTMLElement {
|
|
|
120909
120909
|
|
|
120910
120910
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
120911
120911
|
collapseBtn.addEventListener("click", () => {
|
|
120912
|
+
/**
|
|
120912
120913
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
120913
120914
|
this.#target.style.display = "none";
|
|
120914
120915
|
this.style.display = "inline-block";
|
|
120916
|
+
*/
|
|
120917
|
+
|
|
120918
|
+
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
120919
|
+
this.#target.classList.add("fade-out");
|
|
120920
|
+
|
|
120921
|
+
setTimeout(() => {
|
|
120922
|
+
this.#targetPrevDisplay = this.#target.style.display;
|
|
120923
|
+
this.#target.style.display = "none";
|
|
120924
|
+
this.style.display = "inline-block";
|
|
120925
|
+
}, 300); // transition 시간과 맞춰서 300ms 딜레이
|
|
120926
|
+
|
|
120915
120927
|
});
|
|
120916
120928
|
}
|
|
120917
120929
|
|
package/dist/nx/nxCollapse.js
CHANGED
|
@@ -68,9 +68,21 @@ class nxCollapse extends HTMLElement {
|
|
|
68
68
|
|
|
69
69
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
70
70
|
collapseBtn.addEventListener("click", () => {
|
|
71
|
+
/**
|
|
71
72
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
72
73
|
this.#target.style.display = "none";
|
|
73
74
|
this.style.display = "inline-block";
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
78
|
+
this.#target.classList.add("fade-out");
|
|
79
|
+
|
|
80
|
+
setTimeout(() => {
|
|
81
|
+
this.#targetPrevDisplay = this.#target.style.display;
|
|
82
|
+
this.#target.style.display = "none";
|
|
83
|
+
this.style.display = "inline-block";
|
|
84
|
+
}, 300); // transition 시간과 맞춰서 300ms 딜레이
|
|
85
|
+
|
|
74
86
|
});
|
|
75
87
|
}
|
|
76
88
|
|
package/package.json
CHANGED
package/src/nx/nxCollapse.js
CHANGED
|
@@ -68,9 +68,21 @@ class nxCollapse extends HTMLElement {
|
|
|
68
68
|
|
|
69
69
|
// collapse 시 target 숨기고 복원 버튼 등장
|
|
70
70
|
collapseBtn.addEventListener("click", () => {
|
|
71
|
+
/**
|
|
71
72
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
72
73
|
this.#target.style.display = "none";
|
|
73
74
|
this.style.display = "inline-block";
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
78
|
+
this.#target.classList.add("fade-out");
|
|
79
|
+
|
|
80
|
+
setTimeout(() => {
|
|
81
|
+
this.#targetPrevDisplay = this.#target.style.display;
|
|
82
|
+
this.#target.style.display = "none";
|
|
83
|
+
this.style.display = "inline-block";
|
|
84
|
+
}, 300); // transition 시간과 맞춰서 300ms 딜레이
|
|
85
|
+
|
|
74
86
|
});
|
|
75
87
|
}
|
|
76
88
|
|