ninegrid2 6.768.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 +14 -7
  2. package/dist/bundle.esm.js +14 -7
  3. package/dist/nx/nxCollapse.js +14 -7
  4. package/package.json +1 -1
  5. package/src/nx/nxCollapse.js +14 -7
package/dist/bundle.cjs.js CHANGED
@@ -120881,15 +120881,22 @@ 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
- if (shadowRoot) {
120888
- shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
120889
- }
120890
- else {
120891
- this.#target.insertBefore(collapseBtn, this.#target.firstChild);
120892
- }
120899
+ (shadowRoot || this.#target).appendChild(collapseBtn);
120893
120900
 
120894
120901
  // collapse 시 target 숨기고 복원 버튼 등장
120895
120902
  collapseBtn.addEventListener("click", () => {
package/dist/bundle.esm.js CHANGED
@@ -120877,15 +120877,22 @@ 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
- if (shadowRoot) {
120884
- shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
120885
- }
120886
- else {
120887
- this.#target.insertBefore(collapseBtn, this.#target.firstChild);
120888
- }
120895
+ (shadowRoot || this.#target).appendChild(collapseBtn);
120889
120896
 
120890
120897
  // collapse 시 target 숨기고 복원 버튼 등장
120891
120898
  collapseBtn.addEventListener("click", () => {
package/dist/nx/nxCollapse.js CHANGED
@@ -36,15 +36,22 @@ 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
- if (shadowRoot) {
43
- shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
44
- }
45
- else {
46
- this.#target.insertBefore(collapseBtn, this.#target.firstChild);
47
- }
54
+ (shadowRoot || this.#target).appendChild(collapseBtn);
48
55
 
49
56
  // collapse 시 target 숨기고 복원 버튼 등장
50
57
  collapseBtn.addEventListener("click", () => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.768.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,15 +36,22 @@ 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
- if (shadowRoot) {
43
- shadowRoot.insertBefore(collapseBtn, shadowRoot.firstChild);
44
- }
45
- else {
46
- this.#target.insertBefore(collapseBtn, this.#target.firstChild);
47
- }
54
+ (shadowRoot || this.#target).appendChild(collapseBtn);
48
55
 
49
56
  // collapse 시 target 숨기고 복원 버튼 등장
50
57
  collapseBtn.addEventListener("click", () => {