{"version":3,"sources":["webpack:///./src/views/Auth/AuthLayout.vue","webpack:///src/views/Auth/AuthLayout.vue","webpack:///./src/views/Auth/AuthLayout.vue?2ec2","webpack:///./src/views/Auth/AuthLayout.vue?5e71","webpack:///./src/views/Auth/AuthLayout.vue?8907"],"names":["render","_vm","this","_c","_self","staticClass","i18nTranslations","attrs","formSlots","image","_t","_e","title","subtitle","form","buttons","footer","staticRenderFns","computed","_objectSpread","mapGetters","$slots","component"],"mappings":"mJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAqBJ,EAAIK,iBAAkBH,EAAG,MAAM,CAACE,YAAY,iBAAiBE,MAAM,CAAC,GAAK,mBAAmB,CAACJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAAEJ,EAAIO,UAAUC,MAAON,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIS,GAAG,UAAU,GAAGT,EAAIU,KAAMV,EAAIO,UAAUI,MAAOT,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACJ,EAAIS,GAAG,UAAU,GAAGT,EAAIU,KAAMV,EAAIO,UAAUK,SAAUV,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,aAAa,GAAGT,EAAIU,KAAMV,EAAIO,UAAUM,KAAMX,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIS,GAAG,SAAS,GAAGT,EAAIU,KAAMV,EAAIO,UAAUO,QAASZ,EAAG,MAAM,CAACF,EAAIS,GAAG,YAAY,GAAGT,EAAIU,KAAMV,EAAIO,UAAUQ,OAAQb,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIS,GAAG,WAAW,GAAGT,EAAIU,KAAKV,EAAIS,GAAG,YAAY,OAAOT,EAAIU,QAEn3BM,EAAkB,G,wBCmCP,GACfC,SAAAC,8BAAA,GACAC,eAAA,2BACAZ,UAAA,WACA,OACAC,QAAA,KAAAY,OAAAZ,MACAG,QAAA,KAAAS,OAAAT,MACAC,WAAA,KAAAQ,OAAAR,SACAC,OAAA,KAAAO,OAAAP,KACAC,UAAA,KAAAM,OAAAN,QACAC,SAAA,KAAAK,OAAAL,YC/CkW,I,wBCQ9VM,EAAY,eACd,EACAtB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,2CCnBf","file":"js/chunk-c7d29e24.c52589b8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"auth-layout\"},[_c('div',{staticClass:\"auth-background\"}),(_vm.i18nTranslations)?_c('div',{staticClass:\"component-aria\",attrs:{\"id\":\"component-aria\"}},[_c('div',{staticClass:\"auth-form\"},[_c('div',{staticClass:\"form-wrap\"},[(_vm.formSlots.image)?_c('div',{staticClass:\"form-image\"},[_vm._t(\"image\")],2):_vm._e(),(_vm.formSlots.title)?_c('div',{staticClass:\"mem-font--auth-form__title form-title\"},[_vm._t(\"title\")],2):_vm._e(),(_vm.formSlots.subtitle)?_c('div',{staticClass:\"form-text\"},[_vm._t(\"subtitle\")],2):_vm._e(),(_vm.formSlots.form)?_c('div',{staticClass:\"form-text-fields\"},[_vm._t(\"form\")],2):_vm._e(),(_vm.formSlots.buttons)?_c('div',[_vm._t(\"buttons\")],2):_vm._e(),(_vm.formSlots.footer)?_c('div',{staticClass:\"form-footer\"},[_vm._t(\"footer\")],2):_vm._e(),_vm._t(\"default\")],2)])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"auth-layout\">\n    <div class=\"auth-background\"></div>\n    <div class=\"component-aria\" id=\"component-aria\" v-if=\"i18nTranslations\">\n      <div class=\"auth-form\">\n        <div class=\"form-wrap\">\n          <div class=\"form-image\" v-if=\"formSlots.image\">\n            <slot name=\"image\"></slot>\n          </div>\n          <div\n            class=\"mem-font--auth-form__title form-title\"\n            v-if=\"formSlots.title\"\n          >\n            <slot name=\"title\"></slot>\n          </div>\n          <div class=\"form-text\" v-if=\"formSlots.subtitle\">\n            <slot name=\"subtitle\"></slot>\n          </div>\n          <div class=\"form-text-fields\" v-if=\"formSlots.form\">\n            <slot name=\"form\"></slot>\n          </div>\n          <div v-if=\"formSlots.buttons\">\n            <slot name=\"buttons\"></slot>\n          </div>\n          <div class=\"form-footer\" v-if=\"formSlots.footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n\n          <!-- default slot-->\n          <slot></slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapGetters } from \"vuex\";\nexport default {\n  computed: {\n    ...mapGetters([\"i18nTranslations\"]),\n    formSlots() {\n      return {\n        image: !!this.$slots.image,\n        title: !!this.$slots.title,\n        subtitle: !!this.$slots.subtitle,\n        form: !!this.$slots.form,\n        buttons: !!this.$slots.buttons,\n        footer: !!this.$slots.footer,\n      };\n    },\n  },\n  // watch: {\n  //   i18nTranslations(status) {\n  //     console.log(status, \"transl\");\n  //   },\n  // },\n};\n</script>\n<style lang=\"scss\" scoped>\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.auth-layout {\n  --toolbar-height: 80px;\n\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  background-color: #191818;\n  grid-column-gap: 20px;\n  position: relative;\n  height: calc(100vh - var(--toolbar-height));\n  @media screen and (max-width: 1279px) {\n    --toolbar-height: 65px;\n  }\n  @media screen and (max-width: 499px) {\n    grid-template-columns: 1fr;\n    grid-column-gap: 0;\n    height: 100%;\n  }\n  .auth-background {\n    background-image: url(\"https://delphi-production-images-normal-perch.s3.us-west-2.amazonaws.com/auth/image.png\");\n    -webkit-background-size: cover;\n    -moz-background-size: cover;\n    -o-background-size: cover;\n    background-size: cover;\n    @media screen and (max-width: 499px) {\n      display: none;\n    }\n  }\n  .component-aria {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow-y: auto;\n    @media screen and (max-width: 499px) {\n      display: grid;\n      grid-template-columns: minmax(auto, 416px);\n    }\n    .auth-form {\n      max-width: 400px;\n      width: 100%;\n      height: 100%;\n      padding: 80px 0;\n      display: grid;\n      align-items: center;\n      animation: fade-in 0.9s;\n      @media screen and (max-width: 499px) {\n        padding: 32px 25px;\n        align-items: start;\n      }\n      .form-wrap {\n        .form-image {\n          margin-bottom: 48px;\n          @media screen and (max-width: 499px) {\n            margin-bottom: 44px;\n          }\n        }\n        .form-title {\n          color: #ffffff;\n          margin-bottom: 28px;\n          display: flex;\n          flex-direction: column;\n          @media screen and (max-width: 499px) {\n            margin-bottom: 16px;\n          }\n        }\n        .form-text {\n          display: flex;\n          flex-direction: column;\n          font-weight: 500;\n          font-size: 16px;\n          line-height: 24px;\n          color: #ffffff;\n          @media screen and (max-width: 499px) {\n            font-size: 14px;\n          }\n        }\n        .form-text-fields {\n          margin: 58px 0 0 0;\n          display: flex;\n          flex-direction: column;\n          @media screen and (max-width: 499px) {\n            margin: 28px 0 0 0;\n          }\n          ::v-deep(.form-input) {\n            margin-bottom: 26px;\n            @media screen and (max-width: 499px) {\n              margin-bottom: 22px;\n            }\n          }\n          // vuetify components\n          ::v-deep(.v-label) {\n            text-transform: capitalize;\n            font-size: 16px;\n          }\n          ::v-deep(.v-input) {\n            input:-webkit-autofill,\n            input:-webkit-autofill:hover,\n            input:-webkit-autofill:focus,\n            textarea:-webkit-autofill,\n            textarea:-webkit-autofill:hover,\n            textarea:-webkit-autofill:focus,\n            select:-webkit-autofill,\n            select:-webkit-autofill:hover,\n            select:-webkit-autofill:focus {\n              -webkit-text-fill-color: #ffffff;\n              box-shadow: 0 0 0 30px #191818 inset;\n              -webkit-box-shadow: 0 0 0 30px #191818 inset;\n              background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */\n              -webkit-background-clip: padding-box; /* for Safari */\n              // border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;\n            }\n          }\n          ::v-deep(.form-buttons) {\n            // margin-bottom: 62px;\n            // @media screen and (max-width: 499px) {\n            //   margin-bottom: 44px;\n            // }\n            button {\n              min-width: 154px;\n              @media screen and (max-width: 499px) {\n                width: 100%;\n              }\n            }\n          }\n        }\n        .form-footer {\n          padding-bottom: 44px;\n\n          font-weight: 500;\n          font-size: 16px;\n          line-height: 20px;\n          color: rgba(255, 255, 255, 0.4);\n          .text-link {\n            font-weight: 700;\n            margin-left: 5px;\n            @include cursorPointer;\n          }\n        }\n      }\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=0cb9856e&scoped=true\"\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&id=0cb9856e&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  \"0cb9856e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthLayout.vue?vue&type=style&index=0&id=0cb9856e&prod&lang=scss&scoped=true\""],"sourceRoot":""}