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