@drfed/web 0.0.0-stage → 0.1.0-dev.0

package/.output/server/_ssr/TSB6MOZK-D06WZb6o.mjs

@@ -0,0 +1,166 @@
+import { $ as splitProps, F as createContext, H as createUniqueId, I as createEffect, K as mergeProps, N as createComponent, nt as useContext, q as on } from "../_libs/solid-js.mjs";
+import { D as mergeDefaultProps, a as __export, i as Polymorphic, l as createGenerateId, s as composeEventHandlers } from "./JNCCF6MP-BAZlBnvx.mjs";
+import { a as FormControlErrorMessage, d as createFormControl, f as createFormControlField, g as useFormControlContext, i as FormControlDescription, n as FORM_CONTROL_PROP_NAMES, o as FormControlLabel, p as createFormResetListener, r as FormControlContext, s as access, t as FORM_CONTROL_FIELD_PROP_NAMES, u as createControllableSignal } from "./form.module-CTvIl1lm.mjs";
+//#region node_modules/.nitro/vite/services/ssr/_build/assets/TSB6MOZK-D06WZb6o.js
+__export({}, {
+	Description: () => FormControlDescription,
+	ErrorMessage: () => FormControlErrorMessage,
+	Input: () => TextFieldInput,
+	Label: () => FormControlLabel,
+	Root: () => TextFieldRoot,
+	TextArea: () => TextFieldTextArea,
+	TextField: () => TextField,
+	useTextFieldContext: () => useTextFieldContext
+});
+var TextFieldContext = createContext();
+function useTextFieldContext() {
+	const context = useContext(TextFieldContext);
+	if (context === void 0) throw new Error("[kobalte]: `useTextFieldContext` must be used within a `TextField` component");
+	return context;
+}
+function TextFieldInput(props) {
+	return createComponent(TextFieldInputBase, mergeProps({ type: "text" }, props));
+}
+function TextFieldInputBase(props) {
+	const formControlContext = useFormControlContext();
+	const context = useTextFieldContext();
+	const [local, formControlFieldProps, others] = splitProps(mergeDefaultProps({ id: context.generateId("input") }, props), ["onInput"], FORM_CONTROL_FIELD_PROP_NAMES);
+	const { fieldProps } = createFormControlField(formControlFieldProps);
+	return createComponent(Polymorphic, mergeProps({
+		as: "input",
+		get id() {
+			return fieldProps.id();
+		},
+		get name() {
+			return formControlContext.name();
+		},
+		get value() {
+			return context.value();
+		},
+		get required() {
+			return formControlContext.isRequired();
+		},
+		get disabled() {
+			return formControlContext.isDisabled();
+		},
+		get readonly() {
+			return formControlContext.isReadOnly();
+		},
+		get ["aria-label"]() {
+			return fieldProps.ariaLabel();
+		},
+		get ["aria-labelledby"]() {
+			return fieldProps.ariaLabelledBy();
+		},
+		get ["aria-describedby"]() {
+			return fieldProps.ariaDescribedBy();
+		},
+		get ["aria-invalid"]() {
+			return formControlContext.validationState() === "invalid" || void 0;
+		},
+		get ["aria-required"]() {
+			return formControlContext.isRequired() || void 0;
+		},
+		get ["aria-disabled"]() {
+			return formControlContext.isDisabled() || void 0;
+		},
+		get ["aria-readonly"]() {
+			return formControlContext.isReadOnly() || void 0;
+		},
+		get onInput() {
+			return composeEventHandlers([local.onInput, context.onInput]);
+		}
+	}, () => formControlContext.dataset(), others));
+}
+function TextFieldRoot(props) {
+	let ref;
+	const [local, formControlProps, others] = splitProps(mergeDefaultProps({ id: `textfield-${createUniqueId()}` }, props), [
+		"ref",
+		"value",
+		"defaultValue",
+		"onChange"
+	], FORM_CONTROL_PROP_NAMES);
+	const initialValue = local.value;
+	const [value, setValue] = createControllableSignal({
+		value: () => initialValue === void 0 ? void 0 : local.value ?? "",
+		defaultValue: () => local.defaultValue,
+		onChange: (value2) => local.onChange?.(value2)
+	});
+	const { formControlContext } = createFormControl(formControlProps);
+	createFormResetListener(() => ref, () => setValue(local.defaultValue ?? ""));
+	const onInput = (e) => {
+		if (formControlContext.isReadOnly() || formControlContext.isDisabled()) return;
+		const target = e.target;
+		setValue(target.value);
+		target.value = value() ?? "";
+	};
+	const context = {
+		value,
+		generateId: createGenerateId(() => access(formControlProps.id)),
+		onInput
+	};
+	return createComponent(FormControlContext.Provider, {
+		value: formControlContext,
+		get children() {
+			return createComponent(TextFieldContext.Provider, {
+				value: context,
+				get children() {
+					return createComponent(Polymorphic, mergeProps({
+						as: "div",
+						role: "group",
+						get id() {
+							return access(formControlProps.id);
+						}
+					}, () => formControlContext.dataset(), others));
+				}
+			});
+		}
+	});
+}
+function TextFieldTextArea(props) {
+	let ref;
+	const context = useTextFieldContext();
+	const [local, others] = splitProps(mergeDefaultProps({ id: context.generateId("textarea") }, props), [
+		"ref",
+		"autoResize",
+		"submitOnEnter",
+		"onKeyPress"
+	]);
+	createEffect(on([
+		() => ref,
+		() => local.autoResize,
+		() => context.value()
+	], ([ref2, autoResize]) => {
+		if (!ref2 || !autoResize) return;
+		adjustHeight(ref2);
+	}));
+	const onKeyPress = (event) => {};
+	return createComponent(TextFieldInputBase, mergeProps({
+		as: "textarea",
+		get ["aria-multiline"]() {
+			return local.submitOnEnter ? "false" : void 0;
+		},
+		get onKeyPress() {
+			return composeEventHandlers([local.onKeyPress, onKeyPress]);
+		}
+	}, others));
+}
+function adjustHeight(el) {
+	const prevAlignment = el.style.alignSelf;
+	const prevOverflow = el.style.overflow;
+	if (!("MozAppearance" in el.style)) el.style.overflow = "hidden";
+	el.style.alignSelf = "start";
+	el.style.height = "auto";
+	el.style.height = `${el.scrollHeight + (el.offsetHeight - el.clientHeight)}px`;
+	el.style.overflow = prevOverflow;
+	el.style.alignSelf = prevAlignment;
+}
+var TextField = Object.assign(TextFieldRoot, {
+	Description: FormControlDescription,
+	ErrorMessage: FormControlErrorMessage,
+	Input: TextFieldInput,
+	Label: FormControlLabel,
+	TextArea: TextFieldTextArea
+});
+//#endregion
+export { TextField as t };