{"version":3,"sources":["webpack:///./src/components/subcomponents/OtherProducts.vue","webpack:///src/components/subcomponents/OtherProducts.vue","webpack:///./src/components/subcomponents/OtherProducts.vue?3f70","webpack:///./src/components/subcomponents/OtherProducts.vue?6441","webpack:///./src/components/subcomponents/OtherProducts.vue?bfbd","webpack:///./src/assets/images/products/other_products sync ^\\.\\/.*$"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_s","$t","otherProducts","_l","userPositions","product","index","key","on","$event","mouseover","mouseleave","name","params","lang","$i18n","locale","class","imgHoverOne","active","require","backgroundOne","altOne","imgHoverTwo","backgroundTwo","altTwo","imgHover","imgOver","photo","title","activeDescription","staticRenderFns","props","data","position","$route","products","styles","homestyles","computed","filter","prod","methods","component","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports"],"mappings":"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","file":"js/chunk-bc60bcc0.e53597e6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"products-band\",attrs:{\"id\":\"products-band\"}},[_c('b-container',[_c('b-row',{staticClass:\"d-flex flex-wrap\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('h3',{staticClass:\"title pb-4 pr-4 pl-4 pr-sm-4 pl-sm-4 pr-md-0 pl-md-0 pr-lg-5 pl-lg-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.otherProducts)))])])],1),_c('b-row',{staticClass:\"justify-content-center\"},_vm._l((_vm.userPositions),function(product,index){return _c('b-col',{key:index,staticClass:\"product-box\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"},on:{\"mouseover\":function($event){return _vm.mouseover(index)},\"mouseleave\":function($event){return _vm.mouseleave(index)}}},[_c('router-link',{attrs:{\"to\":{ name: `${product.name}`, params: { lang: _vm.$i18n.locale }}}},[_c('div',{staticClass:\"product-box d-flex flex-column align-items-center justify-content-end pr-0 pl-0 pr-sm-4 pl-sm-4 pr-md-0 pl-md-0 pr-lg-0 pl-lg-0\"},[_c('b-img',{staticClass:\"one\",class:{imgHoverOne: product.active},attrs:{\"src\":require(`@/assets/images/products/other_products/${product.backgroundOne}`),\"alt\":product.altOne}}),_c('b-img',{staticClass:\"two\",class:{imgHoverTwo: product.active},attrs:{\"src\":require(`@/assets/images/products/other_products/${product.backgroundTwo}`),\"alt\":product.altTwo}}),_c('b-img',{staticClass:\"img_product\",class:{imgHover: product.active, imgOver: !product.active },attrs:{\"src\":require(`@/assets/images/products/other_products/${product.photo}`),\"fluid\":\"\",\"alt\":`${_vm.$t(product.title)}`}}),_c('p',{staticClass:\"text-center pt-3 mb-0 descriptions\",class:{activeDescription :product.active}},[_vm._v(_vm._s(_vm.$t(product.title)))])],1)])],1)}),1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"products-band\" id=\"products-band\">\r\n    <b-container>\r\n      <b-row class=\"d-flex flex-wrap\">\r\n        <b-col cols='12'>\r\n          <h3 class=\"title pb-4 pr-4 pl-4 pr-sm-4 pl-sm-4 pr-md-0 pl-md-0 pr-lg-5 pl-lg-0\">\r\n            {{ $t(otherProducts) }}</h3>\r\n        </b-col>\r\n      </b-row>\r\n      <b-row class=\"justify-content-center\">\r\n        <b-col cols=\"12\" md=\"6\" lg=\"4\"\r\n               v-for=\"(product , index) in userPositions\"\r\n               :key=\"index\"\r\n               class=\"product-box\"\r\n               @mouseover=\"mouseover(index)\"\r\n               @mouseleave=\"mouseleave(index)\">\r\n          <router-link :to=\"{ name: `${product.name}`, params: { lang: $i18n.locale }}\">\r\n            <div\r\n                class=\"product-box d-flex flex-column align-items-center justify-content-end pr-0 pl-0 pr-sm-4 pl-sm-4 pr-md-0 pl-md-0 pr-lg-0 pl-lg-0\">\r\n              <b-img :class='{imgHoverOne: product.active}'\r\n                     class=\"one\"\r\n                     :src=\"require(`@/assets/images/products/other_products/${product.backgroundOne}`)\"\r\n                     :alt=\"product.altOne\"></b-img>\r\n              <b-img :class='{imgHoverTwo: product.active}'\r\n                     class=\"two\"\r\n                     :src=\"require(`@/assets/images/products/other_products/${product.backgroundTwo}`)\"\r\n                     :alt=\"product.altTwo\"></b-img>\r\n              <b-img :class='{imgHover: product.active, imgOver: !product.active }'\r\n                     class='img_product'\r\n                     :src=\"require(`@/assets/images/products/other_products/${product.photo}`)\"\r\n                     fluid\r\n                     :alt=\"`${$t(product.title)}`\"></b-img>\r\n              <p class=\"text-center pt-3 mb-0 descriptions\"\r\n                 :class=\"{activeDescription :product.active}\"\r\n              >{{ $t(product.title) }}</p>\r\n            </div>\r\n          </router-link>\r\n        </b-col>\r\n      </b-row>\r\n    </b-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"OtherProducts\",\r\n  props: ['otherProducts'],\r\n  data() {\r\n    return {\r\n      position: this.$route.name,\r\n      products: [\r\n        {\r\n          name: 'MultiTank',\r\n          title: 'products.feeder',\r\n          photo: 'multiTank_mini.png',\r\n          backgroundOne: 'product_a.png',\r\n          altOne: 'circle one',\r\n          backgroundTwo: 'product_b.png',\r\n          altTwo: 'circle two',\r\n          styles: 'col-lg-4',\r\n          homestyles: 'col-lg-4',\r\n          active: false,\r\n        },\r\n        {\r\n          name: 'FtthOne',\r\n          title: 'ftth.slider.firstSlide',\r\n          photo: 'ftth_one_mini.png',\r\n          backgroundOne: 'product_a.png',\r\n          altOne: 'circle one',\r\n          backgroundTwo: 'product_b.png',\r\n          altTwo: 'circle two',\r\n          styles: 'col-lg-4',\r\n          homestyles: 'col-lg-4',\r\n          active: false\r\n        },\r\n        {\r\n          name: 'MicroTyphoon',\r\n          title: 'products.microTyphoon',\r\n          photo: 'microTyphoon_all.png',\r\n          backgroundOne: 'product_a.png',\r\n          altOne: 'circle one',\r\n          backgroundTwo: 'product_b.png',\r\n          altTwo: 'circle two',\r\n          styles: 'col-lg-4',\r\n          homestyles: 'col-lg-4',\r\n          active: false\r\n        },\r\n        {\r\n          name: 'Typhoon32',\r\n          title: 'products.typhoon32',\r\n          photo: 'typehoon32_all.png',\r\n          backgroundOne: 'product_a.png',\r\n          altOne: 'circle one',\r\n          backgroundTwo: 'product_b.png',\r\n          altTwo: 'circle two',\r\n          styles: 'col-lg-4',\r\n          homestyles: 'col-lg-4',\r\n          active: false\r\n        },\r\n        {\r\n          name: 'Typhoon50',\r\n          title: 'products.typhoon50',\r\n          photo: 'typehoon50_all.png',\r\n          backgroundOne: 'product_a.png',\r\n          altOne: 'circle one',\r\n          backgroundTwo: 'product_b.png',\r\n          altTwo: 'circle two',\r\n          styles: 'col-lg-4',\r\n          homestyles: 'col-lg-4',\r\n          active: false\r\n        },\r\n        {\r\n          name: 'Y2',\r\n          title: 'products.connector',\r\n          photo: '3M7A2122n.png',\r\n          backgroundOne: 'product_a.png',\r\n          altOne: 'circle one',\r\n          backgroundTwo: 'product_b.png',\r\n          altTwo: 'circle two',\r\n          styles: 'col-lg-4',\r\n          homestyles: 'col-lg-4',\r\n          active: false\r\n        },\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    userPositions() {\r\n      return this.products.filter((prod) => {\r\n        if (this.position !== 'Home') {\r\n          return prod.name !== this.position;\r\n        } else return true\r\n      });\r\n    }\r\n  },\r\n  methods: {\r\n    mouseover(index) {\r\n      this.userPositions[index].active = true;\r\n    },\r\n    mouseleave(index) {\r\n      this.userPositions[index].active = false;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.products-band {\r\n  padding: 133px 0;\r\n  background: #FFFFFF;\r\n  @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {\r\n    padding: 114px 0;\r\n  }\r\n  @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {\r\n    padding: 114px 0;\r\n  }\r\n  @media (max-width: 1199.98px) {\r\n    padding: 70px 0;\r\n  }\r\n\r\n  .product-box {\r\n    height: 350px;\r\n    position: relative;\r\n    @media (max-width: 412.98px) {\r\n      height: 280px;\r\n    }\r\n\r\n    .descriptions.activeDescription {\r\n      color: $color-red;\r\n      transition: all .8s;\r\n    }\r\n\r\n    .img_product_podajnik {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    .one {\r\n      position: absolute;\r\n      z-index: 0;\r\n      top: 50%;\r\n      left: 50%;\r\n      margin-right: -50%;\r\n      transform: translate(-50%, -50%);\r\n      @media (max-width: 412.98px) {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    .two {\r\n      position: absolute;\r\n      z-index: 1;\r\n      top: 50%;\r\n      left: 50%;\r\n      margin-right: -50%;\r\n      transform: translate(-50%, -50%);\r\n      @media (max-width: 412.98px) {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    img.img_product {\r\n      position: relative;\r\n      z-index: 4;\r\n      transform: scale(1);\r\n      @media (max-width: 991.98px) {\r\n        margin: 0;\r\n        padding: 0;\r\n        max-width: 270px;\r\n        height: 180px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .product-box.subpage {\r\n\r\n    @media(min-width: 992px) {\r\n      height: 330px;\r\n    }\r\n\r\n    .product-box {\r\n      @media(min-width: 1200px) {\r\n        height: 330px;\r\n      }\r\n      @media(min-width: 992px) and (max-width: 1199.98px) {\r\n        height: 300px;\r\n      }\r\n    }\r\n\r\n    img.one, img.two {\r\n      max-width: calc(100% - 15px);\r\n    }\r\n\r\n    img.img_product {\r\n      transform: scale(1);\r\n      @media(min-width: 1200px) {\r\n        max-width: 250px;\r\n        height: 160px;\r\n      }\r\n      @media(min-width: 992px) and (max-width: 1199.98px) {\r\n        max-width: 240px;\r\n        height: 140px;\r\n      }\r\n    }\r\n\r\n    p.descriptions {\r\n      @media(min-width: 992px) {\r\n        font: 500 1.2rem/2rem Lato;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.imgHover {\r\n  @include animation(1s, imgHov);\r\n}\r\n\r\n.imgOver {\r\n  @include animation(600ms, imgOver);\r\n}\r\n\r\n.imgHoverOne {\r\n  @include animation(1s, imgOne);\r\n}\r\n\r\n.imgHoverTwo {\r\n  @include animation(1s, imgTwo);\r\n}\r\n\r\n@keyframes imgHov {\r\n  0% {\r\n    transform: scale(1);\r\n  }\r\n  100% {\r\n    transform: scale(1.015);\r\n  }\r\n}\r\n\r\n@keyframes imgOver {\r\n  0% {\r\n    transform: scale(1.015);\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes imgOne {\r\n  0% {\r\n    top: 50%;\r\n    left: 50%;\r\n  }\r\n  50% {\r\n    top: 51%;\r\n    left: 49%;\r\n  }\r\n  100% {\r\n    top: 50%;\r\n    left: 50%;\r\n  }\r\n}\r\n\r\n@keyframes imgTwo {\r\n  0% {\r\n    top: 50%;\r\n    left: 50%;\r\n  }\r\n  50% {\r\n    top: 49%;\r\n    left: 51%;\r\n  }\r\n  100% {\r\n    top: 50%;\r\n    left: 50%;\r\n  }\r\n}\r\n</style>\r\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!./OtherProducts.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!./OtherProducts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OtherProducts.vue?vue&type=template&id=529268da&scoped=true\"\nimport script from \"./OtherProducts.vue?vue&type=script&lang=js\"\nexport * from \"./OtherProducts.vue?vue&type=script&lang=js\"\nimport style0 from \"./OtherProducts.vue?vue&type=style&index=0&id=529268da&prod&lang=scss&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  \"529268da\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OtherProducts.vue?vue&type=style&index=0&id=529268da&prod&lang=scss&scoped=true\"","var map = {\n\t\"./3M7A2089n.png\": \"a358\",\n\t\"./3M7A2122n.png\": \"6a72\",\n\t\"./IMG_0033.png\": \"7e8a\",\n\t\"./ftth_one_mini.png\": \"4568\",\n\t\"./microTyphoon_all.png\": \"5132\",\n\t\"./micro_typon.png\": \"92d8\",\n\t\"./multiTank_mini.png\": \"0917\",\n\t\"./product_a.png\": \"63cb\",\n\t\"./product_b.png\": \"dfef\",\n\t\"./typehoon32.png\": \"266a\",\n\t\"./typehoon32_all.png\": \"52e9\",\n\t\"./typehoon50.png\": \"eedb\",\n\t\"./typehoon50_all.png\": \"7823\",\n\t\"./typhon_50_63.png\": \"5db8\",\n\t\"./typhoon_32_40.png\": \"e149\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"ea23\";"],"sourceRoot":""}