ninegrid2 6.275.0 → 6.278.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.
@@ -17,12 +17,10 @@ class aiMessage extends HTMLElement
17
17
  </style>
18
18
 
19
19
  <div class="chat-message">
20
- <span title="${message}" class="a">
20
+ <span title="${message}" class="message">
21
21
  ${message}
22
22
  </span>
23
- <svg class="b" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
24
- <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"/>
25
- </svg>
23
+ <span class="more">more</span>
26
24
  </div>
27
25
 
28
26
  <div class="chat-menu">
@@ -37,10 +35,10 @@ class aiMessage extends HTMLElement
37
35
 
38
36
  #init = () => {
39
37
  setTimeout(() => {
40
- const elMessage = this.shadowRoot.querySelector(".a");
41
- const elMore = this.shadowRoot.querySelector(".b");
38
+ const elMessage = this.shadowRoot.querySelector(".message");
39
+ const elMore = this.shadowRoot.querySelector(".more");
42
40
 
43
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
41
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
44
42
 
45
43
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
46
44
  }, 100);
@@ -27299,12 +27299,10 @@ class aiMessage extends HTMLElement
27299
27299
  </style>
27300
27300
 
27301
27301
  <div class="chat-message">
27302
- <span title="${message}" class="a">
27302
+ <span title="${message}" class="message">
27303
27303
  ${message}
27304
27304
  </span>
27305
- <svg class="b" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27306
- <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"/>
27307
- </svg>
27305
+ <span class="more">more</span>
27308
27306
  </div>
27309
27307
 
27310
27308
  <div class="chat-menu">
@@ -27319,10 +27317,10 @@ class aiMessage extends HTMLElement
27319
27317
 
27320
27318
  #init = () => {
27321
27319
  setTimeout(() => {
27322
- const elMessage = this.shadowRoot.querySelector(".a");
27323
- const elMore = this.shadowRoot.querySelector(".b");
27320
+ const elMessage = this.shadowRoot.querySelector(".message");
27321
+ const elMore = this.shadowRoot.querySelector(".more");
27324
27322
 
27325
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
27323
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
27326
27324
 
27327
27325
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27328
27326
  }, 100);
@@ -27297,12 +27297,10 @@ class aiMessage extends HTMLElement
27297
27297
  </style>
27298
27298
 
27299
27299
  <div class="chat-message">
27300
- <span title="${message}" class="a">
27300
+ <span title="${message}" class="message">
27301
27301
  ${message}
27302
27302
  </span>
27303
- <svg class="b" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27304
- <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"/>
27305
- </svg>
27303
+ <span class="more">more</span>
27306
27304
  </div>
27307
27305
 
27308
27306
  <div class="chat-menu">
@@ -27317,10 +27315,10 @@ class aiMessage extends HTMLElement
27317
27315
 
27318
27316
  #init = () => {
27319
27317
  setTimeout(() => {
27320
- const elMessage = this.shadowRoot.querySelector(".a");
27321
- const elMore = this.shadowRoot.querySelector(".b");
27318
+ const elMessage = this.shadowRoot.querySelector(".message");
27319
+ const elMore = this.shadowRoot.querySelector(".more");
27322
27320
 
27323
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
27321
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
27324
27322
 
27325
27323
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27326
27324
  }, 100);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.275.0",
4
+ "version": "6.278.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -17,12 +17,10 @@ class aiMessage extends HTMLElement
17
17
  </style>
18
18
 
19
19
  <div class="chat-message">
20
- <span title="${message}" class="a">
20
+ <span title="${message}" class="message">
21
21
  ${message}
22
22
  </span>
23
- <svg class="b" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
24
- <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"/>
25
- </svg>
23
+ <span class="more">more</span>
26
24
  </div>
27
25
 
28
26
  <div class="chat-menu">
@@ -37,10 +35,10 @@ class aiMessage extends HTMLElement
37
35
 
38
36
  #init = () => {
39
37
  setTimeout(() => {
40
- const elMessage = this.shadowRoot.querySelector(".a");
41
- const elMore = this.shadowRoot.querySelector(".b");
38
+ const elMessage = this.shadowRoot.querySelector(".message");
39
+ const elMore = this.shadowRoot.querySelector(".more");
42
40
 
43
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
41
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
44
42
 
45
43
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
46
44
  }, 100);