{"version":3,"sources":["webpack:///./src/views/site/ChooseBreastPumpResultsView.vue?4dcf","webpack:///./src/views/site/ChooseBreastPumpResultsView.vue","webpack:///src/views/site/ChooseBreastPumpResultsView.vue","webpack:///./src/views/site/ChooseBreastPumpResultsView.vue?62fd","webpack:///./src/views/site/ChooseBreastPumpResultsView.vue?35ae"],"names":["render","_vm","this","_c","_self","staticClass","_m","_v","staticStyle","_l","selectedProducts","product","index","key","image","attrs","src","alt","_e","_s","brandName","directives","name","rawName","value","id","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","$set","multiple","updateProduct","brands","brand","products","domProps","details","specs","spec","title","join","staticRenderFns","data","created","pumpIds","$route","query","pumps","split","forEach","methods","find","b","some","p","ProductDetails","images","component"],"mappings":"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","file":"js/chunk-1a42c387.6ca739a6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.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!./ChooseBreastPumpResultsView.vue?vue&type=style&index=0&id=4b3cd8e6&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"bg-light ftco-section\"},[_c('div',{staticClass:\"comparison-container\"},[_vm._m(0),_c('div',{staticClass:\"comparison-intro-wrap\"},[_c('h1',{staticClass:\"display-4 text-center my-4\"},[_vm._v(\"BREAST PUMP COMPARISON\")]),_c('p',{staticClass:\"text-center\"},[_vm._v(\" Discover your ideal breast pump with ease! Our Comparison Tool simplifies your choice by aligning your unique needs with the perfect pump. Input your preferences and let us guide you to a seamless breastfeeding journey. \")]),_vm._m(1),_c('h2',{staticClass:\"text-light1 text-center\",staticStyle:{\"margin-top\":\"3%\"}},[_vm._v(\"Select Pumps From The Dropdown Menu To Compare\")]),_c('div',{staticClass:\"product-comparison\"},_vm._l((_vm.selectedProducts),function(product,index){return _c('div',{key:index,staticClass:\"product\"},[_c('div',{staticClass:\"image-wrap\"},[(product.image)?_c('img',{staticClass:\"product-image\",attrs:{\"src\":product.image.src,\"alt\":product.image.alt}}):_vm._e()]),_c('div',{staticClass:\"model-selector__model\"},[_vm._v(_vm._s(product.brandName))]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedProducts[index].id),expression:\"selectedProducts[index].id\"}],on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.selectedProducts[index], \"id\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])},function($event){return _vm.updateProduct(index)}]}},_vm._l((_vm.brands),function(brand){return _c('optgroup',{key:brand.name,attrs:{\"label\":brand.name}},_vm._l((brand.products),function(product){return _c('option',{key:product.id,domProps:{\"value\":product.id}},[_vm._v(\" \"+_vm._s(product.name)+\" \")])}),0)}),0),_c('div',{staticClass:\"specs-container\"},_vm._l((product.details.specs),function(spec){return _c('div',{key:spec.title,staticClass:\"specs-col-1\"},[(spec.title !== 'BuyNow')?_c('div',{staticClass:\"h3\"},[_vm._v(_vm._s(spec.title))]):_vm._e(),(spec.title !== 'BuyNow')?_c('div',{staticClass:\"p\"},[_vm._v(_vm._s(spec.details.join(', ')))]):_vm._e(),(spec.title === 'BuyNow')?_c('a',{staticClass:\"buy-now-button\",attrs:{\"href\":spec.details[0]}},[_vm._v(\"Order Now\")]):_vm._e()])}),0)])}),0)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('head',[_c('meta',{attrs:{\"name\":\"description\",\"content\":\"Compare top breast pumps: Find the perfect fit for your needs. Expert reviews and ratings to help you choose the best breast pump\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"comparison-button\",attrs:{\"href\":\"/shop/\"}},[_c('button',{staticClass:\"btn btn-light my-2 col-md-4\"},[_vm._v(\"Order Now\")])])\n}]\n\nexport { render, staticRenderFns }","<style>\n\n.product-comparison{\n\n  display: flex !important;\n    padding: 2% 5% !important;\n    align-items: flex-start !important;\n    flex-direction: row;\n    flex-wrap: wrap;\n}\n  .model-selector__model {\n    font-weight: 400 !important;\n  }\n\n  .h3 {\n    font-weight: 400 !important;\n    font-size: 1.1em !important;\n  }\n\n  .p {\n    font-size: 1em !important;\n  }\n\n  .buy-now-button {\n    margin: 2% !important;\n  }\n\n  .product {\n    display: flex !important;\n    min-width: 30%;\n    align-items: center !important;\n    flex-direction: column !important;\n    flex: 1 !important;\n    margin: 0 1% !important;\n  }\n\n\n  .image-wrap {\n    text-align: center;\n  }\n\n  .product-image {\n    max-width: 100%;\n    height: auto;\n  }\n\n  .specs-container {\n    margin-top: 2%;\n  }\n\n  .comparison-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n  }\n\n  .specs-col-1 {\n    margin-bottom: 1rem;\n  }\n\n\n  @media only screen and (max-width: 900px) {\n\n    .product {\n    display: flex !important;\n    min-width: 45%;\n    align-items: center !important;\n    flex-direction: column !important;\n    flex: 1 !important;\n    margin: 0 1% !important;\n  }\n  .display-4 {\n        font-size: 1.5rem !important;\n    }\n    h2, .h2 {\n    font-size: 1.5rem;\n}\n\n}\n</style>\n<template>\n  <section class=\"bg-light ftco-section\">\n    <div class=\"comparison-container\">\n      <head>\n        <meta name=\"description\" content=\"Compare top breast pumps: Find the perfect fit for your needs. Expert reviews and ratings to help you choose the best breast pump\" />\n      </head>\n      <div class=\"comparison-intro-wrap\">\n        <h1 class=\"display-4 text-center my-4\">BREAST PUMP COMPARISON</h1>\n        <p class=\"text-center\">\n          Discover your ideal breast pump with ease! Our Comparison Tool simplifies your choice by aligning your unique needs with the perfect pump. Input your preferences and let us guide you to a seamless breastfeeding journey.\n        </p>\n        <a class=\"comparison-button\" href=\"/shop/\">\n          <button class=\"btn btn-light my-2 col-md-4\">Order Now</button>\n        </a>\n        <h2 style=\"margin-top: 3%;\" class=\"text-light1 text-center\">Select Pumps From The Dropdown Menu To Compare</h2>\n        <div class=\"product-comparison\">\n          <div class=\"product\" v-for=\"(product, index) in selectedProducts\" :key=\"index\">\n            <div class=\"image-wrap\">\n              <img class=\"product-image\" :src=\"product.image.src\" :alt=\"product.image.alt\" v-if=\"product.image\" />\n            </div>\n            <div class=\"model-selector__model\">{{ product.brandName }}</div>\n            <select v-model=\"selectedProducts[index].id\" @change=\"updateProduct(index)\">\n              <optgroup v-for=\"brand in brands\" :label=\"brand.name\" :key=\"brand.name\">\n                <option v-for=\"product in brand.products\" :value=\"product.id\" :key=\"product.id\">\n                  {{ product.name }}\n                </option>\n              </optgroup>\n            </select>\n            <div class=\"specs-container\">\n              <div class=\"specs-col-1\" v-for=\"spec in product.details.specs\" :key=\"spec.title\">\n                <div class=\"h3\" v-if=\"spec.title !== 'BuyNow'\">{{ spec.title }}</div>\n                <div class=\"p\" v-if=\"spec.title !== 'BuyNow'\">{{ spec.details.join(', ') }}</div>\n                <a v-if=\"spec.title === 'BuyNow'\" :href=\"spec.details[0]\" class=\"buy-now-button\">Order Now</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n<script>\nimport ProductDetails from '../components/ProductDetail.json';\n\nexport default {\n  data() {\n    return {\n      selectedProducts: [],\n      brands: [\n        {\n          name: 'SPECTRA',\n          products: [\n            { id: 's1specs', name: 'S1' },\n            { id: 's2specs', name: 'S2' },\n            { id: 's9specs', name: 'S9' },\n            { id: 'sgspecs', name: 'SG' },\n          ]\n        },\n        {\n          name: 'MEDELA',\n          products: [\n            { id: 'maxFlowspecs', name: 'Max Flow' },\n            { id: 'swingspecs', name: 'Swing' },\n            { id: 'freestylespecs', name: 'Freestyle' },\n            { id: 'pumpinstyle', name: 'Pump In Style' },\n          ]\n        },\n        {\n          name: 'ELVIE',\n          products: [\n            { id: 'stridespecs', name: 'Stride' },\n            { id: 'doubleelectricspecs', name: 'Double Electric' },\n          ]\n        },\n        {\n          name: 'UNIMOM',\n          products: [\n            { id: 'bundlespecs', name: 'Minuet Bundle' },\n            { id: 'minuetdouble', name: 'Minuet Double Electric Portable' },\n            { id: 'operaspecs', name: 'Opera' },\n          ]\n        },\n\n        {\n          name: 'MOMCOZY',\n          products: [\n            { id: 'momcozym5', name: 'Momcozy M5' },\n            { id: 'momcozys9', name: 'Momcozy S9' },\n          ]\n        },\n        {\n          name: 'WILLOW',\n          products: [\n            { id: 'gospecs', name: 'Go' },\n            { id: 'specs360', name: '360' },\n          ]\n        },\n        {\n          name: 'ZOMEE',\n          products: [\n            { id: 'z2specs', name: 'Z2' },\n            { id: 'zomeefitspecs', name: 'Zomee Fit' },\n            { id: 'z2Travelspecs', name: 'Zomee Z2 Travel Bundle Pack' },\n          ]\n        },\n        {\n          name: 'BABYBUDDHA',\n          products: [\n            { id: 'babybuddhaspecs', name: 'BabyBuddha 2.0' },\n          ]\n        },\n      ]\n    };\n  },\n  created() {\n    const pumpIds = this.$route.query.pumps ? this.$route.query.pumps.split(',') : [];\n    this.selectedProducts = pumpIds.map(id => ({\n      id,\n      brandName: '',\n      details: {},\n      image: {}\n    }));\n    this.selectedProducts.forEach((product, index) => this.updateProduct(index));\n  },\n  methods: {\n    updateProduct(index) {\n      const product = this.selectedProducts[index];\n      const brand = this.brands.find(b => b.products.some(p => p.id === product.id));\n      if (brand) {\n        product.brandName = brand.name;\n        product.details = ProductDetails.products[product.id] || {};\n        product.image = product.details.images ? product.details.images[0] : null;\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!./ChooseBreastPumpResultsView.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!./ChooseBreastPumpResultsView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChooseBreastPumpResultsView.vue?vue&type=template&id=4b3cd8e6&\"\nimport script from \"./ChooseBreastPumpResultsView.vue?vue&type=script&lang=js&\"\nexport * from \"./ChooseBreastPumpResultsView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChooseBreastPumpResultsView.vue?vue&type=style&index=0&id=4b3cd8e6&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}