{"version":3,"file":"B6hosdJJ.js","sources":["../../../../components/form/SelectInput.vue","../../../../constants/states.js"],"sourcesContent":["<template>\n\t<div class=\"pb-4\">\n\t\t<div\n\t\t\t:class=\"[ borderValidationClass, borderClasses]\"\n\t\t\tclass=\"relative\"\n\t\t>\n\t\t\t<label\n\t\t\t\t:for=\"id\"\n\t\t\t\tclass=\"absolute text-sm text-gray-500 capitalize transition-all focus-within:left-0\"\n\t\t\t\t:class=\"floatLabel ? '-translate-y-5' : 'top-3'\"\n\t\t\t>\n\t\t\t\t<span>\n\t\t\t\t\t{{ label }}\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"required && showRequiredAstrisk\"\n\t\t\t\t\t:class=\"[\n\t\t\t\t\t\tlabelSize,\n\t\t\t\t\t\t'text-red-500 lowercase'\n\t\t\t\t\t]\"\n\t\t\t\t>\n\t\t\t\t\t*\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t\t<select\n\t\t\t\t:id=\"id\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\trequired\n\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\tclass=\"w-full h-[42px] bg-transparent border-0 rounded appearance-none focus:ring focus:ring-transparent\"\n\t\t\t\t:class=\"[ placeholderSelected && !hidePlaceholder ? 'text-gray-500' : 'text-black' ]\"\n\t\t\t\t@input=\"updateValue\"\n\t\t\t\t@focus=\"handleFocus\"\n\t\t\t\t@blur=\"handleBlur\"\n\t\t\t>\n\t\t\t\t<option\n\t\t\t\t\tv-if=\"useDefaultPlaceholderElement\"\n\t\t\t\t\tvalue=\"\"\n\t\t\t\t\tdisabled\n\t\t\t\t\tselected\n\t\t\t\t>\n\t\t\t\t\t{{ placeholder }}\n\t\t\t\t</option>\n\t\t\t\t<option\n\t\t\t\t\tv-for=\"option in options\"\n\t\t\t\t\t:key=\"option.value\"\n\t\t\t\t\t:value=\"option.value\"\n\t\t\t\t\t:disabled=\"option.disabled || false\"\n\t\t\t\t\t:selected=\"option.selected || false\"\n\t\t\t\t\t:class=\"[ option.disabled ? 'text-gray-500' : 'text-black' ]\"\n\t\t\t\t>\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</option>\n\t\t\t</select>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"showErrorMessageOnInvalid\"\n\t\t\tclass=\"h-[20px]\"\n\t\t>\n\t\t\t<Transition name=\"fade-and-slide\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"showErrorMessage\"\n\t\t\t\t\tclass=\"pt-1 pl-1 text-xs italic text-red-500\"\n\t\t\t\t>\n\t\t\t\t\t{{ errorMessage }}\n\t\t\t\t</div>\n\t\t\t</Transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ERROR, NONE } from '@/constants/form/states.js'\nimport { inputStateValidator } from '@/validators/text-inputs.js'\nimport type { Option } from '@/components/form/types'\n\nconst props = defineProps({\n\tstate: {\n\t\ttype: String,\n\t\tdefault: NONE,\n\t\tvalidator: inputStateValidator\n\t},\n\toptions: {\n\t\ttype: Array as PropType<Option[]>,\n\t\trequired: true\n\t},\n\tmodelValue: {\n\t\ttype: String,\n\t\trequired: true\n\t},\n\tlabel: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tid: {\n\t\ttype: String,\n\t\trequired: true\n\t},\n\tariaLabel: {\n\t\ttype: String,\n\t\trequired: true\n\t},\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: 'Select an option' // NOTE: This default does not have language localization, so ensure it's set appropriately.\n\t},\n\thidePlaceholder: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\trequired: {\n\t\ttype: Boolean,\n\t\tdefault: false\n\t},\n\tlabelSize: {\n\t\ttype: String,\n\t\tdefault: 'text-sm'\n\t},\n\tshowRequiredAstrisk: {\n\t\ttype: Boolean,\n\t\tdefault: true\n\t},\n\tshowErrorMessageOnInvalid: {\n\t\ttype: Boolean,\n\t\tdefault: true\n\t},\n\terrorMessage: {\n\t\ttype: String,\n\t\tdefault: 'Please enter a valid response'\n\t},\n\tborderClasses: {\n\t\ttype: String,\n\t\tdefault: 'border-b-2 border-gray-300'\n\t}\n})\nconst { state, options, modelValue, label, placeholder, hidePlaceholder, id, required, labelSize, showRequiredAstrisk, showErrorMessageOnInvalid, errorMessage } = toRefs(props)\nconst emit = defineEmits([ 'update:modelValue' ])\nconst updateValue = (event: Event) => {\n\tconst target = event.target as HTMLInputElement\n\temit('update:modelValue', target?.value)\n}\nconst enableErrorMessage = ref(false)\nconst focused = ref(false)\nconst placeholderSelected = ref(false)\n\nconst hasPlaceholderInOptions = computed(() => {\n\treturn options.value.some(option => option.value === '')\n})\n\nconst useDefaultPlaceholderElement = computed(() => {\n\treturn !hasPlaceholderInOptions.value && !hidePlaceholder.value\n})\n\nconst handleFocus = () => {\n\tfocused.value = true\n}\nconst handleBlur = () => {\n\tfocused.value = false\n\tenableErrorMessage.value = true\n}\n\nconst isExpanded = computed(() => {\n\treturn state.value === ERROR\n})\nconst showErrorMessage = computed(() => {\n\treturn isExpanded.value && required.value && showErrorMessageOnInvalid.value && enableErrorMessage.value\n})\nconst borderValidationClass = computed(() => {\n\treturn {\n\t\t'focus:border-red-500 border-red-500': showErrorMessage.value\n\t}\n})\nconst floatLabel = computed(() => {\n\treturn options.value\n\t\t.some(option => option.selected) ||\n\t\tplaceholderSelected.value ||\n\t\t!!modelValue.value.length ||\n\t\t!!focused.value\n})\n\nwatch(modelValue, () => {\n\tplaceholderSelected.value = !(options.value.some(option => option.selected) || modelValue.value !== '')\n}, { immediate: true })\n\n</script>\n","export const STATES = [\n\t{ label: 'Alabama', value: 'alabama', abbreviation: 'AL' },\n\t{ label: 'Alaska', value: 'alaska', abbreviation: 'AK' },\n\t{ label: 'Arizona', value: 'arizona', abbreviation: 'AZ' },\n\t{ label: 'Arkansas', value: 'arkansas', abbreviation: 'AR' },\n\t{ label: 'California', value: 'california', abbreviation: 'CA' },\n\t{ label: 'Colorado', value: 'colorado', abbreviation: 'CO' },\n\t{ label: 'Connecticut', value: 'connecticut', abbreviation: 'CT' },\n\t{ label: 'Delaware', value: 'delaware', abbreviation: 'DE' },\n\t{ label: 'Florida', value: 'florida', abbreviation: 'FL' },\n\t{ label: 'Georgia', value: 'georgia', abbreviation: 'GA' },\n\t{ label: 'Hawaii', value: 'hawaii', abbreviation: 'HI' },\n\t{ label: 'Idaho', value: 'idaho', abbreviation: 'ID' },\n\t{ label: 'Illinois', value: 'illinois', abbreviation: 'IL' },\n\t{ label: 'Indiana', value: 'indiana', abbreviation: 'IN' },\n\t{ label: 'Iowa', value: 'iowa', abbreviation: 'IA' },\n\t{ label: 'Kansas', value: 'kansas', abbreviation: 'KS' },\n\t{ label: 'Kentucky', value: 'kentucky', abbreviation: 'KY' },\n\t{ label: 'Louisiana', value: 'louisiana', abbreviation: 'LA' },\n\t{ label: 'Maine', value: 'maine', abbreviation: 'ME' },\n\t{ label: 'Maryland', value: 'maryland', abbreviation: 'MD' },\n\t{ label: 'Massachusetts', value: 'massachusetts', abbreviation: 'MA' },\n\t{ label: 'Michigan', value: 'michigan', abbreviation: 'MI' },\n\t{ label: 'Minnesota', value: 'minnesota', abbreviation: 'MN' },\n\t{ label: 'Mississippi', value: 'mississippi', abbreviation: 'MS' },\n\t{ label: 'Missouri', value: 'missouri', abbreviation: 'MO' },\n\t{ label: 'Montana', value: 'montana', abbreviation: 'MT' },\n\t{ label: 'Nebraska', value: 'nebraska', abbreviation: 'NE' },\n\t{ label: 'Nevada', value: 'nevada', abbreviation: 'NV' },\n\t{ label: 'New Hampshire', value: 'new-hampshire', abbreviation: 'NH' },\n\t{ label: 'New Jersey', value: 'new-jersey', abbreviation: 'NJ' },\n\t{ label: 'New Mexico', value: 'new-mexico', abbreviation: 'NM' },\n\t{ label: 'New York', value: 'new-york', abbreviation: 'NY' },\n\t{ label: 'North Carolina', value: 'north-carolina', abbreviation: 'NC' },\n\t{ label: 'North Dakota', value: 'north-dakota', abbreviation: 'ND' },\n\t{ label: 'Ohio', value: 'ohio', abbreviation: 'OH' },\n\t{ label: 'Oklahoma', value: 'oklahoma', abbreviation: 'OK' },\n\t{ label: 'Oregon', value: 'oregon', abbreviation: 'OR' },\n\t{ label: 'Pennsylvania', value: 'pennsylvania', abbreviation: 'PA' },\n\t{ label: 'Puerto Rico', value: 'puerto-rico', abbreviation: 'PR' },\n\t{ label: 'Rhode Island', value: 'rhode-island', abbreviation: 'RI' },\n\t{ label: 'South Carolina', value: 'south-carolina', abbreviation: 'SC' },\n\t{ label: 'South Dakota', value: 'south-dakota', abbreviation: 'SD' },\n\t{ label: 'Tennessee', value: 'tennessee', abbreviation: 'TN' },\n\t{ label: 'Texas', value: 'texas', abbreviation: 'TX' },\n\t{ label: 'Utah', value: 'utah', abbreviation: 'UT' },\n\t{ label: 'Vermont', value: 'vermont', abbreviation: 'VT' },\n\t{ label: 'Virginia', value: 'virginia', abbreviation: 'VA' },\n\t{ label: 'Washington', value: 'washington', abbreviation: 'WA' },\n\t{ label: 'West Virginia', value: 'west-virginia', abbreviation: 'WV' },\n\t{ label: 'Wisconsin', value: 'wisconsin', abbreviation: 'WI' },\n\t{ label: 'Wyoming', value: 'wyoming', abbreviation: 'WY' }\n]\n\nexport default STATES\n"],"names":["props","__props","state","options","modelValue","label","placeholder","hidePlaceholder","id","required","labelSize","showRequiredAstrisk","showErrorMessageOnInvalid","errorMessage","toRefs","emit","__emit","updateValue","event","target","enableErrorMessage","ref","focused","placeholderSelected","hasPlaceholderInOptions","computed","option","useDefaultPlaceholderElement","handleFocus","handleBlur","isExpanded","ERROR","showErrorMessage","borderValidationClass","floatLabel","watch","STATES"],"mappings":"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"}