ninegrid2 6.360.0 → 6.361.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 +15 -7
  2. package/dist/bundle.cjs.js +15 -7
  3. package/dist/bundle.esm.js +15 -7
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +15 -7
package/dist/ai/aiMessage.js CHANGED
@@ -20,10 +20,8 @@ class aiMessage extends HTMLElement
20
20
  </style>
21
21
 
22
22
  <div class="chat-message">
23
- <span title="${this.#message}" class="message">
24
- ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
25
- </span>
26
- <span class="more" style="position:relative;"><a href="#">more</a></span>
23
+ <span class="message"></span>
24
+ <span class="more"><a href="#">more</a></span>
27
25
  </div>
28
26
 
29
27
  <div class="chat-menu">
@@ -36,10 +34,11 @@ class aiMessage extends HTMLElement
36
34
  </div>
37
35
  `;
38
36
 
39
- /**
40
37
  requestAnimationFrame(() => {
41
- console.log("requestAnimationFrame")
42
- }); */
38
+ const elMessage = this.shadowRoot.querySelector(".message");
39
+ elMessage.setAttribute("title", this.#message);
40
+ elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
+ });
43
42
  };
44
43
 
45
44
 
@@ -58,6 +57,15 @@ class aiMessage extends HTMLElement
58
57
  <nine-grid class="ai" display-row-count="${rowCount > 5 ? 5 : rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
59
58
  <table>
60
59
  <caption>Sheet1</caption>
60
+ <colgroup>
61
+ <col background-color="gray"/>
62
+ <col background-color="gray"/>
63
+ <col background-color="red"/>
64
+ <col background-color="red"/>
65
+ <col background-color="red"/>
66
+ <col background-color="gray"/>
67
+ <col background-color="gray"/>
68
+ </colgroup>
61
69
  <thead>
62
70
  <tr>
63
71
  <th>No.</th>
package/dist/bundle.cjs.js CHANGED
@@ -27326,10 +27326,8 @@ class aiMessage extends HTMLElement
27326
27326
  </style>
27327
27327
 
27328
27328
  <div class="chat-message">
27329
- <span title="${this.#message}" class="message">
27330
- ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27331
- </span>
27332
- <span class="more" style="position:relative;"><a href="#">more</a></span>
27329
+ <span class="message"></span>
27330
+ <span class="more"><a href="#">more</a></span>
27333
27331
  </div>
27334
27332
 
27335
27333
  <div class="chat-menu">
@@ -27342,10 +27340,11 @@ class aiMessage extends HTMLElement
27342
27340
  </div>
27343
27341
  `;
27344
27342
 
27345
- /**
27346
27343
  requestAnimationFrame(() => {
27347
- console.log("requestAnimationFrame")
27348
- }); */
27344
+ const elMessage = this.shadowRoot.querySelector(".message");
27345
+ elMessage.setAttribute("title", this.#message);
27346
+ elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27347
+ });
27349
27348
  };
27350
27349
 
27351
27350
 
@@ -27364,6 +27363,15 @@ class aiMessage extends HTMLElement
27364
27363
  <nine-grid class="ai" display-row-count="${rowCount > 5 ? 5 : rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27365
27364
  <table>
27366
27365
  <caption>Sheet1</caption>
27366
+ <colgroup>
27367
+ <col background-color="gray"/>
27368
+ <col background-color="gray"/>
27369
+ <col background-color="red"/>
27370
+ <col background-color="red"/>
27371
+ <col background-color="red"/>
27372
+ <col background-color="gray"/>
27373
+ <col background-color="gray"/>
27374
+ </colgroup>
27367
27375
  <thead>
27368
27376
  <tr>
27369
27377
  <th>No.</th>
package/dist/bundle.esm.js CHANGED
@@ -27324,10 +27324,8 @@ class aiMessage extends HTMLElement
27324
27324
  </style>
27325
27325
 
27326
27326
  <div class="chat-message">
27327
- <span title="${this.#message}" class="message">
27328
- ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27329
- </span>
27330
- <span class="more" style="position:relative;"><a href="#">more</a></span>
27327
+ <span class="message"></span>
27328
+ <span class="more"><a href="#">more</a></span>
27331
27329
  </div>
27332
27330
 
27333
27331
  <div class="chat-menu">
@@ -27340,10 +27338,11 @@ class aiMessage extends HTMLElement
27340
27338
  </div>
27341
27339
  `;
27342
27340
 
27343
- /**
27344
27341
  requestAnimationFrame(() => {
27345
- console.log("requestAnimationFrame")
27346
- }); */
27342
+ const elMessage = this.shadowRoot.querySelector(".message");
27343
+ elMessage.setAttribute("title", this.#message);
27344
+ elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27345
+ });
27347
27346
  };
27348
27347
 
27349
27348
 
@@ -27362,6 +27361,15 @@ class aiMessage extends HTMLElement
27362
27361
  <nine-grid class="ai" display-row-count="${rowCount > 5 ? 5 : rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27363
27362
  <table>
27364
27363
  <caption>Sheet1</caption>
27364
+ <colgroup>
27365
+ <col background-color="gray"/>
27366
+ <col background-color="gray"/>
27367
+ <col background-color="red"/>
27368
+ <col background-color="red"/>
27369
+ <col background-color="red"/>
27370
+ <col background-color="gray"/>
27371
+ <col background-color="gray"/>
27372
+ </colgroup>
27365
27373
  <thead>
27366
27374
  <tr>
27367
27375
  <th>No.</th>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.360.0",
4
+ "version": "6.361.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -20,10 +20,8 @@ class aiMessage extends HTMLElement
20
20
  </style>
21
21
 
22
22
  <div class="chat-message">
23
- <span title="${this.#message}" class="message">
24
- ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
25
- </span>
26
- <span class="more" style="position:relative;"><a href="#">more</a></span>
23
+ <span class="message"></span>
24
+ <span class="more"><a href="#">more</a></span>
27
25
  </div>
28
26
 
29
27
  <div class="chat-menu">
@@ -36,10 +34,11 @@ class aiMessage extends HTMLElement
36
34
  </div>
37
35
  `;
38
36
 
39
- /**
40
37
  requestAnimationFrame(() => {
41
- console.log("requestAnimationFrame")
42
- }); */
38
+ const elMessage = this.shadowRoot.querySelector(".message");
39
+ elMessage.setAttribute("title", this.#message);
40
+ elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
+ });
43
42
  };
44
43
 
45
44
 
@@ -58,6 +57,15 @@ class aiMessage extends HTMLElement
58
57
  <nine-grid class="ai" display-row-count="${rowCount > 5 ? 5 : rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
59
58
  <table>
60
59
  <caption>Sheet1</caption>
60
+ <colgroup>
61
+ <col background-color="gray"/>
62
+ <col background-color="gray"/>
63
+ <col background-color="red"/>
64
+ <col background-color="red"/>
65
+ <col background-color="red"/>
66
+ <col background-color="gray"/>
67
+ <col background-color="gray"/>
68
+ </colgroup>
61
69
  <thead>
62
70
  <tr>
63
71
  <th>No.</th>