ninegrid2 6.256.0 → 6.258.0

package/dist/ai/aiMessage.js

@@ -0,0 +1,95 @@
+//import ninegrid from "../index.js";
+
+class aiMyMessage extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+
+	get server() {
+		return this.shadowRoot.querySelector('input[name="server"]:checked')?.value;
+	};
+	set server(v) {
+		const elem = this.shadowRoot.querySelector(`input[name="server"][value="${v}"]`);
+		if (elem) elem.checked = true;
+
+		this.shadowRoot.querySelectorAll('input[name="server"]').forEach(el => {
+			el.dispatchEvent(new Event("change"));
+		});
+
+		this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
+			detail: { server: this.server, model: this.model }
+		}));
+	};
+
+	get model() {
+		return this.shadowRoot.querySelector(`#${this.server}Model`)?.value;
+	};
+	set model(v) {
+		const elem = this.shadowRoot.querySelector(`#${this.server}Model`);
+		if (elem) {
+			elem.value = v;
+			elem.dispatchEvent(new Event("change"));
+		}
+
+		/**
+		this.dispatchEvent(new CustomEvent("setting-change", {
+			detail: { server: this.server, model: this.model }
+		})); */
+	};
+
+	
+	
+	connectedCallback() {
+
+		const msg = this.getAttribute("message");
+	
+		console.log(msg);
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"ngInputText.css")}
+			</style>
+
+			<div class="line">
+				aaa
+			</div>
+		`;
+
+		this.#init();
+	};
+
+	
+
+	#init = () => {
+
+
+		return;
+
+		this.shadowRoot.querySelectorAll('input[name="server"]').forEach((radio) => {
+			radio.addEventListener("change", () => {
+				const server = this.shadowRoot.querySelector('input[name="server"]:checked').value;
+
+				["openai","ollama"].forEach(v => {
+					this.shadowRoot.querySelectorAll('.' + v).forEach((elem) => {
+						elem.style.display = (server === v) ? "flex" : "none";
+					});
+				});
+			});
+		});
+
+		this.shadowRoot.querySelectorAll('#ollamaModel,#openaiModel,input[name="server"]').forEach(el => {
+			//console.log(el);
+			el.addEventListener("change", e => {
+				//console.log(e);
+				this.dispatchEvent(new CustomEvent(this.EVENT.MODEL_CHANGE, {
+					detail: { server: this.server, model: this.model }
+				}));
+			});
+		});
+	}
+}
+
+customElements.define("nx-ai-my-message", aiMyMessage);