ninegrid2 6.264.0 → 6.265.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 (5) hide show
  1. package/dist/ai/aiMessage.js +39 -4
  2. package/dist/bundle.cjs.js +39 -4
  3. package/dist/bundle.esm.js +39 -4
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +39 -4
package/dist/ai/aiMessage.js CHANGED
@@ -1,5 +1,40 @@
1
1
  import ninegrid from "../index.js";
2
2
 
3
+ class aiMessage extends HTMLElement
4
+ {
5
+ constructor() {
6
+ super();
7
+ this.attachShadow({ mode: 'open' });
8
+ }
9
+
10
+ connectedCallback() {
11
+ const message = this.getAttribute("message");
12
+
13
+ this.shadowRoot.innerHTML = `
14
+ <style>
15
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
16
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
17
+ </style>
18
+
19
+ <div class="chat-message">
20
+ ${message}
21
+ </div>
22
+
23
+ <div class="chat-menu">
24
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
25
+ <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
26
+ </svg>
27
+ </div>
28
+ `;
29
+
30
+ this.#init();
31
+ };
32
+
33
+ #init = () => {
34
+
35
+ };
36
+ }
37
+
3
38
  class aiIngMessage extends HTMLElement
4
39
  {
5
40
  #message;
@@ -20,7 +55,7 @@ class aiIngMessage extends HTMLElement
20
55
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
21
56
  </style>
22
57
 
23
- <div class="wrapper">
58
+ <div class="chat-message">
24
59
  .
25
60
  </div>
26
61
  `;
@@ -31,8 +66,7 @@ class aiIngMessage extends HTMLElement
31
66
  #init = () => {
32
67
  const interval = setInterval(() => {
33
68
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
34
-
35
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
69
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
36
70
  }, 500);
37
71
  };
38
72
  }
@@ -53,12 +87,13 @@ class aiMyMessage extends HTMLElement
53
87
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
54
88
  </style>
55
89
 
56
- <div class="wrapper">
90
+ <div class="chat-message">
57
91
  ${message}
58
92
  </div>
59
93
  `;
60
94
  };
61
95
  }
62
96
 
97
+ customElements.define("nx-ai-message", aiMessage);
63
98
  customElements.define("nx-ai-ing-message", aiIngMessage);
64
99
  customElements.define("nx-ai-my-message", aiMyMessage);
package/dist/bundle.cjs.js CHANGED
@@ -27282,6 +27282,41 @@ class aiSettings extends HTMLElement
27282
27282
 
27283
27283
  customElements.define("nx-ai-settings", aiSettings);
27284
27284
 
27285
+ class aiMessage extends HTMLElement
27286
+ {
27287
+ constructor() {
27288
+ super();
27289
+ this.attachShadow({ mode: 'open' });
27290
+ }
27291
+
27292
+ connectedCallback() {
27293
+ const message = this.getAttribute("message");
27294
+
27295
+ this.shadowRoot.innerHTML = `
27296
+ <style>
27297
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27298
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
27299
+ </style>
27300
+
27301
+ <div class="chat-message">
27302
+ ${message}
27303
+ </div>
27304
+
27305
+ <div class="chat-menu">
27306
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27307
+ <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
27308
+ </svg>
27309
+ </div>
27310
+ `;
27311
+
27312
+ this.#init();
27313
+ };
27314
+
27315
+ #init = () => {
27316
+
27317
+ };
27318
+ }
27319
+
27285
27320
  class aiIngMessage extends HTMLElement
27286
27321
  {
27287
27322
  #message;
@@ -27302,7 +27337,7 @@ class aiIngMessage extends HTMLElement
27302
27337
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27303
27338
  </style>
27304
27339
 
27305
- <div class="wrapper">
27340
+ <div class="chat-message">
27306
27341
  .
27307
27342
  </div>
27308
27343
  `;
@@ -27313,8 +27348,7 @@ class aiIngMessage extends HTMLElement
27313
27348
  #init = () => {
27314
27349
  setInterval(() => {
27315
27350
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
27316
-
27317
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
27351
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
27318
27352
  }, 500);
27319
27353
  };
27320
27354
  }
@@ -27335,13 +27369,14 @@ class aiMyMessage extends HTMLElement
27335
27369
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27336
27370
  </style>
27337
27371
 
27338
- <div class="wrapper">
27372
+ <div class="chat-message">
27339
27373
  ${message}
27340
27374
  </div>
27341
27375
  `;
27342
27376
  };
27343
27377
  }
27344
27378
 
27379
+ customElements.define("nx-ai-message", aiMessage);
27345
27380
  customElements.define("nx-ai-ing-message", aiIngMessage);
27346
27381
  customElements.define("nx-ai-my-message", aiMyMessage);
27347
27382
 
package/dist/bundle.esm.js CHANGED
@@ -27280,6 +27280,41 @@ class aiSettings extends HTMLElement
27280
27280
 
27281
27281
  customElements.define("nx-ai-settings", aiSettings);
27282
27282
 
27283
+ class aiMessage extends HTMLElement
27284
+ {
27285
+ constructor() {
27286
+ super();
27287
+ this.attachShadow({ mode: 'open' });
27288
+ }
27289
+
27290
+ connectedCallback() {
27291
+ const message = this.getAttribute("message");
27292
+
27293
+ this.shadowRoot.innerHTML = `
27294
+ <style>
27295
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27296
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
27297
+ </style>
27298
+
27299
+ <div class="chat-message">
27300
+ ${message}
27301
+ </div>
27302
+
27303
+ <div class="chat-menu">
27304
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27305
+ <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
27306
+ </svg>
27307
+ </div>
27308
+ `;
27309
+
27310
+ this.#init();
27311
+ };
27312
+
27313
+ #init = () => {
27314
+
27315
+ };
27316
+ }
27317
+
27283
27318
  class aiIngMessage extends HTMLElement
27284
27319
  {
27285
27320
  #message;
@@ -27300,7 +27335,7 @@ class aiIngMessage extends HTMLElement
27300
27335
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27301
27336
  </style>
27302
27337
 
27303
- <div class="wrapper">
27338
+ <div class="chat-message">
27304
27339
  .
27305
27340
  </div>
27306
27341
  `;
@@ -27311,8 +27346,7 @@ class aiIngMessage extends HTMLElement
27311
27346
  #init = () => {
27312
27347
  setInterval(() => {
27313
27348
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
27314
-
27315
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
27349
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
27316
27350
  }, 500);
27317
27351
  };
27318
27352
  }
@@ -27333,13 +27367,14 @@ class aiMyMessage extends HTMLElement
27333
27367
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27334
27368
  </style>
27335
27369
 
27336
- <div class="wrapper">
27370
+ <div class="chat-message">
27337
27371
  ${message}
27338
27372
  </div>
27339
27373
  `;
27340
27374
  };
27341
27375
  }
27342
27376
 
27377
+ customElements.define("nx-ai-message", aiMessage);
27343
27378
  customElements.define("nx-ai-ing-message", aiIngMessage);
27344
27379
  customElements.define("nx-ai-my-message", aiMyMessage);
27345
27380
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.264.0",
4
+ "version": "6.265.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -1,5 +1,40 @@
1
1
  import ninegrid from "../index.js";
2
2
 
3
+ class aiMessage extends HTMLElement
4
+ {
5
+ constructor() {
6
+ super();
7
+ this.attachShadow({ mode: 'open' });
8
+ }
9
+
10
+ connectedCallback() {
11
+ const message = this.getAttribute("message");
12
+
13
+ this.shadowRoot.innerHTML = `
14
+ <style>
15
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
16
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
17
+ </style>
18
+
19
+ <div class="chat-message">
20
+ ${message}
21
+ </div>
22
+
23
+ <div class="chat-menu">
24
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
25
+ <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
26
+ </svg>
27
+ </div>
28
+ `;
29
+
30
+ this.#init();
31
+ };
32
+
33
+ #init = () => {
34
+
35
+ };
36
+ }
37
+
3
38
  class aiIngMessage extends HTMLElement
4
39
  {
5
40
  #message;
@@ -20,7 +55,7 @@ class aiIngMessage extends HTMLElement
20
55
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
21
56
  </style>
22
57
 
23
- <div class="wrapper">
58
+ <div class="chat-message">
24
59
  .
25
60
  </div>
26
61
  `;
@@ -31,8 +66,7 @@ class aiIngMessage extends HTMLElement
31
66
  #init = () => {
32
67
  const interval = setInterval(() => {
33
68
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
34
-
35
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
69
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
36
70
  }, 500);
37
71
  };
38
72
  }
@@ -53,12 +87,13 @@ class aiMyMessage extends HTMLElement
53
87
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
54
88
  </style>
55
89
 
56
- <div class="wrapper">
90
+ <div class="chat-message">
57
91
  ${message}
58
92
  </div>
59
93
  `;
60
94
  };
61
95
  }
62
96
 
97
+ customElements.define("nx-ai-message", aiMessage);
63
98
  customElements.define("nx-ai-ing-message", aiIngMessage);
64
99
  customElements.define("nx-ai-my-message", aiMyMessage);