ninegrid2 6.362.0 → 6.364.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 +31 -34
  2. package/dist/bundle.cjs.js +31 -34
  3. package/dist/bundle.esm.js +31 -34
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +31 -34
package/dist/ai/aiMessage.js CHANGED
@@ -25,8 +25,13 @@ class aiMessage extends HTMLElement
25
25
  </div>
26
26
 
27
27
  <div class="chat-menu">
28
- <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
29
- <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
28
+ <span class="filter">apply filter</span>
29
+ <div></div>
30
+ <svg class="excel" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
31
+ <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z"/>
32
+ </svg>
33
+ <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
34
+ <path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5"/>
30
35
  </svg>
31
36
  </div>
32
37
 
@@ -39,8 +44,24 @@ class aiMessage extends HTMLElement
39
44
  elMessage.setAttribute("title", this.#message);
40
45
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
46
 
42
- setTimeout(() => {
47
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
48
+ const grid = document.querySelector("nine-grid");
49
+ grid.filtering.set(data);
50
+ });
51
+
52
+ this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
53
+ console.log(e);
54
+ });
55
+
56
+ this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
57
+ console.log(e);
58
+ });
59
+
60
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
61
+ alert(this.#message);
62
+ });
43
63
 
64
+ setTimeout(() => {
44
65
  const elMore = this.shadowRoot.querySelector(".more");
45
66
 
46
67
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -71,13 +92,13 @@ class aiMessage extends HTMLElement
71
92
  <table>
72
93
  <caption>Sheet1</caption>
73
94
  <colgroup>
74
- <col background-color="gray"/>
75
- <col background-color="gray"/>
76
- <col background-color="red"/>
77
- <col background-color="red"/>
78
- <col background-color="red"/>
79
- <col background-color="gray"/>
80
- <col background-color="gray"/>
95
+ <col background-color="#888"/>
96
+ <col background-color="#888"/>
97
+ <col background-color="#888"/>
98
+ <col background-color="#888"/>
99
+ <col background-color="#888"/>
100
+ <col background-color="#888"/>
101
+ <col background-color="#888"/>
81
102
  </colgroup>
82
103
  <thead>
83
104
  <tr>
@@ -107,33 +128,9 @@ class aiMessage extends HTMLElement
107
128
 
108
129
  this.shadowRoot.querySelector(".grid").innerHTML = html;
109
130
 
110
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
111
- const grid = document.querySelector("nine-grid");
112
- grid.filtering.set(data);
113
- });
114
-
115
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
116
- alert(this.#message);
117
- });
118
-
119
- /**
120
- setTimeout(() => {
121
-
122
- const elMore = this.shadowRoot.querySelector(".more");
123
-
124
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
125
- elMore.style.display = "flex";
126
- elMore.style.position = "absolute";
127
- }
128
- else {
129
- elMore.style.display = "none";
130
- }
131
- }); */
132
-
133
131
  setTimeout(() => {
134
132
  const grd = this.shadowRoot.querySelector("nine-grid");
135
133
  grd.data.source = this.#data;
136
- //grd.setAttribute("display-row-count", 2);
137
134
  });
138
135
  };
139
136
  }
package/dist/bundle.cjs.js CHANGED
@@ -27331,8 +27331,13 @@ class aiMessage extends HTMLElement
27331
27331
  </div>
27332
27332
 
27333
27333
  <div class="chat-menu">
27334
- <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27335
- <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
27334
+ <span class="filter">apply filter</span>
27335
+ <div></div>
27336
+ <svg class="excel" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27337
+ <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z"/>
27338
+ </svg>
27339
+ <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27340
+ <path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5"/>
27336
27341
  </svg>
27337
27342
  </div>
27338
27343
 
@@ -27345,8 +27350,24 @@ class aiMessage extends HTMLElement
27345
27350
  elMessage.setAttribute("title", this.#message);
27346
27351
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27347
27352
 
27348
- setTimeout(() => {
27353
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27354
+ const grid = document.querySelector("nine-grid");
27355
+ grid.filtering.set(data);
27356
+ });
27357
+
27358
+ this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
27359
+ console.log(e);
27360
+ });
27361
+
27362
+ this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
27363
+ console.log(e);
27364
+ });
27365
+
27366
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27367
+ alert(this.#message);
27368
+ });
27349
27369
 
27370
+ setTimeout(() => {
27350
27371
  const elMore = this.shadowRoot.querySelector(".more");
27351
27372
 
27352
27373
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -27377,13 +27398,13 @@ class aiMessage extends HTMLElement
27377
27398
  <table>
27378
27399
  <caption>Sheet1</caption>
27379
27400
  <colgroup>
27380
- <col background-color="gray"/>
27381
- <col background-color="gray"/>
27382
- <col background-color="red"/>
27383
- <col background-color="red"/>
27384
- <col background-color="red"/>
27385
- <col background-color="gray"/>
27386
- <col background-color="gray"/>
27401
+ <col background-color="#888"/>
27402
+ <col background-color="#888"/>
27403
+ <col background-color="#888"/>
27404
+ <col background-color="#888"/>
27405
+ <col background-color="#888"/>
27406
+ <col background-color="#888"/>
27407
+ <col background-color="#888"/>
27387
27408
  </colgroup>
27388
27409
  <thead>
27389
27410
  <tr>
@@ -27413,33 +27434,9 @@ class aiMessage extends HTMLElement
27413
27434
 
27414
27435
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27415
27436
 
27416
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27417
- const grid = document.querySelector("nine-grid");
27418
- grid.filtering.set(data);
27419
- });
27420
-
27421
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27422
- alert(this.#message);
27423
- });
27424
-
27425
- /**
27426
- setTimeout(() => {
27427
-
27428
- const elMore = this.shadowRoot.querySelector(".more");
27429
-
27430
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27431
- elMore.style.display = "flex";
27432
- elMore.style.position = "absolute";
27433
- }
27434
- else {
27435
- elMore.style.display = "none";
27436
- }
27437
- }); */
27438
-
27439
27437
  setTimeout(() => {
27440
27438
  const grd = this.shadowRoot.querySelector("nine-grid");
27441
27439
  grd.data.source = this.#data;
27442
- //grd.setAttribute("display-row-count", 2);
27443
27440
  });
27444
27441
  };
27445
27442
  }
package/dist/bundle.esm.js CHANGED
@@ -27329,8 +27329,13 @@ class aiMessage extends HTMLElement
27329
27329
  </div>
27330
27330
 
27331
27331
  <div class="chat-menu">
27332
- <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27333
- <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
27332
+ <span class="filter">apply filter</span>
27333
+ <div></div>
27334
+ <svg class="excel" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27335
+ <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z"/>
27336
+ </svg>
27337
+ <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
27338
+ <path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5"/>
27334
27339
  </svg>
27335
27340
  </div>
27336
27341
 
@@ -27343,8 +27348,24 @@ class aiMessage extends HTMLElement
27343
27348
  elMessage.setAttribute("title", this.#message);
27344
27349
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27345
27350
 
27346
- setTimeout(() => {
27351
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27352
+ const grid = document.querySelector("nine-grid");
27353
+ grid.filtering.set(data);
27354
+ });
27355
+
27356
+ this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
27357
+ console.log(e);
27358
+ });
27359
+
27360
+ this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
27361
+ console.log(e);
27362
+ });
27363
+
27364
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27365
+ alert(this.#message);
27366
+ });
27347
27367
 
27368
+ setTimeout(() => {
27348
27369
  const elMore = this.shadowRoot.querySelector(".more");
27349
27370
 
27350
27371
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -27375,13 +27396,13 @@ class aiMessage extends HTMLElement
27375
27396
  <table>
27376
27397
  <caption>Sheet1</caption>
27377
27398
  <colgroup>
27378
- <col background-color="gray"/>
27379
- <col background-color="gray"/>
27380
- <col background-color="red"/>
27381
- <col background-color="red"/>
27382
- <col background-color="red"/>
27383
- <col background-color="gray"/>
27384
- <col background-color="gray"/>
27399
+ <col background-color="#888"/>
27400
+ <col background-color="#888"/>
27401
+ <col background-color="#888"/>
27402
+ <col background-color="#888"/>
27403
+ <col background-color="#888"/>
27404
+ <col background-color="#888"/>
27405
+ <col background-color="#888"/>
27385
27406
  </colgroup>
27386
27407
  <thead>
27387
27408
  <tr>
@@ -27411,33 +27432,9 @@ class aiMessage extends HTMLElement
27411
27432
 
27412
27433
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27413
27434
 
27414
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27415
- const grid = document.querySelector("nine-grid");
27416
- grid.filtering.set(data);
27417
- });
27418
-
27419
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27420
- alert(this.#message);
27421
- });
27422
-
27423
- /**
27424
- setTimeout(() => {
27425
-
27426
- const elMore = this.shadowRoot.querySelector(".more");
27427
-
27428
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27429
- elMore.style.display = "flex";
27430
- elMore.style.position = "absolute";
27431
- }
27432
- else {
27433
- elMore.style.display = "none";
27434
- }
27435
- }); */
27436
-
27437
27435
  setTimeout(() => {
27438
27436
  const grd = this.shadowRoot.querySelector("nine-grid");
27439
27437
  grd.data.source = this.#data;
27440
- //grd.setAttribute("display-row-count", 2);
27441
27438
  });
27442
27439
  };
27443
27440
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.362.0",
4
+ "version": "6.364.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -25,8 +25,13 @@ class aiMessage extends HTMLElement
25
25
  </div>
26
26
 
27
27
  <div class="chat-menu">
28
- <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
29
- <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
28
+ <span class="filter">apply filter</span>
29
+ <div></div>
30
+ <svg class="excel" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
31
+ <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z"/>
32
+ </svg>
33
+ <svg class="maximize" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
34
+ <path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5"/>
30
35
  </svg>
31
36
  </div>
32
37
 
@@ -39,8 +44,24 @@ class aiMessage extends HTMLElement
39
44
  elMessage.setAttribute("title", this.#message);
40
45
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
46
 
42
- setTimeout(() => {
47
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
48
+ const grid = document.querySelector("nine-grid");
49
+ grid.filtering.set(data);
50
+ });
51
+
52
+ this.shadowRoot.querySelector(".maximize").addEventListener("click", e => {
53
+ console.log(e);
54
+ });
55
+
56
+ this.shadowRoot.querySelector(".excel").addEventListener("click", e => {
57
+ console.log(e);
58
+ });
59
+
60
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
61
+ alert(this.#message);
62
+ });
43
63
 
64
+ setTimeout(() => {
44
65
  const elMore = this.shadowRoot.querySelector(".more");
45
66
 
46
67
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -71,13 +92,13 @@ class aiMessage extends HTMLElement
71
92
  <table>
72
93
  <caption>Sheet1</caption>
73
94
  <colgroup>
74
- <col background-color="gray"/>
75
- <col background-color="gray"/>
76
- <col background-color="red"/>
77
- <col background-color="red"/>
78
- <col background-color="red"/>
79
- <col background-color="gray"/>
80
- <col background-color="gray"/>
95
+ <col background-color="#888"/>
96
+ <col background-color="#888"/>
97
+ <col background-color="#888"/>
98
+ <col background-color="#888"/>
99
+ <col background-color="#888"/>
100
+ <col background-color="#888"/>
101
+ <col background-color="#888"/>
81
102
  </colgroup>
82
103
  <thead>
83
104
  <tr>
@@ -107,33 +128,9 @@ class aiMessage extends HTMLElement
107
128
 
108
129
  this.shadowRoot.querySelector(".grid").innerHTML = html;
109
130
 
110
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
111
- const grid = document.querySelector("nine-grid");
112
- grid.filtering.set(data);
113
- });
114
-
115
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
116
- alert(this.#message);
117
- });
118
-
119
- /**
120
- setTimeout(() => {
121
-
122
- const elMore = this.shadowRoot.querySelector(".more");
123
-
124
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
125
- elMore.style.display = "flex";
126
- elMore.style.position = "absolute";
127
- }
128
- else {
129
- elMore.style.display = "none";
130
- }
131
- }); */
132
-
133
131
  setTimeout(() => {
134
132
  const grd = this.shadowRoot.querySelector("nine-grid");
135
133
  grd.data.source = this.#data;
136
- //grd.setAttribute("display-row-count", 2);
137
134
  });
138
135
  };
139
136
  }