{"version":3,"sources":["webpack:///./src/components/faces/OwalTrainingToolCandidateProfileButton.vue?34b4","webpack:///./src/components/faces/OwalTrainingToolCandidateProfileButton.vue?bc8d","webpack:///src/components/faces/OwalTrainingToolCandidateProfileButton.vue","webpack:///./src/components/faces/OwalTrainingToolCandidateProfileButton.vue?4b43","webpack:///./src/components/faces/OwalTrainingToolCandidateProfileButton.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","first","match","is_exact","attrs","image_uri","on","$event","$emit","confidence","threshold","staticClass","frontend_face_uuid","_v","_s","person_name","staticRenderFns","name","components","OwalIndicatorConfidence","props","type","Boolean","default","Object","computed","component"],"mappings":"kIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAO,mCAAqCN,EAAIO,MAAQ,QAAU,KAAM,CAACH,EAAG,MAAM,CAACE,MAAO,uCAAyCN,EAAIQ,MAAMC,SAAW,QAAU,aAAcC,MAAM,CAAC,IAAMV,EAAIQ,MAAMG,WAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,MAAM,aAAaV,EAAG,4BAA4B,CAACM,MAAM,CAAC,WAAaV,EAAIe,WAAW,oBAAsBf,EAAIQ,MAAMQ,aAAaZ,EAAG,MAAM,CAACa,YAAY,+CAA+C,CAACb,EAAG,cAAc,CAACa,YAAY,yCAAyCP,MAAM,CAAC,GAAK,UAAYV,EAAIQ,MAAMU,qBAAqB,CAAClB,EAAImB,GAAG,WAAWnB,EAAIoB,GAAGpB,EAAIQ,MAAMa,aAAa,aAAa,IAAI,IACzuBC,EAAkB,G,wBC4BtB,GACEC,KAAM,yCACNC,WAAY,CACVC,wBAAJ,QAMEC,MAAO,CACLnB,MAAO,CACLoB,KAAMC,QACNC,SAAS,GAEXrB,MAAO,CACLmB,KAAMG,SAGVC,SAAU,CACRhB,WADJ,WAEM,OAAKd,KAAKO,MAAMC,SAGT,EAFE,KAAf,qCClD+X,I,wBCQ3XuB,EAAY,eACd,EACAjC,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/lazy-54.249ba420.js","sourcesContent":["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!./OwalTrainingToolCandidateProfileButton.vue?vue&type=style&index=0&id=742f3e9c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(\"owal potential match container \" + (_vm.first ? 'first' : ''))},[_c('img',{class:(\"owal potential match profile image \" + (_vm.match.is_exact ? 'exact' : 'potential')),attrs:{\"src\":_vm.match.image_uri},on:{\"click\":function($event){return _vm.$emit(\"click\")}}}),_c('owal-indicator-confidence',{attrs:{\"confidence\":_vm.confidence,\"confidenceThreshold\":_vm.match.threshold}}),_c('div',{staticClass:\"owal potential match profile text container\"},[_c('router-link',{staticClass:\"owal potential match profile text name\",attrs:{\"to\":'/faces/' + _vm.match.frontend_face_uuid}},[_vm._v(\"\\n      \"+_vm._s(_vm.match.person_name)+\"\\n    \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"`owal potential match container ${first ? 'first' : ''}`\"\n  >\n    <img\n      :class=\"`owal potential match profile image ${match.is_exact ? 'exact' : 'potential'}`\"\n      :src=\"match.image_uri\"\n      @click=\"$emit(`click`)\"\n    >\n    <owal-indicator-confidence\n      :confidence=\"confidence\"\n      :confidenceThreshold=\"match.threshold\"\n    />\n    <div\n      class=\"owal potential match profile text container\"\n    >\n      <router-link\n        :to=\"'/faces/' + match.frontend_face_uuid\"\n        class=\"owal potential match profile text name\"\n      >\n        {{ match.person_name }}\n      </router-link>\n    </div>\n  </div>\n</template>\n\n<script>\nimport OwalIndicatorConfidence from '@/libraries/owal-ui/indicators/OwalIndicatorConfidence'\n\nexport default {\n  name: 'OwalTrainingToolCandidateProfileButton',\n  components: {\n    OwalIndicatorConfidence,\n  },\n  /**\n   * @prop {Boolean} first Tells us if the face is the first match in the list.\n   * @prop {Object} match An object with confidence information.\n   */\n  props: {\n    first: {\n      type: Boolean,\n      default: false,\n    },\n    match: {\n      type: Object,\n    },\n  },\n  computed: {\n    confidence () {\n      if (!this.match.is_exact) {\n        return (this.match.diff || this.match.confidence)\n      }\n      return 1\n    },\n  },\n}\n</script>\n\n<style scoped>\n\n/* The button wrapper. */\n.owal.potential.match.container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-content: center;\n  align-items: center;\n  margin: 0 0.65rem;\n  padding: 0;\n  cursor: pointer;\n}\n\n/* The profile image. */\n.owal.potential.match.container .owal.potential.match.profile.image {\n  height: 5.7142857143rem;\n  width: 5.7142857143rem;\n  border-radius: 2.8571428572rem;\n  object-fit: cover;\n  background: #EFF2F7;\n  border: 2px solid #475669;\n  transition: border-color 300ms ease, transform 300ms ease;\n  z-index: 1;\n  margin: 0 0 0.4rem 0;\n}\n\n/* Make first image larger. */\n.owal.potential.match.container.first .owal.potential.match.profile.image {\n  transform: scale(1.1);\n}\n\n/* --- Borders for the first image. --- */\n.owal.potential.match.container.first .owal.potential.match.profile.image.exact {\n  border: 4px solid #C0CCDA;\n}\n\n.owal.potential.match.container.first .owal.potential.match.profile.image.potential {\n  border: 4px solid #475669;\n}\n\n/* --- Profile Hover Effects --- */\n\n.owal.potential.match.container:hover {\n  /* margin: 0.5rem 0.7rem; */\n}\n\n.owal.potential.match.container:hover .owal.potential.match.profile.image,\n.owal.potential.match.container.first:hover .owal.potential.match.profile.image {\n  border-color: #C0CCDA;\n  transform: scale(1.2);\n  z-index: 2;\n}\n\n/* --- Match Confidence Indicators --- */\n.owal.potential.match.container >>> .owal.indicator.confidence {\n  width: 5.7142857143rem;\n  height: 1.7142857143rem;\n  display: flex;\n  flex-direction: row-reverse;\n  margin-top: -2rem;\n  transition: opacity 300ms ease, transform 300ms ease-in;\n  transition-delay: 0, 50ms;\n  z-index: 2;\n}\n\n.owal.potential.match.container:hover >>> .owal.indicator.confidence {\n  transform: translateX(0.5rem) translateY(0.5rem);\n}\n\n/* Adjust match confidence indicators */\n.owal.potential.match.container.first >>> .owal.indicator.confidence {\n  transform: scale(1.1);\n  margin-bottom: 1rem;\n}\n\n.owal.potential.match.container.first:hover >>> .owal.indicator.confidence {\n  transform: scale(1.1) translateX(0.5rem) translateY(0.5rem);\n}\n\n.owal.potential.match.profile.text.container {\n  align-self: flex-end;\n}\n\n/* --- Person Name --- */\n.owal.potential.match.profile.text.container,\n.owal.potential.match.profile.text.container a {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 5.7142857143rem;\n}\n\n.owal.potential.match.profile.text.container,\n.owal.potential.match.profile.text.container a {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  font-family: 'Lato-Bold', sans-serif;\n  font-size: 1rem;\n  color: #475669;\n  letter-spacing: 0;\n  text-align: center;\n}\n\n.owal.potential.match.container.first .owal.potential.match.profile.text.container a:after {\n  content: 'best match';\n  font-family: 'Lato-Italic', sans-serif;\n  font-size: 12px;\n  color: #8492A6;\n  letter-spacing: 0;\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!./OwalTrainingToolCandidateProfileButton.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!./OwalTrainingToolCandidateProfileButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OwalTrainingToolCandidateProfileButton.vue?vue&type=template&id=742f3e9c&scoped=true&\"\nimport script from \"./OwalTrainingToolCandidateProfileButton.vue?vue&type=script&lang=js&\"\nexport * from \"./OwalTrainingToolCandidateProfileButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OwalTrainingToolCandidateProfileButton.vue?vue&type=style&index=0&id=742f3e9c&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  \"742f3e9c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}