@kvman/kvcoder 0.1.0 → 0.1.2

package/dist/web/components/question.js

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, h as c, inject as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, vModelText as h, withDirectives as g, withKeys as _, withModifiers as v } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, h as c, inject as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, vModelText as g, withDirectives as _, withKeys as v, withModifiers as y } from "vue";
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/defaultAttributes.mjs
-var y = {
+var b = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -10,25 +10,25 @@ var y = {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, b = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim();
+}, x = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim();
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/buildLucideIconNode.mjs
-function x(e) {
+function S(e) {
 	return e != null;
 }
-function S(e, t = {}) {
-	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? y.width, a = e.size ?? e.height ?? y.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? b(...c) : b("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? y["stroke-width"]) * Number(e.size ?? e.width ?? y.width) / Number(t.size ?? t.width ?? y.width) : t.strokeWidth ?? y["stroke-width"];
+function C(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? b.width, a = e.size ?? e.height ?? b.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? x(...c) : x("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? b["stroke-width"]) * Number(e.size ?? e.width ?? b.width) / Number(t.size ?? t.width ?? b.width) : t.strokeWidth ?? b["stroke-width"];
 	return [
 		"svg",
 		{
-			...Object.entries(y).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			...Object.entries(b).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
 			..."color" in t && t.color && { [r("stroke")]: t.color },
-			..."size" in t && x(t.size) && {
+			..."size" in t && S(t.size) && {
 				[r("width")]: t.size,
 				[r("height")]: t.size
 			},
-			..."width" in t && x(t.width) && { [r("width")]: t.width },
-			..."height" in t && x(t.height) && { [r("height")]: t.height },
+			..."width" in t && S(t.width) && { [r("width")]: t.width },
+			..."height" in t && S(t.height) && { [r("height")]: t.height },
 			[r("stroke-width")]: u,
 			...l && { [r("class")]: l },
 			[r("viewBox")]: `0 0 ${i} ${a}`,
@@ -50,49 +50,49 @@ function S(e, t = {}) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/hasA11yProp.mjs
-var C = (e) => {
+var w = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, w = (e) => e === "", T = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), E = /* @__PURE__ */ Symbol("lucide-icons");
-function D() {
-	return l(E, {});
+}, T = (e) => e === "", E = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), D = /* @__PURE__ */ Symbol("lucide-icons");
+function O() {
+	return l(D, {});
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
-var O = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
-	name: e && T(e),
+var k = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
+	name: e && E(e),
 	node: t ?? n ?? [],
 	size: 24,
 	aliases: []
 }, absoluteStrokeWidth: i, "absolute-stroke-width": a, nonScalingStroke: o, "non-scaling-stroke": s, strokeWidth: l, "stroke-width": u, size: d, width: f = d, height: p = d, color: m, ...h }, { slots: g }) => {
-	let { size: _, color: v, strokeWidth: y = 2, absoluteStrokeWidth: b = !1, nonScalingStroke: x = !1, class: E = "" } = D(), O = w(i) || w(a) || i === !0 || a === !0 || b === !0, k = w(o) || w(s) || o === !0 || s === !0 || x === !0;
+	let { size: _, color: v, strokeWidth: y = 2, absoluteStrokeWidth: b = !1, nonScalingStroke: x = !1, class: S = "" } = O(), D = T(i) || T(a) || i === !0 || a === !0 || b === !0, k = T(o) || T(s) || o === !0 || s === !0 || x === !0;
 	delete h.class;
-	let A = g.default?.(), [, j, M = []] = S(r, {
+	let A = g.default?.(), [, j, M = []] = C(r, {
 		color: m ?? v,
 		width: f ?? d ?? _,
 		height: p ?? d ?? _,
 		strokeWidth: l ?? u ?? y,
-		absoluteStrokeWidth: O,
+		absoluteStrokeWidth: D,
 		nonScalingStroke: k,
-		className: E,
-		hasA11yProp: A != null && A.length > 0 || C(h),
+		className: S,
+		hasA11yProp: A != null && A.length > 0 || w(h),
 		attributes: h
 	});
 	return c("svg", j, [...M.map(([e, t]) => c(e, t)), ...A ?? []]);
 };
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/createLucideIcon.mjs
-function k(e, t = []) {
+function A(e, t = []) {
 	let n = typeof e == "string" ? {
 		name: e,
 		node: t
 	} : e;
-	return (e, { slots: t }) => c(O, {
+	return (e, { slots: t }) => c(k, {
 		...e,
 		icon: n
 	}, t.default ? { default: t.default } : void 0);
 }
-var A = k({
+var j = A({
 	name: "circle-question-mark",
 	size: 24,
 	node: [
@@ -115,19 +115,19 @@ var A = k({
 });
 //#endregion
 //#region web/src/kvman.ts
-function j() {
+function M() {
 	let e = l("kvman");
 	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
 	return e;
 }
-function M(e) {
+function N(e) {
 	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : {};
 }
 //#endregion
 //#region web/src/question-options.ts
-function N(e) {
+function P(e) {
 	return (Array.isArray(e.options) ? e.options : []).map((e) => {
-		let t = M(e);
+		let t = N(e);
 		return {
 			id: String(t.id),
 			label: String(t.label),
@@ -137,185 +137,129 @@ function N(e) {
 }
 //#endregion
 //#region web/src/QuestionCard.vue?vue&type=script&setup=true&lang.ts
-var P = /*@__PURE__*/ s({
-	__name: "QuestionCard",
-	props: {
-		questionId: {
-			type: String,
-			required: !0
-		},
-		question: {
-			type: Object,
-			required: !0
-		}
-	},
-	emits: ["answer"],
-	setup(e, { expose: n, emit: r }) {
-		n();
-		let i = e, a = r, o = j(), s = t(() => String(i.question.kind ?? "text")), c = t(() => String(i.question.prompt ?? "")), l = t(() => N(i.question)), u = t(() => i.question.multiple === !0), d = t(() => i.question.other === !0), p = f(""), m = f([]), h = f("");
-		function g(e) {
-			a("answer", {
-				questionId: i.questionId,
-				answer: e
-			});
-		}
-		function _(e) {
-			m.value = u.value ? m.value.includes(e) ? m.value.filter((t) => t !== e) : [...m.value, e] : [e], u.value || (h.value = "");
-		}
-		function v() {
-			let e = h.value.trim();
-			g({
-				selected: e !== "" && !u.value ? [] : m.value,
-				...e === "" ? {} : { other: e }
-			});
-		}
-		let y = {
-			props: i,
-			emit: a,
-			kvman: o,
-			kind: s,
-			prompt: c,
-			options: l,
-			multiple: u,
-			offersOther: d,
-			text: p,
-			selected: m,
-			other: h,
-			send: g,
-			choose: _,
-			answerChoice: v,
-			get CircleHelp() {
-				return A;
-			}
-		};
-		return Object.defineProperty(y, "__isScriptSetup", {
-			enumerable: !1,
-			value: !0
-		}), y;
-	}
-}), F = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, I = ["aria-label"], L = {
+var F = ["aria-label"], I = {
 	class: "kvc-card-row",
 	style: { "font-weight": "600" }
-}, R = { dir: "auto" }, z = { class: "kvc-card-body" }, B = ["placeholder", "aria-label"], V = { class: "kvc-actions" }, H = ["data-test"], U = [
+}, L = { dir: "auto" }, R = { class: "kvc-card-body" }, z = ["placeholder", "aria-label"], B = { class: "kvc-actions" }, V = ["data-test"], H = [
 	"type",
 	"checked",
 	"name",
 	"onChange"
-], W = { style: {
+], U = { style: {
 	display: "flex",
 	"flex-direction": "column"
-} }, G = { style: { "font-weight": "500" } }, K = {
+} }, W = { style: { "font-weight": "500" } }, G = {
 	key: 0,
 	class: "kvc-muted"
-}, q = ["placeholder", "aria-label"], J = { class: "kvc-actions" }, Y = ["disabled"], X = {
+}, K = ["placeholder", "aria-label"], q = { class: "kvc-actions" }, J = ["disabled"], Y = {
 	key: 2,
 	class: "kvc-actions"
-};
-function Z(t, n, s, c, l, f) {
-	return d(), i("section", {
-		class: "kvc-card kvc-ask",
-		"data-test": "question-card",
-		"aria-label": c.prompt
-	}, [a("div", L, [o(c.CircleHelp, {
-		size: 18,
-		"aria-hidden": "true"
-	}), a("span", R, m(c.prompt), 1)]), a("div", z, [c.kind === "text" ? (d(), i(e, { key: 0 }, [g(a("input", {
-		"onUpdate:modelValue": n[0] ||= (e) => c.text = e,
-		class: "kvc-field",
-		dir: "auto",
-		placeholder: String(c.props.question.placeholder ?? ""),
-		"aria-label": c.prompt,
-		"data-test": "answer-text",
-		onKeydown: n[1] ||= _(v((e) => c.send({ text: c.text }), ["prevent"]), ["enter"])
-	}, null, 40, B), [[h, c.text]]), a("div", V, [a("button", {
-		type: "button",
-		class: "kvc-button",
-		"data-test": "skip",
-		onClick: n[2] ||= (e) => c.send({ dismissed: !0 })
-	}, m(c.kvman.t("kvcoder.ui.skip")), 1), a("button", {
-		type: "button",
-		class: "kvc-button kvc-primary",
-		"data-test": "answer",
-		onClick: n[3] ||= (e) => c.send({ text: c.text })
-	}, m(c.kvman.t("kvcoder.ui.answer")), 1)])], 64)) : c.kind === "choice" ? (d(), i(e, { key: 1 }, [
-		(d(!0), i(e, null, p(c.options, (e) => (d(), i("label", {
-			key: e.id,
-			class: "kvc-option",
-			"data-test": `option-${e.id}`
-		}, [a("input", {
-			type: c.multiple ? "checkbox" : "radio",
-			checked: c.selected.includes(e.id),
-			name: c.props.questionId,
-			onChange: (t) => c.choose(e.id)
-		}, null, 40, U), a("span", W, [a("span", G, m(e.label), 1), e.description ? (d(), i("span", K, m(e.description), 1)) : r("v-if", !0)])], 8, H))), 128)),
-		c.offersOther ? g((d(), i("input", {
-			key: 0,
-			"onUpdate:modelValue": n[4] ||= (e) => c.other = e,
+}, X = /* @__PURE__ */ s({
+	__name: "QuestionCard",
+	props: {
+		questionId: {},
+		question: {}
+	},
+	emits: ["answer"],
+	setup(n, { emit: s }) {
+		let c = n, l = s, b = M(), x = t(() => String(c.question.kind ?? "text")), S = t(() => String(c.question.prompt ?? "")), C = t(() => P(c.question)), w = t(() => c.question.multiple === !0), T = t(() => c.question.other === !0), E = f(""), D = f([]), O = f("");
+		function k(e) {
+			l("answer", {
+				questionId: c.questionId,
+				answer: e
+			});
+		}
+		function A(e) {
+			D.value = w.value ? D.value.includes(e) ? D.value.filter((t) => t !== e) : [...D.value, e] : [e], w.value || (O.value = "");
+		}
+		function N() {
+			let e = O.value.trim();
+			k({
+				selected: e !== "" && !w.value ? [] : D.value,
+				...e === "" ? {} : { other: e }
+			});
+		}
+		return (t, n) => (d(), i("section", {
+			class: "kvc-card kvc-ask",
+			"data-test": "question-card",
+			"aria-label": S.value
+		}, [a("div", I, [o(h(j), {
+			size: 18,
+			"aria-hidden": "true"
+		}), a("span", L, m(S.value), 1)]), a("div", R, [x.value === "text" ? (d(), i(e, { key: 0 }, [_(a("input", {
+			"onUpdate:modelValue": n[0] ||= (e) => E.value = e,
 			class: "kvc-field",
-			placeholder: c.kvman.t("kvcoder.ui.other"),
-			"aria-label": c.kvman.t("kvcoder.ui.other"),
-			"data-test": "answer-other"
-		}, null, 8, q)), [[h, c.other]]) : r("v-if", !0),
-		a("div", J, [a("button", {
+			dir: "auto",
+			placeholder: String(c.question.placeholder ?? ""),
+			"aria-label": S.value,
+			"data-test": "answer-text",
+			onKeydown: n[1] ||= v(y((e) => k({ text: E.value }), ["prevent"]), ["enter"])
+		}, null, 40, z), [[g, E.value]]), a("div", B, [a("button", {
 			type: "button",
 			class: "kvc-button",
 			"data-test": "skip",
-			onClick: n[5] ||= (e) => c.send({ dismissed: !0 })
-		}, m(c.kvman.t("kvcoder.ui.skip")), 1), a("button", {
+			onClick: n[2] ||= (e) => k({ dismissed: !0 })
+		}, m(h(b).t("kvcoder.ui.skip")), 1), a("button", {
 			type: "button",
 			class: "kvc-button kvc-primary",
-			disabled: c.selected.length === 0 && c.other.trim() === "",
 			"data-test": "answer",
-			onClick: c.answerChoice
-		}, m(c.kvman.t("kvcoder.ui.answer")), 9, Y)])
-	], 64)) : (d(), i("div", X, [a("button", {
-		type: "button",
-		class: "kvc-button",
-		"data-test": "answer-no",
-		onClick: n[6] ||= (e) => c.send({ confirmed: !1 })
-	}, m(c.kvman.t("kvcoder.ui.no")), 1), a("button", {
-		type: "button",
-		class: u(["kvc-button kvc-primary", { "kvc-danger": c.props.question.danger === !0 }]),
-		"data-test": "answer-yes",
-		onClick: n[7] ||= (e) => c.send({ confirmed: !0 })
-	}, m(c.kvman.t("kvcoder.ui.yes")), 3)]))])], 8, I);
-}
-var Q = /*#__PURE__*/ F(P, [["render", Z], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/src/QuestionCard.vue"]]), $ = /*@__PURE__*/ s({
+			onClick: n[3] ||= (e) => k({ text: E.value })
+		}, m(h(b).t("kvcoder.ui.answer")), 1)])], 64)) : x.value === "choice" ? (d(), i(e, { key: 1 }, [
+			(d(!0), i(e, null, p(C.value, (e) => (d(), i("label", {
+				key: e.id,
+				class: "kvc-option",
+				"data-test": `option-${e.id}`
+			}, [a("input", {
+				type: w.value ? "checkbox" : "radio",
+				checked: D.value.includes(e.id),
+				name: c.questionId,
+				onChange: (t) => A(e.id)
+			}, null, 40, H), a("span", U, [a("span", W, m(e.label), 1), e.description ? (d(), i("span", G, m(e.description), 1)) : r("v-if", !0)])], 8, V))), 128)),
+			T.value ? _((d(), i("input", {
+				key: 0,
+				"onUpdate:modelValue": n[4] ||= (e) => O.value = e,
+				class: "kvc-field",
+				placeholder: h(b).t("kvcoder.ui.other"),
+				"aria-label": h(b).t("kvcoder.ui.other"),
+				"data-test": "answer-other"
+			}, null, 8, K)), [[g, O.value]]) : r("v-if", !0),
+			a("div", q, [a("button", {
+				type: "button",
+				class: "kvc-button",
+				"data-test": "skip",
+				onClick: n[5] ||= (e) => k({ dismissed: !0 })
+			}, m(h(b).t("kvcoder.ui.skip")), 1), a("button", {
+				type: "button",
+				class: "kvc-button kvc-primary",
+				disabled: D.value.length === 0 && O.value.trim() === "",
+				"data-test": "answer",
+				onClick: N
+			}, m(h(b).t("kvcoder.ui.answer")), 9, J)])
+		], 64)) : (d(), i("div", Y, [a("button", {
+			type: "button",
+			class: "kvc-button",
+			"data-test": "answer-no",
+			onClick: n[6] ||= (e) => k({ confirmed: !1 })
+		}, m(h(b).t("kvcoder.ui.no")), 1), a("button", {
+			type: "button",
+			class: u(["kvc-button kvc-primary", { "kvc-danger": c.question.danger === !0 }]),
+			"data-test": "answer-yes",
+			onClick: n[7] ||= (e) => k({ confirmed: !0 })
+		}, m(h(b).t("kvcoder.ui.yes")), 3)]))])], 8, F));
+	}
+}), Z = /* @__PURE__ */ s({
 	__name: "question",
 	props: {
-		questionId: {
-			type: String,
-			required: !0
-		},
-		question: {
-			type: Object,
-			required: !0
-		}
+		questionId: {},
+		question: {}
 	},
-	setup(e, { expose: t }) {
-		t();
-		let n = {
-			props: e,
-			QuestionCard: Q
-		};
-		return Object.defineProperty(n, "__isScriptSetup", {
-			enumerable: !1,
-			value: !0
-		}), n;
+	setup(e) {
+		let t = e;
+		return (e, r) => (d(), n(X, {
+			"question-id": t.questionId,
+			question: t.question
+		}, null, 8, ["question-id", "question"]));
 	}
 });
 //#endregion
-//#region web/components/question.vue
-function ee(e, t, r, i, a, o) {
-	return d(), n(i.QuestionCard, {
-		"question-id": i.props.questionId,
-		question: i.props.question
-	}, null, 8, ["question-id", "question"]);
-}
-var te = /*#__PURE__*/ F($, [["render", ee], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/components/question.vue"]]);
-//#endregion
-export { te as default };
+export { Z as default };