ninegrid2 6.789.0 → 6.790.0

package/dist/bundle.cjs.js

@@ -120940,6 +120940,8 @@ class nxCollapse extends HTMLElement {
 					this.#targetPrevDisplay = this.#target.style.display;
 					this.#target.style.display = "none";
 					this.style.display = "inline-block";
+
+					this.classList.add("appearing");
 				}, 500); // transition 시간과 맞춰서 300ms 딜레이
 			});
 		}
@@ -120947,6 +120949,8 @@ class nxCollapse extends HTMLElement {
 		// 복원 시 target 보이고 복원 버튼 사라짐
 		this.shadowRoot.querySelector("button").addEventListener("click", () => {
 			this.#target.classList.remove("shrinking");
+			this.classList.remove("appearing");
+
 			this.#target.style.display = this.#targetPrevDisplay;
 			this.style.display = "none";
 		});

package/dist/bundle.esm.js

@@ -120936,6 +120936,8 @@ class nxCollapse extends HTMLElement {
 					this.#targetPrevDisplay = this.#target.style.display;
 					this.#target.style.display = "none";
 					this.style.display = "inline-block";
+
+					this.classList.add("appearing");
 				}, 500); // transition 시간과 맞춰서 300ms 딜레이
 			});
 		}
@@ -120943,6 +120945,8 @@ class nxCollapse extends HTMLElement {
 		// 복원 시 target 보이고 복원 버튼 사라짐
 		this.shadowRoot.querySelector("button").addEventListener("click", () => {
 			this.#target.classList.remove("shrinking");
+			this.classList.remove("appearing");
+
 			this.#target.style.display = this.#targetPrevDisplay;
 			this.style.display = "none";
 		});

package/dist/nx/nxCollapse.js

@@ -95,6 +95,8 @@ class nxCollapse extends HTMLElement {
 					this.#targetPrevDisplay = this.#target.style.display;
 					this.#target.style.display = "none";
 					this.style.display = "inline-block";
+
+					this.classList.add("appearing");
 				}, 500); // transition 시간과 맞춰서 300ms 딜레이
 			});
 		}
@@ -102,6 +104,8 @@ class nxCollapse extends HTMLElement {
 		// 복원 시 target 보이고 복원 버튼 사라짐
 		this.shadowRoot.querySelector("button").addEventListener("click", () => {
 			this.#target.classList.remove("shrinking");
+			this.classList.remove("appearing");
+
 			this.#target.style.display = this.#targetPrevDisplay;
 			this.style.display = "none";
 		});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.789.0",
+  "version": "6.790.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/nxCollapse.js

@@ -95,6 +95,8 @@ class nxCollapse extends HTMLElement {
 					this.#targetPrevDisplay = this.#target.style.display;
 					this.#target.style.display = "none";
 					this.style.display = "inline-block";
+
+					this.classList.add("appearing");
 				}, 500); // transition 시간과 맞춰서 300ms 딜레이
 			});
 		}
@@ -102,6 +104,8 @@ class nxCollapse extends HTMLElement {
 		// 복원 시 target 보이고 복원 버튼 사라짐
 		this.shadowRoot.querySelector("button").addEventListener("click", () => {
 			this.#target.classList.remove("shrinking");
+			this.classList.remove("appearing");
+
 			this.#target.style.display = this.#targetPrevDisplay;
 			this.style.display = "none";
 		});