{"version":3,"sources":["webpack:///../../../src/components/VGrid/VCol.ts","webpack:///./src/views/Login.vue","webpack:///src/views/Login.vue","webpack:///./src/views/Login.vue?ba17","webpack:///./src/views/Login.vue?7b2b"],"names":["breakpoints","breakpointProps","reduce","props","val","type","Boolean","String","Number","default","offsetProps","upperFirst","orderProps","propMap","col","Object","keys","offset","order","breakpointClass","prop","className","breakpoint","replace","toLowerCase","cache","Map","Vue","extend","name","functional","cols","alignSelf","validator","str","includes","tag","render","h","data","children","parent","cacheKey","classList","get","forEach","value","push","hasColClasses","some","startsWith","set","mergeData","class","attrs","_c","staticClass","_vm","preventDefault","directives","email","domProps","$event","target","password","slot","formFields","label","placeholder","inputProps","required","autocomplete","methods","console","alert","component","staticRenderFns"],"mappings":"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","file":"js/login.18e67122.js","sourcesContent":["import './VGrid.sass'\n\nimport Vue, { VNode, PropOptions } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Vue.extend({\n  name: 'v-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (h, { props, data, children, parent }): VNode {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"sm\":\"12\",\"md\":\"8\"}},[_c('v-row',[_c('v-col',{attrs:{\"sm\":\"12\"}},[_c('h2',{staticClass:\"text-h2\"},[_vm._v(\"\\n            Login\\n          \")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.login.apply(null, arguments)}}},[_c('h2',[_vm._v(\"Login\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],attrs:{\"type\":\"email\",\"placeholder\":\"Email address...\"},domProps:{\"value\":(_vm.email)},on:{\"input\":function($event){if($event.target.composing)return;_vm.email=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],attrs:{\"type\":\"password\",\"placeholder\":\"password...\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing)return;_vm.password=$event.target.value}}}),_c('button',[_vm._v(\"Login\")])]),_c('amplify-authenticator',{attrs:{\"username-alias\":\"email\"}},[_c('amplify-sign-up',{attrs:{\"slot\":\"sign-up\",\"username-alias\":\"email\"},domProps:{\"formFields\":_vm.formFields},slot:\"sign-up\"}),_c('amplify-sign-in',{attrs:{\"slot\":\"sign-in\",\"username-alias\":\"email\"},slot:\"sign-in\"})],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-row>\n      <v-col sm=\"12\" md=\"8\">\n        <v-row>\n          <v-col sm=\"12\">\n            <h2 class=\"text-h2\">\n              Login\n            </h2>\n\n            <form @submit.prevent=\"login\">\n              <h2>Login</h2>\n              <input type=\"email\" v-model=\"email\" placeholder=\"Email address...\" />\n              <input type=\"password\" v-model=\"password\" placeholder=\"password...\" />\n              <button>Login</button>\n            </form>\n\n            <amplify-authenticator username-alias=\"email\">\n              <amplify-sign-up slot=\"sign-up\" username-alias=\"email\" :form-fields.prop=\"formFields\"></amplify-sign-up>\n              <amplify-sign-in slot=\"sign-in\" username-alias=\"email\"></amplify-sign-in>\n            </amplify-authenticator>\n          </v-col>\n        </v-row>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport { Auth } from \"aws-amplify\";\nexport default {\n  name: \"Login\",\n  data() {\n    return {\n      email: \"\",\n      password: \"\",\n      formFields: [\n        {\n          type: \"email\",\n          label: \"Custom Email Label\",\n          placeholder: \"Custom email placeholder\",\n          inputProps: { required: true, autocomplete: \"username\" },\n        },\n        {\n          type: \"password\",\n          label: \"Custom Password Label\",\n          placeholder: \"Custom password placeholder\",\n          inputProps: { required: true, autocomplete: \"new-password\" },\n        },\n        {\n          type: \"phone_number\",\n          label: \"Custom Phone Label\",\n          placeholder: \"Custom phone placeholder\",\n        },\n      ],\n    };\n  },\n  methods: {\n    async login() {\n      try {\n        const user = await Auth.signIn(this.email, this.password);\n        console.log(\"user\", user);\n        alert(\"Successfully logged in\");\n        this.$store.dispatch(\"login\", user);\n      } catch (error) {\n        alert(error.message);\n        console.log(error);\n      }\n    },\n  },\n};\n</script>\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=045b0f8e&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}