{"version":3,"sources":["webpack:///./src/components/layout/AuthLayout.vue?29fa","webpack:///src/components/layout/AuthLayout.vue","webpack:///./src/components/layout/AuthLayout.vue?8a5b","webpack:///./src/components/layout/AuthLayout.vue","webpack:///./src/assets/images/owl-logo.svg","webpack:///./src/components/layout/AuthLayout.vue?7f0d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","clientUrl","clientLogoAltText","_e","staticRenderFns","name","computed","beforeCreate","document","component","module","exports"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,cAAc,CAACE,YAAY,YAAYC,MAAM,CAAC,GAAK,MAAM,CAACH,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAgC,IAAM,gBAAgBP,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,gBAAgB,GAAGJ,EAAIQ,GAAG,KAAMR,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIS,UAAU,IAAMT,EAAIU,uBAAuBV,EAAIW,MAAM,MACxhBC,EAAkB,GC2BP,GACfC,kBACAC,UACAJ,oBACA,0EAEAD,YACA,wFAGAM,eAGAC,yCCzCmW,I,wBCQ/VC,EAAY,eACd,EACAlB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAK,E,gCCnBfC,EAAOC,QAAU,IAA0B,6B,yDCA3C","file":"js/chunk-0e2a3a02.dcf78771.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"auth-layout\"},[_c('div',{staticClass:\"auth-container\"},[_c('router-link',{staticClass:\"auth-logo\",attrs:{\"to\":'/'}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/owl-logo.svg\"),\"alt\":\"Owl Logo\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"auth-content\"},[_c('router-view')],1),_vm._v(\" \"),(_vm.clientUrl)?_c('div',{staticClass:\"auth-footer\"},[_c('img',{attrs:{\"src\":_vm.clientUrl,\"alt\":_vm.clientLogoAltText}})]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"auth-layout\">\n    <div class=\"auth-container\">\n      <router-link\n        :to=\"'/'\"\n        class=\"auth-logo\"\n      >\n        <img\n          src=\"@/assets/images/owl-logo.svg\"\n          alt=\"Owl Logo\"\n        >\n      </router-link>\n      <div class=\"auth-content\">\n        <router-view />\n      </div>\n      <div\n        v-if=\"clientUrl\"\n        class=\"auth-footer\"\n      >\n        <img\n          :src=\"clientUrl\"\n          :alt=\"clientLogoAltText\"\n        >\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'AuthLayout',\n  computed: {\n    clientLogoAltText () {\n      return `${this.$store.getters.generalSettings.customer_name} Logo` || 'Logo'\n    },\n    clientUrl () {\n      return `/logos/${this.$store.getters.generalSettings.custom_logo || '/logos/clear.png'}`\n    }\n  },\n  beforeCreate () {\n    // TODO: https://owloutcomes.atlassian.net/browse/OWL-8407\n    // for now, ensure clean start for auth\n    document.body.removeAttribute('class')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import './../../assets/styles/override.scss';\n@import './../../assets/styles/mixins.scss';\n\n$device-min-height: 620px;\n$device-min-width: 355px;\n$layout-padding: 10px;\n\n.auth-layout {\n  padding: $layout-padding;\n  height: 100%;\n  max-height: 100%;\n  background-image: url(./../../assets/images/bg-pattern.svg);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-attachment: fixed;\n  display: flex;\n\n  .auth-logo {\n    margin: 10px auto 20px auto;\n\n    img {\n      width: 90px;\n    }\n\n    @media (min-device-height: $device-min-height) {\n      margin: 20px auto 30px auto;\n\n      img {\n        width: 110px;\n      }\n    }\n  }\n\n  .auth-container {\n    margin: auto;\n    background: $white;\n    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    width: 100%;\n    border-radius: 20px;\n\n    @media (min-device-height: $device-min-height) {\n      height: calc(#{$device-min-height} - #{$layout-padding} * 2);\n    }\n\n    @media (min-device-width: $device-min-width) {\n      width: calc(#{$device-min-width} - #{$layout-padding} * 2);\n    }\n\n    .auth-content {\n      overflow: auto;\n      padding: 0px 30px 0 30px;\n\n      .get-code {\n        height: 100%;\n\n        form {\n          display: flex;\n          flex-direction: column;\n        }\n      }\n\n      .log-in {\n        display: grid;\n      }\n    }\n\n    .help-text {\n      font-family: MuseoSans_300;\n      font-weight: 300;\n      color: $inactive-text;\n      text-align: center;\n      line-height: normal;\n      font-size: 16px;\n      margin-top: 15px;\n\n      a {\n        color: $navy-blue;\n\n        &:hover {\n          color: #2068ac;\n        }\n      }\n    }\n\n    .legacy-link {\n      margin-bottom: 0;\n      font-size: 12px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    h2 {\n      font-size: 30px;\n      font-weight: bold;\n      font-style: normal;\n      font-stretch: normal;\n      line-height: normal;\n      letter-spacing: normal;\n      text-align: center;\n      color: $navy-blue;\n      font-family: MuseoSans;\n      text-transform: capitalize;\n    }\n\n    form,\n    .form-container {\n      .form-check {\n        text-align: left;\n        padding-top: 5px;\n        padding-bottom: 5px;\n        input {\n          margin-top: 3px;\n        }\n      }\n\n      .form-group {\n        input {\n          border: 1px solid $cloudy-blue;\n          box-sizing: border-box;\n          font-weight: 100;\n          color: $navy-blue;\n          text-align: left;\n          &:hover{\n            border-color: $inactive-text;\n          };\n          &:focus{\n            border-color: #2068AC;\n          }\n        }\n\n        label {\n          float: left;\n          width: 100%;\n          margin-bottom: 10px;\n          text-transform: uppercase;\n        }\n\n        .error {\n          padding-bottom: 0;\n        }\n      }\n\n      label {\n        opacity: 0.6;\n        margin-bottom: 0;\n        font-size: 12px;\n        font-weight: 500;\n        letter-spacing: 1.5px;\n        text-align: left;\n        color: $deep-blue;\n      }\n    }\n\n    .set-user-password {\n      display: flex;\n      flex-direction: column;\n      min-height: 100%;\n      justify-content: space-between;\n\n      .title {\n        font-size: 25px;\n        font-size: 30px;\n        font-weight: bold;\n        font-style: normal;\n        font-stretch: normal;\n        line-height: 0.96;\n        letter-spacing: normal;\n        text-align: center;\n        color: $navy-blue;\n        text-transform: capitalize;\n        margin-bottom: 30px;\n      }\n\n      .help-text {\n        margin-bottom: 0;\n      }\n\n      .error {\n        width: 100%;\n      }\n\n      .password-explanation {\n        margin-top: 3px;\n        box-sizing: border-box;\n        font-family: MuseoSans_300;\n        font-weight: 300;\n        color: $inactive-text;\n        text-align: left;\n        font-size: 14px;\n        line-height: 15px;\n        display: inline-block;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        flex-grow: 1;\n\n        button {\n          margin-top: 15px;\n          margin-bottom: 5px;\n          align-self: center;\n          text-transform: capitalize;\n        }\n      }\n    }\n  }\n  .auth-footer {\n    margin: 0 0px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-bottom-left-radius: 20px;\n    border-bottom-right-radius: 20px;\n    background-color: #f7f8f9;\n\n    img {\n      margin: 0;\n      max-width: 100%;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthLayout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AuthLayout.vue?vue&type=template&id=140d3a65&\"\nimport script from \"./AuthLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./AuthLayout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AuthLayout.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/owl-logo.3944c6d8.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthLayout.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}