{"version":3,"sources":["webpack:///./src/components/Sliders/Slider.vue","webpack:///src/components/Sliders/Slider.vue","webpack:///./src/components/Sliders/Slider.vue?1ece","webpack:///./src/components/Sliders/Slider.vue?b197","webpack:///./src/components/Sliders/Slider.vue?bf1f"],"names":["render","_vm","this","_c","_self","attrs","staticClass","banners","length","_l","banner","isIframe","key","id","directives","name","rawName","value","checkOrigin","log","expression","getUrl","style","getImageStyle","_e","staticRenderFns","components","agile","VueAgile","props","partnerId","type","String","data","loading","computed","$store","getters","watch","mounted","load","methods","_this","dispatch","catch","err","$err","finally","concat","$config","infoSiteUrl","url","image","$resize","raw","w","h","f","c","backgroundImage","component"],"mappings":"6HAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,WAAW,CAACF,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAAEL,EAAIM,QAAQC,OAAQL,EAAG,QAAQ,CAACE,MAAM,CAAC,eAAc,EAAK,MAAQ,IAAK,eAAc,EAAM,UAAW,IAAQ,CAACJ,EAAIQ,GAAIR,EAAIM,SAAS,SAASG,GAAQ,MAAO,CAAET,EAAIU,SAASD,GAASP,EAAG,MAAM,CAACS,IAAIF,EAAOG,GAAGP,YAAY,SAAS,CAACH,EAAG,SAAS,CAACW,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,WAAWC,MAAO,CAAEC,aAAa,EAAOC,KAAK,GAAQC,WAAW,sCAAsCf,MAAM,CAAC,YAAc,IAAI,IAAMJ,EAAIoB,OAAOX,QAAaP,EAAG,MAAM,CAACS,IAAIF,EAAOG,GAAGP,YAAY,cAAcgB,MAAOrB,EAAIsB,cAAcb,UAAe,GAAGT,EAAIuB,MAAM,MAElqBC,EAAkB,G,kCCyBP,GACfV,KAAA,SACAW,WAAA,CACAC,MAAAC,QAEAC,MAAA,CACAC,UAAA,CAAAC,KAAAC,SAEAC,KAAA,kBACAC,SAAA,IAEAC,SAAA,CACA5B,QAAA,WACA,YAAA6B,OAAAC,QAAA,qBAGAC,MAAA,CACAR,UAAA,QAEAS,QAAA,WACA,KAAAC,QAEAC,QAAA,CACAD,KAAA,eAAAE,EAAA,KAEA,OADA,KAAAR,SAAA,EACA,KAAAE,OAAAO,SAAA,mBAAA9B,GAAA,KAAAiB,YACAc,OAAA,SAAAC,GAAA,OAAAH,EAAAI,KAAAD,MACAE,SAAA,kBAAAL,EAAAR,SAAA,MAGAb,OAAA,SAAAX,GACA,SAAAsC,OAAA,KAAAC,QAAAC,YAAA,KAAAF,OAAAtC,EAAAyC,MAGA5B,cAAA,SAAAb,GAEA,IAAA0C,EAAA,KAAAC,QAAA3C,EAAA0C,MAAAE,IAAAH,IAAA,CAAAI,EAAA,KAAAC,EAAA,IAAAC,EAAA,SAAAC,EAAA,SACA,OACAC,gBAAA,OAAAX,OAAAI,EAAA,OAIAzC,SAAA,SAAAD,GACA,QAAAA,EAAAyC,OCtE+V,I,wBCQ3VS,EAAY,eACd,EACA5D,EACAyB,GACA,EACA,KACA,WACA,MAIa,OAAAmC,E,2CCnBf,W","file":"js/shop~vileecommercants~ville.9f384e91.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"slider\"}},[_c('div',{staticClass:\"container-fluid\"},[(_vm.banners.length)?_c('agile',{attrs:{\"center-mode\":true,\"speed\":1000,\"nav-buttons\":false,\"autoplay\":false}},[_vm._l((_vm.banners),function(banner){return [(_vm.isIframe(banner))?_c('div',{key:banner.id,staticClass:\"slide\"},[_c('iframe',{directives:[{name:\"resize\",rawName:\"v-resize\",value:({ checkOrigin: false, log: true }),expression:\"{ checkOrigin: false, log: true }\"}],attrs:{\"frameborder\":\"0\",\"src\":_vm.getUrl(banner)}})]):_c('div',{key:banner.id,staticClass:\"slide image\",style:(_vm.getImageStyle(banner))})]})],2):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"slider\">\n    <div class=\"container-fluid\">\n      <agile\n        v-if=\"banners.length\"\n        :center-mode=\"true\"\n        :speed=\"1000\"\n        :nav-buttons=\"false\"\n        :autoplay=\"false\"\n      >\n        <template v-for=\"banner in banners\">\n          <div v-if=\"isIframe(banner)\" :key=\"banner.id\" class=\"slide\">\n            <iframe\n              v-resize=\"{ checkOrigin: false, log: true }\"\n              frameborder=\"0\"\n              :src=\"getUrl(banner)\"\n            />\n          </div>\n          <div v-else :key=\"banner.id\" :style=\"getImageStyle(banner)\" class=\"slide image\"></div>\n        </template>\n      </agile>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { VueAgile } from 'vue-agile'\nexport default {\n  name: 'Slider',\n  components: {\n    agile: VueAgile\n  },\n  props: {\n    partnerId: { type: String }\n  },\n  data: () => ({\n    loading: false\n  }),\n  computed: {\n    banners() {\n      return this.$store.getters['partner/banners']\n    }\n  },\n  watch: {\n    partnerId: 'load'\n  },\n  mounted() {\n    this.load()\n  },\n  methods: {\n    load() {\n      this.loading = true\n      return this.$store.dispatch('partner/banners', { id: this.partnerId })\n        .catch(err => this.$err(err))\n        .finally(() => (this.loading = false))\n    },\n\n    getUrl(banner) {\n      return `${this.$config.infoSiteUrl}/${banner.url}`\n    },\n\n    getImageStyle(banner) {\n      // :src=\"$resize(banner.image.raw.url, { w: 399, h: 266, f: 'cover', c: 'grey' })\"\n      const image = this.$resize(banner.image.raw.url, { w: 1643, h: 736, f: 'inside', c: 'grey' })\n      return {\n        backgroundImage: `url(${image})`\n      }\n    },\n\n    isIframe(banner) {\n      return !!banner.url\n    }\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit SCSS to this component only -->\n<style lang=\"scss\" scoped>\n@import '../../assets/styles/youpaq.scss';\n\n::v-deep .prev,\n::v-deep .next {\n  color: transparent !important;\n  width: 30px !important;\n  height: 70px !important;\n  background-size: contain !important;\n  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6)) !important;\n  cursor: pointer;\n  @include media-breakpoint-up(lg) {\n    width: 70px !important;\n  }\n}\n::v-deep .prev {\n  background: url(\"~@/assets/slider-prev-white.svg\") no-repeat;\n  left: calc(20% - 170px);\n}\n\n::v-deep .next {\n  background: url(\"~@/assets/slider-next-white.svg\") no-repeat;\n  right: calc(20% - 180px);\n}\n\n#slider {\n  position: relative;\n  background-color: #86b83e;\n  min-height: 400px;\n  display: flex;\n  align-items: center;\n\n  @media (min-width: 1024px) {\n    min-height: 700px;\n  }\n\n  .container-fluid {\n    padding: 0;\n  }\n}\n\n.slide {\n  height: 400px !important;\n\n  @include media-breakpoint-up(md) {\n    height: 500px !important;\n  }\n\n  @media (min-width: 1024px) {\n    height: 700px !important;\n  }\n\n  iframe {\n    border: 0;\n    width: 100%;\n    min-height: 400px;\n\n    @include media-breakpoint-up(md) {\n      min-height: 500px;\n    }\n\n    @media (min-width: 1024px) {\n      min-height: 700px;\n    }\n\n    #player {\n      max-height: 400px !important;\n\n      @include media-breakpoint-up(md) {\n        max-height: 500px !important;\n      }\n\n      @media (min-width: 1024px) {\n        max-height: 700px !important;\n      }\n    }\n  }\n\n  &.image {\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    min-height: 400px;\n\n    @include media-breakpoint-up(md) {\n      min-height: 500px;\n    }\n\n    @media (min-width: 1024px) {\n      min-height: 700px;\n    }\n  }\n\n  img.d-lg-flex {\n    width: 100%;\n  }\n}\n\n.slide-item {\n  display: flex;\n  position: relative;\n  justify-content: center;\n}\n.slide-item-content {\n  max-width: 650px;\n  position: relative;\n\n  @include media-breakpoint-up(lg) {\n    max-width: 1000px;\n  }\n}\n.slide-content {\n  background-color: white;\n  display: flex;\n  justify-content: flex-end;\n  box-shadow: 0px 1px 7px #0000005e;\n  min-height: 185px;\n  margin: 50px 20px 100px;\n  position: relative;\n\n  @include media-breakpoint-up(md) {\n    min-height: 337px;\n    margin: 80px 20px 100px;\n  }\n\n  @include media-breakpoint-up(lg) {\n    min-height: 450px;\n    margin: 100px 0;\n  }\n}\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!./Slider.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!./Slider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Slider.vue?vue&type=template&id=79edd6d8&scoped=true&\"\nimport script from \"./Slider.vue?vue&type=script&lang=js&\"\nexport * from \"./Slider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Slider.vue?vue&type=style&index=0&id=79edd6d8&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  \"79edd6d8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.vue?vue&type=style&index=0&id=79edd6d8&prod&lang=scss&scoped=true&\""],"sourceRoot":""}