{"version":3,"sources":["webpack:///./src/assets/images/banner/banner-30.jpg","webpack:///./src/assets/images/banner/banner-38.jpg","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue?7f8a","webpack:///./src/assets/images/banner/banner-1.jpg","webpack:///./src/assets/images/banner/banner-7.jpg","webpack:///./src/assets/images/banner/banner-20.jpg","webpack:///./src/assets/images/banner/banner-14.jpg","webpack:///./src/assets/images/banner/banner-2.jpg","webpack:///./src/assets/images/banner/banner-13.jpg","webpack:///./src/assets/images/banner/banner-10.jpg","webpack:///./src/assets/images/banner/banner-4.jpg","webpack:///./src/assets/images/banner/banner-8.jpg","webpack:///./src/assets/images/banner/banner-15.jpg","webpack:///./src/assets/images/banner/banner-16.jpg","webpack:///./src/assets/images/banner/banner-21.jpg","webpack:///./src/assets/images/banner/banner-3.jpg","webpack:///./src/assets/images/banner/banner-29.jpg","webpack:///./src/assets/images/banner/banner-5.jpg","webpack:///./src/assets/images/banner/banner-18.jpg","webpack:///./src/assets/images/banner/banner-19.jpg","webpack:///./src/assets/images/banner/banner-17.jpg","webpack:///./src/assets/images/banner/banner-11.jpg","webpack:///./src/assets/images/banner/parallax-4.jpg","webpack:///./src/assets/images/banner/banner-26.jpg","webpack:///./src/views/extensions/swiper/Swiper.vue?74d1","webpack:///./src/views/extensions/swiper/SwiperDefault.vue?f1f6","webpack:///./src/views/extensions/swiper/code.js","webpack:///src/views/extensions/swiper/SwiperDefault.vue","webpack:///./src/views/extensions/swiper/SwiperDefault.vue?bf51","webpack:///./src/views/extensions/swiper/SwiperDefault.vue","webpack:///./src/views/extensions/swiper/SwiperNavigation.vue?925e","webpack:///src/views/extensions/swiper/SwiperNavigation.vue","webpack:///./src/views/extensions/swiper/SwiperNavigation.vue?5abd","webpack:///./src/views/extensions/swiper/SwiperNavigation.vue","webpack:///./src/views/extensions/swiper/SwiperPagination.vue?54be","webpack:///src/views/extensions/swiper/SwiperPagination.vue","webpack:///./src/views/extensions/swiper/SwiperPagination.vue?2cf0","webpack:///./src/views/extensions/swiper/SwiperPagination.vue","webpack:///./src/views/extensions/swiper/SwiperProgress.vue?f503","webpack:///src/views/extensions/swiper/SwiperProgress.vue","webpack:///./src/views/extensions/swiper/SwiperProgress.vue?cf94","webpack:///./src/views/extensions/swiper/SwiperProgress.vue","webpack:///./src/views/extensions/swiper/SwiperMultipleSlides.vue?5c76","webpack:///src/views/extensions/swiper/SwiperMultipleSlides.vue","webpack:///./src/views/extensions/swiper/SwiperMultipleSlides.vue?e829","webpack:///./src/views/extensions/swiper/SwiperMultipleSlides.vue","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue?5269","webpack:///src/views/extensions/swiper/SwiperMultiRowSlides.vue","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue?2947","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides.vue?1e8c","webpack:///src/views/extensions/swiper/SwiperCenteredSlides.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides.vue?46dc","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides2.vue?6913","webpack:///src/views/extensions/swiper/SwiperCenteredSlides2.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides2.vue?a832","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides2.vue","webpack:///./src/views/extensions/swiper/SwiperFadeEffect.vue?bcf6","webpack:///src/views/extensions/swiper/SwiperFadeEffect.vue","webpack:///./src/views/extensions/swiper/SwiperFadeEffect.vue?8150","webpack:///./src/views/extensions/swiper/SwiperFadeEffect.vue","webpack:///./src/views/extensions/swiper/SwiperCube.vue?3c6f","webpack:///src/views/extensions/swiper/SwiperCube.vue","webpack:///./src/views/extensions/swiper/SwiperCube.vue?7fb5","webpack:///./src/views/extensions/swiper/SwiperCube.vue","webpack:///./src/views/extensions/swiper/SwiperCoverflowEffect.vue?e033","webpack:///src/views/extensions/swiper/SwiperCoverflowEffect.vue","webpack:///./src/views/extensions/swiper/SwiperCoverflowEffect.vue?f3ff","webpack:///./src/views/extensions/swiper/SwiperCoverflowEffect.vue","webpack:///./src/views/extensions/swiper/SwiperAutoplay.vue?2e0c","webpack:///src/views/extensions/swiper/SwiperAutoplay.vue","webpack:///./src/views/extensions/swiper/SwiperAutoplay.vue?28b1","webpack:///./src/views/extensions/swiper/SwiperAutoplay.vue","webpack:///./src/views/extensions/swiper/SwiperGallery.vue?6324","webpack:///src/views/extensions/swiper/SwiperGallery.vue","webpack:///./src/views/extensions/swiper/SwiperGallery.vue?d736","webpack:///./src/views/extensions/swiper/SwiperGallery.vue","webpack:///./src/views/extensions/swiper/SwiperParallax.vue?a4ae","webpack:///src/views/extensions/swiper/SwiperParallax.vue","webpack:///./src/views/extensions/swiper/SwiperParallax.vue?6346","webpack:///./src/views/extensions/swiper/SwiperParallax.vue","webpack:///./src/views/extensions/swiper/SwiperLazy.vue?bce5","webpack:///src/views/extensions/swiper/SwiperLazy.vue","webpack:///./src/views/extensions/swiper/SwiperLazy.vue?ce1c","webpack:///./src/views/extensions/swiper/SwiperLazy.vue","webpack:///./src/views/extensions/swiper/SwiperResponsive.vue?5d8b","webpack:///src/views/extensions/swiper/SwiperResponsive.vue","webpack:///./src/views/extensions/swiper/SwiperResponsive.vue?bc47","webpack:///./src/views/extensions/swiper/SwiperResponsive.vue","webpack:///./src/views/extensions/swiper/SwiperVirtual.vue?07a5","webpack:///src/views/extensions/swiper/SwiperVirtual.vue","webpack:///./src/views/extensions/swiper/SwiperVirtual.vue?de55","webpack:///./src/views/extensions/swiper/SwiperVirtual.vue","webpack:///src/views/extensions/swiper/Swiper.vue","webpack:///./src/views/extensions/swiper/Swiper.vue?38f7","webpack:///./src/views/extensions/swiper/Swiper.vue","webpack:///./src/assets/images/banner/banner-31.jpg","webpack:///./src/assets/images/banner/banner-36.jpg","webpack:///./src/views/extensions/swiper/Swiper.vue?7e0b","webpack:///./src/assets/images/banner/banner-32.jpg","webpack:///./src/assets/images/banner/banner-33.jpg","webpack:///./src/assets/images/banner/banner-37.jpg","webpack:///./src/assets/images/banner/banner-23.jpg","webpack:///./src/assets/images/banner/banner-28.jpg","webpack:///./src/assets/images/banner/banner-34.jpg","webpack:///./src/assets/images/banner/banner-9.jpg","webpack:///./src/assets/images/banner/banner-24.jpg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeDefault","proxy","ref","$store","state","appConfig","isRTL","_l","data","img","codeAutoplay","codeCenterSlides","codeCenterSlides2","codeCoverflowEffect","codeCube","codeFadeEffect","codeGallery","codeLazy","codeMultipleSlides","codeMultiRowSlides","codeNavigation","codePagination","codeParallax","codeProgress","codeResponsive","codeVirtual","components","Swiper","SwiperSlide","BCardCode","BImg","swiperData","require","component","staticClass","swiperOptions","index","slot","navigation","nextEl","prevEl","pagination","el","type","slidesPerView","spaceBetween","clickable","swiperOption","slidesPerColumn","breakpoints","text","icon","centeredSlides","effect","grabCursor","cubeEffect","shadow","slideShadows","shadowOffset","shadowScale","coverflowEffect","rotate","stretch","depth","modifier","autoplay","delay","disableOnInteraction","swiperOptionThumbs","loop","loopedSlides","touchRatio","slideToClickedSlide","mounted","$nextTick","swiperTop","$refs","$swiper","swiperThumbs","controller","control","title","subtitle","BCardText","speed","parallax","lazy","directives","name","rawName","value","expression","modifiers","on","$event","preventDefault","prependSlides","toSlide","appendSlide","BButton","Ripple","slides","prependNumber","appendNumber","virtual","Array","fill","map","item","methods","mySwiper15","slideTo","prependSlide","BRow","BCol","SwiperDefault","SwiperNavigation","SwiperPagination","SwiperProgress","SwiperMultipleSlides","SwiperMultiRowSlides","SwiperCenteredSlides","SwiperCenteredSlides2","SwiperFadeEffect","SwiperCube","SwiperCoverflowEffect","SwiperAutoplay","SwiperGallery","SwiperParallax","SwiperLazy","SwiperResponsive","SwiperVirtual"],"mappings":"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","file":"js/chunk-2d14760c.a9412fce.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/banner-30.56f1c6a1.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-38.8c9bdd3e.jpg\";","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!./SwiperMultiRowSlides.vue?vue&type=style&index=0&id=9f8bd9e0&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/banner-1.4a4c2806.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-7.2b57003e.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-20.852a9e6a.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-14.c940cda3.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-2.e6244c2a.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-13.e1d5ec69.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-10.91ab966f.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-4.9f527fa0.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-8.4d8cd617.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-15.debcc8c2.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-16.087b0bf3.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-21.aea6ac79.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-3.bf5bb3db.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-29.27e93915.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-5.e373069d.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-18.f222cfff.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-19.8d241dbf.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-17.aaebb106.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-11.c4ea0738.jpg\";","module.exports = __webpack_public_path__ + \"img/parallax-4.e4562786.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-26.47a61bf4.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('swiper-default'),_c('swiper-navigation'),_c('swiper-pagination'),_c('swiper-progress'),_c('swiper-multiple-slides'),_c('swiper-multi-row-slides'),_c('swiper-centered-slides'),_c('swiper-centered-slides2'),_c('swiper-fade-effect'),_c('swiper-cube'),_c('swiper-coverflow-effect'),_c('swiper-autoplay'),_c('swiper-gallery'),_c('swiper-parallax'),_c('swiper-lazy'),_c('swiper-responsive'),_c('swiper-virtual')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Default\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeDefault)+\" \")]},proxy:true}])},[_c('swiper',{ref:\"mySwiper\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},_vm._l((_vm.swiperData),function(data){return _c('swiper-slide',{key:data.img},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeDefault = `\r\n<template>\r\n  <swiper\r\n    ref=\"mySwiper\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"data in swiperData\"\r\n      :key=\"data.img\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-13.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n        { img: require('@/assets/images/banner/banner-2.jpg') },\r\n        { img: require('@/assets/images/banner/banner-1.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n`\r\n\r\nexport const codeAutoplay = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-autoplay\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"data in swiperData\"\r\n      :key=\"data.img\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      swiperOptions: {\r\n        spaceBetween: 30,\r\n        centeredSlides: true,\r\n        autoplay: {\r\n          delay: 2500,\r\n          disableOnInteraction: false,\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-9.jpg') },\r\n        { img: require('@/assets/images/banner/banner-10.jpg') },\r\n        { img: require('@/assets/images/banner/banner-11.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeCenterSlides = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-centered-slides p-1\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n\r\n    <!-- slides -->\r\n    <swiper-slide\r\n      v-for=\"data in swiperData\"\r\n      :key=\"data.text\"\r\n      class=\"rounded swiper-shadow\"\r\n    >\r\n      <feather-icon\r\n        :icon=\"data.icon\"\r\n        size=\"28\"\r\n      />\r\n      <div class=\"swiper-text pt-md-1 pt-sm-50\">\r\n        {{ data.text }}\r\n      </div>\r\n    </swiper-slide>\r\n\r\n    <!-- Add Arrows -->\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  data() {\r\n    return {\r\n      swiperData: [\r\n        { icon: 'GithubIcon', text: 'Getting Started' },\r\n        { icon: 'FacebookIcon', text: 'Pricing & Plans' },\r\n        { icon: 'TwitterIcon', text: 'Sales Question' },\r\n        { icon: 'InstagramIcon', text: 'Usage Guides' },\r\n        { icon: 'GitlabIcon', text: 'General Guide' },\r\n      ],\r\n      swiperOptions: {\r\n        slidesPerView: 'auto',\r\n        centeredSlides: true,\r\n        spaceBetween: 30,\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeCenterSlides2 = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-centered-slides-2 p-1\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n      class=\"rounded swiper-shadow py-1 px-3 d-flex\"\r\n    >\r\n      <feather-icon\r\n        :icon=\"data.icon\"\r\n        size=\"18\"\r\n        class=\"mr-50\"\r\n      />\r\n      <div class=\"swiper-text\">\r\n        {{ data.text }}\r\n      </div>\r\n    </swiper-slide>\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  data() {\r\n    return {\r\n      swiperData: [\r\n        { icon: 'GithubIcon', text: 'Getting Started' },\r\n        { icon: 'FacebookIcon', text: 'Pricing & Plans' },\r\n        { icon: 'TwitterIcon', text: 'Sales Question' },\r\n        { icon: 'InstagramIcon', text: 'Usage Guides' },\r\n        { icon: 'FacebookIcon', text: 'Pricing & Plans' },\r\n      ],\r\n      swiperOptions: {\r\n        slidesPerView: 'auto',\r\n        centeredSlides: true,\r\n        spaceBetween: 30,\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeCoverflowEffect = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-coverflow\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n        { img: require('@/assets/images/banner/banner-39.jpg') },\r\n        { img: require('@/assets/images/banner/banner-38.jpg') },\r\n        { img: require('@/assets/images/banner/banner-37.jpg') },\r\n        { img: require('@/assets/images/banner/banner-36.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        effect: 'coverflow',\r\n        grabCursor: true,\r\n        centeredSlides: true,\r\n        slidesPerView: 'auto',\r\n        coverflowEffect: {\r\n          rotate: 50,\r\n          stretch: 0,\r\n          depth: 100,\r\n          modifier: 1,\r\n          slideShadows: true,\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeCube = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-cube-effect\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination swiper-pagination-white\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-21.jpg') },\r\n        { img: require('@/assets/images/banner/banner-22.jpg') },\r\n        { img: require('@/assets/images/banner/banner-23.jpg') },\r\n        { img: require('@/assets/images/banner/banner-24.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        effect: 'cube',\r\n        grabCursor: true,\r\n        cubeEffect: {\r\n          shadow: true,\r\n          slideShadows: true,\r\n          shadowOffset: 20,\r\n          shadowScale: 0.94,\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeFadeEffect = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-navigations\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <!-- Add Arrows -->\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-19.jpg') },\r\n        { img: require('@/assets/images/banner/banner-18.jpg') },\r\n        { img: require('@/assets/images/banner/banner-17.jpg') },\r\n        { img: require('@/assets/images/banner/banner-16.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        spaceBetween: 30,\r\n        effect: 'fade',\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeGallery = `\r\n<template>\r\n  <!-- swiper1 -->\r\n  <swiper\r\n    ref=\"swiperTop\"\r\n    class=\"swiper-gallery gallery-top\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next swiper-button-white\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev swiper-button-white\"\r\n    />\r\n  </swiper>\r\n\r\n  <!-- swiper2 Thumbs -->\r\n  <swiper\r\n    ref=\"swiperThumbs\"\r\n    class=\"swiper gallery-thumbs\"\r\n    :options=\"swiperOptionThumbs\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-11.jpg') },\r\n        { img: require('@/assets/images/banner/banner-12.jpg') },\r\n        { img: require('@/assets/images/banner/banner-13.jpg') },\r\n        { img: require('@/assets/images/banner/banner-15.jpg') },\r\n        { img: require('@/assets/images/banner/banner-16.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        loop: true,\r\n        loopedSlides: 5,\r\n        spaceBetween: 10,\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n      swiperOptionThumbs: {\r\n        loop: true,\r\n        loopedSlides: 5, // looped slides should be the same\r\n        spaceBetween: 10,\r\n        centeredSlides: true,\r\n        slidesPerView: 4,\r\n        touchRatio: 0.2,\r\n        slideToClickedSlide: true,\r\n      },\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      const swiperTop = this.$refs.swiperTop.$swiper\r\n      const swiperThumbs = this.$refs.swiperThumbs.$swiper\r\n      swiperTop.controller.control = swiperThumbs\r\n      swiperThumbs.controller.control = swiperTop\r\n    })\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeLazy = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-lazy-loading\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n        class=\"swiper-lazy\"\r\n      />\r\n      <div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\" />\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-9.jpg') },\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-5.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        lazy: true,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMultipleSlides = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-multiple\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        slidesPerView: 3,\r\n        spaceBetween: 30,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMultiRowSlides = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper\"\r\n    :options=\"swiperOption\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      swiperData: [\r\n        /* eslint-disable global-require */\r\n        { img: require('@/assets/images/banner/banner-26.jpg') },\r\n        { img: require('@/assets/images/banner/banner-39.jpg') },\r\n        { img: require('@/assets/images/banner/banner-28.jpg') },\r\n        { img: require('@/assets/images/banner/banner-29.jpg') },\r\n        { img: require('@/assets/images/banner/banner-30.jpg') },\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n        /* eslint-disable global-require */\r\n      ],\r\n      swiperOption: {\r\n        slidesPerView: 3,\r\n        slidesPerColumn: 2,\r\n        spaceBetween: 30,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        breakpoints: {\r\n          1024: {\r\n            slidesPerView: 3,\r\n            spaceBetween: 30,\r\n          },\r\n          768: {\r\n            slidesPerView: 2,\r\n            spaceBetween: 30,\r\n          },\r\n          640: {\r\n            slidesPerView: 1,\r\n            spaceBetween: 20,\r\n          },\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.swiper {\r\n\r\n  ::v-deep .swiper-wrapper {\r\n    flex-direction: row !important;\r\n  }\r\n  .swiper-slide {\r\n    margin-top: 30px;\r\n  }\r\n}\r\n\r\n</style>\r\n`\r\n\r\nexport const codeNavigation = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-navigations\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <!-- Add Arrows -->\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n        { img: require('@/assets/images/banner/banner-14.jpg') },\r\n        { img: require('@/assets/images/banner/banner-3.jpg') },\r\n        { img: require('@/assets/images/banner/banner-2.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codePagination = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-paginations\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-12.jpg') },\r\n        { img: require('@/assets/images/banner/banner-9.jpg') },\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeParallax = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-parallax\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <div\r\n      slot=\"parallax-bg\"\r\n      class=\"parallax-bg\"\r\n      data-swiper-parallax=\"-23%\"\r\n    >\r\n      <b-img\r\n        class=\"img-fluid\"\r\n        :src=\"require('@/assets/images/banner/parallax-4.jpg')\"\r\n        alt=\"banner\"\r\n      />\r\n    </div>\r\n\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <div\r\n        class=\"title\"\r\n        data-swiper-parallax=\"-300\"\r\n      >\r\n        {{ data.title }}\r\n      </div>\r\n      <div\r\n        class=\"subtitle\"\r\n        data-swiper-parallax=\"-200\"\r\n      >\r\n        {{ data.subtitle }}\r\n      </div>\r\n      <div\r\n        class=\"text\"\r\n        data-swiper-parallax=\"-100\"\r\n      >\r\n        <b-card-text>\r\n          {{ data.text }}\r\n        </b-card-text>\r\n      </div>\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { BImg} from 'bootstrap-vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    BImg,\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  data() {\r\n    return {\r\n      swiperData: [\r\n        { title: 'Slide 1', subtitle: 'Subtitle', text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla laoreet Lorem, ipsum dolor sit amet consectetur..' },\r\n        { title: 'Slide 2', subtitle: 'Subtitle', text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus felis iaculis nec. Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam reiciendis provident atque quod obcaecati voluptatibus ex qui repudiandae sunt dolores. Nulla laoreet justo vitae porttitor porttitor. Suspendisse in sem justo. Integeo. Aenean feugiat non eros quis feugiat.' },\r\n        { title: 'Slide 3', subtitle: 'Subtitle', text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus felis iaculis nec. Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam reiciendis provident atque quod obcaecati voluptatibus ex qui repudiandae sunt dolores. Nulla laoreet justo vitae porttitor porttitor. Suspendisse in sem justo. Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod. Aliquam hendrerit lnt ut libero. Aenean feugiat non eros quis feugiat.' },\r\n      ],\r\n      swiperOptions: {\r\n        speed: 600,\r\n        parallax: true,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeProgress = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-progress\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <!-- Add Arrows -->\r\n    <div\r\n      slot=\"button-next\"\r\n      class=\"swiper-button-next\"\r\n    />\r\n    <div\r\n      slot=\"button-prev\"\r\n      class=\"swiper-button-prev\"\r\n    />\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n        { img: require('@/assets/images/banner/banner-5.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          type: 'progressbar',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeResponsive = `\r\n<template>\r\n  <swiper\r\n    class=\"swiper-responsive-breakpoints\"\r\n    :options=\"swiperOptions\"\r\n    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n  >\r\n    <swiper-slide\r\n      v-for=\"(data,index) in swiperData\"\r\n      :key=\"index\"\r\n    >\r\n      <b-img\r\n        :src=\"data.img\"\r\n        fluid\r\n      />\r\n    </swiper-slide>\r\n\r\n    <div\r\n      slot=\"pagination\"\r\n      class=\"swiper-pagination\"\r\n    />\r\n  </swiper>\r\n</template>\r\n\r\n<script>\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-30.jpg') },\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n        { img: require('@/assets/images/banner/banner-36.jpg') },\r\n        { img: require('@/assets/images/banner/banner-37.jpg') },\r\n        { img: require('@/assets/images/banner/banner-38.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        slidesPerView: 5,\r\n        spaceBetween: 50,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        breakpoints: {\r\n          1024: {\r\n            slidesPerView: 4,\r\n            spaceBetween: 40,\r\n          },\r\n          768: {\r\n            slidesPerView: 3,\r\n            spaceBetween: 30,\r\n          },\r\n          640: {\r\n            slidesPerView: 2,\r\n            spaceBetween: 20,\r\n          },\r\n          320: {\r\n            slidesPerView: 1,\r\n            spaceBetween: 10,\r\n          },\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeVirtual = `\r\n<template>\r\n  <b-card-code title=\"Virtual Slides\">\r\n    <swiper\r\n      ref=\"mySwiper15\"\r\n      class=\"swiper-virtual\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <!-- buttons -->\r\n    <div class=\"demo-inline-spacing justify-content-center\">\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"prependSlides\"\r\n      >\r\n        Prepend 2 Slides\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"toSlide(0)\"\r\n      >\r\n        Slide 1\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"toSlide(250)\"\r\n      >\r\n        Slide 250\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-sm-3\"\r\n        @click.prevent=\"toSlide(500)\"\r\n      >\r\n        Slide 500\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"appendSlide\"\r\n      >\r\n        Append Slide\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeVirtual }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper } from 'vue-awesome-swiper'\r\nimport { BButton } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVirtual } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    BCardCode,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVirtual,\r\n      slides: [],\r\n      prependNumber: 1,\r\n      appendNumber: 600,\r\n      swiperOptions: {\r\n        slidesPerView: 3,\r\n        centeredSlides: true,\r\n        spaceBetween: 30,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          type: 'fraction',\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        virtual: {\r\n          slides: Array(600)\r\n            .fill('Slide')\r\n            .map((item, index) => \\`\\${item} \\${index + 1}\\`),\r\n        },\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    toSlide(index) {\r\n      this.$refs.mySwiper15.$swiper.slideTo(index, 1)\r\n    },\r\n    prependSlides() {\r\n      this.$refs.mySwiper15.$swiper.virtual.prependSlide([\r\n        \\`Slide \\${(this.prependNumber -= 1)}\\`,\r\n        \\`Slide \\${(this.prependNumber -= 1)}\\`,\r\n      ])\r\n    },\r\n    appendSlide() {\r\n      this.$refs.mySwiper15.$swiper.virtual.appendSlide(\\`Slide \\${(this.appendNumber += 1)}\\`)\r\n    },\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"Default\">\r\n    <swiper\r\n      ref=\"mySwiper\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"data in swiperData\"\r\n        :key=\"data.img\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeDefault }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeDefault } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeDefault,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-13.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n        { img: require('@/assets/images/banner/banner-2.jpg') },\r\n        { img: require('@/assets/images/banner/banner-1.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperDefault.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!./SwiperDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperDefault.vue?vue&type=template&id=560109c4&\"\nimport script from \"./SwiperDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperDefault.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Navigations\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeNavigation)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-navigations\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Navigations\">\r\n    <swiper\r\n      class=\"swiper-navigations\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <!-- Add Arrows -->\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeNavigation }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeNavigation } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeNavigation,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n        { img: require('@/assets/images/banner/banner-14.jpg') },\r\n        { img: require('@/assets/images/banner/banner-3.jpg') },\r\n        { img: require('@/assets/images/banner/banner-2.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperNavigation.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!./SwiperNavigation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperNavigation.vue?vue&type=template&id=4e0f92d3&\"\nimport script from \"./SwiperNavigation.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperNavigation.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Pagination\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codePagination)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-paginations\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Pagination\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-paginations\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codePagination }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codePagination } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codePagination,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-12.jpg') },\r\n        { img: require('@/assets/images/banner/banner-9.jpg') },\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperPagination.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!./SwiperPagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperPagination.vue?vue&type=template&id=92eab846&\"\nimport script from \"./SwiperPagination.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperPagination.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Progress\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeProgress)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-progress\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Progress\">\r\n    <swiper\r\n      class=\"swiper-progress\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <!-- Add Arrows -->\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeProgress }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeProgress } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeProgress,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n        { img: require('@/assets/images/banner/banner-5.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          type: 'progressbar',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperProgress.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!./SwiperProgress.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperProgress.vue?vue&type=template&id=38ca6f3d&\"\nimport script from \"./SwiperProgress.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperProgress.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Multiple Slides Per View\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMultipleSlides)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-multiple\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Multiple Slides Per View\">\r\n    <swiper\r\n      class=\"swiper-multiple\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeMultipleSlides }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeMultipleSlides } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeMultipleSlides,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        slidesPerView: 3,\r\n        spaceBetween: 30,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperMultipleSlides.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!./SwiperMultipleSlides.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperMultipleSlides.vue?vue&type=template&id=076d4c0a&\"\nimport script from \"./SwiperMultipleSlides.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperMultipleSlides.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Multi Row Slides Layout\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMultiRowSlides)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Multi Row Slides Layout\">\r\n    <swiper\r\n      class=\"swiper\"\r\n      :options=\"swiperOption\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeMultiRowSlides }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeMultiRowSlides } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeMultiRowSlides,\r\n      swiperData: [\r\n        /* eslint-disable global-require */\r\n        { img: require('@/assets/images/banner/banner-26.jpg') },\r\n        { img: require('@/assets/images/banner/banner-39.jpg') },\r\n        { img: require('@/assets/images/banner/banner-28.jpg') },\r\n        { img: require('@/assets/images/banner/banner-29.jpg') },\r\n        { img: require('@/assets/images/banner/banner-30.jpg') },\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n        /* eslint-disable global-require */\r\n      ],\r\n      swiperOption: {\r\n        slidesPerView: 3,\r\n        slidesPerColumn: 2,\r\n        spaceBetween: 30,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        breakpoints: {\r\n          1024: {\r\n            slidesPerView: 3,\r\n            spaceBetween: 30,\r\n          },\r\n          768: {\r\n            slidesPerView: 2,\r\n            spaceBetween: 30,\r\n          },\r\n          640: {\r\n            slidesPerView: 1,\r\n            spaceBetween: 20,\r\n          },\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.swiper {\r\n\r\n  ::v-deep .swiper-wrapper {\r\n    flex-direction: row !important;\r\n  }\r\n  .swiper-slide {\r\n    margin-top: 30px;\r\n  }\r\n}\r\n\r\n</style>\r\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!./SwiperMultiRowSlides.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!./SwiperMultiRowSlides.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperMultiRowSlides.vue?vue&type=template&id=9f8bd9e0&scoped=true&\"\nimport script from \"./SwiperMultiRowSlides.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperMultiRowSlides.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SwiperMultiRowSlides.vue?vue&type=style&index=0&id=9f8bd9e0&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  \"9f8bd9e0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{staticClass:\"bg-transparent shadow-none\",attrs:{\"title\":\"Centered Slides Option-1\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCenterSlides)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-centered-slides p-1\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data){return _c('swiper-slide',{key:data.text,staticClass:\"rounded swiper-shadow\"},[_c('feather-icon',{attrs:{\"icon\":data.icon,\"size\":\"28\"}}),_c('div',{staticClass:\"swiper-text pt-md-1 pt-sm-50\"},[_vm._v(\" \"+_vm._s(data.text)+\" \")])],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Centered Slides Option-1\"\r\n    class=\"bg-transparent shadow-none\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-centered-slides p-1\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n\r\n      <!-- slides -->\r\n      <swiper-slide\r\n        v-for=\"data in swiperData\"\r\n        :key=\"data.text\"\r\n        class=\"rounded swiper-shadow\"\r\n      >\r\n        <feather-icon\r\n          :icon=\"data.icon\"\r\n          size=\"28\"\r\n        />\r\n        <div class=\"swiper-text pt-md-1 pt-sm-50\">\r\n          {{ data.text }}\r\n        </div>\r\n      </swiper-slide>\r\n\r\n      <!-- Add Arrows -->\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeCenterSlides }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeCenterSlides } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCenterSlides,\r\n      swiperData: [\r\n        { icon: 'GithubIcon', text: 'Getting Started' },\r\n        { icon: 'FacebookIcon', text: 'Pricing & Plans' },\r\n        { icon: 'TwitterIcon', text: 'Sales Question' },\r\n        { icon: 'InstagramIcon', text: 'Usage Guides' },\r\n        { icon: 'GitlabIcon', text: 'General Guide' },\r\n      ],\r\n      swiperOptions: {\r\n        slidesPerView: 'auto',\r\n        centeredSlides: true,\r\n        spaceBetween: 30,\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperCenteredSlides.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!./SwiperCenteredSlides.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperCenteredSlides.vue?vue&type=template&id=31c95944&\"\nimport script from \"./SwiperCenteredSlides.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperCenteredSlides.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Centered Slides  Option-2\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCenterSlides2)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-centered-slides-2 p-1\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index,staticClass:\"rounded swiper-shadow py-1 px-3 d-flex\"},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":data.icon,\"size\":\"18\"}}),_c('div',{staticClass:\"swiper-text\"},[_vm._v(\" \"+_vm._s(data.text)+\" \")])],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Centered Slides  Option-2\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-centered-slides-2 p-1\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n        class=\"rounded swiper-shadow py-1 px-3 d-flex\"\r\n      >\r\n        <feather-icon\r\n          :icon=\"data.icon\"\r\n          size=\"18\"\r\n          class=\"mr-50\"\r\n        />\r\n        <div class=\"swiper-text\">\r\n          {{ data.text }}\r\n        </div>\r\n      </swiper-slide>\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeCenterSlides2 }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeCenterSlides2 } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCenterSlides2,\r\n      swiperData: [\r\n        { icon: 'GithubIcon', text: 'Getting Started' },\r\n        { icon: 'FacebookIcon', text: 'Pricing & Plans' },\r\n        { icon: 'TwitterIcon', text: 'Sales Question' },\r\n        { icon: 'InstagramIcon', text: 'Usage Guides' },\r\n        { icon: 'FacebookIcon', text: 'Pricing & Plans' },\r\n      ],\r\n      swiperOptions: {\r\n        slidesPerView: 'auto',\r\n        centeredSlides: true,\r\n        spaceBetween: 30,\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperCenteredSlides2.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!./SwiperCenteredSlides2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperCenteredSlides2.vue?vue&type=template&id=6b0fdb51&\"\nimport script from \"./SwiperCenteredSlides2.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperCenteredSlides2.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Fade Effect\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeFadeEffect)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-navigations\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Fade Effect\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-navigations\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <!-- Add Arrows -->\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeFadeEffect }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeFadeEffect } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeFadeEffect,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-19.jpg') },\r\n        { img: require('@/assets/images/banner/banner-18.jpg') },\r\n        { img: require('@/assets/images/banner/banner-17.jpg') },\r\n        { img: require('@/assets/images/banner/banner-16.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        spaceBetween: 30,\r\n        effect: 'fade',\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperFadeEffect.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!./SwiperFadeEffect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperFadeEffect.vue?vue&type=template&id=51672e3e&\"\nimport script from \"./SwiperFadeEffect.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperFadeEffect.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"3-D Cube Effect\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCube)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-cube-effect\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination swiper-pagination-white\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"3-D Cube Effect\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-cube-effect\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination swiper-pagination-white\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeCube }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeCube } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCube,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-21.jpg') },\r\n        { img: require('@/assets/images/banner/banner-22.jpg') },\r\n        { img: require('@/assets/images/banner/banner-23.jpg') },\r\n        { img: require('@/assets/images/banner/banner-24.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        effect: 'cube',\r\n        grabCursor: true,\r\n        cubeEffect: {\r\n          shadow: true,\r\n          slideShadows: true,\r\n          shadowOffset: 20,\r\n          shadowScale: 0.94,\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperCube.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!./SwiperCube.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperCube.vue?vue&type=template&id=7e19811f&\"\nimport script from \"./SwiperCube.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperCube.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"3d Effect Coverflow Effect\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeCoverflowEffect)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-coverflow\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"3d Effect Coverflow Effect\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-coverflow\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeCoverflowEffect }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeCoverflowEffect } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeCoverflowEffect,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n        { img: require('@/assets/images/banner/banner-39.jpg') },\r\n        { img: require('@/assets/images/banner/banner-38.jpg') },\r\n        { img: require('@/assets/images/banner/banner-37.jpg') },\r\n        { img: require('@/assets/images/banner/banner-36.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        effect: 'coverflow',\r\n        grabCursor: true,\r\n        centeredSlides: true,\r\n        slidesPerView: 'auto',\r\n        coverflowEffect: {\r\n          rotate: 50,\r\n          stretch: 0,\r\n          depth: 100,\r\n          modifier: 1,\r\n          slideShadows: true,\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperCoverflowEffect.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!./SwiperCoverflowEffect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperCoverflowEffect.vue?vue&type=template&id=0ec8633c&\"\nimport script from \"./SwiperCoverflowEffect.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperCoverflowEffect.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Autoplay\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAutoplay)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-autoplay\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data){return _c('swiper-slide',{key:data.img},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Autoplay\"\r\n  >\r\n    <swiper\r\n      class=\"swiper-autoplay\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"data in swiperData\"\r\n        :key=\"data.img\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeAutoplay }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeAutoplay } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeAutoplay,\r\n      swiperOptions: {\r\n        spaceBetween: 30,\r\n        centeredSlides: true,\r\n        autoplay: {\r\n          delay: 2500,\r\n          disableOnInteraction: false,\r\n        },\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-9.jpg') },\r\n        { img: require('@/assets/images/banner/banner-10.jpg') },\r\n        { img: require('@/assets/images/banner/banner-11.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperAutoplay.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!./SwiperAutoplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperAutoplay.vue?vue&type=template&id=8caa8d58&\"\nimport script from \"./SwiperAutoplay.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperAutoplay.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Gallery\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeGallery)+\" \")]},proxy:true}])},[_c('swiper',{ref:\"swiperTop\",staticClass:\"swiper-gallery gallery-top\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-button-next swiper-button-white\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev swiper-button-white\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2),_c('swiper',{ref:\"swiperThumbs\",staticClass:\"swiper gallery-thumbs\",attrs:{\"options\":_vm.swiperOptionThumbs}},_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Gallery\">\r\n\r\n    <!-- swiper1 -->\r\n    <swiper\r\n      ref=\"swiperTop\"\r\n      class=\"swiper-gallery gallery-top\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next swiper-button-white\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev swiper-button-white\"\r\n      />\r\n    </swiper>\r\n\r\n    <!-- swiper2 Thumbs -->\r\n    <swiper\r\n      ref=\"swiperThumbs\"\r\n      class=\"swiper gallery-thumbs\"\r\n      :options=\"swiperOptionThumbs\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeGallery }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeGallery } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeGallery,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-11.jpg') },\r\n        { img: require('@/assets/images/banner/banner-12.jpg') },\r\n        { img: require('@/assets/images/banner/banner-13.jpg') },\r\n        { img: require('@/assets/images/banner/banner-15.jpg') },\r\n        { img: require('@/assets/images/banner/banner-16.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        loop: true,\r\n        loopedSlides: 5,\r\n        spaceBetween: 10,\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n      swiperOptionThumbs: {\r\n        loop: true,\r\n        loopedSlides: 5, // looped slides should be the same\r\n        spaceBetween: 10,\r\n        centeredSlides: true,\r\n        slidesPerView: 4,\r\n        touchRatio: 0.2,\r\n        slideToClickedSlide: true,\r\n      },\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      const swiperTop = this.$refs.swiperTop.$swiper\r\n      const swiperThumbs = this.$refs.swiperThumbs.$swiper\r\n      swiperTop.controller.control = swiperThumbs\r\n      swiperThumbs.controller.control = swiperTop\r\n    })\r\n  },\r\n}\r\n</script>\r\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!./SwiperGallery.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!./SwiperGallery.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperGallery.vue?vue&type=template&id=33a6243c&\"\nimport script from \"./SwiperGallery.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperGallery.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Parallax\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeParallax)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-parallax\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_c('div',{staticClass:\"parallax-bg\",attrs:{\"slot\":\"parallax-bg\",\"data-swiper-parallax\":\"-23%\"},slot:\"parallax-bg\"},[_c('b-img',{staticClass:\"img-fluid\",attrs:{\"src\":require('@/assets/images/banner/parallax-4.jpg'),\"alt\":\"banner\"}})],1),_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('div',{staticClass:\"title\",attrs:{\"data-swiper-parallax\":\"-300\"}},[_vm._v(\" \"+_vm._s(data.title)+\" \")]),_c('div',{staticClass:\"subtitle\",attrs:{\"data-swiper-parallax\":\"-200\"}},[_vm._v(\" \"+_vm._s(data.subtitle)+\" \")]),_c('div',{staticClass:\"text\",attrs:{\"data-swiper-parallax\":\"-100\"}},[_c('b-card-text',[_vm._v(\" \"+_vm._s(data.text)+\" \")])],1)])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Parallax\">\r\n    <swiper\r\n      class=\"swiper-parallax\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <div\r\n        slot=\"parallax-bg\"\r\n        class=\"parallax-bg\"\r\n        data-swiper-parallax=\"-23%\"\r\n      >\r\n        <b-img\r\n          class=\"img-fluid\"\r\n          :src=\"require('@/assets/images/banner/parallax-4.jpg')\"\r\n          alt=\"banner\"\r\n        />\r\n      </div>\r\n\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <div\r\n          class=\"title\"\r\n          data-swiper-parallax=\"-300\"\r\n        >\r\n          {{ data.title }}\r\n        </div>\r\n        <div\r\n          class=\"subtitle\"\r\n          data-swiper-parallax=\"-200\"\r\n        >\r\n          {{ data.subtitle }}\r\n        </div>\r\n        <div\r\n          class=\"text\"\r\n          data-swiper-parallax=\"-100\"\r\n        >\r\n          <b-card-text>\r\n            {{ data.text }}\r\n          </b-card-text>\r\n        </div>\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeParallax }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport { BImg, BCardText } from 'bootstrap-vue'\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeParallax } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BImg,\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      codeParallax,\r\n      swiperData: [\r\n        { title: 'Slide 1', subtitle: 'Subtitle', text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus felis iaculis nec. Nulla laoreet Lorem, ipsum dolor sit amet consectetur..' },\r\n        { title: 'Slide 2', subtitle: 'Subtitle', text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus felis iaculis nec. Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam reiciendis provident atque quod obcaecati voluptatibus ex qui repudiandae sunt dolores. Nulla laoreet justo vitae porttitor porttitor. Suspendisse in sem justo. Integeo. Aenean feugiat non eros quis feugiat.' },\r\n        { title: 'Slide 3', subtitle: 'Subtitle', text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum mattis velit, sit amet faucibus felis iaculis nec. Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam reiciendis provident atque quod obcaecati voluptatibus ex qui repudiandae sunt dolores. Nulla laoreet justo vitae porttitor porttitor. Suspendisse in sem justo. Integer laoreet magna nec elit suscipit, ac laoreet nibh euismod. Aliquam hendrerit lnt ut libero. Aenean feugiat non eros quis feugiat.' },\r\n      ],\r\n      swiperOptions: {\r\n        speed: 600,\r\n        parallax: true,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperParallax.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!./SwiperParallax.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperParallax.vue?vue&type=template&id=7759d3b2&\"\nimport script from \"./SwiperParallax.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperParallax.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Lazy Loading\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeLazy)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-lazy-loading\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{staticClass:\"swiper-lazy\",attrs:{\"src\":data.img,\"fluid\":\"\"}}),_c('div',{staticClass:\"swiper-lazy-preloader swiper-lazy-preloader-white\"})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Lazy Loading\">\r\n    <swiper\r\n      class=\"swiper-lazy-loading\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n          class=\"swiper-lazy\"\r\n        />\r\n        <div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\" />\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeLazy }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeLazy } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeLazy,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-9.jpg') },\r\n        { img: require('@/assets/images/banner/banner-8.jpg') },\r\n        { img: require('@/assets/images/banner/banner-7.jpg') },\r\n        { img: require('@/assets/images/banner/banner-20.jpg') },\r\n        { img: require('@/assets/images/banner/banner-5.jpg') },\r\n        { img: require('@/assets/images/banner/banner-4.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        lazy: true,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperLazy.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!./SwiperLazy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperLazy.vue?vue&type=template&id=21afa774&\"\nimport script from \"./SwiperLazy.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperLazy.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Responsive Breakpoints\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeResponsive)+\" \")]},proxy:true}])},[_c('swiper',{staticClass:\"swiper-responsive-breakpoints\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_vm._l((_vm.swiperData),function(data,index){return _c('swiper-slide',{key:index},[_c('b-img',{attrs:{\"src\":data.img,\"fluid\":\"\"}})],1)}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Responsive Breakpoints\">\r\n    <swiper\r\n      class=\"swiper-responsive-breakpoints\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(data,index) in swiperData\"\r\n        :key=\"index\"\r\n      >\r\n        <b-img\r\n          :src=\"data.img\"\r\n          fluid\r\n        />\r\n      </swiper-slide>\r\n\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n    </swiper>\r\n\r\n    <template #code>\r\n      {{ codeResponsive }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\nimport { BImg } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport { codeResponsive } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n    BCardCode,\r\n    BImg,\r\n  },\r\n  data() {\r\n    return {\r\n      codeResponsive,\r\n\r\n      /* eslint-disable global-require */\r\n      swiperData: [\r\n        { img: require('@/assets/images/banner/banner-30.jpg') },\r\n        { img: require('@/assets/images/banner/banner-31.jpg') },\r\n        { img: require('@/assets/images/banner/banner-32.jpg') },\r\n        { img: require('@/assets/images/banner/banner-33.jpg') },\r\n        { img: require('@/assets/images/banner/banner-34.jpg') },\r\n        { img: require('@/assets/images/banner/banner-35.jpg') },\r\n        { img: require('@/assets/images/banner/banner-36.jpg') },\r\n        { img: require('@/assets/images/banner/banner-37.jpg') },\r\n        { img: require('@/assets/images/banner/banner-38.jpg') },\r\n      ],\r\n      /* eslint-disable global-require */\r\n\r\n      swiperOptions: {\r\n        slidesPerView: 5,\r\n        spaceBetween: 50,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          clickable: true,\r\n        },\r\n        breakpoints: {\r\n          1024: {\r\n            slidesPerView: 4,\r\n            spaceBetween: 40,\r\n          },\r\n          768: {\r\n            slidesPerView: 3,\r\n            spaceBetween: 30,\r\n          },\r\n          640: {\r\n            slidesPerView: 2,\r\n            spaceBetween: 20,\r\n          },\r\n          320: {\r\n            slidesPerView: 1,\r\n            spaceBetween: 10,\r\n          },\r\n        },\r\n      },\r\n    }\r\n  },\r\n}\r\n</script>\r\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!./SwiperResponsive.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!./SwiperResponsive.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperResponsive.vue?vue&type=template&id=7c7460c2&\"\nimport script from \"./SwiperResponsive.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperResponsive.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Virtual Slides\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeVirtual)+\" \")]},proxy:true}])},[_c('swiper',{ref:\"mySwiper15\",staticClass:\"swiper-virtual\",attrs:{\"options\":_vm.swiperOptions,\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr'}},[_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})]),_c('div',{staticClass:\"demo-inline-spacing justify-content-center\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"font-small-3\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.prependSlides($event)}}},[_vm._v(\" Prepend 2 Slides \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"font-small-3\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toSlide(0)}}},[_vm._v(\" Slide 1 \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"font-small-3\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toSlide(250)}}},[_vm._v(\" Slide 250 \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"font-sm-3\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toSlide(500)}}},[_vm._v(\" Slide 500 \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"font-small-3\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.appendSlide($event)}}},[_vm._v(\" Append Slide \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Virtual Slides\">\r\n    <swiper\r\n      ref=\"mySwiper15\"\r\n      class=\"swiper-virtual\"\r\n      :options=\"swiperOptions\"\r\n      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n    >\r\n      <div\r\n        slot=\"pagination\"\r\n        class=\"swiper-pagination\"\r\n      />\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n\r\n    <!-- buttons -->\r\n    <div class=\"demo-inline-spacing justify-content-center\">\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"prependSlides\"\r\n      >\r\n        Prepend 2 Slides\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"toSlide(0)\"\r\n      >\r\n        Slide 1\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"toSlide(250)\"\r\n      >\r\n        Slide 250\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-sm-3\"\r\n        @click.prevent=\"toSlide(500)\"\r\n      >\r\n        Slide 500\r\n      </b-button>\r\n      <b-button\r\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n        variant=\"outline-primary\"\r\n        class=\"font-small-3\"\r\n        @click.prevent=\"appendSlide\"\r\n      >\r\n        Append Slide\r\n      </b-button>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeVirtual }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\r\nimport { Swiper } from 'vue-awesome-swiper'\r\nimport { BButton } from 'bootstrap-vue'\r\nimport 'swiper/css/swiper.css'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport { codeVirtual } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    BCardCode,\r\n    BButton,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  data() {\r\n    return {\r\n      codeVirtual,\r\n      slides: [],\r\n      prependNumber: 1,\r\n      appendNumber: 600,\r\n      swiperOptions: {\r\n        slidesPerView: 3,\r\n        centeredSlides: true,\r\n        spaceBetween: 30,\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n          type: 'fraction',\r\n        },\r\n        navigation: {\r\n          nextEl: '.swiper-button-next',\r\n          prevEl: '.swiper-button-prev',\r\n        },\r\n        virtual: {\r\n          slides: Array(600)\r\n            .fill('Slide')\r\n            .map((item, index) => `${item} ${index + 1}`),\r\n        },\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    toSlide(index) {\r\n      this.$refs.mySwiper15.$swiper.slideTo(index, 1)\r\n    },\r\n    prependSlides() {\r\n      this.$refs.mySwiper15.$swiper.virtual.prependSlide([\r\n        `Slide ${(this.prependNumber -= 1)}`,\r\n        `Slide ${(this.prependNumber -= 1)}`,\r\n      ])\r\n    },\r\n    appendSlide() {\r\n      this.$refs.mySwiper15.$swiper.virtual.appendSlide(`Slide ${(this.appendNumber += 1)}`)\r\n    },\r\n  },\r\n}\r\n</script>\r\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!./SwiperVirtual.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!./SwiperVirtual.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwiperVirtual.vue?vue&type=template&id=712095ad&\"\nimport script from \"./SwiperVirtual.vue?vue&type=script&lang=js&\"\nexport * from \"./SwiperVirtual.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\nexport default component.exports","<template>\r\n  <b-row>\r\n    <b-col cols=\"12\">\r\n      <swiper-default />\r\n      <swiper-navigation />\r\n      <swiper-pagination />\r\n      <swiper-progress />\r\n      <swiper-multiple-slides />\r\n      <swiper-multi-row-slides />\r\n      <swiper-centered-slides />\r\n      <swiper-centered-slides2 />\r\n      <swiper-fade-effect />\r\n      <swiper-cube />\r\n      <swiper-coverflow-effect />\r\n      <swiper-autoplay />\r\n      <swiper-gallery />\r\n      <swiper-parallax />\r\n      <swiper-lazy />\r\n      <swiper-responsive />\r\n      <swiper-virtual />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport SwiperDefault from './SwiperDefault.vue'\r\nimport SwiperNavigation from './SwiperNavigation.vue'\r\nimport SwiperPagination from './SwiperPagination.vue'\r\nimport SwiperProgress from './SwiperProgress.vue'\r\nimport SwiperMultipleSlides from './SwiperMultipleSlides.vue'\r\nimport SwiperMultiRowSlides from './SwiperMultiRowSlides.vue'\r\nimport SwiperCenteredSlides from './SwiperCenteredSlides.vue'\r\nimport SwiperCenteredSlides2 from './SwiperCenteredSlides2.vue'\r\nimport SwiperFadeEffect from './SwiperFadeEffect.vue'\r\nimport SwiperCube from './SwiperCube.vue'\r\nimport SwiperCoverflowEffect from './SwiperCoverflowEffect.vue'\r\nimport SwiperAutoplay from './SwiperAutoplay.vue'\r\nimport SwiperGallery from './SwiperGallery.vue'\r\nimport SwiperParallax from './SwiperParallax.vue'\r\nimport SwiperLazy from './SwiperLazy.vue'\r\nimport SwiperResponsive from './SwiperResponsive.vue'\r\nimport SwiperVirtual from './SwiperVirtual.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    SwiperDefault,\r\n    SwiperNavigation,\r\n    SwiperPagination,\r\n    SwiperProgress,\r\n    SwiperMultipleSlides,\r\n    SwiperMultiRowSlides,\r\n    SwiperCenteredSlides,\r\n    SwiperCenteredSlides2,\r\n    SwiperFadeEffect,\r\n    SwiperCube,\r\n    SwiperCoverflowEffect,\r\n    SwiperAutoplay,\r\n    SwiperGallery,\r\n    SwiperParallax,\r\n    SwiperLazy,\r\n    SwiperResponsive,\r\n    SwiperVirtual,\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/swiper.scss';\r\n</style>\r\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!./Swiper.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!./Swiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swiper.vue?vue&type=template&id=4e2d47e2&\"\nimport script from \"./Swiper.vue?vue&type=script&lang=js&\"\nexport * from \"./Swiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swiper.vue?vue&type=style&index=0&id=4e2d47e2&prod&lang=scss&\"\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\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/banner-31.d54fc4be.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-36.78c06c64.jpg\";","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!./Swiper.vue?vue&type=style&index=0&id=4e2d47e2&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/banner-32.ee83ec3d.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-33.5857ec71.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-37.4e9e51f8.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-23.b74d240c.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-28.d91487ff.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-34.61156fc9.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-9.72553850.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-24.d3fb51a8.jpg\";"],"sourceRoot":""}