{"version":3,"file":"FormField-D245H9f8.js","sources":["../../src/components/forms/LabelError.vue","../../src/components/forms/FormField.vue"],"sourcesContent":["<template>\n    <p class=\"text-red-700\" data-cy=\"label-error\">\n        <slot></slot>\n    </p>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({ name: 'LabelError' });\n</script>\n","<template>\n    <div>\n        <label\n            v-if=\"label\"\n            :for=\"labelFor\"\n            class=\"block mb-1 text-xs sm:text-sm font-medium text-gray-700\"\n        >\n            {{ label }}\n            <span\n                v-if=\"help\"\n                class=\"mt-1 inline text-xs sm:text-sm text-gray-500 italic\"\n                role=\"note\"\n            >\n                {{ help }}\n            </span>\n            <slot name=\"info\"></slot>\n        </label>\n\n        <slot></slot>\n\n        <div v-if=\"hasErrors\" class=\"pt-1 text-xs sm:text-sm text-red-700 border-none capitalize-first\">\n            <LabelError>{{ errorMessage }}</LabelError>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue';\nimport LabelError from '@/components/forms/LabelError.vue';\n\nexport default defineComponent({\n    name: 'FormField',\n    components: { LabelError },\n    props: {\n        labelFor: {\n            type: String,\n            required: false,\n            default: null\n        },\n        label: {\n            type: String,\n            required: false,\n            default: null\n        },\n        errors: {\n            type: [Array, String],\n            required: false,\n            default: () => {\n                return [];\n            }\n        },\n        help: {\n            type: String,\n            required: false,\n            default: null\n        }\n    },\n\n    setup (props) {\n        const hasErrors = computed(() => {\n            return props.errors?.length > 0;\n        });\n        const errorMessage = computed(() => {\n            return hasErrors.value ? (Array.isArray(props.errors) ? props.errors[0] : props.errors) : '';\n        });\n        provide('hasErrors', hasErrors);\n\n        return {\n            hasErrors,\n            errorMessage\n        };\n    }\n});\n</script>\n"],"names":["_sfc_main$1","defineComponent","_hoisted_1","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_sfc_main","LabelError","props","hasErrors","computed","_a","errorMessage","provide","_hoisted_2","_hoisted_3","_resolveComponent","_createElementBlock","help","_openBlock","_toDisplayString","_createCommentVNode","_renderSlot","_createVNode","_component_LabelError","_createTextVNode"],"mappings":"obASA,MAAAA,EAAeC,EAAgB,CAAE,KAAM,aAAc,EARzBC,EAAQ,CAAA,MAAA,iDAC5BC,EAAaC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,yEC4BrBC,EAAeT,EAAgB,CAC3B,KAAM,YACN,WAAY,CAAE,WAAAU,CAAW,EACzB,MAAO,CACH,SAAU,CACN,KAAM,OACN,SAAU,GACV,QAAS,IACb,EACA,MAAO,CACH,KAAM,OACN,SAAU,GACV,QAAS,IACb,EACA,OAAQ,CACJ,KAAM,CAAC,MAAO,MAAM,EACpB,SAAU,GACV,QAAS,IACE,CAAC,CAEhB,EACA,KAAM,CACF,KAAM,OACN,SAAU,GACV,QAAS,IAAA,CAEjB,EAEA,MAAOC,EAAO,CACJ,MAAAC,EAAYC,EAAS,IAAM,OACtB,QAAAC,EAAAH,EAAM,SAAN,YAAAG,EAAc,QAAS,CAAA,CACjC,EACKC,EAAeF,EAAS,IACnBD,EAAU,MAAS,MAAM,QAAQD,EAAM,MAAM,EAAIA,EAAM,OAAO,CAAC,EAAIA,EAAM,OAAU,EAC7F,EACD,OAAAK,EAAQ,YAAaJ,CAAS,EAEvB,CACH,UAAAA,EACA,aAAAG,CACJ,CAAA,CAER,CAAC,EAxEDd,EAAA,CAAA,KAAA,EAUgBgB,EAAM,CACN,IAAI,EAAA,MAAA,mEASUC,EAAM,CAAA,IAAA,6GAnBhCC,EAsBM,YAAA,aArBFC,EAcQ,MAAA,KAAA,CAAAjB,EAhBhB,WAI0BiB,EAAA,QAAA,CACd,IAAK,EAAA,IAAAjB,EAAA,SALjB,MAAA,yDAAA,EASsBkB,CAAAA,EAAAA,EADVlB,EAMO,KANP,EAAA,IAAA,CAAA,EARZA,EAAA,MAeYmB,IAfZF,EAAA,OAAAH,EAAAM,EAAApB,EAAA,IAAA,EAAA,CAAA,GAAAqB,EAAA,GAAA,EAAA,EAAAC,EAAAtB,EAAA,OAAA,MAAA,CAkBQ,EAAA,EAAAF,CAAa,GAEFW,EAAS,GAAA,EAAA,EAApBa,EAAAtB,EAAA,OAAA,SAAA,EAAAA,EACI,eAA8BiB,EAAA,MAAAF,EAAA,CAAAQ,EArB1CC,EAqB2BZ,KAAAA,CAAAA,QAAAA,EAAAA,IAAAA,CArB3Ba,EAAAL,EAAApB,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAAAqB,EAAA,GAAA,EAAA"}