ninegrid2 6.553.0 → 6.554.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/aiContainer.js +2 -2
  2. package/dist/ai/aiMessage.js +18 -12
  3. package/dist/bundle.cjs.js +20 -14
  4. package/dist/bundle.esm.js +20 -14
  5. package/package.json +1 -1
  6. package/src/ai/aiContainer.js +2 -2
  7. package/src/ai/aiMessage.js +18 -12
package/dist/ai/aiContainer.js CHANGED
@@ -30,8 +30,8 @@ class aiContainer extends HTMLElement
30
30
 
31
31
  this.shadowRoot.innerHTML = `
32
32
  <style>
33
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiContainer.css";
34
- ${ninegrid.getCustomPath(this,"aiContainer.css")}
33
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
34
+ ${ninegrid.getCustomPath(this,"ai.css")}
35
35
  </style>
36
36
 
37
37
  <div class="wrapper">
package/dist/ai/aiMessage.js CHANGED
@@ -16,8 +16,8 @@ class aiMessage extends HTMLElement
16
16
 
17
17
  this.shadowRoot.innerHTML = `
18
18
  <style>
19
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
20
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
19
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
20
+ ${ninegrid.getCustomPath(this,"ai.css")}
21
21
  </style>
22
22
 
23
23
  <div class="chat-message">
@@ -29,6 +29,15 @@ class aiMessage extends HTMLElement
29
29
 
30
30
  <div class="chat-menu">
31
31
  <div class="left-menu">
32
+ <div class="filter"></div>
33
+ <div class="database"></div>
34
+ <div class="excel"></div>
35
+ <div class="maximize"></div>
36
+ </div>
37
+ </div>
38
+ `;
39
+ /**
40
+ *
32
41
  <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
33
42
  <path 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.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>
34
43
  </svg>
@@ -41,10 +50,7 @@ class aiMessage extends HTMLElement
41
50
  <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
42
51
  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707"/>
43
52
  </svg>
44
- </div>
45
- </div>
46
- `;
47
-
53
+ */
48
54
  requestAnimationFrame(() => {
49
55
  const elMessage = this.shadowRoot.querySelector(".message");
50
56
  elMessage.setAttribute("title", this.#message);
@@ -179,8 +185,8 @@ class aiIngMessage extends HTMLElement
179
185
 
180
186
  this.shadowRoot.innerHTML = `
181
187
  <style>
182
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
183
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
188
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
189
+ ${ninegrid.getCustomPath(this,"ai.css")}
184
190
  </style>
185
191
 
186
192
  <div class="chat-message">
@@ -211,8 +217,8 @@ class aiMyMessage extends HTMLElement
211
217
 
212
218
  this.shadowRoot.innerHTML = `
213
219
  <style>
214
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
215
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
220
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
221
+ ${ninegrid.getCustomPath(this,"ai.css")}
216
222
  </style>
217
223
 
218
224
  <div class="chat-message">
@@ -234,8 +240,8 @@ class aiChat extends HTMLElement
234
240
 
235
241
  this.shadowRoot.innerHTML = `
236
242
  <style>
237
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
238
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
243
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
244
+ ${ninegrid.getCustomPath(this,"ai.css")}
239
245
  </style>
240
246
 
241
247
  <div class="chat-body">
package/dist/bundle.cjs.js CHANGED
@@ -27718,8 +27718,8 @@ class aiMessage extends HTMLElement
27718
27718
 
27719
27719
  this.shadowRoot.innerHTML = `
27720
27720
  <style>
27721
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27722
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27721
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27722
+ ${ninegrid.getCustomPath(this,"ai.css")}
27723
27723
  </style>
27724
27724
 
27725
27725
  <div class="chat-message">
@@ -27731,6 +27731,15 @@ class aiMessage extends HTMLElement
27731
27731
 
27732
27732
  <div class="chat-menu">
27733
27733
  <div class="left-menu">
27734
+ <div class="filter"></div>
27735
+ <div class="database"></div>
27736
+ <div class="excel"></div>
27737
+ <div class="maximize"></div>
27738
+ </div>
27739
+ </div>
27740
+ `;
27741
+ /**
27742
+ *
27734
27743
  <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27735
27744
  <path 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.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>
27736
27745
  </svg>
@@ -27743,10 +27752,7 @@ class aiMessage extends HTMLElement
27743
27752
  <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27744
27753
  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707"/>
27745
27754
  </svg>
27746
- </div>
27747
- </div>
27748
- `;
27749
-
27755
+ */
27750
27756
  requestAnimationFrame(() => {
27751
27757
  const elMessage = this.shadowRoot.querySelector(".message");
27752
27758
  elMessage.setAttribute("title", this.#message);
@@ -27881,8 +27887,8 @@ class aiIngMessage extends HTMLElement
27881
27887
 
27882
27888
  this.shadowRoot.innerHTML = `
27883
27889
  <style>
27884
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27885
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27890
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27891
+ ${ninegrid.getCustomPath(this,"ai.css")}
27886
27892
  </style>
27887
27893
 
27888
27894
  <div class="chat-message">
@@ -27913,8 +27919,8 @@ class aiMyMessage extends HTMLElement
27913
27919
 
27914
27920
  this.shadowRoot.innerHTML = `
27915
27921
  <style>
27916
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27917
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27922
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27923
+ ${ninegrid.getCustomPath(this,"ai.css")}
27918
27924
  </style>
27919
27925
 
27920
27926
  <div class="chat-message">
@@ -27936,8 +27942,8 @@ class aiChat extends HTMLElement
27936
27942
 
27937
27943
  this.shadowRoot.innerHTML = `
27938
27944
  <style>
27939
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27940
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27945
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27946
+ ${ninegrid.getCustomPath(this,"ai.css")}
27941
27947
  </style>
27942
27948
 
27943
27949
  <div class="chat-body">
@@ -54233,8 +54239,8 @@ class aiContainer extends HTMLElement
54233
54239
 
54234
54240
  this.shadowRoot.innerHTML = `
54235
54241
  <style>
54236
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiContainer.css";
54237
- ${ninegrid.getCustomPath(this,"aiContainer.css")}
54242
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
54243
+ ${ninegrid.getCustomPath(this,"ai.css")}
54238
54244
  </style>
54239
54245
 
54240
54246
  <div class="wrapper">
package/dist/bundle.esm.js CHANGED
@@ -27716,8 +27716,8 @@ class aiMessage extends HTMLElement
27716
27716
 
27717
27717
  this.shadowRoot.innerHTML = `
27718
27718
  <style>
27719
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27720
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27719
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27720
+ ${ninegrid.getCustomPath(this,"ai.css")}
27721
27721
  </style>
27722
27722
 
27723
27723
  <div class="chat-message">
@@ -27729,6 +27729,15 @@ class aiMessage extends HTMLElement
27729
27729
 
27730
27730
  <div class="chat-menu">
27731
27731
  <div class="left-menu">
27732
+ <div class="filter"></div>
27733
+ <div class="database"></div>
27734
+ <div class="excel"></div>
27735
+ <div class="maximize"></div>
27736
+ </div>
27737
+ </div>
27738
+ `;
27739
+ /**
27740
+ *
27732
27741
  <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27733
27742
  <path 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.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>
27734
27743
  </svg>
@@ -27741,10 +27750,7 @@ class aiMessage extends HTMLElement
27741
27750
  <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27742
27751
  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707"/>
27743
27752
  </svg>
27744
- </div>
27745
- </div>
27746
- `;
27747
-
27753
+ */
27748
27754
  requestAnimationFrame(() => {
27749
27755
  const elMessage = this.shadowRoot.querySelector(".message");
27750
27756
  elMessage.setAttribute("title", this.#message);
@@ -27879,8 +27885,8 @@ class aiIngMessage extends HTMLElement
27879
27885
 
27880
27886
  this.shadowRoot.innerHTML = `
27881
27887
  <style>
27882
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27883
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27888
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27889
+ ${ninegrid.getCustomPath(this,"ai.css")}
27884
27890
  </style>
27885
27891
 
27886
27892
  <div class="chat-message">
@@ -27911,8 +27917,8 @@ class aiMyMessage extends HTMLElement
27911
27917
 
27912
27918
  this.shadowRoot.innerHTML = `
27913
27919
  <style>
27914
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27915
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27920
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27921
+ ${ninegrid.getCustomPath(this,"ai.css")}
27916
27922
  </style>
27917
27923
 
27918
27924
  <div class="chat-message">
@@ -27934,8 +27940,8 @@ class aiChat extends HTMLElement
27934
27940
 
27935
27941
  this.shadowRoot.innerHTML = `
27936
27942
  <style>
27937
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27938
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
27943
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
27944
+ ${ninegrid.getCustomPath(this,"ai.css")}
27939
27945
  </style>
27940
27946
 
27941
27947
  <div class="chat-body">
@@ -54231,8 +54237,8 @@ class aiContainer extends HTMLElement
54231
54237
 
54232
54238
  this.shadowRoot.innerHTML = `
54233
54239
  <style>
54234
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiContainer.css";
54235
- ${ninegrid.getCustomPath(this,"aiContainer.css")}
54240
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
54241
+ ${ninegrid.getCustomPath(this,"ai.css")}
54236
54242
  </style>
54237
54243
 
54238
54244
  <div class="wrapper">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.553.0",
4
+ "version": "6.554.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiContainer.js CHANGED
@@ -30,8 +30,8 @@ class aiContainer extends HTMLElement
30
30
 
31
31
  this.shadowRoot.innerHTML = `
32
32
  <style>
33
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiContainer.css";
34
- ${ninegrid.getCustomPath(this,"aiContainer.css")}
33
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
34
+ ${ninegrid.getCustomPath(this,"ai.css")}
35
35
  </style>
36
36
 
37
37
  <div class="wrapper">
package/src/ai/aiMessage.js CHANGED
@@ -16,8 +16,8 @@ class aiMessage extends HTMLElement
16
16
 
17
17
  this.shadowRoot.innerHTML = `
18
18
  <style>
19
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
20
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
19
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
20
+ ${ninegrid.getCustomPath(this,"ai.css")}
21
21
  </style>
22
22
 
23
23
  <div class="chat-message">
@@ -29,6 +29,15 @@ class aiMessage extends HTMLElement
29
29
 
30
30
  <div class="chat-menu">
31
31
  <div class="left-menu">
32
+ <div class="filter"></div>
33
+ <div class="database"></div>
34
+ <div class="excel"></div>
35
+ <div class="maximize"></div>
36
+ </div>
37
+ </div>
38
+ `;
39
+ /**
40
+ *
32
41
  <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
33
42
  <path 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.5zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2z"/>
34
43
  </svg>
@@ -41,10 +50,7 @@ class aiMessage extends HTMLElement
41
50
  <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
42
51
  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707"/>
43
52
  </svg>
44
- </div>
45
- </div>
46
- `;
47
-
53
+ */
48
54
  requestAnimationFrame(() => {
49
55
  const elMessage = this.shadowRoot.querySelector(".message");
50
56
  elMessage.setAttribute("title", this.#message);
@@ -179,8 +185,8 @@ class aiIngMessage extends HTMLElement
179
185
 
180
186
  this.shadowRoot.innerHTML = `
181
187
  <style>
182
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
183
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
188
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
189
+ ${ninegrid.getCustomPath(this,"ai.css")}
184
190
  </style>
185
191
 
186
192
  <div class="chat-message">
@@ -211,8 +217,8 @@ class aiMyMessage extends HTMLElement
211
217
 
212
218
  this.shadowRoot.innerHTML = `
213
219
  <style>
214
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
215
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
220
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
221
+ ${ninegrid.getCustomPath(this,"ai.css")}
216
222
  </style>
217
223
 
218
224
  <div class="chat-message">
@@ -234,8 +240,8 @@ class aiChat extends HTMLElement
234
240
 
235
241
  this.shadowRoot.innerHTML = `
236
242
  <style>
237
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
238
- ${ninegrid.getCustomPath(this,"aiMessage.css")}
243
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/ai.css";
244
+ ${ninegrid.getCustomPath(this,"ai.css")}
239
245
  </style>
240
246
 
241
247
  <div class="chat-body">