ninegrid2 6.264.0 → 6.266.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 +41 -4
  2. package/dist/bundle.cjs.js +41 -4
  3. package/dist/bundle.esm.js +41 -4
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +41 -4
package/dist/ai/aiMessage.js CHANGED
@@ -1,5 +1,42 @@
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
+ <span>
21
+ ${message}
22
+ </span>
23
+ </div>
24
+
25
+ <div class="chat-menu">
26
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27
+ <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"/>
28
+ </svg>
29
+ </div>
30
+ `;
31
+
32
+ this.#init();
33
+ };
34
+
35
+ #init = () => {
36
+
37
+ };
38
+ }
39
+
3
40
  class aiIngMessage extends HTMLElement
4
41
  {
5
42
  #message;
@@ -20,7 +57,7 @@ class aiIngMessage extends HTMLElement
20
57
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
21
58
  </style>
22
59
 
23
- <div class="wrapper">
60
+ <div class="chat-message">
24
61
  .
25
62
  </div>
26
63
  `;
@@ -31,8 +68,7 @@ class aiIngMessage extends HTMLElement
31
68
  #init = () => {
32
69
  const interval = setInterval(() => {
33
70
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
34
-
35
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
71
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
36
72
  }, 500);
37
73
  };
38
74
  }
@@ -53,12 +89,13 @@ class aiMyMessage extends HTMLElement
53
89
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
54
90
  </style>
55
91
 
56
- <div class="wrapper">
92
+ <div class="chat-message">
57
93
  ${message}
58
94
  </div>
59
95
  `;
60
96
  };
61
97
  }
62
98
 
99
+ customElements.define("nx-ai-message", aiMessage);
63
100
  customElements.define("nx-ai-ing-message", aiIngMessage);
64
101
  customElements.define("nx-ai-my-message", aiMyMessage);
package/dist/bundle.cjs.js CHANGED
@@ -27282,6 +27282,43 @@ 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
+ <span>
27303
+ ${message}
27304
+ </span>
27305
+ </div>
27306
+
27307
+ <div class="chat-menu">
27308
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27309
+ <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"/>
27310
+ </svg>
27311
+ </div>
27312
+ `;
27313
+
27314
+ this.#init();
27315
+ };
27316
+
27317
+ #init = () => {
27318
+
27319
+ };
27320
+ }
27321
+
27285
27322
  class aiIngMessage extends HTMLElement
27286
27323
  {
27287
27324
  #message;
@@ -27302,7 +27339,7 @@ class aiIngMessage extends HTMLElement
27302
27339
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27303
27340
  </style>
27304
27341
 
27305
- <div class="wrapper">
27342
+ <div class="chat-message">
27306
27343
  .
27307
27344
  </div>
27308
27345
  `;
@@ -27313,8 +27350,7 @@ class aiIngMessage extends HTMLElement
27313
27350
  #init = () => {
27314
27351
  setInterval(() => {
27315
27352
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
27316
-
27317
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
27353
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
27318
27354
  }, 500);
27319
27355
  };
27320
27356
  }
@@ -27335,13 +27371,14 @@ class aiMyMessage extends HTMLElement
27335
27371
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27336
27372
  </style>
27337
27373
 
27338
- <div class="wrapper">
27374
+ <div class="chat-message">
27339
27375
  ${message}
27340
27376
  </div>
27341
27377
  `;
27342
27378
  };
27343
27379
  }
27344
27380
 
27381
+ customElements.define("nx-ai-message", aiMessage);
27345
27382
  customElements.define("nx-ai-ing-message", aiIngMessage);
27346
27383
  customElements.define("nx-ai-my-message", aiMyMessage);
27347
27384
 
package/dist/bundle.esm.js CHANGED
@@ -27280,6 +27280,43 @@ 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
+ <span>
27301
+ ${message}
27302
+ </span>
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
+
27283
27320
  class aiIngMessage extends HTMLElement
27284
27321
  {
27285
27322
  #message;
@@ -27300,7 +27337,7 @@ class aiIngMessage extends HTMLElement
27300
27337
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27301
27338
  </style>
27302
27339
 
27303
- <div class="wrapper">
27340
+ <div class="chat-message">
27304
27341
  .
27305
27342
  </div>
27306
27343
  `;
@@ -27311,8 +27348,7 @@ class aiIngMessage extends HTMLElement
27311
27348
  #init = () => {
27312
27349
  setInterval(() => {
27313
27350
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
27314
-
27315
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
27351
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
27316
27352
  }, 500);
27317
27353
  };
27318
27354
  }
@@ -27333,13 +27369,14 @@ class aiMyMessage extends HTMLElement
27333
27369
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
27334
27370
  </style>
27335
27371
 
27336
- <div class="wrapper">
27372
+ <div class="chat-message">
27337
27373
  ${message}
27338
27374
  </div>
27339
27375
  `;
27340
27376
  };
27341
27377
  }
27342
27378
 
27379
+ customElements.define("nx-ai-message", aiMessage);
27343
27380
  customElements.define("nx-ai-ing-message", aiIngMessage);
27344
27381
  customElements.define("nx-ai-my-message", aiMyMessage);
27345
27382
 
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.266.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,42 @@
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
+ <span>
21
+ ${message}
22
+ </span>
23
+ </div>
24
+
25
+ <div class="chat-menu">
26
+ <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27
+ <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"/>
28
+ </svg>
29
+ </div>
30
+ `;
31
+
32
+ this.#init();
33
+ };
34
+
35
+ #init = () => {
36
+
37
+ };
38
+ }
39
+
3
40
  class aiIngMessage extends HTMLElement
4
41
  {
5
42
  #message;
@@ -20,7 +57,7 @@ class aiIngMessage extends HTMLElement
20
57
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
21
58
  </style>
22
59
 
23
- <div class="wrapper">
60
+ <div class="chat-message">
24
61
  .
25
62
  </div>
26
63
  `;
@@ -31,8 +68,7 @@ class aiIngMessage extends HTMLElement
31
68
  #init = () => {
32
69
  const interval = setInterval(() => {
33
70
  this.#message = this.#message.length < 3 ? this.#message + "." : "";
34
-
35
- this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
71
+ this.shadowRoot.querySelector(".chat-message").innerHTML = this.#message;
36
72
  }, 500);
37
73
  };
38
74
  }
@@ -53,12 +89,13 @@ class aiMyMessage extends HTMLElement
53
89
  ${ninegrid.getCustomPath(this,"aiMessage.css")}
54
90
  </style>
55
91
 
56
- <div class="wrapper">
92
+ <div class="chat-message">
57
93
  ${message}
58
94
  </div>
59
95
  `;
60
96
  };
61
97
  }
62
98
 
99
+ customElements.define("nx-ai-message", aiMessage);
63
100
  customElements.define("nx-ai-ing-message", aiIngMessage);
64
101
  customElements.define("nx-ai-my-message", aiMyMessage);