1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8bc1eaf5-d5be-482c-9f42-8dcde562b41a",e._sentryDebugIdIdentifier="sentry-dbid-8bc1eaf5-d5be-482c-9f42-8dcde562b41a")}()}catch(e){}!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"a2d5290bd6679f4257e70fe152336d0d3c09f7af"}}catch(e){}}(),(globalThis.webpackChunk=globalThis.webpackChunk||[]).push([[2542,7762,2152,7167,6539,7028,2395],{1909:(e,t,n)=>{n.d(t,{CY:()=>r,TL:()=>o,XQ:()=>l,iI:()=>a});const r="audio, button, canvas, details, iframe, input, select, summary, textarea, video, [accesskey], [contenteditable], [href], [tabindex]",l=(e,t)=>{t&&"Tab"===t.key&&(t.ctrlKey||t.altKey||t.metaKey||(o(e)||a(e),t.shiftKey||document.activeElement!==i(e)||(t.preventDefault(),s(e).focus()),t.shiftKey&&document.activeElement===s(e)&&(t.preventDefault(),i(e).focus())))},a=e=>{const t=s(e);t&&t.focus()},o=e=>{let t=document.getElementById(e);if(t){var n=t.querySelectorAll(r);if(n){for(let e=0;e<n.length;e++){const t=n[e],r=getComputedStyle(t);if(!(t.disabled||t.readOnly||r.display.includes("none")||r.visibility.includes("hidden"))&&document.activeElement===t)return!0}return!1}}},s=e=>{let t=document.getElementById(e);if(t){var n=t.querySelectorAll(r);if(n)for(let e=0;e<n.length;e++){const t=n[e],r=getComputedStyle(t);if(!(t.disabled||t.readOnly||r.display.includes("none")||r.visibility.includes("hidden")))return t}}},i=e=>{let t=document.getElementById(e);if(t){var n=t.querySelectorAll(r);if(n)for(let e=n.length-1;e>0;e--){const t=n[e],r=getComputedStyle(t);if(!(t.disabled||t.readOnly||r.display.includes("none")||r.visibility.includes("hidden")))return t}}}},6838:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(1354),l=n.n(r),a=n(6314),o=n.n(a)()(l());o.push([e.id,"\n.Form-checkbox[data-v-2e30450e] {\n user-select: none;\n}\n","",{version:3,sources:["webpack://./../../../Feature/Form/code/Assets/AHHG/Scripts/Components/BaseCheckbox/BaseCheckbox.vue"],names:[],mappings:";AA0FA;IACI,iBAAiB;AACrB",sourcesContent:['<script>\r\n// @vue/component\r\nexport default {\r\n name: "BaseCheckbox",\r\n\r\n model: {\r\n prop: "value",\r\n event: "input",\r\n },\r\n\r\n props: {\r\n name: {\r\n type: String,\r\n },\r\n id: {\r\n type: String,\r\n },\r\n value: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isInvalid: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n disabled: {\r\n default: false,\r\n },\r\n },\r\n\r\n data() {\r\n return {\r\n innerValue: this.value,\r\n };\r\n },\r\n\r\n watch: {\r\n value(value) {\r\n this.innerValue = value;\r\n },\r\n\r\n innerValue(value) {\r\n this.$emit("input", value);\r\n },\r\n },\r\n\r\n computed: {\r\n checkboxValue: {\r\n get() {\r\n return this.value;\r\n },\r\n set(val) {\r\n this.$emit("input", val);\r\n },\r\n },\r\n },\r\n\r\n $_veeValidate: {\r\n name() {\r\n return this.name;\r\n },\r\n\r\n value() {\r\n return this.innerValue;\r\n },\r\n },\r\n};\r\n<\/script>\r\n\r\n<template>\r\n <label class="Form-checkbox">\r\n <input\r\n :class="{ \'is-invalid\': isInvalid }"\r\n :name="name"\r\n :id="id"\r\n type="checkbox"\r\n v-model="checkboxValue"\r\n :checked="value"\r\n :disabled="disabled"\r\n @focus="$emit(\'focus\')"\r\n @blur="$emit(\'blur\')"\r\n />\r\n <span>\r\n <div v-if="value" class="Form-checkbox-checked"></div>\r\n <slot />\r\n </span>\r\n </label>\r\n</template>\r\n\r\n<style scoped>\r\n.Form-checkbox {\r\n user-select: none;\r\n}\r\n</style>\r\n'],sourceRoot:""}]);const s=o},590:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(1354),l=n.n(r),a=n(6314),o=n.n(a)()(l());
1o.push([e.id,"\n.is-invalid[data-v-03e260e7]:focus,\n.is-invalid[data-v-03e260e7]:focus-within {\n border-color: red;\n box-shadow: none;\n}\n","",{version:3,sources:["webpack://./../../../Feature/Form/code/Assets/AHHG/Scripts/Components/FormPhone/FormPhone.vue"],names:[],mappings:";AAqOA;;IAEI,iBAAiB;IACjB,gBAAgB;AACpB",sourcesContent:['<script>\r\nimport { useId } from "vue";\r\n\r\nexport default {\r\n name: "FormPhone",\r\n\r\n inject: {\r\n formControl: {\r\n default: null,\r\n },\r\n },\r\n\r\n props: {\r\n name: {\r\n type: String,\r\n required: true,\r\n },\r\n label: {\r\n type: String,\r\n required: true,\r\n },\r\n value: {\r\n type: String,\r\n default: "",\r\n },\r\n errorText: {\r\n type: String,\r\n },\r\n isInvalid: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isMeetingRoom: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n modelValue: {\r\n type: String,\r\n default: "",\r\n },\r\n },\r\n\r\n emits: ["update:modelValue", "input", "blur", "focus"],\r\n\r\n data() {\r\n return {\r\n teleBindProps: {\r\n disabledFetchingCountry: true,\r\n defaultCountry: "DK",\r\n mode: "international",\r\n validCharactersOnly: true,\r\n inputOptions: {\r\n required: true,\r\n name: this.name,\r\n type: "tel",\r\n tabindex: 0,\r\n },\r\n dropdownOptions: {\r\n disabled: false,\r\n showDialCodeInList: false,\r\n showDialCodeInSelection: false,\r\n showFlags: true,\r\n tabindex: 0,\r\n autofocus: true,\r\n },\r\n },\r\n phoneNumber: this.modelValue,\r\n hasInnerError: false,\r\n isFirstTime: true,\r\n phoneData: null,\r\n };\r\n },\r\n\r\n computed: {\r\n hasError() {\r\n return (\r\n this.hasInnerError ||\r\n (this.formControl?.errors &&\r\n this.formControl.errors[this.name]) ||\r\n (this.isMeetingRoom && this.isInvalid)\r\n );\r\n },\r\n\r\n displayError() {\r\n if (\r\n this.formControl?.errors &&\r\n this.formControl.errors[this.name]\r\n ) {\r\n return this.formControl.errors[this.name];\r\n }\r\n return this.errorText;\r\n },\r\n\r\n id() {\r\n return useId();\r\n },\r\n },\r\n\r\n watch: {\r\n value(value) {\r\n if (value !== this.phoneNumber) {\r\n this.phoneNumber = value;\r\n }\r\n },\r\n\r\n phoneNumber(value) {\r\n this.validate();\r\n if (this.formControl?.setFieldValue) {\r\n this.formControl.setFieldValue(this.name, value);\r\n }\r\n this.$emit("update:modelValue", value);\r\n this.$emit("input", value);\r\n },\r\n\r\n modelValue(newVal) {\r\n // Keep local data in sync if parent changes\r\n if (newVal !== this.phoneNumber) {\r\n this.phoneNumber = newVal;\r\n }\r\n },\r\n },\r\n\r\n methods: {\r\n validate() {\r\n if (this.phoneNumber !== "") {\r\n this.isFirstTime = false;\r\n }\r\n\r\n if (this.isFirstTime && this.phoneNumber === "") {\r\n this.isFirstTime = false;\r\n this.hasInnerError = false;\r\n } else {\r\n if (this.phoneData) {\r\n this.hasInnerError = !this.phoneData.valid;\r\n }\r\n }\r\n\r\n // Trigger form validation\r\n if (this.formControl?.validateField) {\r\n this.formControl.validateField(this.name);\r\n }\r\n\r\n return !this.hasInnerError;\r\n },\r\n\r\n handleInput(value, data) {\r\n this.phoneNumber = value;\r\n this.phoneData = data;\r\n this.$emit("input", value);\r\n },\r\n\r\n handleBlur() {\r\n if (!this.phoneData) {\r\n this.phoneData = { valid: false };\r\n }\r\n this.isFirstTime = false;\r\n this.validate();\r\n this.$emit("blur");\r\n },\r\n\r\n handleFocus() {\r\n this.$emit("focus");\r\n },\r\n\r\n handleClose() {\r\n document.getElementById(this.id).focus();\r\n },\r\n\r\n resetValue() {\r\n this.phoneNumber = "";\r\n this.isFirstTime = true;\r\n this.hasInnerError = false;\r\n this.phoneData = null;\r\n },\r\n },\r\n\r\n created() {\r\n if (this.formControl) {\r\n this.formControl.addControl(this.name, {\r\n getValue: () => this.phoneNumber,\r\n resetValue: () => this.resetValue(),\r\n validate: () => this.validate(),\r\n });\r\n }\r\n },\r\n\r\n mounted() {\r\n if (this.value) {\r\n this.phoneNumber = this.value;\r\n }\r\n },\r\n};\r\n<\/script>\r\n\r\n<template>\r\n <div class="Form-group" ref="group">\r\n <label class="Form-label" :for="id">
1\r\n <span\r\n v-if="label"\r\n class="Form-labelText Form-labelText--phone"\r\n :class="{\r\n \'is-minified\':\r\n modelValue !== \'\' && modelValue !== undefined,\r\n }"\r\n >\r\n {{ label }}\r\n </span>\r\n </label>\r\n\r\n <vue-tel-input\r\n @onInput="handleInput"\r\n @blur="handleBlur"\r\n @focus="handleFocus"\r\n @close="handleClose"\r\n style="padding: 0"\r\n placeholder=""\r\n class="Form-control Form-phone--font-container"\r\n :class="{ \'is-invalid\': hasError }"\r\n v-bind="teleBindProps"\r\n v-model="phoneNumber"\r\n :inputOptions="{ id: id }"\r\n ></vue-tel-input>\r\n <div v-if="hasError && displayError" class="Form-validation">\r\n {{ displayError }}\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<style scoped>\r\n.is-invalid:focus,\r\n.is-invalid:focus-within {\r\n border-color: red;\r\n box-shadow: none;\r\n}\r\n</style>\r\n'],sourceRoot:""}]);const s=o},2242:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(1354),l=n.n(r),a=n(6314),o=n.n(a)()(l());o.push([e.id,"\n/* Your styles here */\n","",{version:3,sources:["webpack://./../../../Feature/Form/code/Assets/AHHG/Scripts/Components/FormTextField/FormTextField.vue"],names:[],mappings:";AA+EA,qBAAqB",sourcesContent:['<script setup>\r\nimport { computed, inject } from "vue";\r\nimport { Field, ErrorMessage } from "vee-validate";\r\nimport BaseTextField from "../BaseTextField/BaseTextField.vue";\r\n\r\nconst props = defineProps({\r\n name: { type: String, required: true },\r\n modelValue: { type: [String, Number], default: "" },\r\n label: { type: String, default: "" },\r\n type: { type: String, default: "text" },\r\n errorText: { type: String, default: "" },\r\n errorTextClass: { type: String, default: "" },\r\n isInvalid: { type: Boolean, default: false },\r\n autocomplete: { type: String, default: "" },\r\n inputmode: { type: String, default: "text" },\r\n repeatpassword: { type: String },\r\n useNonYupError: { type: Boolean, default: false },\r\n containerStyle: { type: String, default: "" },\r\n});\r\n\r\nconst emit = defineEmits(["update:modelValue", "blur"]);\r\nconst formControl = inject("formControl");\r\n// Generate unique ID for the input field using both name and type\r\nconst fieldId = computed(() => `field_${props.type}_${props.name}`);\r\n\r\nconst value = computed({\r\n get: () => formControl?.values?.[props.name] || props.modelValue,\r\n set: (val) => {\r\n emit("update:modelValue", val);\r\n if (formControl?.setFieldValue) {\r\n formControl.setFieldValue(props.name, val);\r\n }\r\n },\r\n});\r\n<\/script>\r\n\r\n<template>\r\n <div class="Form-group" :style="containerStyle">\r\n <Field :name="name" v-slot="{ field, meta, errorMessage }">\r\n <BaseTextField\r\n :id="fieldId"\r\n :name="name"\r\n :type="type"\r\n :autocomplete="autocomplete"\r\n :inputmode="inputmode"\r\n v-model="value"\r\n :class="{\r\n \'is-invalid\':\r\n errorMessage ||\r\n formControl?.errors?.[name] ||\r\n (useNonYupError && isInvalid),\r\n }"\r\n :label="label"\r\n v-bind="field"\r\n @blur="$emit(\'blur\', $event)"\r\n />\r\n </Field>\r\n <ErrorMessage :name="name" v-slot="{ message }">\r\n <div\r\n class="Form-validation"\r\n :class="errorTextClass"\r\n v-if="!message?.includes(\'noMessage\')"\r\n role="alert"\r\n >\r\n {{ message }}\r\n </div>\r\n </ErrorMessage>\r\n <div\r\n v-if="useNonYupError && isInvalid"\r\n class="Form-validation"\r\n :class="errorTextClass"\r\n role="alert"\r\n >\r\n {{ errorText }}\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<style scoped>\r\n/* Your styles here */\r\n</style>\r\n'],sourceRoot:""}]);const s=o},9815:(e,t,n)=>{n.d(t,{A:()=>F});var r=n(1425);const l={class:"Form-checkbox"},a=["name","id","checked","disabled"],o={key:0,class:"Form-checkbox-checked"},s={name:"BaseCheckbox",model:{prop:"value",event:"input"},props:{name:{type:String},id:{type:String},value:{type:Boolean,default:!1},isInvalid:{type:Boolean,default:!1},disabled:{default:!1}},data(){return{innerValue:this.value}},watch:{value(e){this.innerValue=e},innerValue(e){this.$emit("input",e)}},computed:{checkboxValue:{get(){return this.value},set(e){this.$emit("input",e)}}},$_veeValidate:{name(){return this.name},value(){return this.innerValue}}};var i=n(5072),u=n.n(i),d=n(7825),m=n.n(d),c=n(7659),h=n.n(c),p=n(
15056),v=n.n(p),b=n(540),f=n.n(b),g=n(1113),y=n.n(g),k=n(6838),C={};C.styleTagTransform=y(),C.setAttributes=v(),C.insert=h().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f(),u()(k.A,C),k.A&&k.A.locals&&k.A.locals;const F=(0,n(6262).A)(s,[["render",function(e,t,n,s,i,u){return(0,r.uX)(),(0,r.CE)("label",l,[(0,r.bo)((0,r.Lk)("input",{class:(0,r.C4)({"is-invalid":n.isInvalid}),name:n.name,id:n.id,type:"checkbox","onUpdate:modelValue":t[0]||(t[0]=e=>u.checkboxValue=e),checked:n.value,disabled:n.disabled,onFocus:t[1]||(t[1]=t=>e.$emit("focus")),onBlur:t[2]||(t[2]=t=>e.$emit("blur"))},null,42,a),[[r.lH,u.checkboxValue]]),(0,r.Lk)("span",null,[n.value?((0,r.uX)(),(0,r.CE)("div",o)):(0,r.Q3)("",!0),(0,r.RG)(e.$slots,"default",{},void 0,!0)])])}],["__scopeId","data-v-2e30450e"]])},3303:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(1425);const l={class:"Form-label"},a=["id","name","type","value","autocomplete","inputmode","maxlength"],o=(0,r.pM)({name:"BaseTextField",props:{id:{type:String,required:!0},name:{type:String,required:!0},modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},autocomplete:{type:String,default:""},inputmode:{type:String,default:"text"},class:{type:[String,Object,Array],default:""},label:{type:String,default:""},maxlength:{type:Number}},emits:["update:modelValue"],setup:e=>({computedClass:(0,r.EW)((()=>["Form-control","Form-control--withLabel",e.class]))})}),s=(0,n(6262).A)(o,[["render",function(e,t,n,o,s,i){return(0,r.uX)(),(0,r.CE)("label",l,[(0,r.Lk)("input",{id:e.id,name:e.name,type:e.type,value:e.modelValue,onInput:t[0]||(t[0]=t=>e.$emit("update:modelValue",t.target.value)),onBlur:t[1]||(t[1]=t=>e.$emit("blur",t)),autocomplete:e.autocomplete,inputmode:e.inputmode,class:(0,r.C4)(e.computedClass),maxlength:e.maxlength},null,42,a),e.label?((0,r.uX)(),(0,r.CE)("span",{key:0,class:(0,r.C4)(["Form-labelText",{"is-minified":""!==e.modelValue&&void 0!==e.modelValue}])},(0,r.v_)(e.label),3)):(0,r.Q3)("",!0)])}]])},5872:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var r=n(1425),l=n(5261),a=n(9815);const o={class:"Form-group"},s={key:0,div:"",role:"alert",class:"Form-validation"},i={__name:"FormCheckbox",props:{name:{type:String,required:!0},id:{type:String},modelValue:{type:Boolean,default:!1},value:{type:Boolean,default:!1},errorText:{type:String,default:""},isInvalid:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1},showErrorMessage:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e,i=t,u=(0,r.WQ)("formControl"),d=(0,r.EW)((()=>`checkbox_${n.name}`)),m=(0,r.EW)({get:()=>void 0!==u?.values?.[n.name]?u.values[n.name]:n.value||n.modelValue,set:e=>{i("update:modelValue",e),u?.setFieldValue&&u.setFieldValue(n.name,e)}});(0,r.sV)((()=>{u?.addControl&&u.addControl(n.name,{value:n.value,disabled:n.isDisabled,getValue:()=>m.value,resetValue:()=>{m.value=n.value}})}));const c=e=>{i("update:modelValue",e)};return(t,i)=>((0,r.uX)(),(0,r.CE)("div",o,[(0,r.bF)((0,r.R1)(l.D0),{name:e.name,type:"checkbox",value:!0},{default:(0,r.k6)((({field:l,meta:o,errorMessage:s})=>[(0,r.bF)(a.A,(0,r.v6)({id:d.value,name:e.name,"is-invalid":(s||(0,r.R1)(u)?.errors?.[e.name])&&!0,modelValue:m.value,"onUpdate:modelValue":i[0]||(i[0]=e=>m.value=e),onInput:c,value:n.value,disabled:e.isDisabled},l),{default:(0,r.k6)((()=>[(0,r.RG)(t.$slots,"default")])),_:2},1040,["id","name","is-invalid","modelValue","value","disabled"])])),_:3},8,["name"]),(0,r.bF)((0,r.R1)(l.Kw),{name:e.name},{default:(0,r.k6)((({message:t})=>[t?.includes("noMessage")?(0,r.Q3)("",!0):((0,r.uX)(),(0,r.CE)("div",s,(0,r.v_)(t||e.errorText),1))])),_:1},8,["name"])]))}}},5233:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(1425),l=n(5039),a=(n(3303),n(8322)),o=n(7705),s=n(5261),i=n(1909);const u=["name"],d=["id"],m={key:0,class:"Form-validation"},c={key:0,class:"Form-validation"},h="ddd D. MMM YYYY",p={__name:"FormDateRange",props:{name:{type:String,required:!0},label:{type:String,required:!0},value:{type:String,default:""},errorText:{type:String},isInvalid:{type:Boolean,default:!1},isOpen:{type:Boolean,default:!1},minDate:{type:[String,Date],default:()=>(0,o.startOfDay)(new Date)},maxDate:{type:[String,Date],default:()=>
1(0,o.addDays)((0,o.startOfDay)(new Date),3650)},checkInDate:{type:[Date,String],required:!1},checkOutDate:{type:[Date,String],required:!1},buttonLabel:{type:String,default:"Select Dates"},isDesktop:{type:Boolean,default:!1},triggerReset:{type:Boolean,default:!1},singleDateMode:{type:Boolean,default:!1}},emits:["input","blur"],setup(e,{expose:t,emit:n}){const p=e=>e.charAt(0).toUpperCase()+e.slice(1),v=e,b=n,f=((0,r.WQ)("form",null),(0,r.WQ)("formControl")),g=(0,r.KR)(null),y=((0,r.KR)(new Date),(0,r.KR)(v.checkInDate?p((0,a.A)(v.checkInDate,"ddd D. MMM YYYY")):"")),k=(0,r.KR)(!1),C=(0,o.startOfDay)(new Date),F=(0,r.KR)(v.checkInDate||C),E=(0,r.KR)(v.checkOutDate||null),V=(0,r.KR)(0),x=(0,r.KR)(!1),S=(0,r.Bi)();(0,r.wB)((()=>v.triggerReset),(e=>{B()})),(0,r.wB)([F,E],(([e,t])=>{f&&v.name&&f.setFieldValue(v.name,{start:e,end:t})}),{deep:!0}),(0,r.wB)((()=>k.value),(e=>{e?document.addEventListener("click",w):(O(),document.removeEventListener("click",w))})),(0,r.wB)((()=>v.checkInDate),(e=>{F.value=e||C,T(F.value,E.value)})),(0,r.wB)((()=>v.checkOutDate),(e=>{E.value=e||"",T(F.value,E.value)}));const D=()=>{k.value=!k.value,window.addEventListener("keydown",M),window.addEventListener("keyup",N)},I=()=>{k.value=!1,window.removeEventListener("keydown",M),window.removeEventListener("keyup",N)},w=e=>{g.value.contains(e.target)||I()},T=(e,t)=>{v.singleDateMode||(0,a.A)(e,h)===(0,a.A)(t,h)?y.value=e?p((0,a.A)(e,h)):"":y.value=e&&t?p((0,a.A)(e,h))+" - "+p((0,a.A)(t,h)):e?p((0,a.A)(e,h)):""},L=()=>v.name,H=()=>v.singleDateMode?F.value:{start:F.value,end:E.value},B=()=>{y.value=v.value},O=()=>{v.singleDateMode?b("input",F.value):b("input",{start:F.value,end:E.value}),f.validateField(v.name),I()},R=({start:e,end:t,runningOnHover:n})=>{F.value=e,v.singleDateMode?T(e,null):(E.value=t,T(e,t)),!n&&f&&(v.singleDateMode?f.setFieldValue(v.name,e):f.setFieldValue(v.name,{start:e,end:t}),f.validateField(v.name)),n||v.singleDateMode?!n&&v.singleDateMode&&I():V.value=1===V.value?0:1},A=()=>{x.value=!0,F.value=v.checkInDate||C,E.value=v.checkOutDate||null,V.value=0},M=e=>{(0,i.XQ)("dateRangePickerPopup"+S,e)},N=e=>{27===e.keyCode&&I()};return t({getName:L,getValue:H,resetValue:B,$_veeValidate:{validator:"new",name:L,value:H}}),(t,n)=>((0,r.uX)(),(0,r.CE)("div",{class:"Form-group",ref_key:"datePicker",ref:g},[(0,r.bF)((0,r.R1)(s.D0),{name:e.name},{default:(0,r.k6)((({field:l,meta:a,errorMessage:o})=>[(0,r.Lk)("label",{class:"Form-label Form-selectWrapper",onClick:(0,r.D$)(A,["prevent"])},[(0,r.bo)((0,r.Lk)("input",{class:(0,r.C4)(["Form-control",{"Form-control--withLabel":e.label,"is-invalid":e.isInvalid||o||(0,r.R1)(f)?.errors?.[e.name]}]),name:e.name,readonly:!0,"onUpdate:modelValue":n[0]||(n[0]=e=>y.value=e),onClick:D,onKeyup:(0,r.jR)(D,["enter"]),onBlur:n[1]||(n[1]=e=>t.$emit("blur"))},null,42,u),[[r.Jo,y.value,void 0,{lazy:!0}]]),e.label?((0,r.uX)(),(0,r.CE)("span",{key:0,class:(0,r.C4)(["Form-labelText",{"is-minified":y.value}])},(0,r.v_)(e.label),3)):(0,r.Q3)("",!0)])])),_:1},8,["name"]),(0,r.bo)((0,r.Lk)("div",{class:"Form-calendar Form-calendar-range",id:"dateRangePickerPopup"+(0,r.R1)(S)},[e.isDesktop?(0,r.Q3)("",!0):((0,r.uX)(),(0,r.CE)("button",{key:0,class:"Button Button--cta Button--brand",onClick:O},(0,r.v_)(e.buttonLabel),1)),e.isOpen?((0,r.uX)(),(0,r.Wv)(l.A,{key:1,start:F.value||(0,r.R1)(C),end:E.value||"",min:e.minDate,max:e.maxDate,onInput:R,active:V.value,disableHover:!0},null,8,["start","end","min","max","active"])):(0,r.Q3)("",!0),e.isDesktop?((0,r.uX)(),(0,r.CE)("button",{key:2,class:"Button Button--cta Button--brand",onClick:O},(0,r.v_)(e.buttonLabel),1)):(0,r.Q3)("",!0)],8,d),[[r.aG,k.value]]),e.isInvalid&&e.errorText?((0,r.uX)(),(0,r.CE)("div",m,(0,r.v_)(e.errorText),1)):(0,r.Q3)("",!0),(0,r.bF)((0,r.R1)(s.Kw),{name:e.name},{default:(0,r.k6)((({message:e})=>[e?((0,r.uX)(),(0,r.CE)("div",c,(0,r.v_)(e),1)):(0,r.Q3)("",!0)])),_:1},8,["name"])],512))}}},7484:(e,t,n)=>{n.r(t),n.d(t,{default:()=>F});var r=n(1425);const l={class:"Form-group",ref:"group"},a=["for"],o={key:0,class:"Form-validation"},s={name:"FormPhone",inject:{formControl:{default:null}},props:{name:{type:String,required:!0},label:{type:String,required:!0},value:{type:String,default:""},errorText:{type:String},isInvalid:{type:Boolean,default:!1},isMeetingRoom:{type:Boolean,default:!1},modelValue:{type:String,default:""}},emits:["update:modelValue","input","blur","focus"],data(){return{teleBindProps:{disabledFetchingCountry:!0,defaultCountry:"DK",mode:"international",validCharactersOnly:!0,inputOptions:{required:!0,name:this.name,type:"tel",tabindex:0},dropdownOptions:{disabled:!1,showDialCodeInList:!1,showDialCodeInSelection:!1,show
1Flags:!0,tabindex:0,autofocus:!0}},phoneNumber:this.modelValue,hasInnerError:!1,isFirstTime:!0,phoneData:null}},computed:{hasError(){return this.hasInnerError||this.formControl?.errors&&this.formControl.errors[this.name]||this.isMeetingRoom&&this.isInvalid},displayError(){return this.formControl?.errors&&this.formControl.errors[this.name]?this.formControl.errors[this.name]:this.errorText},id:()=>(0,r.Bi)()},watch:{value(e){e!==this.phoneNumber&&(this.phoneNumber=e)},phoneNumber(e){this.validate(),this.formControl?.setFieldValue&&this.formControl.setFieldValue(this.name,e),this.$emit("update:modelValue",e),this.$emit("input",e)},modelValue(e){e!==this.phoneNumber&&(this.phoneNumber=e)}},methods:{validate(){return""!==this.phoneNumber&&(this.isFirstTime=!1),this.isFirstTime&&""===this.phoneNumber?(this.isFirstTime=!1,this.hasInnerError=!1):this.phoneData&&(this.hasInnerError=!this.phoneData.valid),this.formControl?.validateField&&this.formControl.validateField(this.name),!this.hasInnerError},handleInput(e,t){this.phoneNumber=e,this.phoneData=t,this.$emit("input",e)},handleBlur(){this.phoneData||(this.phoneData={valid:!1}),this.isFirstTime=!1,this.validate(),this.$emit("blur")},handleFocus(){this.$emit("focus")},handleClose(){document.getElementById(this.id).focus()},resetValue(){this.phoneNumber="",this.isFirstTime=!0,this.hasInnerError=!1,this.phoneData=null}},created(){this.formControl&&this.formControl.addControl(this.name,{getValue:()=>this.phoneNumber,resetValue:()=>this.resetValue(),validate:()=>this.validate()})},mounted(){this.value&&(this.phoneNumber=this.value)}};var i=n(5072),u=n.n(i),d=n(7825),m=n.n(d),c=n(7659),h=n.n(c),p=n(5056),v=n.n(p),b=n(540),f=n.n(b),g=n(1113),y=n.n(g),k=n(590),C={};C.styleTagTransform=y(),C.setAttributes=v(),C.insert=h().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f(),u()(k.A,C),k.A&&k.A.locals&&k.A.locals;const F=(0,n(6262).A)(s,[["render",function(e,t,n,s,i,u){const d=(0,r.g2)("vue-tel-input");return(0,r.uX)(),(0,r.CE)("div",l,[(0,r.Lk)("label",{class:"Form-label",for:u.id},[n.label?((0,r.uX)(),(0,r.CE)("span",{key:0,class:(0,r.C4)(["Form-labelText Form-labelText--phone",{"is-minified":""!==n.modelValue&&void 0!==n.modelValue}])},(0,r.v_)(n.label),3)):(0,r.Q3)("",!0)],8,a),(0,r.bF)(d,(0,r.v6)({onOnInput:u.handleInput,onBlur:u.handleBlur,onFocus:u.handleFocus,onClose:u.handleClose,style:{padding:"0"},placeholder:"",class:["Form-control Form-phone--font-container",{"is-invalid":u.hasError}]},i.teleBindProps,{modelValue:i.phoneNumber,"onUpdate:modelValue":t[0]||(t[0]=e=>i.phoneNumber=e),inputOptions:{id:u.id}}),null,16,["onOnInput","onBlur","onFocus","onClose","class","modelValue","inputOptions"]),u.hasError&&u.displayError?((0,r.uX)(),(0,r.CE)("div",o,(0,r.v_)(u.displayError),1)):(0,r.Q3)("",!0)],512)}],["__scopeId","data-v-03e260e7"]])},4284:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(1425),l=n(5261),a=n(3303);const o={__name:"FormTextField",props:{name:{type:String,required:!0},modelValue:{type:[String,Number],default:""},label:{type:String,default:""},type:{type:String,default:"text"},errorText:{type:String,default:""},errorTextClass:{type:String,default:""},isInvalid:{type:Boolean,default:!1},autocomplete:{type:String,default:""},inputmode:{type:String,default:"text"},repeatpassword:{type:String},useNonYupError:{type:Boolean,default:!1},containerStyle:{type:String,default:""}},emits:["update:modelValue","blur"],setup(e,{emit:t}){const n=e,o=t,s=(0,r.WQ)("formControl"),i=(0,r.EW)((()=>`field_${n.type}_${n.name}`)),u=(0,r.EW)({get:()=>s?.values?.[n.name]||n.modelValue,set:e=>{o("update:modelValue",e),s?.setFieldValue&&s.setFieldValue(n.name,e)}});return(t,n)=>((0,r.uX)(),(0,r.CE)("div",{class:"Form-group",style:(0,r.Tr)(e.containerStyle)},[(0,r.bF)((0,r.R1)(l.D0),{name:e.name},{default:(0,r.k6)((({field:l,meta:o,errorMessage:d})=>[(0,r.bF)(a.A,(0,r.v6)({id:i.value,name:e.name,type:e.type,autocomplete:e.autocomplete,inputmode:e.inputmode,modelValue:u.value,"onUpdate:modelValue":n[0]||(n[0]=e=>u.value=e),class:{"is-invalid":d||(0,r.R1)(s)?.errors?.[e.name]||e.useNonYupError&&e.
1isInvalid},label:e.label},l,{onBlur:n[1]||(n[1]=e=>t.$emit("blur",e))}),null,16,["id","name","type","autocomplete","inputmode","modelValue","class","label"])])),_:1},8,["name"]),(0,r.bF)((0,r.R1)(l.Kw),{name:e.name},{default:(0,r.k6)((({message:t})=>[t?.includes("noMessage")?(0,r.Q3)("",!0):((0,r.uX)(),(0,r.CE)("div",{key:0,class:(0,r.C4)(["Form-validation",e.errorTextClass]),role:"alert"},(0,r.v_)(t),3))])),_:1},8,["name"]),e.useNonYupError&&e.isInvalid?((0,r.uX)(),(0,r.CE)("div",{key:0,class:(0,r.C4)(["Form-validation",e.errorTextClass]),role:"alert"},(0,r.v_)(e.errorText),3)):(0,r.Q3)("",!0)],4))}};var s=n(5072),i=n.n(s),u=n(7825),d=n.n(u),m=n(7659),c=n.n(m),h=n(5056),p=n.n(h),v=n(540),b=n.n(v),f=n(1113),g=n.n(f),y=n(2242),k={};k.styleTagTransform=g(),k.setAttributes=p(),k.insert=c().bind(null,"head"),k.domAPI=d(),k.insertStyleElement=b(),i()(y.A,k),y.A&&y.A.locals&&y.A.locals;const C=(0,n(6262).A)(o,[["__scopeId","data-v-5b672aba"]])},7552:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var r=n(1425),l=n(5261);const a={class:"Form-label"},o=["id","name"],s={__name:"BaseTextarea",props:{id:{type:String},name:{type:String,required:!0},modelValue:{type:[String,Number],default:""},label:{type:String,default:""},class:{type:[String,Object,Array],default:""}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e,l=(0,r.KR)(n.modelValue);(0,r.wB)((()=>n.modelValue),(e=>{l.value=e}));const s=(0,r.EW)((()=>["Form-control",{"Form-control--withLabel":n.label},n.class]));return(t,n)=>((0,r.uX)(),(0,r.CE)("label",a,[(0,r.bo)((0,r.Lk)("textarea",{id:e.id,name:e.name,class:(0,r.C4)(s.value),"onUpdate:modelValue":n[0]||(n[0]=e=>l.value=e),onInput:n[1]||(n[1]=e=>t.$emit("update:modelValue",e.target.value))},null,42,o),[[r.Jo,l.value]]),e.label?((0,r.uX)(),(0,r.CE)("span",{key:0,class:(0,r.C4)(["Form-labelText",{"is-minified":l.value}])},(0,r.v_)(e.label),3)):(0,r.Q3)("",!0)]))}},i={class:"Form-group"},u={key:0,class:"Form-validation"},d={key:0,role:"alert",class:"Form-validation"},m={__name:"FormTextarea",props:{name:{type:String,required:!0},modelValue:{type:[String,Number],default:""},label:{type:String,default:""},errorText:{type:String,default:""},isInvalid:{type:Boolean,default:!1},customError:{type:Boolean,default:!1}},emits:["update:modelValue","blur"],setup(e,{emit:t}){const n=e,a=t,o=(0,r.WQ)("formControl"),m=(0,r.EW)((()=>`field_textarea_${n.name}`)),c=(0,r.EW)({get:()=>o?.values?.[n.name]||n.modelValue,set:e=>{a("update:modelValue",e),o?.setFieldValue&&o.setFieldValue(n.name,e)}});return(t,n)=>((0,r.uX)(),(0,r.CE)("div",i,[(0,r.bF)((0,r.R1)(l.D0),{name:e.name},{default:(0,r.k6)((({field:l,meta:a,errorMessage:i})=>[(0,r.bF)(s,(0,r.v6)({id:m.value,name:e.name,modelValue:c.value,"onUpdate:modelValue":n[0]||(n[0]=e=>c.value=e),class:{"is-invalid":i||(0,r.R1)(o)?.errors?.[e.name]||e.customError&&e.isInvalid},label:e.label},l,{onBlur:n[1]||(n[1]=e=>t.$emit("blur",e))}),null,16,["id","name","modelValue","class","label"])])),_:1},8,["name"]),(0,r.bF)((0,r.R1)(l.Kw),{name:e.name},{default:(0,r.k6)((({message:e})=>[e?.includes("noMessage")?(0,r.Q3)("",!0):((0,r.uX)(),(0,r.CE)("div",u,(0,r.v_)(e),1))])),_:1},8,["name"]),e.customError&&e.isInvalid?((0,r.uX)(),(0,r.CE)("div",d,(0,r.v_)(e.errorText),1)):(0,r.Q3)("",!0)]))}}},2701:(e,t,n)=>{n.r(t),n.d(t,{HotelList:()=>P,default:()=>j});var r=n(1425);const l={class:"groupForm"},a={key:0,class:"success u-size6of12 u-md-size6of12 u-sm-sizeFull"},o={class:"success-header u-textSize1"},s={class:"u-textMedium"},i={class:"Form-labelText"},u={key:0},d={id:"hotelSelector"},m={class:"multipleChoiceInput",id:"preventClick"},c=["for"],h=["id","value","checked","onChange"],p=["for"],v={class:"multipleChoiceInputButtons"},b={key:0,class:"Form-validation"},f={class:"flexContainer"},g={class:"flexContainer"},y={class:"flexContainer"},k={class:"u-sizeFull"},C={key:0,class:"groupForm-checkboxesContainer"},F={class:"groupForm-checkboxesContainer-checkboxes"},E={class:"Form-group"},V={class:"Form-checkbox"},x={class:"Form-group"},S={class:"Form-checkbox"},D={class:"groupForm-btnAndAgreementContainer"},I=["innerHTML"];var w=n(2124),T=n(7705),L=n(7484),H=n(4284),B=n(5233),O=n(7552),R=n(5872),A=n(2631),M=n(2505),N=n.n(M),_=n(5261),$=n(7860),W=n(1909);const P=[{hotelCode:"PHO",name:"Phoenix Copenhagen"},{hotelCode:"NYH",name:"71 Nyhavn Hotel"},{hotelCode:"STR",name:"Copenhagen Strand"},{hotelCode:"IMP",name:"Imperial Hotel"},{hotelCode:"SQU",name:"The Square"},{hotelCode:"TIV",name:"Tivoli Hotel & Congress Center"},{hotelCode:"ISL",name:"Copenhagen Island"},{hotelCode:"GEN",name:"Gentofte Hotel"}],X={name:"GroupForm",components:{FormTextField:H.default,FormDateRange:B.default,FormPhone:L.default,FormTextarea:O.default,FormCheckbox:R.default,BaseIcon:A.default,BaseForm:$.default,Field:_.D0,ErrorMessage:_.Kw},setup(e){const t=(0,r.EW)((()=>JSON.parse(e.labels)));return{validationMessages:(0,r.EW)((()=>({groupDate:t.value.Errors.ArrivalDepartureError,checkInDate:t.value.Errors.ArrivalDepartureError,checkOutDate:t.value.Errors.ArrivalDepartureError,selectedHotels:t.value.Errors.PreferredHotelError,numberOfRooms:t.value.Errors.RoomsError,phone:t.value.Errors.PhoneError,name:t.value.Errors.NameError,email:{required:t.value.Errors.EmailError,invali
1d:t.value.Errors.EmailError},agreement:"noMessage"}))),handleSubmit:e=>{showSuccessView.value=!0}}},props:{labels:{type:String,required:!0,default:()=>({})}},data:()=>({agreement:!1,formTouched:!1,MeetingRoomWanted:!1,MeetingRoomNotWanted:!1,showSuccessView:!1,checkInDate:null,checkOutDate:null,isThisOpen:!1,hotelList:P,showHotelList:!1,hotelNames:{PHO:"Phoenix Copenhagen",NYH:"71 Nyhavn Hotel",STR:"Copenhagen Strand",IMP:"Imperial Hotel",SQU:"The Square",TIV:"Tivoli Hotel & Congress Center",ISL:"Copenhagen Island",GEN:"Gentofte Hotel"},selectedHotels:[],numberOfRooms:"",phone:"",name:"",email:"",companyName:"",description:""}),watch:{isThisOpen(e){e&&(this.showHotelList=!1),(0,W.iI)("hotelSelector")},showHotelList(e){e&&(this.isThisOpen=!1)},agreement(e){this.$formControl?.setFieldValue&&this.$formControl.setFieldValue("agreement",e)}},computed:{labelsObject(){return JSON.parse(this.labels)},showHotels(){return this.showHotelList},...(0,w.aH)("booking",["currentHotel"]),...(0,w.aH)("screen",["isRespondingToSm"]),...(0,w.L8)("screen",["isRespondingToLg"]),shouldShowCheckboxes(){return"ISL"!==this.currentHotel&&"GEN"!==this.currentHotel&&"NYH"!==this.currentHotel&&"SQU"!==this.currentHotel}},methods:{open(){this.isThisOpen=!0},accept({start:e,end:t}){this.checkInDate=e,this.checkOutDate=t||(0,T.addDays)(e,1)},handleCheckboxChange(e){"MeetingRoomWanted"===e?(this.MeetingRoomWanted=!this.MeetingRoomWanted,this.MeetingRoomWanted&&(this.MeetingRoomNotWanted=!1)):"MeetingRoomNotWanted"===e&&(this.MeetingRoomNotWanted=!this.MeetingRoomNotWanted,this.MeetingRoomNotWanted&&(this.MeetingRoomWanted=!1))},clearFields(){this.selectedHotels=[],this.agreement=!1,this.MeetingRoomNotWanted=!1,this.MeetingRoomWanted=!1,this.numberOfRooms="",this.phone="",this.name="",this.email="",this.companyName="",this.description=""},isError(){return null===this.checkInDate||""===this.checkInDate||void 0===this.checkInDate||null===this.checkOutDate||""===this.checkOutDate||void 0===this.checkOutDate||0===this.selectedHotels.length||""===this.numberOfRooms||""===this.phone||""===this.name||""===this.email},toggleHotelList(e){e&&"preventClick"===e.target.id||e&&-1===e.pointerId||(this.showHotelList=!this.showHotelList,this.showHotelList?(window.addEventListener("keydown",this.onTab),window.addEventListener("keyup",this.onEsc)):(window.removeEventListener("keydown",this.onTab),window.removeEventListener("keyup",this.onEsc)))},closeHotelList(e){this.showHotelList=!1},handleClickOutside(e){this.$refs.hotelList&&!this.$refs.hotelList.contains(e.target)&&13!==e.keyCode&&32!==e.keyCode&&(this.showHotelList=!1)},async handleSubmit(){if(this.formTouched=!0,this.agreement){const e=(0,T.format)((0,T.startOfDay)(this.checkInDate),"ddd DD. MMM YYYY"),t=(0,T.format)((0,T.startOfDay)(this.checkOutDate),"ddd DD. MMM YYYY"),n=this.MeetingRoomWanted||this.MeetingRoomNotWanted?this.MeetingRoomWanted?"Ja":"Nej":"",r={name:this.name,phone:this.phone,email:this.email,companyName:this.companyName,arrivalDate:e,departureDate:t,selectedHotels:this.selectedHotels,numberOfRooms:this.numberOfRooms,wantsMeetingRoom:n,description:this.description,agreement:this.agreement};N().post("/api/hotel/groupformahhg",r).then((e=>{e.data.success&&(this.showSuccessView=!0,setTimeout((()=>this.scrollSuccessMsgIntoView()),100))})).catch((e=>console.error(e)))}},updateSelectedHotels(e,t){if(e.target.checked)this.selectedHotels.includes(t)||this.selectedHotels.push(t);else{const e=this.selectedHotels.indexOf(t);e>-1&&this.selectedHotels.splice(e,1)}this.$formControl?.setFieldValue("selectedHotels",this.selectedHotels)},scrollSuccessMsgIntoView(){this.isRespondingToSm&&this.$nextTick((()=>{if(this.$el){const e=this.$el.querySelector(".success");if(e){const t=e.getBoundingClientRect(),n=t.top+window.pageYOffset-window.innerHeight/2+t.height/2;window.scrollTo({top:n,behavior:"smooth"})}}}))},onTab(e){(0,W.XQ)("hotelSelector",e)},onEsc(e){27===e.keyCode&&this.closeHotelList()},getAccessibilityLabel(e,t){const n=`Accessibility.${e}`,r=this.$l(n);return r===n?t:r}},mounted(){"AHHG"!==this.currentHotel&&this.selectedHotels.push(this.currentHotel),document?.addEventListener("click",this.handleClickOutside)},beforeDestroy(){document.removeEventListener("click",this.handleClickOutside)}},j=(0,n(6262).A)(X,[["render",function(e,t,n,w,T,L){const H=(0,r.g2)("base-icon"),B=(0,r.g2)("form-date-range"),O=(0,r.g2)("ErrorMessage"),R=(0,r.g2)("Field"),A=(0,r.g2)("form-text-field"),M=(0,r.g2)("form-phone"),N=(0,r.g2)("form-textarea"),_=(0,r.g2)("form-checkbox"),$=(0,r.g2)("base-form");return(0,r.uX)(),(0,r.CE)("div",l,[(0,r.RG)(e.$slots,"heading"),T.showSuccessView?((0,r.uX)(),(0,r.CE)("div",a,[(0,r.Lk)("p",o,[(0,r.bF)(H,{name:"booking-check-circle-solid",width:"50",height:"50",viewBox:"0 0 50 50"}
1),(0,r.eW)(" "+(0,r.v_)(L.labelsObject.SuccessLabels.Heading),1)]),(0,r.Lk)("p",s,(0,r.v_)(L.labelsObject.SuccessLabels.SubHeading),1)])):((0,r.uX)(),(0,r.Wv)($,{key:1,name:"groupForm",method:"POST",action:"","schema-name":"groupForm","submit-text":L.labelsObject.Buttons.ButtonSubmit,"form-classes":"groupForm-formContainer u-size6of12 u-md-size6of12 u-sm-sizeFull","submit-btn-class":"u-sizeFull","submit-btn-id":"groupFormSubmit","show-success-or-error-message":!1,"validation-messages":w.validationMessages,onSubmit:L.handleSubmit},{content:(0,r.k6)((()=>[(0,r.Lk)("div",null,[(0,r.RG)(e.$slots,"formheading"),(0,r.Lk)("div",{class:"u-sizeFull MeetingRoomCalendar",onClick:t[1]||(t[1]=(0,r.D$)(((...e)=>L.open&&L.open(...e)),["prevent"]))},[(0,r.bF)(B,{name:"groupDate",label:L.labelsObject.ArrivalDeparture,buttonLabel:L.labelsObject.Buttons.ArrivalDepartureButton,checkInDate:T.checkInDate,checkOutDate:T.checkOutDate,isOpen:T.isThisOpen,isDesktop:e.isRespondingToLg,onInput:t[0]||(t[0]=e=>L.accept(e))},null,8,["label","buttonLabel","checkInDate","checkOutDate","isOpen","isDesktop"])]),(0,r.bF)(R,{modelValue:T.selectedHotels,"onUpdate:modelValue":t[6]||(t[6]=e=>T.selectedHotels=e),name:"selectedHotels"},{default:(0,r.k6)((({field:e,meta:n,errorMessage:l})=>[(0,r.Lk)("div",{class:"Form-group u-sizeFull",ref:"hotelList",onClick:t[4]||(t[4]=(...e)=>L.toggleHotelList&&L.toggleHotelList(...e)),onKeyup:t[5]||(t[5]=(0,r.jR)((e=>{this.showHotelList||L.toggleHotelList(e)}),["enter"])),tabindex:"0"},[(0,r.Lk)("div",{class:(0,r.C4)(["Form-group multipleChoiceContainer hotelChoice preferedHotel",{"is-invalid":l}])},[(0,r.Lk)("span",{class:(0,r.C4)(["Form-labelText",T.selectedHotels.length>0?"is-minified":""])},(0,r.v_)(L.labelsObject.PreferredHotel),3),(0,r.bo)((0,r.Lk)("span",i,[(0,r.eW)((0,r.v_)(T.hotelNames[T.selectedHotels[0]])+" ",1),T.selectedHotels.length>1?((0,r.uX)(),(0,r.CE)("span",u,"+ "+(0,r.v_)(T.selectedHotels.length-1)+" "+(0,r.v_)(T.selectedHotels.length-1==1?L.labelsObject.PreferedHotelPlusOther:L.labelsObject.PreferedHotelPlusMultiple),1)):(0,r.Q3)("",!0)],512),[[r.aG,T.selectedHotels.length>0]]),(0,r.Lk)("div",d,[(0,r.bo)((0,r.Lk)("div",m,[((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(T.hotelList,(t=>((0,r.uX)(),(0,r.CE)("div",{key:t.hotelCode,class:"multipleChoiceCheckbox",id:"preventClick"},[(0,r.Lk)("label",{for:t.hotelCode,class:(0,r.C4)(["Form-label checkboxLabel",T.selectedHotels.includes(t.hotelCode)?"active":""])},[(0,r.Lk)("input",(0,r.v6)({type:"checkbox",id:t.hotelCode,value:t.hotelCode,ref_for:!0},e,{checked:T.selectedHotels.includes(t.hotelCode),onChange:e=>L.updateSelectedHotels(e,t.hotelCode)}),null,16,h)],10,c),(0,r.Lk)("label",{for:t.hotelCode},(0,r.v_)(t.name),9,p)])))),128)),(0,r.Lk)("div",v,[(0,r.Lk)("button",{type:"button",class:"Button clearButton",onClick:t[2]||(t[2]=e=>T.selectedHotels=[])},(0,r.v_)(L.labelsObject.Buttons.PreferedHotelClear),1),(0,r.Lk)("button",{type:"button",class:"Button Button--cta Button--brand",onClick:t[3]||(t[3]=(...e)=>L.closeHotelList&&L.closeHotelList(...e))},(0,r.v_)(L.labelsObject.Buttons.PreferedHotelConfirm),1)])],512),[[r.aG,L.showHotels]])])],2),(0,r.bF)(O,{name:"selectedHotels"},{default:(0,r.k6)((({message:e})=>[e?.includes("noMessage")?(0,r.Q3)("",!0):((0,r.uX)(),(0,r.CE)("div",b,(0,r.v_)(e),1))])),_:1})],544)])),_:1},8,["modelValue"]),(0,r.Lk)("div",f,[(0,r.bF)(A,{class:"u-sizeFull",name:"numberOfRooms",label:L.labelsObject.Rooms,modelValue:T.numberOfRooms,"onUpdate:modelValue":t[7]||(t[7]=e=>T.numberOfRooms=e),inputmode:"numeric"},null,8,["label","modelValue"]),(0,r.bF)(M,{class:"u-sizeFull",name:"phone",label:L.labelsObject.Phone,"error-text":L.labelsObject.Errors.PhoneError,"is-meeting-room":!0,modelValue:T.phone,"onUpdate:modelValue":t[8]||(t[8]=e=>T.phone=e)},null,8,["label","error-text","modelValue"])]),t[18]||(t[18]=(0,r.Lk)("div",{class:"u-size6of12 u-sm-sizeFull u-md-sizeFull"},null,-1)),(0,r.Lk)("div",g,[(0,r.bF)(A,{class:"u-sizeFull",name:"name",label:L.labelsObject.Name,modelValue:T.name,"onUpdate:modelValue":t[9]||(t[9]=e=>T.name=e)},null,8,["label","modelValue"]),(0,r.bF)(A,{class:"u-sizeFull",name:"email",type:"email",label:L.labelsObject.Email,modelValue:T.email,"onUpdate:modelValue":t[10]||(t[10]=e=>T.email=e)},null,8,["label","modelValue"])]),(0,r.Lk)("div",y,[(0,r.bF)(N,{class:"u-sizeFull groupForm-descriptionContainer",name:"description",label:L.labelsObject.Description,modelValue:T.description,"onUpdate:modelValue":t[11]||(t[11]=e=>T.description=e)},null,8,["label","modelValue"]),(0,r.Lk)("div",k,[(0,r.bF)(A,{class:"u-sizeFull",name:"company-name",label:L.labelsObject.CompanyName,modelValue:T.companyName,"onUpdate:modelValue":t[12]||(t[12]=e=>T.companyName=e)},null,8,["label","modelValue"]),L.shouldShowCheckboxes?((0,r.uX)(),(0,r.CE)("div",C,[(0,r.eW)((0,r.v_)(L.labelsObject.Checkboxes.OptionsText)+" ",1),(0,r.Lk)("div",F,[(0,r.Lk)("div",E,[(0,r.Lk)("label",V,[(0,r.bo)((0,r.Lk)("input",{type:"checkbox",name:"MeetingRoomWanted",id:"MeetingRoomWanted","onUpdate:modelValue":t[13]||(t[13]=e=>T.MeetingRoomWanted=e),onClick:t[14]||(t[14]=e=>L.handleCheckboxChange("MeetingRoomWanted"))},null,512),[[r.lH,T.MeetingRoomWanted]]),(0,r.Lk)("span",null,[(0,r.Lk)("div",null,(0,r.v_)(L.labelsObject.Checkboxes.FirstOption),1)])])]),(0,r.Lk)("div",x,[(0,r.Lk)("label",S,[(0,r.bo)((0,r.Lk)("input",{type:"checkbox",name:"MeetingRoomNotWanted",id:"MeetingRoomNotWanted","onUpdate:modelValue":t[15]||(t[15]=e=>T.MeetingRoomNotWanted=e),onClick:t[16]||(t[16]=e=>L.handleCheckboxChange("MeetingRoomNotWanted"))},null,512),[[r.lH,T.MeetingRoomNotWanted]]),(0,r.Lk)("span",null,[(0,r.Lk)("div",null,(0,r.v_)(L.labelsObject.Checkboxes.SecondOption),1)])])])])])):(0,r.Q3)("",!0)])]),(0,r.Lk)("div",D,[(0,r.bF)(_,{name:"agreement","model-value":T.agreement,"onUpdate:modelValue":t[17]||(t[17]=e=>T.agreement=e.target?.checked??e),errorText:L.getAccessibilityLabel("YouNeedToAgreeToContinue","You need to agree to continue")},{default:(0,r.k6)((()=>[(0,r.Lk)("div",{innerHTML:L.labelsObject.Checkboxes.PolicyText},null,8,I)])),_:1},8,["model-value","errorText"])])])])),_:3},8,["submit-text","validation-messages","onSubmit"]))])}]])}}]); 2//# sourceMappingURL=GroupForm.20dcefaf9e28a392ba8a.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.