{"version":3,"file":"twoInputFieldsLine-DphX0rDh.js","sources":["../../../../Coloplast.UI/src/multisite/components/formElements/countryField.vue","../../../../Coloplast.UI/src/multisite/components/formElements/twoInputFieldsLine/postalCodeWithSearch.vue","../../../../Coloplast.UI/src/multisite/components/formElements/twoInputFieldsLine/twoInputField.vue","../../../../Coloplast.UI/src/multisite/components/formElements/twoInputFieldsLine/twoInputFieldsLine.vue"],"sourcesContent":["<template>\r\n\t<div class=\"c-global-checkout__form-section\" v-if=\"modelValue\" :id=\"('scrolltarget-' + fieldName)\">\r\n\t\t<label>{{ label }}</label>\r\n\t\t<div>{{ modelValue }}</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: \"country-field\",\r\n\tprops: {\r\n\t\tlabel: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tmodelValue: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tfieldName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t},\r\n};\r\n</script>\r\n","<script setup>\r\nimport { computed, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { DsText } from '@coloplast/design-system';\r\nimport VSelect from 'vue-select';\r\n\r\nconst props = defineProps({\r\n\tplaceholder: String,\r\n\tid: String,\r\n\tfieldName: String,\r\n\tname: String,\r\n\terrors: Object,\r\n\tvalue: String,\r\n\thasError: Function,\r\n\tcannotFindAddressLabel: String,\r\n\tmaxSuggestions: Number,\r\n});\r\nconst emit = defineEmits(['validateField', 'onBlur']);\r\nconst store = useStore();\r\nconst language = store.getters['getCulture'];\r\nconst suggestions = computed(() => store.getters['getAddressSuggestions']);\r\nconst isValid = ref(true);\r\n\r\n\r\nasync function onInput(event) {\r\n\ttry {\r\n\t\tawait store.dispatch('updatePostalCode', event.target.value);\r\n\t\tawait search(event.target.value);\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n}\r\n\r\nasync function search(query) {\r\n\temit('validateField', query);\r\n\r\n\tif (!query || query.length < 3) {\r\n\t\tisValid.value = false;\r\n\t\treturn;\r\n\t}\r\n\r\n\tisValid.value = true;\r\n\ttry {\r\n\t\tawait store.dispatch('fetchAddressSuggestions', {\r\n\t\t\tlanguage,\r\n\t\t\tquery,\r\n\t\t\tnotFoundText: props.cannotFindAddressLabel,\r\n\t\t\tmaxSuggestions: props.maxSuggestions,\r\n\t\t});\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n}\r\n\r\nfunction onSearchBlur() {\r\n\temit('onBlur', null, props.fieldName);\r\n}\r\n\r\nasync function onSearchFocus() {\r\n\ttry {\r\n\t\tawait search(props.value);\r\n\t} catch(err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n}\r\n\r\nasync function onOptionSelected(address) {\r\n\tif (address.globalAddressKey === null) {\r\n\t\ttry {\r\n\t\t\tawait store.dispatch('resetAddress', props.value);\r\n\t\t} catch (err) {\r\n\t\t\tconsole.error(err);\r\n\t\t}\r\n\t\treturn;\r\n\t}\r\n\r\n\ttry {\r\n\t\tawait store.dispatch('formatAddress', {\r\n\t\t\tlanguage,\r\n\t\t\taddress,\r\n\t\t});\r\n\t} catch (err) {\r\n\t\tconsole.error(err);\r\n\t}\r\n}\r\nfunction dropdownShouldOpen(VueSelect) {\r\n\tif (suggestions.value.length > 0) {\r\n\t\treturn VueSelect.open;\r\n\t}\r\n\r\n\treturn false;\r\n}\r\n</script>\r\n<template>\r\n\t<div class=\"address-suggestions\">\r\n\t\t<VSelect\r\n\t\t\t:options=\"suggestions\"\r\n\t\t\t@option:selected=\"onOptionSelected\"\r\n\t\t\t:filterable=\"false\"\r\n\t\t\t:dropdown-should-open=\"dropdownShouldOpen\"\r\n\t\t\t:clearSearchOnBlur=\"() => false\"\r\n\t\t\t:clearSearchOnSelect=\"false\"\r\n\t\t\t:placeholder=\"placeholder\"\r\n\t\t>\r\n\t\t\t<template #search=\"{ attributes }\">\r\n\t\t\t\t<input\r\n\t\t\t\t\tv-bind=\"attributes\"\r\n\t\t\t\t\t:value=\"value\"\r\n\t\t\t\t\t:id=\"id\"\r\n\t\t\t\t\t:name=\"name\"\r\n\t\t\t\t\t@input=\"onInput\"\r\n\t\t\t\t\t@blur=\"onSearchBlur\"\r\n\t\t\t\t\t@focus=\"onSearchFocus\"\r\n\t\t\t\t\tclass=\"vs__search\"\r\n\t\t\t\t\tdata-testId=\"postalCodeAddressLookup\"\r\n\t\t\t\t\t:aria-invalid=\"hasError(fieldName) || null\"\r\n\t\t\t\t\t:aria-errormessage=\"'error_' + id\"\r\n\t\t\t\t/>\r\n\t\t\t</template>\r\n\t\t\t<template #option=\"{ text, globalAddressKey }\">\r\n\t\t\t\t<address :key=\"globalAddressKey\">\r\n\t\t\t\t\t<DsText html-element=\"div\" text-style=\"bold\" text-type=\"heading-lg\">\r\n\t\t\t\t\t\t{{ text }}\r\n\t\t\t\t\t</DsText>\r\n\t\t\t\t</address>\r\n\t\t\t</template>\r\n\t\t</VSelect>\r\n\t</div>\r\n</template>\r\n<style lang=\"scss\">\r\n@import '../../../styles/components/c-search-dropdown';\r\n</style>\r\n","<template>\r\n\t<div >\r\n\t\t<label\r\n\t\t\t:for=\"fieldId\"\r\n\t\t\t:data-field-name=\"fieldName\"\r\n\t\t\t:id=\"'scrolltarget-' + fieldName\"\r\n\t\t>\r\n\t\t\t{{ label }}\r\n\t\t</label>\r\n\r\n\t\t<template v-if=\"isPostalCodeField\">\r\n\r\n\t\t\t<div v-if=\"enableAddressLookup\" :class=\"{'c-search-dropdown c-search-dropdown--multi-column c-search-dropdown--borders' : isPostalCodeField}\">\r\n\t\t\t\t<PostalCodeWithSearch\r\n\t\t\t\t\t:value=\"formData[fieldName]\"\r\n\t\t\t\t\t:placeholder=\"placeholderText\"\r\n\t\t\t\t\t:id=\"fieldId\"\r\n\t\t\t\t\t:fieldName=\"fieldName\"\r\n\t\t\t\t\t:name=\"name\"\r\n\t\t\t\t\t:errors=\"errors\"\r\n\t\t\t\t\t:hasError=\"hasError\"\r\n\t\t\t\t\t:cannotFindAddressLabel=\"cannotFindAddressLabel\"\r\n\t\t\t\t\t:maxSuggestions=\"maxSuggestions\"\r\n\t\t\t\t\t@validateField=\"validateField\"\r\n\t\t\t\t\t@onBlur=\"onBlur\"\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t<input\r\n\t\t\t\tv-else\r\n\t\t\t\t:id=\"fieldId\"\r\n\t\t\t\t:type=\"clientSideInputType\"\r\n\t\t\t\t:name=\"name\"\r\n\t\t\t\t:data-field-name=\"fieldName\"\r\n\t\t\t\tv-model=\"formData[fieldName]\"\r\n\t\t\t\t:placeholder=\"placeholderText\"\r\n\t\t\t\t:required=\"required\"\r\n\t\t\t\t:maxLength=\"maxLength\"\r\n\t\t\t\t:readonly=\"readOnly\"\r\n\t\t\t\t:disabled=\"readOnly\"\r\n\t\t\t\t:aria-invalid=\"hasError(fieldName) || null\"\r\n\t\t\t\t:aria-errormessage=\"'error_' + fieldId\"\r\n\t\t\t\t@focus=\"onFocus\"\r\n\t\t\t\t@blur=\"onBlur\"\r\n\t\t\t\tdata-testid=\"postalCode\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\r\n\t\t<template v-else>\r\n\t\t\t<input\r\n\t\t\t\t:id=\"fieldId\"\r\n\t\t\t\t:type=\"clientSideInputType\"\r\n\t\t\t\t:name=\"name\"\r\n\t\t\t\t:data-field-name=\"fieldName\"\r\n\t\t\t\tv-model=\"formData[fieldName]\"\r\n\t\t\t\t:readonly=\"readOnly\"\r\n\t\t\t\t:disabled=\"readOnly\"\r\n\t\t\t\t:placeholder=\"placeholderText\"\r\n\t\t\t\t:required=\"required\"\r\n\t\t\t\t:maxLength=\"maxLength\"\r\n\t\t\t\t:aria-invalid=\"hasError(fieldName) || null\"\r\n\t\t\t\t:aria-errormessage=\"'error_' + fieldId\"\r\n\t\t\t\t@focus=\"onFocus\"\r\n\t\t\t\t@blur=\"onBlur\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\r\n\t\t<div\r\n\t\t\t:id=\"'error_' + fieldId\"\r\n\t\t\tclass=\"error-box\"\r\n\t\t\t:data-field-name=\"fieldName\"\r\n\t\t\t:data-tracking-name=\"trackingName\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"error show-error validation-error\"\r\n\t\t\t\tv-if=\"hasErrorType(fieldName, 'requiredError')\"\r\n\t\t\t>{{ requiredErrorText }}</span>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"error show-error max-length-error\"\r\n\t\t\t\tv-if=\"hasErrorType(fieldName, 'maxLengthError')\"\r\n\t\t\t>{{ maxLengthErrorText }}</span>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"error show-error format-error\"\r\n\t\t\t\tv-if=\"hasErrorType(fieldName, 'formatError')\"\r\n\t\t\t>{{ formatValidationErrorField }}</span>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"error show-error api-validation-error\"\r\n\t\t\t\tv-if=\"hasErrorType(fieldName, 'apiValidationError')\"\r\n\t\t\t>{{ apiValidationErrorField }}</span>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, computed, watch, onMounted } from 'vue';\r\nimport PostalCodeWithSearch from './postalCodeWithSearch.vue';\r\nimport { trackingFieldName, validateFieldState } from 'multisite/services/checkoutHelperService.js';\r\n\r\nconst props = defineProps({\r\n\tenableAddressLookup: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tcannotFindAddressLabel: {\r\n\t\ttype: String,\r\n\t\tdefault: '',\r\n\t},\r\n\tformData: {\r\n\t\ttype: Object,\r\n\t\trequired: true,\r\n\t},\r\n\tsubmitted: Boolean,\r\n\terrors: {\r\n\t\ttype: Object,\r\n\t\tdefault: () => {},\r\n\t},\r\n\tupdateFieldError: Function,\r\n\tfieldId: {\r\n\t\ttype: String,\r\n\t\tdefault: null,\r\n\t},\r\n\tlabel: {\r\n\t\ttype: String,\r\n\t\tdefault: null,\r\n\t},\r\n\tname: {\r\n\t\ttype: String,\r\n\t\tdefault: null,\r\n\t},\r\n\tfieldName: {\r\n\t\ttype: String,\r\n\t\tdefault: null,\r\n\t},\r\n\tclientSideInputType: {\r\n\t\ttype: String,\r\n\t\tdefault: 'text',\r\n\t},\r\n\trequired: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tmaxLength: {\r\n\t\ttype: Number,\r\n\t\tdefault: 0,\r\n\t},\r\n\tmaxLengthErrorText: {\r\n\t\ttype: String,\r\n\t\tdefault: '',\r\n\t},\r\n\trequiredErrorText: {\r\n\t\ttype: String,\r\n\t\tdefault: '',\r\n\t},\r\n\tplaceholderText: {\r\n\t\ttype: String,\r\n\t\tdefault: '',\r\n\t},\r\n\tvalidatePattern: {\r\n\t\tdefault: null,\r\n\t},\r\n\tvalidateAllowPatterns: {\r\n\t\ttype: Array,\r\n\t\tdefault: () => [],\r\n\t},\r\n\tvalidateNotAllowPatterns: {\r\n\t\ttype: Array,\r\n\t\tdefault: () => [],\r\n\t},\r\n\tformatErrorText: {\r\n\t\ttype: String,\r\n\t\tdefault: '',\r\n\t},\r\n\treadOnly: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n\tmaxSuggestions: {\r\n\t\ttype: Number,\r\n\t\tdefault: 0,\r\n\t},\r\n});\r\n\r\nconst emit = defineEmits(['blur', 'focus']);\r\n\r\nconst hasBlur = ref({ [props.fieldName]: false });\r\nconst trackingName = ref(trackingFieldName(props.fieldName));\r\n\r\nconst isPostalCodeField = computed(() => props.fieldName === 'postalCode');\r\nconst apiValidationErrorField = computed(() => props.errors[props.fieldName]?.apiValidationError || '');\r\nconst formatValidationErrorField = computed(() => props.errors[props.fieldName]?.formatErrorMessage || props.formatErrorText);\r\n\r\nconst validateField = () => {\r\n  \tprops.updateFieldError(\r\n\t\tprops.fieldName,\r\n\t\t\tvalidateFieldState(props.formData[props.fieldName], {\r\n\t\t\trequired: props.required,\r\n\t\t\tmaxLength: props.maxLength,\r\n\t\t\tvalidatePattern: props.validatePattern,\r\n\t\t\tapiValidationError: apiValidationErrorField.value,\r\n\t\t\tallowPatterns: props.validateAllowPatterns,\r\n\t\t\tdisallowPatterns: props.validateNotAllowPatterns,\r\n\t\t})\r\n\t);\r\n};\r\n\r\nconst hasErrorType = (item, type) => {\r\n\treturn (hasBlur.value[item] || props.submitted) && props.errors[item]\r\n\t\t? props.errors[item][type]\r\n\t\t: false;\r\n};\r\n\r\nconst hasError = (item) => {\r\n\treturn hasBlur.value[item] || props.submitted\r\n\t\t? props.errors[item] && !props.errors[item].isValid\r\n\t\t: false;\r\n};\r\n\r\nconst onBlur = (event, fieldName) => {\r\n\thasBlur.value[event ? event.target.dataset.fieldName : fieldName] = true;\r\n\temit('blur', event);\r\n};\r\n\r\nconst onFocus = (event) => {\r\n  \temit('focus', event);\r\n};\r\n\r\nwatch(\r\n\t() => props.formData,\r\n\t\t() => { validateField() },\r\n\t{ deep: true }\r\n);\r\n\r\nwatch(apiValidationErrorField, () => {\r\n  \tvalidateField();\r\n});\r\n\r\nonMounted(() => {\r\n  \tvalidateField();\r\n});\r\n</script>\r\n","<template>\r\n\t<div class=\"c-global-checkout__form-section\"\r\n\t\t :class=\"{'c-global-checkout__form-section--reverse' : showCityFormFieldFirst}\">\r\n\r\n\t\t<div class=\"c-global-checkout__inline-fields\">\r\n\t\t\t<template v-for=\"field in orderedFields\" :key=\"field.name\">\r\n\t\t\t\t<TwoInputField\r\n\t\t\t\t\tv-bind=\"field.props\"\r\n\t\t\t\t\t:is=\"componentMap[field.component]\"\r\n\t\t\t\t\t:model-value=\"formData[field.name]\"\r\n\t\t\t\t\t@update:model-value=\"emitUpdateForm(field.name, $event)\"\r\n\t\t\t\t\t@blur=\"onBlur\"\r\n\t\t\t\t\t@focus=\"onFocus\"\r\n\t\t\t\t/>\r\n\t\t\t</template>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script setup>\r\n\timport { computed } from 'vue';\r\n\timport TwoInputField from './twoInputField.vue';\r\n\r\n\tconst props = defineProps({\r\n\t\tenableAddressLookup: {\r\n\t\t\ttype: Boolean,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tcannotFindAddressLabel: {\r\n\t\t\ttype: String,\r\n\t\t\trequire: true,\r\n\t\t},\r\n\t\tformData: {\r\n\t\t\ttype: Object,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tsubmitted: Boolean,\r\n\t\terrors: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => {},\r\n\t\t},\r\n\t\tupdateFieldError: {\r\n\t\t\ttype: Function,\r\n\t\t},\r\n\t\tleftFieldId: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftLabel: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftFieldName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftClientSideInputType: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'text',\r\n\t\t},\r\n\t\tleftRequired: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tleftMaxLength: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 0,\r\n\t\t},\r\n\t\tleftMaxLengthErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tleftRequiredErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tleftPlaceholderText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\trightPlaceholderText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\trightFieldId: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightClientSideInputType: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'text',\r\n\t\t},\r\n\t\trightLabel: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightFieldName: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightRequired: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\trightMaxLength: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 0,\r\n\t\t},\r\n\t\trightMaxLengthErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\trightRequiredErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\tleftValidatePattern: {\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\tleftValidateAllowPatterns: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t\tleftValidateNotAllowPatterns: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t\trightValidatePattern: {\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\trightValidationAllowPatterns: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t\trightValidateNotAllowPatterns: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t\tleftFormatErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\trightFormatErrorText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t\treadOnly: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tmaxSuggestions: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 0,\r\n\t\t},\r\n\t\tshowCityFormFieldFirst: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t}\r\n\t});\r\n\r\n\tconst emit = defineEmits(['update-form', 'blur', 'focus']);\r\n\r\n\tconst componentMap = {\r\n\t\tcityField: 'city-field',\r\n\t\tpostalCodeField: 'postal-code-field'\r\n\t};\r\n\r\n\tconst orderedFields = computed(() => {\r\n\t\tlet fields = [\r\n\t\t\t{\r\n\t\t\t\tname: props.leftFieldName,\r\n\t\t\t\tcomponent: \"postalCodeField\",\r\n\t\t\t\tprops: postalCodeFieldProps.value,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: props.rightFieldName,\r\n\t\t\t\tcomponent: \"cityField\",\r\n\t\t\t\tprops: cityFieldProps.value,\r\n\t\t\t}\r\n\t\t];\r\n\r\n\t\treturn props.showCityFormFieldFirst ? fields.reverse() : fields;\r\n\t});\r\n\r\n\tconst postalCodeFieldProps = computed(() => ({\r\n\t\tenableAddressLookup: props.enableAddressLookup,\r\n\t\tcannotFindAddressLabel: props.cannotFindAddressLabel,\r\n\t\tformData: props.formData,\r\n\t\tsubmitted: props.submitted,\r\n\t\terrors: props.errors,\r\n\t\tupdateFieldError: props.updateFieldError,\r\n\t\tfieldId: props.leftFieldId,\r\n\t\tlabel: props.leftLabel,\r\n\t\tname: props.leftName,\r\n\t\tfieldName: props.leftFieldName,\r\n\t\tclientSideInputType: props.leftClientSideInputType,\r\n\t\trequired: props.leftRequired,\r\n\t\tmaxLength: props.leftMaxLength,\r\n\t\tmaxLengthErrorText: props.leftMaxLengthErrorText,\r\n\t\trequiredErrorText: props.leftRequiredErrorText,\r\n\t\tplaceholderText: props.leftPlaceholderText,\r\n\t\tvalidatePattern: props.leftValidatePattern,\r\n\t\tvalidateAllowPatterns: props.leftValidateAllowPatterns,\r\n\t\tvalidateNotAllowPatterns: props.leftValidateNotAllowPatterns,\r\n\t\tformatErrorText: props.leftFormatErrorText,\r\n\t\treadOnly: props.readOnly,\r\n\t\tmaxSuggestions: props.maxSuggestions,\r\n\t}));\r\n\r\n\tconst cityFieldProps = computed(() => ({\r\n\t\tenableAddressLookup: props.enableAddressLookup,\r\n\t\tcannotFindAddressLabel: props.cannotFindAddressLabel,\r\n\t\tformData: props.formData,\r\n\t\tsubmitted: props.submitted,\r\n\t\terrors: props.errors,\r\n\t\tupdateFieldError: props.updateFieldError,\r\n\t\tfieldId: props.rightFieldId,\r\n\t\tlabel: props.rightLabel,\r\n\t\tname: props.rightName,\r\n\t\tfieldName: props.rightFieldName,\r\n\t\tclientSideInputType: props.rightClientSideInputType,\r\n\t\trequired: props.rightRequired,\r\n\t\tmaxLength: props.rightMaxLength,\r\n\t\tmaxLengthErrorText: props.rightMaxLengthErrorText,\r\n\t\trequiredErrorText: props.rightRequiredErrorText,\r\n\t\tplaceholderText: props.rightPlaceholderText,\r\n\t\tvalidatePattern: props.rightValidatePattern,\r\n\t\tvalidateAllowPatterns: props.rightValidationAllowPatterns,\r\n\t\tvalidateNotAllowPatterns: props.rightValidateNotAllowPatterns,\r\n\t\tformatErrorText: props.rightFormatErrorText,\r\n\t\treadOnly: props.readOnly,\r\n\t}));\r\n\r\n\tfunction emitUpdateForm(fieldName, value) {\r\n\t\temit('update-form', { fieldName, value });\r\n\t}\r\n\r\n\tfunction onBlur(event) {\r\n\t\temit('blur', event);\r\n\t}\r\n\r\n\tfunction onFocus(event) {\r\n\t\temit('focus', event);\r\n\t}\r\n</script>\r\n"],"names":["_sfc_main","$props","_createElementBlock","_createElementVNode","props","__props","emit","__emit","store","useStore","language","suggestions","computed","isValid","ref","onInput","event","search","err","query","onSearchBlur","onSearchFocus","onOptionSelected","address","dropdownShouldOpen","VueSelect","hasBlur","trackingName","trackingFieldName","isPostalCodeField","apiValidationErrorField","_a","formatValidationErrorField","validateField","validateFieldState","hasErrorType","item","type","hasError","onBlur","fieldName","onFocus","watch","onMounted","componentMap","orderedFields","fields","postalCodeFieldProps","cityFieldProps","emitUpdateForm","value"],"mappings":"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"}