ninegrid2 6.804.0 → 6.805.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 +5 -5
  2. package/dist/bundle.esm.js +5 -5
  3. package/dist/nx/nxCollapse.js +5 -5
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +5 -5
package/dist/bundle.cjs.js CHANGED
@@ -120908,7 +120908,7 @@ class nxCollapse extends HTMLElement {
120908
120908
  transform: scale(1.2); /* 살짝 확대 */
120909
120909
  }
120910
120910
 
120911
- ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
120911
+ ${shadowRoot ? ":host(.nx-collapse)" : ".nx-collapse"} {
120912
120912
  animation: collapseShrink 0.7s ease forwards;
120913
120913
  pointer-events: none; /* 클릭 방지 */
120914
120914
  }
@@ -120935,13 +120935,13 @@ class nxCollapse extends HTMLElement {
120935
120935
  collapseBtn.addEventListener("click", () => {
120936
120936
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120937
120937
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
120938
- this.#target.classList.add("shrinking");
120938
+ this.#target.classList.add("nx-collapse");
120939
120939
 
120940
120940
  setTimeout(() => {
120941
120941
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
120942
120942
 
120943
120943
  this.style.display = "inline-block";
120944
- this.classList.add("appearing");
120944
+ this.classList.add("nx-collapse");
120945
120945
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
120946
120946
 
120947
120947
  setTimeout(() => {
@@ -120954,8 +120954,8 @@ class nxCollapse extends HTMLElement {
120954
120954
 
120955
120955
  // 복원 시 target 보이고 복원 버튼 사라짐
120956
120956
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
120957
- this.#target.classList.remove("shrinking");
120958
- this.classList.remove("appearing");
120957
+ this.#target.classList.remove("nx-collapse");
120958
+ this.classList.remove("nx-collapse");
120959
120959
 
120960
120960
  this.#target.style.display = this.#targetPrevDisplay;
120961
120961
  this.style.display = "none";
package/dist/bundle.esm.js CHANGED
@@ -120904,7 +120904,7 @@ class nxCollapse extends HTMLElement {
120904
120904
  transform: scale(1.2); /* 살짝 확대 */
120905
120905
  }
120906
120906
 
120907
- ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
120907
+ ${shadowRoot ? ":host(.nx-collapse)" : ".nx-collapse"} {
120908
120908
  animation: collapseShrink 0.7s ease forwards;
120909
120909
  pointer-events: none; /* 클릭 방지 */
120910
120910
  }
@@ -120931,13 +120931,13 @@ class nxCollapse extends HTMLElement {
120931
120931
  collapseBtn.addEventListener("click", () => {
120932
120932
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120933
120933
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
120934
- this.#target.classList.add("shrinking");
120934
+ this.#target.classList.add("nx-collapse");
120935
120935
 
120936
120936
  setTimeout(() => {
120937
120937
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
120938
120938
 
120939
120939
  this.style.display = "inline-block";
120940
- this.classList.add("appearing");
120940
+ this.classList.add("nx-collapse");
120941
120941
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
120942
120942
 
120943
120943
  setTimeout(() => {
@@ -120950,8 +120950,8 @@ class nxCollapse extends HTMLElement {
120950
120950
 
120951
120951
  // 복원 시 target 보이고 복원 버튼 사라짐
120952
120952
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
120953
- this.#target.classList.remove("shrinking");
120954
- this.classList.remove("appearing");
120953
+ this.#target.classList.remove("nx-collapse");
120954
+ this.classList.remove("nx-collapse");
120955
120955
 
120956
120956
  this.#target.style.display = this.#targetPrevDisplay;
120957
120957
  this.style.display = "none";
package/dist/nx/nxCollapse.js CHANGED
@@ -63,7 +63,7 @@ class nxCollapse extends HTMLElement {
63
63
  transform: scale(1.2); /* 살짝 확대 */
64
64
  }
65
65
 
66
- ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
66
+ ${shadowRoot ? ":host(.nx-collapse)" : ".nx-collapse"} {
67
67
  animation: collapseShrink 0.7s ease forwards;
68
68
  pointer-events: none; /* 클릭 방지 */
69
69
  }
@@ -90,13 +90,13 @@ class nxCollapse extends HTMLElement {
90
90
  collapseBtn.addEventListener("click", () => {
91
91
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
92
92
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
93
- this.#target.classList.add("shrinking");
93
+ this.#target.classList.add("nx-collapse");
94
94
 
95
95
  setTimeout(() => {
96
96
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
97
97
 
98
98
  this.style.display = "inline-block";
99
- this.classList.add("appearing");
99
+ this.classList.add("nx-collapse");
100
100
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
101
101
 
102
102
  setTimeout(() => {
@@ -109,8 +109,8 @@ class nxCollapse extends HTMLElement {
109
109
 
110
110
  // 복원 시 target 보이고 복원 버튼 사라짐
111
111
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
112
- this.#target.classList.remove("shrinking");
113
- this.classList.remove("appearing");
112
+ this.#target.classList.remove("nx-collapse");
113
+ this.classList.remove("nx-collapse");
114
114
 
115
115
  this.#target.style.display = this.#targetPrevDisplay;
116
116
  this.style.display = "none";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.804.0",
4
+ "version": "6.805.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxCollapse.js CHANGED
@@ -63,7 +63,7 @@ class nxCollapse extends HTMLElement {
63
63
  transform: scale(1.2); /* 살짝 확대 */
64
64
  }
65
65
 
66
- ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
66
+ ${shadowRoot ? ":host(.nx-collapse)" : ".nx-collapse"} {
67
67
  animation: collapseShrink 0.7s ease forwards;
68
68
  pointer-events: none; /* 클릭 방지 */
69
69
  }
@@ -90,13 +90,13 @@ class nxCollapse extends HTMLElement {
90
90
  collapseBtn.addEventListener("click", () => {
91
91
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
92
92
  // STEP 1: 복원 버튼 애니메이션 시작 (살짝 빠르게 먼저 등장)
93
- this.#target.classList.add("shrinking");
93
+ this.#target.classList.add("nx-collapse");
94
94
 
95
95
  setTimeout(() => {
96
96
  // STEP 2: target이 줄어드는 shrinking 애니메이션 시작
97
97
 
98
98
  this.style.display = "inline-block";
99
- this.classList.add("appearing");
99
+ this.classList.add("nx-collapse");
100
100
  }, 100); // appearing 시작 후 100ms 딜레이로 target 축소 시작
101
101
 
102
102
  setTimeout(() => {
@@ -109,8 +109,8 @@ class nxCollapse extends HTMLElement {
109
109
 
110
110
  // 복원 시 target 보이고 복원 버튼 사라짐
111
111
  this.shadowRoot.querySelector("button").addEventListener("click", () => {
112
- this.#target.classList.remove("shrinking");
113
- this.classList.remove("appearing");
112
+ this.#target.classList.remove("nx-collapse");
113
+ this.classList.remove("nx-collapse");
114
114
 
115
115
  this.#target.style.display = this.#targetPrevDisplay;
116
116
  this.style.display = "none";