ninegrid2 6.1258.0 → 6.1259.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 (7) hide show
  1. package/dist/bundle.cjs.js +9 -12
  2. package/dist/bundle.esm.js +9 -12
  3. package/dist/nx/_nxDiv.js +3 -11
  4. package/dist/nx/nxButtons.js +6 -1
  5. package/package.json +1 -1
  6. package/src/nx/_nxDiv.js +3 -11
  7. package/src/nx/nxButtons.js +6 -1
package/dist/bundle.cjs.js CHANGED
@@ -121961,18 +121961,10 @@ class nxDiv extends HTMLElement {
121961
121961
  this.originContents = this.innerHTML.trim();
121962
121962
  this.innerHTML = ""; // 기존 내부 HTML 제거
121963
121963
 
121964
- /**
121965
- // 2. Shadow DOM을 사용할 때만 내용을 안으로 옮기고 밖을 비웁니다.
121966
- if (this.shadowRoot) {
121967
- // 상속받은 자식 클래스(nxButtons 등)가 직접 렌더링하는 경우를 위해
121968
- // nx-div 태그일 때만 자동으로 내용을 옮겨줍니다.
121969
- if (this.tagName.toLowerCase() === 'nx-div') {
121970
- this.shadowRoot.innerHTML = this.originContents;
121971
- }
121972
- this.innerHTML = "";
121964
+ // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
121965
+ if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
121966
+ this.shadowRoot.innerHTML = this.originContents;
121973
121967
  }
121974
- // Shadow DOM을 안 쓰면 Light DOM 상태이므로 innerHTML을 유지합니다.
121975
- */
121976
121968
  };
121977
121969
  }
121978
121970
 
@@ -122279,7 +122271,12 @@ class nxButtons extends nxDiv {
122279
122271
  ${this.originContents}
122280
122272
  `;
122281
122273
 
122282
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
122274
+ if (this.shadowRoot) {
122275
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
122276
+ }
122277
+ else {
122278
+ this.appendChild(htmlTmpl.content.cloneNode(true));
122279
+ }
122283
122280
  }
122284
122281
  }
122285
122282
 
package/dist/bundle.esm.js CHANGED
@@ -121957,18 +121957,10 @@ class nxDiv extends HTMLElement {
121957
121957
  this.originContents = this.innerHTML.trim();
121958
121958
  this.innerHTML = ""; // 기존 내부 HTML 제거
121959
121959
 
121960
- /**
121961
- // 2. Shadow DOM을 사용할 때만 내용을 안으로 옮기고 밖을 비웁니다.
121962
- if (this.shadowRoot) {
121963
- // 상속받은 자식 클래스(nxButtons 등)가 직접 렌더링하는 경우를 위해
121964
- // nx-div 태그일 때만 자동으로 내용을 옮겨줍니다.
121965
- if (this.tagName.toLowerCase() === 'nx-div') {
121966
- this.shadowRoot.innerHTML = this.originContents;
121967
- }
121968
- this.innerHTML = "";
121960
+ // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
121961
+ if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
121962
+ this.shadowRoot.innerHTML = this.originContents;
121969
121963
  }
121970
- // Shadow DOM을 안 쓰면 Light DOM 상태이므로 innerHTML을 유지합니다.
121971
- */
121972
121964
  };
121973
121965
  }
121974
121966
 
@@ -122275,7 +122267,12 @@ class nxButtons extends nxDiv {
122275
122267
  ${this.originContents}
122276
122268
  `;
122277
122269
 
122278
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
122270
+ if (this.shadowRoot) {
122271
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
122272
+ }
122273
+ else {
122274
+ this.appendChild(htmlTmpl.content.cloneNode(true));
122275
+ }
122279
122276
  }
122280
122277
  }
122281
122278
 
package/dist/nx/_nxDiv.js CHANGED
@@ -123,17 +123,9 @@ export class nxDiv extends HTMLElement {
123
123
  this.originContents = this.innerHTML.trim();
124
124
  this.innerHTML = ""; // 기존 내부 HTML 제거
125
125
 
126
- /**
127
- // 2. Shadow DOM을 사용할 때만 내용을 안으로 옮기고 밖을 비웁니다.
128
- if (this.shadowRoot) {
129
- // 상속받은 자식 클래스(nxButtons 등)가 직접 렌더링하는 경우를 위해
130
- // nx-div 태그일 때만 자동으로 내용을 옮겨줍니다.
131
- if (this.tagName.toLowerCase() === 'nx-div') {
132
- this.shadowRoot.innerHTML = this.originContents;
133
- }
134
- this.innerHTML = "";
126
+ // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
127
+ if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
128
+ this.shadowRoot.innerHTML = this.originContents;
135
129
  }
136
- // Shadow DOM을 안 쓰면 Light DOM 상태이므로 innerHTML을 유지합니다.
137
- */
138
130
  };
139
131
  }
package/dist/nx/nxButtons.js CHANGED
@@ -22,7 +22,12 @@ class nxButtons extends nxDiv {
22
22
  ${this.originContents}
23
23
  `;
24
24
 
25
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
25
+ if (this.shadowRoot) {
26
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
27
+ }
28
+ else {
29
+ this.appendChild(htmlTmpl.content.cloneNode(true));
30
+ }
26
31
  }
27
32
  }
28
33
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.1258.0",
4
+ "version": "6.1259.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/nx/_nxDiv.js CHANGED
@@ -123,17 +123,9 @@ export class nxDiv extends HTMLElement {
123
123
  this.originContents = this.innerHTML.trim();
124
124
  this.innerHTML = ""; // 기존 내부 HTML 제거
125
125
 
126
- /**
127
- // 2. Shadow DOM을 사용할 때만 내용을 안으로 옮기고 밖을 비웁니다.
128
- if (this.shadowRoot) {
129
- // 상속받은 자식 클래스(nxButtons 등)가 직접 렌더링하는 경우를 위해
130
- // nx-div 태그일 때만 자동으로 내용을 옮겨줍니다.
131
- if (this.tagName.toLowerCase() === 'nx-div') {
132
- this.shadowRoot.innerHTML = this.originContents;
133
- }
134
- this.innerHTML = "";
126
+ // 만약 순수 nx-div로만 쓰일 경우(상속 x), 내용을 shadow에 채워줌
127
+ if (this.shadowRoot && this.tagName.toLowerCase() === 'nx-div') {
128
+ this.shadowRoot.innerHTML = this.originContents;
135
129
  }
136
- // Shadow DOM을 안 쓰면 Light DOM 상태이므로 innerHTML을 유지합니다.
137
- */
138
130
  };
139
131
  }
package/src/nx/nxButtons.js CHANGED
@@ -22,7 +22,12 @@ class nxButtons extends nxDiv {
22
22
  ${this.originContents}
23
23
  `;
24
24
 
25
- this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
25
+ if (this.shadowRoot) {
26
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
27
+ }
28
+ else {
29
+ this.appendChild(htmlTmpl.content.cloneNode(true));
30
+ }
26
31
  }
27
32
  }
28
33