{"version":3,"file":"Clv6P6vD.js","sources":["../../../../src/components/form/changePassword/vdv/changePasswordForm.vue"],"sourcesContent":["<template>\n  <div ref=\"el\" class=\"bg-white\">\n    <div\n      class=\"px-sm sm:px-md md:px-[120px] pt-[53px] pb-xl\"\n      :class=\"{\n        '!pt-0': dialogStore.headline && isInDialog,\n      }\"\n    >\n      <Form\n        id=\"reset-password-form\"\n        headline=\"changePassword.headline\"\n        submit-label=\"changePassword.submit\"\n        :is-loading=\"isLoading\"\n        @submit=\"onSubmit\"\n      >\n        <template #errors>\n          <div\n            v-if=\"errors.length && errors.includes(ErrorIdent.UNKNOWN_ERROR)\"\n          >\n            <UnknownError />\n          </div>\n          <div\n            v-else-if=\"\n              errors.length && errors.includes(ErrorIdent.INVALID_CREDENTIALS)\n            \"\n          >\n            <ErrorFrame>\n              <div class=\"flex flex-col gap-sm\">\n                <div>\n                  {{ t('changePassword.error.wrongPW') }}\n                </div>\n              </div>\n            </ErrorFrame>\n          </div>\n        </template>\n        <template #default>\n          <Password\n            id=\"oldPassword\"\n            name=\"oldPassword\"\n            label=\"changePassword.labels.oldPassword\"\n            class=\"mb-md\"\n            autofocus\n            @click-forgot=\"() => emit('click-forgot')\"\n          />\n          <PasswordValidation\n            label=\"changePassword.labels.newPassword\"\n            confirm-label=\"changePassword.labels.confirmPassword\"\n            :autofocus=\"false\"\n          />\n        </template>\n      </Form>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport PasswordValidation from '~/components/formFields/passwordValidation/vdv/passwordValidation.vue';\nimport Form from '~/components/formFields/form/form.vue';\nimport { useChangePasswordForm } from '../useChangePasswordForm';\nimport UnknownError from '~/components/formFields/errors/unknown/unknownError.vue';\nimport { ErrorIdent } from '~/@types/errorIdents';\nimport { useDialogStore } from '@/stores/useDialogStore';\nimport Password from '~/components/formFields/password/vdv/password.vue';\nimport ErrorFrame from '~~/src/components/formFields/components/errorFrame/errorFrame.vue';\n\nconst emit = defineEmits<{\n  (e: 'success'): void;\n  (e: 'click-forgot'): void;\n}>();\n\nconst { t } = useTrans();\n\nconst { showSuccess, isLoading, onSubmit, errors } = useChangePasswordForm();\nconst dialogStore = useDialogStore();\nconst el = ref<HTMLElement | null>(null);\n\nconst isInDialog = useIsInDialog(el);\nwatch(showSuccess, (val) => {\n  if (val) emit('success');\n});\n</script>\n"],"names":["emit","__emit","t","useTrans","showSuccess","isLoading","onSubmit","errors","useChangePasswordForm","dialogStore","useDialogStore","el","ref","isInDialog","useIsInDialog","watch","val"],"mappings":"4hBAgEA,MAAMA,EAAOC,EAKP,CAAE,EAAAC,GAAMC,IAER,CAAE,YAAAC,EAAa,UAAAC,EAAW,SAAAC,EAAU,OAAAC,CAAA,EAAWC,IAC/CC,EAAcC,IACdC,EAAKC,EAAwB,IAAI,EAEjCC,EAAaC,EAAcH,CAAE,EAC7B,OAAAI,EAAAX,EAAcY,GAAQ,CACtBA,GAAKhB,EAAK,SAAS,CAAA,CACxB"}