{"version":3,"file":"AuthenticationPage-9870b22f.js","sources":["../../src/shared/icons/ui/BaseIcon.vue","../../src/shared/images/RiHLogo.svg","../../src/pages/authentication/ui/AuthenticationPage.vue"],"sourcesContent":["<script setup>\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    width: {\n        type: [String, Number],\n        default: \"\",\n    },\n    height: {\n        type: [String, Number],\n        default: \"\",\n    },\n    viewBox: {\n        type: String,\n        default: null,\n    },\n});\n\nconst viewBoxValue = computed(() => {\n    return props.viewBox ? props.viewBox : `0 0 ${props.width} ${props.height}`;\n});\n</script>\n\n<template>\n    <svg :viewBox=\"viewBoxValue\">\n        <slot />\n    </svg>\n</template>\n","export default \"__VITE_ASSET__cb2e53ce__\"","<script setup>\nimport { computed } from \"vue\";\nimport { useRoute } from \"vue-router\";\n\nimport { TheRouting } from \"@/pages\";\nimport { AUTHENTICATION_ROUTE_NAMES, useBreakpoints } from \"@/shared\";\n\nimport AuthenticationDecoration from \"./AuthenticationDecoration.vue\";\n\nconst route = useRoute();\nconst { isMobile, isTablet } = useBreakpoints();\n\nconst isRegistration = computed(\n    () => route.name === AUTHENTICATION_ROUTE_NAMES.REGISTRATION\n);\nconst isRestore = computed(() => route.name.match(\"Restore\"));\n</script>\n\n<template>\n    <div class=\"authentication\">\n        <AuthenticationDecoration class=\"authentication__decoration\" />\n\n        <div class=\"authentication__info-wrapper\">\n            <a href=\"https://rentinhand.ru\">\n                <img\n                    class=\"authentication__logo\"\n                    src=\"@/shared/images/RiHLogo.svg\"\n                    alt=\"logo\"\n                />\n            </a>\n            <p class=\"authentication__info\">\n                Современный сервис для автоматизации учёта проката и аренды\n            </p>\n            <p\n                v-if=\"isRestore && !isMobile && !isTablet\"\n                class=\"authentication__important-info\"\n            >\n                Я вспомнил пароль,\n                <RouterLink\n                    class=\"authentication__link\"\n                    :to=\"{ name: AUTHENTICATION_ROUTE_NAMES.LOGIN }\"\n                >\n                    хочу авторизоваться\n                </RouterLink>\n            </p>\n            <p\n                v-if=\"isRegistration && !isMobile && !isTablet\"\n                class=\"authentication__important-info\"\n            >\n                У вас уже есть аккаунт?\n                <RouterLink\n                    class=\"authentication__link\"\n                    :to=\"{ name: AUTHENTICATION_ROUTE_NAMES.LOGIN }\"\n                >\n                    Авторизоваться\n                </RouterLink>\n            </p>\n        </div>\n\n        <div class=\"authentication__form-wrapper\">\n            <TheRouting />\n        </div>\n\n        <p\n            v-if=\"isRestore && (isMobile || isTablet)\"\n            class=\"authentication__important-info\"\n        >\n            Я вспомнил пароль,\n            <RouterLink\n                class=\"authentication__link\"\n                :to=\"{ name: AUTHENTICATION_ROUTE_NAMES.LOGIN }\"\n            >\n                хочу авторизоваться\n            </RouterLink>\n        </p>\n        <p\n            v-if=\"isRegistration && (isMobile || isTablet)\"\n            class=\"authentication__important-info\"\n        >\n            У вас уже есть аккаунт?\n            <RouterLink\n                class=\"authentication__link\"\n                :to=\"{ name: AUTHENTICATION_ROUTE_NAMES.LOGIN }\"\n            >\n                Авторизоваться\n            </RouterLink>\n        </p>\n    </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.authentication {\n    position: relative;\n\n    display: flex;\n\n    justify-content: space-between;\n\n    width: 100%;\n    height: 100%;\n\n    // padding: 90px 100px 90px 200px;\n    padding-left: 200px;\n\n    line-height: var(--default-line-height);\n\n    background: var(--c-background) no-repeat 100% / 100%;\n\n    background-size: cover;\n\n    @media (max-width: 768px) {\n        height: unset;\n\n        background: var(--c-neutral-10);\n    }\n\n    &__decoration {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        width: 100%;\n\n        @media (max-width: 768px) {\n            display: none;\n        }\n    }\n\n    &__info-wrapper {\n        width: calc((450px * 100%) / 1920px);\n        padding-top: 150px;\n\n        @media (max-width: 1400px) {\n            padding-top: 90px;\n        }\n\n        @media (max-width: 1300px) {\n            width: 25.5%;\n        }\n\n        @media (max-width: 1400px) and (min-height: 1000px) {\n            align-self: center;\n\n            padding-top: 0;\n        }\n\n        @media (max-width: 1200px) and (min-height: 1023px) {\n            transform: translate(0);\n        }\n\n        @media (max-width: 992px) {\n            width: 100%;\n            margin-bottom: 50px;\n\n            text-align: center;\n\n            transform: translate(0);\n        }\n\n        @media (max-width: 768px) {\n            padding-top: 0;\n            margin-bottom: 20px;\n        }\n\n        @media (max-width: 350px) {\n            margin-bottom: 0;\n        }\n    }\n\n    &__logo {\n        margin-bottom: 40px;\n\n        @media (max-width: 1440px) {\n            width: 200px;\n        }\n\n        @media (max-width: 992px) {\n            margin: 20px auto;\n        }\n\n        @media (max-width: 768px) {\n            width: 110px;\n            margin-right: 10px;\n            margin-left: 10px;\n        }\n    }\n\n    &__heading {\n        margin-bottom: 15px;\n\n        font-family: Montserrat, sans-serif;\n        font-size: var(--default-h1-size);\n        font-weight: 700;\n        line-height: var(--default-line-height);\n\n        @media (max-width: 1400px) {\n            margin-bottom: 0;\n        }\n\n        @media (max-width: 1200px) {\n            font-size: 30px;\n        }\n    }\n\n    &__info {\n        margin-bottom: 50px;\n\n        font-size: var(--default-text-size);\n\n        @media (max-width: 1400px) {\n            margin-bottom: 20px;\n        }\n\n        @media (max-width: 768px) {\n            display: none;\n        }\n    }\n\n    &__important-info {\n        margin-bottom: 50px;\n\n        font-size: var(--default-text-size);\n\n        @media (max-width: 1400px) {\n            margin-bottom: 20px;\n        }\n    }\n\n    &__link {\n        color: var(--c-text);\n        text-decoration: underline;\n\n        &:hover {\n            color: var(--c-primary);\n            text-decoration: none;\n        }\n    }\n\n    &__human {\n        width: 100%;\n\n        @media (max-width: 992px) {\n            display: none;\n        }\n    }\n\n    &__form-wrapper {\n        position: relative;\n\n        display: flex;\n\n        flex-direction: column;\n\n        justify-content: center;\n\n        width: 50vw;\n        height: 100%;\n        padding: 50px 100px;\n        overflow: auto;\n\n        background: var(--c-neutral-10);\n\n        // border-radius: 50px;\n        box-shadow: 0 9px 19px rgb(225 225 225 / 11%);\n\n        &::-webkit-scrollbar {\n            width: 0;\n        }\n\n        @media (max-width: 1400px) {\n            padding: 10px 60px;\n        }\n\n        @media (max-width: 1200px) and (min-height: 1023px) {\n            border-radius: 50px;\n        }\n\n        @media (max-width: 992px) {\n            width: 100%;\n\n            border-radius: 50px;\n        }\n\n        @media (max-width: 768px) {\n            height: 100%;\n            padding: 10px;\n\n            text-align: center;\n\n            box-shadow: none;\n        }\n    }\n\n    @media (max-width: 1400px) {\n        padding-left: 60px;\n    }\n\n    @media (max-width: 1200px) and (min-height: 1023px) {\n        flex-direction: column;\n\n        align-items: center;\n\n        padding: 20px 60px;\n\n        border-radius: 50px;\n\n        &__info-wrapper {\n            text-align: center;\n        }\n\n        &__logo {\n            margin: 0 auto;\n        }\n\n        &__human {\n            width: 50%;\n            margin: 0 auto;\n        }\n\n        &__info-wrapper,\n        &__form-wrapper {\n            width: 100%;\n        }\n    }\n\n    @media (max-width: 992px) {\n        flex-direction: column;\n\n        align-items: center;\n        justify-content: flex-start;\n\n        padding: 10px 30px;\n    }\n\n    @media (max-width: 768px) {\n        padding: 10px;\n\n        background-size: 100% 100%;\n    }\n}\n</style>\n"],"names":["props","__props","viewBoxValue","computed","_imports_0","route","useRoute","isMobile","isTablet","useBreakpoints","isRegistration","AUTHENTICATION_ROUTE_NAMES","isRestore"],"mappings":"usBAGA,MAAMA,EAAQC,EAeRC,EAAeC,EAAS,IACnBH,EAAM,QAAUA,EAAM,QAAU,OAAOA,EAAM,KAAK,IAAIA,EAAM,MAAM,EAC5E,8ECpBcI,EAAA,miCCSf,MAAMC,EAAQC,EAAQ,EAChB,CAAE,SAAAC,EAAU,SAAAC,GAAaC,IAEzBC,EAAiBP,EACnB,IAAME,EAAM,OAASM,EAA2B,YACpD,EACMC,EAAYT,EAAS,IAAME,EAAM,KAAK,MAAM,SAAS,CAAC"}