ninegrid2 6.482.0 → 6.484.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/ai//baiChat.js +95 -0
  2. package/dist/ai/aiMessage.js +1 -0
  3. package/dist/bundle.cjs.js +1 -0
  4. package/dist/bundle.esm.js +1 -0
  5. package/package.json +1 -1
  6. package/src/ai//baiChat.js +95 -0
  7. package/src/ai/aiMessage.js +1 -0
package/dist/ai//baiChat.js ADDED
@@ -0,0 +1,95 @@
1
+ import ninegrid from "../index.js";
2
+
3
+ class ai extends HTMLElement
4
+ {
5
+
6
+ constructor() {
7
+ super();
8
+ this.attachShadow({ mode: 'open' });
9
+ }
10
+
11
+ connectedCallback() {
12
+
13
+ const textareaText = "나에게 무엇이든 물어봐...";
14
+
15
+ this.shadowRoot.innerHTML = `
16
+ <style>
17
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
18
+ ${ninegrid.getCustomPath(this,"ai.css")}
19
+ </style>
20
+
21
+ <div className="ai-chat collapse">
22
+ <div className="wrapper">
23
+ <nx-ai-settings></nx-ai-settings>
24
+
25
+ <div className="container">
26
+ <div className="head">
27
+ <div className="logo"/>
28
+ </div>
29
+ <nx-ai-chat></nx-ai-chat>
30
+ <div className="foot">
31
+ <textarea name="ask" id="q" name="q" rows="4" placeholder="${textareaText}"></textarea>
32
+ </div>
33
+ </div>
34
+ <div className="menu">
35
+ <div className="collapse-icon">
36
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
37
+ <path
38
+ d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"/>
39
+ </svg>
40
+ </div>
41
+
42
+ <div className="menu-icon menu-filter">
43
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
44
+ <path
45
+ d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5z"/>
46
+ </svg>
47
+ </div>
48
+
49
+ <div className="menu-icon menu-general active">
50
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
51
+ <path
52
+ d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15"/>
53
+ </svg>
54
+ </div>
55
+
56
+ <div className="menu-icon menu-db">
57
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
58
+ <path
59
+ d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15"/>
60
+ </svg>
61
+ </div>
62
+
63
+ <div className="menu-icon menu-setting">
64
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
65
+ <path
66
+ d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
67
+ </svg>
68
+ </div>
69
+ </div>
70
+ </div>
71
+
72
+ <div className="expand-icon">
73
+ <svg width="32" height="32" fill="green" xmlns="http://www.w3.org/2000/svg" strokeWidth="1.5"
74
+ className="h-6 w-6"
75
+ viewBox="-0.17090198558635983 0.482230148717937 41.14235318283891 40.0339509076386">
76
+ <text x="-9999" y="-9999">ChatGPT</text>
77
+ <path
78
+ d="M37.532 16.87a9.963 9.963 0 0 0-.856-8.184 10.078 10.078 0 0 0-10.855-4.835A9.964 9.964 0 0 0 18.306.5a10.079 10.079 0 0 0-9.614 6.977 9.967 9.967 0 0 0-6.664 4.834 10.08 10.08 0 0 0 1.24 11.817 9.965 9.965 0 0 0 .856 8.185 10.079 10.079 0 0 0 10.855 4.835 9.965 9.965 0 0 0 7.516 3.35 10.078 10.078 0 0 0 9.617-6.981 9.967 9.967 0 0 0 6.663-4.834 10.079 10.079 0 0 0-1.243-11.813zM22.498 37.886a7.474 7.474 0 0 1-4.799-1.735c.061-.033.168-.091.237-.134l7.964-4.6a1.294 1.294 0 0 0 .655-1.134V19.054l3.366 1.944a.12.12 0 0 1 .066.092v9.299a7.505 7.505 0 0 1-7.49 7.496zM6.392 31.006a7.471 7.471 0 0 1-.894-5.023c.06.036.162.099.237.141l7.964 4.6a1.297 1.297 0 0 0 1.308 0l9.724-5.614v3.888a.12.12 0 0 1-.048.103l-8.051 4.649a7.504 7.504 0 0 1-10.24-2.744zM4.297 13.62A7.469 7.469 0 0 1 8.2 10.333c0 .068-.004.19-.004.274v9.201a1.294 1.294 0 0 0 .654 1.132l9.723 5.614-3.366 1.944a.12.12 0 0 1-.114.01L7.04 23.856a7.504 7.504 0 0 1-2.743-10.237zm27.658 6.437l-9.724-5.615 3.367-1.943a.121.121 0 0 1 .113-.01l8.052 4.648a7.498 7.498 0 0 1-1.158 13.528v-9.476a1.293 1.293 0 0 0-.65-1.132zm3.35-5.043c-.059-.037-.162-.099-.236-.141l-7.965-4.6a1.298 1.298 0 0 0-1.308 0l-9.723 5.614v-3.888a.12.12 0 0 1 .048-.103l8.05-4.645a7.497 7.497 0 0 1 11.135 7.763zm-21.063 6.929l-3.367-1.944a.12.12 0 0 1-.065-.092v-9.299a7.497 7.497 0 0 1 12.293-5.756 6.94 6.94 0 0 0-.236.134l-7.965 4.6a1.294 1.294 0 0 0-.654 1.132l-.006 11.225zm1.829-3.943l4.33-2.501 4.332 2.5v5l-4.331 2.5-4.331-2.5V18z"/>
79
+ </svg>
80
+ </div>
81
+ </div>
82
+ `;
83
+
84
+ requestAnimationFrame(() => {
85
+ this.#init();
86
+ });
87
+ };
88
+
89
+ #init = (info) => {
90
+
91
+
92
+ };
93
+ }
94
+
95
+ customElements.define("nx-ai", ai);
package/dist/ai/aiMessage.js CHANGED
@@ -108,6 +108,7 @@ class aiMessage extends HTMLElement
108
108
  setTimeout(() => {
109
109
  if (!unique) {
110
110
  this.shadowRoot.querySelector(".filter").classList.add("disabled");
111
+ this.shadowRoot.querySelector(".database").classList.add("disabled");
111
112
  }
112
113
 
113
114
  this.#init(info);
package/dist/bundle.cjs.js CHANGED
@@ -27663,6 +27663,7 @@ class aiMessage extends HTMLElement
27663
27663
  setTimeout(() => {
27664
27664
  if (!unique) {
27665
27665
  this.shadowRoot.querySelector(".filter").classList.add("disabled");
27666
+ this.shadowRoot.querySelector(".database").classList.add("disabled");
27666
27667
  }
27667
27668
 
27668
27669
  this.#init(info);
package/dist/bundle.esm.js CHANGED
@@ -27661,6 +27661,7 @@ class aiMessage extends HTMLElement
27661
27661
  setTimeout(() => {
27662
27662
  if (!unique) {
27663
27663
  this.shadowRoot.querySelector(".filter").classList.add("disabled");
27664
+ this.shadowRoot.querySelector(".database").classList.add("disabled");
27664
27665
  }
27665
27666
 
27666
27667
  this.#init(info);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.482.0",
4
+ "version": "6.484.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai//baiChat.js ADDED
@@ -0,0 +1,95 @@
1
+ import ninegrid from "../index.js";
2
+
3
+ class ai extends HTMLElement
4
+ {
5
+
6
+ constructor() {
7
+ super();
8
+ this.attachShadow({ mode: 'open' });
9
+ }
10
+
11
+ connectedCallback() {
12
+
13
+ const textareaText = "나에게 무엇이든 물어봐...";
14
+
15
+ this.shadowRoot.innerHTML = `
16
+ <style>
17
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
18
+ ${ninegrid.getCustomPath(this,"ai.css")}
19
+ </style>
20
+
21
+ <div className="ai-chat collapse">
22
+ <div className="wrapper">
23
+ <nx-ai-settings></nx-ai-settings>
24
+
25
+ <div className="container">
26
+ <div className="head">
27
+ <div className="logo"/>
28
+ </div>
29
+ <nx-ai-chat></nx-ai-chat>
30
+ <div className="foot">
31
+ <textarea name="ask" id="q" name="q" rows="4" placeholder="${textareaText}"></textarea>
32
+ </div>
33
+ </div>
34
+ <div className="menu">
35
+ <div className="collapse-icon">
36
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
37
+ <path
38
+ d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8m-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5"/>
39
+ </svg>
40
+ </div>
41
+
42
+ <div className="menu-icon menu-filter">
43
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
44
+ <path
45
+ d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5z"/>
46
+ </svg>
47
+ </div>
48
+
49
+ <div className="menu-icon menu-general active">
50
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
51
+ <path
52
+ d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15"/>
53
+ </svg>
54
+ </div>
55
+
56
+ <div className="menu-icon menu-db">
57
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
58
+ <path
59
+ d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15"/>
60
+ </svg>
61
+ </div>
62
+
63
+ <div className="menu-icon menu-setting">
64
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
65
+ <path
66
+ d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
67
+ </svg>
68
+ </div>
69
+ </div>
70
+ </div>
71
+
72
+ <div className="expand-icon">
73
+ <svg width="32" height="32" fill="green" xmlns="http://www.w3.org/2000/svg" strokeWidth="1.5"
74
+ className="h-6 w-6"
75
+ viewBox="-0.17090198558635983 0.482230148717937 41.14235318283891 40.0339509076386">
76
+ <text x="-9999" y="-9999">ChatGPT</text>
77
+ <path
78
+ d="M37.532 16.87a9.963 9.963 0 0 0-.856-8.184 10.078 10.078 0 0 0-10.855-4.835A9.964 9.964 0 0 0 18.306.5a10.079 10.079 0 0 0-9.614 6.977 9.967 9.967 0 0 0-6.664 4.834 10.08 10.08 0 0 0 1.24 11.817 9.965 9.965 0 0 0 .856 8.185 10.079 10.079 0 0 0 10.855 4.835 9.965 9.965 0 0 0 7.516 3.35 10.078 10.078 0 0 0 9.617-6.981 9.967 9.967 0 0 0 6.663-4.834 10.079 10.079 0 0 0-1.243-11.813zM22.498 37.886a7.474 7.474 0 0 1-4.799-1.735c.061-.033.168-.091.237-.134l7.964-4.6a1.294 1.294 0 0 0 .655-1.134V19.054l3.366 1.944a.12.12 0 0 1 .066.092v9.299a7.505 7.505 0 0 1-7.49 7.496zM6.392 31.006a7.471 7.471 0 0 1-.894-5.023c.06.036.162.099.237.141l7.964 4.6a1.297 1.297 0 0 0 1.308 0l9.724-5.614v3.888a.12.12 0 0 1-.048.103l-8.051 4.649a7.504 7.504 0 0 1-10.24-2.744zM4.297 13.62A7.469 7.469 0 0 1 8.2 10.333c0 .068-.004.19-.004.274v9.201a1.294 1.294 0 0 0 .654 1.132l9.723 5.614-3.366 1.944a.12.12 0 0 1-.114.01L7.04 23.856a7.504 7.504 0 0 1-2.743-10.237zm27.658 6.437l-9.724-5.615 3.367-1.943a.121.121 0 0 1 .113-.01l8.052 4.648a7.498 7.498 0 0 1-1.158 13.528v-9.476a1.293 1.293 0 0 0-.65-1.132zm3.35-5.043c-.059-.037-.162-.099-.236-.141l-7.965-4.6a1.298 1.298 0 0 0-1.308 0l-9.723 5.614v-3.888a.12.12 0 0 1 .048-.103l8.05-4.645a7.497 7.497 0 0 1 11.135 7.763zm-21.063 6.929l-3.367-1.944a.12.12 0 0 1-.065-.092v-9.299a7.497 7.497 0 0 1 12.293-5.756 6.94 6.94 0 0 0-.236.134l-7.965 4.6a1.294 1.294 0 0 0-.654 1.132l-.006 11.225zm1.829-3.943l4.33-2.501 4.332 2.5v5l-4.331 2.5-4.331-2.5V18z"/>
79
+ </svg>
80
+ </div>
81
+ </div>
82
+ `;
83
+
84
+ requestAnimationFrame(() => {
85
+ this.#init();
86
+ });
87
+ };
88
+
89
+ #init = (info) => {
90
+
91
+
92
+ };
93
+ }
94
+
95
+ customElements.define("nx-ai", ai);
package/src/ai/aiMessage.js CHANGED
@@ -108,6 +108,7 @@ class aiMessage extends HTMLElement
108
108
  setTimeout(() => {
109
109
  if (!unique) {
110
110
  this.shadowRoot.querySelector(".filter").classList.add("disabled");
111
+ this.shadowRoot.querySelector(".database").classList.add("disabled");
111
112
  }
112
113
 
113
114
  this.#init(info);