ninegrid2 6.301.0 → 6.303.0

package/dist/ai/aiMessage.js

@@ -63,7 +63,7 @@ class aiMessage extends HTMLElement
 			grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
 		}, 500);
 
-		
+
 		this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
 			alert(this.#message);
 		});
@@ -144,6 +144,62 @@ class aiMyMessage extends HTMLElement
 	};
 }
 
+class aiChat extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	
+	connectedCallback() {
+		const message = this.getAttribute("message");
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"aiMessage.css")}
+			</style>
+
+			<div class="chat-body">
+			</div>
+		`;
+
+		this.#init();
+	};
+
+	#init = () => {
+
+	};
+
+	add = (sender, message, data) => {
+		const target = this.shadowRoot.querySelector(".chat-body");
+
+		let el;
+		switch (sender) {
+			case "me":
+				el = document.createElement("nx-ai-my-message");
+				el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ing":
+				el = document.createElement("nx-ai-ing-message");
+				//el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ai":
+				el = document.createElement("nx-ai-message");
+				el.setAttribute("message", message);
+				el.data = data;
+				target.appendChild(el);
+				break;
+			default:
+				break;
+		}
+		
+	};
+}
+
 customElements.define("nx-ai-message", aiMessage);
 customElements.define("nx-ai-ing-message", aiIngMessage);
 customElements.define("nx-ai-my-message", aiMyMessage);
+customElements.define("nx-ai-chat", aiChat);

package/dist/bundle.cjs.js

@@ -27349,7 +27349,7 @@ class aiMessage extends HTMLElement
 			grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
 		}, 500);
 
-		
+
 		this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
 			alert(this.#message);
 		});
@@ -27430,9 +27430,63 @@ class aiMyMessage extends HTMLElement
 	};
 }
 
+class aiChat extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	
+	connectedCallback() {
+		this.getAttribute("message");
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"aiMessage.css")}
+			</style>
+
+			<div class="chat-body">
+			</div>
+		`;
+
+		this.#init();
+	};
+
+	#init = () => {
+
+	};
+
+	add = (sender, message, data) => {
+		const target = this.shadowRoot.querySelector(".chat-body");
+
+		let el;
+		switch (sender) {
+			case "me":
+				el = document.createElement("nx-ai-my-message");
+				el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ing":
+				el = document.createElement("nx-ai-ing-message");
+				//el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ai":
+				el = document.createElement("nx-ai-message");
+				el.setAttribute("message", message);
+				el.data = data;
+				target.appendChild(el);
+				break;
+		}
+		
+	};
+}
+
 customElements.define("nx-ai-message", aiMessage);
 customElements.define("nx-ai-ing-message", aiIngMessage);
 customElements.define("nx-ai-my-message", aiMyMessage);
+customElements.define("nx-ai-chat", aiChat);
 
 //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
 

package/dist/bundle.esm.js

@@ -27347,7 +27347,7 @@ class aiMessage extends HTMLElement
 			grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
 		}, 500);
 
-		
+
 		this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
 			alert(this.#message);
 		});
@@ -27428,9 +27428,63 @@ class aiMyMessage extends HTMLElement
 	};
 }
 
+class aiChat extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	
+	connectedCallback() {
+		this.getAttribute("message");
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"aiMessage.css")}
+			</style>
+
+			<div class="chat-body">
+			</div>
+		`;
+
+		this.#init();
+	};
+
+	#init = () => {
+
+	};
+
+	add = (sender, message, data) => {
+		const target = this.shadowRoot.querySelector(".chat-body");
+
+		let el;
+		switch (sender) {
+			case "me":
+				el = document.createElement("nx-ai-my-message");
+				el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ing":
+				el = document.createElement("nx-ai-ing-message");
+				//el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ai":
+				el = document.createElement("nx-ai-message");
+				el.setAttribute("message", message);
+				el.data = data;
+				target.appendChild(el);
+				break;
+		}
+		
+	};
+}
+
 customElements.define("nx-ai-message", aiMessage);
 customElements.define("nx-ai-ing-message", aiIngMessage);
 customElements.define("nx-ai-my-message", aiMyMessage);
+customElements.define("nx-ai-chat", aiChat);
 
 //import $ from "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js";
 

package/package.json

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

package/src/ai/aiMessage.js

@@ -63,7 +63,7 @@ class aiMessage extends HTMLElement
 			grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
 		}, 500);
 
-		
+
 		this.shadowRoot.querySelector(".more a").addEventListener("click", () => {
 			alert(this.#message);
 		});
@@ -144,6 +144,62 @@ class aiMyMessage extends HTMLElement
 	};
 }
 
+class aiChat extends HTMLElement
+{
+	constructor() {
+		super();
+		this.attachShadow({ mode: 'open' });
+	}
+	
+	connectedCallback() {
+		const message = this.getAttribute("message");
+
+		this.shadowRoot.innerHTML = `
+			<style>
+				@import "https://cdn.jsdelivr.net/npm/ninegrid@${ninegrid.version}/dist/css/aiMessage.css";
+				${ninegrid.getCustomPath(this,"aiMessage.css")}
+			</style>
+
+			<div class="chat-body">
+			</div>
+		`;
+
+		this.#init();
+	};
+
+	#init = () => {
+
+	};
+
+	add = (sender, message, data) => {
+		const target = this.shadowRoot.querySelector(".chat-body");
+
+		let el;
+		switch (sender) {
+			case "me":
+				el = document.createElement("nx-ai-my-message");
+				el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ing":
+				el = document.createElement("nx-ai-ing-message");
+				//el.setAttribute("message", message);
+				target.appendChild(el);
+				break;
+			case "ai":
+				el = document.createElement("nx-ai-message");
+				el.setAttribute("message", message);
+				el.data = data;
+				target.appendChild(el);
+				break;
+			default:
+				break;
+		}
+		
+	};
+}
+
 customElements.define("nx-ai-message", aiMessage);
 customElements.define("nx-ai-ing-message", aiIngMessage);
 customElements.define("nx-ai-my-message", aiMyMessage);
+customElements.define("nx-ai-chat", aiChat);