{"version":3,"file":"rockForm.obs.js","sources":["../../../Framework/Controls/rockForm.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\r\n<template>\r\n    <form ref=\"formElement\" @submit.prevent.stop=\"onInternalSubmit()\">\r\n        <RockValidation v-if=\"!hideErrors\"\r\n                        :errors=\"visibleErrors\" />\r\n        <slot />\r\n    </form>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n    import { PropType, reactive, ref, watch } from \"vue\";\r\n    import { FormError, FormState, provideFormState } from \"@Obsidian/Utility/form\";\r\n    import { updateRefValue } from \"@Obsidian/Utility/component\";\r\n    import RockValidation from \"./rockValidation.obs\";\r\n    import { isPromise } from \"@Obsidian/Utility/promiseUtils\";\r\n    import { scrollElementStartToTop } from \"@Obsidian/Utility/dom\";\r\n\r\n    const props = defineProps({\r\n        /** True if the form should attempt to submit. */\r\n        submit: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n\r\n        /** True if the validation errors should not be displayed. */\r\n        hideErrors: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n\r\n        /**\r\n         * This value can be used to reset the form to it's initial state.\r\n         * Any time this value changes the submission count and error list\r\n         * will be reset. This does not effect the values in the form controls.\r\n         */\r\n        formResetKey: {\r\n            type: String as PropType<string>,\r\n            default: \"\"\r\n        },\r\n\r\n        onSubmit: {\r\n            type: Function as PropType<(() => void | PromiseLike<void>)>,\r\n            required: false\r\n        },\r\n    });\r\n\r\n    const emit = defineEmits<{\r\n        // This contains all active errors even if the UI is not in sync.\r\n        (e: \"validationChanged\", errors: FormError[]): void;\r\n        // This contains just the errors that should be currently displayed in the UI.\r\n        (e: \"visibleValidationChanged\", errors: FormError[]): void;\r\n        (e: \"update:submit\", value: boolean): void;\r\n    }>();\r\n\r\n    defineExpose({\r\n        submitForm\r\n    });\r\n\r\n    // #region Values\r\n\r\n    const visibleErrors = ref<FormError[]>([]);\r\n    const errorValues = ref<FormError[]>([]);\r\n    const errors = ref<Record<string, FormError>>({});\r\n    const submit = ref(props.submit);\r\n    const formElement = ref<HTMLElement | undefined>();\r\n\r\n    // #endregion Values\r\n\r\n    // Construct the form state.\r\n    const formState = reactive<FormState>({\r\n        submitCount: 0,\r\n        setError: (id: string, name: string, error: string): void => {\r\n            const newErrors = {\r\n                ...errors.value\r\n            };\r\n\r\n            // If this identifier has an error, then set the error.\r\n            // Otherwise clear the error.\r\n            if (error) {\r\n                newErrors[id] = {\r\n                    name,\r\n                    text: error\r\n                };\r\n            }\r\n            else {\r\n                delete newErrors[id];\r\n            }\r\n\r\n            updateRefValue(errors, newErrors);\r\n        }\r\n    });\r\n\r\n    // #region Functions\r\n\r\n    function onInternalSubmit(): void {\r\n        submitForm();\r\n    }\r\n\r\n    /**\r\n     * Submits the form and waits until both validation and the onSubmit\r\n     * callback have completed before returning.\r\n     */\r\n    async function submitForm(): Promise<void> {\r\n        // Prevent double submits.\r\n        if (submit.value) {\r\n            return;\r\n        }\r\n\r\n        submit.value = true;\r\n\r\n        try {\r\n            formState.submitCount++;\r\n\r\n            // Update the visible errors.\r\n            visibleErrors.value = errorValues.value;\r\n            emit(\"visibleValidationChanged\", visibleErrors.value);\r\n\r\n            if (Object.keys(errors.value).length === 0) {\r\n                const submitHandler = props.onSubmit;\r\n\r\n                if (submitHandler) {\r\n                    const result = submitHandler();\r\n\r\n                    if (isPromise(result)) {\r\n                        await result;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        finally {\r\n            submit.value = false;\r\n        }\r\n    }\r\n\r\n    // #endregion Functions\r\n\r\n    // #region Watchers\r\n\r\n    // Watch for requests to submit from the parent component.\r\n    watch(() => props.submit, () => {\r\n        // submitForm() will bail if we are already submitting.\r\n        if (props.submit) {\r\n            submitForm();\r\n        }\r\n    });\r\n\r\n    // Watch for any submit state changes and emit new value.\r\n    watch(submit, () => {\r\n        emit(\"update:submit\", submit.value);\r\n    });\r\n\r\n    // If any errors change then update the list of errors.\r\n    watch(errors, () => {\r\n        const values: FormError[] = [];\r\n\r\n        for (const key in errors.value) {\r\n            values.push(errors.value[key]);\r\n        }\r\n\r\n        errorValues.value = values;\r\n        emit(\"validationChanged\", errorValues.value);\r\n    });\r\n\r\n    watch(() => props.formResetKey, () => {\r\n        formState.submitCount = 0;\r\n        updateRefValue(errors, {});\r\n        updateRefValue(visibleErrors, []);\r\n        emit(\"visibleValidationChanged\", visibleErrors.value);\r\n    });\r\n\r\n    watch(visibleErrors, (errors) => {\r\n        if (errors.length && formElement.value) {\r\n            // Wait until the errors are rendered to scroll to them.\r\n            const element = formElement.value;\r\n            scrollElementStartToTop(element);\r\n        }\r\n    });\r\n\r\n    // #endregion Watchers\r\n\r\n    provideFormState(formState);\r\n</script>\r\n"],"names":["props","__props","emit","__emit","__expose","submitForm","visibleErrors","ref","errorValues","errors","submit","formElement","formState","reactive","submitCount","setError","id","name","error","newErrors","_objectSpread","value","text","updateRefValue","onInternalSubmit","_submitForm","apply","arguments","_asyncToGenerator","Object","keys","length","submitHandler","onSubmit","result","isPromise","watch","values","key","push","formResetKey","element","scrollElementStartToTop","provideFormState"],"mappings":"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"}