{"version":3,"sources":["webpack:///resources/js/src/app/components/pageDesign/Carousel.vue","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?e56a","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?88e4","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?38d2"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA;AACA;AACA;AACA,sBADA;AAEA;AAAA;AAAA;AAFA;AADA,GADA;AAQA;AACA;AACA,kBADA;AAEA;AAFA,KADA;AAKA;AACA,mBADA;AAEA;AAFA;AALA,GARA;AAmBA,YACA;AACA,gBADA,0BAEA;AACA;AAEA,cACA,QADA,EAEA,6CAFA,EAGA,6BAHA;AAKA;AAVA,GApBA;AAiCA,SAjCA,qBAkCA;AAAA;;AACA,+BACA;AACA;AACA,KAHA;AAIA,GAvCA;AAyCA,SAzCA,qBA0CA;AACA;AACA,GA5CA;AA8CA,WACA;AACA,sBADA,gCAEA;AACA,gIACA;AACA,mDADA,CAGA;;AACA,qCACA;AACA;AACA;;AAEA;AACA,uBADA,2BACA;AACA;AACA;AACA,aAFA;AAGA,WALA;AAMA,0BANA;AAOA,oBAPA;AAQA,kCARA;AASA;AACA;AACA;AADA,aADA;AAIA;AACA;AADA,aAJA;AAOA;AACA;AADA,aAPA;AAUA;AACA;AADA,aAVA;AAaA;AACA;AADA;AAbA,WATA;AA0BA,yBA1BA;AA2BA,qBA3BA;AA4BA,oBA5BA;AA6BA,yBA7BA;AA8BA,mBA9BA;AA+BA,qBACA,gEADA,EAEA,iEAFA,CA/BA;AAmCA,+BAnCA;AAoCA,oBACA,mFADA,EAEA,oFAFA,CApCA;AAwCA;AAxCA;AA0CA;AACA;AAxDA;AA/CA,G;;;;;;;;;;;;ACfA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,qBAAqB;AAC1B;AACA;AACA;AACA,qBAAqB,kCAAkC;AACvD;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA,0BAA0B,cAAc;AACxC,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,0BAA0B;AACzC,qCAAqC,SAAS,cAAc,EAAE;AAC9D;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACxCA;AAAA;AAAA;AAAA;AAAuF;AAC3B;AACL;;;AAGvD;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,8EAAM;AACR,EAAE,mFAAM;AACR,EAAE,4FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAgM,CAAgB,4OAAG,EAAC,C;;;;;;;;;;;;ACApN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-51.js","sourcesContent":["<template>\n    <div class=\"row\">\n        <div class=\"col-12 col-lg-12\" v-if=\"($slots.items && $slots.items.length > itemsPerPage) || isCrossSelling\">\n            <div class=\"list-item-carousel owl-carousel owl-theme owl-single-item\" ref=\"carouselContainer\">\n                <slot-component v-for=\"(item, index) in $slots.items\" :key=\"index\" :vnode=\"item\" />\n            </div>\n        </div>\n\n        <div :class=\"columnWidths\" v-else v-for=\"item in $slots.items\">\n            <slot-component :vnode=\"item\"/>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    components: {\n        SlotComponent: {\n            functional: true,\n            render: (createElement, context) => context.data.attrs.vnode\n        }\n    },\n\n    props: {\n        itemsPerPage: {\n            type: Number,\n            default: 4\n        },\n        isCrossSelling: {\n            type: Boolean,\n            default: false\n        }\n    },\n\n    computed:\n    {\n        columnWidths()\n        {\n            const itemsPerPage = Math.min(Math.max(this.itemsPerPage, 1), 4);\n\n            return [\n                \"col-12\",\n                itemsPerPage === 1 ? \"col-sm-12\" : \"col-sm-6\",\n                \"col-md-\" + (12 / itemsPerPage)\n            ];\n        }\n    },\n\n    mounted()\n    {\n        this.$nextTick(() =>\n        {\n            this.initializeCarousel();\n        });\n    },\n\n    updated()\n    {\n        this.initializeCarousel();\n    },\n\n    methods:\n    {\n        initializeCarousel()\n        {\n            if ((this.$slots.items && this.$slots.items[0].tag && this.$slots.items.length > this.itemsPerPage) || this.isCrossSelling)\n            {\n                const $owl = $(this.$refs.carouselContainer);\n\n                // do not render, if no html element is inside of the carousels container\n                if (!$owl.children().length)\n                {\n                    return;\n                }\n\n                $owl.owlCarousel({\n                    onInitialized(){\n                        $owl.find(\".owl-carousel.owl-loaded\").each(function() {\n                            $(this).trigger(\"refresh.owl.carousel\");\n                        });\n                    },\n                    autoHeight: true,\n                    dots: true,\n                    items: this.itemsPerPage,\n                    responsive: {\n                        0: {\n                            items: 1\n                        },\n                        576: {\n                            items: 2\n                        },\n                        768: {\n                            items: 3\n                        },\n                        992: {\n                            items: 4\n                        },\n                        1200: {\n                            items: this.isCrossSelling ? 1 : 5\n                        }\n                    },\n                    lazyLoad: false,\n                    loop: false,\n                    margin: 16,\n                    mouseDrag: true,\n                    nav: true,\n                    navClass: [\n                        \"owl-single-item-nav left carousel-control list-control-special\",\n                        \"owl-single-item-nav right carousel-control list-control-special\"\n                    ],\n                    navContainerClass: \"\",\n                    navText: [\n                        \"<i class=\\\"owl-single-item-control fa fa-chevron-left\\\" aria-hidden=\\\"true\\\"></i>\",\n                        \"<i class=\\\"owl-single-item-control fa fa-chevron-right\\\" aria-hidden=\\\"true\\\"></i>\"\n                    ],\n                    smartSpeed: 350\n                });\n            }\n        }\n    }\n}\n</script>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"row\" },\n    [\n      (_vm.$slots.items && _vm.$slots.items.length > _vm.itemsPerPage) ||\n      _vm.isCrossSelling\n        ? _c(\"div\", { staticClass: \"col-12 col-lg-12\" }, [\n            _c(\n              \"div\",\n              {\n                ref: \"carouselContainer\",\n                staticClass:\n                  \"list-item-carousel owl-carousel owl-theme owl-single-item\",\n              },\n              _vm._l(_vm.$slots.items, function (item, index) {\n                return _c(\"slot-component\", {\n                  key: index,\n                  attrs: { vnode: item },\n                })\n              }),\n              1\n            ),\n          ])\n        : _vm._l(_vm.$slots.items, function (item) {\n            return _c(\n              \"div\",\n              { class: _vm.columnWidths },\n              [_c(\"slot-component\", { attrs: { vnode: item } })],\n              1\n            )\n          }),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=70daac60&\"\nimport script from \"./Carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carousel.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-3dprima_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('70daac60')) {\n      api.createRecord('70daac60', component.options)\n    } else {\n      api.reload('70daac60', component.options)\n    }\n    module.hot.accept(\"./Carousel.vue?vue&type=template&id=70daac60&\", function () {\n      api.rerender('70daac60', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/pageDesign/Carousel.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.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!./Carousel.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=template&id=70daac60&\""],"sourceRoot":""}