{"version":3,"file":"zKheBeVD.js","sources":["../../../../src/components/formFields/localDialogForm/localDialogForm.vue"],"sourcesContent":["<template>\n  <ClientOnly>\n    <div class=\"p-md\">\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 ref=\"el\">\n          <div class=\"js-error-container\">\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        <ButtonBasic\n          classes=\"w-full px-sm md:px-0 pt-sm\"\n          :label=\"t(submitLabel)\"\n          :type=\"EButtonType.SUBMIT\"\n          :btn-style=\"btnStyle\"\n          :loading-animation=\"isLoading\"\n          :disabled=\"isLoading\"\n          full-width\n          @click=\"checkValidity\"\n        ></ButtonBasic>\n        <slot name=\"buttons\" />\n        <div\n          class=\"flex items-center justify-center w-full gap-2 cursor-pointer text-primary-base mt-md\"\n          @click=\"$emit('cancel')\"\n        >\n          <span class=\"anim__underline-link anim-link\">\n            {{ t(cancelLabel) }}\n          </span>\n        </div>\n      </FormKit>\n    </div>\n  </ClientOnly>\n</template>\n<script setup lang=\"ts\">\nimport { EButtonStyle, EButtonType } from '~~/src/@types/basic-button';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/basic-button.vue';\nimport InfoFrame from '~/components/formFields/components/infoFrame.vue';\nimport { FormKit } from '@formkit/vue';\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  cancelLabel: {\n    type: String,\n    default: 'formFields.form.cancel',\n  },\n  btnStyle: {\n    type: String,\n    default: EButtonStyle.DEFAULT,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'submit', data: any): void;\n  (e: 'cancel'): void;\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}\nconst el = ref<HTMLElement | null>(null);\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  invalidElements[0].scrollIntoView({\n    behavior: 'smooth',\n  });\n}\n</script>\n"],"names":["t","useTrans","props","__props","emit","__emit","submit","data","_a","el","ref","checkValidity","form","r","invalidElements"],"mappings":"yuBAuDM,KAAA,CAAE,EAAAA,GAAMC,IACRC,EAAQC,EA+BRC,EAAOC,EAIb,SAASC,EAAOC,EAAW,QAExBC,EAAA,SAAS,gBAAT,MAAAA,EAAwC,OACzCJ,EAAK,SAAUG,CAAI,CACrB,CACM,MAAAE,EAAKC,EAAwB,IAAI,EAEvC,eAAeC,GAAgB,CAC7B,MAAMC,EAAO,SAAS,eAAeV,EAAM,EAAE,EAC7C,GAAI,CAACU,EAAM,OAGX,MAAM,IAAI,QAASC,GAAM,WAAWA,EAAG,GAAG,CAAC,EACrC,MAAAC,EAAkBF,EAAK,iBAAiB,qBAAqB,EAE9DE,EAAgB,QAELA,EAAA,CAAC,EAAE,eAAe,CAChC,SAAU,QAAA,CACX,CACH"}