https://www.arp-hansen.com/Content/AHHG/modern/FormTextField.df8a3b10ab2ee4b5cea3.js

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]="f59155b2-7efe-4e94-adf1-73cabbf84f43",e._sentryDebugIdIdentifier="sentry-dbid-f59155b2-7efe-4e94-adf1-73cabbf84f43")}()}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([[7028],{2242:(e,t,r)=>{r.d(t,{A:()=>s});var n=r(1354),l=r.n(n),a=r(6314),o=r.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},3303:(e,t,r)=>{r.d(t,{A:()=>s});var n=r(1425);const l={class:"Form-label"},a=["id","name","type","value","autocomplete","inputmode","maxlength"],o=(0,n.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,n.EW)((()=>["Form-control","Form-control--withLabel",e.class]))})}),s=(0,r(6262).A)(o,[["render",function(e,t,r,o,s,d){return(0,n.uX)(),(0,n.CE)("label",l,[(0,n.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,n.C4)(e.computedClass),maxlength:e.maxlength},null,42,a),e.label?((0,n.uX)(),(0,n.CE)("span",{key:0,class:(0,n.C4)(["Form-labelText",{"is-minified":""!==e.modelValue&&void 0!==e.modelValue}])},(0,n.v_)(e.label),3)):(0,n.Q3)("",!0)])}]])}

1,4284:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var n=r(1425),l=r(5261),a=r(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 r=e,o=t,s=(0,n.WQ)("formControl"),d=(0,n.EW)((()=>`field_${r.type}_${r.name}`)),i=(0,n.EW)({get:()=>s?.values?.[r.name]||r.modelValue,set:e=>{o("update:modelValue",e),s?.setFieldValue&&s.setFieldValue(r.name,e)}});return(t,r)=>((0,n.uX)(),(0,n.CE)("div",{class:"Form-group",style:(0,n.Tr)(e.containerStyle)},[(0,n.bF)((0,n.R1)(l.D0),{name:e.name},{default:(0,n.k6)((({field:l,meta:o,errorMessage:u})=>[(0,n.bF)(a.A,(0,n.v6)({id:d.value,name:e.name,type:e.type,autocomplete:e.autocomplete,inputmode:e.inputmode,modelValue:i.value,"onUpdate:modelValue":r[0]||(r[0]=e=>i.value=e),class:{"is-invalid":u||(0,n.R1)(s)?.errors?.[e.name]||e.useNonYupError&&e.isInvalid},label:e.label},l,{onBlur:r[1]||(r[1]=e=>t.$emit("blur",e))}),null,16,["id","name","type","autocomplete","inputmode","modelValue","class","label"])])),_:1},8,["name"]),(0,n.bF)((0,n.R1)(l.Kw),{name:e.name},{default:(0,n.k6)((({message:t})=>[t?.includes("noMessage")?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("div",{key:0,class:(0,n.C4)(["Form-validation",e.errorTextClass]),role:"alert"},(0,n.v_)(t),3))])),_:1},8,["name"]),e.useNonYupError&&e.isInvalid?((0,n.uX)(),(0,n.CE)("div",{key:0,class:(0,n.C4)(["Form-validation",e.errorTextClass]),role:"alert"},(0,n.v_)(e.errorText),3)):(0,n.Q3)("",!0)],4))}};var s=r(5072),d=r.n(s),i=r(7825),u=r.n(i),p=r(7659),m=r.n(p),f=r(5056),c=r.n(f),y=r(540),g=r.n(y),b=r(1113),v=r.n(b),S=r(2242),F={};F.styleTagTransform=v(),F.setAttributes=c(),F.insert=m().bind(null,"head"),F.domAPI=u(),F.insertStyleElement=g(),d()(S.A,F),S.A&&S.A.locals&&S.A.locals;const x=(0,r(6262).A)(o,[["__scopeId","data-v-5b672aba"]])}}]);
2//# sourceMappingURL=FormTextField.df8a3b10ab2ee4b5cea3.js.map