ninegrid2 6.110.0 → 6.111.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 +19 -13
  2. package/dist/bundle.cjs.js +19 -13
  3. package/dist/bundle.esm.js +19 -13
  4. package/package.json +1 -1
  5. package/src/ai/aiSettings.js +19 -13
package/dist/ai/aiSettings.js CHANGED
@@ -2,9 +2,6 @@
2
2
 
3
3
  class aiSettings extends HTMLElement
4
4
  {
5
- #model;
6
- #url;
7
-
8
5
  constructor() {
9
6
  console.log("construct");
10
7
 
@@ -12,19 +9,23 @@ class aiSettings extends HTMLElement
12
9
  this.attachShadow({ mode: 'open' });
13
10
  }
14
11
 
15
- get model() {
16
- return this.#model || "";
12
+ get server() {
13
+ return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
17
14
  };
18
- set model(v) {
19
- this.shadowRoot.querySelector("#model").value = this.#model = v;
15
+ set server(v) {
16
+ const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
17
+ if (elem) elem.checked = true;
20
18
  };
21
19
 
22
- get url() {
23
- return this.#url || "";
20
+ get model() {
21
+ return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
24
22
  };
25
- set url(v) {
26
- this.shadowRoot.querySelector("#url").value = this.#url = v;
23
+ set model(v) {
24
+ const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
25
+ if (elem) elem.value = v;
27
26
  };
27
+
28
+
28
29
 
29
30
  connectedCallback() {
30
31
 
@@ -46,6 +47,10 @@ class aiSettings extends HTMLElement
46
47
  justify-content: center;
47
48
  align-items: center;
48
49
  opacity: 0;
50
+ flex-direction: column;
51
+ align-items: flex-start;
52
+ padding-left: 16px;
53
+ gap: 16px;
49
54
  transform: translateX(100%);
50
55
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
51
56
  }
@@ -67,7 +72,7 @@ class aiSettings extends HTMLElement
67
72
  <label><input name="server" type="radio" value="ollama">Ollama</label>
68
73
  </div>
69
74
  <div class="line openai">
70
- <label>Server: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
75
+ <label>API Key: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
71
76
  </div>
72
77
  <div class="line ollama">
73
78
  <label>Url: <input id="ollamaUrl" value="${this.ollamaUrl}"/></label>
@@ -97,12 +102,13 @@ class aiSettings extends HTMLElement
97
102
  this.#init();
98
103
  };
99
104
 
105
+
106
+
100
107
  #init = () => {
101
108
 
102
109
  this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
103
110
  radio.addEventListener("change", () => {
104
111
  const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
105
- console.log("선택된 서버:", server);
106
112
 
107
113
  ["openai","ollama"].forEach(v => {
108
114
  console.log(v);
package/dist/bundle.cjs.js CHANGED
@@ -27294,9 +27294,6 @@ customElements.define("nx-top-menu", nxTopMenu);
27294
27294
 
27295
27295
  class aiSettings extends HTMLElement
27296
27296
  {
27297
- #model;
27298
- #url;
27299
-
27300
27297
  constructor() {
27301
27298
  console.log("construct");
27302
27299
 
@@ -27304,19 +27301,23 @@ class aiSettings extends HTMLElement
27304
27301
  this.attachShadow({ mode: 'open' });
27305
27302
  }
27306
27303
 
27307
- get model() {
27308
- return this.#model || "";
27304
+ get server() {
27305
+ return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
27309
27306
  };
27310
- set model(v) {
27311
- this.shadowRoot.querySelector("#model").value = this.#model = v;
27307
+ set server(v) {
27308
+ const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
27309
+ if (elem) elem.checked = true;
27312
27310
  };
27313
27311
 
27314
- get url() {
27315
- return this.#url || "";
27312
+ get model() {
27313
+ return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
27316
27314
  };
27317
- set url(v) {
27318
- this.shadowRoot.querySelector("#url").value = this.#url = v;
27315
+ set model(v) {
27316
+ const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
27317
+ if (elem) elem.value = v;
27319
27318
  };
27319
+
27320
+
27320
27321
 
27321
27322
  connectedCallback() {
27322
27323
 
@@ -27338,6 +27339,10 @@ class aiSettings extends HTMLElement
27338
27339
  justify-content: center;
27339
27340
  align-items: center;
27340
27341
  opacity: 0;
27342
+ flex-direction: column;
27343
+ align-items: flex-start;
27344
+ padding-left: 16px;
27345
+ gap: 16px;
27341
27346
  transform: translateX(100%);
27342
27347
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27343
27348
  }
@@ -27359,7 +27364,7 @@ class aiSettings extends HTMLElement
27359
27364
  <label><input name="server" type="radio" value="ollama">Ollama</label>
27360
27365
  </div>
27361
27366
  <div class="line openai">
27362
- <label>Server: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
27367
+ <label>API Key: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
27363
27368
  </div>
27364
27369
  <div class="line ollama">
27365
27370
  <label>Url: <input id="ollamaUrl" value="${this.ollamaUrl}"/></label>
@@ -27389,12 +27394,13 @@ class aiSettings extends HTMLElement
27389
27394
  this.#init();
27390
27395
  };
27391
27396
 
27397
+
27398
+
27392
27399
  #init = () => {
27393
27400
 
27394
27401
  this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
27395
27402
  radio.addEventListener("change", () => {
27396
27403
  const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
27397
- console.log("선택된 서버:", server);
27398
27404
 
27399
27405
  ["openai","ollama"].forEach(v => {
27400
27406
  console.log(v);
package/dist/bundle.esm.js CHANGED
@@ -27292,9 +27292,6 @@ customElements.define("nx-top-menu", nxTopMenu);
27292
27292
 
27293
27293
  class aiSettings extends HTMLElement
27294
27294
  {
27295
- #model;
27296
- #url;
27297
-
27298
27295
  constructor() {
27299
27296
  console.log("construct");
27300
27297
 
@@ -27302,19 +27299,23 @@ class aiSettings extends HTMLElement
27302
27299
  this.attachShadow({ mode: 'open' });
27303
27300
  }
27304
27301
 
27305
- get model() {
27306
- return this.#model || "";
27302
+ get server() {
27303
+ return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
27307
27304
  };
27308
- set model(v) {
27309
- this.shadowRoot.querySelector("#model").value = this.#model = v;
27305
+ set server(v) {
27306
+ const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
27307
+ if (elem) elem.checked = true;
27310
27308
  };
27311
27309
 
27312
- get url() {
27313
- return this.#url || "";
27310
+ get model() {
27311
+ return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
27314
27312
  };
27315
- set url(v) {
27316
- this.shadowRoot.querySelector("#url").value = this.#url = v;
27313
+ set model(v) {
27314
+ const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
27315
+ if (elem) elem.value = v;
27317
27316
  };
27317
+
27318
+
27318
27319
 
27319
27320
  connectedCallback() {
27320
27321
 
@@ -27336,6 +27337,10 @@ class aiSettings extends HTMLElement
27336
27337
  justify-content: center;
27337
27338
  align-items: center;
27338
27339
  opacity: 0;
27340
+ flex-direction: column;
27341
+ align-items: flex-start;
27342
+ padding-left: 16px;
27343
+ gap: 16px;
27339
27344
  transform: translateX(100%);
27340
27345
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
27341
27346
  }
@@ -27357,7 +27362,7 @@ class aiSettings extends HTMLElement
27357
27362
  <label><input name="server" type="radio" value="ollama">Ollama</label>
27358
27363
  </div>
27359
27364
  <div class="line openai">
27360
- <label>Server: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
27365
+ <label>API Key: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
27361
27366
  </div>
27362
27367
  <div class="line ollama">
27363
27368
  <label>Url: <input id="ollamaUrl" value="${this.ollamaUrl}"/></label>
@@ -27387,12 +27392,13 @@ class aiSettings extends HTMLElement
27387
27392
  this.#init();
27388
27393
  };
27389
27394
 
27395
+
27396
+
27390
27397
  #init = () => {
27391
27398
 
27392
27399
  this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
27393
27400
  radio.addEventListener("change", () => {
27394
27401
  const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
27395
- console.log("선택된 서버:", server);
27396
27402
 
27397
27403
  ["openai","ollama"].forEach(v => {
27398
27404
  console.log(v);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.110.0",
4
+ "version": "6.111.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiSettings.js CHANGED
@@ -2,9 +2,6 @@
2
2
 
3
3
  class aiSettings extends HTMLElement
4
4
  {
5
- #model;
6
- #url;
7
-
8
5
  constructor() {
9
6
  console.log("construct");
10
7
 
@@ -12,19 +9,23 @@ class aiSettings extends HTMLElement
12
9
  this.attachShadow({ mode: 'open' });
13
10
  }
14
11
 
15
- get model() {
16
- return this.#model || "";
12
+ get server() {
13
+ return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
17
14
  };
18
- set model(v) {
19
- this.shadowRoot.querySelector("#model").value = this.#model = v;
15
+ set server(v) {
16
+ const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
17
+ if (elem) elem.checked = true;
20
18
  };
21
19
 
22
- get url() {
23
- return this.#url || "";
20
+ get model() {
21
+ return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
24
22
  };
25
- set url(v) {
26
- this.shadowRoot.querySelector("#url").value = this.#url = v;
23
+ set model(v) {
24
+ const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
25
+ if (elem) elem.value = v;
27
26
  };
27
+
28
+
28
29
 
29
30
  connectedCallback() {
30
31
 
@@ -46,6 +47,10 @@ class aiSettings extends HTMLElement
46
47
  justify-content: center;
47
48
  align-items: center;
48
49
  opacity: 0;
50
+ flex-direction: column;
51
+ align-items: flex-start;
52
+ padding-left: 16px;
53
+ gap: 16px;
49
54
  transform: translateX(100%);
50
55
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
51
56
  }
@@ -67,7 +72,7 @@ class aiSettings extends HTMLElement
67
72
  <label><input name="server" type="radio" value="ollama">Ollama</label>
68
73
  </div>
69
74
  <div class="line openai">
70
- <label>Server: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
75
+ <label>API Key: <input id="openaiApiKey" value="${this.openaiApiKey}"/></label>
71
76
  </div>
72
77
  <div class="line ollama">
73
78
  <label>Url: <input id="ollamaUrl" value="${this.ollamaUrl}"/></label>
@@ -97,12 +102,13 @@ class aiSettings extends HTMLElement
97
102
  this.#init();
98
103
  };
99
104
 
105
+
106
+
100
107
  #init = () => {
101
108
 
102
109
  this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
103
110
  radio.addEventListener("change", () => {
104
111
  const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
105
- console.log("선택된 서버:", server);
106
112
 
107
113
  ["openai","ollama"].forEach(v => {
108
114
  console.log(v);