ninegrid2 6.1394.0 → 6.1395.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.
@@ -28593,14 +28593,12 @@ class nxDiv extends HTMLElement {
28593
28593
  //console.log(this.innerHTML.trim());
28594
28594
  this.originContents = this.innerHTML.trim();
28595
28595
 
28596
- /**
28597
- this.originContents = this.innerHTML.trim();
28598
28596
  this.innerHTML = ""; // 기존 내부 HTML 제거
28599
28597
 
28600
28598
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
28601
28599
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
28602
28600
  this.shadowRoot.innerHTML = this.originContents;
28603
- } */
28601
+ }
28604
28602
  };
28605
28603
  }
28606
28604
 
@@ -28638,10 +28636,10 @@ class nxTitle2 extends nxDiv {
28638
28636
  <span>${caption}</span>
28639
28637
  </div>
28640
28638
 
28641
- <slot></slot>
28639
+ ${this.originContents}
28642
28640
  `;
28643
28641
 
28644
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
28642
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
28645
28643
  }
28646
28644
  }
28647
28645
 
@@ -28900,7 +28898,7 @@ class nxPanel extends nxDiv {
28900
28898
  </div>
28901
28899
  `;
28902
28900
 
28903
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
28901
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
28904
28902
  }
28905
28903
  }
28906
28904
 
@@ -28918,8 +28916,6 @@ class nxButtons extends nxDiv {
28918
28916
 
28919
28917
  #init = () => {
28920
28918
 
28921
- const target = this.shadowRoot || this;
28922
-
28923
28919
  const htmlTmpl = document.createElement("template");
28924
28920
  htmlTmpl.innerHTML = `
28925
28921
  <style>
@@ -28927,10 +28923,10 @@ class nxButtons extends nxDiv {
28927
28923
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
28928
28924
  </style>
28929
28925
 
28930
- <slot></slot>
28926
+ ${this.originContents}
28931
28927
  `;
28932
28928
 
28933
- target.appendChild(htmlTmpl.content.cloneNode(true));
28929
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
28934
28930
  }
28935
28931
  }
28936
28932
 
@@ -28589,14 +28589,12 @@ class nxDiv extends HTMLElement {
28589
28589
  //console.log(this.innerHTML.trim());
28590
28590
  this.originContents = this.innerHTML.trim();
28591
28591
 
28592
- /**
28593
- this.originContents = this.innerHTML.trim();
28594
28592
  this.innerHTML = ""; // 기존 내부 HTML 제거
28595
28593
 
28596
28594
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
28597
28595
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
28598
28596
  this.shadowRoot.innerHTML = this.originContents;
28599
- } */
28597
+ }
28600
28598
  };
28601
28599
  }
28602
28600
 
@@ -28634,10 +28632,10 @@ class nxTitle2 extends nxDiv {
28634
28632
  <span>${caption}</span>
28635
28633
  </div>
28636
28634
 
28637
- <slot></slot>
28635
+ ${this.originContents}
28638
28636
  `;
28639
28637
 
28640
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
28638
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
28641
28639
  }
28642
28640
  }
28643
28641
 
@@ -28896,7 +28894,7 @@ class nxPanel extends nxDiv {
28896
28894
  </div>
28897
28895
  `;
28898
28896
 
28899
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
28897
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
28900
28898
  }
28901
28899
  }
28902
28900
 
@@ -28914,8 +28912,6 @@ class nxButtons extends nxDiv {
28914
28912
 
28915
28913
  #init = () => {
28916
28914
 
28917
- const target = this.shadowRoot || this;
28918
-
28919
28915
  const htmlTmpl = document.createElement("template");
28920
28916
  htmlTmpl.innerHTML = `
28921
28917
  <style>
@@ -28923,10 +28919,10 @@ class nxButtons extends nxDiv {
28923
28919
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
28924
28920
  </style>
28925
28921
 
28926
- <slot></slot>
28922
+ ${this.originContents}
28927
28923
  `;
28928
28924
 
28929
- target.appendChild(htmlTmpl.content.cloneNode(true));
28925
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
28930
28926
  }
28931
28927
  }
28932
28928
 
package/dist/nx/_nxDiv.js CHANGED
@@ -160,13 +160,11 @@ export class nxDiv extends HTMLElement {
160
160
  //console.log(this.innerHTML.trim());
161
161
  this.originContents = this.innerHTML.trim();
162
162
 
163
- /**
164
- this.originContents = this.innerHTML.trim();
165
163
  this.innerHTML = ""; // 기존 내부 HTML 제거
166
164
 
167
165
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
168
166
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
169
167
  this.shadowRoot.innerHTML = this.originContents;
170
- } */
168
+ }
171
169
  };
172
170
  }
@@ -13,8 +13,6 @@ class nxButtons extends nxDiv {
13
13
 
14
14
  #init = () => {
15
15
 
16
- const target = this.shadowRoot || this;
17
-
18
16
  const htmlTmpl = document.createElement("template");
19
17
  htmlTmpl.innerHTML = `
20
18
  <style>
@@ -22,10 +20,10 @@ class nxButtons extends nxDiv {
22
20
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
23
21
  </style>
24
22
 
25
- <slot></slot>
23
+ ${this.originContents}
26
24
  `;
27
25
 
28
- target.appendChild(htmlTmpl.content.cloneNode(true));
26
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
29
27
  }
30
28
  }
31
29
 
@@ -33,7 +33,7 @@ class nxPanel extends nxDiv {
33
33
  </div>
34
34
  `;
35
35
 
36
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
36
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
37
37
  }
38
38
  }
39
39
 
@@ -35,10 +35,10 @@ class nxTitle2 extends nxDiv {
35
35
  <span>${caption}</span>
36
36
  </div>
37
37
 
38
- <slot></slot>
38
+ ${this.originContents}
39
39
  `;
40
40
 
41
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
41
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
42
42
  }
43
43
  }
44
44
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1394.0",
4
+ "version": "6.1395.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/_nxDiv.js CHANGED
@@ -160,13 +160,11 @@ export class nxDiv extends HTMLElement {
160
160
  //console.log(this.innerHTML.trim());
161
161
  this.originContents = this.innerHTML.trim();
162
162
 
163
- /**
164
- this.originContents = this.innerHTML.trim();
165
163
  this.innerHTML = ""; // 기존 내부 HTML 제거
166
164
 
167
165
  // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
168
166
  if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
169
167
  this.shadowRoot.innerHTML = this.originContents;
170
- } */
168
+ }
171
169
  };
172
170
  }
@@ -13,8 +13,6 @@ class nxButtons extends nxDiv {
13
13
 
14
14
  #init = () => {
15
15
 
16
- const target = this.shadowRoot || this;
17
-
18
16
  const htmlTmpl = document.createElement("template");
19
17
  htmlTmpl.innerHTML = `
20
18
  <style>
@@ -22,10 +20,10 @@ class nxButtons extends nxDiv {
22
20
  ${ninegrid.getCustomPath(this,"nxButtons.css")}
23
21
  </style>
24
22
 
25
- <slot></slot>
23
+ ${this.originContents}
26
24
  `;
27
25
 
28
- target.appendChild(htmlTmpl.content.cloneNode(true));
26
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
29
27
  }
30
28
  }
31
29
 
package/src/nx/nxPanel.js CHANGED
@@ -33,7 +33,7 @@ class nxPanel extends nxDiv {
33
33
  </div>
34
34
  `;
35
35
 
36
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
36
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
37
37
  }
38
38
  }
39
39
 
@@ -35,10 +35,10 @@ class nxTitle2 extends nxDiv {
35
35
  <span>${caption}</span>
36
36
  </div>
37
37
 
38
- <slot></slot>
38
+ ${this.originContents}
39
39
  `;
40
40
 
41
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
41
+ (this.shadowRoot || this).appendChild(htmlTmpl.content.cloneNode(true));
42
42
  }
43
43
  }
44
44