@verbb/plugin-kit-vue 2.0.0

package/dist/forms/components/schemaErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaErrors.js","names":[],"sources":["../../../src/forms/components/schemaErrors.ts"],"sourcesContent":["import type { SchemaNode, SchemaRenderable } from '@verbb/plugin-kit-forms';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> => {\n    return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n};\n\nexport const collectSchemaFieldNames = (schema: SchemaRenderable): Set<string> => {\n    const names = new Set<string>();\n\n    const walk = (node: SchemaRenderable): void => {\n        if (typeof node === 'string') {\n            return;\n        }\n\n        if (Array.isArray(node)) {\n            node.forEach(walk);\n            return;\n        }\n\n        if (!isRecord(node)) {\n            return;\n        }\n\n        const schemaNode = node as SchemaNode;\n        if (schemaNode.$field && typeof schemaNode.name === 'string' && schemaNode.name) {\n            names.add(schemaNode.name);\n        }\n\n        if (schemaNode.children) {\n            walk(schemaNode.children);\n        }\n\n        if (schemaNode.schema) {\n            walk(schemaNode.schema);\n        }\n    };\n\n    walk(schema);\n    return names;\n};\n\nexport const schemaSubtreeHasErrors = (\n    errors: Record<string, unknown>,\n    schema: SchemaRenderable,\n): boolean => {\n    const fieldNames = collectSchemaFieldNames(schema);\n\n    return Array.from(fieldNames).some((fieldName) => {\n        if (Array.isArray(errors[fieldName]) && (errors[fieldName] as unknown[]).length > 0) {\n            return true;\n        }\n\n        return Object.keys(errors).some((errorPath) => {\n            return errorPath.startsWith(`${fieldName}.`);\n        });\n    });\n};\n"],"mappings":";AAEA,IAAM,YAAY,UAAqD;AACnE,QAAO,QAAQ,MAAM,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,MAAM;;AAG/E,IAAa,2BAA2B,WAA0C;CAC9E,MAAM,wBAAQ,IAAI,KAAa;CAE/B,MAAM,QAAQ,SAAiC;AAC3C,MAAI,OAAO,SAAS,SAChB;AAGJ,MAAI,MAAM,QAAQ,KAAK,EAAE;AACrB,QAAK,QAAQ,KAAK;AAClB;;AAGJ,MAAI,CAAC,SAAS,KAAK,CACf;EAGJ,MAAM,aAAa;AACnB,MAAI,WAAW,UAAU,OAAO,WAAW,SAAS,YAAY,WAAW,KACvE,OAAM,IAAI,WAAW,KAAK;AAG9B,MAAI,WAAW,SACX,MAAK,WAAW,SAAS;AAG7B,MAAI,WAAW,OACX,MAAK,WAAW,OAAO;;AAI/B,MAAK,OAAO;AACZ,QAAO;;AAGX,IAAa,0BACT,QACA,WACU;CACV,MAAM,aAAa,wBAAwB,OAAO;AAElD,QAAO,MAAM,KAAK,WAAW,CAAC,MAAM,cAAc;AAC9C,MAAI,MAAM,QAAQ,OAAO,WAAW,IAAK,OAAO,WAAyB,SAAS,EAC9E,QAAO;AAGX,SAAO,OAAO,KAAK,OAAO,CAAC,MAAM,cAAc;AAC3C,UAAO,UAAU,WAAW,GAAG,UAAU,GAAG;IAC9C;GACJ"}

package/dist/forms/datetime.d.ts

@@ -0,0 +1,11 @@
+export type DateTimeParts = {
+    date: string;
+    time: string;
+};
+/**
+ * Split stored datetime strings into the string values consumed by the web pickers.
+ * Avoids `Date` so Craft-local values do not shift through timezone conversion.
+ */
+export declare const parseDateTimeParts: (value: unknown) => DateTimeParts;
+export declare const formatDateTimeParts: (date: string, time: string) => string;
+//# sourceMappingURL=datetime.d.ts.map

package/dist/forms/datetime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.d.ts","sourceRoot":"","sources":["../../src/forms/datetime.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,aAoBnD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,MAQhE,CAAC"}

package/dist/forms/datetime.js

@@ -0,0 +1,35 @@
+//#region src/forms/datetime.ts
+var pad2 = (value) => {
+	return value.padStart(2, "0");
+};
+/**
+* Split stored datetime strings into the string values consumed by the web pickers.
+* Avoids `Date` so Craft-local values do not shift through timezone conversion.
+*/
+var parseDateTimeParts = (value) => {
+	if (value === null || value === void 0 || value === "") return {
+		date: "",
+		time: ""
+	};
+	const match = String(value).trim().match(/^(\d{4}-\d{2}-\d{2})(?:[ T](\d{2}):(\d{2}))?/);
+	if (!match) return {
+		date: "",
+		time: ""
+	};
+	const date = match[1] ?? "";
+	const hour = match[2];
+	const minute = match[3];
+	return {
+		date,
+		time: hour !== void 0 && minute !== void 0 ? `${hour}:${minute}` : ""
+	};
+};
+var formatDateTimeParts = (date, time) => {
+	if (!date) return "";
+	const [hour = "00", minute = "00"] = (time || "00:00").split(":");
+	return `${date} ${pad2(hour)}:${pad2(minute)}:00`;
+};
+//#endregion
+export { formatDateTimeParts, parseDateTimeParts };
+
+//# sourceMappingURL=datetime.js.map

package/dist/forms/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","names":[],"sources":["../../src/forms/datetime.ts"],"sourcesContent":["const pad2 = (value: string): string => {\n    return value.padStart(2, '0');\n};\n\nexport type DateTimeParts = {\n    date: string;\n    time: string;\n};\n\n/**\n * Split stored datetime strings into the string values consumed by the web pickers.\n * Avoids `Date` so Craft-local values do not shift through timezone conversion.\n */\nexport const parseDateTimeParts = (value: unknown): DateTimeParts => {\n    if (value === null || value === undefined || value === '') {\n        return { date: '', time: '' };\n    }\n\n    const stringValue = String(value).trim();\n    const match = stringValue.match(/^(\\d{4}-\\d{2}-\\d{2})(?:[ T](\\d{2}):(\\d{2}))?/);\n\n    if (!match) {\n        return { date: '', time: '' };\n    }\n\n    const date = match[1] ?? '';\n    const hour = match[2];\n    const minute = match[3];\n\n    return {\n        date,\n        time: hour !== undefined && minute !== undefined ? `${hour}:${minute}` : '',\n    };\n};\n\nexport const formatDateTimeParts = (date: string, time: string): string => {\n    if (!date) {\n        return '';\n    }\n\n    const [hour = '00', minute = '00'] = (time || '00:00').split(':');\n\n    return `${date} ${pad2(hour)}:${pad2(minute)}:00`;\n};\n"],"mappings":";AAAA,IAAM,QAAQ,UAA0B;AACpC,QAAO,MAAM,SAAS,GAAG,IAAI;;;;;;AAYjC,IAAa,sBAAsB,UAAkC;AACjE,KAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,GACnD,QAAO;EAAE,MAAM;EAAI,MAAM;EAAI;CAIjC,MAAM,QADc,OAAO,MAAM,CAAC,MACpB,CAAY,MAAM,+CAA+C;AAE/E,KAAI,CAAC,MACD,QAAO;EAAE,MAAM;EAAI,MAAM;EAAI;CAGjC,MAAM,OAAO,MAAM,MAAM;CACzB,MAAM,OAAO,MAAM;CACnB,MAAM,SAAS,MAAM;AAErB,QAAO;EACH;EACA,MAAM,SAAS,KAAA,KAAa,WAAW,KAAA,IAAY,GAAG,KAAK,GAAG,WAAW;EAC5E;;AAGL,IAAa,uBAAuB,MAAc,SAAyB;AACvE,KAAI,CAAC,KACD,QAAO;CAGX,MAAM,CAAC,OAAO,MAAM,SAAS,SAAS,QAAQ,SAAS,MAAM,IAAI;AAEjE,QAAO,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC"}

package/dist/forms/engine/context.d.ts

@@ -0,0 +1,44 @@
+import { Component, InjectionKey, VNodeChild } from 'vue';
+import { FormStateStore, FormValues, NestedFormApi, SchemaFieldApi, SchemaIndex, SchemaNode, SchemaRenderable } from '@verbb/plugin-kit-forms';
+export type { FormValues, NestedFormApi, SchemaFieldApi, } from '@verbb/plugin-kit-forms';
+export type SchemaFieldRenderProps = {
+    name: string;
+    children: (fieldApi: SchemaFieldApi) => VNodeChild;
+};
+export type SchemaFormFieldComponentProps = {
+    schema: SchemaNode;
+    field: SchemaNode;
+    form: SchemaFormEngineApi;
+};
+export type SchemaFormFieldComponent = Component;
+export type SchemaFormComponentProps = Record<string, unknown> & {
+    schemaNode?: SchemaNode;
+};
+export type SchemaFormComponent = Component & {
+    usesSchemaNode?: boolean;
+};
+export type SchemaFormEngineApi = {
+    schema: SchemaRenderable;
+    store: FormStateStore;
+    index: SchemaIndex;
+    Field: Component;
+    getFieldValue: (path: string) => unknown;
+    setFieldValue: (path: string, value: unknown) => void;
+    getErrorMapFields: () => Record<string, string[]>;
+    handleSubmit: () => Promise<void>;
+    onChange: (handler: ((value: FormValues) => void) | null) => void;
+    onSubmit: (handler: ((value: FormValues) => Promise<void> | void) | null) => void;
+    onError: (handler: ((errors: Record<string, unknown>) => void) | null) => void;
+    onSuccess: (handler: ((value: FormValues) => void) | null) => void;
+    registerNestedForm: (path: string, api: NestedFormApi) => void;
+    unregisterNestedForm: (path: string) => void;
+    getGroupedErrorsForPath?: (path: string) => string[];
+    SchemaRenderer?: Component<{
+        schema: SchemaRenderable;
+    }>;
+    getConditionContext?: (values: FormValues, field?: SchemaNode) => Record<string, unknown>;
+};
+export declare const SchemaEngineContextKey: InjectionKey<SchemaFormEngineApi>;
+export declare const provideSchemaEngineContext: (form: SchemaFormEngineApi) => void;
+export declare const useSchemaEngineContext: () => SchemaFormEngineApi;
+//# sourceMappingURL=context.d.ts.map

package/dist/forms/engine/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/engine/context.ts"],"names":[],"mappings":"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"}

package/dist/forms/engine/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/forms/engine/context.ts
+var SchemaEngineContextKey = Symbol("SchemaEngineContext");
+var provideSchemaEngineContext = (form) => {
+	provide(SchemaEngineContextKey, form);
+};
+var useSchemaEngineContext = () => {
+	const context = inject(SchemaEngineContextKey, null);
+	if (!context) throw new Error("useSchemaEngineContext must be used within a SchemaEngineProvider");
+	return context;
+};
+//#endregion
+export { SchemaEngineContextKey, provideSchemaEngineContext, useSchemaEngineContext };
+
+//# sourceMappingURL=context.js.map

package/dist/forms/engine/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/forms/engine/context.ts"],"sourcesContent":["import { inject, provide, type Component, type InjectionKey, type VNodeChild } from 'vue';\nimport type {\n    FormStateStore,\n    FormValues,\n    NestedFormApi,\n    SchemaFieldApi,\n    SchemaIndex,\n    SchemaNode,\n    SchemaRenderable,\n} from '@verbb/plugin-kit-forms';\n\nexport type {\n    FormValues,\n    NestedFormApi,\n    SchemaFieldApi,\n} from '@verbb/plugin-kit-forms';\n\nexport type SchemaFieldRenderProps = {\n    name: string;\n    children: (fieldApi: SchemaFieldApi) => VNodeChild;\n};\n\nexport type SchemaFormFieldComponentProps = {\n    schema: SchemaNode;\n    field: SchemaNode;\n    form: SchemaFormEngineApi;\n};\n\nexport type SchemaFormFieldComponent = Component;\n\nexport type SchemaFormComponentProps = Record<string, unknown> & {\n    schemaNode?: SchemaNode;\n};\n\nexport type SchemaFormComponent = Component & {\n    usesSchemaNode?: boolean;\n};\n\nexport type SchemaFormEngineApi = {\n    schema: SchemaRenderable;\n    store: FormStateStore;\n    index: SchemaIndex;\n    Field: Component;\n    getFieldValue: (path: string) => unknown;\n    setFieldValue: (path: string, value: unknown) => void;\n    getErrorMapFields: () => Record<string, string[]>;\n    handleSubmit: () => Promise<void>;\n    onChange: (handler: ((value: FormValues) => void) | null) => void;\n    onSubmit: (handler: ((value: FormValues) => Promise<void> | void) | null) => void;\n    onError: (handler: ((errors: Record<string, unknown>) => void) | null) => void;\n    onSuccess: (handler: ((value: FormValues) => void) | null) => void;\n    registerNestedForm: (path: string, api: NestedFormApi) => void;\n    unregisterNestedForm: (path: string) => void;\n    getGroupedErrorsForPath?: (path: string) => string[];\n    SchemaRenderer?: Component<{ schema: SchemaRenderable }>;\n    getConditionContext?: (values: FormValues, field?: SchemaNode) => Record<string, unknown>;\n};\n\nexport const SchemaEngineContextKey: InjectionKey<SchemaFormEngineApi> = Symbol('SchemaEngineContext');\n\nexport const provideSchemaEngineContext = (form: SchemaFormEngineApi): void => {\n    provide(SchemaEngineContextKey, form);\n};\n\nexport const useSchemaEngineContext = (): SchemaFormEngineApi => {\n    const context = inject(SchemaEngineContextKey, null);\n\n    if (!context) {\n        throw new Error('useSchemaEngineContext must be used within a SchemaEngineProvider');\n    }\n\n    return context;\n};\n"],"mappings":";;AA0DA,IAAa,yBAA4D,OAAO,sBAAsB;AAEtG,IAAa,8BAA8B,SAAoC;AAC3E,SAAQ,wBAAwB,KAAK;;AAGzC,IAAa,+BAAoD;CAC7D,MAAM,UAAU,OAAO,wBAAwB,KAAK;AAEpD,KAAI,CAAC,QACD,OAAM,IAAI,MAAM,oEAAoE;AAGxF,QAAO"}

package/dist/forms/fields/CheckboxSelectField.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 CheckboxSelectField: 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=CheckboxSelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSelectField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/CheckboxSelectField.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;AAIhE,eAAO,MAAM,mBAAmB;;cAGA,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/CheckboxSelectField.js

@@ -0,0 +1,44 @@
+import { CheckboxSelect } from "../../components/CheckboxSelect.js";
+import { FieldLayout } from "../Field.js";
+import { readPkValue } from "../utils.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/CheckboxSelectField.ts
+var CheckboxSelectField = defineComponent({
+	name: "SchemaCheckboxSelectField",
+	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(CheckboxSelect, {
+			options: props.field.options || [],
+			value: binding.value.value === void 0 || binding.value.value === null ? [] : binding.value.value,
+			showAllOption: props.field.showAllOption ?? false,
+			allLabel: props.field.allLabel,
+			disabled: props.field.disabled || void 0,
+			onPkChange: (event) => {
+				binding.setValue(readPkValue(event));
+				binding.setTouched();
+			}
+		}) });
+	}
+});
+//#endregion
+export { CheckboxSelectField };
+
+//# sourceMappingURL=CheckboxSelectField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSelectField.js","names":[],"sources":["../../../src/forms/fields/CheckboxSelectField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { CheckboxSelect } from '../../components/CheckboxSelect.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { readPkValue } from '../utils.js';\n\nexport const CheckboxSelectField = defineComponent({\n    name: 'SchemaCheckboxSelectField',\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(CheckboxSelect, {\n                options: props.field.options || [],\n                value: binding.value.value === undefined || binding.value.value === null ? [] : binding.value.value,\n                showAllOption: props.field.showAllOption ?? false,\n                allLabel: props.field.allLabel,\n                disabled: props.field.disabled || undefined,\n                onPkChange: (event: Event) => {\n                    binding.setValue(readPkValue(event));\n                    binding.setTouched();\n                },\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;;AASA,IAAa,sBAAsB,gBAAgB;CAC/C,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,gBAAgB;GAC7B,SAAS,MAAM,MAAM,WAAW,EAAE;GAClC,OAAO,QAAQ,MAAM,UAAU,KAAA,KAAa,QAAQ,MAAM,UAAU,OAAO,EAAE,GAAG,QAAQ,MAAM;GAC9F,eAAe,MAAM,MAAM,iBAAiB;GAC5C,UAAU,MAAM,MAAM;GACtB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,aAAa,UAAiB;AAC1B,YAAQ,SAAS,YAAY,MAAM,CAAC;AACpC,YAAQ,YAAY;;GAE3B,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/CodeEditorField.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 CodeEditorField: 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=CodeEditorField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditorField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/CodeEditorField.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;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;;;iGA4BtE,CAAC"}

package/dist/forms/fields/CodeEditorField.js

@@ -0,0 +1,46 @@
+import { CodeEditor } from "../../components/CodeEditor.js";
+import { FieldLayout } from "../Field.js";
+import { readPkValue } from "../utils.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/CodeEditorField.ts
+var CodeEditorField = defineComponent({
+	name: "SchemaCodeEditorField",
+	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(CodeEditor, {
+			value: String(binding.value.value ?? ""),
+			language: props.field.language,
+			tabSize: props.field.tabSize,
+			lineNumbers: props.field.lineNumbers,
+			rows: props.field.rows,
+			disabled: props.field.disabled || void 0,
+			invalid: binding.isInvalid.value || void 0,
+			onPkChange: (event) => {
+				binding.setValue(readPkValue(event));
+			},
+			onBlur: binding.setTouched
+		}) });
+	}
+});
+//#endregion
+export { CodeEditorField };
+
+//# sourceMappingURL=CodeEditorField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditorField.js","names":[],"sources":["../../../src/forms/fields/CodeEditorField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { CodeEditor } from '../../components/CodeEditor.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { readPkValue } from '../utils.js';\n\nexport const CodeEditorField = defineComponent({\n    name: 'SchemaCodeEditorField',\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(CodeEditor, {\n                value: String(binding.value.value ?? ''),\n                language: props.field.language,\n                tabSize: props.field.tabSize,\n                lineNumbers: props.field.lineNumbers,\n                rows: props.field.rows,\n                disabled: props.field.disabled || undefined,\n                invalid: binding.isInvalid.value || undefined,\n                onPkChange: (event: Event) => {\n                    binding.setValue(readPkValue(event));\n                },\n                onBlur: binding.setTouched,\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;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,YAAY;GACzB,OAAO,OAAO,QAAQ,MAAM,SAAS,GAAG;GACxC,UAAU,MAAM,MAAM;GACtB,SAAS,MAAM,MAAM;GACrB,aAAa,MAAM,MAAM;GACzB,MAAM,MAAM,MAAM;GAClB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,aAAa,UAAiB;AAC1B,YAAQ,SAAS,YAAY,MAAM,CAAC;;GAExC,QAAQ,QAAQ;GACnB,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/ColorField.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 ColorField: 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=ColorField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/ColorField.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;AAIhE,eAAO,MAAM,UAAU;;cAGS,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;;;iGAwBtE,CAAC"}

package/dist/forms/fields/ColorField.js

@@ -0,0 +1,42 @@
+import { ColorInput } from "../../components/ColorInput.js";
+import { FieldLayout } from "../Field.js";
+import { readPkValue } from "../utils.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/ColorField.ts
+var ColorField = defineComponent({
+	name: "SchemaColorField",
+	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(ColorInput, {
+			value: String(binding.value.value || ""),
+			disabled: props.field.disabled || void 0,
+			invalid: binding.isInvalid.value || void 0,
+			onPkChange: (event) => {
+				binding.setValue(readPkValue(event));
+				binding.setTouched();
+			}
+		}) });
+	}
+});
+//#endregion
+export { ColorField };
+
+//# sourceMappingURL=ColorField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.js","names":[],"sources":["../../../src/forms/fields/ColorField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { ColorInput } from '../../components/ColorInput.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { readPkValue } from '../utils.js';\n\nexport const ColorField = defineComponent({\n    name: 'SchemaColorField',\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(ColorInput, {\n                value: String(binding.value.value || ''),\n                disabled: props.field.disabled || undefined,\n                invalid: binding.isInvalid.value || undefined,\n                onPkChange: (event: Event) => {\n                    binding.setValue(readPkValue(event));\n                    binding.setTouched();\n                },\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;;AASA,IAAa,aAAa,gBAAgB;CACtC,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,YAAY;GACzB,OAAO,OAAO,QAAQ,MAAM,SAAS,GAAG;GACxC,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,aAAa,UAAiB;AAC1B,YAAQ,SAAS,YAAY,MAAM,CAAC;AACpC,YAAQ,YAAY;;GAE3B,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/ComboboxField.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 ComboboxField: 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=ComboboxField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/ComboboxField.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;AAIhE,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;;;iGA6BtE,CAAC"}

package/dist/forms/fields/ComboboxField.js

@@ -0,0 +1,47 @@
+import { Combobox } from "../../components/Combobox.js";
+import { FieldLayout } from "../Field.js";
+import { readPkValue } from "../utils.js";
+import { useEngineField } from "../useEngineField.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/fields/ComboboxField.ts
+var ComboboxField = defineComponent({
+	name: "SchemaComboboxField",
+	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(Combobox, {
+			options: props.field.options,
+			fetchOptions: props.field.fetchOptions,
+			multiple: props.field.multiple || void 0,
+			value: binding.value.value,
+			disabled: props.field.disabled || void 0,
+			placeholder: props.field.placeholder,
+			emptyMessage: props.field.emptyMessage,
+			invalid: binding.isInvalid.value || void 0,
+			onPkChange: (event) => {
+				binding.setValue(readPkValue(event));
+				binding.setTouched();
+			}
+		}) });
+	}
+});
+//#endregion
+export { ComboboxField };
+
+//# sourceMappingURL=ComboboxField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxField.js","names":[],"sources":["../../../src/forms/fields/ComboboxField.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { Combobox } from '../../components/Combobox.js';\nimport { FieldLayout } from '../Field.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { readPkValue } from '../utils.js';\n\nexport const ComboboxField = defineComponent({\n    name: 'SchemaComboboxField',\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(Combobox, {\n                options: props.field.options,\n                fetchOptions: props.field.fetchOptions,\n                multiple: props.field.multiple || undefined,\n                value: binding.value.value,\n                disabled: props.field.disabled || undefined,\n                placeholder: props.field.placeholder,\n                emptyMessage: props.field.emptyMessage,\n                invalid: binding.isInvalid.value || undefined,\n                onPkChange: (event: Event) => {\n                    binding.setValue(readPkValue(event));\n                    binding.setTouched();\n                },\n            }),\n        });\n    },\n});\n"],"mappings":";;;;;;AASA,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,QAAQ,QAAQ,OAAO;GAC1B,EAAE,EACC,eAAe,EAAE,UAAU;GACvB,SAAS,MAAM,MAAM;GACrB,cAAc,MAAM,MAAM;GAC1B,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,OAAO,QAAQ,MAAM;GACrB,UAAU,MAAM,MAAM,YAAY,KAAA;GAClC,aAAa,MAAM,MAAM;GACzB,cAAc,MAAM,MAAM;GAC1B,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,aAAa,UAAiB;AAC1B,YAAQ,SAAS,YAAY,MAAM,CAAC;AACpC,YAAQ,YAAY;;GAE3B,CAAC,EACL,CAAC;;CAET,CAAC"}

package/dist/forms/fields/DateTimeField.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 DateTimeField: 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=DateTimeField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/DateTimeField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIhE,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;;;iGAkCtE,CAAC"}

package/dist/forms/fields/DateTimeField.js

@@ -0,0 +1,54 @@
+import { DatePicker } from "../../components/DatePicker.js";
+import { TimePicker } from "../../components/TimePicker.js";
+import { FieldLayout } from "../Field.js";
+import { readPkValue } from "../utils.js";
+import { useEngineField } from "../useEngineField.js";
+import { formatDateTimeParts, parseDateTimeParts } from "../datetime.js";
+import { computed, defineComponent, h } from "vue";
+//#region src/forms/fields/DateTimeField.ts
+var DateTimeField = defineComponent({
+	name: "SchemaDateTimeField",
+	props: {
+		form: {
+			type: Object,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const binding = useEngineField(props.form, props.field.name);
+		const parts = computed(() => parseDateTimeParts(binding.value.value));
+		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("div", { style: {
+			display: "flex",
+			gap: "0.5rem"
+		} }, [h(DatePicker, {
+			value: parts.value.date,
+			invalid: binding.isInvalid.value || void 0,
+			onPkChange: (event) => {
+				binding.setValue(formatDateTimeParts(String(readPkValue(event) ?? ""), parts.value.time));
+				binding.setTouched();
+			}
+		}), h(TimePicker, {
+			value: parts.value.time,
+			invalid: binding.isInvalid.value || void 0,
+			onPkChange: (event) => {
+				binding.setValue(formatDateTimeParts(parts.value.date, String(readPkValue(event) ?? "")));
+				binding.setTouched();
+			}
+		})]) });
+	}
+});
+//#endregion
+export { DateTimeField };
+
+//# sourceMappingURL=DateTimeField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.js","names":[],"sources":["../../../src/forms/fields/DateTimeField.ts"],"sourcesContent":["import { computed, defineComponent, h, type PropType } from 'vue';\nimport type { SchemaNode } from '@verbb/plugin-kit-forms';\n\nimport { DatePicker } from '../../components/DatePicker.js';\nimport { TimePicker } from '../../components/TimePicker.js';\nimport { FieldLayout } from '../Field.js';\nimport { formatDateTimeParts, parseDateTimeParts } from '../datetime.js';\nimport type { SchemaFormEngineApi } from '../engine/context.js';\nimport { useEngineField } from '../useEngineField.js';\nimport { readPkValue } from '../utils.js';\n\nexport const DateTimeField = defineComponent({\n    name: 'SchemaDateTimeField',\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 parts = computed(() => parseDateTimeParts(binding.value.value));\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('div', { style: { display: 'flex', gap: '0.5rem' } }, [\n                h(DatePicker, {\n                    value: parts.value.date,\n                    invalid: binding.isInvalid.value || undefined,\n                    onPkChange: (event: Event) => {\n                        binding.setValue(formatDateTimeParts(String(readPkValue(event) ?? ''), parts.value.time));\n                        binding.setTouched();\n                    },\n                }),\n                h(TimePicker, {\n                    value: parts.value.time,\n                    invalid: binding.isInvalid.value || undefined,\n                    onPkChange: (event: Event) => {\n                        binding.setValue(formatDateTimeParts(parts.value.date, String(readPkValue(event) ?? '')));\n                        binding.setTouched();\n                    },\n                }),\n            ]),\n        });\n    },\n});\n"],"mappings":";;;;;;;;AAWA,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;EAC5D,MAAM,QAAQ,eAAe,mBAAmB,QAAQ,MAAM,MAAM,CAAC;AAErE,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,EAAE,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAU,EAAE,EAAE,CACnE,EAAE,YAAY;GACV,OAAO,MAAM,MAAM;GACnB,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,aAAa,UAAiB;AAC1B,YAAQ,SAAS,oBAAoB,OAAO,YAAY,MAAM,IAAI,GAAG,EAAE,MAAM,MAAM,KAAK,CAAC;AACzF,YAAQ,YAAY;;GAE3B,CAAC,EACF,EAAE,YAAY;GACV,OAAO,MAAM,MAAM;GACnB,SAAS,QAAQ,UAAU,SAAS,KAAA;GACpC,aAAa,UAAiB;AAC1B,YAAQ,SAAS,oBAAoB,MAAM,MAAM,MAAM,OAAO,YAAY,MAAM,IAAI,GAAG,CAAC,CAAC;AACzF,YAAQ,YAAY;;GAE3B,CAAC,CACL,CAAC,EACL,CAAC;;CAET,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/GroupField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AAG5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAoChE,eAAO,MAAM,UAAU;;cAGS,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;cADrB,QAAQ,CAAC,mBAAmB,CAAC;;;;cAC5B,QAAQ,CAAC,UAAU,CAAC;;;iGAuCnD,CAAC"}