ninegrid2 6.910.0 → 6.911.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 +34 -0
  2. package/dist/bundle.esm.js +34 -0
  3. package/dist/index.js +1 -0
  4. package/dist/nx/nxTitle.js +35 -0
  5. package/package.json +1 -1
  6. package/src/index.js +1 -0
  7. package/src/nx/nxTitle.js +35 -0
package/dist/bundle.cjs.js CHANGED
@@ -121636,6 +121636,40 @@ class nxForm extends HTMLElement {
121636
121636
 
121637
121637
  customElements.define("nx-form", nxForm);
121638
121638
 
121639
+ class nxTitle extends HTMLElement {
121640
+ constructor() {
121641
+ super();
121642
+ this.attachShadow({ mode: "open" });
121643
+ }
121644
+
121645
+ connectedCallback() {
121646
+ this.#randerer();
121647
+ }
121648
+
121649
+ #randerer = () => {
121650
+ const caption = this.getAttribute("caption") || "No Caption";
121651
+
121652
+ this.innerHTML.trim();
121653
+ this.innerHTML = ""; // 기존 내부 HTML 제거
121654
+
121655
+ const htmlTmpl = document.createElement("template");
121656
+ htmlTmpl.innerHTML = `
121657
+ <style>
121658
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
121659
+ ${ninegrid.getCustomPath(this,"nxTitle.css")}
121660
+ </style>
121661
+
121662
+ <div class="wrapper">
121663
+ <i class="title-icon"></i> <span class="title-text">${caption}</span>
121664
+ </div>
121665
+ `;
121666
+
121667
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
121668
+ }
121669
+ }
121670
+
121671
+ customElements.define("nx-title", nxTitle);
121672
+
121639
121673
  class aiSettings extends HTMLElement
121640
121674
  {
121641
121675
  constructor() {
package/dist/bundle.esm.js CHANGED
@@ -121632,6 +121632,40 @@ class nxForm extends HTMLElement {
121632
121632
 
121633
121633
  customElements.define("nx-form", nxForm);
121634
121634
 
121635
+ class nxTitle extends HTMLElement {
121636
+ constructor() {
121637
+ super();
121638
+ this.attachShadow({ mode: "open" });
121639
+ }
121640
+
121641
+ connectedCallback() {
121642
+ this.#randerer();
121643
+ }
121644
+
121645
+ #randerer = () => {
121646
+ const caption = this.getAttribute("caption") || "No Caption";
121647
+
121648
+ this.innerHTML.trim();
121649
+ this.innerHTML = ""; // 기존 내부 HTML 제거
121650
+
121651
+ const htmlTmpl = document.createElement("template");
121652
+ htmlTmpl.innerHTML = `
121653
+ <style>
121654
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
121655
+ ${ninegrid.getCustomPath(this,"nxTitle.css")}
121656
+ </style>
121657
+
121658
+ <div class="wrapper">
121659
+ <i class="title-icon"></i> <span class="title-text">${caption}</span>
121660
+ </div>
121661
+ `;
121662
+
121663
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
121664
+ }
121665
+ }
121666
+
121667
+ customElements.define("nx-title", nxTitle);
121668
+
121635
121669
  class aiSettings extends HTMLElement
121636
121670
  {
121637
121671
  constructor() {
package/dist/index.js CHANGED
@@ -104,6 +104,7 @@ import "./nx/nxCollapse.js";
104
104
  import "./nx/nxTab.js";
105
105
  import "./nx/nxSplitter.js";
106
106
  import "./nx/nxForm.js";
107
+ import "./nx/nxTitle.js";
107
108
 
108
109
  import "./ai/aiSettings.js";
109
110
  import "./ai/aiMessage.js";
package/dist/nx/nxTitle.js ADDED
@@ -0,0 +1,35 @@
1
+ import ninegrid from "../index.js";
2
+
3
+ class nxTitle extends HTMLElement {
4
+ constructor() {
5
+ super();
6
+ this.attachShadow({ mode: "open" });
7
+ }
8
+
9
+ connectedCallback() {
10
+ this.#randerer();
11
+ }
12
+
13
+ #randerer = () => {
14
+ const caption = this.getAttribute("caption") || "No Caption";
15
+
16
+ const contents = this.innerHTML.trim();
17
+ this.innerHTML = ""; // 기존 내부 HTML 제거
18
+
19
+ const htmlTmpl = document.createElement("template");
20
+ htmlTmpl.innerHTML = `
21
+ <style>
22
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
23
+ ${ninegrid.getCustomPath(this,"nxTitle.css")}
24
+ </style>
25
+
26
+ <div class="wrapper">
27
+ <i class="title-icon"></i> <span class="title-text">${caption}</span>
28
+ </div>
29
+ `;
30
+
31
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
32
+ }
33
+ }
34
+
35
+ customElements.define("nx-title", nxTitle);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.910.0",
4
+ "version": "6.911.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {
package/src/index.js CHANGED
@@ -104,6 +104,7 @@ import "./nx/nxCollapse.js";
104
104
  import "./nx/nxTab.js";
105
105
  import "./nx/nxSplitter.js";
106
106
  import "./nx/nxForm.js";
107
+ import "./nx/nxTitle.js";
107
108
 
108
109
  import "./ai/aiSettings.js";
109
110
  import "./ai/aiMessage.js";
package/src/nx/nxTitle.js ADDED
@@ -0,0 +1,35 @@
1
+ import ninegrid from "../index.js";
2
+
3
+ class nxTitle extends HTMLElement {
4
+ constructor() {
5
+ super();
6
+ this.attachShadow({ mode: "open" });
7
+ }
8
+
9
+ connectedCallback() {
10
+ this.#randerer();
11
+ }
12
+
13
+ #randerer = () => {
14
+ const caption = this.getAttribute("caption") || "No Caption";
15
+
16
+ const contents = this.innerHTML.trim();
17
+ this.innerHTML = ""; // 기존 내부 HTML 제거
18
+
19
+ const htmlTmpl = document.createElement("template");
20
+ htmlTmpl.innerHTML = `
21
+ <style>
22
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/nxTitle.css";
23
+ ${ninegrid.getCustomPath(this,"nxTitle.css")}
24
+ </style>
25
+
26
+ <div class="wrapper">
27
+ <i class="title-icon"></i> <span class="title-text">${caption}</span>
28
+ </div>
29
+ `;
30
+
31
+ this.shadowRoot.appendChild(htmlTmpl.content.cloneNode(true));
32
+ }
33
+ }
34
+
35
+ customElements.define("nx-title", nxTitle);