PageSourceSearch

https://www.arp-hansen.com/Content/AHHG/modern/ForgottenItemsForm.6d0897672e849d941507.js

js arp-hansen.com collected 2026-10-07 19:10:27 UTC 35,229 bytes, 2 lines download raw bytes

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="4779e59f-b683-4d43-9f24-82998bbbf222",e._sentryDebugIdIdentifier="sentry-dbid-4779e59f-b683-4d43-9f24-82998bbbf222")}()}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([[2247,875,1047,4696,7762,7167,7028],{6838:(e,r,n)=>{n.d(r,{A:()=>s});var a=n(1354),t=n.n(a),l=n(6314),i=n.n(l)()(t());i.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=i},590:(e,r,n)=>{n.d(r,{A:()=>s});var a=n(1354),t=n.n(a),l=n(6314),i=n.n(l)()(t());i.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", "focu
1s"],\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=i},2242:(e,r,n)=>{n.d(r,{A:()=>s});var a=n(1354),t=n.n(a),l=n(6314),i=n.n(l)()(t());i.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=i},9815:(e,r,n)=>{n.d(r,{A:()=>C});var a=n(1425);const t={class:"Form-checkbox"},l=["name","id","checked","disabled"],i={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 o=n(5072),u=n.n(o),d=n(7825),m=n.n(d),p=n(7659),h=n.n(p),c=n(5056),b=n.n(c),v=n(540),f=n.n(v),y=n(1113),g=n.n(y),F=n(6838),V={};V.styleTagTransform=g(),V.setAttributes=b(),V.insert=h().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=f(),u()(F.A,V),F.A&&F.A.locals&&F.A.locals;const C=(0,n(6262).A)(s,[["render",function(e,r,n,s,o,u){return(0,a.uX)(),(0,a.CE)("label",t,[(0,a.bo)((0,a.Lk)("input",{class:(0,a.C4)({"is-invalid":n.isInvalid}),name:n.name,id:n.id,type:"checkbox","onUpdate:modelValue":r[0]||(r[0]=e=>u.checkboxValue=e),checked:n.value,disabled:n.disabled,onFocus:r[1]||(r[1]=r=>e.$emit("focus")),onBlur:r[2]||(r[2]=r=>e.$emit("blur"))},null,42,l),[[a.lH,u.checkboxValue]]),(0,a.Lk)("span",null,[n.value?((0,a.uX)(),(0,a.CE)("div",i)):(0,a.Q3)("",!0),(0,a.RG)(e.$slots,"default",{},void 0,!0)])])}],["__scopeId","data-v-2e30450e"]])},3303:(e,r,n)=>{n.d(r,{A:()=>s});var a=n(1425);const t={class:"Form-label"}
1,l=["id","name","type","value","autocomplete","inputmode","maxlength"],i=(0,a.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,a.EW)((()=>["Form-control","Form-control--withLabel",e.class]))})}),s=(0,n(6262).A)(i,[["render",function(e,r,n,i,s,o){return(0,a.uX)(),(0,a.CE)("label",t,[(0,a.Lk)("input",{id:e.id,name:e.name,type:e.type,value:e.modelValue,onInput:r[0]||(r[0]=r=>e.$emit("update:modelValue",r.target.value)),onBlur:r[1]||(r[1]=r=>e.$emit("blur",r)),autocomplete:e.autocomplete,inputmode:e.inputmode,class:(0,a.C4)(e.computedClass),maxlength:e.maxlength},null,42,l),e.label?((0,a.uX)(),(0,a.CE)("span",{key:0,class:(0,a.C4)(["Form-labelText",{"is-minified":""!==e.modelValue&&void 0!==e.modelValue}])},(0,a.v_)(e.label),3)):(0,a.Q3)("",!0)])}]])},367:(e,r,n)=>{n.r(r),n.d(r,{default:()=>B});var a=n(1425);const t=["innerHTML"],l=["innerHTML"],i={class:"Grid Grid--noEndsGutter"},s={class:"Grid-cell u-size6of12 u-sm-sizeFull"},o={class:"Grid-cell u-size6of12 u-sm-sizeFull"},u={class:"Grid-cell u-size6of12 u-sm-sizeFull"},d={class:"Grid-cell u-size6of12 u-sm-sizeFull"},m={class:"Grid-cell u-size6of12 u-sm-sizeFull"},p={class:"Grid-cell u-size6of12 u-sm-sizeFull"},h={class:"Grid-cell u-size6of12 u-sm-sizeFull"},c={class:"Grid-cell u-size6of12 u-sm-sizeFull"},b={class:"Grid-cell u-size6of12 u-sm-sizeFull"},v={class:"Grid-cell u-size6of12 u-sm-sizeFull"},f={class:"Grid-cell u-size6of12 u-sm-sizeFull"},y={class:"u-hidden"},g={class:"Grid-cell"},F=["innerHTML"];var V=n(7484),C=n(4284),k=n(5872),x=n(1636),S=n(3791),E=n(2631),I=n(2505),T=n.n(I),A=n(5261),w=n(7860);const L={name:"ForgottenItemsForm",components:{FormTextField:C.default,FormBirthdate:x.default,FormCountry:S.default,FormPhone:V.default,FormCheckbox:k.default,BaseIcon:E.default,BaseForm:w.default,Field:A.D0,ErrorMessage:A.Kw},props:{labels:{type:[String,Object],required:!1,default:()=>({})},validationMessages:{type:Object,required:!1,default:()=>({})},finalLabels:{type:Object,required:!1,default:()=>({})},successMsg:{type:String,required:!1,default:""},errorMsg:{type:String,required:!1,default:""},submitData:{type:Object,required:!1,default:()=>({})}},data:()=>({formTouched:!1,name:"",address:"",zipCode:"",city:"",email:"",phone:"",bookingNumber:"",roomNumber:"",arrivalDate:"",departureDate:"",description:"",agreement:!1,submitSuccess:!1,submitError:!1}),watch:{agreement(e){this.$formControl?.setFieldValue&&this.$formControl.setFieldValue("agreement",e)}},computed:{labelsObject(){return JSON.parse(this.labels)}},methods:{clearFields(){this.formTouched=!1,this.name="",this.address="",this.zipCode="",this.city="",this.email="",this.phone="",this.bookingNumber="",this.roomNumber="",this.arrivalDate="",this.departureDate="",this.description="",this.agreement=!1,this.$nextTick((()=>{if(this.$refs.agreementCheckbox){const e=this.$refs.agreementCheckbox.$el.querySelector('input[type="checkbox"]');e&&(e.checked=!1)}})),this.newsletter=!0},async handleSubmit(){if(this.formTouched=!0,this.agreement){const e={data:{FromEmailLabel:this.submitData.FromEmailLabel,Subject:this.submitData.Subject,ToEmailLabel:this.submitData.ToEmailLabel},form:{name:this.name,address:this.address,zipCode:this.zipCode,city:this.city,email:this.email,phone:this.phone,bookingNumber:this.bookingNumber,roomNumber:this.roomNumber,arrivalDate:this.arrivalDate,departureDate:this.departureDate,description:this.description,agreement:this.agreement?"1":"0"},url:window.location.href.split("?")[0]};T().post("/api/ahhg/FoundationForm/PostStaticForm",e).then((e=>{(e.data.success||"success"===e.data.status)&&(this.submitError=!1,this.submitSuccess=!0,this.clearFields())})).catch((e=>{this.submitSuccess=!1,this.submitError=!0,this.clearFields()}))}}}},B=(0,n(6262).A)(L,[["render",function(e,r,n,V,C,k){const x=(0,a.g2)("form-text-field"),S=(0,a.g2)("form-phone"),E=(0,a.g2)("form-checkbox"),I=(0,a.g2)("base-form");return(0,a.uX)(),(0,a.Wv)(I,{name:"forgottenItemsForm",method:"POST",action:"","schema-name":"forgottenItems","submit-text":n.finalLabels.submitText,"is-loyalty-signup":!0,"validation-messages":n.validationMessages&&n.validationMessages,"buttons-alignment":"right","use-submit-to-show-messages":!0,"submit-success":C.submitSuccess,"submit-error":C.submitError,onSubmit:k.handleSubmit},{success:(0,a.k6)((()=>[(0,a.Lk)("div",{innerHTML:n.successMsg},null,8,t)])),error:(0,a.k6)((()=>[(0,a.Lk)("div",{innerHTML:n.errorMsg},null,8,l)])),content:(0,a.k6)((()=>[(0,a.Lk)("div",i,[(0,a.Lk)("div",s,[(0,a.bF)(x,{name:"name",label:n.finalLabels.name,modelValue:C.name,"onUpdate:modelValue":r[0]||(r[0]=e=>C.name=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",o,[(0,a.bF)(x,{name:"address",label:n.finalLabels.address,modelValue:C.address,"onUpdate:modelValue":r[1]||(r[1]=e=>C.address=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",u,[(0,a.bF)(x,{name:"zipCode",label:n.finalLabels.zipCode,modelValue:C.zipCode,"onUpdate:modelValue":r[2]||(r[2]=e=>C.zipCode=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",d,[(0,a.bF)(x,{name:"city",label:n.finalLabels.city,modelValue:C.city,"onUpdate:modelValue":r[3]||(r[3]=e=>C.city=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",m,[(0,a.bF)(x,{name:"email",type:"email",label:n.finalLabels.email,modelValue:C.email,"onUpdate:modelValue":r[4]||(r[4]=e=>C.email=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",p,[(0,a.bF)(S,{name:"phone",label:n.finalLabels.phone,"error-text":n.validationMessages.phone,modelValue:C.phone,"onUpdate:modelValue":r[5]||(r[5]=e=>C.phone=e)},null,8,["label","error-text","modelValue"])]),(0,a.Lk)("div",h,[(0,a.bF)(x,{name:"bookingNumber",label:n.finalLabels.bookingNumber,modelValue:C.bookingNumber,"onUpdate:modelValue":r[6]||(r[6]=e=>C.bookingNumber=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",c,[(0,a.bF)(x,{name:"roomNumber",label:n.finalLabels.roomNumber,modelValue:C.roomNumber,"onUpdate:modelValue":r[7]||(r[7]=e=>C.roomNumber=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",b,[(0,a.bF)(x,{name:"arrivalDate",label:n.finalLabels.arrivalDate,modelValue:C.arrivalDate,"onUpdate:modelValue":r[8]||(r[8]=e=>C.arrivalDate=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",v,[(0,a.bF)(x,{name:"departureDate",label:n.finalLabels.departureDate,modelValue:C.departureDate,"onUpdate:modelValue":r[9]||(r[9]=e=>C.departureDate=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",f,[(0,a.bF)(x,{name:"description",label:n.finalLabels.description,modelValue:C.description,"onUpdate:modelValue":r[10]||(r[10]=e=>C.description=e)},null,8,["label","modelValue"])]),(0,a.Lk)("div",y,[(0,a.bF)(x,{name:"security",label:"security"})]),(0,a.Lk)("div",g,[(0,a.bF)(E,{ref:"agreementCheckbox",name:"agreement","model-value":C.agreement,"onUpdate:modelValue":r[11]||(r[11]=e=>C.agreement=e.target?.checked??e)},{default:(0,a.k6)((()=>[(0,a.Lk)("div",{innerHTML:n.finalLabels.agreement},null,8,F)])),_:1},8,["model-value"])])])])),_:1},8,["submit-text","validation-messages","submit-success","submit-error","onSubmit"])}]])},1636:(e,r,n)=>{n.r(r),n.d(r,{default:()=>c});var a=n(1425),t=n(7705),l=n(3303),i=n(5261);const s={class:"Form-group"},o={class:"u-flex"},u={class:"u-spaceRight1"},d={key:0,class:"Form-validation"},m={class:"u-spaceRight1"},p={key:0,class:"Form-validation"},h={key:0,class:"Form-validation"},c={__name:"FormBirthdate",props:{name:{type:String,required:!0},value:{type:String,default:""},title:{type:String,default:"Birthdate"},dayLabel:{type:String,default:"Day"},monthLabel:{type:String,default:"Month"},yearLabel:{type:String,default:"Year"},format:{type:String,default:"YYYY-MM-DD"},showErrors:{type:Boolean,default:!1},errorText:{type:String},isInvalid:{type:Boolean,default:!1}},emits:["input"],setup(e,{expose:r,emit:n}){const c=e,b=n,v=(0,a.WQ)("formControl"),f=(0,a.KR)(""),y=(0,a.KR)(""),g=(0,a.KR)(""),F=(0,a.KR)(c.value),V=((0,a.KR)(c.value),(0,a.EW)((()=>`required|date_format:yyyy|max_value:${T()}`)),(0,a.KR)(!1)),{errors:C}=v,k=e=>{if(V.value)return;const r=(0,t.parse)(e,c.format);if((0,t.isValid)(r)){const e=(0,t.format)(r,"D"),n=(0,t.format)(r,"M"),a=(0,t.format)(r,"YYYY");(!f.value||Math.abs(parseInt(f.value)-parseInt(e))>
10)&&(f.value=e),(!y.value||Math.abs(parseInt(y.value)-parseInt(n))>0)&&(y.value=n),g.value&&g.value===a||(g.value=a)}else e||(f.value="",y.value="",g.value="")},x=async()=>{if(!v)return!0;const e=await v.validateField("birthday");return e?.valid??!1},S=()=>c.name,E=()=>F.value,I=()=>{V.value=!0,F.value="",f.value="",y.value="",g.value="",v?.setFieldValue&&(v.setFieldValue("birthday.day",""),v.setFieldValue("birthday.month",""),v.setFieldValue("birthday.year",""),v.setFieldValue(c.name,"")),setTimeout((()=>{V.value=!1}),100)},T=()=>(0,t.getYear)((0,t.subYears)(new Date,18));return(0,a.wB)((()=>c.value),((e,r)=>{e===r||V.value||(F.value=e,k(e))})),(0,a.wB)([f,y,g],(async([e,r,n],[a,t,l])=>{if(!V.value&&(e||r||n||a||t||l)&&v?.setFieldValue)try{if(e!==a&&""!==e&&await v.setFieldValue("birthday.day",e),r!==t&&""!==r&&await v.setFieldValue("birthday.month",r),n!==l&&""!==n&&await v.setFieldValue("birthday.year",n),e&&r&&n&&e.length<=2&&r.length<=2&&4===n.length){const a=parseInt(e),t=parseInt(r),l=parseInt(n);if(a>=1&&a<=31&&t>=1&&t<=12&&l>=1900){const n=e.padStart(2,"0"),a=`${l}-${r.padStart(2,"0")}-${n}`;b("input",a),await v.setFieldValue(c.name,a)}}}catch(e){console.error("Validation error:",e)}})),(0,a.sV)((()=>{k(F.value),v&&v.addControl(c.name,{getName:S,getValue:E,resetValue:I,validate:x})})),(0,a.hi)((()=>{v&&v.removeControl(c.name)})),r({resetValue:I}),(r,n)=>((0,a.uX)(),(0,a.CE)("div",s,[(0,a.Lk)("fieldset",null,[(0,a.Lk)("legend",null,(0,a.v_)(e.title),1),(0,a.Lk)("div",o,[(0,a.Lk)("div",u,[(0,a.bF)((0,a.R1)(i.D0),{name:"birthday.day"},{default:(0,a.k6)((({field:r,handleChange:n,errorMessage:t})=>[(0,a.bF)(l.A,{id:"birthday-day",name:r.name,label:e.dayLabel,maxlength:2,"model-value":f.value,inputmode:"numeric","onUpdate:modelValue":e=>{f.value=e,n(e)},class:(0,a.C4)({"is-invalid":t||(0,a.R1)(C)["birthday.day"]})},null,8,["name","label","model-value","onUpdate:modelValue","class"])])),_:1}),(0,a.bF)((0,a.R1)(i.Kw),{name:"birthday.day"},{default:(0,a.k6)((({message:e})=>[e?.includes("noMessage")?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",d,(0,a.v_)(e),1))])),_:1})]),(0,a.Lk)("div",m,[(0,a.bF)((0,a.R1)(i.D0),{name:"birthday.month"},{default:(0,a.k6)((({field:r,handleChange:n,errorMessage:t})=>[(0,a.bF)(l.A,{id:"birthday-month",name:r.name,label:e.monthLabel,maxlength:2,"model-value":y.value,inputmode:"numeric","onUpdate:modelValue":e=>{y.value=e,n(e)},class:(0,a.C4)({"is-invalid":t||(0,a.R1)(C)["birthday.month"]})},null,8,["name","label","model-value","onUpdate:modelValue","class"])])),_:1}),(0,a.bF)((0,a.R1)(i.Kw),{name:"birthday.month"},{default:(0,a.k6)((({message:e})=>[e?.includes("noMessage")?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",p,(0,a.v_)(e),1))])),_:1})]),(0,a.Lk)("div",null,[(0,a.bF)((0,a.R1)(i.D0),{name:"birthday.year"},{default:(0,a.k6)((({field:r,handleChange:n,errorMessage:t})=>[(0,a.bF)(l.A,{id:"birthday-year",name:r.name,label:e.yearLabel,maxlength:4,"model-value":g.value,inputmode:"numeric","onUpdate:modelValue":e=>{g.value=e,n(e)},class:(0,a.C4)({"is-invalid":t||(0,a.R1)(C)["birthday.year"]})},null,8,["name","label","model-value","onUpdate:modelValue","class"])])),_:1}),(0,a.bF)((0,a.R1)(i.Kw),{name:"birthday.year"},{default:(0,a.k6)((({message:e})=>[e?.includes("noMessage")?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",h,(0,a.v_)(e),1))])),_:1})])])])]))}}},5872:(e,r,n)=>{n.r(r),n.d(r,{default:()=>o});var a=n(1425),t=n(5261),l=n(9815);const i={class:"Form-group"},s={key:0,div:"",role:"alert",class:"Form-validation"},o={__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:r}){const n=e,o=r,u=(0,a.WQ)("formControl"),d=(0,a.EW)((()=>`checkbox_${n.name}`)),m=(0,a.EW)({get:()=>void 0!==u?.values?.[n.name]?u.values[n.name]:n.value||n.modelValue,set:e=>{o("update:modelValue",e),u?.setFieldValue&&u.setFieldValue(n.name,e)}});(0,a.sV)((()=>{u?.addControl&&u.addControl(n.name,{value:n.value,disabled:n.isDisabled,getValue:()=>m.value,resetValue:()=>{m.value=n.value}})}));const p=e=>{o("update:modelValue",e)};return(r,o)=>((0,a.uX)(),(0,a.CE)("div",i,[(0,a.bF)((0,a.R1)(t.D0),{name:e.name,type:"checkbox",value:!0},{default:(0,a.k6)((({field:t,meta:i,errorMessage:s})=>[(0,a.bF)(l.A,(0,a.v6)({id:d.value,name:e.name,"is-invalid":(s||(0,a.R1)(u)?.errors?.[e.name])&&!0,modelValue:m.value,"onUpdate:modelValue":o[0]||(o[0]=e=>m.value=e),onInput:p,value:n.value,disabled:e.isDisabled},t),{default:(0,a.k6)((()=>[(0,a.RG)(r.$slots,"default")])),_:2},1040,["id","name","is-invalid","modelValue","value","disabled"])])),_:3},8,["name"]),(0,a.bF)((0,a.R1)(t.Kw),{name:e.name},{default:(0,a.k6)((({message:r})=>[r?.includes("noMessage")?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",s,(0,a.v_)(r||e.errorText),1))])),_:1}
1,8,["name"])]))}}},7484:(e,r,n)=>{n.r(r),n.d(r,{default:()=>C});var a=n(1425);const t={class:"Form-group",ref:"group"},l=["for"],i={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,showFlags:!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,a.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,r){this.phoneNumber=e,this.phoneData=r,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 o=n(5072),u=n.n(o),d=n(7825),m=n.n(d),p=n(7659),h=n.n(p),c=n(5056),b=n.n(c),v=n(540),f=n.n(v),y=n(1113),g=n.n(y),F=n(590),V={};V.styleTagTransform=g(),V.setAttributes=b(),V.insert=h().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=f(),u()(F.A,V),F.A&&F.A.locals&&F.A.locals;const C=(0,n(6262).A)(s,[["render",function(e,r,n,s,o,u){const d=(0,a.g2)("vue-tel-input");return(0,a.uX)(),(0,a.CE)("div",t,[(0,a.Lk)("label",{class:"Form-label",for:u.id},[n.label?((0,a.uX)(),(0,a.CE)("span",{key:0,class:(0,a.C4)(["Form-labelText Form-labelText--phone",{"is-minified":""!==n.modelValue&&void 0!==n.modelValue}])},(0,a.v_)(n.label),3)):(0,a.Q3)("",!0)],8,l),(0,a.bF)(d,(0,a.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}]},o.teleBindProps,{modelValue:o.phoneNumber,"onUpdate:modelValue":r[0]||(r[0]=e=>o.phoneNumber=e),inputOptions:{id:u.id}}),null,16,["onOnInput","onBlur","onFocus","onClose","class","modelValue","inputOptions"]),u.hasError&&u.displayError?((0,a.uX)(),(0,a.CE)("div",i,(0,a.v_)(u.displayError),1)):(0,a.Q3)("",!0)],512)}],["__scopeId","data-v-03e260e7"]])},4284:(e,r,n)=>{n.r(r),n.d(r,{default:()=>V});var a=n(1425),t=n(5261),l=n(3303);const i={__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:r}){const n=e,i=r,s=(0,a.WQ)("formControl"),o=(0,a.EW)((()=>`field_${n.type}_${n.name}`)),u=(0,a.EW)({get:()=>s?.values?.[n.name]||n.modelValue,set:e=>{i("update:modelValue",e),s?.setFieldValue&&s.setFieldValue(n.name,e)}});return(r,n)=>((0,a.uX)(),(0,a.CE)("div",{class:"Form-group",style:(0,a.Tr)(e.containerStyle)},[(0,a.bF)((0,a.R1)(t.D0),{name:e.name},{default:(0,a.k6)((({field:t,meta:i,errorMessage:d})=>[(0,a.bF)(l.A,(0,a.v6)({id:o.value,name:e.name,type:e.type,autocomplete:e.autocomplete,inputmode:e.inputmode,modelValue:u.value,"onUpdate:modelValue":n[0]||(n[0]=e=>
1u.value=e),class:{"is-invalid":d||(0,a.R1)(s)?.errors?.[e.name]||e.useNonYupError&&e.isInvalid},label:e.label},t,{onBlur:n[1]||(n[1]=e=>r.$emit("blur",e))}),null,16,["id","name","type","autocomplete","inputmode","modelValue","class","label"])])),_:1},8,["name"]),(0,a.bF)((0,a.R1)(t.Kw),{name:e.name},{default:(0,a.k6)((({message:r})=>[r?.includes("noMessage")?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",{key:0,class:(0,a.C4)(["Form-validation",e.errorTextClass]),role:"alert"},(0,a.v_)(r),3))])),_:1},8,["name"]),e.useNonYupError&&e.isInvalid?((0,a.uX)(),(0,a.CE)("div",{key:0,class:(0,a.C4)(["Form-validation",e.errorTextClass]),role:"alert"},(0,a.v_)(e.errorText),3)):(0,a.Q3)("",!0)],4))}};var s=n(5072),o=n.n(s),u=n(7825),d=n.n(u),m=n(7659),p=n.n(m),h=n(5056),c=n.n(h),b=n(540),v=n.n(b),f=n(1113),y=n.n(f),g=n(2242),F={};F.styleTagTransform=y(),F.setAttributes=c(),F.insert=p().bind(null,"head"),F.domAPI=d(),F.insertStyleElement=v(),o()(g.A,F),g.A&&g.A.locals&&g.A.locals;const V=(0,n(6262).A)(i,[["__scopeId","data-v-5b672aba"]])},2631:(e,r,n)=>{n.r(r),n.d(r,{default:()=>l});var a=n(1425);const t={name:"BaseIcon",components:{SpriteIcon:n(3788).default},props:{name:{type:String,required:!0}}},l=(0,n(6262).A)(t,[["render",function(e,r,n,t,l,i){const s=(0,a.g2)("SpriteIcon");return(0,a.uX)(),(0,a.Wv)(s,{href:"/Content/AHHG/modern/icons.svg#"+n.name},null,8,["href"])}]])},3788:(e,r,n)=>{n.r(r),n.d(r,{default:()=>o});var a=n(1425);const t=["innerHTML"],l={key:1,class:"Icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},i=["xlink:href"];n(2505);const s={name:"SpriteIcon",props:{href:{type:String,required:!0}},data:()=>({content:null}),async created(){}},o=(0,n(6262).A)(s,[["render",function(e,r,n,s,o,u){return o.content?((0,a.uX)(),(0,a.CE)("svg",{key:0,class:"Icon",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",innerHTML:o.content},null,8,t)):((0,a.uX)(),(0,a.CE)("svg",l,[(0,a.Lk)("use",{"xlink:href":n.href},null,8,i)]))}]])}}]);
2//# sourceMappingURL=ForgottenItemsForm.6d0897672e849d941507.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.