component-input-enum.ts
No OneTemporary
Actions

Size

730 B

Referenced Files

None

Subscribers

None

component-input-enum.ts
View Options

	import type { Enum } from "@sealcode/jdd";
	import { printArgPath } from "./print-arg-path.js";

	export function ComponentInputEnum<State, S extends string, T extends Enum<S>>({
	arg_path,
	arg,
	value,
	onchange,
	}: {
	state: State;
	arg_path: string[];
	arg: T;
	value: string;
	onchange?: string;
	}) {
	return /* HTML */ `<div id=${`component-input-enum-${arg_path.join("-")}`}>
	<label>
	${arg_path.at(-1) \|\| ""}
	<select
	name="${`$${printArgPath(arg_path)}`}"
	onchange="${onchange \|\| ""}"
	>
	${arg.values
	.map(
	(v: S) => /* HTML */ `<option
	value="${v}"
	${value == v ? "selected" : ""}
	>
	${v}
	</option>`
	)
	.join("")}
	</select>
	</label>
	</div>`;
	}