ninegrid2 6.818.0 → 6.820.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.
Files changed (5) hide show
  1. package/dist/bundle.cjs.js +4 -5
  2. package/dist/bundle.esm.js +4 -5
  3. package/dist/nx/nxCollapse.js +4 -5
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +4 -5
package/dist/bundle.cjs.js CHANGED
@@ -120951,14 +120951,12 @@ class nxCollapse extends HTMLElement {
120951
120951
  collapseBtn.addEventListener("click", () => {
120952
120952
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120953
120953
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
120954
-
120955
- this.classList.add("nx-collapse");
120956
-
120957
120954
  this.#target.classList.add("nx-collapse");
120955
+
120958
120956
  setTimeout(() => {
120959
120957
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
120960
120958
  //this.style.display = "inline-block";
120961
-
120959
+ this.classList.add("nx-collapse");
120962
120960
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
120963
120961
 
120964
120962
  setTimeout(() => {
@@ -120981,6 +120979,7 @@ class nxCollapse extends HTMLElement {
120981
120979
 
120982
120980
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
120983
120981
  // STEP 1: 복원 대상에 애니메이션 클래스 부여
120982
+ this.#target.style.display = this.#targetPrevDisplay;
120984
120983
  this.#target.classList.remove("nx-collapse");
120985
120984
  this.#target.classList.add("nx-expand"); // expandReveal 적용
120986
120985
 
@@ -120994,7 +120993,7 @@ class nxCollapse extends HTMLElement {
120994
120993
 
120995
120994
  setTimeout(() => {
120996
120995
  // STEP 2: 실제 화면에 표시
120997
- this.#target.style.display = this.#targetPrevDisplay;
120996
+
120998
120997
  //this.style.display = "none"; // 복원 버튼은 사라짐
120999
120998
 
121000
120999
  // STEP 3: 애니메이션이 끝난 후 pointer-events 복구 (선택적)
package/dist/bundle.esm.js CHANGED
@@ -120947,14 +120947,12 @@ class nxCollapse extends HTMLElement {
120947
120947
  collapseBtn.addEventListener("click", () => {
120948
120948
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120949
120949
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
120950
-
120951
- this.classList.add("nx-collapse");
120952
-
120953
120950
  this.#target.classList.add("nx-collapse");
120951
+
120954
120952
  setTimeout(() => {
120955
120953
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
120956
120954
  //this.style.display = "inline-block";
120957
-
120955
+ this.classList.add("nx-collapse");
120958
120956
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
120959
120957
 
120960
120958
  setTimeout(() => {
@@ -120977,6 +120975,7 @@ class nxCollapse extends HTMLElement {
120977
120975
 
120978
120976
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
120979
120977
  // STEP 1: 복원 대상에 애니메이션 클래스 부여
120978
+ this.#target.style.display = this.#targetPrevDisplay;
120980
120979
  this.#target.classList.remove("nx-collapse");
120981
120980
  this.#target.classList.add("nx-expand"); // expandReveal 적용
120982
120981
 
@@ -120990,7 +120989,7 @@ class nxCollapse extends HTMLElement {
120990
120989
 
120991
120990
  setTimeout(() => {
120992
120991
  // STEP 2: 실제 화면에 표시
120993
- this.#target.style.display = this.#targetPrevDisplay;
120992
+
120994
120993
  //this.style.display = "none"; // 복원 버튼은 사라짐
120995
120994
 
120996
120995
  // STEP 3: 애니메이션이 끝난 후 pointer-events 복구 (선택적)
package/dist/nx/nxCollapse.js CHANGED
@@ -106,14 +106,12 @@ class nxCollapse extends HTMLElement {
106
106
  collapseBtn.addEventListener("click", () => {
107
107
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
108
108
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
109
-
110
- this.classList.add("nx-collapse");
111
-
112
109
  this.#target.classList.add("nx-collapse");
110
+
113
111
  setTimeout(() => {
114
112
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
115
113
  //this.style.display = "inline-block";
116
-
114
+ this.classList.add("nx-collapse");
117
115
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
118
116
 
119
117
  setTimeout(() => {
@@ -136,6 +134,7 @@ class nxCollapse extends HTMLElement {
136
134
 
137
135
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
138
136
  // STEP 1: 복원 대상에 애니메이션 클래스 부여
137
+ this.#target.style.display = this.#targetPrevDisplay;
139
138
  this.#target.classList.remove("nx-collapse");
140
139
  this.#target.classList.add("nx-expand"); // expandReveal 적용
141
140
 
@@ -149,7 +148,7 @@ class nxCollapse extends HTMLElement {
149
148
 
150
149
  setTimeout(() => {
151
150
  // STEP 2: 실제 화면에 표시
152
- this.#target.style.display = this.#targetPrevDisplay;
151
+
153
152
  //this.style.display = "none"; // 복원 버튼은 사라짐
154
153
 
155
154
  // STEP 3: 애니메이션이 끝난 후 pointer-events 복구 (선택적)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.818.0",
4
+ "version": "6.820.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxCollapse.js CHANGED
@@ -106,14 +106,12 @@ class nxCollapse extends HTMLElement {
106
106
  collapseBtn.addEventListener("click", () => {
107
107
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
108
108
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
109
-
110
- this.classList.add("nx-collapse");
111
-
112
109
  this.#target.classList.add("nx-collapse");
110
+
113
111
  setTimeout(() => {
114
112
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
115
113
  //this.style.display = "inline-block";
116
-
114
+ this.classList.add("nx-collapse");
117
115
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
118
116
 
119
117
  setTimeout(() => {
@@ -136,6 +134,7 @@ class nxCollapse extends HTMLElement {
136
134
 
137
135
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
138
136
  // STEP 1: 복원 대상에 애니메이션 클래스 부여
137
+ this.#target.style.display = this.#targetPrevDisplay;
139
138
  this.#target.classList.remove("nx-collapse");
140
139
  this.#target.classList.add("nx-expand"); // expandReveal 적용
141
140
 
@@ -149,7 +148,7 @@ class nxCollapse extends HTMLElement {
149
148
 
150
149
  setTimeout(() => {
151
150
  // STEP 2: 실제 화면에 표시
152
- this.#target.style.display = this.#targetPrevDisplay;
151
+
153
152
  //this.style.display = "none"; // 복원 버튼은 사라짐
154
153
 
155
154
  // STEP 3: 애니메이션이 끝난 후 pointer-events 복구 (선택적)