ninegrid2 6.117.0 → 6.119.0

package/dist/ai/aiSettings.js

@@ -2,6 +2,10 @@
 
 class aiSettings extends HTMLElement
 {
+	EVENT = {
+		MODEL_CHANGE : "model_change",
+	};
+
 	constructor() {
 		console.log("construct");
 
@@ -16,11 +20,13 @@ class aiSettings extends HTMLElement
 		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
 		if (elem) elem.checked = true;
 
-		console.log("----------")
 		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
-			console.log(el);
 			el.dispatchEvent(new Event("change"));
 		});
+
+		this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
 	};
 
 	get model() {
@@ -28,7 +34,15 @@ class aiSettings extends HTMLElement
 	};
 	set model(v) {
 		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
-		if (elem) elem.value = v;
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
 	};
 
 	
@@ -106,6 +120,10 @@ class aiSettings extends HTMLElement
 		`;
 
 		this.#init();
+
+		setTimeout(() => {
+        	this.server = "ollama";
+    	}, 0);
 	};
 
 	
@@ -117,17 +135,22 @@ class aiSettings extends HTMLElement
 				const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
 
 				["openai","ollama"].forEach(v => {
-					console.log(v);
 					this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
-						console.log(elem);
 						elem.style.display = (server === v) ? "flex" : "none";
 					});
 				});
 			});
 		});
 
-		//this.shadowRoot.querySelector('input[name="server"][value="ollama"]').checked = true;
-		this.server = "ollama";
+		this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
+			console.log(el);
+			el.addEventListener("change", e => {
+				//console.log(e);
+				this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+					detail: { server: this.server, model: this.model }
+				}));
+			});
+		});
 	}
 }
 

package/dist/bundle.cjs.js

@@ -27294,6 +27294,10 @@ customElements.define("nx-top-menu", nxTopMenu);
 
 class aiSettings extends HTMLElement
 {
+	EVENT = {
+		MODEL_CHANGE : "model_change",
+	};
+
 	constructor() {
 		console.log("construct");
 
@@ -27308,11 +27312,13 @@ class aiSettings extends HTMLElement
 		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
 		if (elem) elem.checked = true;
 
-		console.log("----------");
 		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
-			console.log(el);
 			el.dispatchEvent(new Event("change"));
 		});
+
+		this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
 	};
 
 	get model() {
@@ -27320,7 +27326,15 @@ class aiSettings extends HTMLElement
 	};
 	set model(v) {
 		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
-		if (elem) elem.value = v;
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
 	};
 
 	
@@ -27398,6 +27412,10 @@ class aiSettings extends HTMLElement
 		`;
 
 		this.#init();
+
+		setTimeout(() => {
+        	this.server = "ollama";
+    	}, 0);
 	};
 
 	
@@ -27409,17 +27427,22 @@ class aiSettings extends HTMLElement
 				const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
 
 				["openai","ollama"].forEach(v => {
-					console.log(v);
 					this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
-						console.log(elem);
 						elem.style.display = (server === v) ? "flex" : "none";
 					});
 				});
 			});
 		});
 
-		//this.shadowRoot.querySelector('input[name="server"][value="ollama"]').checked = true;
-		this.server = "ollama";
+		this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
+			console.log(el);
+			el.addEventListener("change", e => {
+				//console.log(e);
+				this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+					detail: { server: this.server, model: this.model }
+				}));
+			});
+		});
 	}
 }
 

package/dist/bundle.esm.js

@@ -27292,6 +27292,10 @@ customElements.define("nx-top-menu", nxTopMenu);
 
 class aiSettings extends HTMLElement
 {
+	EVENT = {
+		MODEL_CHANGE : "model_change",
+	};
+
 	constructor() {
 		console.log("construct");
 
@@ -27306,11 +27310,13 @@ class aiSettings extends HTMLElement
 		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
 		if (elem) elem.checked = true;
 
-		console.log("----------");
 		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
-			console.log(el);
 			el.dispatchEvent(new Event("change"));
 		});
+
+		this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
 	};
 
 	get model() {
@@ -27318,7 +27324,15 @@ class aiSettings extends HTMLElement
 	};
 	set model(v) {
 		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
-		if (elem) elem.value = v;
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
 	};
 
 	
@@ -27396,6 +27410,10 @@ class aiSettings extends HTMLElement
 		`;
 
 		this.#init();
+
+		setTimeout(() => {
+        	this.server = "ollama";
+    	}, 0);
 	};
 
 	
@@ -27407,17 +27425,22 @@ class aiSettings extends HTMLElement
 				const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
 
 				["openai","ollama"].forEach(v => {
-					console.log(v);
 					this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
-						console.log(elem);
 						elem.style.display = (server === v) ? "flex" : "none";
 					});
 				});
 			});
 		});
 
-		//this.shadowRoot.querySelector('input[name="server"][value="ollama"]').checked = true;
-		this.server = "ollama";
+		this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
+			console.log(el);
+			el.addEventListener("change", e => {
+				//console.log(e);
+				this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+					detail: { server: this.server, model: this.model }
+				}));
+			});
+		});
 	}
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.117.0",
+  "version": "6.119.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/ai/aiSettings.js

@@ -2,6 +2,10 @@
 
 class aiSettings extends HTMLElement
 {
+	EVENT = {
+		MODEL_CHANGE : "model_change",
+	};
+
 	constructor() {
 		console.log("construct");
 
@@ -16,11 +20,13 @@ class aiSettings extends HTMLElement
 		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
 		if (elem) elem.checked = true;
 
-		console.log("----------")
 		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
-			console.log(el);
 			el.dispatchEvent(new Event("change"));
 		});
+
+		this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
 	};
 
 	get model() {
@@ -28,7 +34,15 @@ class aiSettings extends HTMLElement
 	};
 	set model(v) {
 		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
-		if (elem) elem.value = v;
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
 	};
 
 	
@@ -106,6 +120,10 @@ class aiSettings extends HTMLElement
 		`;
 
 		this.#init();
+
+		setTimeout(() => {
+        	this.server = "ollama";
+    	}, 0);
 	};
 
 	
@@ -117,17 +135,22 @@ class aiSettings extends HTMLElement
 				const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
 
 				["openai","ollama"].forEach(v => {
-					console.log(v);
 					this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
-						console.log(elem);
 						elem.style.display = (server === v) ? "flex" : "none";
 					});
 				});
 			});
 		});
 
-		//this.shadowRoot.querySelector('input[name="server"][value="ollama"]').checked = true;
-		this.server = "ollama";
+		this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
+			console.log(el);
+			el.addEventListener("change", e => {
+				//console.log(e);
+				this.dispatchEvent(new CustomEvent(EVENT.MODEL_CHANGE, {
+					detail: { server: this.server, model: this.model }
+				}));
+			});
+		});
 	}
 }