{"version":3,"sources":["webpack:///./resources/js/src/app/components/home/HomeSliderWidget.vue?53cd","webpack:///./resources/js/src/app/components/home/HomeSliderWidget.vue?2e6e","webpack:///resources/js/src/app/components/home/HomeSliderWidget.vue","webpack:///./resources/js/src/app/components/home/HomeSliderWidget.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","_l","entries","entry","attrs","media","srcset","imageMobilLeft","_v","imageDesktopLeft","src","loading","alt","headline","isMobile","_e","imageMobilRight","imageDesktopRight","style","dreieckFarbe","dreieckTextFarbe","domProps","innerHTML","_s","text","dreieckButtonFarbe","href","buttonUrl","buttonText","dreieckButtonFarbeHover","bannerFarbeLinks","bannerFarbeRechts","dreieckButtonFarbeMobil","_m","_withStripped","component","staticStyle","options","__file"],"mappings":"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","file":"chunks/ceres-client-50.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: \"home-slider\" }, [\n    _c(\n      \"div\",\n      {\n        ref: \"swiper\",\n        staticClass: \"swiper-container home-slider__slider-container\"\n      },\n      [\n        _c(\n          \"div\",\n          { staticClass: \"swiper-wrapper\" },\n          _vm._l(_vm.entries, function(entry) {\n            return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n              _c(\"div\", { staticClass: \"home-slider__images\" }, [\n                _c(\"div\", { staticClass: \"home-slider__images--left\" }, [\n                  _c(\"picture\", [\n                    _c(\"source\", {\n                      attrs: {\n                        media: \"(max-width: 767px)\",\n                        srcset: entry.imageMobilLeft\n                      }\n                    }),\n                    _vm._v(\" \"),\n                    _c(\"source\", {\n                      attrs: {\n                        media: \"(min-width: 768px)\",\n                        srcset: entry.imageDesktopLeft\n                      }\n                    }),\n                    _vm._v(\" \"),\n                    _c(\"img\", {\n                      staticClass: \"home-slider__image\",\n                      attrs: {\n                        src: entry.imageDesktopLeft,\n                        loading: \"lazy\",\n                        alt: entry.headline\n                      }\n                    })\n                  ])\n                ]),\n                _vm._v(\" \"),\n                !_vm.isMobile\n                  ? _c(\"div\", { staticClass: \"home-slider__images--right\" }, [\n                      _c(\"picture\", [\n                        _c(\"source\", {\n                          attrs: {\n                            media: \"(max-width: 767px)\",\n                            srcset: entry.imageMobilRight\n                          }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"source\", {\n                          attrs: {\n                            media: \"(min-width: 768px)\",\n                            srcset: entry.imageDesktopRight\n                          }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"img\", {\n                          staticClass: \"home-slider__image\",\n                          attrs: {\n                            src: entry.imageMobilRight,\n                            loading: \"lazy\",\n                            alt: entry.headline\n                          }\n                        })\n                      ])\n                    ])\n                  : _vm._e()\n              ]),\n              _vm._v(\" \"),\n              !_vm.isMobile\n                ? _c(\"div\", { staticClass: \"home-slider__content-wrapper\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"home-slider__content\",\n                        style: \"background-color: \" + entry.dreieckFarbe\n                      },\n                      [\n                        _c(\"div\", { staticClass: \"home-slider__content-txt\" }, [\n                          _c(\"div\", {\n                            staticClass: \"home-slider__slider-headline\",\n                            style: \"color: \" + entry.dreieckTextFarbe,\n                            domProps: { innerHTML: _vm._s(entry.headline) }\n                          }),\n                          _vm._v(\" \"),\n                          _c(\"div\", {\n                            staticClass: \"home-slider__slider-subheadline\",\n                            style: \"color: \" + entry.dreieckTextFarbe,\n                            domProps: { innerHTML: _vm._s(entry.text) }\n                          }),\n                          _vm._v(\" \"),\n                          _c(\n                            \"a\",\n                            {\n                              staticClass: \"home-slider__slider-button\",\n                              style:\n                                \"background-color: \" + entry.dreieckButtonFarbe,\n                              attrs: {\n                                href: entry.buttonUrl,\n                                alt: entry.buttonText\n                              }\n                            },\n                            [\n                              _c(\"div\", {\n                                staticClass:\n                                  \"home-slider__slider-button--hover-rect\",\n                                style:\n                                  \"background-color: \" +\n                                  entry.dreieckButtonFarbeHover\n                              }),\n                              _vm._v(\n                                \"\\n                                \" +\n                                  _vm._s(entry.buttonText) +\n                                  \"\\n                            \"\n                              )\n                            ]\n                          )\n                        ])\n                      ]\n                    )\n                  ])\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.isMobile\n                ? _c(\n                    \"div\",\n                    { staticClass: \"home-slider-mobile__content-wrapper\" },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"home-slider-mobile__background\" },\n                        [\n                          _c(\"div\", {\n                            staticClass: \"home-slider-mobile__background--left\",\n                            style: \"background-color: \" + entry.bannerFarbeLinks\n                          }),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"home-slider-mobile__background--right\",\n                              style:\n                                \"background-color: \" + entry.bannerFarbeRechts\n                            },\n                            [\n                              _c(\"div\", {\n                                staticClass:\n                                  \"home-slider-mobile__background--triangle\",\n                                style:\n                                  \"border-color: transparent transparent \" +\n                                  entry.bannerFarbeRechts +\n                                  \" transparent\"\n                              })\n                            ]\n                          )\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"home-slider-mobile__content\",\n                          style: \"background-color: \" + entry.dreieckFarbe\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            { staticClass: \"home-slider-mobile__content-txt\" },\n                            [\n                              _c(\"div\", {\n                                staticClass:\n                                  \"home-slider-mobile__slider-headline\",\n                                style: \"color: #585858\",\n                                domProps: { innerHTML: _vm._s(entry.headline) }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\"div\", {\n                                staticClass:\n                                  \"home-slider-mobile__slider-subheadline\",\n                                style: \"color: \" + entry.dreieckTextFarbe,\n                                domProps: { innerHTML: _vm._s(entry.text) }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\n                                \"a\",\n                                {\n                                  staticClass:\n                                    \"home-slider-mobile__slider-button\",\n                                  style:\n                                    \"background-color: \" +\n                                    entry.dreieckButtonFarbeMobil,\n                                  attrs: {\n                                    href: entry.buttonUrl,\n                                    alt: entry.buttonText\n                                  }\n                                },\n                                [_vm._v(_vm._s(entry.buttonText))]\n                              )\n                            ]\n                          )\n                        ]\n                      )\n                    ]\n                  )\n                : _vm._e()\n            ])\n          }),\n          0\n        )\n      ]\n    ),\n    _vm._v(\" \"),\n    _vm._m(0),\n    _vm._v(\" \"),\n    _vm._m(1),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"home-slider__pagination\" })\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"home-slider__prev\" }, [\n      _c(\"i\", {\n        staticClass: \"icon-left\",\n        staticStyle: { \"font-size\": \"20px\" }\n      })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"home-slider__next\" }, [\n      _c(\"i\", {\n        staticClass: \"icon-right\",\n        staticStyle: { \"font-size\": \"20px\" }\n      })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HomeSliderWidget.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!./HomeSliderWidget.vue?vue&type=script&lang=js&\"","<template>\n    <div class=\"home-slider\">\n        <div class=\"swiper-container home-slider__slider-container\" ref=\"swiper\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\" v-for=\"entry in entries\">\n                    <div class=\"home-slider__images\">\n                        <div class=\"home-slider__images--left\">\n                            <picture>\n                                <source media=\"(max-width: 767px)\" :srcset=\"entry.imageMobilLeft\">\n                                <source media=\"(min-width: 768px)\" :srcset=\"entry.imageDesktopLeft\">\n                                <img class=\"home-slider__image\" :src=\"entry.imageDesktopLeft\" loading=\"lazy\"\n                                     :alt=\"entry.headline\">\n                            </picture>\n                        </div>\n                        <div class=\"home-slider__images--right\" v-if=\"!isMobile\">\n                            <picture>\n                                <source media=\"(max-width: 767px)\" :srcset=\"entry.imageMobilRight\">\n                                <source media=\"(min-width: 768px)\" :srcset=\"entry.imageDesktopRight\">\n                                <img class=\"home-slider__image\" :src=\"entry.imageMobilRight\" loading=\"lazy\"\n                                     :alt=\"entry.headline\">\n                            </picture>\n                        </div>\n                    </div>\n                    <div class=\"home-slider__content-wrapper\" v-if=\"!isMobile\">\n                        <div class=\"home-slider__content\" :style=\"'background-color: '+ entry.dreieckFarbe\">\n                            <div class=\"home-slider__content-txt\">\n                                <div v-html=\"entry.headline\" :style=\"'color: '+ entry.dreieckTextFarbe\" class=\"home-slider__slider-headline\"></div>\n                                <div v-html=\"entry.text\" :style=\"'color: '+ entry.dreieckTextFarbe\" class=\"home-slider__slider-subheadline\"></div>\n                                <a :href=\"entry.buttonUrl\" :alt=\"entry.buttonText\" :style=\"'background-color: '+ entry.dreieckButtonFarbe\" class=\"home-slider__slider-button\">\n                                    <div class=\"home-slider__slider-button--hover-rect\" :style=\"'background-color: '+ entry.dreieckButtonFarbeHover\"></div>\n                                    {{ entry.buttonText }}\n                                </a>\n                            </div>\n                        </div>\n                    </div>\n\n\n                    <div class=\"home-slider-mobile__content-wrapper\" v-if=\"isMobile\">\n                        <div class=\"home-slider-mobile__background\">\n                            <div class=\"home-slider-mobile__background--left\" :style=\"'background-color: '+ entry.bannerFarbeLinks\"></div>\n                            <div class=\"home-slider-mobile__background--right\" :style=\"'background-color: '+ entry.bannerFarbeRechts\">\n                                <div class=\"home-slider-mobile__background--triangle\" :style=\"'border-color: transparent transparent '+entry.bannerFarbeRechts+' transparent'\"></div>\n                            </div>\n                        </div>\n\n                        <div class=\"home-slider-mobile__content\" :style=\"'background-color: '+ entry.dreieckFarbe\">\n                            <div class=\"home-slider-mobile__content-txt\">\n                                <div v-html=\"entry.headline\" :style=\"'color: #585858'\" class=\"home-slider-mobile__slider-headline\"></div>\n                                <div v-html=\"entry.text\" :style=\"'color: '+ entry.dreieckTextFarbe\" class=\"home-slider-mobile__slider-subheadline\"></div>\n                                <a :href=\"entry.buttonUrl\" :alt=\"entry.buttonText\" :style=\"'background-color: '+ entry.dreieckButtonFarbeMobil\" class=\"home-slider-mobile__slider-button\">{{ entry.buttonText }}</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"home-slider__prev\">\n            <!--<i class=\"fa fa-chevron-left\"></i>-->\n            <i class=\"icon-left\" style=\"font-size:20px\"></i>\n        </div>\n        <div class=\"home-slider__next\">\n            <!--<i class=\"fa fa-chevron-right\"></i>-->\n            <i class=\"icon-right\" style=\"font-size:20px\"></i>\n        </div>\n        <div class=\"home-slider__pagination\"></div>\n    </div>\n</template>\n\n<script>\n\n    import { Swiper } from 'swiper';\n\n    export default {\n        props: {\n            bemclass: {\n                type: String,\n                default: \"\"\n            },\n            entries: {\n                type: Array,\n                default: () => []\n            }\n        },\n\n        data(){\n            return{\n                isMobile: false\n            }\n        },\n\n        mounted()\n        {\n            this.$nextTick(() =>\n            {\n                this.isMobile = window.innerWidth < 768;\n                this.initSwiper();\n            });\n        },\n\n        methods: {\n            initSwiper(){\n                const swiper = new Swiper(\".home-slider__slider-container\", {\n                    pagination: {\n                        el: \".home-slider__pagination\",\n                        type: \"bullets\"\n                    },\n                    navigation: {\n                        nextEl: \".home-slider__next\",\n                        prevEl: \".home-slider__prev\"\n                    },\n                    autoplay: {\n                        delay: 5000,\n                    },\n                    loop: false,\n                    breakpoints: {\n                        992: {\n                            loop: true\n                        }\n                    },\n                });\n            }\n        }\n    }\n</script>\n","import { render, staticRenderFns } from \"./HomeSliderWidget.vue?vue&type=template&id=69fdfbdc&\"\nimport script from \"./HomeSliderWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeSliderWidget.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/fhartwig/Sites/DIA-stylebreaker-v2/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('69fdfbdc')) {\n      api.createRecord('69fdfbdc', component.options)\n    } else {\n      api.reload('69fdfbdc', component.options)\n    }\n    module.hot.accept(\"./HomeSliderWidget.vue?vue&type=template&id=69fdfbdc&\", function () {\n      api.rerender('69fdfbdc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/home/HomeSliderWidget.vue\"\nexport default component.exports"],"sourceRoot":""}