ninegrid2 6.318.0 → 6.320.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 +14 -2
  2. package/dist/bundle.cjs.js +14 -2
  3. package/dist/bundle.esm.js +14 -2
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +14 -2
package/dist/ai/aiMessage.js CHANGED
@@ -45,7 +45,17 @@ class aiMessage extends HTMLElement
45
45
  console.log(v);;
46
46
  }
47
47
 
48
-
48
+ #isEllipsis = (element) => {
49
+ const clone = element.cloneNode(true);
50
+ clone.style.width = "auto";
51
+ clone.style.visibility = "hidden";
52
+ document.body.appendChild(clone);
53
+
54
+ const isTruncated = clone.scrollWidth > element.clientWidth;
55
+ document.body.removeChild(clone);
56
+
57
+ return isTruncated;
58
+ }
49
59
 
50
60
  #init = () => {
51
61
 
@@ -83,7 +93,9 @@ class aiMessage extends HTMLElement
83
93
  alert(this.#message);
84
94
  });
85
95
 
86
- this.shadowRoot.querySelector(".more").style.display = (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
96
+ setTimeout(() => {
97
+ this.shadowRoot.querySelector(".more").style.display = (this.#isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
98
+ });
87
99
  };
88
100
  }
89
101
 
package/dist/bundle.cjs.js CHANGED
@@ -27342,7 +27342,17 @@ class aiMessage extends HTMLElement
27342
27342
  set data(v) {
27343
27343
  console.log(v); }
27344
27344
 
27345
-
27345
+ #isEllipsis = (element) => {
27346
+ const clone = element.cloneNode(true);
27347
+ clone.style.width = "auto";
27348
+ clone.style.visibility = "hidden";
27349
+ document.body.appendChild(clone);
27350
+
27351
+ const isTruncated = clone.scrollWidth > element.clientWidth;
27352
+ document.body.removeChild(clone);
27353
+
27354
+ return isTruncated;
27355
+ }
27346
27356
 
27347
27357
  #init = () => {
27348
27358
 
@@ -27380,7 +27390,9 @@ class aiMessage extends HTMLElement
27380
27390
  alert(this.#message);
27381
27391
  });
27382
27392
 
27383
- this.shadowRoot.querySelector(".more").style.display = (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
27393
+ setTimeout(() => {
27394
+ this.shadowRoot.querySelector(".more").style.display = (this.#isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
27395
+ });
27384
27396
  };
27385
27397
  }
27386
27398
 
package/dist/bundle.esm.js CHANGED
@@ -27340,7 +27340,17 @@ class aiMessage extends HTMLElement
27340
27340
  set data(v) {
27341
27341
  console.log(v); }
27342
27342
 
27343
-
27343
+ #isEllipsis = (element) => {
27344
+ const clone = element.cloneNode(true);
27345
+ clone.style.width = "auto";
27346
+ clone.style.visibility = "hidden";
27347
+ document.body.appendChild(clone);
27348
+
27349
+ const isTruncated = clone.scrollWidth > element.clientWidth;
27350
+ document.body.removeChild(clone);
27351
+
27352
+ return isTruncated;
27353
+ }
27344
27354
 
27345
27355
  #init = () => {
27346
27356
 
@@ -27378,7 +27388,9 @@ class aiMessage extends HTMLElement
27378
27388
  alert(this.#message);
27379
27389
  });
27380
27390
 
27381
- this.shadowRoot.querySelector(".more").style.display = (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
27391
+ setTimeout(() => {
27392
+ this.shadowRoot.querySelector(".more").style.display = (this.#isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
27393
+ });
27382
27394
  };
27383
27395
  }
27384
27396
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.318.0",
4
+ "version": "6.320.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -45,7 +45,17 @@ class aiMessage extends HTMLElement
45
45
  console.log(v);;
46
46
  }
47
47
 
48
-
48
+ #isEllipsis = (element) => {
49
+ const clone = element.cloneNode(true);
50
+ clone.style.width = "auto";
51
+ clone.style.visibility = "hidden";
52
+ document.body.appendChild(clone);
53
+
54
+ const isTruncated = clone.scrollWidth > element.clientWidth;
55
+ document.body.removeChild(clone);
56
+
57
+ return isTruncated;
58
+ }
49
59
 
50
60
  #init = () => {
51
61
 
@@ -83,7 +93,9 @@ class aiMessage extends HTMLElement
83
93
  alert(this.#message);
84
94
  });
85
95
 
86
- this.shadowRoot.querySelector(".more").style.display = (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
96
+ setTimeout(() => {
97
+ this.shadowRoot.querySelector(".more").style.display = (this.#isEllipsis(this.shadowRoot.querySelector(".message"))) ? "flex" : "none";
98
+ });
87
99
  };
88
100
  }
89
101