ninegrid2 6.773.0 โ†’ 6.775.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 +7 -3
  2. package/dist/bundle.esm.js +7 -3
  3. package/dist/nx/nxCollapse.js +7 -3
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +7 -3
package/dist/bundle.cjs.js CHANGED
@@ -120873,7 +120873,7 @@ class nxCollapse extends HTMLElement {
120873
120873
  ${ninegrid.getCustomPath(this,"nxCollapse.css")}
120874
120874
  </style>
120875
120875
 
120876
- <div class="button">๐Ÿ”ฝ ํŽผ์น˜๊ธฐ</div>
120876
+ <div class="button"></div>
120877
120877
  `;
120878
120878
 
120879
120879
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
@@ -120909,16 +120909,20 @@ class nxCollapse extends HTMLElement {
120909
120909
  width: 16px;
120910
120910
  height: 16px;
120911
120911
  border: none;
120912
- background-repeat: no-repeat;
120912
+ transition: all 0.3s ease;
120913
+ background-repeat: no-repeat;
120913
120914
  background-position: center;
120914
120915
  background-size: auto;
120915
120916
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
120916
120917
  }
120917
120918
 
120918
120919
  span.collapse-toggle:hover {
120919
- border: 1px solid red;
120920
+ background-color: rgba(220, 20, 60, 0.1); /* ์—ฐํ•œ ๋ฐฐ๊ฒฝ ๊ฐ•์กฐ */
120921
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* ๋ถ‰์€๋น› glow */
120922
+ transform: scale(1.2); /* ์‚ด์ง ํ™•๋Œ€ */
120920
120923
  }
120921
120924
  `;
120925
+
120922
120926
  (shadowRoot || this.#target).appendChild(style);
120923
120927
 
120924
120928
  // collapse ์‹œ target ์ˆจ๊ธฐ๊ณ  ๋ณต์› ๋ฒ„ํŠผ ๋“ฑ์žฅ
package/dist/bundle.esm.js CHANGED
@@ -120869,7 +120869,7 @@ class nxCollapse extends HTMLElement {
120869
120869
  ${ninegrid.getCustomPath(this,"nxCollapse.css")}
120870
120870
  </style>
120871
120871
 
120872
- <div class="button">๐Ÿ”ฝ ํŽผ์น˜๊ธฐ</div>
120872
+ <div class="button"></div>
120873
120873
  `;
120874
120874
 
120875
120875
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
@@ -120905,16 +120905,20 @@ class nxCollapse extends HTMLElement {
120905
120905
  width: 16px;
120906
120906
  height: 16px;
120907
120907
  border: none;
120908
- background-repeat: no-repeat;
120908
+ transition: all 0.3s ease;
120909
+ background-repeat: no-repeat;
120909
120910
  background-position: center;
120910
120911
  background-size: auto;
120911
120912
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
120912
120913
  }
120913
120914
 
120914
120915
  span.collapse-toggle:hover {
120915
- border: 1px solid red;
120916
+ background-color: rgba(220, 20, 60, 0.1); /* ์—ฐํ•œ ๋ฐฐ๊ฒฝ ๊ฐ•์กฐ */
120917
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* ๋ถ‰์€๋น› glow */
120918
+ transform: scale(1.2); /* ์‚ด์ง ํ™•๋Œ€ */
120916
120919
  }
120917
120920
  `;
120921
+
120918
120922
  (shadowRoot || this.#target).appendChild(style);
120919
120923
 
120920
120924
  // collapse ์‹œ target ์ˆจ๊ธฐ๊ณ  ๋ณต์› ๋ฒ„ํŠผ ๋“ฑ์žฅ
package/dist/nx/nxCollapse.js CHANGED
@@ -28,7 +28,7 @@ class nxCollapse extends HTMLElement {
28
28
  ${ninegrid.getCustomPath(this,"nxCollapse.css")}
29
29
  </style>
30
30
 
31
- <div class="button">๐Ÿ”ฝ ํŽผ์น˜๊ธฐ</div>
31
+ <div class="button"></div>
32
32
  `;
33
33
 
34
34
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
@@ -64,16 +64,20 @@ class nxCollapse extends HTMLElement {
64
64
  width: 16px;
65
65
  height: 16px;
66
66
  border: none;
67
- background-repeat: no-repeat;
67
+ transition: all 0.3s ease;
68
+ background-repeat: no-repeat;
68
69
  background-position: center;
69
70
  background-size: auto;
70
71
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
71
72
  }
72
73
 
73
74
  span.collapse-toggle:hover {
74
- border: 1px solid red;
75
+ background-color: rgba(220, 20, 60, 0.1); /* ์—ฐํ•œ ๋ฐฐ๊ฒฝ ๊ฐ•์กฐ */
76
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* ๋ถ‰์€๋น› glow */
77
+ transform: scale(1.2); /* ์‚ด์ง ํ™•๋Œ€ */
75
78
  }
76
79
  `;
80
+
77
81
  (shadowRoot || this.#target).appendChild(style);
78
82
 
79
83
  // collapse ์‹œ target ์ˆจ๊ธฐ๊ณ  ๋ณต์› ๋ฒ„ํŠผ ๋“ฑ์žฅ
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.773.0",
4
+ "version": "6.775.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxCollapse.js CHANGED
@@ -28,7 +28,7 @@ class nxCollapse extends HTMLElement {
28
28
  ${ninegrid.getCustomPath(this,"nxCollapse.css")}
29
29
  </style>
30
30
 
31
- <div class="button">๐Ÿ”ฝ ํŽผ์น˜๊ธฐ</div>
31
+ <div class="button"></div>
32
32
  `;
33
33
 
34
34
  this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
@@ -64,16 +64,20 @@ class nxCollapse extends HTMLElement {
64
64
  width: 16px;
65
65
  height: 16px;
66
66
  border: none;
67
- background-repeat: no-repeat;
67
+ transition: all 0.3s ease;
68
+ background-repeat: no-repeat;
68
69
  background-position: center;
69
70
  background-size: auto;
70
71
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="darkgray" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5"/><path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0z"/></svg>');
71
72
  }
72
73
 
73
74
  span.collapse-toggle:hover {
74
- border: 1px solid red;
75
+ background-color: rgba(220, 20, 60, 0.1); /* ์—ฐํ•œ ๋ฐฐ๊ฒฝ ๊ฐ•์กฐ */
76
+ box-shadow: 0 0 6px rgba(220, 20, 60, 0.4); /* ๋ถ‰์€๋น› glow */
77
+ transform: scale(1.2); /* ์‚ด์ง ํ™•๋Œ€ */
75
78
  }
76
79
  `;
80
+
77
81
  (shadowRoot || this.#target).appendChild(style);
78
82
 
79
83
  // collapse ์‹œ target ์ˆจ๊ธฐ๊ณ  ๋ณต์› ๋ฒ„ํŠผ ๋“ฑ์žฅ