{"version":3,"file":"FscDFpC2.js","sources":["../../../../src/components/formFields/form/form.vue"],"sourcesContent":["<template>\n  <ClientOnly>\n    <FormKit\n      :id=\"id\"\n      type=\"form\"\n      class=\"max-w-md\"\n      :actions=\"false\"\n      :incomplete-message=\"false\"\n      spellcheck=\"false\"\n      :config=\"{ validationVisibility: 'blur' }\"\n      @submit=\"submit\"\n    >\n      <div v-if=\"headline.length > 0 || info\" ref=\"el\" class=\"pb-[23px]\">\n        <Headline\n          v-if=\"!(dialogStore.headline && isInDialog) && headline.length > 0\"\n          :headline=\"t(headline)\"\n          level=\"h1\"\n          :has-decoration=\"true\"\n          classes=\"break-keep whitespace-break-spaces\"\n        />\n        <div class=\"js-error-container scroll-mt-3xl\">\n          <slot name=\"errors\" />\n        </div>\n        <div v-if=\"info\" class=\"mt-sm\">\n          <InfoFrame>\n            {{ t(info) }}\n          </InfoFrame>\n        </div>\n      </div>\n\n      <slot />\n\n      <BasicButton\n        classes=\"w-full px-sm md:px-0 pt-sm\"\n        :label=\"t(submitLabel)\"\n        :type=\"EButtonType.SUBMIT\"\n        :btn-style=\"EButtonStyle.CTA\"\n        :loading-animation=\"isLoading\"\n        bg-color=\"var(--thm-btn-primary-base)\"\n        :disabled=\"isLoading\"\n        full-width\n        :testid=\"testId ?? ''\"\n        @click=\"checkValidity\"\n      />\n    </FormKit>\n  </ClientOnly>\n</template>\n<script setup lang=\"ts\">\nimport { EButtonStyle, EButtonType } from '~~/src/@types/basic-button';\nimport InfoFrame from '~/components/formFields/components/infoFrame.vue';\nimport { useDialogStore } from '@/stores/useDialogStore';\nimport { FormKit } from '@formkit/vue';\nimport { Headline, BasicButton } from '@/complib';\n\nconst { t } = useTrans();\nconst props = defineProps({\n  id: {\n    type: String,\n    default: '',\n  },\n  headline: {\n    type: String,\n    default: '',\n  },\n  isLoading: {\n    type: Boolean,\n    default: false,\n  },\n  submitLabel: {\n    type: String,\n    default: '',\n  },\n  info: {\n    type: String,\n    default: '',\n  },\n  testId: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  scrollOffset: {\n    type: Number,\n    default: 0,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'submit', data: any): void;\n}>();\n\nfunction submit(data: any) {\n  //needed because when the form is subitted while the input is focused, formkit throws an error when it tries to blur the already unmounted input\n  (document.activeElement as HTMLElement)?.blur();\n  emit('submit', data);\n}\n\nconst dialogStore = useDialogStore();\n\nconst el = ref<HTMLElement | null>(null);\nconst isInDialog = useIsInDialog(el);\n\nasync function checkValidity() {\n  const form = document.getElementById(props.id);\n  if (!form) return;\n\n  // Sleep for quarter second till form is updated with validation information\n  await new Promise((r) => setTimeout(r, 250));\n  const invalidElements = form.querySelectorAll('[data-invalid=true]');\n\n  if (!invalidElements.length) return;\n\n  const dialog = document.querySelector('.js-dialog-scroll-container');\n\n  if (dialog) {\n    dialog.scrollTo({\n      top:\n        invalidElements[0].getBoundingClientRect().top +\n        dialog.scrollTop -\n        dialog.getBoundingClientRect().top -\n        props.scrollOffset,\n      behavior: 'smooth',\n    });\n  } else\n    invalidElements[0].scrollIntoView({\n      behavior: 'smooth',\n    });\n}\n</script>\n"],"names":["t","useTrans","props","__props","emit","__emit","submit","data","_a","dialogStore","useDialogStore","el","ref","isInDialog","useIsInDialog","checkValidity","form","r","invalidElements","dialog"],"mappings":"0tBAsDM,KAAA,CAAE,EAAAA,GAAMC,IACRC,EAAQC,EAgCRC,EAAOC,EAIb,SAASC,EAAOC,EAAW,QAExBC,EAAA,SAAS,gBAAT,MAAAA,EAAwC,OACzCJ,EAAK,SAAUG,CAAI,CACrB,CAEA,MAAME,EAAcC,IAEdC,EAAKC,EAAwB,IAAI,EACjCC,EAAaC,EAAcH,CAAE,EAEnC,eAAeI,GAAgB,CAC7B,MAAMC,EAAO,SAAS,eAAed,EAAM,EAAE,EAC7C,GAAI,CAACc,EAAM,OAGX,MAAM,IAAI,QAASC,GAAM,WAAWA,EAAG,GAAG,CAAC,EACrC,MAAAC,EAAkBF,EAAK,iBAAiB,qBAAqB,EAEnE,GAAI,CAACE,EAAgB,OAAQ,OAEvB,MAAAC,EAAS,SAAS,cAAc,6BAA6B,EAE/DA,EACFA,EAAO,SAAS,CACd,IACED,EAAgB,CAAC,EAAE,sBAAsB,EAAE,IAC3CC,EAAO,UACPA,EAAO,sBAAsB,EAAE,IAC/BjB,EAAM,aACR,SAAU,QAAA,CACX,EAEegB,EAAA,CAAC,EAAE,eAAe,CAChC,SAAU,QAAA,CACX,CACL"}