ninegrid2 6.263.0 → 6.264.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 +31 -59
  2. package/dist/bundle.cjs.js +31 -37
  3. package/dist/bundle.esm.js +31 -37
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +31 -59
package/dist/ai/aiMessage.js CHANGED
@@ -1,45 +1,48 @@
1
1
  import ninegrid from "../index.js";
2
2
 
3
- class aiMyMessage extends HTMLElement
3
+ class aiIngMessage extends HTMLElement
4
4
  {
5
+ #message;
6
+
5
7
  constructor() {
6
8
  super();
7
9
  this.attachShadow({ mode: 'open' });
8
10
  }
11
+
12
+ connectedCallback() {
13
+ //const message = this.getAttribute("message");
9
14
 
10
- get server() {
11
- return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
12
- };
13
- set server(v) {
14
- const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
15
- if (elem) elem.checked = true;
15
+ this.#message = ".";
16
16
 
17
- this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
18
- el.dispatchEvent(new Event("change"));
19
- });
17
+ this.shadowRoot.innerHTML = `
18
+ <style>
19
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
20
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
21
+ </style>
20
22
 
21
- this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
22
- detail: { server: this.server, model: this.model }
23
- }));
24
- };
23
+ <div class="wrapper">
24
+ .
25
+ </div>
26
+ `;
25
27
 
26
- get model() {
27
- return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
28
+ this.#init();
28
29
  };
29
- set model(v) {
30
- const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
31
- if (elem) {
32
- elem.value = v;
33
- elem.dispatchEvent(new Event("change"));
34
- }
35
30
 
36
- /**
37
- this.dispatchEvent(new CustomEvent("setting-change", {
38
- detail: { server: this.server, model: this.model }
39
- })); */
31
+ #init = () => {
32
+ const interval = setInterval(() => {
33
+ this.#message = this.#message.length < 3 ? this.#message + "." : "";
34
+
35
+ this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
36
+ }, 500);
40
37
  };
38
+ }
41
39
 
42
-
40
+ class aiMyMessage extends HTMLElement
41
+ {
42
+ constructor() {
43
+ super();
44
+ this.attachShadow({ mode: 'open' });
45
+ }
43
46
 
44
47
  connectedCallback() {
45
48
  const message = this.getAttribute("message");
@@ -54,39 +57,8 @@ class aiMyMessage extends HTMLElement
54
57
  ${message}
55
58
  </div>
56
59
  `;
57
-
58
- this.#init();
59
60
  };
60
-
61
-
62
-
63
- #init = () => {
64
-
65
-
66
- return;
67
-
68
- this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
69
- radio.addEventListener("change", () => {
70
- const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
71
-
72
- ["openai","ollama"].forEach(v => {
73
- this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
74
- elem.style.display = (server === v) ? "flex" : "none";
75
- });
76
- });
77
- });
78
- });
79
-
80
- this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
81
- //console.log(el);
82
- el.addEventListener("change", e => {
83
- //console.log(e);
84
- this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
85
- detail: { server: this.server, model: this.model }
86
- }));
87
- });
88
- });
89
- }
90
61
  }
91
62
 
63
+ customElements.define("nx-ai-ing-message", aiIngMessage);
92
64
  customElements.define("nx-ai-my-message", aiMyMessage);
package/dist/bundle.cjs.js CHANGED
@@ -27282,46 +27282,49 @@ class aiSettings extends HTMLElement
27282
27282
 
27283
27283
  customElements.define("nx-ai-settings", aiSettings);
27284
27284
 
27285
- class aiMyMessage extends HTMLElement
27285
+ class aiIngMessage extends HTMLElement
27286
27286
  {
27287
+ #message;
27288
+
27287
27289
  constructor() {
27288
27290
  super();
27289
27291
  this.attachShadow({ mode: 'open' });
27290
27292
  }
27293
+
27294
+ connectedCallback() {
27295
+ //const message = this.getAttribute("message");
27291
27296
 
27292
- get server() {
27293
- return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
27294
- };
27295
- set server(v) {
27296
- const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
27297
- if (elem) elem.checked = true;
27297
+ this.#message = ".";
27298
27298
 
27299
- this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
27300
- el.dispatchEvent(new Event("change"));
27301
- });
27299
+ this.shadowRoot.innerHTML = `
27300
+ <style>
27301
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27302
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
27303
+ </style>
27302
27304
 
27303
- this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
27304
- detail: { server: this.server, model: this.model }
27305
- }));
27306
- };
27305
+ <div class="wrapper">
27306
+ .
27307
+ </div>
27308
+ `;
27307
27309
 
27308
- get model() {
27309
- return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
27310
+ this.#init();
27310
27311
  };
27311
- set model(v) {
27312
- const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
27313
- if (elem) {
27314
- elem.value = v;
27315
- elem.dispatchEvent(new Event("change"));
27316
- }
27317
27312
 
27318
- /**
27319
- this.dispatchEvent(new CustomEvent("setting-change", {
27320
- detail: { server: this.server, model: this.model }
27321
- })); */
27313
+ #init = () => {
27314
+ setInterval(() => {
27315
+ this.#message = this.#message.length < 3 ? this.#message + "." : "";
27316
+
27317
+ this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
27318
+ }, 500);
27322
27319
  };
27320
+ }
27323
27321
 
27324
-
27322
+ class aiMyMessage extends HTMLElement
27323
+ {
27324
+ constructor() {
27325
+ super();
27326
+ this.attachShadow({ mode: 'open' });
27327
+ }
27325
27328
 
27326
27329
  connectedCallback() {
27327
27330
  const message = this.getAttribute("message");
@@ -27336,19 +27339,10 @@ class aiMyMessage extends HTMLElement
27336
27339
  ${message}
27337
27340
  </div>
27338
27341
  `;
27339
-
27340
- this.#init();
27341
27342
  };
27342
-
27343
-
27344
-
27345
- #init = () => {
27346
-
27347
-
27348
- return;
27349
- }
27350
27343
  }
27351
27344
 
27345
+ customElements.define("nx-ai-ing-message", aiIngMessage);
27352
27346
  customElements.define("nx-ai-my-message", aiMyMessage);
27353
27347
 
27354
27348
  //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
package/dist/bundle.esm.js CHANGED
@@ -27280,46 +27280,49 @@ class aiSettings extends HTMLElement
27280
27280
 
27281
27281
  customElements.define("nx-ai-settings", aiSettings);
27282
27282
 
27283
- class aiMyMessage extends HTMLElement
27283
+ class aiIngMessage extends HTMLElement
27284
27284
  {
27285
+ #message;
27286
+
27285
27287
  constructor() {
27286
27288
  super();
27287
27289
  this.attachShadow({ mode: 'open' });
27288
27290
  }
27291
+
27292
+ connectedCallback() {
27293
+ //const message = this.getAttribute("message");
27289
27294
 
27290
- get server() {
27291
- return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
27292
- };
27293
- set server(v) {
27294
- const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
27295
- if (elem) elem.checked = true;
27295
+ this.#message = ".";
27296
27296
 
27297
- this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
27298
- el.dispatchEvent(new Event("change"));
27299
- });
27297
+ this.shadowRoot.innerHTML = `
27298
+ <style>
27299
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
27300
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
27301
+ </style>
27300
27302
 
27301
- this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
27302
- detail: { server: this.server, model: this.model }
27303
- }));
27304
- };
27303
+ <div class="wrapper">
27304
+ .
27305
+ </div>
27306
+ `;
27305
27307
 
27306
- get model() {
27307
- return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
27308
+ this.#init();
27308
27309
  };
27309
- set model(v) {
27310
- const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
27311
- if (elem) {
27312
- elem.value = v;
27313
- elem.dispatchEvent(new Event("change"));
27314
- }
27315
27310
 
27316
- /**
27317
- this.dispatchEvent(new CustomEvent("setting-change", {
27318
- detail: { server: this.server, model: this.model }
27319
- })); */
27311
+ #init = () => {
27312
+ setInterval(() => {
27313
+ this.#message = this.#message.length < 3 ? this.#message + "." : "";
27314
+
27315
+ this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
27316
+ }, 500);
27320
27317
  };
27318
+ }
27321
27319
 
27322
-
27320
+ class aiMyMessage extends HTMLElement
27321
+ {
27322
+ constructor() {
27323
+ super();
27324
+ this.attachShadow({ mode: 'open' });
27325
+ }
27323
27326
 
27324
27327
  connectedCallback() {
27325
27328
  const message = this.getAttribute("message");
@@ -27334,19 +27337,10 @@ class aiMyMessage extends HTMLElement
27334
27337
  ${message}
27335
27338
  </div>
27336
27339
  `;
27337
-
27338
- this.#init();
27339
27340
  };
27340
-
27341
-
27342
-
27343
- #init = () => {
27344
-
27345
-
27346
- return;
27347
- }
27348
27341
  }
27349
27342
 
27343
+ customElements.define("nx-ai-ing-message", aiIngMessage);
27350
27344
  customElements.define("nx-ai-my-message", aiMyMessage);
27351
27345
 
27352
27346
  //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.263.0",
4
+ "version": "6.264.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -1,45 +1,48 @@
1
1
  import ninegrid from "../index.js";
2
2
 
3
- class aiMyMessage extends HTMLElement
3
+ class aiIngMessage extends HTMLElement
4
4
  {
5
+ #message;
6
+
5
7
  constructor() {
6
8
  super();
7
9
  this.attachShadow({ mode: 'open' });
8
10
  }
11
+
12
+ connectedCallback() {
13
+ //const message = this.getAttribute("message");
9
14
 
10
- get server() {
11
- return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
12
- };
13
- set server(v) {
14
- const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
15
- if (elem) elem.checked = true;
15
+ this.#message = ".";
16
16
 
17
- this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
18
- el.dispatchEvent(new Event("change"));
19
- });
17
+ this.shadowRoot.innerHTML = `
18
+ <style>
19
+ @import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
20
+ ${ninegrid.getCustomPath(this,"aiMessage.css")}
21
+ </style>
20
22
 
21
- this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
22
- detail: { server: this.server, model: this.model }
23
- }));
24
- };
23
+ <div class="wrapper">
24
+ .
25
+ </div>
26
+ `;
25
27
 
26
- get model() {
27
- return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
28
+ this.#init();
28
29
  };
29
- set model(v) {
30
- const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
31
- if (elem) {
32
- elem.value = v;
33
- elem.dispatchEvent(new Event("change"));
34
- }
35
30
 
36
- /**
37
- this.dispatchEvent(new CustomEvent("setting-change", {
38
- detail: { server: this.server, model: this.model }
39
- })); */
31
+ #init = () => {
32
+ const interval = setInterval(() => {
33
+ this.#message = this.#message.length < 3 ? this.#message + "." : "";
34
+
35
+ this.shadowRoot.querySelector(".wrapper").innerHTML = this.#message;
36
+ }, 500);
40
37
  };
38
+ }
41
39
 
42
-
40
+ class aiMyMessage extends HTMLElement
41
+ {
42
+ constructor() {
43
+ super();
44
+ this.attachShadow({ mode: 'open' });
45
+ }
43
46
 
44
47
  connectedCallback() {
45
48
  const message = this.getAttribute("message");
@@ -54,39 +57,8 @@ class aiMyMessage extends HTMLElement
54
57
  ${message}
55
58
  </div>
56
59
  `;
57
-
58
- this.#init();
59
60
  };
60
-
61
-
62
-
63
- #init = () => {
64
-
65
-
66
- return;
67
-
68
- this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
69
- radio.addEventListener("change", () => {
70
- const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
71
-
72
- ["openai","ollama"].forEach(v => {
73
- this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
74
- elem.style.display = (server === v) ? "flex" : "none";
75
- });
76
- });
77
- });
78
- });
79
-
80
- this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
81
- //console.log(el);
82
- el.addEventListener("change", e => {
83
- //console.log(e);
84
- this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
85
- detail: { server: this.server, model: this.model }
86
- }));
87
- });
88
- });
89
- }
90
61
  }
91
62
 
63
+ customElements.define("nx-ai-ing-message", aiIngMessage);
92
64
  customElements.define("nx-ai-my-message", aiMyMessage);