{"version":3,"sources":["webpack:///./src/assets/images/banner/banner-30.jpg","webpack:///./src/assets/images/banner/banner-38.jpg","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/views/extensions/swiper/SwiperMultiRowSlides.vue?2dcb","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:///./node_modules/core-js/internals/array-fill.js","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?255b","webpack:///./src/views/extensions/swiper/SwiperDefault.vue?6973","webpack:///./src/views/extensions/swiper/code.js","webpack:///src/views/extensions/swiper/SwiperDefault.vue","webpack:///./src/views/extensions/swiper/SwiperDefault.vue?1a56","webpack:///./src/views/extensions/swiper/SwiperDefault.vue","webpack:///./src/views/extensions/swiper/SwiperNavigation.vue?3b3f","webpack:///src/views/extensions/swiper/SwiperNavigation.vue","webpack:///./src/views/extensions/swiper/SwiperNavigation.vue?6b79","webpack:///./src/views/extensions/swiper/SwiperNavigation.vue","webpack:///./src/views/extensions/swiper/SwiperPagination.vue?e3f0","webpack:///src/views/extensions/swiper/SwiperPagination.vue","webpack:///./src/views/extensions/swiper/SwiperPagination.vue?055d","webpack:///./src/views/extensions/swiper/SwiperPagination.vue","webpack:///./src/views/extensions/swiper/SwiperProgress.vue?8aa1","webpack:///src/views/extensions/swiper/SwiperProgress.vue","webpack:///./src/views/extensions/swiper/SwiperProgress.vue?6e97","webpack:///./src/views/extensions/swiper/SwiperProgress.vue","webpack:///./src/views/extensions/swiper/SwiperMultipleSlides.vue?b1c3","webpack:///src/views/extensions/swiper/SwiperMultipleSlides.vue","webpack:///./src/views/extensions/swiper/SwiperMultipleSlides.vue?24de","webpack:///./src/views/extensions/swiper/SwiperMultipleSlides.vue","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue?98b5","webpack:///src/views/extensions/swiper/SwiperMultiRowSlides.vue","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue?966c","webpack:///./src/views/extensions/swiper/SwiperMultiRowSlides.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides.vue?b2be","webpack:///src/views/extensions/swiper/SwiperCenteredSlides.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides.vue?364a","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides2.vue?dd2e","webpack:///src/views/extensions/swiper/SwiperCenteredSlides2.vue","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides2.vue?b6ea","webpack:///./src/views/extensions/swiper/SwiperCenteredSlides2.vue","webpack:///./src/views/extensions/swiper/SwiperFadeEffect.vue?a042","webpack:///src/views/extensions/swiper/SwiperFadeEffect.vue","webpack:///./src/views/extensions/swiper/SwiperFadeEffect.vue?32d4","webpack:///./src/views/extensions/swiper/SwiperFadeEffect.vue","webpack:///./src/views/extensions/swiper/SwiperCube.vue?5d60","webpack:///src/views/extensions/swiper/SwiperCube.vue","webpack:///./src/views/extensions/swiper/SwiperCube.vue?0be0","webpack:///./src/views/extensions/swiper/SwiperCube.vue","webpack:///./src/views/extensions/swiper/SwiperCoverflowEffect.vue?7512","webpack:///src/views/extensions/swiper/SwiperCoverflowEffect.vue","webpack:///./src/views/extensions/swiper/SwiperCoverflowEffect.vue?02d8","webpack:///./src/views/extensions/swiper/SwiperCoverflowEffect.vue","webpack:///./src/views/extensions/swiper/SwiperAutoplay.vue?d85a","webpack:///src/views/extensions/swiper/SwiperAutoplay.vue","webpack:///./src/views/extensions/swiper/SwiperAutoplay.vue?a10c","webpack:///./src/views/extensions/swiper/SwiperAutoplay.vue","webpack:///./src/views/extensions/swiper/SwiperGallery.vue?b5e7","webpack:///src/views/extensions/swiper/SwiperGallery.vue","webpack:///./src/views/extensions/swiper/SwiperGallery.vue?49c2","webpack:///./src/views/extensions/swiper/SwiperGallery.vue","webpack:///./src/views/extensions/swiper/SwiperParallax.vue?5f2f","webpack:///src/views/extensions/swiper/SwiperParallax.vue","webpack:///./src/views/extensions/swiper/SwiperParallax.vue?219b","webpack:///./src/views/extensions/swiper/SwiperParallax.vue","webpack:///./src/views/extensions/swiper/SwiperLazy.vue?c5dd","webpack:///src/views/extensions/swiper/SwiperLazy.vue","webpack:///./src/views/extensions/swiper/SwiperLazy.vue?741a","webpack:///./src/views/extensions/swiper/SwiperLazy.vue","webpack:///./src/views/extensions/swiper/SwiperResponsive.vue?81ee","webpack:///src/views/extensions/swiper/SwiperResponsive.vue","webpack:///./src/views/extensions/swiper/SwiperResponsive.vue?7baa","webpack:///./src/views/extensions/swiper/SwiperResponsive.vue","webpack:///./src/views/extensions/swiper/SwiperVirtual.vue?6245","webpack:///src/views/extensions/swiper/SwiperVirtual.vue","webpack:///./src/views/extensions/swiper/SwiperVirtual.vue?c663","webpack:///./src/views/extensions/swiper/SwiperVirtual.vue","webpack:///src/views/extensions/swiper/Swiper.vue","webpack:///./src/views/extensions/swiper/Swiper.vue?f395","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?9679","webpack:///./src/assets/images/banner/banner-32.jpg","webpack:///./node_modules/core-js/modules/es.array.fill.js","webpack:///./src/assets/images/banner/banner-33.jpg","webpack:///./node_modules/bootstrap-vue/esm/components/card/card-text.js","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","toObject","toAbsoluteIndex","toLength","value","O","this","length","argumentsLength","arguments","index","undefined","end","endPos","render","_vm","_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","component","staticClass","swiperOptions","slot","navigation","nextEl","prevEl","pagination","el","type","slidesPerView","spaceBetween","clickable","swiperOption","slidesPerColumn","breakpoints","1024","768","640","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","controller","control","swiperThumbs","title","subtitle","BCardText","speed","parallax","lazy","320","directives","name","rawName","expression","modifiers","on","$event","preventDefault","prependSlides","toSlide","appendSlide","BButton","Ripple","slides","prependNumber","appendNumber","virtual","Array","methods","$refs","mySwiper15","$swiper","slideTo","prependSlide","BRow","BCol","SwiperDefault","SwiperNavigation","SwiperPagination","SwiperProgress","SwiperMultipleSlides","SwiperMultiRowSlides","SwiperCenteredSlides","SwiperCenteredSlides2","SwiperFadeEffect","SwiperCube","SwiperCoverflowEffect","SwiperAutoplay","SwiperGallery","SwiperParallax","SwiperLazy","SwiperResponsive","SwiperVirtual","$","fill","addToUnscopables","target","proto","props","textTag","extend","functional","h","_ref","children"],"mappings":"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","file":"js/chunk-466a6338.a838ef69.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/banner-30.56f1c6a1.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-38.8c9bdd3e.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-1.f4d01d86.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.1ddda071.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-13.e1d5ec69.jpg\";","module.exports = __webpack_public_path__ + \"img/banner-10.91ab966f.jpg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwiperMultiRowSlides.vue?vue&type=style&index=0&id=9f8bd9e0&lang=scss&scoped=true&\"","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\";","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.github.io/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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&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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-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&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--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swiper.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/banner-32.ee83ec3d.jpg\";","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n","module.exports = __webpack_public_path__ + \"img/banner-33.5857ec71.jpg\";","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\n  }\n});","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":""}