{"version":3,"sources":["webpack:///./src/components/faces/ProfileView.vue?da0e","webpack:///./src/libraries/util/random.js","webpack:///src/components/faces/ProfileView.vue","webpack:///./src/components/faces/ProfileView.vue?7192","webpack:///./src/components/faces/ProfileView.vue","webpack:///./src/components/faces/ProfileView.vue?93d9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","handleClick","directives","name","rawName","value","expression","ref","image","attrs","buttonType","_v","_s","buttonText","staticRenderFns","getRandomInt","min","max","Math","ceil","floor","random","props","mounted","setAngle","$el","methods","$emit","angle","el","style","transform","transformString","console","log","component"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwBC,GAAG,CAAC,MAAQP,EAAIQ,cAAc,CAACJ,EAAG,MAAM,CAACK,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOZ,EAAS,MAAEa,WAAW,UAAUC,IAAId,EAAIe,MAAMT,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,uBAAuBU,MAAM,CAAC,KAAOhB,EAAIiB,YAAYV,GAAG,CAAC,MAAQP,EAAIQ,cAAc,CAACJ,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACN,EAAIkB,GAAG,WAAWlB,EAAImB,GAAGlB,KAAKmB,YAAY,iBAC1hBC,EAAkB,GCCf,SAASC,EAAcC,EAAKC,GAGjC,OAFAD,EAAME,KAAKC,KAAKH,GAChBC,EAAMC,KAAKE,MAAMH,GACVC,KAAKE,MAAMF,KAAKG,UAAYJ,EAAMD,IAAQA,ECsBnD,OACEb,KAAM,cACNmB,MAAO,CAAC,aAAc,QAAS,QAAS,cAAe,aAAc,SACrEC,QAHF,WAII7B,KAAK8B,SAAS9B,KAAK+B,MAErBC,QAAS,CACPzB,YAAa,WACXP,KAAKiC,MAAM,UAEbH,SAAU,SAAd,GACM,IAAII,EAAQlC,KAAKkC,MAEjB,GAAKlC,KAAKkC,OAAwB,SAAflC,KAAKkC,MAAxB,CAKmB,WAAflC,KAAKkC,QACPA,EAAQ,GAAhB,MAIM,IAAN,wCAEMC,EAAGC,MAAMC,UAAYC,OAXnBC,QAAQC,IAAI,6BCzCgV,I,wBCQhWC,EAAY,eACd,EACA3C,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAqB,E,6CCnBf,yBAAyf,EAAG,G","file":"js/lazy-57.16d65326.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"profile\"},[_c('div',{staticClass:\"image-button animated\",on:{\"click\":_vm.handleClick}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.image),expression:\"image\"}],ref:_vm.image,staticClass:\"profile-image\"})]),_c('div',{staticClass:\"text-button animated\",attrs:{\"type\":_vm.buttonType},on:{\"click\":_vm.handleClick}},[_c('div',{staticClass:\"text-button__inner-text\"},[_vm._v(\"\\n      \"+_vm._s(this.buttonText)+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random\n// The maximum is exclusive and the minimum is inclusive\nexport function getRandomInt (min, max) {\n  min = Math.ceil(min)\n  max = Math.floor(max)\n  return Math.floor(Math.random() * (max - min)) + min\n}\n","<template>\n  <div class=\"profile\">\n    <div\n      class=\"image-button animated\"\n      @click=\"handleClick\"\n      >\n      <img\n        :ref=\"image\"\n        v-lazy=\"image\"\n        class=\"profile-image\"\n        >\n    </div>\n    <div\n      class=\"text-button animated\"\n      :type=\"buttonType\"\n      @click=\"handleClick\"\n      >\n      <div class=\"text-button__inner-text\">\n        {{ this.buttonText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getRandomInt } from '@/libraries/util/random'\n\nexport default {\n  name: 'ProfileView',\n  props: ['buttonText', 'image', 'frame', 'showChevron', 'buttonType', 'angle'],\n  mounted () {\n    this.setAngle(this.$el)\n  },\n  methods: {\n    handleClick: function () {\n      this.$emit('click')\n    },\n    setAngle: function (el) {\n      var angle = this.angle\n\n      if (!this.angle || this.angle === 'none') {\n        console.log('Not randomizing angle.')\n        return\n      }\n\n      if (this.angle === 'random') {\n        angle = (getRandomInt(-8, 8))\n        // console.log('Angle: ' + angle)\n      }\n\n      const transformString = 'rotate(' + angle + 'deg) ' + el.style.transform\n      // console.log('Transform: ' + transformString)\n      el.style.transform = transformString\n    },\n  },\n}\n</script>\n\n<style scoped>\n\n.profile {\n  width: 100px;\n  margin-top: 10px;\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.profile-image {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  display: block;\n  object-fit: cover;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  border: 2px #fff solid;\n}\n\n.profile .image-button {\n  border-radius: 50%;\n  height: 88px;\n  width: 88px;\n  padding: 0;\n  margin: 0;\n  z-index: 10;\n}\n\n.profile .text-button {\n  margin: 0;\n  margin-top: -5px;\n  font-weight: bold;\n  color: #000000;\n  opacity: 1.0;\n}\n\n.text-button__inner-text {\n  display: inline-block;\n  width: auto;\n  white-space: nowrap;\n  text-align: center;\n}\n\n.profile:hover .image-button {\n  transform: scale(1.5) translateY(7px);\n  border: 1px rgba(0, 0, 0, 0.15) solid;\n}\n\n.profile:hover .text-button {\n  opacity: 0.15;\n}\n\n.animated {\n  -webkit-transition: all 500ms cubic-bezier(0.685, 0, 0.400, 1); /* older webkit */\n  -webkit-transition: all 500ms cubic-bezier(0.685, -0.600, 0.400, 1.650);\n  -moz-transition: all 500ms cubic-bezier(0.685, -0.600, 0.400, 1.650);\n  -o-transition: all 500ms cubic-bezier(0.685, -0.600, 0.400, 1.650);\n  transition: all 500ms cubic-bezier(0.685, -0.600, 0.400, 1.650); /* custom */\n\n  -webkit-transition-timing-function: cubic-bezier(0.685, 0, 0.400, 1); /* older webkit */\n  -webkit-transition-timing-function: cubic-bezier(0.685, -0.600, 0.400, 1.650);\n  -moz-transition-timing-function: cubic-bezier(0.685, -0.600, 0.400, 1.650);\n  -o-transition-timing-function: cubic-bezier(0.685, -0.600, 0.400, 1.650);\n  transition-timing-function: cubic-bezier(0.685, -0.600, 0.400, 1.650); /* custom */\n}\n\n</style>\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!./ProfileView.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!./ProfileView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileView.vue?vue&type=template&id=63f1a40e&scoped=true&\"\nimport script from \"./ProfileView.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileView.vue?vue&type=style&index=0&id=63f1a40e&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  \"63f1a40e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileView.vue?vue&type=style&index=0&id=63f1a40e&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileView.vue?vue&type=style&index=0&id=63f1a40e&scoped=true&lang=css&\""],"sourceRoot":""}