ninegrid2 6.307.0 → 6.309.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 +10 -2
  2. package/dist/bundle.cjs.js +10 -2
  3. package/dist/bundle.esm.js +10 -2
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +10 -2
package/dist/ai/aiMessage.js CHANGED
@@ -26,7 +26,7 @@ class aiMessage extends HTMLElement
26
26
  </div>
27
27
 
28
28
  <div class="chat-menu">
29
- <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
29
+ <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
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>
@@ -70,6 +70,12 @@ class aiMessage extends HTMLElement
70
70
  grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
71
71
  }, 500);
72
72
 
73
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
74
+ const grid = document.querySelector("nine-grid");
75
+
76
+ //console.log(data, JSON.parse(data));
77
+ grid.filtering.set(data);
78
+ });
73
79
 
74
80
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
75
81
  alert(this.#message);
@@ -79,10 +85,12 @@ class aiMessage extends HTMLElement
79
85
  const elMessage = this.shadowRoot.querySelector(".message");
80
86
  const elMore = this.shadowRoot.querySelector(".more");
81
87
 
88
+ console.log(elMessage.scrollWidth, elMessage.clientWidth);
89
+
82
90
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
83
91
  if (elMessage.scrollWidth > elMessage.clientWidth) {
84
92
  elMore.style.display = "flex";
85
- elMore.style.position = "absolute";
93
+ //elMore.style.position = "absolute";
86
94
  }
87
95
  else {
88
96
  elMore.style.display = "none";
package/dist/bundle.cjs.js CHANGED
@@ -27312,7 +27312,7 @@ class aiMessage extends HTMLElement
27312
27312
  </div>
27313
27313
 
27314
27314
  <div class="chat-menu">
27315
- <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27315
+ <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
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>
@@ -27355,6 +27355,12 @@ class aiMessage extends HTMLElement
27355
27355
  grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
27356
27356
  }, 500);
27357
27357
 
27358
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27359
+ const grid = document.querySelector("nine-grid");
27360
+
27361
+ //console.log(data, JSON.parse(data));
27362
+ grid.filtering.set(data);
27363
+ });
27358
27364
 
27359
27365
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27360
27366
  alert(this.#message);
@@ -27364,10 +27370,12 @@ class aiMessage extends HTMLElement
27364
27370
  const elMessage = this.shadowRoot.querySelector(".message");
27365
27371
  const elMore = this.shadowRoot.querySelector(".more");
27366
27372
 
27373
+ console.log(elMessage.scrollWidth, elMessage.clientWidth);
27374
+
27367
27375
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27368
27376
  if (elMessage.scrollWidth > elMessage.clientWidth) {
27369
27377
  elMore.style.display = "flex";
27370
- elMore.style.position = "absolute";
27378
+ //elMore.style.position = "absolute";
27371
27379
  }
27372
27380
  else {
27373
27381
  elMore.style.display = "none";
package/dist/bundle.esm.js CHANGED
@@ -27310,7 +27310,7 @@ class aiMessage extends HTMLElement
27310
27310
  </div>
27311
27311
 
27312
27312
  <div class="chat-menu">
27313
- <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
27313
+ <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
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>
@@ -27353,6 +27353,12 @@ class aiMessage extends HTMLElement
27353
27353
  grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
27354
27354
  }, 500);
27355
27355
 
27356
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27357
+ const grid = document.querySelector("nine-grid");
27358
+
27359
+ //console.log(data, JSON.parse(data));
27360
+ grid.filtering.set(data);
27361
+ });
27356
27362
 
27357
27363
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
27358
27364
  alert(this.#message);
@@ -27362,10 +27368,12 @@ class aiMessage extends HTMLElement
27362
27368
  const elMessage = this.shadowRoot.querySelector(".message");
27363
27369
  const elMore = this.shadowRoot.querySelector(".more");
27364
27370
 
27371
+ console.log(elMessage.scrollWidth, elMessage.clientWidth);
27372
+
27365
27373
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
27366
27374
  if (elMessage.scrollWidth > elMessage.clientWidth) {
27367
27375
  elMore.style.display = "flex";
27368
- elMore.style.position = "absolute";
27376
+ //elMore.style.position = "absolute";
27369
27377
  }
27370
27378
  else {
27371
27379
  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.307.0",
4
+ "version": "6.309.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -26,7 +26,7 @@ class aiMessage extends HTMLElement
26
26
  </div>
27
27
 
28
28
  <div class="chat-menu">
29
- <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
29
+ <svg class="filter" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
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>
@@ -70,6 +70,12 @@ class aiMessage extends HTMLElement
70
70
  grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
71
71
  }, 500);
72
72
 
73
+ this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
74
+ const grid = document.querySelector("nine-grid");
75
+
76
+ //console.log(data, JSON.parse(data));
77
+ grid.filtering.set(data);
78
+ });
73
79
 
74
80
  this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
75
81
  alert(this.#message);
@@ -79,10 +85,12 @@ class aiMessage extends HTMLElement
79
85
  const elMessage = this.shadowRoot.querySelector(".message");
80
86
  const elMore = this.shadowRoot.querySelector(".more");
81
87
 
88
+ console.log(elMessage.scrollWidth, elMessage.clientWidth);
89
+
82
90
  elMore.style.display = (elMessage.scrollWidth > elMessage.clientWidth) ? "flex" : "none";
83
91
  if (elMessage.scrollWidth > elMessage.clientWidth) {
84
92
  elMore.style.display = "flex";
85
- elMore.style.position = "absolute";
93
+ //elMore.style.position = "absolute";
86
94
  }
87
95
  else {
88
96
  elMore.style.display = "none";