{"version":3,"sources":["webpack:///./src/views/Loginpage.vue","webpack:///src/views/Loginpage.vue","webpack:///./src/views/Loginpage.vue?0cc4","webpack:///./src/views/Loginpage.vue?0a6d","webpack:///./src/views/Loginpage.vue?a4da"],"names":["render","_vm","this","_c","_self","attrs","layout","LayoutWidth","HeaderAlignmentPublicName","HeaderImagePath","state","_e","undefined","languages","length","validationMessage","domProps","_s","$sanitize","_v","emailInviteMessage","on","$event","preventDefault","TextAlignmentPublicName","welcomeText","persgroepMessage","loginType","surveyInfo","performDpgConsent","loginLabel","directives","name","rawName","value","code","expression","loginPlaceholder","global","showLoader","type","indexOf","_k","keyCode","key","userWantsToLogin","apply","arguments","target","composing","includes","$store","getters","textResource","email","loginCode2Label","code2","concat","toLowerCase","userWantsToSubscribeToPersgroep","RemovePoweredBy","culture","settings","assetPath","constrastCheck","staticRenderFns","Vue","use","VueSanitize","store","allowedHtml","components","media","languageswitcher","data","consentId","computed","loginCode1Label","$route","params","methods","hexToRgb","BackgroundColor","_this","queryParams","surveyId","Object","keys","queryParameters","document","activeElement","blur","xhr","url","authenticationUrl","setSurveyId","callback","response","JSON","parse","responseText","apivalidation","validate","validateQuestionObj","actionObject","currentCulture","newCulture","updateText","action","message","commit","variableName","newValue","location","replace","redirectUrl","$router","page","dispatch","_this2","process","messages","emailRegex","test","getConsentIdFromPersGroep","_this3","withCredentials","id","text","created","component"],"mappings":"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","file":"js/chunk-f58bdaf8.ef6c8f4e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"loginpage\":\"\",\"data-layout-type\":\"regular\",\"data-layout-width\":_vm.layout.LayoutWidth}},[_c('header',{attrs:{\"data-position\":_vm.layout.HeaderAlignmentPublicName}},[(_vm.layout.HeaderImagePath)?_c('media',{attrs:{\"data-logo\":\"\",\"url\":_vm.state.layout.HeaderImagePath,\"alt\":\"Layout Logo\",\"aria-hidden\":\"true\",\"type\":\"Image\"}}):_vm._e()],1),(_vm.state.languages !== undefined && _vm.state.languages.length > 1)?_c('languageswitcher'):_vm._e(),_c('main',[_c('transition',{attrs:{\"name\":\"slide\",\"appear\":\"\"}},[_c('div',{attrs:{\"data-container\":\"\"}},[(_vm.validationMessage !== ``)?_c('div',{attrs:{\"data-validation\":\"\"}},[_c('div',{attrs:{\"data-icon\":\"\"}},[_c('font-awesome-icon',{attrs:{\"aria-hidden\":\"true\",\"icon\":\"exclamation-circle\"}})],1),_c('div',{attrs:{\"data-text\":\"\"}},[_c('strong',{attrs:{\"role\":\"alert\"},domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.validationMessage))}},[_vm._v(_vm._s(_vm.validationMessage))])])]):_vm._e()])]),_c('div',{attrs:{\"data-main\":\"\"}},[(_vm.emailInviteMessage === ``)?_c('form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('p',{attrs:{\"data-welcome-text\":\"\",\"data-text-position\":_vm.layout.TextAlignmentPublicName},domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.welcomeText || _vm.persgroepMessage))}}),((_vm.loginType === `CodeEntry` || _vm.loginType === `CodeList`) && _vm.state.surveyInfo.performDpgConsent === undefined)?_c('div',{attrs:{\"row\":\"\"}},[_c('label',{attrs:{\"id\":\"login-code-label\",\"for\":\"login-code\"},domProps:{\"innerHTML\":_vm._s(_vm.loginLabel)}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.code),expression:\"code\"}],attrs:{\"type\":\"text\",\"id\":\"login-code\",\"placeholder\":_vm.loginPlaceholder,\"autocomplete\":\"one-time-code\",\"data-has-value\":_vm.code !== ``,\"disabled\":_vm.state.global.showLoader},domProps:{\"value\":(_vm.code)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.userWantsToLogin.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.code=$event.target.value}}})]):_vm._e(),([`EmailEntry`, `EmailList`, `EmailSignIn`].includes(_vm.loginType) || _vm.state.surveyInfo.performDpgConsent)?_c('div',{attrs:{\"row\":\"\"}},[_c('label',{attrs:{\"for\":\"login-email\"}},[_vm._v(_vm._s(this.$store.getters.textResource(`rs_login_email_label`)))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],attrs:{\"type\":\"email\",\"id\":\"login-email\",\"placeholder\":this.$store.getters.textResource(`rs_email_placeholder`),\"autocomplete\":\"email\",\"data-has-value\":_vm.email !== ``,\"disabled\":_vm.state.global.showLoader},domProps:{\"value\":(_vm.email)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.userWantsToLogin.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.email=$event.target.value}}})]):_vm._e(),(_vm.state.surveyInfo.loginCode2Label)?_c('div',{attrs:{\"row\":\"\"}},[_c('label',{attrs:{\"for\":\"login-code\"}},[_vm._v(_vm._s(_vm.state.surveyInfo.loginCode2Label))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.code2),expression:\"code2\"}],attrs:{\"type\":\"text\",\"id\":\"login-code\",\"placeholder\":`${\n                            (this.$store.getters.textResource(`rs_type`) + ` ` +  _vm.state.surveyInfo.loginCode2Label.toLowerCase() + ` ` + this.$store.getters.textResource(`rs_here`))\n                        }`,\"autocomplete\":\"one-time-code\",\"data-has-value\":_vm.code2 !== ``,\"disabled\":_vm.state.global.showLoader},domProps:{\"value\":(_vm.code2)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.userWantsToLogin.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.code2=$event.target.value}}})]):_vm._e(),_c('div',{attrs:{\"row\":\"\"}},[(_vm.state.surveyInfo.performDpgConsent)?_c('input',{attrs:{\"data-button\":\"\",\"data-styling-type\":\"secondary\",\"type\":\"button\",\"id\":\"persgroep_subscribe_button\",\"value\":this.$store.getters.textResource(`rs_persgroep_i_want_to_subscribe`),\"disabled\":_vm.state.global.showLoader},on:{\"click\":_vm.userWantsToSubscribeToPersgroep}}):(_vm.loginType !== `EmailSignIn`)?_c('input',{attrs:{\"data-button\":\"\",\"data-styling-type\":\"secondary\",\"type\":\"button\",\"id\":\"login-button\",\"value\":this.$store.getters.textResource(`rs_login`),\"disabled\":_vm.state.global.showLoader},on:{\"click\":_vm.userWantsToLogin}}):_c('input',{attrs:{\"data-button\":\"\",\"data-styling-type\":\"secondary\",\"disabled\":_vm.state.global.showLoader,\"type\":\"button\",\"id\":\"request-email-button\",\"value\":this.$store.getters.textResource(`rs_request_email`)},on:{\"click\":_vm.userWantsToLogin}})])]):_c('div',[_c('p',{attrs:{\"data-email-message\":\"\"}},[_vm._v(_vm._s(_vm.emailInviteMessage))])])])],1),(_vm.layout.RemovePoweredBy !== true)?_c('footer',{attrs:{\"data-crowdtech-logo\":\"\"}},[_c('a',{attrs:{\"href\":_vm.state.surveyInfo.culture === `nl-NL` ? `https://welcome.crowdtech.com/pdc` : `https://welcome.crowdtech.com/pbc`,\"target\":\"_blank\"}},[_c('media',{attrs:{\"url\":`${_vm.state.settings.assetPath}powered-by-crowdtech-logo-${_vm.constrastCheck}.svg`,\"alt\":\"Crowdtech logo\",\"type\":\"Image\"}})],1)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div loginpage data-layout-type=\"regular\" :data-layout-width=\"layout.LayoutWidth\">\r\n        <header :data-position=\"layout.HeaderAlignmentPublicName\">\r\n            <media v-if=\"layout.HeaderImagePath\" data-logo :url=\"state.layout.HeaderImagePath\" alt=\"Layout Logo\" aria-hidden=\"true\" type=\"Image\" />\r\n        </header>\r\n        <languageswitcher v-if=\"state.languages !== undefined && state.languages.length > 1\" />\r\n        <main>\r\n            <transition name=\"slide\" appear>\r\n                <div data-container>\r\n                    <div v-if=\"validationMessage !== ``\" data-validation>\r\n                        <div data-icon>\r\n                            <font-awesome-icon aria-hidden=\"true\" icon=\"exclamation-circle\" />\r\n                        </div>\r\n                        <div data-text>\r\n                            <strong role=\"alert\" v-html=\"$sanitize(validationMessage)\">{{ validationMessage }}</strong>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </transition>\r\n            <div data-main>\r\n                <form v-if=\"emailInviteMessage === ``\" @submit.prevent>\r\n                    <!-- this has an empty pseudo tag -->\r\n                    <p data-welcome-text v-html=\"$sanitize(welcomeText || persgroepMessage)\" :data-text-position=\"layout.TextAlignmentPublicName\"></p>\r\n                    \r\n                    <div v-if=\"(loginType === `CodeEntry` || loginType === `CodeList`) && state.surveyInfo.performDpgConsent === undefined\" row>\r\n                        <label id=\"login-code-label\" for=\"login-code\"  v-html=\"loginLabel\"></label>\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"login-code\"\r\n                            :placeholder=\"loginPlaceholder\"\r\n                            v-model=\"code\"\r\n                            autocomplete=\"one-time-code\"\r\n                            :data-has-value=\"code !== ``\"\r\n                            @keyup.enter=\"userWantsToLogin\"\r\n                            :disabled=\"state.global.showLoader\"\r\n                        />\r\n                    </div>\r\n                    <div v-if=\"[`EmailEntry`, `EmailList`, `EmailSignIn`].includes(loginType) || state.surveyInfo.performDpgConsent\" row>\r\n                        <label for=\"login-email\">{{ this.$store.getters.textResource(`rs_login_email_label`) }}</label>\r\n                        <input\r\n                            type=\"email\"\r\n                            id=\"login-email\"\r\n                            :placeholder=\"this.$store.getters.textResource(`rs_email_placeholder`)\"\r\n                            v-model=\"email\"\r\n                            autocomplete=\"email\"\r\n                            :data-has-value=\"email !== ``\"\r\n                            @keyup.enter=\"userWantsToLogin\"\r\n                            :disabled=\"state.global.showLoader\"\r\n                        />\r\n                    </div>\r\n                    <div v-if=\"state.surveyInfo.loginCode2Label\" row>\r\n                        <label for=\"login-code\">{{ state.surveyInfo.loginCode2Label }}</label>\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"login-code\"\r\n                            :placeholder=\"`${\r\n                                (this.$store.getters.textResource(`rs_type`) + ` ` +  state.surveyInfo.loginCode2Label.toLowerCase() + ` ` + this.$store.getters.textResource(`rs_here`))\r\n                            }`\"\r\n                            v-model=\"code2\"\r\n                            autocomplete=\"one-time-code\"\r\n                            :data-has-value=\"code2 !== ``\"\r\n                            @keyup.enter=\"userWantsToLogin\"\r\n                            :disabled=\"state.global.showLoader\"\r\n                        />\r\n                    </div>\r\n                    <div row>\r\n                        <input\r\n                            data-button\r\n                            data-styling-type=\"secondary\"\r\n                            v-if=\"state.surveyInfo.performDpgConsent\"\r\n                            type=\"button\"\r\n                            id=\"persgroep_subscribe_button\"\r\n                            @click=\"userWantsToSubscribeToPersgroep\"\r\n                            :value=\"this.$store.getters.textResource(`rs_persgroep_i_want_to_subscribe`)\"\r\n                            :disabled=\"state.global.showLoader\"\r\n                        />\r\n                        <input\r\n                            data-button\r\n                            data-styling-type=\"secondary\"\r\n                            type=\"button\"\r\n                            id=\"login-button\"\r\n                            v-else-if=\"loginType !== `EmailSignIn`\"\r\n                            :value=\"this.$store.getters.textResource(`rs_login`)\"\r\n                            @click=\"userWantsToLogin\"\r\n                            :disabled=\"state.global.showLoader\"\r\n                        />\r\n                        <input\r\n                            data-button\r\n                            data-styling-type=\"secondary\"\r\n                            :disabled=\"state.global.showLoader\"\r\n                            type=\"button\"\r\n                            v-else\r\n                            id=\"request-email-button\"\r\n                            :value=\"this.$store.getters.textResource(`rs_request_email`)\"\r\n                            @click=\"userWantsToLogin\"\r\n                        />\r\n                    </div>\r\n                </form>\r\n                <div v-else>\r\n                    <p data-email-message>{{ emailInviteMessage }}</p>\r\n                </div>\r\n            </div>\r\n        </main>\r\n        <footer v-if=\"layout.RemovePoweredBy !== true\" data-crowdtech-logo>\r\n             <a :href=\"state.surveyInfo.culture === `nl-NL` ? `https://welcome.crowdtech.com/pdc` : `https://welcome.crowdtech.com/pbc`\" target=\"_blank\">\r\n                <media\r\n                    :url=\"`${state.settings.assetPath}powered-by-crowdtech-logo-${constrastCheck}.svg`\"\r\n                    alt=\"Crowdtech logo\"\r\n                    type=\"Image\"\r\n                />\r\n            </a>\r\n        </footer>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport methods from \"@/global/methods.js\";\r\nimport media from \"@/components/Media.vue\";\r\nimport Vue from \"vue\";\r\nimport VueSanitize from \"vue-sanitize\";\r\nimport apivalidation from \"@/global/apivalidation.js\";\r\nimport store from \"@/store/store\";\r\nimport languageswitcher from \"@/components/LanguageSwitcher.vue\";\r\n\r\nVue.use(VueSanitize, store.state.global.allowedHtml);\r\n\r\nexport default {\r\n    name: `loginpage-view`,\r\n    components: {\r\n        media,\r\n        languageswitcher\r\n    },\r\n    data() {\r\n        return {\r\n            code: ``,\r\n            code2: ``,\r\n            email: ``,\r\n            consentId: ``,\r\n            persgroepMessage: ``,\r\n            validationMessage: ``,\r\n            emailInviteMessage: ``,\r\n        };\r\n    },\r\n    computed: {\r\n        loginLabel: function () {\r\n            if(this.loginType === `CodeList` && this.state.surveyInfo.loginCode2Label !== ``) {\r\n                return this.state.surveyInfo.loginCode1Label;\r\n            }\r\n            else {\r\n                return this.$store.getters.textResource(`rs_login_code_label`);\r\n            }\r\n        },\r\n        loginPlaceholder: function () {\r\n            if(this.loginType === `CodeList` && this.state.surveyInfo.loginCode1Label !== ``)\r\n            {\r\n                return (this.$store.getters.textResource(`rs_type`) + ` ` +  this.state.surveyInfo.loginCode1Label.toLowerCase() + ` ` + this.$store.getters.textResource(`rs_here`));\r\n            }\r\n            else {\r\n                return this.$store.getters.textResource(`rs_login_placeholder`);\r\n            }\r\n        },\r\n        state: function () {\r\n            return this.$store.state;\r\n        },\r\n        loginType: function () {\r\n            return this.state.surveyInfo.loginType;\r\n        },\r\n        welcomeText: function () {\r\n            return this.$route.params.welcomeText;\r\n        },\r\n        layout: function () {\r\n            return this.state.layout;\r\n        },\r\n        constrastCheck: function () {\r\n            return methods.hexToRgb(this.layout.BackgroundColor);\r\n        },\r\n    },\r\n    methods: {\r\n        userWantsToLogin: function () {\r\n            let queryParams = this.state.surveyInfo.queryParams;\r\n            let data = {\r\n                surveyId: this.state.surveyInfo.surveyId,\r\n            };\r\n\r\n            if ([`EmailEntry`, `EmailList`, `EmailSignIn`].includes(this.loginType)) data.code = this.email;\r\n            if ([`CodeEntry`, `CodeList`].includes(this.loginType)) data.code = this.code;\r\n            if (this.state.surveyInfo.loginCode2Label !== ``) data.code2 = this.code2;\r\n            if (queryParams && Object.keys(queryParams).length > 0) data.queryParameters = queryParams;\r\n\r\n            // To prevent AJAX call spam\r\n            document.activeElement.blur();\r\n            \r\n            methods.xhr({\r\n                url: this.state.surveyInfo.authenticationUrl,\r\n                setSurveyId: true,\r\n                data: data,\r\n                callback: (xhr) => {\r\n                    let response = JSON.parse(xhr.responseText);\r\n\r\n                    response = apivalidation.validate(response, `login`);\r\n                    apivalidation.validateQuestionObj(response.actionObject);\r\n                    \r\n                    let currentCulture = this.state.surveyInfo.culture || this.state.surveyInfo.queryParams.culture;\r\n                    let newCulture = response.culture;\r\n                    this.validationMessage = ``;\r\n\r\n                    this.updateText(currentCulture, newCulture);\r\n\r\n                    if (response.action === `DisplayText`) {\r\n                        this.emailInviteMessage = response.message;\r\n\r\n                        this.$store.commit(`changeGlobal`, {\r\n                            variableName: `showLoader`,\r\n                            newValue: false,\r\n                        });\r\n                    } else if (response.action === `ShowError`) {\r\n                        this.validationMessage = response.message || response.actionObject.message;\r\n                        this.$store.commit(`changeGlobal`, {\r\n                            variableName: `showLoader`,\r\n                            newValue: false,\r\n                        });\r\n                    } else if (response.action === `Redirect`) {\r\n                        // If we redirect, we do need a loader to show until the redirect is finished\r\n                        this.$store.commit(`changeGlobal`, {\r\n                            variableName: `showLoader`,\r\n                            newValue: true,\r\n                        });\r\n                        location.replace(response.actionObject.redirectUrl);\r\n                    } else if (response.action === `SurveyEnd`) {\r\n                        this.$router.replace({\r\n                            name: `Endpage`,\r\n                            params: {\r\n                                message: response.actionObject.message,\r\n                            },\r\n                        });\r\n                    } \r\n                    else if (response.action === `ShowRestartPage`) {\r\n                        this.$store.commit(`addSurveyInfo`, response);\r\n                        this.$router.replace({\r\n                            name: `RestartPage`,\r\n                        });\r\n                    }\r\n                    else {\r\n                        this.$store.commit(`addSurveyInfo`, response);\r\n                        this.$store.commit(`addPageData`, {\r\n                            page: response.actionObject,\r\n                        });\r\n                        this.$router.replace(`Questionnaire`);\r\n                    }\r\n                },\r\n            });\r\n        },\r\n        updateText(currentCulture, newCulture) {\r\n            if (newCulture !== undefined && newCulture !== null && currentCulture !== newCulture) {\r\n                this.$store.dispatch(\"loadText\", newCulture);\r\n            }\r\n        },\r\n        // Maatwerk voor Persgroep\r\n        userWantsToSubscribeToPersgroep(){\r\n             methods.xhr({\r\n                url: `${process.env.VUE_APP_CUSTOM2_URL}/api/persgroep/Consent?apiRequest=postConsent&email=${this.email}&id=${this.consentId}`,\r\n                type: `GET`,\r\n                callback: (xhr) => {\r\n                    let response = JSON.parse(JSON.parse(xhr.responseText));\r\n\r\n                    this.$store.commit(`changeGlobal`, {\r\n                        variableName: `showLoader`,\r\n                        newValue: false,\r\n                    });\r\n\r\n                    if(response.messages) {\r\n                        const emailRegex = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+\\.)+([a-zA-Z0-9]{2,4})+$/;\r\n                        \r\n                        if(this.email === ``) this.validationMessage = this.$store.getters.textResource(`rs_dpg_email_required`);\r\n                        else if(!emailRegex.test(this.email)) this.validationMessage = this.$store.getters.textResource(`rs_dpg_wrong_email_format`);\r\n                        else this.validationMessage = this.$store.getters.textResource(`rs_dpg_something_went_wrong`);\r\n                    } else {\r\n                        this.userWantsToLogin();\r\n                    }\r\n                }\r\n             });\r\n        },\r\n        // Maatwerk voor Persgroep\r\n        getConsentIdFromPersGroep(){\r\n            methods.xhr({\r\n                url: `${process.env.VUE_APP_CUSTOM2_URL}/api/persgroep/Consent?apiRequest=getConsent&email=mwm2.nl&id=78395ac7-9981-400d-8fe7-5d54a4b87c1e`,\r\n                type: `GET`,\r\n                withCredentials: false,\r\n                callback: (xhr) => {\r\n                    let response = JSON.parse(JSON.parse(xhr.responseText));\r\n                    \r\n                    this.consentId = response.id;\r\n                    this.persgroepMessage = response.text;\r\n                    \r\n                    this.$store.commit(`changeGlobal`, {\r\n                        variableName: `showLoader`,\r\n                        newValue: false,\r\n                    });\r\n                }\r\n            });\r\n        }\r\n    },\r\n    created() {\r\n        this.$store.commit(`changeGlobal`, {\r\n            variableName: `showLoader`,\r\n            newValue: false,\r\n        });\r\n\r\n        if(this.state.surveyInfo.performDpgConsent) this.getConsentIdFromPersGroep();\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n[loginpage] {\r\n    main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        width: 100%;\r\n        max-width: 500px;\r\n    }\r\n\r\n    [data-welcome-text] {\r\n        width: 100%;\r\n        margin: 0 0 25px 0;\r\n        text-align: center;\r\n\r\n        &:empty {\r\n            display: none;\r\n        }\r\n\r\n        &[data-text-position=\"Left\"] {\r\n            text-align: left;\r\n        }\r\n\r\n        &[data-text-position=\"Right\"] {\r\n            text-align: right;\r\n        }\r\n\r\n        &[data-text-position=\"Center\"] {\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    [data-email-message] {\r\n        margin: 16px;\r\n    }\r\n\r\n    [data-container] {\r\n        height: 100%;\r\n        max-height: 120px;\r\n        display: flex;\r\n        width: 100%;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    [data-validation] {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        border-radius: 10px;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        background: white;\r\n        width: 100%;\r\n        max-width: 350px;\r\n\r\n        [data-icon] {\r\n            flex-basis: 25%;\r\n            width: 100%;\r\n            color: #e41717;\r\n            font-size: 1.3em;\r\n        }\r\n\r\n        [data-text] {\r\n            font-size: 15px;\r\n            flex-basis: 75%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: rgba(228, 23, 23, 0.15);\r\n            width: 100%;\r\n            height: 100%;\r\n            color: rgba(0, 0, 0, 0.7);\r\n            border-radius: 0 10px 10px 0;\r\n            padding: 15px;\r\n        }\r\n    }\r\n\r\n    [data-main] {\r\n        padding: 10px;\r\n    }\r\n\r\n    form {\r\n        max-width: 500px;\r\n        margin: auto;\r\n        width: 100%;\r\n        padding: 20px 25px;\r\n\r\n        [row] {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            margin: 0 0 25px;\r\n\r\n            label {\r\n                align-self: flex-start;\r\n                margin-bottom: 12px;\r\n            }\r\n\r\n            [data-button] {\r\n                margin: 9px 0 -25px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.slide-enter-active {\r\n    transition: opacity 1s;\r\n    transition: 0.2s ease-out;\r\n    transition-delay: 2s;\r\n}\r\n\r\n.slide-leave-active {\r\n    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\r\n}\r\n\r\n.slide-enter,\r\n.slide-leave-to {\r\n    opacity: 0;\r\n    transform: translateY(50%);\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loginpage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loginpage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Loginpage.vue?vue&type=template&id=427de40d&scoped=true\"\nimport script from \"./Loginpage.vue?vue&type=script&lang=js\"\nexport * from \"./Loginpage.vue?vue&type=script&lang=js\"\nimport style0 from \"./Loginpage.vue?vue&type=style&index=0&id=427de40d&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"427de40d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loginpage.vue?vue&type=style&index=0&id=427de40d&prod&lang=scss&scoped=true\""],"sourceRoot":""}