diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue index 3dfc82947..e122837c4 100644 --- a/src/digital-components/dropdown-question/dropdown-question.vue +++ b/src/digital-components/dropdown-question/dropdown-question.vue @@ -86,6 +86,9 @@ export default { errors, }; }, + mounted() { + this.$emit("dropdownQuestionEvent.inputIdAssigned", this.inputId); + }, computed: { questionText() { return this.getCmsContent(this.cmsWidgetName, "QuestionText"); diff --git a/src/digital-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue index 33854e143..9e7df6312 100644 --- a/src/digital-components/text-block/text-block.vue +++ b/src/digital-components/text-block/text-block.vue @@ -9,6 +9,7 @@ export default { name: "textBlock", props: { + customText: String, // used to allow the insert of token values into textblock justifyText: String, // left, right, center typeStyle: String, // h1-h6, body, small, label, caption (see Figma or Confluence documentation) fontWeight: String, // bold=500, default is 400 @@ -16,6 +17,9 @@ export default { }, computed: { TextBlockCopy() { + if (this.customText) { + return this.customText; + } return this.getCmsContent(this.cmsWidgetName, "Text"); }, }, diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue index 90aa33ddf..2b14aac6b 100644 --- a/src/digital-components/textbox-question/textbox-question.vue +++ b/src/digital-components/textbox-question/textbox-question.vue @@ -76,7 +76,9 @@ export default { includeSearchIcon: Boolean, }, setup(props) { - const inputId = !props.customInputId ? `input-${crypto.randomUUID()}` : props.customInputId; + const inputId = !props.customInputId + ? `input-${crypto.randomUUID()}` + : props.customInputId; const propsClone = Object.assign({}, props); const modelValue = propsClone.modelValue; @@ -126,6 +128,9 @@ export default { }, }, }, + mounted() { + this.$emit("textboxQuestionEvent.inputIdAssigned", this.inputId); + }, watch: { async value(newValue) { const result = await validate(newValue, this.validationRules); // do a test validation check, without triggering full validation diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue index 6a6e6cc56..bb768fa14 100644 --- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue +++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue @@ -15,7 +15,10 @@ @click-event="openModal" aria-label="Modal window" /> - + + v-model="internalModel.zipCode" + v-on="{ 'textboxQuestionEvent.inputIdAssigned': onInputIdAssigned }" + :cmsWidgetName="textboxQuestionWidgetName" />