ninegrid2 6.336.0 → 6.338.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.
@@ -11,7 +11,7 @@ class aiMessage extends HTMLElement
11
11
  }
12
12
 
13
13
  connectedCallback() {
14
- this.#message = this.getAttribute("message");
14
+ //this.#message = this.getAttribute("message");
15
15
 
16
16
  this.shadowRoot.innerHTML = `
17
17
  <style>
@@ -36,20 +36,23 @@ class aiMessage extends HTMLElement
36
36
  </div>
37
37
  `;
38
38
 
39
- this.#init();
39
+ //this.#init();
40
40
  };
41
41
 
42
- get data() {
43
- return this.#data;
44
- }
45
- set data(v) {
46
- this.#data = v;
42
+ initialize = (data) => {
43
+ this.#data = data;
44
+
45
+ setTimeout(() => {
46
+ this.#init();
47
+ }, 300);
48
+
47
49
  }
48
50
 
49
51
  #init = () => {
50
52
 
53
+ const rowCount = this.#data.length > 5 ? 5 : this.#data.length;
51
54
  const html = `
52
- <nine-grid display-row-count="5" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
55
+ <nine-grid display-row-count="${rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
53
56
  <table>
54
57
  <caption>Sheet1</caption>
55
58
  <thead>
@@ -221,7 +224,8 @@ class aiChat extends HTMLElement
221
224
 
222
225
  el = document.createElement("nx-ai-message");
223
226
  el.setAttribute("message", message);
224
- el.data = data;
227
+ //el.data = data;
228
+ el.initialize(data);
225
229
  target.appendChild(el);
226
230
  break;
227
231
 
@@ -27318,7 +27318,7 @@ class aiMessage extends HTMLElement
27318
27318
  }
27319
27319
 
27320
27320
  connectedCallback() {
27321
- this.#message = this.getAttribute("message");
27321
+ //this.#message = this.getAttribute("message");
27322
27322
 
27323
27323
  this.shadowRoot.innerHTML = `
27324
27324
  <style>
@@ -27343,20 +27343,23 @@ class aiMessage extends HTMLElement
27343
27343
  </div>
27344
27344
  `;
27345
27345
 
27346
- this.#init();
27346
+ //this.#init();
27347
27347
  };
27348
27348
 
27349
- get data() {
27350
- return this.#data;
27351
- }
27352
- set data(v) {
27353
- this.#data = v;
27349
+ initialize = (data) => {
27350
+ this.#data = data;
27351
+
27352
+ setTimeout(() => {
27353
+ this.#init();
27354
+ }, 300);
27355
+
27354
27356
  }
27355
27357
 
27356
27358
  #init = () => {
27357
27359
 
27360
+ const rowCount = this.#data.length > 5 ? 5 : this.#data.length;
27358
27361
  const html = `
27359
- <nine-grid display-row-count="5" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27362
+ <nine-grid display-row-count="${rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27360
27363
  <table>
27361
27364
  <caption>Sheet1</caption>
27362
27365
  <thead>
@@ -27528,7 +27531,8 @@ class aiChat extends HTMLElement
27528
27531
 
27529
27532
  el = document.createElement("nx-ai-message");
27530
27533
  el.setAttribute("message", message);
27531
- el.data = data;
27534
+ //el.data = data;
27535
+ el.initialize(data);
27532
27536
  target.appendChild(el);
27533
27537
  break;
27534
27538
  }
@@ -27316,7 +27316,7 @@ class aiMessage extends HTMLElement
27316
27316
  }
27317
27317
 
27318
27318
  connectedCallback() {
27319
- this.#message = this.getAttribute("message");
27319
+ //this.#message = this.getAttribute("message");
27320
27320
 
27321
27321
  this.shadowRoot.innerHTML = `
27322
27322
  <style>
@@ -27341,20 +27341,23 @@ class aiMessage extends HTMLElement
27341
27341
  </div>
27342
27342
  `;
27343
27343
 
27344
- this.#init();
27344
+ //this.#init();
27345
27345
  };
27346
27346
 
27347
- get data() {
27348
- return this.#data;
27349
- }
27350
- set data(v) {
27351
- this.#data = v;
27347
+ initialize = (data) => {
27348
+ this.#data = data;
27349
+
27350
+ setTimeout(() => {
27351
+ this.#init();
27352
+ }, 300);
27353
+
27352
27354
  }
27353
27355
 
27354
27356
  #init = () => {
27355
27357
 
27358
+ const rowCount = this.#data.length > 5 ? 5 : this.#data.length;
27356
27359
  const html = `
27357
- <nine-grid display-row-count="5" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27360
+ <nine-grid display-row-count="${rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27358
27361
  <table>
27359
27362
  <caption>Sheet1</caption>
27360
27363
  <thead>
@@ -27526,7 +27529,8 @@ class aiChat extends HTMLElement
27526
27529
 
27527
27530
  el = document.createElement("nx-ai-message");
27528
27531
  el.setAttribute("message", message);
27529
- el.data = data;
27532
+ //el.data = data;
27533
+ el.initialize(data);
27530
27534
  target.appendChild(el);
27531
27535
  break;
27532
27536
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.336.0",
4
+ "version": "6.338.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
@@ -11,7 +11,7 @@ class aiMessage extends HTMLElement
11
11
  }
12
12
 
13
13
  connectedCallback() {
14
- this.#message = this.getAttribute("message");
14
+ //this.#message = this.getAttribute("message");
15
15
 
16
16
  this.shadowRoot.innerHTML = `
17
17
  <style>
@@ -36,20 +36,23 @@ class aiMessage extends HTMLElement
36
36
  </div>
37
37
  `;
38
38
 
39
- this.#init();
39
+ //this.#init();
40
40
  };
41
41
 
42
- get data() {
43
- return this.#data;
44
- }
45
- set data(v) {
46
- this.#data = v;
42
+ initialize = (data) => {
43
+ this.#data = data;
44
+
45
+ setTimeout(() => {
46
+ this.#init();
47
+ }, 300);
48
+
47
49
  }
48
50
 
49
51
  #init = () => {
50
52
 
53
+ const rowCount = this.#data.length > 5 ? 5 : this.#data.length;
51
54
  const html = `
52
- <nine-grid display-row-count="5" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
55
+ <nine-grid display-row-count="${rowCount}" show-title-bar="false" show-menu-icon="false" show-status-bar="false" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
53
56
  <table>
54
57
  <caption>Sheet1</caption>
55
58
  <thead>
@@ -221,7 +224,8 @@ class aiChat extends HTMLElement
221
224
 
222
225
  el = document.createElement("nx-ai-message");
223
226
  el.setAttribute("message", message);
224
- el.data = data;
227
+ //el.data = data;
228
+ el.initialize(data);
225
229
  target.appendChild(el);
226
230
  break;
227
231