ninegrid2 6.296.0 → 6.298.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 +21 -5
  2. package/dist/bundle.cjs.js +21 -5
  3. package/dist/bundle.esm.js +21 -5
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +21 -5
package/dist/ai/aiMessage.js CHANGED
@@ -30,6 +30,9 @@ class aiMessage extends HTMLElement
30
30
  <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"/>
31
31
  </svg>
32
32
  </div>
33
+
34
+ <div class="grid">
35
+ </div>
33
36
  `;
34
37
 
35
38
  this.#init();
@@ -37,6 +40,24 @@ class aiMessage extends HTMLElement
37
40
 
38
41
  #init = () => {
39
42
 
43
+ const html = `
44
+ <nine-grid>
45
+ <table>
46
+ <thead>
47
+ <th>col_id</th>
48
+ <th>col_nm</th>
49
+ <thead>
50
+ <tbody>
51
+ <td data-bind="col_id"></td>
52
+ <td data-bind="col_nm"></td>
53
+ <tbody>
54
+ </table>
55
+ </nine-grid>
56
+ `;
57
+
58
+ this.shadowRoot.querySelector(".grid").innerHTML = html;
59
+
60
+
40
61
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
41
62
  alert(this.#message);
42
63
  });
@@ -45,15 +66,10 @@ class aiMessage extends HTMLElement
45
66
  const elMessage = this.shadowRoot.querySelector(".message");
46
67
  const elMore = this.shadowRoot.querySelector(".more");
47
68
 
48
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
49
-
50
69
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
51
70
  if (elMessage.scrollWidth > elMessage.clientWidth) {
52
71
  elMore.style.display = "flex";
53
72
  elMore.style.position = "absolute";
54
- //elMore.style.position = "absolute";
55
- //elMore.style.position = "absolute";
56
- //elMore.style.position = "absolute";
57
73
  }
58
74
  else {
59
75
  elMore.style.display = "none";
package/dist/bundle.cjs.js CHANGED
@@ -27316,6 +27316,9 @@ class aiMessage extends HTMLElement
27316
27316
  <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"/>
27317
27317
  </svg>
27318
27318
  </div>
27319
+
27320
+ <div class="grid">
27321
+ </div>
27319
27322
  `;
27320
27323
 
27321
27324
  this.#init();
@@ -27323,6 +27326,24 @@ class aiMessage extends HTMLElement
27323
27326
 
27324
27327
  #init = () => {
27325
27328
 
27329
+ const html = `
27330
+ <nine-grid>
27331
+ <table>
27332
+ <thead>
27333
+ <th>col_id</th>
27334
+ <th>col_nm</th>
27335
+ <thead>
27336
+ <tbody>
27337
+ <td data-bind="col_id"></td>
27338
+ <td data-bind="col_nm"></td>
27339
+ <tbody>
27340
+ </table>
27341
+ </nine-grid>
27342
+ `;
27343
+
27344
+ this.shadowRoot.querySelector(".grid").innerHTML = html;
27345
+
27346
+
27326
27347
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27327
27348
  alert(this.#message);
27328
27349
  });
@@ -27331,15 +27352,10 @@ class aiMessage extends HTMLElement
27331
27352
  const elMessage = this.shadowRoot.querySelector(".message");
27332
27353
  const elMore = this.shadowRoot.querySelector(".more");
27333
27354
 
27334
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
27335
-
27336
27355
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27337
27356
  if (elMessage.scrollWidth > elMessage.clientWidth) {
27338
27357
  elMore.style.display = "flex";
27339
27358
  elMore.style.position = "absolute";
27340
- //elMore.style.position = "absolute";
27341
- //elMore.style.position = "absolute";
27342
- //elMore.style.position = "absolute";
27343
27359
  }
27344
27360
  else {
27345
27361
  elMore.style.display = "none";
package/dist/bundle.esm.js CHANGED
@@ -27314,6 +27314,9 @@ class aiMessage extends HTMLElement
27314
27314
  <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"/>
27315
27315
  </svg>
27316
27316
  </div>
27317
+
27318
+ <div class="grid">
27319
+ </div>
27317
27320
  `;
27318
27321
 
27319
27322
  this.#init();
@@ -27321,6 +27324,24 @@ class aiMessage extends HTMLElement
27321
27324
 
27322
27325
  #init = () => {
27323
27326
 
27327
+ const html = `
27328
+ <nine-grid>
27329
+ <table>
27330
+ <thead>
27331
+ <th>col_id</th>
27332
+ <th>col_nm</th>
27333
+ <thead>
27334
+ <tbody>
27335
+ <td data-bind="col_id"></td>
27336
+ <td data-bind="col_nm"></td>
27337
+ <tbody>
27338
+ </table>
27339
+ </nine-grid>
27340
+ `;
27341
+
27342
+ this.shadowRoot.querySelector(".grid").innerHTML = html;
27343
+
27344
+
27324
27345
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27325
27346
  alert(this.#message);
27326
27347
  });
@@ -27329,15 +27350,10 @@ class aiMessage extends HTMLElement
27329
27350
  const elMessage = this.shadowRoot.querySelector(".message");
27330
27351
  const elMore = this.shadowRoot.querySelector(".more");
27331
27352
 
27332
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
27333
-
27334
27353
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27335
27354
  if (elMessage.scrollWidth > elMessage.clientWidth) {
27336
27355
  elMore.style.display = "flex";
27337
27356
  elMore.style.position = "absolute";
27338
- //elMore.style.position = "absolute";
27339
- //elMore.style.position = "absolute";
27340
- //elMore.style.position = "absolute";
27341
27357
  }
27342
27358
  else {
27343
27359
  elMore.style.display = "none";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.296.0",
4
+ "version": "6.298.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -30,6 +30,9 @@ class aiMessage extends HTMLElement
30
30
  <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"/>
31
31
  </svg>
32
32
  </div>
33
+
34
+ <div class="grid">
35
+ </div>
33
36
  `;
34
37
 
35
38
  this.#init();
@@ -37,6 +40,24 @@ class aiMessage extends HTMLElement
37
40
 
38
41
  #init = () => {
39
42
 
43
+ const html = `
44
+ <nine-grid>
45
+ <table>
46
+ <thead>
47
+ <th>col_id</th>
48
+ <th>col_nm</th>
49
+ <thead>
50
+ <tbody>
51
+ <td data-bind="col_id"></td>
52
+ <td data-bind="col_nm"></td>
53
+ <tbody>
54
+ </table>
55
+ </nine-grid>
56
+ `;
57
+
58
+ this.shadowRoot.querySelector(".grid").innerHTML = html;
59
+
60
+
40
61
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
41
62
  alert(this.#message);
42
63
  });
@@ -45,15 +66,10 @@ class aiMessage extends HTMLElement
45
66
  const elMessage = this.shadowRoot.querySelector(".message");
46
67
  const elMore = this.shadowRoot.querySelector(".more");
47
68
 
48
- console.log(elMessage, elMessage.scrollWidth, elMessage.clientWidth, elMessage.offsetWidth);
49
-
50
69
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
51
70
  if (elMessage.scrollWidth > elMessage.clientWidth) {
52
71
  elMore.style.display = "flex";
53
72
  elMore.style.position = "absolute";
54
- //elMore.style.position = "absolute";
55
- //elMore.style.position = "absolute";
56
- //elMore.style.position = "absolute";
57
73
  }
58
74
  else {
59
75
  elMore.style.display = "none";