ninegrid2 6.277.0 → 6.279.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 +12 -2
  2. package/dist/bundle.cjs.js +12 -2
  3. package/dist/bundle.esm.js +12 -2
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +12 -2
package/dist/ai/aiMessage.js CHANGED
@@ -20,7 +20,7 @@ class aiMessage extends HTMLElement
20
20
  <span title="${message}" class="message">
21
21
  ${message}
22
22
  </span>
23
- <span class="more">more</span>
23
+ <span class="more" style="position:relative;">more</span>
24
24
  </div>
25
25
 
26
26
  <div class="chat-menu">
@@ -38,9 +38,19 @@ class aiMessage extends HTMLElement
38
38
  const elMessage = this.shadowRoot.querySelector(".message");
39
39
  const elMore = this.shadowRoot.querySelector(".more");
40
40
 
41
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
41
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
42
42
 
43
43
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
44
+ if (elMessage.scrollWidth > elMessage.clientWidth) {
45
+ elMore.style.display = "flex";
46
+ elMore.style.position = "absolute";
47
+ //elMore.style.position = "absolute";
48
+ //elMore.style.position = "absolute";
49
+ //elMore.style.position = "absolute";
50
+ }
51
+ else {
52
+ elMore.style.display = "none";
53
+ }
44
54
  }, 100);
45
55
 
46
56
  };
package/dist/bundle.cjs.js CHANGED
@@ -27302,7 +27302,7 @@ class aiMessage extends HTMLElement
27302
27302
  <span title="${message}" class="message">
27303
27303
  ${message}
27304
27304
  </span>
27305
- <span class="more">more</span>
27305
+ <span class="more" style="position:relative;">more</span>
27306
27306
  </div>
27307
27307
 
27308
27308
  <div class="chat-menu">
@@ -27320,9 +27320,19 @@ class aiMessage extends HTMLElement
27320
27320
  const elMessage = this.shadowRoot.querySelector(".message");
27321
27321
  const elMore = this.shadowRoot.querySelector(".more");
27322
27322
 
27323
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
27323
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
27324
27324
 
27325
27325
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27326
+ if (elMessage.scrollWidth > elMessage.clientWidth) {
27327
+ elMore.style.display = "flex";
27328
+ elMore.style.position = "absolute";
27329
+ //elMore.style.position = "absolute";
27330
+ //elMore.style.position = "absolute";
27331
+ //elMore.style.position = "absolute";
27332
+ }
27333
+ else {
27334
+ elMore.style.display = "none";
27335
+ }
27326
27336
  }, 100);
27327
27337
 
27328
27338
  };
package/dist/bundle.esm.js CHANGED
@@ -27300,7 +27300,7 @@ class aiMessage extends HTMLElement
27300
27300
  <span title="${message}" class="message">
27301
27301
  ${message}
27302
27302
  </span>
27303
- <span class="more">more</span>
27303
+ <span class="more" style="position:relative;">more</span>
27304
27304
  </div>
27305
27305
 
27306
27306
  <div class="chat-menu">
@@ -27318,9 +27318,19 @@ class aiMessage extends HTMLElement
27318
27318
  const elMessage = this.shadowRoot.querySelector(".message");
27319
27319
  const elMore = this.shadowRoot.querySelector(".more");
27320
27320
 
27321
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
27321
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
27322
27322
 
27323
27323
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27324
+ if (elMessage.scrollWidth > elMessage.clientWidth) {
27325
+ elMore.style.display = "flex";
27326
+ elMore.style.position = "absolute";
27327
+ //elMore.style.position = "absolute";
27328
+ //elMore.style.position = "absolute";
27329
+ //elMore.style.position = "absolute";
27330
+ }
27331
+ else {
27332
+ elMore.style.display = "none";
27333
+ }
27324
27334
  }, 100);
27325
27335
 
27326
27336
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.277.0",
4
+ "version": "6.279.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -20,7 +20,7 @@ class aiMessage extends HTMLElement
20
20
  <span title="${message}" class="message">
21
21
  ${message}
22
22
  </span>
23
- <span class="more">more</span>
23
+ <span class="more" style="position:relative;">more</span>
24
24
  </div>
25
25
 
26
26
  <div class="chat-menu">
@@ -38,9 +38,19 @@ class aiMessage extends HTMLElement
38
38
  const elMessage = this.shadowRoot.querySelector(".message");
39
39
  const elMore = this.shadowRoot.querySelector(".more");
40
40
 
41
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth);
41
+ console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
42
42
 
43
43
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
44
+ if (elMessage.scrollWidth > elMessage.clientWidth) {
45
+ elMore.style.display = "flex";
46
+ elMore.style.position = "absolute";
47
+ //elMore.style.position = "absolute";
48
+ //elMore.style.position = "absolute";
49
+ //elMore.style.position = "absolute";
50
+ }
51
+ else {
52
+ elMore.style.display = "none";
53
+ }
44
54
  }, 100);
45
55
 
46
56
  };