ninegrid2 6.783.0 → 6.785.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 -3
- package/dist/bundle.esm.js +3 -3
- package/dist/nx/nxCollapse.js +3 -3
- package/package.json +1 -1
- package/src/nx/nxCollapse.js +3 -3
package/dist/bundle.cjs.js
CHANGED
|
@@ -120920,20 +120920,20 @@ class nxCollapse extends HTMLElement {
|
|
|
120920
120920
|
*/
|
|
120921
120921
|
|
|
120922
120922
|
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
120923
|
-
this.#target.classList.add("
|
|
120923
|
+
this.#target.classList.add("shrinking");
|
|
120924
120924
|
|
|
120925
120925
|
setTimeout(() => {
|
|
120926
120926
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
120927
120927
|
this.#target.style.display = "none";
|
|
120928
120928
|
this.style.display = "inline-block";
|
|
120929
|
-
},
|
|
120929
|
+
}, 1000); // transition 시간과 맞춰서 300ms 딜레이
|
|
120930
120930
|
|
|
120931
120931
|
});
|
|
120932
120932
|
}
|
|
120933
120933
|
|
|
120934
120934
|
// 복원 시 target 보이고 복원 버튼 사라짐
|
|
120935
120935
|
this.shadowRoot.querySelector("button").addEventListener("click", () => {
|
|
120936
|
-
this.#target.classList.remove("
|
|
120936
|
+
this.#target.classList.remove("shrinking");
|
|
120937
120937
|
this.#target.style.display = this.#targetPrevDisplay;
|
|
120938
120938
|
this.style.display = "none";
|
|
120939
120939
|
});
|
package/dist/bundle.esm.js
CHANGED
|
@@ -120916,20 +120916,20 @@ class nxCollapse extends HTMLElement {
|
|
|
120916
120916
|
*/
|
|
120917
120917
|
|
|
120918
120918
|
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
120919
|
-
this.#target.classList.add("
|
|
120919
|
+
this.#target.classList.add("shrinking");
|
|
120920
120920
|
|
|
120921
120921
|
setTimeout(() => {
|
|
120922
120922
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
120923
120923
|
this.#target.style.display = "none";
|
|
120924
120924
|
this.style.display = "inline-block";
|
|
120925
|
-
},
|
|
120925
|
+
}, 1000); // transition 시간과 맞춰서 300ms 딜레이
|
|
120926
120926
|
|
|
120927
120927
|
});
|
|
120928
120928
|
}
|
|
120929
120929
|
|
|
120930
120930
|
// 복원 시 target 보이고 복원 버튼 사라짐
|
|
120931
120931
|
this.shadowRoot.querySelector("button").addEventListener("click", () => {
|
|
120932
|
-
this.#target.classList.remove("
|
|
120932
|
+
this.#target.classList.remove("shrinking");
|
|
120933
120933
|
this.#target.style.display = this.#targetPrevDisplay;
|
|
120934
120934
|
this.style.display = "none";
|
|
120935
120935
|
});
|
package/dist/nx/nxCollapse.js
CHANGED
|
@@ -75,20 +75,20 @@ class nxCollapse extends HTMLElement {
|
|
|
75
75
|
*/
|
|
76
76
|
|
|
77
77
|
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
78
|
-
this.#target.classList.add("
|
|
78
|
+
this.#target.classList.add("shrinking");
|
|
79
79
|
|
|
80
80
|
setTimeout(() => {
|
|
81
81
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
82
82
|
this.#target.style.display = "none";
|
|
83
83
|
this.style.display = "inline-block";
|
|
84
|
-
},
|
|
84
|
+
}, 1000); // transition 시간과 맞춰서 300ms 딜레이
|
|
85
85
|
|
|
86
86
|
});
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
// 복원 시 target 보이고 복원 버튼 사라짐
|
|
90
90
|
this.shadowRoot.querySelector("button").addEventListener("click", () => {
|
|
91
|
-
this.#target.classList.remove("
|
|
91
|
+
this.#target.classList.remove("shrinking");
|
|
92
92
|
this.#target.style.display = this.#targetPrevDisplay;
|
|
93
93
|
this.style.display = "none";
|
|
94
94
|
});
|
package/package.json
CHANGED
package/src/nx/nxCollapse.js
CHANGED
|
@@ -75,20 +75,20 @@ class nxCollapse extends HTMLElement {
|
|
|
75
75
|
*/
|
|
76
76
|
|
|
77
77
|
// fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
|
|
78
|
-
this.#target.classList.add("
|
|
78
|
+
this.#target.classList.add("shrinking");
|
|
79
79
|
|
|
80
80
|
setTimeout(() => {
|
|
81
81
|
this.#targetPrevDisplay = this.#target.style.display;
|
|
82
82
|
this.#target.style.display = "none";
|
|
83
83
|
this.style.display = "inline-block";
|
|
84
|
-
},
|
|
84
|
+
}, 1000); // transition 시간과 맞춰서 300ms 딜레이
|
|
85
85
|
|
|
86
86
|
});
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
// 복원 시 target 보이고 복원 버튼 사라짐
|
|
90
90
|
this.shadowRoot.querySelector("button").addEventListener("click", () => {
|
|
91
|
-
this.#target.classList.remove("
|
|
91
|
+
this.#target.classList.remove("shrinking");
|
|
92
92
|
this.#target.style.display = this.#targetPrevDisplay;
|
|
93
93
|
this.style.display = "none";
|
|
94
94
|
});
|