@nonoun/native-chat 0.1.3 → 0.3.0

package/dist/chat-panel-element-CXPbtkyi.js

@@ -1,113 +0,0 @@
-import { NativeElement as e, createDisabledEffect as t, signal as n } from "@nonoun/native-ui";
-/**
-* Chat message input with textarea, submit button, and Enter-to-send behavior.
-* @attr {boolean} disabled - Disables interaction
-* @attr {boolean} no-enter-submit - Disables Enter key submission
-* @attr {boolean} no-auto-clear - Prevents clearing the textarea after send
-* @fires native:send - Fired on submit with `{ value }` detail
-*/
-var r = class extends e {
-	static observedAttributes = ["disabled"];
-	#e;
-	#t = n(!1);
-	#n = null;
-	#r = null;
-	constructor() {
-		super(), this.#e = this.attachInternals();
-	}
-	get value() {
-		return this.#n?.value ?? "";
-	}
-	set value(e) {
-		this.#n && (this.#n.value = e);
-	}
-	get disabled() {
-		return this.#t.value;
-	}
-	set disabled(e) {
-		this.#t.value = e, this.toggleAttribute("disabled", e);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) {
-			switch (e) {
-				case "disabled":
-					this.#t.value = n !== null;
-					break;
-			}
-			super.attributeChangedCallback(e, t, n);
-		}
-	}
-	setup() {
-		super.setup(), this.addEffect(t(this, this.#t, this.#e)), this.deferChildren(() => {
-			this.#i(), this.addEffect(() => {
-				let e = this.#t.value;
-				this.#n && this.#n.toggleAttribute("disabled", e), this.#r && (e ? this.#r.setAttribute("disabled", "") : this.#o());
-			});
-		}), this.addEventListener("native:input", this.#s), this.addEventListener("native:press", this.#c), this.addEventListener("keydown", this.#l);
-	}
-	teardown() {
-		this.removeEventListener("native:input", this.#s), this.removeEventListener("native:press", this.#c), this.removeEventListener("keydown", this.#l), this.#n = null, this.#r = null, super.teardown();
-	}
-	#i() {
-		this.#n = this.querySelector(":scope > n-textarea"), this.#r = this.querySelector("[data-submit]") ?? this.#a();
-	}
-	#a() {
-		let e = this.querySelector(":scope > n-chat-input-actions");
-		if (!e) return null;
-		let t = e.querySelectorAll("n-button[variant=\"primary\"]");
-		return t.length ? t[t.length - 1] : null;
-	}
-	#o() {
-		!this.#r || this.#t.value || (this.value.trim() ? this.#r.removeAttribute("disabled") : this.#r.setAttribute("disabled", ""));
-	}
-	#s = (e) => {
-		this.#t.value || this.#o();
-	};
-	#c = (e) => {
-		this.#t.value || e.target === this.#r && this.#u();
-	};
-	#l = (e) => {
-		if (this.#t.value || this.hasAttribute("no-enter-submit")) return;
-		let t = e;
-		if (t.isComposing) return;
-		let n = t.target;
-		!this.#n?.contains(n) && n !== this.#n || t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && (t.preventDefault(), this.value.trim() && this.#u());
-	};
-	#u() {
-		let e = this.value.trim();
-		e && this.dispatchEvent(new CustomEvent("native:send", {
-			bubbles: !0,
-			composed: !0,
-			cancelable: !0,
-			detail: { value: e }
-		})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#r?.setAttribute("disabled", ""));
-	}
-}, i = class extends e {
-	setup() {
-		super.setup();
-		let e = document.createElement("n-header");
-		e.setAttribute("dividers", "");
-		let t = document.createElement("n-icon");
-		t.setAttribute("name", "chat-dots"), t.setAttribute("slot", "leading"), e.appendChild(t);
-		let n = document.createElement("span");
-		n.setAttribute("slot", "label"), n.textContent = "Assistant", e.appendChild(n);
-		let r = document.createElement("n-body"), i = document.createElement("n-chat-content");
-		r.appendChild(i);
-		let a = document.createElement("n-footer");
-		a.setAttribute("dividers", ""), a.setAttribute("padding", "none");
-		let o = document.createElement("n-chat-input");
-		o.setAttribute("variant", "plain");
-		let s = document.createElement("n-textarea");
-		s.setAttribute("placeholder", "Ask anything"), s.setAttribute("autogrow", ""), s.setAttribute("rows", "3"), o.appendChild(s);
-		let c = document.createElement("n-chat-input-actions"), l = document.createElement("n-button");
-		l.setAttribute("variant", "ghost"), l.setAttribute("inline", ""), l.innerHTML = "<n-icon name=\"plus\"></n-icon>", c.appendChild(l);
-		let u = document.createElement("n-button");
-		u.setAttribute("variant", "ghost"), u.setAttribute("inline", ""), u.innerHTML = "<n-icon name=\"microphone\"></n-icon>", c.appendChild(u);
-		let d = document.createElement("n-button");
-		d.setAttribute("variant", "primary"), d.setAttribute("intent", "accent"), d.setAttribute("radius", "round"), d.setAttribute("inline", ""), d.setAttribute("disabled", ""), d.classList.add("submit-btn"), d.innerHTML = "<n-icon name=\"arrow-up\"></n-icon>", c.appendChild(d), o.appendChild(c), a.appendChild(o), this.append(e, r, a);
-	}
-	teardown() {
-		this.innerHTML = "", super.teardown();
-	}
-};
-export { r as n, i as t };