ninegrid2 6.362.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 +16 -32
  2. package/dist/bundle.cjs.js +16 -32
  3. package/dist/bundle.esm.js +16 -32
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +16 -32
package/dist/ai/aiMessage.js CHANGED
@@ -39,8 +39,16 @@ class aiMessage extends HTMLElement
39
39
  elMessage.setAttribute("title", this.#message);
40
40
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
41
 
42
- setTimeout(() => {
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
+ });
43
50
 
51
+ setTimeout(() => {
44
52
  const elMore = this.shadowRoot.querySelector(".more");
45
53
 
46
54
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -71,13 +79,13 @@ class aiMessage extends HTMLElement
71
79
  <table>
72
80
  <caption>Sheet1</caption>
73
81
  <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"/>
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"/>
81
89
  </colgroup>
82
90
  <thead>
83
91
  <tr>
@@ -107,33 +115,9 @@ class aiMessage extends HTMLElement
107
115
 
108
116
  this.shadowRoot.querySelector(".grid").innerHTML = html;
109
117
 
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
118
  setTimeout(() => {
134
119
  const grd = this.shadowRoot.querySelector("nine-grid");
135
120
  grd.data.source = this.#data;
136
- //grd.setAttribute("display-row-count", 2);
137
121
  });
138
122
  };
139
123
  }
package/dist/bundle.cjs.js CHANGED
@@ -27345,8 +27345,16 @@ class aiMessage extends HTMLElement
27345
27345
  elMessage.setAttribute("title", this.#message);
27346
27346
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27347
27347
 
27348
- setTimeout(() => {
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
+ });
27349
27356
 
27357
+ setTimeout(() => {
27350
27358
  const elMore = this.shadowRoot.querySelector(".more");
27351
27359
 
27352
27360
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -27377,13 +27385,13 @@ class aiMessage extends HTMLElement
27377
27385
  <table>
27378
27386
  <caption>Sheet1</caption>
27379
27387
  <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"/>
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"/>
27387
27395
  </colgroup>
27388
27396
  <thead>
27389
27397
  <tr>
@@ -27413,33 +27421,9 @@ class aiMessage extends HTMLElement
27413
27421
 
27414
27422
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27415
27423
 
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
27424
  setTimeout(() => {
27440
27425
  const grd = this.shadowRoot.querySelector("nine-grid");
27441
27426
  grd.data.source = this.#data;
27442
- //grd.setAttribute("display-row-count", 2);
27443
27427
  });
27444
27428
  };
27445
27429
  }
package/dist/bundle.esm.js CHANGED
@@ -27343,8 +27343,16 @@ class aiMessage extends HTMLElement
27343
27343
  elMessage.setAttribute("title", this.#message);
27344
27344
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
27345
27345
 
27346
- setTimeout(() => {
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
+ });
27347
27354
 
27355
+ setTimeout(() => {
27348
27356
  const elMore = this.shadowRoot.querySelector(".more");
27349
27357
 
27350
27358
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -27375,13 +27383,13 @@ class aiMessage extends HTMLElement
27375
27383
  <table>
27376
27384
  <caption>Sheet1</caption>
27377
27385
  <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"/>
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"/>
27385
27393
  </colgroup>
27386
27394
  <thead>
27387
27395
  <tr>
@@ -27411,33 +27419,9 @@ class aiMessage extends HTMLElement
27411
27419
 
27412
27420
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27413
27421
 
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
27422
  setTimeout(() => {
27438
27423
  const grd = this.shadowRoot.querySelector("nine-grid");
27439
27424
  grd.data.source = this.#data;
27440
- //grd.setAttribute("display-row-count", 2);
27441
27425
  });
27442
27426
  };
27443
27427
  }
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.363.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -39,8 +39,16 @@ class aiMessage extends HTMLElement
39
39
  elMessage.setAttribute("title", this.#message);
40
40
  elMessage.innerHTML = this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>");
41
41
 
42
- setTimeout(() => {
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
+ });
43
50
 
51
+ setTimeout(() => {
44
52
  const elMore = this.shadowRoot.querySelector(".more");
45
53
 
46
54
  if (ninegrid.isEllipsis(this.shadowRoot.querySelector(".message"))) {
@@ -71,13 +79,13 @@ class aiMessage extends HTMLElement
71
79
  <table>
72
80
  <caption>Sheet1</caption>
73
81
  <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"/>
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"/>
81
89
  </colgroup>
82
90
  <thead>
83
91
  <tr>
@@ -107,33 +115,9 @@ class aiMessage extends HTMLElement
107
115
 
108
116
  this.shadowRoot.querySelector(".grid").innerHTML = html;
109
117
 
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
118
  setTimeout(() => {
134
119
  const grd = this.shadowRoot.querySelector("nine-grid");
135
120
  grd.data.source = this.#data;
136
- //grd.setAttribute("display-row-count", 2);
137
121
  });
138
122
  };
139
123
  }