ninegrid2 6.787.0 → 6.788.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 -8
  2. package/dist/bundle.esm.js +4 -8
  3. package/dist/nx/nxCollapse.js +4 -8
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +4 -8
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
- :host(.shrinking) {
120911
+ ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
120912
120912
  animation: collapseShrink 0.7s ease forwards;
120913
120913
  pointer-events: none; /* 클릭 방지 */
120914
120914
  }
@@ -120927,16 +120927,12 @@ class nxCollapse extends HTMLElement {
120927
120927
  }
120928
120928
  `;
120929
120929
 
120930
+ console.log(style);
120931
+
120930
120932
  (shadowRoot || this.#target).appendChild(style);
120931
120933
 
120932
120934
  // collapse 시 target 숨기고 복원 버튼 등장
120933
120935
  collapseBtn.addEventListener("click", () => {
120934
- /**
120935
- this.#targetPrevDisplay = this.#target.style.display;
120936
- this.#target.style.display = "none";
120937
- this.style.display = "inline-block";
120938
- */
120939
-
120940
120936
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120941
120937
  this.#target.classList.add("shrinking");
120942
120938
 
@@ -120944,7 +120940,7 @@ class nxCollapse extends HTMLElement {
120944
120940
  this.#targetPrevDisplay = this.#target.style.display;
120945
120941
  this.#target.style.display = "none";
120946
120942
  this.style.display = "inline-block";
120947
- }, 700); // transition 시간과 맞춰서 300ms 딜레이
120943
+ }, 500); // transition 시간과 맞춰서 300ms 딜레이
120948
120944
  });
120949
120945
  }
120950
120946
 
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
- :host(.shrinking) {
120907
+ ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
120908
120908
  animation: collapseShrink 0.7s ease forwards;
120909
120909
  pointer-events: none; /* 클릭 방지 */
120910
120910
  }
@@ -120923,16 +120923,12 @@ class nxCollapse extends HTMLElement {
120923
120923
  }
120924
120924
  `;
120925
120925
 
120926
+ console.log(style);
120927
+
120926
120928
  (shadowRoot || this.#target).appendChild(style);
120927
120929
 
120928
120930
  // collapse 시 target 숨기고 복원 버튼 등장
120929
120931
  collapseBtn.addEventListener("click", () => {
120930
- /**
120931
- this.#targetPrevDisplay = this.#target.style.display;
120932
- this.#target.style.display = "none";
120933
- this.style.display = "inline-block";
120934
- */
120935
-
120936
120932
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
120937
120933
  this.#target.classList.add("shrinking");
120938
120934
 
@@ -120940,7 +120936,7 @@ class nxCollapse extends HTMLElement {
120940
120936
  this.#targetPrevDisplay = this.#target.style.display;
120941
120937
  this.#target.style.display = "none";
120942
120938
  this.style.display = "inline-block";
120943
- }, 700); // transition 시간과 맞춰서 300ms 딜레이
120939
+ }, 500); // transition 시간과 맞춰서 300ms 딜레이
120944
120940
  });
120945
120941
  }
120946
120942
 
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
- :host(.shrinking) {
66
+ ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
67
67
  animation: collapseShrink 0.7s ease forwards;
68
68
  pointer-events: none; /* 클릭 방지 */
69
69
  }
@@ -82,16 +82,12 @@ class nxCollapse extends HTMLElement {
82
82
  }
83
83
  `;
84
84
 
85
+ console.log(style);
86
+
85
87
  (shadowRoot || this.#target).appendChild(style);
86
88
 
87
89
  // collapse 시 target 숨기고 복원 버튼 등장
88
90
  collapseBtn.addEventListener("click", () => {
89
- /**
90
- this.#targetPrevDisplay = this.#target.style.display;
91
- this.#target.style.display = "none";
92
- this.style.display = "inline-block";
93
- */
94
-
95
91
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
96
92
  this.#target.classList.add("shrinking");
97
93
 
@@ -99,7 +95,7 @@ class nxCollapse extends HTMLElement {
99
95
  this.#targetPrevDisplay = this.#target.style.display;
100
96
  this.#target.style.display = "none";
101
97
  this.style.display = "inline-block";
102
- }, 700); // transition 시간과 맞춰서 300ms 딜레이
98
+ }, 500); // transition 시간과 맞춰서 300ms 딜레이
103
99
  });
104
100
  }
105
101
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.787.0",
4
+ "version": "6.788.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
- :host(.shrinking) {
66
+ ${shadowRoot ? ":host(.shrinking)" : ".shrinking"} {
67
67
  animation: collapseShrink 0.7s ease forwards;
68
68
  pointer-events: none; /* 클릭 방지 */
69
69
  }
@@ -82,16 +82,12 @@ class nxCollapse extends HTMLElement {
82
82
  }
83
83
  `;
84
84
 
85
+ console.log(style);
86
+
85
87
  (shadowRoot || this.#target).appendChild(style);
86
88
 
87
89
  // collapse 시 target 숨기고 복원 버튼 등장
88
90
  collapseBtn.addEventListener("click", () => {
89
- /**
90
- this.#targetPrevDisplay = this.#target.style.display;
91
- this.#target.style.display = "none";
92
- this.style.display = "inline-block";
93
- */
94
-
95
91
  // fade-out 클래스 먼저 넣고 → 일정 시간 후 display: none
96
92
  this.#target.classList.add("shrinking");
97
93
 
@@ -99,7 +95,7 @@ class nxCollapse extends HTMLElement {
99
95
  this.#targetPrevDisplay = this.#target.style.display;
100
96
  this.#target.style.display = "none";
101
97
  this.style.display = "inline-block";
102
- }, 700); // transition 시간과 맞춰서 300ms 딜레이
98
+ }, 500); // transition 시간과 맞춰서 300ms 딜레이
103
99
  });
104
100
  }
105
101