ninegrid2 6.322.0 → 6.324.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 +2 -16
  2. package/dist/bundle.cjs.js +2 -16
  3. package/dist/bundle.esm.js +2 -16
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +2 -16
package/dist/ai/aiMessage.js CHANGED
@@ -19,8 +19,8 @@ class aiMessage extends HTMLElement
19
19
  </style>
20
20
 
21
21
  <div class="chat-message">
22
- <span title="${this.#message}" class="message">
23
- ${this.#message}
22
+ <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
23
+ ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
24
24
  </span>
25
25
  <span class="more" style="position:relative;"><a href="#">more</a></span>
26
26
  </div>
@@ -45,18 +45,6 @@ class aiMessage extends HTMLElement
45
45
  console.log(v);;
46
46
  }
47
47
 
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
- }
59
-
60
48
  #init = () => {
61
49
 
62
50
  const html = `
@@ -84,8 +72,6 @@ class aiMessage extends HTMLElement
84
72
 
85
73
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
86
74
  const grid = document.querySelector("nine-grid");
87
-
88
- //console.log(data, JSON.parse(data));
89
75
  grid.filtering.set(data);
90
76
  });
91
77
 
package/dist/bundle.cjs.js CHANGED
@@ -27317,8 +27317,8 @@ class aiMessage extends HTMLElement
27317
27317
  </style>
27318
27318
 
27319
27319
  <div class="chat-message">
27320
- <span title="${this.#message}" class="message">
27321
- ${this.#message}
27320
+ <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
27321
+ ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27322
27322
  </span>
27323
27323
  <span class="more" style="position:relative;"><a href="#">more</a></span>
27324
27324
  </div>
@@ -27342,18 +27342,6 @@ class aiMessage extends HTMLElement
27342
27342
  set data(v) {
27343
27343
  console.log(v); }
27344
27344
 
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
- }
27356
-
27357
27345
  #init = () => {
27358
27346
 
27359
27347
  const html = `
@@ -27381,8 +27369,6 @@ class aiMessage extends HTMLElement
27381
27369
 
27382
27370
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27383
27371
  const grid = document.querySelector("nine-grid");
27384
-
27385
- //console.log(data, JSON.parse(data));
27386
27372
  grid.filtering.set(data);
27387
27373
  });
27388
27374
 
package/dist/bundle.esm.js CHANGED
@@ -27315,8 +27315,8 @@ class aiMessage extends HTMLElement
27315
27315
  </style>
27316
27316
 
27317
27317
  <div class="chat-message">
27318
- <span title="${this.#message}" class="message">
27319
- ${this.#message}
27318
+ <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
27319
+ ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27320
27320
  </span>
27321
27321
  <span class="more" style="position:relative;"><a href="#">more</a></span>
27322
27322
  </div>
@@ -27340,18 +27340,6 @@ class aiMessage extends HTMLElement
27340
27340
  set data(v) {
27341
27341
  console.log(v); }
27342
27342
 
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
- }
27354
-
27355
27343
  #init = () => {
27356
27344
 
27357
27345
  const html = `
@@ -27379,8 +27367,6 @@ class aiMessage extends HTMLElement
27379
27367
 
27380
27368
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27381
27369
  const grid = document.querySelector("nine-grid");
27382
-
27383
- //console.log(data, JSON.parse(data));
27384
27370
  grid.filtering.set(data);
27385
27371
  });
27386
27372
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.322.0",
4
+ "version": "6.324.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -19,8 +19,8 @@ class aiMessage extends HTMLElement
19
19
  </style>
20
20
 
21
21
  <div class="chat-message">
22
- <span title="${this.#message}" class="message">
23
- ${this.#message}
22
+ <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
23
+ ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
24
24
  </span>
25
25
  <span class="more" style="position:relative;"><a href="#">more</a></span>
26
26
  </div>
@@ -45,18 +45,6 @@ class aiMessage extends HTMLElement
45
45
  console.log(v);;
46
46
  }
47
47
 
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
- }
59
-
60
48
  #init = () => {
61
49
 
62
50
  const html = `
@@ -84,8 +72,6 @@ class aiMessage extends HTMLElement
84
72
 
85
73
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
86
74
  const grid = document.querySelector("nine-grid");
87
-
88
- //console.log(data, JSON.parse(data));
89
75
  grid.filtering.set(data);
90
76
  });
91
77