ninegrid2 6.552.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 (9) hide show
  1. package/dist/ai/aiContainer.js +2 -2
  2. package/dist/ai/aiMessage.js +18 -12
  3. package/dist/ai/aiSettings.js +6 -4
  4. package/dist/bundle.cjs.js +26 -18
  5. package/dist/bundle.esm.js +26 -18
  6. package/package.json +1 -1
  7. package/src/ai/aiContainer.js +2 -2
  8. package/src/ai/aiMessage.js +18 -12
  9. package/src/ai/aiSettings.js +6 -4
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/ai/aiSettings.js CHANGED
@@ -68,11 +68,12 @@ class aiSettings extends HTMLElement
68
68
  :host {
69
69
  z-index: 9;
70
70
  display: none;
71
+ justify-content: flex-start;
71
72
  position: absolute;
72
73
  background: #fff;
73
74
  left: 0;
74
75
  right: 30px;
75
- top: 0;
76
+ top: 48px;
76
77
  bottom: 0;
77
78
  justify-content: center;
78
79
  align-items: center;
@@ -83,6 +84,7 @@ class aiSettings extends HTMLElement
83
84
  gap: 16px;
84
85
  transform: translateX(100%);
85
86
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
87
+
86
88
  }
87
89
 
88
90
  :host(.expand) {
@@ -90,9 +92,8 @@ class aiSettings extends HTMLElement
90
92
  animation: slideLeft 0.3s ease-out forwards;
91
93
  }
92
94
 
93
- .class {
94
- display: flex;
95
-
95
+ .line:first-of-type {
96
+ margin-top: 32px;
96
97
  }
97
98
  </style>
98
99
 
@@ -140,6 +141,7 @@ class aiSettings extends HTMLElement
140
141
  </select>
141
142
  </label>
142
143
  </div>
144
+
143
145
  <div class="line qdrant">
144
146
  <label>Url: <input id="qdrantUrl" value="${this.qdrantUrl}"/></label>
145
147
  </div>
package/dist/bundle.cjs.js CHANGED
@@ -27586,11 +27586,12 @@ class aiSettings extends HTMLElement
27586
27586
  :host {
27587
27587
  z-index: 9;
27588
27588
  display: none;
27589
+ justify-content: flex-start;
27589
27590
  position: absolute;
27590
27591
  background: #fff;
27591
27592
  left: 0;
27592
27593
  right: 30px;
27593
- top: 0;
27594
+ top: 48px;
27594
27595
  bottom: 0;
27595
27596
  justify-content: center;
27596
27597
  align-items: center;
@@ -27601,6 +27602,7 @@ class aiSettings extends HTMLElement
27601
27602
  gap: 16px;
27602
27603
  transform: translateX(100%);
27603
27604
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27605
+
27604
27606
  }
27605
27607
 
27606
27608
  :host(.expand) {
@@ -27608,9 +27610,8 @@ class aiSettings extends HTMLElement
27608
27610
  animation: slideLeft 0.3s ease-out forwards;
27609
27611
  }
27610
27612
 
27611
- .class {
27612
- display: flex;
27613
-
27613
+ .line:first-of-type {
27614
+ margin-top: 32px;
27614
27615
  }
27615
27616
  </style>
27616
27617
 
@@ -27658,6 +27659,7 @@ class aiSettings extends HTMLElement
27658
27659
  </select>
27659
27660
  </label>
27660
27661
  </div>
27662
+
27661
27663
  <div class="line qdrant">
27662
27664
  <label>Url: <input id="qdrantUrl" value="${this.qdrantUrl}"/></label>
27663
27665
  </div>
@@ -27716,8 +27718,8 @@ class aiMessage extends HTMLElement
27716
27718
 
27717
27719
  this.shadowRoot.innerHTML = `
27718
27720
  <style>
27719
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27720
- ${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")}
27721
27723
  </style>
27722
27724
 
27723
27725
  <div class="chat-message">
@@ -27729,6 +27731,15 @@ class aiMessage extends HTMLElement
27729
27731
 
27730
27732
  <div class="chat-menu">
27731
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
+ *
27732
27743
  <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27733
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"/>
27734
27745
  </svg>
@@ -27741,10 +27752,7 @@ class aiMessage extends HTMLElement
27741
27752
  <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27742
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"/>
27743
27754
  </svg>
27744
- </div>
27745
- </div>
27746
- `;
27747
-
27755
+ */
27748
27756
  requestAnimationFrame(() => {
27749
27757
  const elMessage = this.shadowRoot.querySelector(".message");
27750
27758
  elMessage.setAttribute("title", this.#message);
@@ -27879,8 +27887,8 @@ class aiIngMessage extends HTMLElement
27879
27887
 
27880
27888
  this.shadowRoot.innerHTML = `
27881
27889
  <style>
27882
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27883
- ${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")}
27884
27892
  </style>
27885
27893
 
27886
27894
  <div class="chat-message">
@@ -27911,8 +27919,8 @@ class aiMyMessage extends HTMLElement
27911
27919
 
27912
27920
  this.shadowRoot.innerHTML = `
27913
27921
  <style>
27914
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27915
- ${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")}
27916
27924
  </style>
27917
27925
 
27918
27926
  <div class="chat-message">
@@ -27934,8 +27942,8 @@ class aiChat extends HTMLElement
27934
27942
 
27935
27943
  this.shadowRoot.innerHTML = `
27936
27944
  <style>
27937
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27938
- ${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")}
27939
27947
  </style>
27940
27948
 
27941
27949
  <div class="chat-body">
@@ -54231,8 +54239,8 @@ class aiContainer extends HTMLElement
54231
54239
 
54232
54240
  this.shadowRoot.innerHTML = `
54233
54241
  <style>
54234
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiContainer.css";
54235
- ${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")}
54236
54244
  </style>
54237
54245
 
54238
54246
  <div class="wrapper">
package/dist/bundle.esm.js CHANGED
@@ -27584,11 +27584,12 @@ class aiSettings extends HTMLElement
27584
27584
  :host {
27585
27585
  z-index: 9;
27586
27586
  display: none;
27587
+ justify-content: flex-start;
27587
27588
  position: absolute;
27588
27589
  background: #fff;
27589
27590
  left: 0;
27590
27591
  right: 30px;
27591
- top: 0;
27592
+ top: 48px;
27592
27593
  bottom: 0;
27593
27594
  justify-content: center;
27594
27595
  align-items: center;
@@ -27599,6 +27600,7 @@ class aiSettings extends HTMLElement
27599
27600
  gap: 16px;
27600
27601
  transform: translateX(100%);
27601
27602
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27603
+
27602
27604
  }
27603
27605
 
27604
27606
  :host(.expand) {
@@ -27606,9 +27608,8 @@ class aiSettings extends HTMLElement
27606
27608
  animation: slideLeft 0.3s ease-out forwards;
27607
27609
  }
27608
27610
 
27609
- .class {
27610
- display: flex;
27611
-
27611
+ .line:first-of-type {
27612
+ margin-top: 32px;
27612
27613
  }
27613
27614
  </style>
27614
27615
 
@@ -27656,6 +27657,7 @@ class aiSettings extends HTMLElement
27656
27657
  </select>
27657
27658
  </label>
27658
27659
  </div>
27660
+
27659
27661
  <div class="line qdrant">
27660
27662
  <label>Url: <input id="qdrantUrl" value="${this.qdrantUrl}"/></label>
27661
27663
  </div>
@@ -27714,8 +27716,8 @@ class aiMessage extends HTMLElement
27714
27716
 
27715
27717
  this.shadowRoot.innerHTML = `
27716
27718
  <style>
27717
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27718
- ${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")}
27719
27721
  </style>
27720
27722
 
27721
27723
  <div class="chat-message">
@@ -27727,6 +27729,15 @@ class aiMessage extends HTMLElement
27727
27729
 
27728
27730
  <div class="chat-menu">
27729
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
+ *
27730
27741
  <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27731
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"/>
27732
27743
  </svg>
@@ -27739,10 +27750,7 @@ class aiMessage extends HTMLElement
27739
27750
  <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27740
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"/>
27741
27752
  </svg>
27742
- </div>
27743
- </div>
27744
- `;
27745
-
27753
+ */
27746
27754
  requestAnimationFrame(() => {
27747
27755
  const elMessage = this.shadowRoot.querySelector(".message");
27748
27756
  elMessage.setAttribute("title", this.#message);
@@ -27877,8 +27885,8 @@ class aiIngMessage extends HTMLElement
27877
27885
 
27878
27886
  this.shadowRoot.innerHTML = `
27879
27887
  <style>
27880
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27881
- ${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")}
27882
27890
  </style>
27883
27891
 
27884
27892
  <div class="chat-message">
@@ -27909,8 +27917,8 @@ class aiMyMessage extends HTMLElement
27909
27917
 
27910
27918
  this.shadowRoot.innerHTML = `
27911
27919
  <style>
27912
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27913
- ${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")}
27914
27922
  </style>
27915
27923
 
27916
27924
  <div class="chat-message">
@@ -27932,8 +27940,8 @@ class aiChat extends HTMLElement
27932
27940
 
27933
27941
  this.shadowRoot.innerHTML = `
27934
27942
  <style>
27935
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27936
- ${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")}
27937
27945
  </style>
27938
27946
 
27939
27947
  <div class="chat-body">
@@ -54229,8 +54237,8 @@ class aiContainer extends HTMLElement
54229
54237
 
54230
54238
  this.shadowRoot.innerHTML = `
54231
54239
  <style>
54232
- @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiContainer.css";
54233
- ${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")}
54234
54242
  </style>
54235
54243
 
54236
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.552.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">
package/src/ai/aiSettings.js CHANGED
@@ -68,11 +68,12 @@ class aiSettings extends HTMLElement
68
68
  :host {
69
69
  z-index: 9;
70
70
  display: none;
71
+ justify-content: flex-start;
71
72
  position: absolute;
72
73
  background: #fff;
73
74
  left: 0;
74
75
  right: 30px;
75
- top: 0;
76
+ top: 48px;
76
77
  bottom: 0;
77
78
  justify-content: center;
78
79
  align-items: center;
@@ -83,6 +84,7 @@ class aiSettings extends HTMLElement
83
84
  gap: 16px;
84
85
  transform: translateX(100%);
85
86
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
87
+
86
88
  }
87
89
 
88
90
  :host(.expand) {
@@ -90,9 +92,8 @@ class aiSettings extends HTMLElement
90
92
  animation: slideLeft 0.3s ease-out forwards;
91
93
  }
92
94
 
93
- .class {
94
- display: flex;
95
-
95
+ .line:first-of-type {
96
+ margin-top: 32px;
96
97
  }
97
98
  </style>
98
99
 
@@ -140,6 +141,7 @@ class aiSettings extends HTMLElement
140
141
  </select>
141
142
  </label>
142
143
  </div>
144
+
143
145
  <div class="line qdrant">
144
146
  <label>Url: <input id="qdrantUrl" value="${this.qdrantUrl}"/></label>
145
147
  </div>