ninegrid2 6.101.0 → 6.103.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/aiSettings.js +20 -3
  2. package/dist/bundle.cjs.js +20 -3
  3. package/dist/bundle.esm.js +20 -3
  4. package/package.json +1 -1
  5. package/src/ai/aiSettings.js +20 -3
package/dist/ai/aiSettings.js CHANGED
@@ -2,15 +2,29 @@
2
2
 
3
3
  class aiSettings extends HTMLElement
4
4
  {
5
+ #model;
6
+
5
7
  constructor() {
6
8
  super();
7
9
  this.attachShadow({ mode: 'open' });
8
10
  }
11
+
12
+ get model() {
13
+ return this.#model.value;
14
+ };
15
+ set model(v) {
16
+ this.#model.value = v;
17
+ };
9
18
 
10
19
  connectedCallback() {
11
20
 
12
21
  this.shadowRoot.innerHTML = `
13
22
  <style>
23
+ @keyframes slideLeft {
24
+ 0% { transform: translateX(100%); opacity: 0; }
25
+ 100% { transform: translateX(0); opacity: 1; }
26
+ }
27
+
14
28
  :host {
15
29
  display: none;
16
30
  position: absolute;
@@ -34,13 +48,16 @@ class aiSettings extends HTMLElement
34
48
 
35
49
  <div">
36
50
  <div>
37
- <span>Model:</span>
38
- <input />
51
+ <label for="model">Model:</label>
52
+ <input id="model"/>
39
53
  </div>
40
54
  </div>
41
55
  `;
42
56
 
43
- this.classList.add("ai-settings");
57
+ this.#model = this.shadowRoot.querySelector("#model");
58
+
59
+ console.log(this.#model);
60
+ //this.classList.add("ai-settings");
44
61
  };
45
62
  }
46
63
 
package/dist/bundle.cjs.js CHANGED
@@ -27294,15 +27294,29 @@ customElements.define("nx-top-menu", nxTopMenu);
27294
27294
 
27295
27295
  class aiSettings extends HTMLElement
27296
27296
  {
27297
+ #model;
27298
+
27297
27299
  constructor() {
27298
27300
  super();
27299
27301
  this.attachShadow({ mode: 'open' });
27300
27302
  }
27303
+
27304
+ get model() {
27305
+ return this.#model.value;
27306
+ };
27307
+ set model(v) {
27308
+ this.#model.value = v;
27309
+ };
27301
27310
 
27302
27311
  connectedCallback() {
27303
27312
 
27304
27313
  this.shadowRoot.innerHTML = `
27305
27314
  <style>
27315
+ @keyframes slideLeft {
27316
+ 0% { transform: translateX(100%); opacity: 0; }
27317
+ 100% { transform: translateX(0); opacity: 1; }
27318
+ }
27319
+
27306
27320
  :host {
27307
27321
  display: none;
27308
27322
  position: absolute;
@@ -27326,13 +27340,16 @@ class aiSettings extends HTMLElement
27326
27340
 
27327
27341
  <div">
27328
27342
  <div>
27329
- <span>Model:</span>
27330
- <input />
27343
+ <label for="model">Model:</label>
27344
+ <input id="model"/>
27331
27345
  </div>
27332
27346
  </div>
27333
27347
  `;
27334
27348
 
27335
- this.classList.add("ai-settings");
27349
+ this.#model = this.shadowRoot.querySelector("#model");
27350
+
27351
+ console.log(this.#model);
27352
+ //this.classList.add("ai-settings");
27336
27353
  };
27337
27354
  }
27338
27355
 
package/dist/bundle.esm.js CHANGED
@@ -27292,15 +27292,29 @@ customElements.define("nx-top-menu", nxTopMenu);
27292
27292
 
27293
27293
  class aiSettings extends HTMLElement
27294
27294
  {
27295
+ #model;
27296
+
27295
27297
  constructor() {
27296
27298
  super();
27297
27299
  this.attachShadow({ mode: 'open' });
27298
27300
  }
27301
+
27302
+ get model() {
27303
+ return this.#model.value;
27304
+ };
27305
+ set model(v) {
27306
+ this.#model.value = v;
27307
+ };
27299
27308
 
27300
27309
  connectedCallback() {
27301
27310
 
27302
27311
  this.shadowRoot.innerHTML = `
27303
27312
  <style>
27313
+ @keyframes slideLeft {
27314
+ 0% { transform: translateX(100%); opacity: 0; }
27315
+ 100% { transform: translateX(0); opacity: 1; }
27316
+ }
27317
+
27304
27318
  :host {
27305
27319
  display: none;
27306
27320
  position: absolute;
@@ -27324,13 +27338,16 @@ class aiSettings extends HTMLElement
27324
27338
 
27325
27339
  <div">
27326
27340
  <div>
27327
- <span>Model:</span>
27328
- <input />
27341
+ <label for="model">Model:</label>
27342
+ <input id="model"/>
27329
27343
  </div>
27330
27344
  </div>
27331
27345
  `;
27332
27346
 
27333
- this.classList.add("ai-settings");
27347
+ this.#model = this.shadowRoot.querySelector("#model");
27348
+
27349
+ console.log(this.#model);
27350
+ //this.classList.add("ai-settings");
27334
27351
  };
27335
27352
  }
27336
27353
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.101.0",
4
+ "version": "6.103.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiSettings.js CHANGED
@@ -2,15 +2,29 @@
2
2
 
3
3
  class aiSettings extends HTMLElement
4
4
  {
5
+ #model;
6
+
5
7
  constructor() {
6
8
  super();
7
9
  this.attachShadow({ mode: 'open' });
8
10
  }
11
+
12
+ get model() {
13
+ return this.#model.value;
14
+ };
15
+ set model(v) {
16
+ this.#model.value = v;
17
+ };
9
18
 
10
19
  connectedCallback() {
11
20
 
12
21
  this.shadowRoot.innerHTML = `
13
22
  <style>
23
+ @keyframes slideLeft {
24
+ 0% { transform: translateX(100%); opacity: 0; }
25
+ 100% { transform: translateX(0); opacity: 1; }
26
+ }
27
+
14
28
  :host {
15
29
  display: none;
16
30
  position: absolute;
@@ -34,13 +48,16 @@ class aiSettings extends HTMLElement
34
48
 
35
49
  <div">
36
50
  <div>
37
- <span>Model:</span>
38
- <input />
51
+ <label for="model">Model:</label>
52
+ <input id="model"/>
39
53
  </div>
40
54
  </div>
41
55
  `;
42
56
 
43
- this.classList.add("ai-settings");
57
+ this.#model = this.shadowRoot.querySelector("#model");
58
+
59
+ console.log(this.#model);
60
+ //this.classList.add("ai-settings");
44
61
  };
45
62
  }
46
63