ninegrid2 6.1353.0 → 6.1355.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.
@@ -28566,18 +28566,13 @@ class nxDiv extends HTMLElement {
28566
28566
 
28567
28567
  //console.log("=========");
28568
28568
  //console.log(this.innerHTML.trim());
28569
- /**
28570
- //this.originContents = this.innerHTML.trim();
28571
- //this.innerHTML = ""; // 기존 내부 HTML 제거
28572
- // 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
28573
- this.fragment = document.createDocumentFragment();
28574
- while (this.firstChild) {
28575
- this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
28576
- }
28569
+ /**
28570
+ this.originContents = this.innerHTML.trim();
28571
+ this.innerHTML = ""; // 기존 내부 HTML 제거
28577
28572
 
28578
28573
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
28579
28574
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
28580
- //this.shadowRoot.innerHTML = this.originContents;
28575
+ this.shadowRoot.innerHTML = this.originContents;
28581
28576
  } */
28582
28577
  };
28583
28578
  }
@@ -28903,13 +28898,13 @@ class nxButtons extends nxDiv {
28903
28898
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
28904
28899
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
28905
28900
  </style>
28906
- <slot></slot>
28901
+
28902
+ <div part="container">
28903
+ <slot></slot>
28904
+ </div>
28907
28905
  `;
28908
28906
 
28909
28907
  target.appendChild(htmlTmpl.content.cloneNode(true));
28910
-
28911
- // 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
28912
-
28913
28908
  }
28914
28909
  }
28915
28910
 
@@ -28562,18 +28562,13 @@ class nxDiv extends HTMLElement {
28562
28562
 
28563
28563
  //console.log("=========");
28564
28564
  //console.log(this.innerHTML.trim());
28565
- /**
28566
- //this.originContents = this.innerHTML.trim();
28567
- //this.innerHTML = ""; // 기존 내부 HTML 제거
28568
- // 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
28569
- this.fragment = document.createDocumentFragment();
28570
- while (this.firstChild) {
28571
- this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
28572
- }
28565
+ /**
28566
+ this.originContents = this.innerHTML.trim();
28567
+ this.innerHTML = ""; // 기존 내부 HTML 제거
28573
28568
 
28574
28569
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
28575
28570
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
28576
- //this.shadowRoot.innerHTML = this.originContents;
28571
+ this.shadowRoot.innerHTML = this.originContents;
28577
28572
  } */
28578
28573
  };
28579
28574
  }
@@ -28899,13 +28894,13 @@ class nxButtons extends nxDiv {
28899
28894
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
28900
28895
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
28901
28896
  </style>
28902
- <slot></slot>
28897
+
28898
+ <div part="container">
28899
+ <slot></slot>
28900
+ </div>
28903
28901
  `;
28904
28902
 
28905
28903
  target.appendChild(htmlTmpl.content.cloneNode(true));
28906
-
28907
- // 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
28908
-
28909
28904
  }
28910
28905
  }
28911
28906
 
package/dist/nx/_nxDiv.js CHANGED
@@ -133,18 +133,13 @@ export class nxDiv extends HTMLElement {
133
133
 
134
134
  //console.log("=========");
135
135
  //console.log(this.innerHTML.trim());
136
- /**
137
- //this.originContents = this.innerHTML.trim();
138
- //this.innerHTML = ""; // 기존 내부 HTML 제거
139
- // 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
140
- this.fragment = document.createDocumentFragment();
141
- while (this.firstChild) {
142
- this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
143
- }
136
+ /**
137
+ this.originContents = this.innerHTML.trim();
138
+ this.innerHTML = ""; // 기존 내부 HTML 제거
144
139
 
145
140
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
146
141
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
147
- //this.shadowRoot.innerHTML = this.originContents;
142
+ this.shadowRoot.innerHTML = this.originContents;
148
143
  } */
149
144
  };
150
145
  }
@@ -21,13 +21,13 @@ class nxButtons extends nxDiv {
21
21
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
22
22
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
23
23
  </style>
24
- <slot></slot>
24
+
25
+ <div part="container">
26
+ <slot></slot>
27
+ </div>
25
28
  `;
26
29
 
27
30
  target.appendChild(htmlTmpl.content.cloneNode(true));
28
-
29
- // 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
30
-
31
31
  }
32
32
  }
33
33
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1353.0",
4
+ "version": "6.1355.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/_nxDiv.js CHANGED
@@ -133,18 +133,13 @@ export class nxDiv extends HTMLElement {
133
133
 
134
134
  //console.log("=========");
135
135
  //console.log(this.innerHTML.trim());
136
- /**
137
- //this.originContents = this.innerHTML.trim();
138
- //this.innerHTML = ""; // 기존 내부 HTML 제거
139
- // 1. 문자열로 복사하는 대신, 자식 노드들을 안전하게 '대피'시킵니다.
140
- this.fragment = document.createDocumentFragment();
141
- while (this.firstChild) {
142
- this.fragment.appendChild(this.firstChild); // 원본 노드(이벤트 포함)를 이동
143
- }
136
+ /**
137
+ this.originContents = this.innerHTML.trim();
138
+ this.innerHTML = ""; // 기존 내부 HTML 제거
144
139
 
145
140
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
146
141
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
147
- //this.shadowRoot.innerHTML = this.originContents;
142
+ this.shadowRoot.innerHTML = this.originContents;
148
143
  } */
149
144
  };
150
145
  }
@@ -21,13 +21,13 @@ class nxButtons extends nxDiv {
21
21
  @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxButtons.css";
22
22
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
23
23
  </style>
24
- <slot></slot>
24
+
25
+ <div part="container">
26
+ <slot></slot>
27
+ </div>
25
28
  `;
26
29
 
27
30
  target.appendChild(htmlTmpl.content.cloneNode(true));
28
-
29
- // 2. 대피시켰던 원본 노드들을 다시 목적지에 집어넣습니다.
30
-
31
31
  }
32
32
  }
33
33