{"version":3,"sources":["webpack:///./src/components/SeamlessAccessButton.vue","webpack:///src/components/SeamlessAccessButton.vue","webpack:///./src/components/SeamlessAccessButton.vue?4c3a","webpack:///./src/components/SeamlessAccessButton.vue?f0b6","webpack:///./src/components/SeamlessAccessButton.vue?6c69"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","satosaLogin","_m","_t","_v","staticRenderFns","name","props","redirect","methods","connection","appState","targetUrl","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAM,CAAC,KAAO,SAAS,sBAAsB,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAIQ,iBAAiB,CAACR,EAAIS,GAAG,GAAGP,EAAG,MAAM,CAACE,YAAY,0DAA0D,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIU,GAAG,WAAU,WAAW,MAAO,CAACV,EAAIW,GAAG,wCAAuC,QAExaC,EAAkB,CAAC,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAC,IAAM,kDAAkD,IAAM,8BCYlN,GACfQ,4BACAC,OACAC,iBAEAC,SACAR,uBAAA,MACA,8BACAS,2FACAC,UAAAC,8BCvBwX,I,wBCQpXC,EAAY,eACd,EACArB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,kECnBf","file":"static/js/chunk-318319f8.1265de10.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex sa-button\",attrs:{\"role\":\"button\",\"e2e-signin-seamless\":\"\"},on:{\"click\":function($event){return _vm.satosaLogin()}}},[_vm._m(0),_c('div',{staticClass:\"d-flex align-items-center sa-button-text text-truncate\"},[_c('div',{staticClass:\"text-truncate\"},[_vm._t(\"default\",function(){return [_vm._v(\"Access through your institution\")]})],2)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sa-button-logo-wrap\"},[_c('img',{staticClass:\"sa-button-logo\",attrs:{\"src\":\"https://service.seamlessaccess.org/sa-white.svg\",\"alt\":\"Seamless Access Logo\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div @click=\"satosaLogin()\" class=\"d-flex sa-button\" role=\"button\" e2e-signin-seamless>\n        <div class=\"sa-button-logo-wrap\">\n            <img src=\"https://service.seamlessaccess.org/sa-white.svg\" class=\"sa-button-logo\" alt=\"Seamless Access Logo\" />\n        </div>\n        <div class=\"d-flex align-items-center sa-button-text text-truncate\">\n            <div class=\"text-truncate\">\n                <slot>Access through your institution</slot>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'SeamlessAccessButton',\n    props: {\n        redirect: String\n    },\n    methods: {\n        satosaLogin() {\n            this.$auth.loginWithRedirect({\n                connection: this.$appConfig?.VUE_APP_AUTH0_SATOSA_CONNECTION,\n                appState: { targetUrl: this.redirect }\n            })\n        }\n    }\n}\n</script>\n\n<style scoped>\n/* DEFAULT */\n\n/** Flexbox properties that keep button text centered horizontally and vertically. */\n\n.d-flex {\n    display: flex;\n}\n\n.align-items-center {\n    align-items: center;\n}\n\n/** Text truncation that keeps the button fully responsive. */\n\n.text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/** Button styling that utilizes Libre Franlin Google Font. */\n\n.sa-button {\n    cursor: pointer;\n    background-color: var(--v-primary-base);\n    border-radius: 5px;\n    padding: 9px;\n}\n\n.sa-button-logo-wrap {\n    text-align: center;\n    width: 50px;\n    height: 100%;\n    padding: 5px 5px 5px 0;\n}\n\n.sa-button-logo {\n    width: 30px;\n    vertical-align: middle;\n}\n\n.sa-button-text {\n    padding-left: 10px;\n    text-align: center;\n    width: 85%;\n    color: #fff;\n}\n\n.sa-button-text-primary {\n    font-size: 14px;\n    font-weight: 700;\n}\n\n/** Styling of the \"Add or change institution\" text under the button. */\n\n.sa-access-text {\n    cursor: pointer;\n    text-align: center;\n    width: 100%;\n    margin-top: 5px;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.46;\n    color: var(--v-primary-base);\n}\n\n.sa-cta-access,\n.sa-cta-plus {\n    display: inline;\n    padding: 0 3px;\n}\n\n.sa-cta-plus > img {\n    height: 13px;\n}\n</style>\n","import mod from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeamlessAccessButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeamlessAccessButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SeamlessAccessButton.vue?vue&type=template&id=3f62ed55&scoped=true&\"\nimport script from \"./SeamlessAccessButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SeamlessAccessButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SeamlessAccessButton.vue?vue&type=style&index=0&id=3f62ed55&prod&scoped=true&lang=css&\"\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  \"3f62ed55\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeamlessAccessButton.vue?vue&type=style&index=0&id=3f62ed55&prod&scoped=true&lang=css&\""],"sourceRoot":""}