ninegrid2 6.292.0 → 6.294.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 +11 -8
  2. package/dist/bundle.cjs.js +11 -8
  3. package/dist/bundle.esm.js +11 -8
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +11 -8
package/dist/ai/aiMessage.js CHANGED
@@ -2,13 +2,15 @@ import ninegrid from "../index.js";
2
2
 
3
3
  class aiMessage extends HTMLElement
4
4
  {
5
+ #message;
6
+
5
7
  constructor() {
6
8
  super();
7
9
  this.attachShadow({ mode: 'open' });
8
10
  }
9
11
 
10
12
  connectedCallback() {
11
- const message = this.getAttribute("message");
13
+ this.#message = this.getAttribute("message");
12
14
 
13
15
  this.shadowRoot.innerHTML = `
14
16
  <style>
@@ -17,10 +19,10 @@ class aiMessage extends HTMLElement
17
19
  </style>
18
20
 
19
21
  <div class="chat-message">
20
- <span title="${message}" class="message">
21
- ${message}
22
+ <span title="${this.#message}" class="message">
23
+ ${this.#message}
22
24
  </span>
23
- <span class="more" style="position:relative;"><a href="aiMessage.alert('${message}');">more</a></span>
25
+ <span class="more" style="position:relative;"><a>more</a></span>
24
26
  </div>
25
27
 
26
28
  <div class="chat-menu">
@@ -34,6 +36,11 @@ class aiMessage extends HTMLElement
34
36
  };
35
37
 
36
38
  #init = () => {
39
+
40
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
41
+ alert(this.#message);
42
+ });
43
+
37
44
  setTimeout(() => {
38
45
  const elMessage = this.shadowRoot.querySelector(".message");
39
46
  const elMore = this.shadowRoot.querySelector(".more");
@@ -54,10 +61,6 @@ class aiMessage extends HTMLElement
54
61
  }, 100);
55
62
 
56
63
  };
57
-
58
- static alert = (v) => {
59
- alert(v);
60
- }
61
64
  }
62
65
 
63
66
  class aiIngMessage extends HTMLElement
package/dist/bundle.cjs.js CHANGED
@@ -27288,13 +27288,15 @@ customElements.define("nx-ai-settings", aiSettings);
27288
27288
 
27289
27289
  class aiMessage extends HTMLElement
27290
27290
  {
27291
+ #message;
27292
+
27291
27293
  constructor() {
27292
27294
  super();
27293
27295
  this.attachShadow({ mode: 'open' });
27294
27296
  }
27295
27297
 
27296
27298
  connectedCallback() {
27297
- const message = this.getAttribute("message");
27299
+ this.#message = this.getAttribute("message");
27298
27300
 
27299
27301
  this.shadowRoot.innerHTML = `
27300
27302
  <style>
@@ -27303,10 +27305,10 @@ class aiMessage extends HTMLElement
27303
27305
  </style>
27304
27306
 
27305
27307
  <div class="chat-message">
27306
- <span title="${message}" class="message">
27307
- ${message}
27308
+ <span title="${this.#message}" class="message">
27309
+ ${this.#message}
27308
27310
  </span>
27309
- <span class="more" style="position:relative;"><a href="aiMessage.alert('${message}');">more</a></span>
27311
+ <span class="more" style="position:relative;"><a>more</a></span>
27310
27312
  </div>
27311
27313
 
27312
27314
  <div class="chat-menu">
@@ -27320,6 +27322,11 @@ class aiMessage extends HTMLElement
27320
27322
  };
27321
27323
 
27322
27324
  #init = () => {
27325
+
27326
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27327
+ alert(this.#message);
27328
+ });
27329
+
27323
27330
  setTimeout(() => {
27324
27331
  const elMessage = this.shadowRoot.querySelector(".message");
27325
27332
  const elMore = this.shadowRoot.querySelector(".more");
@@ -27340,10 +27347,6 @@ class aiMessage extends HTMLElement
27340
27347
  }, 100);
27341
27348
 
27342
27349
  };
27343
-
27344
- static alert = (v) => {
27345
- alert(v);
27346
- }
27347
27350
  }
27348
27351
 
27349
27352
  class aiIngMessage extends HTMLElement
package/dist/bundle.esm.js CHANGED
@@ -27286,13 +27286,15 @@ customElements.define("nx-ai-settings", aiSettings);
27286
27286
 
27287
27287
  class aiMessage extends HTMLElement
27288
27288
  {
27289
+ #message;
27290
+
27289
27291
  constructor() {
27290
27292
  super();
27291
27293
  this.attachShadow({ mode: 'open' });
27292
27294
  }
27293
27295
 
27294
27296
  connectedCallback() {
27295
- const message = this.getAttribute("message");
27297
+ this.#message = this.getAttribute("message");
27296
27298
 
27297
27299
  this.shadowRoot.innerHTML = `
27298
27300
  <style>
@@ -27301,10 +27303,10 @@ class aiMessage extends HTMLElement
27301
27303
  </style>
27302
27304
 
27303
27305
  <div class="chat-message">
27304
- <span title="${message}" class="message">
27305
- ${message}
27306
+ <span title="${this.#message}" class="message">
27307
+ ${this.#message}
27306
27308
  </span>
27307
- <span class="more" style="position:relative;"><a href="aiMessage.alert('${message}');">more</a></span>
27309
+ <span class="more" style="position:relative;"><a>more</a></span>
27308
27310
  </div>
27309
27311
 
27310
27312
  <div class="chat-menu">
@@ -27318,6 +27320,11 @@ class aiMessage extends HTMLElement
27318
27320
  };
27319
27321
 
27320
27322
  #init = () => {
27323
+
27324
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27325
+ alert(this.#message);
27326
+ });
27327
+
27321
27328
  setTimeout(() => {
27322
27329
  const elMessage = this.shadowRoot.querySelector(".message");
27323
27330
  const elMore = this.shadowRoot.querySelector(".more");
@@ -27338,10 +27345,6 @@ class aiMessage extends HTMLElement
27338
27345
  }, 100);
27339
27346
 
27340
27347
  };
27341
-
27342
- static alert = (v) => {
27343
- alert(v);
27344
- }
27345
27348
  }
27346
27349
 
27347
27350
  class aiIngMessage extends HTMLElement
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.292.0",
4
+ "version": "6.294.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -2,13 +2,15 @@ import ninegrid from "../index.js";
2
2
 
3
3
  class aiMessage extends HTMLElement
4
4
  {
5
+ #message;
6
+
5
7
  constructor() {
6
8
  super();
7
9
  this.attachShadow({ mode: 'open' });
8
10
  }
9
11
 
10
12
  connectedCallback() {
11
- const message = this.getAttribute("message");
13
+ this.#message = this.getAttribute("message");
12
14
 
13
15
  this.shadowRoot.innerHTML = `
14
16
  <style>
@@ -17,10 +19,10 @@ class aiMessage extends HTMLElement
17
19
  </style>
18
20
 
19
21
  <div class="chat-message">
20
- <span title="${message}" class="message">
21
- ${message}
22
+ <span title="${this.#message}" class="message">
23
+ ${this.#message}
22
24
  </span>
23
- <span class="more" style="position:relative;"><a href="aiMessage.alert('${message}');">more</a></span>
25
+ <span class="more" style="position:relative;"><a>more</a></span>
24
26
  </div>
25
27
 
26
28
  <div class="chat-menu">
@@ -34,6 +36,11 @@ class aiMessage extends HTMLElement
34
36
  };
35
37
 
36
38
  #init = () => {
39
+
40
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
41
+ alert(this.#message);
42
+ });
43
+
37
44
  setTimeout(() => {
38
45
  const elMessage = this.shadowRoot.querySelector(".message");
39
46
  const elMore = this.shadowRoot.querySelector(".more");
@@ -54,10 +61,6 @@ class aiMessage extends HTMLElement
54
61
  }, 100);
55
62
 
56
63
  };
57
-
58
- static alert = (v) => {
59
- alert(v);
60
- }
61
64
  }
62
65
 
63
66
  class aiIngMessage extends HTMLElement