@verbb/plugin-kit-vue 2.0.0

package/dist/forms/fields/GroupField.js

@@ -0,0 +1,55 @@
+import { FieldLayout } from "../Field.js";
+import { computed, defineComponent, h } from "vue";
+//#region src/forms/fields/GroupField.ts
+var prefixGroupSchema = (schema, prefix, scopePath) => {
+	if (Array.isArray(schema)) return schema.map((item) => prefixGroupSchema(item, prefix, scopePath));
+	if (!schema || typeof schema !== "object") return schema;
+	const nextSchema = { ...schema };
+	if (typeof scopePath === "string" && scopePath && !nextSchema._scopePath) nextSchema._scopePath = scopePath;
+	if (typeof nextSchema.name === "string" && nextSchema.name && nextSchema.$field) nextSchema.name = `${prefix}${nextSchema.name}`;
+	if (nextSchema.$field !== "group") {
+		if (Array.isArray(nextSchema.schema)) nextSchema.schema = prefixGroupSchema(nextSchema.schema, prefix, scopePath);
+		if (Array.isArray(nextSchema.children)) nextSchema.children = prefixGroupSchema(nextSchema.children, prefix, scopePath);
+	}
+	return nextSchema;
+};
+var GroupField = defineComponent({
+	name: "SchemaGroupField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		const scopedSchema = computed(() => {
+			const schema = props.field.schema ?? props.field.children ?? [];
+			const prefix = props.field.name ? `${props.field.name}.` : "";
+			if (!prefix) return schema;
+			return prefixGroupSchema(schema, prefix, props.field.name || "");
+		});
+		return () => {
+			const Renderer = props.form.SchemaRenderer;
+			if (!Renderer) return null;
+			const errors = props.field.name ? props.form.getGroupedErrorsForPath?.(props.field.name) ?? props.form.getErrorMapFields()[props.field.name] ?? [] : [];
+			const content = h(Renderer, { schema: scopedSchema.value });
+			if (props.field.label || props.field.instructions || props.field.warning) return h(FieldLayout, {
+				name: props.field.name || "group",
+				label: props.field.label,
+				instructions: props.field.instructions,
+				warning: props.field.warning,
+				required: props.field.required,
+				errors
+			}, { default: () => content });
+			return slots.default?.() ?? content;
+		};
+	}
+});
+//#endregion
+export { GroupField };
+
+//# sourceMappingURL=GroupField.js.map

package/dist/forms/fields/GroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupField.js","names":[],"sources":["../../../src/forms/fields/GroupField.ts"],"sourcesContent":["import { computed, defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode, SchemaRenderable } from '@verbb/plugin-kit-forms';\n\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\n\nconst prefixGroupSchema = (schema: SchemaRenderable, prefix: string, scopePath: string): SchemaRenderable => {\n    if (Array.isArray(schema)) {\n        return schema.map((item) => prefixGroupSchema(item, prefix, scopePath));\n    }\n\n    if (!schema || typeof schema !== 'object') {\n        return schema;\n    }\n\n    const nextSchema: SchemaNode = { ...schema };\n    const hasScope = typeof scopePath === 'string' && scopePath;\n\n    if (hasScope && !nextSchema._scopePath) {\n        nextSchema._scopePath = scopePath;\n    }\n\n    if (typeof nextSchema.name === 'string' && nextSchema.name && nextSchema.$field) {\n        nextSchema.name = `${prefix}${nextSchema.name}`;\n    }\n\n    // Nested groups scope their own descendants so names do not get double-prefixed.\n    if (nextSchema.$field !== 'group') {\n        if (Array.isArray(nextSchema.schema)) {\n            nextSchema.schema = prefixGroupSchema(nextSchema.schema, prefix, scopePath);\n        }\n\n        if (Array.isArray(nextSchema.children)) {\n            nextSchema.children = prefixGroupSchema(nextSchema.children, prefix, scopePath);\n        }\n    }\n\n    return nextSchema;\n};\n\nexport const GroupField = defineComponent({\n    name: 'SchemaGroupField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode>, required: true },\n    },\n    setup(props, { slots }) {\n        const scopedSchema = computed(() => {\n            const schema = props.field.schema ?? props.field.children ?? [];\n            const prefix = props.field.name ? `${props.field.name}.` : '';\n\n            if (!prefix) {\n                return schema as SchemaRenderable;\n            }\n\n            return prefixGroupSchema(schema as SchemaRenderable, prefix, props.field.name || '');\n        });\n\n        return () => {\n            const Renderer = props.form.SchemaRenderer;\n            if (!Renderer) {\n                return null;\n            }\n\n            const errors = props.field.name\n                ? props.form.getGroupedErrorsForPath?.(props.field.name) ?? props.form.getErrorMapFields()[props.field.name] ?? []\n                : [];\n            const content = h(Renderer, { schema: scopedSchema.value });\n\n            if (props.field.label || props.field.instructions || props.field.warning) {\n                return h(FieldLayout, {\n                    name: props.field.name || 'group',\n                    label: props.field.label,\n                    instructions: props.field.instructions as string | undefined,\n                    warning: props.field.warning as string | undefined,\n                    required: props.field.required,\n                    errors,\n                }, { default: () => content });\n            }\n\n            return slots.default?.() ?? content;\n        };\n    },\n});\n"],"mappings":";;;AAMA,IAAM,qBAAqB,QAA0B,QAAgB,cAAwC;AACzG,KAAI,MAAM,QAAQ,OAAO,CACrB,QAAO,OAAO,KAAK,SAAS,kBAAkB,MAAM,QAAQ,UAAU,CAAC;AAG3E,KAAI,CAAC,UAAU,OAAO,WAAW,SAC7B,QAAO;CAGX,MAAM,aAAyB,EAAE,GAAG,QAAQ;AAG5C,KAFiB,OAAO,cAAc,YAAY,aAElC,CAAC,WAAW,WACxB,YAAW,aAAa;AAG5B,KAAI,OAAO,WAAW,SAAS,YAAY,WAAW,QAAQ,WAAW,OACrE,YAAW,OAAO,GAAG,SAAS,WAAW;AAI7C,KAAI,WAAW,WAAW,SAAS;AAC/B,MAAI,MAAM,QAAQ,WAAW,OAAO,CAChC,YAAW,SAAS,kBAAkB,WAAW,QAAQ,QAAQ,UAAU;AAG/E,MAAI,MAAM,QAAQ,WAAW,SAAS,CAClC,YAAW,WAAW,kBAAkB,WAAW,UAAU,QAAQ,UAAU;;AAIvF,QAAO;;AAGX,IAAa,aAAa,gBAAgB;CACtC,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAgC,UAAU;GAAM;EAClE;CACD,MAAM,OAAO,EAAE,SAAS;EACpB,MAAM,eAAe,eAAe;GAChC,MAAM,SAAS,MAAM,MAAM,UAAU,MAAM,MAAM,YAAY,EAAE;GAC/D,MAAM,SAAS,MAAM,MAAM,OAAO,GAAG,MAAM,MAAM,KAAK,KAAK;AAE3D,OAAI,CAAC,OACD,QAAO;AAGX,UAAO,kBAAkB,QAA4B,QAAQ,MAAM,MAAM,QAAQ,GAAG;IACtF;AAEF,eAAa;GACT,MAAM,WAAW,MAAM,KAAK;AAC5B,OAAI,CAAC,SACD,QAAO;GAGX,MAAM,SAAS,MAAM,MAAM,OACrB,MAAM,KAAK,0BAA0B,MAAM,MAAM,KAAK,IAAI,MAAM,KAAK,mBAAmB,CAAC,MAAM,MAAM,SAAS,EAAE,GAChH,EAAE;GACR,MAAM,UAAU,EAAE,UAAU,EAAE,QAAQ,aAAa,OAAO,CAAC;AAE3D,OAAI,MAAM,MAAM,SAAS,MAAM,MAAM,gBAAgB,MAAM,MAAM,QAC7D,QAAO,EAAE,aAAa;IAClB,MAAM,MAAM,MAAM,QAAQ;IAC1B,OAAO,MAAM,MAAM;IACnB,cAAc,MAAM,MAAM;IAC1B,SAAS,MAAM,MAAM;IACrB,UAAU,MAAM,MAAM;IACtB;IACH,EAAE,EAAE,eAAe,SAAS,CAAC;AAGlC,UAAO,MAAM,WAAW,IAAI;;;CAGvC,CAAC"}

package/dist/forms/fields/LightswitchField.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export declare const LightswitchField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LightswitchField.d.ts.map

package/dist/forms/fields/LightswitchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightswitchField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/LightswitchField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,eAAO,MAAM,gBAAgB;;cAGG,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cADxC,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGAsBtE,CAAC"}

package/dist/forms/fields/LightswitchField.js

@@ -0,0 +1,39 @@
+import { Lightswitch } from "../../components/Lightswitch.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/LightswitchField.ts
+var LightswitchField = defineComponent({
+	name: "SchemaLightswitchField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		return () => h(FieldLayout, {
+			name: props.field.name,
+			label: props.field.label,
+			instructions: props.field.instructions,
+			warning: props.field.warning,
+			required: props.field.required,
+			errors: binding.errors.value
+		}, { default: () => h(Lightswitch, {
+			checked: Boolean(binding.value.value),
+			"aria-label": props.field.label,
+			"onUpdate:checked": (checked) => {
+				binding.setValue(checked);
+			}
+		}) });
+	}
+});
+//#endregion
+export { LightswitchField };
+
+//# sourceMappingURL=LightswitchField.js.map

package/dist/forms/fields/LightswitchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightswitchField.js","names":[],"sources":["../../../src/forms/fields/LightswitchField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { Lightswitch } from '../../components/Lightswitch.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\n\nexport const LightswitchField = defineComponent({\n    name: 'SchemaLightswitchField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode & { name: string }>, required: true },\n    },\n    setup(props) {\n        const binding = useEngineField(props.form, props.field.name);\n\n        return () => h(FieldLayout, {\n            name: props.field.name,\n            label: props.field.label,\n            instructions: props.field.instructions as string | undefined,\n            warning: props.field.warning as string | undefined,\n            required: props.field.required,\n            errors: binding.errors.value,\n        }, {\n            default: () => h(Lightswitch, {\n                checked: Boolean(binding.value.value),\n                'aria-label': props.field.label,\n                'onUpdate:checked': (checked: boolean) => {\n                    binding.setValue(checked);\n                },\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;AAQA,IAAa,mBAAmB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAmD,UAAU;GAAM;EACrF;CACD,MAAM,OAAO;EACT,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,MAAM,KAAK;AAE5D,eAAa,EAAE,aAAa;GACxB,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM,MAAM;GACnB,cAAc,MAAM,MAAM;GAC1B,SAAS,MAAM,MAAM;GACrB,UAAU,MAAM,MAAM;GACtB,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,aAAa;GAC1B,SAAS,QAAQ,QAAQ,MAAM,MAAM;GACrC,cAAc,MAAM,MAAM;GAC1B,qBAAqB,YAAqB;AACtC,YAAQ,SAAS,QAAQ;;GAEhC,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/NumberField.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export declare const NumberField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=NumberField.d.ts.map

package/dist/forms/fields/NumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/NumberField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,eAAO,MAAM,WAAW;;cAGQ,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cADxC,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGA2BtE,CAAC"}

package/dist/forms/fields/NumberField.js

@@ -0,0 +1,44 @@
+import { Input } from "../../components/Input.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/NumberField.ts
+var NumberField = defineComponent({
+	name: "SchemaNumberField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		return () => h(FieldLayout, {
+			name: props.field.name,
+			label: props.field.label,
+			instructions: props.field.instructions,
+			warning: props.field.warning,
+			required: props.field.required,
+			errors: binding.errors.value
+		}, { default: () => h(Input, {
+			type: "number",
+			value: String(binding.value.value ?? ""),
+			placeholder: props.field.placeholder,
+			disabled: props.field.disabled || void 0,
+			invalid: binding.isInvalid.value || void 0,
+			style: props.field.size ? { width: `${props.field.size}rem` } : void 0,
+			onInput: (event) => {
+				binding.setValue(event.target.value ?? "");
+			},
+			onBlur: binding.setTouched
+		}) });
+	}
+});
+//#endregion
+export { NumberField };
+
+//# sourceMappingURL=NumberField.js.map

package/dist/forms/fields/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","names":[],"sources":["../../../src/forms/fields/NumberField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { Input } from '../../components/Input.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\n\nexport const NumberField = defineComponent({\n    name: 'SchemaNumberField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode & { name: string }>, required: true },\n    },\n    setup(props) {\n        const binding = useEngineField(props.form, props.field.name);\n\n        return () => h(FieldLayout, {\n            name: props.field.name,\n            label: props.field.label,\n            instructions: props.field.instructions as string | undefined,\n            warning: props.field.warning as string | undefined,\n            required: props.field.required,\n            errors: binding.errors.value,\n        }, {\n            default: () => h(Input, {\n                type: 'number',\n                value: String(binding.value.value ?? ''),\n                placeholder: props.field.placeholder,\n                disabled: props.field.disabled || undefined,\n                invalid: binding.isInvalid.value || undefined,\n                style: props.field.size ? { width: `${props.field.size}rem` } : undefined,\n                onInput: (event: Event) => {\n                    binding.setValue((event.target as { value?: string }).value ?? '');\n                },\n                onBlur: binding.setTouched,\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;AAQA,IAAa,cAAc,gBAAgB;CACvC,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAmD,UAAU;GAAM;EACrF;CACD,MAAM,OAAO;EACT,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,MAAM,KAAK;AAE5D,eAAa,EAAE,aAAa;GACxB,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM,MAAM;GACnB,cAAc,MAAM,MAAM;GAC1B,SAAS,MAAM,MAAM;GACrB,UAAU,MAAM,MAAM;GACtB,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,OAAO;GACpB,MAAM;GACN,OAAO,OAAO,QAAQ,MAAM,SAAS,GAAG;GACxC,aAAa,MAAM,MAAM;GACzB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,OAAO,MAAM,MAAM,OAAO,EAAE,OAAO,GAAG,MAAM,MAAM,KAAK,MAAM,GAAG,KAAA;GAChE,UAAU,UAAiB;AACvB,YAAQ,SAAU,MAAM,OAA8B,SAAS,GAAG;;GAEtE,QAAQ,QAAQ;GACnB,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/RadioGroupField.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export declare const RadioGroupField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=RadioGroupField.d.ts.map

package/dist/forms/fields/RadioGroupField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/RadioGroupField.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,eAAO,MAAM,eAAe;;cAGI,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cADxC,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGA6CtE,CAAC"}

package/dist/forms/fields/RadioGroupField.js

@@ -0,0 +1,55 @@
+import { RadioGroupInput } from "../../components/RadioGroupInput.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { useFilteredOptions } from "./options.js";
+import { defineComponent, h, watch } from "vue";
+//#region src/forms/fields/RadioGroupField.ts
+var RadioGroupField = defineComponent({
+	name: "SchemaRadioGroupField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		const filteredOptions = useFilteredOptions(props.form, props.field);
+		watch([filteredOptions, binding.value], ([options, value]) => {
+			if (value === void 0 || value === null || value === "") return;
+			if (options.some((option) => String(option.value) === String(value))) return;
+			const fallback = options.find((option) => option.value !== void 0 && option.disabled !== true);
+			binding.setValue(fallback ? fallback.value : "");
+		}, { immediate: true });
+		return () => h(FieldLayout, {
+			name: props.field.name,
+			label: props.field.label,
+			instructions: props.field.instructions,
+			warning: props.field.warning,
+			required: props.field.required,
+			errors: binding.errors.value
+		}, { default: () => h(RadioGroupInput, {
+			name: props.field.name,
+			modelValue: binding.value.value,
+			options: filteredOptions.value.map((option) => ({
+				value: option.value,
+				label: option.label,
+				disabled: option.disabled
+			})),
+			disabled: Boolean(props.field.disabled) || void 0,
+			ariaLabel: props.field.label,
+			"onUpdate:modelValue": (nextValue) => {
+				binding.setValue(nextValue);
+				binding.setTouched();
+			}
+		}) });
+	}
+});
+//#endregion
+export { RadioGroupField };
+
+//# sourceMappingURL=RadioGroupField.js.map

package/dist/forms/fields/RadioGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupField.js","names":[],"sources":["../../../src/forms/fields/RadioGroupField.ts"],"sourcesContent":["import { defineComponent, h, watch, type Component, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { RadioGroupInput } from '../../components/RadioGroupInput.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { useFilteredOptions } from './options.js';\n\nexport const RadioGroupField = defineComponent({\n    name: 'SchemaRadioGroupField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode & { name: string }>, required: true },\n    },\n    setup(props) {\n        const binding = useEngineField(props.form, props.field.name);\n        const filteredOptions = useFilteredOptions(props.form, props.field);\n\n        watch([filteredOptions, binding.value], ([options, value]) => {\n            if (value === undefined || value === null || value === '') {\n                return;\n            }\n\n            const hasCurrentValue = options.some((option) => String(option.value) === String(value));\n            if (hasCurrentValue) {\n                return;\n            }\n\n            const fallback = options.find((option) => option.value !== undefined && option.disabled !== true);\n            binding.setValue(fallback ? fallback.value : '');\n        }, { immediate: true });\n\n        return () => h(FieldLayout, {\n            name: props.field.name,\n            label: props.field.label,\n            instructions: props.field.instructions as string | undefined,\n            warning: props.field.warning as string | undefined,\n            required: props.field.required,\n            errors: binding.errors.value,\n        }, {\n            default: () => h(RadioGroupInput as Component, {\n                name: props.field.name,\n                modelValue: binding.value.value,\n                options: filteredOptions.value.map((option) => ({\n                    value: option.value,\n                    label: option.label,\n                    disabled: option.disabled,\n                })),\n                disabled: Boolean(props.field.disabled) || undefined,\n                ariaLabel: props.field.label,\n                'onUpdate:modelValue': (nextValue: unknown) => {\n                    binding.setValue(nextValue);\n                    binding.setTouched();\n                },\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;;AASA,IAAa,kBAAkB,gBAAgB;CAC3C,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAmD,UAAU;GAAM;EACrF;CACD,MAAM,OAAO;EACT,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,MAAM,KAAK;EAC5D,MAAM,kBAAkB,mBAAmB,MAAM,MAAM,MAAM,MAAM;AAEnE,QAAM,CAAC,iBAAiB,QAAQ,MAAM,GAAG,CAAC,SAAS,WAAW;AAC1D,OAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,GACnD;AAIJ,OADwB,QAAQ,MAAM,WAAW,OAAO,OAAO,MAAM,KAAK,OAAO,MAAM,CACnF,CACA;GAGJ,MAAM,WAAW,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAA,KAAa,OAAO,aAAa,KAAK;AACjG,WAAQ,SAAS,WAAW,SAAS,QAAQ,GAAG;KACjD,EAAE,WAAW,MAAM,CAAC;AAEvB,eAAa,EAAE,aAAa;GACxB,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM,MAAM;GACnB,cAAc,MAAM,MAAM;GAC1B,SAAS,MAAM,MAAM;GACrB,UAAU,MAAM,MAAM;GACtB,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,iBAA8B;GAC3C,MAAM,MAAM,MAAM;GAClB,YAAY,QAAQ,MAAM;GAC1B,SAAS,gBAAgB,MAAM,KAAK,YAAY;IAC5C,OAAO,OAAO;IACd,OAAO,OAAO;IACd,UAAU,OAAO;IACpB,EAAE;GACH,UAAU,QAAQ,MAAM,MAAM,SAAS,IAAI,KAAA;GAC3C,WAAW,MAAM,MAAM;GACvB,wBAAwB,cAAuB;AAC3C,YAAQ,SAAS,UAAU;AAC3B,YAAQ,YAAY;;GAE3B,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/SelectField.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export declare const SelectField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/forms/fields/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/SelectField.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKhE,eAAO,MAAM,WAAW;;cAGQ,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cADxC,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGAsDtE,CAAC"}

package/dist/forms/fields/SelectField.js

@@ -0,0 +1,58 @@
+import { Option, Select } from "../../components/Select.js";
+import { FieldLayout } from "../Field.js";
+import { readPkValue } from "../utils.js";
+import { useEngineField } from "../useEngineField.js";
+import { useFilteredOptions } from "./options.js";
+import { defineComponent, h, watch } from "vue";
+//#region src/forms/fields/SelectField.ts
+var SelectField = defineComponent({
+	name: "SchemaSelectField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		const filteredOptions = useFilteredOptions(props.form, props.field);
+		watch([filteredOptions, binding.value], ([options, value]) => {
+			if (value === void 0 || value === null || value === "") return;
+			if (options.some((option) => String(option.value) === String(value))) return;
+			const fallback = options.find((option) => option.value !== void 0 && option.disabled !== true);
+			binding.setValue(fallback ? fallback.value : "");
+		}, { immediate: true });
+		return () => h(FieldLayout, {
+			name: props.field.name,
+			label: props.field.label,
+			instructions: props.field.instructions,
+			warning: props.field.warning,
+			required: props.field.required,
+			errors: binding.errors.value
+		}, { default: () => h(Select, {
+			value: binding.value.value ?? "",
+			placeholder: props.field.placeholder,
+			disabled: props.field.disabled || void 0,
+			invalid: binding.isInvalid.value || void 0,
+			onPkChange: (event) => {
+				const nextValue = readPkValue(event);
+				const match = filteredOptions.value.find((option) => String(option.value) === String(nextValue));
+				binding.setValue(match ? match.value : nextValue);
+				binding.setTouched();
+			},
+			onBlur: binding.setTouched
+		}, { default: () => filteredOptions.value.map((option) => h(Option, {
+			key: String(option.value),
+			value: String(option.value ?? ""),
+			disabled: option.disabled || void 0
+		}, { default: () => option.label })) }) });
+	}
+});
+//#endregion
+export { SelectField };
+
+//# sourceMappingURL=SelectField.js.map

package/dist/forms/fields/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","names":[],"sources":["../../../src/forms/fields/SelectField.ts"],"sourcesContent":["import { defineComponent, h, watch, type Component, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { Option, Select } from '../../components/Select.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { readPkValue } from '../utils.js';\nimport { useFilteredOptions } from './options.js';\n\nexport const SelectField = defineComponent({\n    name: 'SchemaSelectField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode & { name: string }>, required: true },\n    },\n    setup(props) {\n        const binding = useEngineField(props.form, props.field.name);\n        const filteredOptions = useFilteredOptions(props.form, props.field);\n\n        // If conditions hide the selected option, pick the first enabled fallback.\n        watch([filteredOptions, binding.value], ([options, value]) => {\n            if (value === undefined || value === null || value === '') {\n                return;\n            }\n\n            const hasCurrentValue = options.some((option) => String(option.value) === String(value));\n            if (hasCurrentValue) {\n                return;\n            }\n\n            const fallback = options.find((option) => option.value !== undefined && option.disabled !== true);\n            binding.setValue(fallback ? fallback.value : '');\n        }, { immediate: true });\n\n        return () => h(FieldLayout, {\n            name: props.field.name,\n            label: props.field.label,\n            instructions: props.field.instructions as string | undefined,\n            warning: props.field.warning as string | undefined,\n            required: props.field.required,\n            errors: binding.errors.value,\n        }, {\n            default: () => h(Select as Component, {\n                value: binding.value.value ?? '',\n                placeholder: props.field.placeholder,\n                disabled: props.field.disabled || undefined,\n                invalid: binding.isInvalid.value || undefined,\n                onPkChange: (event: Event) => {\n                    const nextValue = readPkValue(event);\n                    const match = filteredOptions.value.find((option) => String(option.value) === String(nextValue));\n                    binding.setValue(match ? match.value : nextValue);\n                    binding.setTouched();\n                },\n                onBlur: binding.setTouched,\n            }, {\n                default: () => filteredOptions.value.map((option) => h(\n                    Option as Component,\n                    {\n                        key: String(option.value),\n                        value: String(option.value ?? ''),\n                        disabled: option.disabled || undefined,\n                    },\n                    { default: () => option.label },\n                )),\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;;;AAUA,IAAa,cAAc,gBAAgB;CACvC,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAmD,UAAU;GAAM;EACrF;CACD,MAAM,OAAO;EACT,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,MAAM,KAAK;EAC5D,MAAM,kBAAkB,mBAAmB,MAAM,MAAM,MAAM,MAAM;AAGnE,QAAM,CAAC,iBAAiB,QAAQ,MAAM,GAAG,CAAC,SAAS,WAAW;AAC1D,OAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,GACnD;AAIJ,OADwB,QAAQ,MAAM,WAAW,OAAO,OAAO,MAAM,KAAK,OAAO,MAAM,CACnF,CACA;GAGJ,MAAM,WAAW,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAA,KAAa,OAAO,aAAa,KAAK;AACjG,WAAQ,SAAS,WAAW,SAAS,QAAQ,GAAG;KACjD,EAAE,WAAW,MAAM,CAAC;AAEvB,eAAa,EAAE,aAAa;GACxB,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM,MAAM;GACnB,cAAc,MAAM,MAAM;GAC1B,SAAS,MAAM,MAAM;GACrB,UAAU,MAAM,MAAM;GACtB,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,QAAqB;GAClC,OAAO,QAAQ,MAAM,SAAS;GAC9B,aAAa,MAAM,MAAM;GACzB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,aAAa,UAAiB;IAC1B,MAAM,YAAY,YAAY,MAAM;IACpC,MAAM,QAAQ,gBAAgB,MAAM,MAAM,WAAW,OAAO,OAAO,MAAM,KAAK,OAAO,UAAU,CAAC;AAChG,YAAQ,SAAS,QAAQ,MAAM,QAAQ,UAAU;AACjD,YAAQ,YAAY;;GAExB,QAAQ,QAAQ;GACnB,EAAE,EACC,eAAe,gBAAgB,MAAM,KAAK,WAAW,EACjD,QACA;GACI,KAAK,OAAO,OAAO,MAAM;GACzB,OAAO,OAAO,OAAO,SAAS,GAAG;GACjC,UAAU,OAAO,YAAY,KAAA;GAChC,EACD,EAAE,eAAe,OAAO,OAAO,CAClC,CAAC,EACL,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/TextField.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export declare const TextField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/forms/fields/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/TextField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,eAAO,MAAM,SAAS;;cAGU,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cADxC,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGA0BtE,CAAC"}

package/dist/forms/fields/TextField.js

@@ -0,0 +1,43 @@
+import { Input } from "../../components/Input.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/TextField.ts
+var TextField = defineComponent({
+	name: "SchemaTextField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		return () => h(FieldLayout, {
+			name: props.field.name,
+			label: props.field.label,
+			instructions: props.field.instructions,
+			warning: props.field.warning,
+			required: props.field.required,
+			translatable: props.field.translatable,
+			errors: binding.errors.value
+		}, { default: () => h(Input, {
+			value: String(binding.value.value ?? ""),
+			placeholder: props.field.placeholder,
+			disabled: props.field.disabled || void 0,
+			invalid: binding.isInvalid.value || void 0,
+			onInput: (event) => {
+				binding.setValue(event.target.value ?? "");
+			},
+			onBlur: binding.setTouched
+		}) });
+	}
+});
+//#endregion
+export { TextField };
+
+//# sourceMappingURL=TextField.js.map

package/dist/forms/fields/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/forms/fields/TextField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { Input } from '../../components/Input.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\n\nexport const TextField = defineComponent({\n    name: 'SchemaTextField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode & { name: string }>, required: true },\n    },\n    setup(props) {\n        const binding = useEngineField(props.form, props.field.name);\n\n        return () => h(FieldLayout, {\n            name: props.field.name,\n            label: props.field.label,\n            instructions: props.field.instructions as string | undefined,\n            warning: props.field.warning as string | undefined,\n            required: props.field.required,\n            translatable: props.field.translatable as boolean | undefined,\n            errors: binding.errors.value,\n        }, {\n            default: () => h(Input, {\n                value: String(binding.value.value ?? ''),\n                placeholder: props.field.placeholder,\n                disabled: props.field.disabled || undefined,\n                invalid: binding.isInvalid.value || undefined,\n                onInput: (event: Event) => {\n                    binding.setValue((event.target as { value?: string }).value ?? '');\n                },\n                onBlur: binding.setTouched,\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;AAQA,IAAa,YAAY,gBAAgB;CACrC,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAmD,UAAU;GAAM;EACrF;CACD,MAAM,OAAO;EACT,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,MAAM,KAAK;AAE5D,eAAa,EAAE,aAAa;GACxB,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM,MAAM;GACnB,cAAc,MAAM,MAAM;GAC1B,SAAS,MAAM,MAAM;GACrB,UAAU,MAAM,MAAM;GACtB,cAAc,MAAM,MAAM;GAC1B,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,OAAO;GACpB,OAAO,OAAO,QAAQ,MAAM,SAAS,GAAG;GACxC,aAAa,MAAM,MAAM;GACzB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,UAAU,UAAiB;AACvB,YAAQ,SAAU,MAAM,OAA8B,SAAS,GAAG;;GAEtE,QAAQ,QAAQ;GACnB,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/TextareaField.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export declare const TextareaField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    field: {
+        type: PropType<SchemaNode & {
+            name: string;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=TextareaField.d.ts.map

package/dist/forms/fields/TextareaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/TextareaField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,eAAO,MAAM,aAAa;;cAGM,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;cADxC,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,GAAG;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;;iGA2BtE,CAAC"}

package/dist/forms/fields/TextareaField.js

@@ -0,0 +1,44 @@
+import { Textarea } from "../../components/Textarea.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/TextareaField.ts
+var TextareaField = defineComponent({
+	name: "SchemaTextareaField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		return () => h(FieldLayout, {
+			name: props.field.name,
+			label: props.field.label,
+			instructions: props.field.instructions,
+			warning: props.field.warning,
+			required: props.field.required,
+			translatable: props.field.translatable,
+			errors: binding.errors.value
+		}, { default: () => h(Textarea, {
+			value: String(binding.value.value ?? ""),
+			placeholder: props.field.placeholder,
+			disabled: props.field.disabled || void 0,
+			invalid: binding.isInvalid.value || void 0,
+			rows: props.field.rows,
+			onInput: (event) => {
+				binding.setValue(event.target.value ?? "");
+			},
+			onBlur: binding.setTouched
+		}) });
+	}
+});
+//#endregion
+export { TextareaField };
+
+//# sourceMappingURL=TextareaField.js.map

package/dist/forms/fields/TextareaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.js","names":[],"sources":["../../../src/forms/fields/TextareaField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { Textarea } from '../../components/Textarea.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\n\nexport const TextareaField = defineComponent({\n    name: 'SchemaTextareaField',\n    props: {\n        form: { type: Object as PropType<SchemaFormEngineApi>, required: true },\n        field: { type: Object as PropType<SchemaNode & { name: string }>, required: true },\n    },\n    setup(props) {\n        const binding = useEngineField(props.form, props.field.name);\n\n        return () => h(FieldLayout, {\n            name: props.field.name,\n            label: props.field.label,\n            instructions: props.field.instructions as string | undefined,\n            warning: props.field.warning as string | undefined,\n            required: props.field.required,\n            translatable: props.field.translatable as boolean | undefined,\n            errors: binding.errors.value,\n        }, {\n            default: () => h(Textarea, {\n                value: String(binding.value.value ?? ''),\n                placeholder: props.field.placeholder,\n                disabled: props.field.disabled || undefined,\n                invalid: binding.isInvalid.value || undefined,\n                rows: props.field.rows,\n                onInput: (event: Event) => {\n                    binding.setValue((event.target as { value?: string }).value ?? '');\n                },\n                onBlur: binding.setTouched,\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;AAQA,IAAa,gBAAgB,gBAAgB;CACzC,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAyC,UAAU;GAAM;EACvE,OAAO;GAAE,MAAM;GAAmD,UAAU;GAAM;EACrF;CACD,MAAM,OAAO;EACT,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,MAAM,KAAK;AAE5D,eAAa,EAAE,aAAa;GACxB,MAAM,MAAM,MAAM;GAClB,OAAO,MAAM,MAAM;GACnB,cAAc,MAAM,MAAM;GAC1B,SAAS,MAAM,MAAM;GACrB,UAAU,MAAM,MAAM;GACtB,cAAc,MAAM,MAAM;GAC1B,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,UAAU;GACvB,OAAO,OAAO,QAAQ,MAAM,SAAS,GAAG;GACxC,aAAa,MAAM,MAAM;GACzB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,MAAM,MAAM,MAAM;GAClB,UAAU,UAAiB;AACvB,YAAQ,SAAU,MAAM,OAA8B,SAAS,GAAG;;GAEtE,QAAQ,QAAQ;GACnB,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/options.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef } from 'vue';
+import { SchemaNode } from '@verbb/plugin-kit-forms';
+import { SchemaFormEngineApi } from '../engine/context.js';
+export type ConditionalOption = {
+    value: unknown;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    if?: string;
+    [key: string]: unknown;
+};
+export declare const useFilteredOptions: (form: SchemaFormEngineApi, field: SchemaNode) => ComputedRef<ConditionalOption[]>;
+//# sourceMappingURL=options.d.ts.map

package/dist/forms/fields/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC3B,MAAM,mBAAmB,EACzB,OAAO,UAAU,KAClB,WAAW,CAAC,iBAAiB,EAAE,CAgCjC,CAAC"}