{"version":3,"sources":["webpack://multicontent-widget/./resources/js/src/components/Slider.vue?703e","webpack://multicontent-widget/./resources/js/src/components/Slider.vue?74e0","webpack://multicontent-widget/resources/js/src/components/Slider.vue","webpack://multicontent-widget/./resources/js/src/components/Slider.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","itemCount","ref","_l","$slots","items","item","index","key","attrs","vnode","class","columnWidths","_withStripped","component","options","__file"],"mappings":"2KAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,MACA,CAAEE,YAAa,OACf,CACEN,EAAIO,UAAY,EACZH,EAAG,MAAO,CAAEE,YAAa,oBAAsB,CAC7CF,EACE,MACA,CACEI,IAAK,oBACLF,YACE,8DAEJN,EAAIS,GAAGT,EAAIU,OAAOC,OAAO,SAAUC,EAAMC,GACvC,OAAOT,EAAG,iBAAkB,CAC1BU,IAAKD,EACLE,MAAO,CAAEC,MAAOJ,IAEpB,IACA,KAGJZ,EAAIS,GAAGT,EAAIU,OAAOC,OAAO,SAAUC,GACjC,OAAOR,EACL,MACA,CAAEa,MAAOjB,EAAIkB,cACb,CAACd,EAAG,iBAAkB,CAAEW,MAAO,CAAEC,MAAOJ,MACxC,EAEJ,KAEN,EAEJ,EAEAb,EAAOoB,eAAgB,E,YCvC4J,ECiBnL,CACA,WACA,CACA,cACA,CACA,cACA,kDAIA,OACA,aACA,CACA,YACA,WAEA,aACA,aACA,YAEA,YACA,aACA,YAEA,QACA,aACA,YAEA,YACA,aACA,YAEA,aACA,YACA,YAEA,UACA,YACA,YAEA,gBACA,aACA,YAEA,iBACA,YACA,aAEA,eACA,aACA,aAIA,gBACA,OACA,YAEA,EAEA,SACA,CACA,wBACA,gDAEA,OACA,SACA,6BACA,eAEA,GAGA,mBACA,oBACA,wCAEA,EAEA,8BACA,2BACA,sBACA,GACA,EAEA,QACA,CACA,8BACA,6CACA,cACA,sBACA,wBACA,YACA,YACA,oCACA,oDACA,+BAEA,yBACA,iBACA,wBACA,6BACA,qCACA,sCACA,2BACA,aACA,oBACA,UACA,iEACA,mEAEA,qBACA,SACA,gFACA,kFAEA,gBAEA,IChIIC,GAAY,E,QAAA,GACd,EACArB,EH6BoB,IG3BpB,EACA,KACA,KACA,MAuBFqB,EAAUC,QAAQC,OAAS,yCAC3B,MAAeF,E","file":"chunks/multicontent-33.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(\n    \"div\",\n    { staticClass: \"row\" },\n    [\n      _vm.itemCount > 0\n        ? _c(\"div\", { staticClass: \"col-12 col-lg-12\" }, [\n            _c(\n              \"div\",\n              {\n                ref: \"carouselContainer\",\n                staticClass:\n                  \"mw-carousel-auto list-item-carousel owl-carousel owl-theme\",\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 mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Slider.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!./Slider.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"row\">\n    <div v-if=\"itemCount > 0\" class=\"col-12 col-lg-12\">\n      <div ref=\"carouselContainer\" class=\"mw-carousel-auto list-item-carousel owl-carousel owl-theme\">\n        <slot-component v-for=\"(item, index) in $slots.items\" :key=\"index\" :vnode=\"item\"/>\n      </div>\n    </div>\n    <div v-for=\"item in $slots.items\" v-else :class=\"columnWidths\">\n      <slot-component :vnode=\"item\" />\n    </div>\n  </div>\n</template>\n\n<script>\n\n// import \"owl.carousel\";\n\nexport default {\n  components:\n    {\n      SlotComponent:\n            {\n              functional: true,\n              render: (createElement, context) => context.data.attrs.vnode\n            }\n    },\n\n  props: {\n    itemsPerPage:\n            {\n              type: Number,\n              default: 4\n            },\n    displayDots: {\n      type: Boolean,\n      default: true\n    },\n    displayNav: {\n      type: Boolean,\n      default: true\n    },\n    isLoop: {\n      type: Boolean,\n      default: true\n    },\n    enableLazy: {\n      type: Boolean,\n      default: false\n    },\n    marginValue: {\n      type: Number,\n      default: 30\n    },\n    paddingS: {\n      type: Number,\n      default: 30\n    },\n    autoPlayEnable: {\n      type: Boolean,\n      default: false\n    },\n    autoPlayTimeout: {\n      type: Number,\n      default: 5000\n    },\n    autoPlayHover: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  data () {\n    return {\n      itemCount: 0\n    }\n  },\n\n  computed:\n    {\n      columnWidths () {\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  created () {\n    if (this.$slots.items) {\n      this.itemCount = this.$slots.items.length\n    }\n  },\n\n  mounted () {\n    this.$nextTick(() => {\n      this.initializeCarousel()\n    })\n  },\n\n  methods:\n    {\n      initializeCarousel () {\n        $(this.$refs.carouselContainer).owlCarousel({\n          autoHeight: true,\n          dots: this.displayDots,\n          items: this.itemsPerPage,\n          responsive: {\n            0: { items: 1 },\n            576: { items: this.itemsPerPage > 1 ? 2 : 1 },\n            768: { items: this.itemsPerPage > 3 ? 3 : this.itemsPerPage },\n            992: { items: this.itemsPerPage }\n          },\n          lazyLoad: this.enableLazy,\n          loop: this.isLoop,\n          margin: this.marginValue,\n          autoplay: this.autoPlayEnable,\n          autoplayTimeout: this.autoPlayTimeout,\n          autoplayHoverPause: this.autoPlayHover,\n          stagePadding: this.paddingS,\n          mouseDrag: true,\n          nav: this.displayNav,\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</script>\n","import { render, staticRenderFns } from \"./Slider.vue?vue&type=template&id=567ce0be&\"\nimport script from \"./Slider.vue?vue&type=script&lang=js&\"\nexport * from \"./Slider.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/nsierrar/Projects/PlentyMarkets/Repo-GitHub/MultiContentWidget/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('567ce0be')) {\n      api.createRecord('567ce0be', component.options)\n    } else {\n      api.reload('567ce0be', component.options)\n    }\n    module.hot.accept(\"./Slider.vue?vue&type=template&id=567ce0be&\", function () {\n      api.rerender('567ce0be', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/Slider.vue\"\nexport default component.exports"],"sourceRoot":""}