ninegrid2 6.393.0 → 6.395.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.
@@ -39,7 +39,6 @@ class aiMessage extends HTMLElement
39
39
  </svg>
40
40
  </div>
41
41
  </div>
42
-
43
42
  `;
44
43
 
45
44
  requestAnimationFrame(() => {
@@ -63,11 +62,12 @@ class aiMessage extends HTMLElement
63
62
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
64
63
  alert(this.#message);
65
64
  });
66
-
65
+
67
66
  setTimeout(() => {
68
67
  const elMore = this.shadowRoot.querySelector(".more");
69
68
 
70
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
69
+ //if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
70
+ if (this.#message.length > 50) {
71
71
  elMore.style.display = "flex";
72
72
  elMore.style.position = "absolute";
73
73
  }
@@ -11157,11 +11157,11 @@ class ninegrid {
11157
11157
  //clone.style.visibility = "hidden";
11158
11158
  document.body.appendChild(clone);
11159
11159
 
11160
- //console.log(clone, element);
11161
- //console.log(clone.scrollWidth, element.clientWidth);
11160
+ console.log(clone, element);
11161
+ console.log(clone.scrollWidth, element.clientWidth, clone.scrollHeight, element.clientHeight);
11162
11162
 
11163
11163
  const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
11164
- document.body.removeChild(clone);
11164
+ //document.body.removeChild(clone);
11165
11165
 
11166
11166
  return isTruncated;
11167
11167
  }
@@ -27385,7 +27385,6 @@ class aiMessage extends HTMLElement
27385
27385
  </svg>
27386
27386
  </div>
27387
27387
  </div>
27388
-
27389
27388
  `;
27390
27389
 
27391
27390
  requestAnimationFrame(() => {
@@ -27409,11 +27408,12 @@ class aiMessage extends HTMLElement
27409
27408
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27410
27409
  alert(this.#message);
27411
27410
  });
27412
-
27411
+
27413
27412
  setTimeout(() => {
27414
27413
  const elMore = this.shadowRoot.querySelector(".more");
27415
27414
 
27416
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27415
+ //if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27416
+ if (this.#message.length > 50) {
27417
27417
  elMore.style.display = "flex";
27418
27418
  elMore.style.position = "absolute";
27419
27419
  }
@@ -11155,11 +11155,11 @@ class ninegrid {
11155
11155
  //clone.style.visibility = "hidden";
11156
11156
  document.body.appendChild(clone);
11157
11157
 
11158
- //console.log(clone, element);
11159
- //console.log(clone.scrollWidth, element.clientWidth);
11158
+ console.log(clone, element);
11159
+ console.log(clone.scrollWidth, element.clientWidth, clone.scrollHeight, element.clientHeight);
11160
11160
 
11161
11161
  const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
11162
- document.body.removeChild(clone);
11162
+ //document.body.removeChild(clone);
11163
11163
 
11164
11164
  return isTruncated;
11165
11165
  }
@@ -27383,7 +27383,6 @@ class aiMessage extends HTMLElement
27383
27383
  </svg>
27384
27384
  </div>
27385
27385
  </div>
27386
-
27387
27386
  `;
27388
27387
 
27389
27388
  requestAnimationFrame(() => {
@@ -27407,11 +27406,12 @@ class aiMessage extends HTMLElement
27407
27406
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27408
27407
  alert(this.#message);
27409
27408
  });
27410
-
27409
+
27411
27410
  setTimeout(() => {
27412
27411
  const elMore = this.shadowRoot.querySelector(".more");
27413
27412
 
27414
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27413
+ //if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27414
+ if (this.#message.length > 50) {
27415
27415
  elMore.style.display = "flex";
27416
27416
  elMore.style.position = "absolute";
27417
27417
  }
@@ -345,11 +345,11 @@ export class ninegrid {
345
345
  //clone.style.visibility = "hidden";
346
346
  document.body.appendChild(clone);
347
347
 
348
- //console.log(clone, element);
349
- //console.log(clone.scrollWidth, element.clientWidth);
348
+ console.log(clone, element);
349
+ console.log(clone.scrollWidth, element.clientWidth, clone.scrollHeight, element.clientHeight);
350
350
 
351
351
  const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
352
- document.body.removeChild(clone);
352
+ //document.body.removeChild(clone);
353
353
 
354
354
  return isTruncated;
355
355
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.393.0",
4
+ "version": "6.395.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -39,7 +39,6 @@ class aiMessage extends HTMLElement
39
39
  </svg>
40
40
  </div>
41
41
  </div>
42
-
43
42
  `;
44
43
 
45
44
  requestAnimationFrame(() => {
@@ -63,11 +62,12 @@ class aiMessage extends HTMLElement
63
62
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
64
63
  alert(this.#message);
65
64
  });
66
-
65
+
67
66
  setTimeout(() => {
68
67
  const elMore = this.shadowRoot.querySelector(".more");
69
68
 
70
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
69
+ //if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
70
+ if (this.#message.length > 50) {
71
71
  elMore.style.display = "flex";
72
72
  elMore.style.position = "absolute";
73
73
  }
@@ -345,11 +345,11 @@ export class ninegrid {
345
345
  //clone.style.visibility = "hidden";
346
346
  document.body.appendChild(clone);
347
347
 
348
- //console.log(clone, element);
349
- //console.log(clone.scrollWidth, element.clientWidth);
348
+ console.log(clone, element);
349
+ console.log(clone.scrollWidth, element.clientWidth, clone.scrollHeight, element.clientHeight);
350
350
 
351
351
  const isTruncated = clone.scrollWidth > element.clientWidth || clone.scrollHeight > element.clientHeight;
352
- document.body.removeChild(clone);
352
+ //document.body.removeChild(clone);
353
353
 
354
354
  return isTruncated;
355
355
  }