{"version":3,"sources":["webpack:///./src/components/PerfumeCard.vue","webpack:///src/components/PerfumeCard.vue","webpack:///./src/components/PerfumeCard.vue?2cee","webpack:///./src/components/PerfumeCard.vue?7759","webpack:///./src/components/SmellingView.vue","webpack:///src/components/SmellingView.vue","webpack:///./src/components/SmellingView.vue?6748","webpack:///./src/components/SmellingView.vue?559e","webpack:///./src/components/PerfumeCard.vue?10ee","webpack:///./src/components/SmellingView.vue?fb6d"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","$emit","style","backgroundImage","perfume","imageUrl","resultPageImageLink","_v","_s","name","staticRenderFns","props","type","required","component","color","textColor","backgroundColor","backToHome","$t","onClose","ean","duration","components","mounted","console","getMachineInstance","EAN","testMode","destroyed","computed","methods"],"mappings":"iJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIO,MAAM,QAASD,MAAW,CAACJ,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAO,CAAEC,gBAAkB,OAAMT,EAAIU,QAAQC,cAAgB,CAACT,EAAG,MAAM,CAACE,YAAY,aAAaI,MAAO,CAAEC,gBAAkB,OAAMT,EAAIU,QAAQE,4BAA8BV,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIU,QAAQK,gBAE/eC,EAAkB,GCmBP,GACfC,OACAP,SACAQ,YACAC,eCzBqV,I,wBCQjVC,EAAY,eACd,EACArB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAI,E,2CCnBf,IAAIrB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmBI,MAAO,CAAEa,MAAOrB,EAAIsB,YAAc,CAACpB,EAAG,MAAM,CAACE,YAAY,aAAaI,MAAO,CAAEe,gBAAiBvB,EAAIqB,SAAWnB,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOI,MAAO,CAAE,iBAAkBR,EAAIsB,WAAajB,GAAG,CAAC,MAAQL,EAAIwB,aAAa,CAACxB,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIyB,GAAG,iBAAiB,OAAOvB,EAAG,MAAM,CAACE,YAAY,QAAQI,MAAO,CAAE,iBAAkBR,EAAIsB,WAAajB,GAAG,CAAC,MAAQL,EAAI0B,UAAU,CAAC1B,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIyB,GAAG,gBAAgB,SAASvB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACM,MAAO,CAAEe,gBAAiBvB,EAAIsB,aAAepB,EAAG,MAAM,CAACM,MAAO,CAAEe,gBAAiBvB,EAAIsB,aAAepB,EAAG,MAAM,CAACM,MAAO,CAAEe,gBAAiBvB,EAAIsB,eAAiBpB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIyB,GAAG,mCAE90BT,EAAkB,G,gDCkCP,GACfC,OACAU,WACAC,gBACAP,cAEAQ,cACAC,UACA,6CAGA,OAFA,8BACAC,uBACA,YACA,qCACA,sCACA,2BACA,MAMA,qBACA,MACA,mCACA,mCACA,kCACA,+BACA,oCAIA,SAGAC,8BACAC,aACAC,0CAGAC,YACA,sCAEAC,UACAd,YACA,oCAGAe,SACAX,UACAM,+BACA,qBAEAR,aACA,eACA,mBAAAT,iBC1FsV,I,wBCQlVK,EAAY,eACd,EACArB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAI,E,2CCnBf,W,kCCAA,W","file":"js/perfume~recommendation.e14b0a7c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"perfume-card\",on:{\"click\":function($event){return _vm.$emit('click', $event)}}},[_c('div',{staticClass:\"top-image\",style:({ backgroundImage: `url(${_vm.perfume.imageUrl})` })},[_c('div',{staticClass:\"background\",style:({ backgroundImage: `url(${_vm.perfume.resultPageImageLink})` })})]),_c('div',{staticClass:\"bottom\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.perfume.name))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"perfume-card\" @click=\"$emit('click', $event)\">\n    <div\n      class=\"top-image\"\n      :style=\"{ backgroundImage: `url(${perfume.imageUrl})` }\"\n    >\n      <div\n        class=\"background\"\n        :style=\"{ backgroundImage: `url(${perfume.resultPageImageLink})` }\"\n      />\n    </div>\n    <div class=\"bottom\">\n      <div class=\"left\">\n        <div class=\"title\">{{ perfume.name }}</div>\n        <!-- <div class=\"subtitle\">{{ perfume.typeOfPerfume }}</div> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    perfume: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n\n<style lang=\"stylus\" scoped>\n.perfume-card\n  display: flex\n  flex-direction: column\n\n  .top-image\n    m-keep-ratio(\"3-4\")\n    background-blend-mode: multiply\n    background-color: #eee\n    background-position: center center\n    background-repeat: no-repeat\n    background-size: 65%\n    flex: 1 1 100%\n    position: relative\n\n    .background\n      background-position: center center\n      background-repeat: no-repeat\n      background-size: cover\n      cursor: pointer\n      height: 100%\n      opacity: 0\n      position: absolute\n      transition: opacity 0.5s ease-in-out\n      width: 100%\n\n      &:hover\n        opacity: 1\n\n  .bottom\n    display: flex\n    justify-content: space-evenly\n    padding: vw(20px)\n\n    .left\n      flex: 1 1 100%\n      text-align: left\n\n      .title\n        m-font(\"Paco\")\n        m-font-size(15, 20)\n        letter-spacing: 0.05em\n\n        .mobile &\n          m-font-size(14, 18)\n\n      .subtitle\n        .mobile &\n          m-font-size(12, 16)\n</style>","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!./PerfumeCard.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!./PerfumeCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PerfumeCard.vue?vue&type=template&id=2f503e00&scoped=true&\"\nimport script from \"./PerfumeCard.vue?vue&type=script&lang=js&\"\nexport * from \"./PerfumeCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PerfumeCard.vue?vue&type=style&index=0&id=2f503e00&prod&lang=stylus&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  \"2f503e00\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"smelling-overlay\",style:({ color: _vm.textColor })},[_c('div',{staticClass:\"background\",style:({ backgroundColor: _vm.color })}),_c('div',{staticClass:\"buttons-container\"},[_c('div',{staticClass:\"back\",style:({ '--border-color': _vm.textColor }),on:{\"click\":_vm.backToHome}},[_vm._v(\" \"+_vm._s(_vm.$t(\"back_to_home\"))+\" \")]),_c('div',{staticClass:\"close\",style:({ '--border-color': _vm.textColor }),on:{\"click\":_vm.onClose}},[_vm._v(\" \"+_vm._s(_vm.$t(\"see_details\"))+\" \")])]),_c('div',{staticClass:\"popup\"},[_c('div',{staticClass:\"arrow\"},[_c('div',{style:({ backgroundColor: _vm.textColor })}),_c('div',{style:({ backgroundColor: _vm.textColor })}),_c('div',{style:({ backgroundColor: _vm.textColor })})]),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t(\"discover_smell_perfume\")))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"smelling-overlay\" :style=\"{ color: textColor }\">\n    <div class=\"background\" :style=\"{ backgroundColor: color }\"></div>\n    <div class=\"buttons-container\">\n      <div\n        @click=\"backToHome\"\n        class=\"back\"\n        :style=\"{ '--border-color': textColor }\"\n      >\n        {{ $t(\"back_to_home\") }}\n      </div>\n      <div\n        @click=\"onClose\"\n        class=\"close\"\n        :style=\"{ '--border-color': textColor }\"\n      >\n        {{ $t(\"see_details\") }}\n      </div>\n    </div>\n    <div class=\"popup\">\n      <div class=\"arrow\">\n        <div :style=\"{ backgroundColor: textColor }\"></div>\n        <div :style=\"{ backgroundColor: textColor }\"></div>\n        <div :style=\"{ backgroundColor: textColor }\"></div>\n      </div>\n      <div class=\"title\">{{ $t(\"discover_smell_perfume\") }}</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { WIZARD_V2 } from \"../router\";\nimport MachineInterfaceClass, {\n  getMachineInstance,\n} from \"../services/machine/MachineInterfaceClass\";\nimport { pickTextColorBasedOnBgColorSimple } from \"../utils/colorUtils\";\nexport default {\n  props: {\n    ean: String,\n    duration: Number,\n    color: String,\n  },\n  components: {},\n  mounted() {\n    this.unsubscribe = getMachineInstance().listen((res) => {\n      if (res.response !== MachineInterfaceClass.CODES.OK)\n        console.log(res.comment);\n      switch (res.response) {\n        case MachineInterfaceClass.CODES.EXE_MAXTIMEREACHED:\n        case MachineInterfaceClass.CODES.WAIT_MAXTIMEREACHED:\n        case MachineInterfaceClass.CODES.SPRAY_OK:\n          break;\n        /*return setTimeout(()=>{\n            machineInterface.stopPerfume()\n            return this.onClose()\n          },2000)*/\n\n        case MachineInterfaceClass.CODES.OK:\n          break;\n        case MachineInterfaceClass.CODES.ERROR_PARAMETERS:\n        case MachineInterfaceClass.CODES.PERFUME_DISABLED:\n        case MachineInterfaceClass.CODES.ERROR_EXECUTION:\n        case MachineInterfaceClass.CODES.API_DISABLED:\n        case MachineInterfaceClass.CODES.ERROR_CONNECTMACH:\n          // alert(res.comment)\n          // machineInterface.stopPerfume();\n          // this.onClose();\n          break;\n      }\n    });\n    getMachineInstance().startSingle({\n      EAN: this.ean,\n      testMode: Math.round(this.duration / 1000),\n    });\n  },\n  destroyed() {\n    if (this.unsubscribe) this.unsubscribe();\n  },\n  computed: {\n    textColor() {\n      return pickTextColorBasedOnBgColorSimple(this.color);\n    },\n  },\n  methods: {\n    onClose() {\n      getMachineInstance().stopPerfume();\n      this.$emit(\"close\");\n    },\n    backToHome() {\n      this.onClose();\n      this.$router.push({ name: WIZARD_V2 });\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"stylus\">\n.smelling-overlay\n  height: calc(var(--vh, 1vh) * 100)\n  left: 0\n  position: fixed\n  top: 0\n  width: 100vw\n  z-index: 999\n\n  .background\n    background-color: #fff\n    height: 100%\n    position: absolute\n    width: 100%\n\n  .popup\n    align-items: flex-end\n    display: flex\n    flex-direction: column\n    height: 100%\n    left: 0\n    padding: vh(105px) vw(120px)\n    position: absolute\n    top: 0\n    width: 100%\n\n    .arrow\n      animation: arrow\n      animation-duration: 4s\n      animation-iteration-count: infinite\n      flex: 0.1 1 0%\n      margin-bottom: vh(40px)\n      margin-top: auto\n      overflow: hidden\n      position: relative\n      width: vw(30px)\n\n      @keyframes arrow\n        0%\n          flex-grow: 0.1\n\n        50%\n          flex-grow: 0.6\n\n        100%\n          flex-grow: 0.1\n\n      div\n        background-color: #000\n        left: 50%\n        position: absolute\n        transform: translateX(-50%)\n        width: 2px\n\n        &:nth-child(1)\n          height: 20px\n          transform: translateX(calc(-50% - 6px)) rotate(35deg)\n\n        &:nth-child(2)\n          height: 20px\n          transform: translateX(calc(-50% + 6px)) rotate(-35deg)\n\n        &:nth-child(3)\n          height: 100%\n\n    .title\n      m-font(\"DIN Engschrift Std\")\n      m-font-size(65, 70)\n      text-align: right\n      text-transform: uppercase\n      width: 20ch\n\n  .buttons-container\n    align-items: center\n    display: flex\n    height: $header-height\n    justify-content: space-between\n    left: 0\n    padding-left: vw(70px)\n    padding-right: vw(70px)\n    position: absolute\n    top: 0\n    width: 100%\n    z-index: 1\n\n    .back,\n    .close\n      m-font(\"Paco\")\n      m-font-size(12, 14)\n      m-letter-spacing(60)\n      cursor: pointer\n      left: vw(50px)\n      position: absolute\n      text-transform: uppercase\n      top: vh(26px)\n      z-index: 1\n\n      &:after\n        background-color: var(--border-color)\n        content: \"\"\n        display: block\n        height: 1px\n        margin-top: vw(7px)\n        width: 100%\n\n    .close\n      left: auto\n      right: vw(50px)\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!./SmellingView.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!./SmellingView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SmellingView.vue?vue&type=template&id=5115342c&scoped=true&\"\nimport script from \"./SmellingView.vue?vue&type=script&lang=js&\"\nexport * from \"./SmellingView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SmellingView.vue?vue&type=style&index=0&id=5115342c&prod&scoped=true&lang=stylus&\"\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  \"5115342c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--12-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfumeCard.vue?vue&type=style&index=0&id=2f503e00&prod&lang=stylus&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--12-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SmellingView.vue?vue&type=style&index=0&id=5115342c&prod&scoped=true&lang=stylus&\""],"sourceRoot":""}