ninegrid2 6.361.0 → 6.363.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 +28 -29
  2. package/dist/bundle.cjs.js +28 -29
  3. package/dist/bundle.esm.js +28 -29
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +28 -29
package/dist/ai/aiMessage.js CHANGED
@@ -38,6 +38,27 @@ class aiMessage extends HTMLElement
38
38
  const elMessage = this.shadowRoot.querySelector(".message");
39
39
  elMessage.setAttribute("title", this.#message);
40
40
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
+
42
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
43
+ const grid = document.querySelector("nine-grid");
44
+ grid.filtering.set(data);
45
+ });
46
+
47
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
48
+ alert(this.#message);
49
+ });
50
+
51
+ setTimeout(() => {
52
+ const elMore = this.shadowRoot.querySelector(".more");
53
+
54
+ if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
55
+ elMore.style.display = "flex";
56
+ elMore.style.position = "absolute";
57
+ }
58
+ else {
59
+ elMore.style.display = "none";
60
+ }
61
+ });
41
62
  });
42
63
  };
43
64
 
@@ -58,13 +79,13 @@ class aiMessage extends HTMLElement
58
79
  <table>
59
80
  <caption>Sheet1</caption>
60
81
  <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"/>
82
+ <col background-color="#888"/>
83
+ <col background-color="#888"/>
84
+ <col background-color="#888"/>
85
+ <col background-color="#888"/>
86
+ <col background-color="#888"/>
87
+ <col background-color="#888"/>
88
+ <col background-color="#888"/>
68
89
  </colgroup>
69
90
  <thead>
70
91
  <tr>
@@ -94,31 +115,9 @@ class aiMessage extends HTMLElement
94
115
 
95
116
  this.shadowRoot.querySelector(".grid").innerHTML = html;
96
117
 
97
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
98
- const grid = document.querySelector("nine-grid");
99
- grid.filtering.set(data);
100
- });
101
-
102
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
103
- alert(this.#message);
104
- });
105
-
106
- setTimeout(() => {
107
- const elMore = this.shadowRoot.querySelector(".more");
108
-
109
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
110
- elMore.style.display = "flex";
111
- elMore.style.position = "absolute";
112
- }
113
- else {
114
- elMore.style.display = "none";
115
- }
116
- });
117
-
118
118
  setTimeout(() => {
119
119
  const grd = this.shadowRoot.querySelector("nine-grid");
120
120
  grd.data.source = this.#data;
121
- //grd.setAttribute("display-row-count", 2);
122
121
  });
123
122
  };
124
123
  }
package/dist/bundle.cjs.js CHANGED
@@ -27344,6 +27344,27 @@ class aiMessage extends HTMLElement
27344
27344
  const elMessage = this.shadowRoot.querySelector(".message");
27345
27345
  elMessage.setAttribute("title", this.#message);
27346
27346
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27347
+
27348
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27349
+ const grid = document.querySelector("nine-grid");
27350
+ grid.filtering.set(data);
27351
+ });
27352
+
27353
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27354
+ alert(this.#message);
27355
+ });
27356
+
27357
+ setTimeout(() => {
27358
+ const elMore = this.shadowRoot.querySelector(".more");
27359
+
27360
+ if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27361
+ elMore.style.display = "flex";
27362
+ elMore.style.position = "absolute";
27363
+ }
27364
+ else {
27365
+ elMore.style.display = "none";
27366
+ }
27367
+ });
27347
27368
  });
27348
27369
  };
27349
27370
 
@@ -27364,13 +27385,13 @@ class aiMessage extends HTMLElement
27364
27385
  <table>
27365
27386
  <caption>Sheet1</caption>
27366
27387
  <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"/>
27388
+ <col background-color="#888"/>
27389
+ <col background-color="#888"/>
27390
+ <col background-color="#888"/>
27391
+ <col background-color="#888"/>
27392
+ <col background-color="#888"/>
27393
+ <col background-color="#888"/>
27394
+ <col background-color="#888"/>
27374
27395
  </colgroup>
27375
27396
  <thead>
27376
27397
  <tr>
@@ -27400,31 +27421,9 @@ class aiMessage extends HTMLElement
27400
27421
 
27401
27422
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27402
27423
 
27403
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27404
- const grid = document.querySelector("nine-grid");
27405
- grid.filtering.set(data);
27406
- });
27407
-
27408
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27409
- alert(this.#message);
27410
- });
27411
-
27412
- setTimeout(() => {
27413
- const elMore = this.shadowRoot.querySelector(".more");
27414
-
27415
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27416
- elMore.style.display = "flex";
27417
- elMore.style.position = "absolute";
27418
- }
27419
- else {
27420
- elMore.style.display = "none";
27421
- }
27422
- });
27423
-
27424
27424
  setTimeout(() => {
27425
27425
  const grd = this.shadowRoot.querySelector("nine-grid");
27426
27426
  grd.data.source = this.#data;
27427
- //grd.setAttribute("display-row-count", 2);
27428
27427
  });
27429
27428
  };
27430
27429
  }
package/dist/bundle.esm.js CHANGED
@@ -27342,6 +27342,27 @@ class aiMessage extends HTMLElement
27342
27342
  const elMessage = this.shadowRoot.querySelector(".message");
27343
27343
  elMessage.setAttribute("title", this.#message);
27344
27344
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27345
+
27346
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27347
+ const grid = document.querySelector("nine-grid");
27348
+ grid.filtering.set(data);
27349
+ });
27350
+
27351
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27352
+ alert(this.#message);
27353
+ });
27354
+
27355
+ setTimeout(() => {
27356
+ const elMore = this.shadowRoot.querySelector(".more");
27357
+
27358
+ if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27359
+ elMore.style.display = "flex";
27360
+ elMore.style.position = "absolute";
27361
+ }
27362
+ else {
27363
+ elMore.style.display = "none";
27364
+ }
27365
+ });
27345
27366
  });
27346
27367
  };
27347
27368
 
@@ -27362,13 +27383,13 @@ class aiMessage extends HTMLElement
27362
27383
  <table>
27363
27384
  <caption>Sheet1</caption>
27364
27385
  <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"/>
27386
+ <col background-color="#888"/>
27387
+ <col background-color="#888"/>
27388
+ <col background-color="#888"/>
27389
+ <col background-color="#888"/>
27390
+ <col background-color="#888"/>
27391
+ <col background-color="#888"/>
27392
+ <col background-color="#888"/>
27372
27393
  </colgroup>
27373
27394
  <thead>
27374
27395
  <tr>
@@ -27398,31 +27419,9 @@ class aiMessage extends HTMLElement
27398
27419
 
27399
27420
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27400
27421
 
27401
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27402
- const grid = document.querySelector("nine-grid");
27403
- grid.filtering.set(data);
27404
- });
27405
-
27406
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27407
- alert(this.#message);
27408
- });
27409
-
27410
- setTimeout(() => {
27411
- const elMore = this.shadowRoot.querySelector(".more");
27412
-
27413
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
27414
- elMore.style.display = "flex";
27415
- elMore.style.position = "absolute";
27416
- }
27417
- else {
27418
- elMore.style.display = "none";
27419
- }
27420
- });
27421
-
27422
27422
  setTimeout(() => {
27423
27423
  const grd = this.shadowRoot.querySelector("nine-grid");
27424
27424
  grd.data.source = this.#data;
27425
- //grd.setAttribute("display-row-count", 2);
27426
27425
  });
27427
27426
  };
27428
27427
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.361.0",
4
+ "version": "6.363.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -38,6 +38,27 @@ class aiMessage extends HTMLElement
38
38
  const elMessage = this.shadowRoot.querySelector(".message");
39
39
  elMessage.setAttribute("title", this.#message);
40
40
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
+
42
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
43
+ const grid = document.querySelector("nine-grid");
44
+ grid.filtering.set(data);
45
+ });
46
+
47
+ this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
48
+ alert(this.#message);
49
+ });
50
+
51
+ setTimeout(() => {
52
+ const elMore = this.shadowRoot.querySelector(".more");
53
+
54
+ if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
55
+ elMore.style.display = "flex";
56
+ elMore.style.position = "absolute";
57
+ }
58
+ else {
59
+ elMore.style.display = "none";
60
+ }
61
+ });
41
62
  });
42
63
  };
43
64
 
@@ -58,13 +79,13 @@ class aiMessage extends HTMLElement
58
79
  <table>
59
80
  <caption>Sheet1</caption>
60
81
  <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"/>
82
+ <col background-color="#888"/>
83
+ <col background-color="#888"/>
84
+ <col background-color="#888"/>
85
+ <col background-color="#888"/>
86
+ <col background-color="#888"/>
87
+ <col background-color="#888"/>
88
+ <col background-color="#888"/>
68
89
  </colgroup>
69
90
  <thead>
70
91
  <tr>
@@ -94,31 +115,9 @@ class aiMessage extends HTMLElement
94
115
 
95
116
  this.shadowRoot.querySelector(".grid").innerHTML = html;
96
117
 
97
- this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
98
- const grid = document.querySelector("nine-grid");
99
- grid.filtering.set(data);
100
- });
101
-
102
- this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
103
- alert(this.#message);
104
- });
105
-
106
- setTimeout(() => {
107
- const elMore = this.shadowRoot.querySelector(".more");
108
-
109
- if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
110
- elMore.style.display = "flex";
111
- elMore.style.position = "absolute";
112
- }
113
- else {
114
- elMore.style.display = "none";
115
- }
116
- });
117
-
118
118
  setTimeout(() => {
119
119
  const grd = this.shadowRoot.querySelector("nine-grid");
120
120
  grd.data.source = this.#data;
121
- //grd.setAttribute("display-row-count", 2);
122
121
  });
123
122
  };
124
123
  }