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.
@@ -120920,20 +120920,20 @@ class nxCollapse extends HTMLElement {
120920
120920
  */
120921
120921
 
120922
120922
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120923
- this.#target.classList.add("fade-out");
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
- }, 300); // transition 시간과 맞춰서 300ms 딜레이
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("fade-out");
120936
+ this.#target.classList.remove("shrinking");
120937
120937
  this.#target.style.display = this.#targetPrevDisplay;
120938
120938
  this.style.display = "none";
120939
120939
  });
@@ -120916,20 +120916,20 @@ class nxCollapse extends HTMLElement {
120916
120916
  */
120917
120917
 
120918
120918
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120919
- this.#target.classList.add("fade-out");
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
- }, 300); // transition 시간과 맞춰서 300ms 딜레이
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("fade-out");
120932
+ this.#target.classList.remove("shrinking");
120933
120933
  this.#target.style.display = this.#targetPrevDisplay;
120934
120934
  this.style.display = "none";
120935
120935
  });
@@ -75,20 +75,20 @@ class nxCollapse extends HTMLElement {
75
75
  */
76
76
 
77
77
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
78
- this.#target.classList.add("fade-out");
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
- }, 300); // transition 시간과 맞춰서 300ms 딜레이
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("fade-out");
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.783.0",
4
+ "version": "6.785.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
@@ -75,20 +75,20 @@ class nxCollapse extends HTMLElement {
75
75
  */
76
76
 
77
77
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
78
- this.#target.classList.add("fade-out");
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
- }, 300); // transition 시간과 맞춰서 300ms 딜레이
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("fade-out");
91
+ this.#target.classList.remove("shrinking");
92
92
  this.#target.style.display = this.#targetPrevDisplay;
93
93
  this.style.display = "none";
94
94
  });