{"version":3,"sources":["webpack:///./src/modules/login/pages/Login.vue","webpack:///src/modules/login/pages/Login.vue","webpack:///./src/modules/login/pages/Login.vue?6b1d","webpack:///./src/modules/login/pages/Login.vue?a735","webpack:///./src/assets/bg-world.svg","webpack:///./src/modules/login/pages/Login.vue?33a5","webpack:///./src/modules/ui/services/index.js"],"names":["render","_vm","this","_c","_self","staticClass","style","hero","loading","_e","hideLoginBanner","attrs","staticRenderFns","name","components","LoginForm","LoadingSpinner","ChangesInLoginBanner","computed","heroStyle","loginStore","state","oidcLoading","forceOidc","process","usingOidc","$route","query","component","module","exports","imgUrl","require","backgroundImage","backgroundSize"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,uDAAuD,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4BC,MAAOL,EAAIM,MAAO,CAAEN,EAAIO,QAASL,EAAG,kBAAkBF,EAAIQ,KAAKN,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAAGJ,EAAIS,gBAAkFT,EAAIQ,KAArEN,EAAG,uBAAuB,CAACQ,MAAM,CAAC,oBAAoB,YAAqB,GAAGR,EAAG,YAAY,CAACE,YAAY,0BAA0B,IAAI,MAEjhBO,EAAkB,G,wDCsBP,GACfC,KAAA,QACAC,WAAA,CACAC,UAAA,mEACAC,eAAA,mEACAC,qBAAA,oEAEAC,SAAA,CACAX,KAAA,WACA,OAAAY,kBAEAX,QAAA,WACA,OAAAY,OAAAC,MAAAC,aAEAZ,gBAAA,WACA,IAAAa,GAAAC,EACAC,EAAA,KAAAC,OAAAC,MAAAN,MAEA,OAAAE,GAAAE,KC1C6W,I,wBCQzWG,EAAY,eACd,EACA5B,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,gCCnBfC,EAAOC,QAAU,IAA0B,6B,2DCA3C,W,kCCAA,kCAAO,IAAMX,EAAY,WACvB,IAAMY,EAAS,OAASC,EAAQ,QAA2B,IAC3D,MAAO,CACLC,gBAAiBF,EACjBG,eAAgB","file":"js/chunk-6299a632.b4c26998.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"hero is-fullheight is-pulled-up has-background-info\"},[_c('div',{staticClass:\"hero-body outer-container\",style:(_vm.hero)},[(_vm.loading)?_c('LoadingSpinner'):_vm._e(),_c('div',{staticClass:\"container is-flex is-flex-direction-column\"},[_c('div',{staticClass:\"banner-container\"},[(!_vm.hideLoginBanner)?_c('ChangesInLoginBanner',{attrs:{\"background-colour\":\"white\"}}):_vm._e()],1),_c('LoginForm',{staticClass:\"login-form-container\"})],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"hero is-fullheight is-pulled-up has-background-info\">\r\n    <div\r\n      class=\"hero-body outer-container\"\r\n      :style=\"hero\"\r\n    >\r\n      <LoadingSpinner v-if=\"loading\" />\r\n      <div class=\"container is-flex is-flex-direction-column\">\r\n        <div class=\"banner-container\">\r\n          <ChangesInLoginBanner\r\n            v-if=\"!hideLoginBanner\"\r\n            background-colour=\"white\"\r\n          />\r\n        </div>\r\n        <LoginForm class=\"login-form-container\" />\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { heroStyle } from 'modules/ui/services'\r\nimport loginStore from '../stores/login.store'\r\n\r\nexport default {\r\n  name: 'Login',\r\n  components: {\r\n    LoginForm: () => import('../components/LoginForm'),\r\n    LoadingSpinner: () => import('@/modules/misc/components/LoadingSpinner.vue'),\r\n    ChangesInLoginBanner: () => import('@/modules/banner/components/ChangesInLoginBanner.vue')\r\n  },\r\n  computed: {\r\n    hero() {\r\n      return heroStyle()\r\n    },\r\n    loading() {\r\n      return loginStore.state.oidcLoading\r\n    },\r\n    hideLoginBanner() {\r\n      const forceOidc = process.env.VUE_APP_FORCE_OIDC === 'true'\r\n      const usingOidc = this.$route.query.state\r\n\r\n      return forceOidc || usingOidc\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.outer-container\r\n  align-items: start !important\r\n\r\n.container\r\n  width: 80rem !important\r\n  display: flex\r\n  align-items: center\r\n  justify-content: start\r\n\r\n.banner-container\r\n  margin-top:32px\r\n  margin-bottom: 172px\r\n  width: 80%\r\n\r\n.login-form-container\r\n  width: 30rem !important\r\n\r\n</style>\r\n","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!./Login.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!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=32d6036e&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=32d6036e&prod&lang=sass&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  \"32d6036e\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/bg-world.08911d6f.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=32d6036e&prod&lang=sass&scoped=true&\"","export const heroStyle = () => {\r\n  const imgUrl = 'url(' + require('@/assets/bg-world.svg') + ')'\r\n  return {\r\n    backgroundImage: imgUrl,\r\n    backgroundSize: 'cover'\r\n  }\r\n}\r\n\r\nexport const toggleColours = () => {\r\n  return {\r\n    checked: '#426da9',\r\n    unchecked: 'rgba(0, 0, 0, .125)'\r\n  }\r\n}\r\n"],"sourceRoot":""}