ninegrid2 6.769.0 → 6.770.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 +13 -1
  2. package/dist/bundle.esm.js +13 -1
  3. package/dist/nx/nxCollapse.js +13 -1
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +13 -1
package/dist/bundle.cjs.js CHANGED
@@ -120881,7 +120881,19 @@ class nxCollapse extends HTMLElement {
120881
120881
  const collapseBtn = document.createElement("button");
120882
120882
  collapseBtn.textContent = "📥 접기";
120883
120883
  collapseBtn.className = "collapse-toggle";
120884
- collapseBtn.style.marginBottom = "8px";
120884
+ Object.assign(collapseBtn.style, {
120885
+ position: "absolute",
120886
+ top: "0",
120887
+ right: "0",
120888
+ cursor: "pointer",
120889
+ width: "16px",
120890
+ height: "16px",
120891
+ border: "none",
120892
+ "background-repeat": "no-repeat",
120893
+ "background-position": "center",
120894
+ "background-size": "auto",
120895
+ "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>')`
120896
+ });
120885
120897
 
120886
120898
  const shadowRoot = this.#target.shadowRoot;
120887
120899
  (shadowRoot || this.#target).appendChild(collapseBtn);
package/dist/bundle.esm.js CHANGED
@@ -120877,7 +120877,19 @@ class nxCollapse extends HTMLElement {
120877
120877
  const collapseBtn = document.createElement("button");
120878
120878
  collapseBtn.textContent = "📥 접기";
120879
120879
  collapseBtn.className = "collapse-toggle";
120880
- collapseBtn.style.marginBottom = "8px";
120880
+ Object.assign(collapseBtn.style, {
120881
+ position: "absolute",
120882
+ top: "0",
120883
+ right: "0",
120884
+ cursor: "pointer",
120885
+ width: "16px",
120886
+ height: "16px",
120887
+ border: "none",
120888
+ "background-repeat": "no-repeat",
120889
+ "background-position": "center",
120890
+ "background-size": "auto",
120891
+ "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>')`
120892
+ });
120881
120893
 
120882
120894
  const shadowRoot = this.#target.shadowRoot;
120883
120895
  (shadowRoot || this.#target).appendChild(collapseBtn);
package/dist/nx/nxCollapse.js CHANGED
@@ -36,7 +36,19 @@ class nxCollapse extends HTMLElement {
36
36
  const collapseBtn = document.createElement("button");
37
37
  collapseBtn.textContent = "📥 접기";
38
38
  collapseBtn.className = "collapse-toggle";
39
- collapseBtn.style.marginBottom = "8px";
39
+ Object.assign(collapseBtn.style, {
40
+ position: "absolute",
41
+ top: "0",
42
+ right: "0",
43
+ cursor: "pointer",
44
+ width: "16px",
45
+ height: "16px",
46
+ border: "none",
47
+ "background-repeat": "no-repeat",
48
+ "background-position": "center",
49
+ "background-size": "auto",
50
+ "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>')`
51
+ });
40
52
 
41
53
  const shadowRoot = this.#target.shadowRoot;
42
54
  (shadowRoot || this.#target).appendChild(collapseBtn);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.769.0",
4
+ "version": "6.770.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/nxCollapse.js CHANGED
@@ -36,7 +36,19 @@ class nxCollapse extends HTMLElement {
36
36
  const collapseBtn = document.createElement("button");
37
37
  collapseBtn.textContent = "📥 접기";
38
38
  collapseBtn.className = "collapse-toggle";
39
- collapseBtn.style.marginBottom = "8px";
39
+ Object.assign(collapseBtn.style, {
40
+ position: "absolute",
41
+ top: "0",
42
+ right: "0",
43
+ cursor: "pointer",
44
+ width: "16px",
45
+ height: "16px",
46
+ border: "none",
47
+ "background-repeat": "no-repeat",
48
+ "background-position": "center",
49
+ "background-size": "auto",
50
+ "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>')`
51
+ });
40
52
 
41
53
  const shadowRoot = this.#target.shadowRoot;
42
54
  (shadowRoot || this.#target).appendChild(collapseBtn);