{"version":3,"file":"kdXun9Zx.js","sources":["../../../../src/components/user/loginStatus/loginStatus.vue"],"sourcesContent":["<template>\n  <ClientOnly>\n    <div>\n      <div v-if=\"session.isLoggedIn && userContext.initialized\">\n        <slot />\n      </div>\n      <div\n        v-else\n        class=\"flex flex-col items-center justify-center p-md\"\n        :class=\"classes\"\n      >\n        <div\n          class=\"flex flex-col items-center justify-center w-full gap-sm font-deco-alt text-alt-lg\"\n          :class=\"{ '!w-full': fullWidth }\"\n        >\n          <ButtonBasic\n            :class=\"{ '!w-full': fullWidth }\"\n            :full-width=\"fullWidth\"\n            :label=\"t('user.loginStatus.login')\"\n            :btn-style=\"EButtonStyle.CTA\"\n            bg-color=\"var(--thm-btn-primary-base)\"\n            :testid=\"testid\"\n            @click=\"\n              () => {\n                dialogStore.openDialog(DialogIdent.LOGIN);\n                $emit('click');\n              }\n            \"\n          />\n          <div\n            v-if=\"!hideRegister\"\n            class=\"flex flex-col items-center justify-center\"\n          >\n            <div\n              class=\"flex gap-2 cursor-pointer place-items-center text-primary-base font-deco-alt text-alt-lg\"\n              @click=\"\n                () => {\n                  dialogStore.openDialog(DialogIdent.REGISTRATION);\n                  $emit('click');\n                }\n              \"\n            >\n              <span class=\"anim__underline-link anim-link\">\n                {{ t('user.loginStatus.register') }}\n              </span>\n              <FaIcon icon-class=\"fas fa-chevron-right\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ClientOnly>\n</template>\n<script setup lang=\"ts\">\nimport { EButtonStyle } from '~~/src/@types/basic-button';\nimport { BasicButton as ButtonBasic, Icon as FaIcon } from '~/complib';\nimport { DialogIdent, useDialogStore } from '~/stores/useDialogStore';\nimport { useSessionStore } from '~/stores/useSessionStore';\nimport { useUserContext } from '~/stores/useUserContext';\n\ndefineProps({\n  hideRegister: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  fullWidth: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  classes: {\n    type: String,\n    required: false,\n    default: () => '',\n  },\n  testid: {\n    type: String,\n    required: false,\n    default: '',\n  },\n});\n\ndefineEmits<{\n  (e: 'click'): void;\n}>();\n\nconst session = useSessionStore();\nconst userContext = useUserContext();\nconst dialogStore = useDialogStore();\n\nconst { t } = useTrans();\n</script>\n"],"names":["session","useSessionStore","userContext","useUserContext","dialogStore","useDialogStore","t","useTrans"],"mappings":"yoBAuFA,MAAMA,EAAUC,IACVC,EAAcC,IACdC,EAAcC,IAEd,CAAE,EAAAC,GAAMC"}