{"version":3,"sources":["webpack:///./resources/js/src/app/bigtex/brandslider.vue?3946","webpack:///resources/js/src/app/bigtex/brandslider.vue","webpack:///./resources/js/src/app/bigtex/brandslider.vue?a909","webpack:///./resources/js/src/app/bigtex/brandslider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","click","movePrev","_v","ref","_l","brands","brand","index","key","attrs","href","link","name","loading","src","imageUrl","alt","moveNext","_withStripped","data","currentOffset","methods","slideWidth","maxOffset","$refs","sliderTrack","style","transform","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CAAEE,YAAa,yBAA2B,CACzDF,EACE,SACA,CACEE,YAAa,6CACbC,GAAI,CAAEC,MAAOR,EAAIS,WAEnB,CAACT,EAAIU,GAAG,iBAEVV,EAAIU,GAAG,KACPN,EACE,MACA,CAAEO,IAAK,cAAeL,YAAa,qBACnCN,EAAIY,GAAGZ,EAAIa,QAAQ,SAASC,EAAOC,GACjC,OAAOX,EACL,MACA,CACEY,IAAKD,EACLT,YAAa,4CAEf,CACEF,EAAG,IAAK,CAAEa,MAAO,CAAEC,KAAMJ,EAAMK,KAAM,aAAcL,EAAMM,OAAU,CACjEhB,EAAG,MAAO,CACRE,YAAa,oBACbW,MAAO,CAAEI,QAAS,OAAQC,IAAKR,EAAMS,SAAUC,IAAKV,EAAMM,eAMpE,GAEFpB,EAAIU,GAAG,KACPN,EACE,SACA,CACEE,YAAa,6CACbC,GAAI,CAAEC,MAAOR,EAAIyB,WAEnB,CAACzB,EAAIU,GAAG,oBAKdX,EAAO2B,eAAgB,EC7BvB,ICnB6M,EDmB7M,CACEC,KADF,WAEI,MAAO,CACLd,OAAQ,CACd,CACQ,KAAR,gBACQ,SACR,wGACQ,KAAR,0BAEA,CACQ,KAAR,YACQ,SACR,sGACQ,KAAR,sBAEA,CACQ,KAAR,eACQ,SACR,wGACQ,KAAR,uBAEA,CACQ,KAAR,WACQ,SACR,sGACQ,KAAR,qBAEA,CACQ,KAAR,UACQ,SACR,qGACQ,KAAR,oBAEA,CACQ,KAAR,WACQ,SACR,sGACQ,KAAR,qBAGM,CACE,KAAR,gBACQ,SACR,wGACQ,KAAR,0BAEA,CACQ,KAAR,YACQ,SACR,sGACQ,KAAR,sBAEA,CACQ,KAAR,eACQ,SACR,wGACQ,KAAR,uBAEA,CACQ,KAAR,WACQ,SACR,sGACQ,KAAR,qBAEA,CACQ,KAAR,UACQ,SACR,qGACQ,KAAR,oBAEA,CACQ,KAAR,WACQ,SACR,sGACQ,KAAR,sBAGMe,cAAe,IAGnBC,QAAS,CACPJ,SADJ,WAEM,IAAN,iDACA,EACA,8DAEMxB,KAAK2B,eAAiBE,EAElB7B,KAAK2B,cAAgBG,IACvB9B,KAAK2B,cAAgB,GAGvB3B,KAAK+B,MAAMC,YAAYC,MAAMC,UAAY,eAA/C,kCAEI1B,SAdJ,WAeM,IAAN,iDAEMR,KAAK2B,eAAiBE,EAElB7B,KAAK2B,cAAgB,IACvB3B,KAAK2B,cACb,+DAGM3B,KAAK+B,MAAMC,YAAYC,MAAMC,UAAY,eAA/C,oC,OErHIC,EAAY,YACd,EACArC,EHsCoB,IGpCpB,EACA,KACA,KACA,MAuBFqC,EAAUC,QAAQC,OAAS,8CACZ,UAAAF,E","file":"chunks/ceres-client-19.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"brandslider-container\" }, [\n    _c(\n      \"button\",\n      {\n        staticClass: \"brandslider-button brandslider-button-prev\",\n        on: { click: _vm.movePrev }\n      },\n      [_vm._v(\"\\n    ‹\\n  \")]\n    ),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { ref: \"sliderTrack\", staticClass: \"brandslider-track\" },\n      _vm._l(_vm.brands, function(brand, index) {\n        return _c(\n          \"div\",\n          {\n            key: index,\n            staticClass: \"brandslider-item col-6 col-md-3 col-lg-2\"\n          },\n          [\n            _c(\"a\", { attrs: { href: brand.link, \"aria-label\": brand.name } }, [\n              _c(\"img\", {\n                staticClass: \"brandslider-image\",\n                attrs: { loading: \"lazy\", src: brand.imageUrl, alt: brand.name }\n              })\n            ])\n          ]\n        )\n      }),\n      0\n    ),\n    _vm._v(\" \"),\n    _c(\n      \"button\",\n      {\n        staticClass: \"brandslider-button brandslider-button-next\",\n        on: { click: _vm.moveNext }\n      },\n      [_vm._v(\"\\n    ›\\n  \")]\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"brandslider-container\">\n    <button @click=\"movePrev\" class=\"brandslider-button brandslider-button-prev\">\n      &#8249;\n    </button>\n    <div ref=\"sliderTrack\" class=\"brandslider-track\">\n      <div v-for=\"(brand, index) in brands\" :key=\"index\" class=\"brandslider-item col-6 col-md-3 col-lg-2\">\n        <a :href=\"brand.link\" :aria-label=\"brand.name\">\n          <img loading=\"lazy\" :src=\"brand.imageUrl\" :alt=\"brand.name\" class=\"brandslider-image\" />\n        </a>\n      </div>\n    </div>\n    <button @click=\"moveNext\" class=\"brandslider-button brandslider-button-next\">\n      &#8250;\n    </button>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      brands: [\n        {\n          name: \"Adamo Fashion\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-adamo-2024-100x60.jpg\",\n          link: \"/marken/adamo-fashion/\",\n        },\n        {\n          name: \"Casa Moda\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-casamoda-100x60.jpg\",\n          link: \"/marken/casa-moda/\",\n        },\n        {\n          name: \"Jack & Jones\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-jack-jones-100x60.jpg\",\n          link: \"/marken/jack-jones/\",\n        },\n        {\n          name: \"Paddocks\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-paddocks-100x60.jpg\",\n          link: \"/marken/paddocks/\",\n        },\n        {\n          name: \"Pioneer\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-pioneer-100x60.jpg\",\n          link: \"/marken/pioneer/\",\n        },\n        {\n          name: \"Redfield\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-redfield-100x60.jpg\",\n          link: \"/marken/redfield/\",\n        },\n        // Duplicate items for testing\n        {\n          name: \"Adamo Fashion\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-adamo-2024-100x60.jpg\",\n          link: \"/marken/adamo-fashion/\",\n        },\n        {\n          name: \"Casa Moda\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-casamoda-100x60.jpg\",\n          link: \"/marken/casa-moda/\",\n        },\n        {\n          name: \"Jack & Jones\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-jack-jones-100x60.jpg\",\n          link: \"/marken/jack-jones/\",\n        },\n        {\n          name: \"Paddocks\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-paddocks-100x60.jpg\",\n          link: \"/marken/paddocks/\",\n        },\n        {\n          name: \"Pioneer\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-pioneer-100x60.jpg\",\n          link: \"/marken/pioneer/\",\n        },\n        {\n          name: \"Redfield\",\n          imageUrl:\n              \"https://cdn02.plentymarkets.com/ioezt853w1wg/frontend/Website/footer/logo-333-w-redfield-100x60.jpg\",\n          link: \"/marken/redfield/\",\n        },\n      ],\n      currentOffset: 0,\n    };\n  },\n  methods: {\n    moveNext() {\n      const slideWidth = this.$refs.sliderTrack.children[0].offsetWidth;\n      const maxOffset =\n          slideWidth * this.$refs.sliderTrack.children.length - this.$el.offsetWidth;\n\n      this.currentOffset += slideWidth;\n\n      if (this.currentOffset > maxOffset) {\n        this.currentOffset = 0; // Reset to the start\n      }\n\n      this.$refs.sliderTrack.style.transform = `translateX(-${this.currentOffset}px)`;\n    },\n    movePrev() {\n      const slideWidth = this.$refs.sliderTrack.children[0].offsetWidth;\n\n      this.currentOffset -= slideWidth;\n\n      if (this.currentOffset < 0) {\n        this.currentOffset =\n            slideWidth * this.$refs.sliderTrack.children.length - this.$el.offsetWidth;\n      }\n\n      this.$refs.sliderTrack.style.transform = `translateX(-${this.currentOffset}px)`;\n    },\n  },\n};\n</script>","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./brandslider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./brandslider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./brandslider.vue?vue&type=template&id=3a4807f7&\"\nimport script from \"./brandslider.vue?vue&type=script&lang=js&\"\nexport * from \"./brandslider.vue?vue&type=script&lang=js&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/stefanschmidt/Entwicklung/plenty24/3672/203/Bigtex5/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a4807f7')) {\n      api.createRecord('3a4807f7', component.options)\n    } else {\n      api.reload('3a4807f7', component.options)\n    }\n    module.hot.accept(\"./brandslider.vue?vue&type=template&id=3a4807f7&\", function () {\n      api.rerender('3a4807f7', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/bigtex/brandslider.vue\"\nexport default component.exports"],"sourceRoot":""}