{"version":3,"sources":["webpack:///./src/components/subcomponents/OtherProducts.vue?2e7e","webpack:///src/components/subcomponents/OtherProducts.vue","webpack:///./src/components/subcomponents/OtherProducts.vue?03d2","webpack:///./src/components/subcomponents/OtherProducts.vue","webpack:///./src/assets/images/products/other_products sync ^\\.\\/.*$","webpack:///./src/components/subcomponents/OtherProducts.vue?c4b9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","otherProducts","_l","product","index","key","on","$event","mouseover","mouseleave","name","params","lang","$i18n","locale","class","imgHoverOne","active","altOne","imgHoverTwo","altTwo","imgHover","imgOver","title","activeDescription","staticRenderFns","props","position","$route","products","computed","filter","prod","methods","userPositions","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-7bb04ed7.acaaac01.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\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&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","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\";","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&lang=scss&scoped=true&\""],"sourceRoot":""}