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