+
+### １-３. 利用ユーザの選択
+
+以下から利用用途に合わせて選び、インストールボタンを押下する。
+※インストール後に利用ユーザを設定することも可能
+
+
+
+| ケース | インストール |
+| ------------------------------------ | -------------------------------- |
+| システム管理者のみが試験導入する場合 | 管理者のみインストール |
+| すべてのユーザが利用する場合 | すべてのユーザのインストール |
+| 特定のユーザのみが利用する場合 | 特定のプロファイルのインストール |
+
+### １-４. インストール完了
+
+インストールの完了メッセージが表示された場合、完了ボタンを押下する。
+
+
+
+設定内の「インストール済みパッケージ」に Image Uploader が追加されます。
+
+
+
+## ２．レコードページへの追加
+
+_社内向けで利用する場合、任意のオブジェクトに以下設定を行ってください_
+
+### ２-１. 編集ページを開く
+
+追加したいオブジェクトのレコードを開き、画面右上の「歯車マーク → 編集ページ」の順に押下する。
+
+
+
+### ２-２. コンポーネントを配置
+
+画面左のコンポーネントから、「カスタム-管理」セクションにある「Image Uploader」をページ内の配置したい箇所にドラッグ＆ドロップします。
+（Image Uploader(パーツのため使用不可)は、モバイルアプリで使用されるコンポーネントのパーツのため単体では動作しません）
+
+
+
+### ２-３. 詳細設定
+
+画面右側の詳細設定にて、利用したい条件に合わせて設定を変更します。
+コンポーネント設定の詳細は[こちら](https://salesforce.quip.com/wqkJANnbuwgp#YDcACAkKq3W)から確認ください。
+
+## ３．動画・音声ファイルの再生設定
+
+Image Uploader はファイルの拡張子によって表示の実行動作を変えています。
+以下はコンポーネント内でのファイルの取り扱いの設定であり、動作の実行を保証するものではありません。
+各ファイルの実行はデバイスやブラウザの実装に依存しますのでご注意ください。
+webm や ogg など、対応拡張子を増やしたい場合はコンポーネントの改修が必要になります。
+
+| 種別 | コンポーネント上での挙動 |
+| ------------ | ------------------------------------------------------------------------ |
+| 動画ファイル | 拡張子が avi/mpeg/mp4/mov/wmv のファイルは動画ファイルとして扱われます。 |
+| 音声ファイル | 拡張子が mp3/acc/wav/wma のファイルは音声ファイルとして扱われます。 |
+
+**動画・音声ファイルを再生させるための設定**
+
+- 設定>セキュリティ>CSP 信頼済みサイト →「新規作成」として、次のように自ドメインからの*media-src*を有効にする
+ - 信頼済みサイト名: 任意の名前
+ - 信頼済みサイト URL: マイドメインを有効にした組織の URL
+ 例: https://XXXXXXXXX.my.salesforce.com
+ - 有効: チェックを入れる
+ - コンテキスト: すべて (Salesforce+デジタルエクスペリエンスサイト) もしくは LEX (Salesforce)またはコミュニティ(デジタルエクスペリエンスサイト)
+ - CSP ディレクティブ
+ “media-src のサイトを許可”にチェックを入れる
+
+## ４．PDF ファイルの表示設定
+
+**PDF を表示させるための設定**
+
+- 設定>セキュリティ>ファイルのアップロードおよびダウンロードセキュリティ →.pdf のダウンロード操作を“ブラウザで実行”に変更
diff --git a/config/project-scratch-def.json b/config/project-scratch-def.json
new file mode 100644
index 0000000..7701967
--- /dev/null
+++ b/config/project-scratch-def.json
@@ -0,0 +1,18 @@
+{
+ "orgName": "Image Uploader",
+ "edition": "Developer",
+ "features": [],
+ "settings": {
+ "lightningExperienceSettings": {
+ "enableS1DesktopEnabled": true
+ },
+ "securitySettings": {
+ "passwordPolicies": {
+ "enableSetPasswordInApi": true
+ }
+ },
+ "mobileSettings": {
+ "enableS1EncryptedStoragePref2": false
+ }
+ }
+}
diff --git a/force-app/main/default/aura/.eslintrc.json b/force-app/main/default/aura/.eslintrc.json
new file mode 100644
index 0000000..b637383
--- /dev/null
+++ b/force-app/main/default/aura/.eslintrc.json
@@ -0,0 +1,9 @@
+{
+ "plugins": ["@salesforce/eslint-plugin-aura"],
+ "extends": ["plugin:@salesforce/eslint-plugin-aura/recommended", "prettier"],
+ "rules": {
+ "func-names": "off",
+ "vars-on-top": "off",
+ "no-unused-expressions": "off"
+ }
+}
diff --git a/force-app/main/default/aura/RSIUC_NavigateToLWC/RSIUC_NavigateToLWC.cmp b/force-app/main/default/aura/RSIUC_NavigateToLWC/RSIUC_NavigateToLWC.cmp
new file mode 100644
index 0000000..5518e38
--- /dev/null
+++ b/force-app/main/default/aura/RSIUC_NavigateToLWC/RSIUC_NavigateToLWC.cmp
@@ -0,0 +1,60 @@
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ /
+ {img.value.contentSize}
+ /
+ {img.value.fileExtension}
+
+
+
+
+
+
+
+
+
diff --git a/force-app/main/default/lwc/rsiuc_EditImageNameMobile/rsiuc_EditImageNameMobile.js b/force-app/main/default/lwc/rsiuc_EditImageNameMobile/rsiuc_EditImageNameMobile.js
new file mode 100644
index 0000000..913ccd6
--- /dev/null
+++ b/force-app/main/default/lwc/rsiuc_EditImageNameMobile/rsiuc_EditImageNameMobile.js
@@ -0,0 +1,125 @@
+/*
+ * Copyright (c) 2020, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+import { LightningElement, api, track, wire } from 'lwc';
+import getImagesByContentDocumentIds from '@salesforce/apex/RSIUC_ImageUploadController.getImagesByContentDocumentIds';
+import updateContentDocumentName from '@salesforce/apex/RSIUC_ImageUploadController.updateContentDocumentName';
+import { generateInfoTextForImage, getPreviewUrlFromFileType, getDefaultIconFromFileType, formatBytes } from 'c/rsiuc_Utils';
+import { NavigationMixin } from 'lightning/navigation';
+
+export default class rsiuc_EditImageNameMobile extends NavigationMixin(LightningElement) {
+ @api recordId;
+ @api contentIds;
+ @api communityId;
+ @api communityBaseUrl;
+ @api nameSpace = '';
+ @track images = {};
+ imagesMap = {};
+ isLoaded = false;
+ layoutSettings = {
+ imageBlock: 2,
+ infoBlock: 10
+ };
+
+ //Executes on the page load
+ connectedCallback() {
+ this.isLoaded = true;
+ this.getImagesList(this.contentIds);
+ }
+
+ getImagesList(contentIds) {
+ getImagesByContentDocumentIds({ contentIds: contentIds })
+ .then((result) => {
+ if (result) {
+ result.forEach((item) => {
+ item.imageUrl = getPreviewUrlFromFileType(item.FileType, item.LatestPublishedVersionId, item.Id, this.communityBaseUrl);
+ item.infoText = generateInfoTextForImage(item.ContentSize, item.FileExtension);
+ item.contentSize = formatBytes(item.ContentSize);
+ item.fileExtension = item.FileExtension.toUpperCase();
+ item.imageError = false;
+ item.defaultIcon = getDefaultIconFromFileType(item.FileType);
+ item.originalTitle = item.Title;
+ this.imagesMap[item.Id] = item;
+ });
+ this.images.error = undefined;
+ this.images.data = result;
+ this.isLoaded = false;
+ }
+ })
+ .catch((error) => {
+ this.images.error = error;
+ this.images.data = undefined;
+ this.isLoaded = false;
+ });
+ }
+
+ handleSaveClick() {
+ let allValid = this.validateInput();
+ if (!allValid) {
+ alert('有効な値を入力してからもう一度試してください。');
+ return;
+ }
+
+ this.isLoaded = true;
+ let imageWrappers = [];
+ for (const [key, value] of Object.entries(this.imagesMap)) {
+ if (value.originalTitle != value.Title) {
+ let wrap = {};
+ wrap.Id = key;
+ wrap.Title = value.Title;
+ imageWrappers.push(wrap);
+ }
+ }
+ if (imageWrappers.length == 0) {
+ this.goToRecordDetailPage();
+ return;
+ }
+ updateContentDocumentName({ contentDocs: imageWrappers })
+ .then((result) => {
+ if (result) {
+ this.goToRecordDetailPage();
+ }
+ this.images.error = undefined;
+ this.isLoaded = false;
+ })
+ .catch((error) => {
+ this.images.error = error;
+ this.isLoaded = false;
+ });
+ }
+
+ handleImageError(event) {
+ let contentId = event.target.dataset.contentid;
+ this.images.data.every((item) => {
+ if (item.Id == contentId) {
+ item.imageError = true;
+ return false;
+ }
+ return true;
+ });
+ }
+
+ validateInput() {
+ return [...this.template.querySelectorAll('lightning-input')].reduce((validSoFar, inputCmp) => {
+ inputCmp.reportValidity();
+ return validSoFar && inputCmp.checkValidity();
+ }, true);
+ }
+
+ onInputChange(event) {
+ this.imagesMap[event.target.name].Title = event.target.value;
+ }
+
+ goToRecordDetailPage() {
+ this[NavigationMixin.Navigate]({
+ type: 'standard__recordPage',
+ attributes: {
+ recordId: this.recordId,
+ actionName: 'view'
+ }
+ });
+ }
+}
diff --git a/force-app/main/default/lwc/rsiuc_EditImageNameMobile/rsiuc_EditImageNameMobile.js-meta.xml b/force-app/main/default/lwc/rsiuc_EditImageNameMobile/rsiuc_EditImageNameMobile.js-meta.xml
new file mode 100644
index 0000000..9c0b76d
--- /dev/null
+++ b/force-app/main/default/lwc/rsiuc_EditImageNameMobile/rsiuc_EditImageNameMobile.js-meta.xml
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+ {images.error.body.message}
+
+
+
+
+
+
+
+
+ ファイル名変更
+
+
+
+
+
+
+
+
+
+
+
+
+ /
+ {img.value.contentSize}
+ /
+ {img.value.fileExtension}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {images.error.body.message}
+
+
+
+
+
+
diff --git a/force-app/main/default/lwc/rsiuc_ImageCarouselMobile/rsiuc_ImageCarouselMobile.js b/force-app/main/default/lwc/rsiuc_ImageCarouselMobile/rsiuc_ImageCarouselMobile.js
new file mode 100644
index 0000000..3d1a459
--- /dev/null
+++ b/force-app/main/default/lwc/rsiuc_ImageCarouselMobile/rsiuc_ImageCarouselMobile.js
@@ -0,0 +1,184 @@
+/*
+ * Copyright (c) 2020, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+import { LightningElement, api, track, wire } from 'lwc';
+import getImagesRelatedToRecord from '@salesforce/apex/RSIUC_ImageUploadController.getImagesRelatedToRecord';
+import { loadScript, loadStyle } from 'lightning/platformResourceLoader';
+import swiperResource from '@salesforce/resourceUrl/RSIUC_ImageUpload';
+import { showToast, getPreviewUrlFromFileType, getFileIconFromFileTypeAndStaticResource } from 'c/rsiuc_Utils';
+
+export default class Rsiuc_ImageCarouselMobile extends LightningElement {
+ @api recordId;
+ @api totalImages;
+ @api offset;
+ @api pageSize;
+ @api sortField;
+ @api order;
+ @api keyword;
+ @api communityId;
+ @api communityBaseUrl;
+ @api initialSlide = 0;
+ @api nameSpace = '';
+ @api acceptedFormatList = `jpg, jpeg, png, ppt, pptx, xls, xlsx, doc, docx, pdf`;
+ images = {};
+ error;
+ swiper;
+ nextOffset;
+ prevOffset;
+
+ connectedCallback() {
+ this.nextOffset = this.offset + this.pageSize;
+ this.prevOffset = this.offset - this.pageSize;
+ getImagesRelatedToRecord({ recordId: this.recordId, offset: this.offset, pageSize: this.pageSize, sortField: this.sortField, order: this.order, keyword: this.keyword, allowFileType: this.acceptedFormatList })
+ .then((result) => {
+ if (result) {
+ result.forEach((item) => {
+ item.imageUrl = getPreviewUrlFromFileType(item.ContentDocument.FileType, item.ContentDocument.LatestPublishedVersionId, item.ContentDocumentId, this.communityBaseUrl, 'ImageCarouselMobile');
+ });
+ this.images.error = undefined;
+ this.images.data = result;
+ this.error = undefined;
+ if (this.template.querySelector('.swiper-container')) {
+ this.initSwiper();
+ }
+ }
+ })
+ .catch((error) => {
+ this.error = error;
+ });
+ }
+
+ renderedCallback() {
+ // invoke the method when component rendered or loaded
+ Promise.all([
+ loadStyle(this, swiperResource + '/SwiperJS/swiper-bundle.css'), // CSS File
+ loadScript(this, swiperResource + '/SwiperJS/swiper-bundle.js') // JS file
+ ])
+ .then(() => {
+ // Call back function if scripts loaded successfully
+ })
+ .catch((error) => {
+ showToast(this, 'エラー', error.message, 'error');
+ });
+ }
+
+ initSwiper() {
+ if (this.swiper) {
+ this.swiper.destroy();
+ }
+ this.swiper = new Swiper(this.template.querySelector('.swiper-container'), {
+ init: false,
+ lazy: {
+ loadOnTransitionStart: true
+ },
+ initialSlide: this.initialSlide,
+ navigation: {
+ nextEl: this.template.querySelector('.swiper-button-next'),
+ prevEl: this.template.querySelector('.swiper-button-prev')
+ }
+ });
+ this.swiper.on('init', () => {
+ for (let i = this.images.data.length - 1; i >= 0; i--) {
+ this.swiper.addSlide(0, this.generateDivSwiper(this.images.data[i].imageUrl, this.images.data[i].ContentDocument.Title, this.images.data[i].ContentDocument.FileType));
+ }
+ });
+
+ this.swiper.init();
+ this.swiper.slideTo(this.initialSlide, false, false);
+ this.swiper.lazy.load();
+ if (this.swiper.isBeginning) {
+ this.reachBeginningProcess();
+ }
+ if (this.swiper.isEnd) {
+ this.reachEndProcess();
+ }
+
+ this.swiper.on('reachBeginning', () => {
+ this.reachBeginningProcess();
+ });
+ this.swiper.on('reachEnd', () => {
+ this.reachEndProcess();
+ });
+
+ this.bindErrorEventToImage();
+ }
+
+ reachBeginningProcess() {
+ if (this.prevOffset >= 0) {
+ this.getImagesList(this.prevOffset, true, false);
+ }
+ }
+
+ reachEndProcess() {
+ if (this.nextOffset < this.totalImages) {
+ this.getImagesList(this.nextOffset, false, true);
+ }
+ }
+
+ getImagesList(offset, isBegin, isEnd) {
+ getImagesRelatedToRecord({ recordId: this.recordId, offset: offset, pageSize: this.pageSize, sortField: this.sortField, order: this.order, keyword: this.keyword, allowFileType: this.acceptedFormatList })
+ .then((result) => {
+ if (isBegin) {
+ this.prevOffset -= this.pageSize;
+ }
+ if (isEnd) {
+ this.nextOffset += this.pageSize;
+ }
+ let prependArray = [];
+ let appendArray = [];
+ result.forEach((item) => {
+ let imageUrl = getPreviewUrlFromFileType(item.ContentDocument.FileType, item.ContentDocument.LatestPublishedVersionId, item.ContentDocumentId, this.communityBaseUrl, 'ImageCarouselMobile');
+ let htmlContent = this.generateDivSwiper(imageUrl, item.ContentDocument.Title, item.ContentDocument.FileType);
+ if (isBegin) {
+ prependArray.push(htmlContent);
+ }
+ if (isEnd) {
+ appendArray.push(htmlContent);
+ }
+ });
+
+ //Detach event to prevent unwanted behaviour when DOM changed
+ this.swiper.off('reachBeginning');
+ this.swiper.off('reachEnd');
+
+ //DOM changed
+ this.swiper.prependSlide(prependArray.reverse());
+ this.swiper.appendSlide(appendArray);
+
+ //Attach event again
+ this.swiper.on('reachBeginning', () => {
+ this.reachBeginningProcess();
+ });
+ this.swiper.on('reachEnd', () => {
+ this.reachEndProcess();
+ });
+
+ this.bindErrorEventToImage();
+
+ this.error = undefined;
+ })
+ .catch((error) => {
+ this.error = error;
+ });
+ }
+
+ bindErrorEventToImage() {
+ let imageNodes = this.template.querySelectorAll('.swiper-lazy');
+ if (imageNodes) {
+ imageNodes.forEach((item) => {
+ item.addEventListener('error', this.handleImageLoadError);
+ });
+ }
+ }
+
+ handleImageLoadError(event) {
+ event.target.src = getFileIconFromFileTypeAndStaticResource(event.target.dataset.filetype);
+ }
+
+ generateDivSwiper(imageUrl, title, fileType) {
+ return `
+
+
+
+
+ {error.body.message}
+
+
+
+
+
+
+
+ ${title}
+
+
+
+
+
+
+
+
+
+
+
+ {error.body.message}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {images.error.body.message}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ {img.value.ContentDocument.Title}
+
+
+
+
+ /
+ {img.value.contentSize}
+ /
+ {img.value.fileExtension}
+
+ /
+ ダウンロード
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+
+
+
+
+
+
+
+
+
+
+ {images.error.body.message}
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ {img.value.contentDocument.Title}
+
+
+ {img.value.contentDocument.Title}
+
+
+
+
+
+ /
+ {img.value.contentDocument.contentSize}
+ /
+ {img.value.contentDocument.fileExtension}
+
+
+
+
+
+
+
+
+
+
+
+
+ ファイル選択
+
+
+ >
+
+
+
+
+
+
+
+
+
+ {images.error.body.message}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {img.value.contentDocument.Title}
+
+
+ {img.value.contentDocument.Title}
+
+
+
+
+
+ /
+ {img.value.contentDocument.contentSize}
+ /
+ {img.value.contentDocument.fileExtension}
+
+
+
+
+
+
+
+
+
+
+
+
+ URL保存項目設定
+
+
+
+
+ 
+
+
+
+
+
+ {image.ContentDocument.Title}
+
+
+
+
+ /
+ {image.contentSize}
+ /
+ {image.fileExtension}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {error}
+
+
+
+
+
+
+
+
+
+
+ " + slide + "
");
+ if (!$slideEl.attr('data-swiper-slide-index')) $slideEl.attr('data-swiper-slide-index', index);
+ if (params.cache) swiper.virtual.cache[index] = $slideEl;
+ return $slideEl;
+ },
+ appendSlide: function appendSlide(slides) {
+ var swiper = this;
+
+ if (typeof slides === 'object' && 'length' in slides) {
+ for (var i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.push(slides[i]);
+ }
+ } else {
+ swiper.virtual.slides.push(slides);
+ }
+
+ swiper.virtual.update(true);
+ },
+ prependSlide: function prependSlide(slides) {
+ var swiper = this;
+ var activeIndex = swiper.activeIndex;
+ var newActiveIndex = activeIndex + 1;
+ var numberOfNewSlides = 1;
+
+ if (Array.isArray(slides)) {
+ for (var i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
+ }
+
+ newActiveIndex = activeIndex + slides.length;
+ numberOfNewSlides = slides.length;
+ } else {
+ swiper.virtual.slides.unshift(slides);
+ }
+
+ if (swiper.params.virtual.cache) {
+ var cache = swiper.virtual.cache;
+ var newCache = {};
+ Object.keys(cache).forEach(function (cachedIndex) {
+ var $cachedEl = cache[cachedIndex];
+ var cachedElIndex = $cachedEl.attr('data-swiper-slide-index');
+
+ if (cachedElIndex) {
+ $cachedEl.attr('data-swiper-slide-index', parseInt(cachedElIndex, 10) + 1);
+ }
+
+ newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
+ });
+ swiper.virtual.cache = newCache;
+ }
+
+ swiper.virtual.update(true);
+ swiper.slideTo(newActiveIndex, 0);
+ },
+ removeSlide: function removeSlide(slidesIndexes) {
+ var swiper = this;
+ if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;
+ var activeIndex = swiper.activeIndex;
+
+ if (Array.isArray(slidesIndexes)) {
+ for (var i = slidesIndexes.length - 1; i >= 0; i -= 1) {
+ swiper.virtual.slides.splice(slidesIndexes[i], 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes[i]];
+ }
+
+ if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+ } else {
+ swiper.virtual.slides.splice(slidesIndexes, 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes];
+ }
+
+ if (slidesIndexes < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+
+ swiper.virtual.update(true);
+ swiper.slideTo(activeIndex, 0);
+ },
+ removeAllSlides: function removeAllSlides() {
+ var swiper = this;
+ swiper.virtual.slides = [];
+
+ if (swiper.params.virtual.cache) {
+ swiper.virtual.cache = {};
+ }
+
+ swiper.virtual.update(true);
+ swiper.slideTo(0, 0);
+ }
+ };
+ var Virtual$1 = {
+ name: 'virtual',
+ params: {
+ virtual: {
+ enabled: false,
+ slides: [],
+ cache: true,
+ renderSlide: null,
+ renderExternal: null,
+ renderExternalUpdate: true,
+ addSlidesBefore: 0,
+ addSlidesAfter: 0
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ virtual: _extends(_extends({}, Virtual), {}, {
+ slides: swiper.params.virtual.slides,
+ cache: {}
+ })
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (!swiper.params.virtual.enabled) return;
+ swiper.classNames.push(swiper.params.containerModifierClass + "virtual");
+ var overwriteParams = {
+ watchSlidesProgress: true
+ };
+ extend$1(swiper.params, overwriteParams);
+ extend$1(swiper.originalParams, overwriteParams);
+
+ if (!swiper.params.initialSlide) {
+ swiper.virtual.update();
+ }
+ },
+ setTranslate: function setTranslate(swiper) {
+ if (!swiper.params.virtual.enabled) return;
+ swiper.virtual.update();
+ }
+ }
+ };
+
+ var Keyboard = {
+ handle: function handle(event) {
+ var swiper = this;
+ var window = getWindow();
+ var document = getDocument();
+ var rtl = swiper.rtlTranslate;
+ var e = event;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ var kc = e.keyCode || e.charCode;
+ var pageUpDown = swiper.params.keyboard.pageUpDown;
+ var isPageUp = pageUpDown && kc === 33;
+ var isPageDown = pageUpDown && kc === 34;
+ var isArrowLeft = kc === 37;
+ var isArrowRight = kc === 39;
+ var isArrowUp = kc === 38;
+ var isArrowDown = kc === 40; // Directions locks
+
+ if (!swiper.allowSlideNext && (swiper.isHorizontal() && isArrowRight || swiper.isVertical() && isArrowDown || isPageDown)) {
+ return false;
+ }
+
+ if (!swiper.allowSlidePrev && (swiper.isHorizontal() && isArrowLeft || swiper.isVertical() && isArrowUp || isPageUp)) {
+ return false;
+ }
+
+ if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
+ return undefined;
+ }
+
+ if (document.activeElement && document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea')) {
+ return undefined;
+ }
+
+ if (swiper.params.keyboard.onlyInViewport && (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {
+ var inView = false; // Check that swiper should be inside of visible area of window
+
+ if (swiper.$el.parents("." + swiper.params.slideClass).length > 0 && swiper.$el.parents("." + swiper.params.slideActiveClass).length === 0) {
+ return undefined;
+ }
+
+ var windowWidth = window.innerWidth;
+ var windowHeight = window.innerHeight;
+ var swiperOffset = swiper.$el.offset();
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ var swiperCoord = [[swiperOffset.left, swiperOffset.top], [swiperOffset.left + swiper.width, swiperOffset.top], [swiperOffset.left, swiperOffset.top + swiper.height], [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height]];
+
+ for (var i = 0; i < swiperCoord.length; i += 1) {
+ var point = swiperCoord[i];
+
+ if (point[0] >= 0 && point[0] <= windowWidth && point[1] >= 0 && point[1] <= windowHeight) {
+ inView = true;
+ }
+ }
+
+ if (!inView) return undefined;
+ }
+
+ if (swiper.isHorizontal()) {
+ if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
+ if (e.preventDefault) e.preventDefault();else e.returnValue = false;
+ }
+
+ if ((isPageDown || isArrowRight) && !rtl || (isPageUp || isArrowLeft) && rtl) swiper.slideNext();
+ if ((isPageUp || isArrowLeft) && !rtl || (isPageDown || isArrowRight) && rtl) swiper.slidePrev();
+ } else {
+ if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
+ if (e.preventDefault) e.preventDefault();else e.returnValue = false;
+ }
+
+ if (isPageDown || isArrowDown) swiper.slideNext();
+ if (isPageUp || isArrowUp) swiper.slidePrev();
+ }
+
+ swiper.emit('keyPress', kc);
+ return undefined;
+ },
+ enable: function enable() {
+ var swiper = this;
+ var document = getDocument();
+ if (swiper.keyboard.enabled) return;
+ $(document).on('keydown', swiper.keyboard.handle);
+ swiper.keyboard.enabled = true;
+ },
+ disable: function disable() {
+ var swiper = this;
+ var document = getDocument();
+ if (!swiper.keyboard.enabled) return;
+ $(document).off('keydown', swiper.keyboard.handle);
+ swiper.keyboard.enabled = false;
+ }
+ };
+ var Keyboard$1 = {
+ name: 'keyboard',
+ params: {
+ keyboard: {
+ enabled: false,
+ onlyInViewport: true,
+ pageUpDown: true
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ keyboard: _extends({
+ enabled: false
+ }, Keyboard)
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (swiper.params.keyboard.enabled) {
+ swiper.keyboard.enable();
+ }
+ },
+ destroy: function destroy(swiper) {
+ if (swiper.keyboard.enabled) {
+ swiper.keyboard.disable();
+ }
+ }
+ }
+ };
+
+ function isEventSupported() {
+ var document = getDocument();
+ var eventName = 'onwheel';
+ var isSupported = (eventName in document);
+
+ if (!isSupported) {
+ var element = document.createElement('div');
+ element.setAttribute(eventName, 'return;');
+ isSupported = typeof element[eventName] === 'function';
+ }
+
+ if (!isSupported && document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.
+ // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
+ document.implementation.hasFeature('', '') !== true) {
+ // This is the only way to test support for the `wheel` event in IE9+.
+ isSupported = document.implementation.hasFeature('Events.wheel', '3.0');
+ }
+
+ return isSupported;
+ }
+
+ var Mousewheel = {
+ lastScrollTime: now(),
+ lastEventBeforeSnap: undefined,
+ recentWheelEvents: [],
+ event: function event() {
+ var window = getWindow();
+ if (window.navigator.userAgent.indexOf('firefox') > -1) return 'DOMMouseScroll';
+ return isEventSupported() ? 'wheel' : 'mousewheel';
+ },
+ normalize: function normalize(e) {
+ // Reasonable defaults
+ var PIXEL_STEP = 10;
+ var LINE_HEIGHT = 40;
+ var PAGE_HEIGHT = 800;
+ var sX = 0;
+ var sY = 0; // spinX, spinY
+
+ var pX = 0;
+ var pY = 0; // pixelX, pixelY
+ // Legacy
+
+ if ('detail' in e) {
+ sY = e.detail;
+ }
+
+ if ('wheelDelta' in e) {
+ sY = -e.wheelDelta / 120;
+ }
+
+ if ('wheelDeltaY' in e) {
+ sY = -e.wheelDeltaY / 120;
+ }
+
+ if ('wheelDeltaX' in e) {
+ sX = -e.wheelDeltaX / 120;
+ } // side scrolling on FF with DOMMouseScroll
+
+
+ if ('axis' in e && e.axis === e.HORIZONTAL_AXIS) {
+ sX = sY;
+ sY = 0;
+ }
+
+ pX = sX * PIXEL_STEP;
+ pY = sY * PIXEL_STEP;
+
+ if ('deltaY' in e) {
+ pY = e.deltaY;
+ }
+
+ if ('deltaX' in e) {
+ pX = e.deltaX;
+ }
+
+ if (e.shiftKey && !pX) {
+ // if user scrolls with shift he wants horizontal scroll
+ pX = pY;
+ pY = 0;
+ }
+
+ if ((pX || pY) && e.deltaMode) {
+ if (e.deltaMode === 1) {
+ // delta in LINE units
+ pX *= LINE_HEIGHT;
+ pY *= LINE_HEIGHT;
+ } else {
+ // delta in PAGE units
+ pX *= PAGE_HEIGHT;
+ pY *= PAGE_HEIGHT;
+ }
+ } // Fall-back if spin cannot be determined
+
+
+ if (pX && !sX) {
+ sX = pX < 1 ? -1 : 1;
+ }
+
+ if (pY && !sY) {
+ sY = pY < 1 ? -1 : 1;
+ }
+
+ return {
+ spinX: sX,
+ spinY: sY,
+ pixelX: pX,
+ pixelY: pY
+ };
+ },
+ handleMouseEnter: function handleMouseEnter() {
+ var swiper = this;
+ swiper.mouseEntered = true;
+ },
+ handleMouseLeave: function handleMouseLeave() {
+ var swiper = this;
+ swiper.mouseEntered = false;
+ },
+ handle: function handle(event) {
+ var e = event;
+ var swiper = this;
+ var params = swiper.params.mousewheel;
+
+ if (swiper.params.cssMode) {
+ e.preventDefault();
+ }
+
+ var target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== 'container') {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ if (!swiper.mouseEntered && !target[0].contains(e.target) && !params.releaseOnEdges) return true;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ var delta = 0;
+ var rtlFactor = swiper.rtlTranslate ? -1 : 1;
+ var data = Mousewheel.normalize(e);
+
+ if (params.forceToAxis) {
+ if (swiper.isHorizontal()) {
+ if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) delta = -data.pixelX * rtlFactor;else return true;
+ } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) delta = -data.pixelY;else return true;
+ } else {
+ delta = Math.abs(data.pixelX) > Math.abs(data.pixelY) ? -data.pixelX * rtlFactor : -data.pixelY;
+ }
+
+ if (delta === 0) return true;
+ if (params.invert) delta = -delta;
+
+ if (!swiper.params.freeMode) {
+ // Register the new event in a variable which stores the relevant data
+ var newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ raw: event
+ }; // Keep the most recent events
+
+ var recentWheelEvents = swiper.mousewheel.recentWheelEvents;
+
+ if (recentWheelEvents.length >= 2) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ var prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;
+ recentWheelEvents.push(newEvent); // If there is at least one previous recorded event:
+ // If direction has changed or
+ // if the scroll is quicker than the previous one:
+ // Animate the slider.
+ // Else (this is the first time the wheel is moved):
+ // Animate the slider.
+
+ if (prevEvent) {
+ if (newEvent.direction !== prevEvent.direction || newEvent.delta > prevEvent.delta || newEvent.time > prevEvent.time + 150) {
+ swiper.mousewheel.animateSlider(newEvent);
+ }
+ } else {
+ swiper.mousewheel.animateSlider(newEvent);
+ } // If it's time to release the scroll:
+ // Return now so you don't hit the preventDefault.
+
+
+ if (swiper.mousewheel.releaseScroll(newEvent)) {
+ return true;
+ }
+ } else {
+ // Freemode or scrollContainer:
+ // If we recently snapped after a momentum scroll, then ignore wheel events
+ // to give time for the deceleration to finish. Stop ignoring after 500 msecs
+ // or if it's a new scroll (larger delta or inverse sign as last event before
+ // an end-of-momentum snap).
+ var _newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta)
+ };
+ var lastEventBeforeSnap = swiper.mousewheel.lastEventBeforeSnap;
+ var ignoreWheelEvents = lastEventBeforeSnap && _newEvent.time < lastEventBeforeSnap.time + 500 && _newEvent.delta <= lastEventBeforeSnap.delta && _newEvent.direction === lastEventBeforeSnap.direction;
+
+ if (!ignoreWheelEvents) {
+ swiper.mousewheel.lastEventBeforeSnap = undefined;
+
+ if (swiper.params.loop) {
+ swiper.loopFix();
+ }
+
+ var position = swiper.getTranslate() + delta * params.sensitivity;
+ var wasBeginning = swiper.isBeginning;
+ var wasEnd = swiper.isEnd;
+ if (position >= swiper.minTranslate()) position = swiper.minTranslate();
+ if (position <= swiper.maxTranslate()) position = swiper.maxTranslate();
+ swiper.setTransition(0);
+ swiper.setTranslate(position);
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+
+ if (!wasBeginning && swiper.isBeginning || !wasEnd && swiper.isEnd) {
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeModeSticky) {
+ // When wheel scrolling starts with sticky (aka snap) enabled, then detect
+ // the end of a momentum scroll by storing recent (N=15?) wheel events.
+ // 1. do all N events have decreasing or same (absolute value) delta?
+ // 2. did all N events arrive in the last M (M=500?) msecs?
+ // 3. does the earliest event have an (absolute value) delta that's
+ // at least P (P=1?) larger than the most recent event's delta?
+ // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?
+ // If 1-4 are "yes" then we're near the end of a momuntum scroll deceleration.
+ // Snap immediately and ignore remaining wheel events in this scroll.
+ // See comment above for "remaining wheel events in this scroll" determination.
+ // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.
+ clearTimeout(swiper.mousewheel.timeout);
+ swiper.mousewheel.timeout = undefined;
+ var _recentWheelEvents = swiper.mousewheel.recentWheelEvents;
+
+ if (_recentWheelEvents.length >= 15) {
+ _recentWheelEvents.shift(); // only store the last N events
+
+ }
+
+ var _prevEvent = _recentWheelEvents.length ? _recentWheelEvents[_recentWheelEvents.length - 1] : undefined;
+
+ var firstEvent = _recentWheelEvents[0];
+
+ _recentWheelEvents.push(_newEvent);
+
+ if (_prevEvent && (_newEvent.delta > _prevEvent.delta || _newEvent.direction !== _prevEvent.direction)) {
+ // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
+ _recentWheelEvents.splice(0);
+ } else if (_recentWheelEvents.length >= 15 && _newEvent.time - firstEvent.time < 500 && firstEvent.delta - _newEvent.delta >= 1 && _newEvent.delta <= 6) {
+ // We're at the end of the deceleration of a momentum scroll, so there's no need
+ // to wait for more events. Snap ASAP on the next tick.
+ // Also, because there's some remaining momentum we'll bias the snap in the
+ // direction of the ongoing scroll because it's better UX for the scroll to snap
+ // in the same direction as the scroll instead of reversing to snap. Therefore,
+ // if it's already scrolled more than 20% in the current direction, keep going.
+ var snapToThreshold = delta > 0 ? 0.8 : 0.2;
+ swiper.mousewheel.lastEventBeforeSnap = _newEvent;
+
+ _recentWheelEvents.splice(0);
+
+ swiper.mousewheel.timeout = nextTick(function () {
+ swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
+ }, 0); // no delay; move on next tick
+ }
+
+ if (!swiper.mousewheel.timeout) {
+ // if we get here, then we haven't detected the end of a momentum scroll, so
+ // we'll consider a scroll "complete" when there haven't been any wheel events
+ // for 500ms.
+ swiper.mousewheel.timeout = nextTick(function () {
+ var snapToThreshold = 0.5;
+ swiper.mousewheel.lastEventBeforeSnap = _newEvent;
+
+ _recentWheelEvents.splice(0);
+
+ swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
+ }, 500);
+ }
+ } // Emit event
+
+
+ if (!ignoreWheelEvents) swiper.emit('scroll', e); // Stop autoplay
+
+ if (swiper.params.autoplay && swiper.params.autoplayDisableOnInteraction) swiper.autoplay.stop(); // Return page scroll on edge positions
+
+ if (position === swiper.minTranslate() || position === swiper.maxTranslate()) return true;
+ }
+ }
+
+ if (e.preventDefault) e.preventDefault();else e.returnValue = false;
+ return false;
+ },
+ animateSlider: function animateSlider(newEvent) {
+ var swiper = this;
+ var window = getWindow();
+
+ if (this.params.mousewheel.thresholdDelta && newEvent.delta < this.params.mousewheel.thresholdDelta) {
+ // Prevent if delta of wheel scroll delta is below configured threshold
+ return false;
+ }
+
+ if (this.params.mousewheel.thresholdTime && now() - swiper.mousewheel.lastScrollTime < this.params.mousewheel.thresholdTime) {
+ // Prevent if time between scrolls is below configured threshold
+ return false;
+ } // If the movement is NOT big enough and
+ // if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider):
+ // Don't go any further (avoid insignificant scroll movement).
+
+
+ if (newEvent.delta >= 6 && now() - swiper.mousewheel.lastScrollTime < 60) {
+ // Return false as a default
+ return true;
+ } // If user is scrolling towards the end:
+ // If the slider hasn't hit the latest slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to next slide and
+ // emit a scroll event.
+ // Else (the user is scrolling towards the beginning) and
+ // if the slider hasn't hit the first slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to prev slide and
+ // emit a scroll event.
+
+
+ if (newEvent.direction < 0) {
+ if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
+ swiper.slideNext();
+ swiper.emit('scroll', newEvent.raw);
+ }
+ } else if ((!swiper.isBeginning || swiper.params.loop) && !swiper.animating) {
+ swiper.slidePrev();
+ swiper.emit('scroll', newEvent.raw);
+ } // If you got here is because an animation has been triggered so store the current time
+
+
+ swiper.mousewheel.lastScrollTime = new window.Date().getTime(); // Return false as a default
+
+ return false;
+ },
+ releaseScroll: function releaseScroll(newEvent) {
+ var swiper = this;
+ var params = swiper.params.mousewheel;
+
+ if (newEvent.direction < 0) {
+ if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+ } else if (swiper.isBeginning && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+
+ return false;
+ },
+ enable: function enable() {
+ var swiper = this;
+ var event = Mousewheel.event();
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.removeEventListener(event, swiper.mousewheel.handle);
+ return true;
+ }
+
+ if (!event) return false;
+ if (swiper.mousewheel.enabled) return false;
+ var target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== 'container') {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ target.on('mouseenter', swiper.mousewheel.handleMouseEnter);
+ target.on('mouseleave', swiper.mousewheel.handleMouseLeave);
+ target.on(event, swiper.mousewheel.handle);
+ swiper.mousewheel.enabled = true;
+ return true;
+ },
+ disable: function disable() {
+ var swiper = this;
+ var event = Mousewheel.event();
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.addEventListener(event, swiper.mousewheel.handle);
+ return true;
+ }
+
+ if (!event) return false;
+ if (!swiper.mousewheel.enabled) return false;
+ var target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== 'container') {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ target.off(event, swiper.mousewheel.handle);
+ swiper.mousewheel.enabled = false;
+ return true;
+ }
+ };
+ var Mousewheel$1 = {
+ name: 'mousewheel',
+ params: {
+ mousewheel: {
+ enabled: false,
+ releaseOnEdges: false,
+ invert: false,
+ forceToAxis: false,
+ sensitivity: 1,
+ eventsTarget: 'container',
+ thresholdDelta: null,
+ thresholdTime: null
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ mousewheel: {
+ enabled: false,
+ lastScrollTime: now(),
+ lastEventBeforeSnap: undefined,
+ recentWheelEvents: [],
+ enable: Mousewheel.enable,
+ disable: Mousewheel.disable,
+ handle: Mousewheel.handle,
+ handleMouseEnter: Mousewheel.handleMouseEnter,
+ handleMouseLeave: Mousewheel.handleMouseLeave,
+ animateSlider: Mousewheel.animateSlider,
+ releaseScroll: Mousewheel.releaseScroll
+ }
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
+ swiper.mousewheel.disable();
+ }
+
+ if (swiper.params.mousewheel.enabled) swiper.mousewheel.enable();
+ },
+ destroy: function destroy(swiper) {
+ if (swiper.params.cssMode) {
+ swiper.mousewheel.enable();
+ }
+
+ if (swiper.mousewheel.enabled) swiper.mousewheel.disable();
+ }
+ }
+ };
+
+ var Navigation = {
+ update: function update() {
+ // Update Navigation Buttons
+ var swiper = this;
+ var params = swiper.params.navigation;
+ if (swiper.params.loop) return;
+ var _swiper$navigation = swiper.navigation,
+ $nextEl = _swiper$navigation.$nextEl,
+ $prevEl = _swiper$navigation.$prevEl;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ $prevEl.addClass(params.disabledClass);
+ } else {
+ $prevEl.removeClass(params.disabledClass);
+ }
+
+ $prevEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ $nextEl.addClass(params.disabledClass);
+ } else {
+ $nextEl.removeClass(params.disabledClass);
+ }
+
+ $nextEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
+ }
+ },
+ onPrevClick: function onPrevClick(e) {
+ var swiper = this;
+ e.preventDefault();
+ if (swiper.isBeginning && !swiper.params.loop) return;
+ swiper.slidePrev();
+ },
+ onNextClick: function onNextClick(e) {
+ var swiper = this;
+ e.preventDefault();
+ if (swiper.isEnd && !swiper.params.loop) return;
+ swiper.slideNext();
+ },
+ init: function init() {
+ var swiper = this;
+ var params = swiper.params.navigation;
+ if (!(params.nextEl || params.prevEl)) return;
+ var $nextEl;
+ var $prevEl;
+
+ if (params.nextEl) {
+ $nextEl = $(params.nextEl);
+
+ if (swiper.params.uniqueNavElements && typeof params.nextEl === 'string' && $nextEl.length > 1 && swiper.$el.find(params.nextEl).length === 1) {
+ $nextEl = swiper.$el.find(params.nextEl);
+ }
+ }
+
+ if (params.prevEl) {
+ $prevEl = $(params.prevEl);
+
+ if (swiper.params.uniqueNavElements && typeof params.prevEl === 'string' && $prevEl.length > 1 && swiper.$el.find(params.prevEl).length === 1) {
+ $prevEl = swiper.$el.find(params.prevEl);
+ }
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ $nextEl.on('click', swiper.navigation.onNextClick);
+ }
+
+ if ($prevEl && $prevEl.length > 0) {
+ $prevEl.on('click', swiper.navigation.onPrevClick);
+ }
+
+ extend$1(swiper.navigation, {
+ $nextEl: $nextEl,
+ nextEl: $nextEl && $nextEl[0],
+ $prevEl: $prevEl,
+ prevEl: $prevEl && $prevEl[0]
+ });
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ var _swiper$navigation2 = swiper.navigation,
+ $nextEl = _swiper$navigation2.$nextEl,
+ $prevEl = _swiper$navigation2.$prevEl;
+
+ if ($nextEl && $nextEl.length) {
+ $nextEl.off('click', swiper.navigation.onNextClick);
+ $nextEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ $prevEl.off('click', swiper.navigation.onPrevClick);
+ $prevEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+ }
+ };
+ var Navigation$1 = {
+ name: 'navigation',
+ params: {
+ navigation: {
+ nextEl: null,
+ prevEl: null,
+ hideOnClick: false,
+ disabledClass: 'swiper-button-disabled',
+ hiddenClass: 'swiper-button-hidden',
+ lockClass: 'swiper-button-lock'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ navigation: _extends({}, Navigation)
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ swiper.navigation.init();
+ swiper.navigation.update();
+ },
+ toEdge: function toEdge(swiper) {
+ swiper.navigation.update();
+ },
+ fromEdge: function fromEdge(swiper) {
+ swiper.navigation.update();
+ },
+ destroy: function destroy(swiper) {
+ swiper.navigation.destroy();
+ },
+ click: function click(swiper, e) {
+ var _swiper$navigation3 = swiper.navigation,
+ $nextEl = _swiper$navigation3.$nextEl,
+ $prevEl = _swiper$navigation3.$prevEl;
+
+ if (swiper.params.navigation.hideOnClick && !$(e.target).is($prevEl) && !$(e.target).is($nextEl)) {
+ var isHidden;
+
+ if ($nextEl) {
+ isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);
+ } else if ($prevEl) {
+ isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if (isHidden === true) {
+ swiper.emit('navigationShow');
+ } else {
+ swiper.emit('navigationHide');
+ }
+
+ if ($nextEl) {
+ $nextEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if ($prevEl) {
+ $prevEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+ }
+ }
+ }
+ };
+
+ var Pagination = {
+ update: function update() {
+ // Render || Update Pagination bullets/items
+ var swiper = this;
+ var rtl = swiper.rtl;
+ var params = swiper.params.pagination;
+ if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;
+ var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
+ var $el = swiper.pagination.$el; // Current/Total
+
+ var current;
+ var total = swiper.params.loop ? Math.ceil((slidesLength - swiper.loopedSlides * 2) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
+
+ if (swiper.params.loop) {
+ current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup);
+
+ if (current > slidesLength - 1 - swiper.loopedSlides * 2) {
+ current -= slidesLength - swiper.loopedSlides * 2;
+ }
+
+ if (current > total - 1) current -= total;
+ if (current < 0 && swiper.params.paginationType !== 'bullets') current = total + current;
+ } else if (typeof swiper.snapIndex !== 'undefined') {
+ current = swiper.snapIndex;
+ } else {
+ current = swiper.activeIndex || 0;
+ } // Types
+
+
+ if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {
+ var bullets = swiper.pagination.bullets;
+ var firstIndex;
+ var lastIndex;
+ var midIndex;
+
+ if (params.dynamicBullets) {
+ swiper.pagination.bulletSize = bullets.eq(0)[swiper.isHorizontal() ? 'outerWidth' : 'outerHeight'](true);
+ $el.css(swiper.isHorizontal() ? 'width' : 'height', swiper.pagination.bulletSize * (params.dynamicMainBullets + 4) + "px");
+
+ if (params.dynamicMainBullets > 1 && swiper.previousIndex !== undefined) {
+ swiper.pagination.dynamicBulletIndex += current - swiper.previousIndex;
+
+ if (swiper.pagination.dynamicBulletIndex > params.dynamicMainBullets - 1) {
+ swiper.pagination.dynamicBulletIndex = params.dynamicMainBullets - 1;
+ } else if (swiper.pagination.dynamicBulletIndex < 0) {
+ swiper.pagination.dynamicBulletIndex = 0;
+ }
+ }
+
+ firstIndex = current - swiper.pagination.dynamicBulletIndex;
+ lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+ midIndex = (lastIndex + firstIndex) / 2;
+ }
+
+ bullets.removeClass(params.bulletActiveClass + " " + params.bulletActiveClass + "-next " + params.bulletActiveClass + "-next-next " + params.bulletActiveClass + "-prev " + params.bulletActiveClass + "-prev-prev " + params.bulletActiveClass + "-main");
+
+ if ($el.length > 1) {
+ bullets.each(function (bullet) {
+ var $bullet = $(bullet);
+ var bulletIndex = $bullet.index();
+
+ if (bulletIndex === current) {
+ $bullet.addClass(params.bulletActiveClass);
+ }
+
+ if (params.dynamicBullets) {
+ if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
+ $bullet.addClass(params.bulletActiveClass + "-main");
+ }
+
+ if (bulletIndex === firstIndex) {
+ $bullet.prev().addClass(params.bulletActiveClass + "-prev").prev().addClass(params.bulletActiveClass + "-prev-prev");
+ }
+
+ if (bulletIndex === lastIndex) {
+ $bullet.next().addClass(params.bulletActiveClass + "-next").next().addClass(params.bulletActiveClass + "-next-next");
+ }
+ }
+ });
+ } else {
+ var $bullet = bullets.eq(current);
+ var bulletIndex = $bullet.index();
+ $bullet.addClass(params.bulletActiveClass);
+
+ if (params.dynamicBullets) {
+ var $firstDisplayedBullet = bullets.eq(firstIndex);
+ var $lastDisplayedBullet = bullets.eq(lastIndex);
+
+ for (var i = firstIndex; i <= lastIndex; i += 1) {
+ bullets.eq(i).addClass(params.bulletActiveClass + "-main");
+ }
+
+ if (swiper.params.loop) {
+ if (bulletIndex >= bullets.length - params.dynamicMainBullets) {
+ for (var _i = params.dynamicMainBullets; _i >= 0; _i -= 1) {
+ bullets.eq(bullets.length - _i).addClass(params.bulletActiveClass + "-main");
+ }
+
+ bullets.eq(bullets.length - params.dynamicMainBullets - 1).addClass(params.bulletActiveClass + "-prev");
+ } else {
+ $firstDisplayedBullet.prev().addClass(params.bulletActiveClass + "-prev").prev().addClass(params.bulletActiveClass + "-prev-prev");
+ $lastDisplayedBullet.next().addClass(params.bulletActiveClass + "-next").next().addClass(params.bulletActiveClass + "-next-next");
+ }
+ } else {
+ $firstDisplayedBullet.prev().addClass(params.bulletActiveClass + "-prev").prev().addClass(params.bulletActiveClass + "-prev-prev");
+ $lastDisplayedBullet.next().addClass(params.bulletActiveClass + "-next").next().addClass(params.bulletActiveClass + "-next-next");
+ }
+ }
+ }
+
+ if (params.dynamicBullets) {
+ var dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
+ var bulletsOffset = (swiper.pagination.bulletSize * dynamicBulletsLength - swiper.pagination.bulletSize) / 2 - midIndex * swiper.pagination.bulletSize;
+ var offsetProp = rtl ? 'right' : 'left';
+ bullets.css(swiper.isHorizontal() ? offsetProp : 'top', bulletsOffset + "px");
+ }
+ }
+
+ if (params.type === 'fraction') {
+ $el.find("." + params.currentClass).text(params.formatFractionCurrent(current + 1));
+ $el.find("." + params.totalClass).text(params.formatFractionTotal(total));
+ }
+
+ if (params.type === 'progressbar') {
+ var progressbarDirection;
+
+ if (params.progressbarOpposite) {
+ progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
+ } else {
+ progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
+ }
+
+ var scale = (current + 1) / total;
+ var scaleX = 1;
+ var scaleY = 1;
+
+ if (progressbarDirection === 'horizontal') {
+ scaleX = scale;
+ } else {
+ scaleY = scale;
+ }
+
+ $el.find("." + params.progressbarFillClass).transform("translate3d(0,0,0) scaleX(" + scaleX + ") scaleY(" + scaleY + ")").transition(swiper.params.speed);
+ }
+
+ if (params.type === 'custom' && params.renderCustom) {
+ $el.html(params.renderCustom(swiper, current + 1, total));
+ swiper.emit('paginationRender', $el[0]);
+ } else {
+ swiper.emit('paginationUpdate', $el[0]);
+ }
+
+ $el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);
+ },
+ render: function render() {
+ // Render Container
+ var swiper = this;
+ var params = swiper.params.pagination;
+ if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;
+ var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
+ var $el = swiper.pagination.$el;
+ var paginationHTML = '';
+
+ if (params.type === 'bullets') {
+ var numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - swiper.loopedSlides * 2) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
+
+ for (var i = 0; i < numberOfBullets; i += 1) {
+ if (params.renderBullet) {
+ paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
+ } else {
+ paginationHTML += "<" + params.bulletElement + " class=\"" + params.bulletClass + "\">";
+ }
+ }
+
+ $el.html(paginationHTML);
+ swiper.pagination.bullets = $el.find("." + params.bulletClass);
+ }
+
+ if (params.type === 'fraction') {
+ if (params.renderFraction) {
+ paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);
+ } else {
+ paginationHTML = "" + ' / ' + ("");
+ }
+
+ $el.html(paginationHTML);
+ }
+
+ if (params.type === 'progressbar') {
+ if (params.renderProgressbar) {
+ paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
+ } else {
+ paginationHTML = "";
+ }
+
+ $el.html(paginationHTML);
+ }
+
+ if (params.type !== 'custom') {
+ swiper.emit('paginationRender', swiper.pagination.$el[0]);
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ var params = swiper.params.pagination;
+ if (!params.el) return;
+ var $el = $(params.el);
+ if ($el.length === 0) return;
+
+ if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1) {
+ $el = swiper.$el.find(params.el);
+ }
+
+ if (params.type === 'bullets' && params.clickable) {
+ $el.addClass(params.clickableClass);
+ }
+
+ $el.addClass(params.modifierClass + params.type);
+
+ if (params.type === 'bullets' && params.dynamicBullets) {
+ $el.addClass("" + params.modifierClass + params.type + "-dynamic");
+ swiper.pagination.dynamicBulletIndex = 0;
+
+ if (params.dynamicMainBullets < 1) {
+ params.dynamicMainBullets = 1;
+ }
+ }
+
+ if (params.type === 'progressbar' && params.progressbarOpposite) {
+ $el.addClass(params.progressbarOppositeClass);
+ }
+
+ if (params.clickable) {
+ $el.on('click', "." + params.bulletClass, function onClick(e) {
+ e.preventDefault();
+ var index = $(this).index() * swiper.params.slidesPerGroup;
+ if (swiper.params.loop) index += swiper.loopedSlides;
+ swiper.slideTo(index);
+ });
+ }
+
+ extend$1(swiper.pagination, {
+ $el: $el,
+ el: $el[0]
+ });
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ var params = swiper.params.pagination;
+ if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) return;
+ var $el = swiper.pagination.$el;
+ $el.removeClass(params.hiddenClass);
+ $el.removeClass(params.modifierClass + params.type);
+ if (swiper.pagination.bullets) swiper.pagination.bullets.removeClass(params.bulletActiveClass);
+
+ if (params.clickable) {
+ $el.off('click', "." + params.bulletClass);
+ }
+ }
+ };
+ var Pagination$1 = {
+ name: 'pagination',
+ params: {
+ pagination: {
+ el: null,
+ bulletElement: 'span',
+ clickable: false,
+ hideOnClick: false,
+ renderBullet: null,
+ renderProgressbar: null,
+ renderFraction: null,
+ renderCustom: null,
+ progressbarOpposite: false,
+ type: 'bullets',
+ // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+ dynamicBullets: false,
+ dynamicMainBullets: 1,
+ formatFractionCurrent: function formatFractionCurrent(number) {
+ return number;
+ },
+ formatFractionTotal: function formatFractionTotal(number) {
+ return number;
+ },
+ bulletClass: 'swiper-pagination-bullet',
+ bulletActiveClass: 'swiper-pagination-bullet-active',
+ modifierClass: 'swiper-pagination-',
+ // NEW
+ currentClass: 'swiper-pagination-current',
+ totalClass: 'swiper-pagination-total',
+ hiddenClass: 'swiper-pagination-hidden',
+ progressbarFillClass: 'swiper-pagination-progressbar-fill',
+ progressbarOppositeClass: 'swiper-pagination-progressbar-opposite',
+ clickableClass: 'swiper-pagination-clickable',
+ // NEW
+ lockClass: 'swiper-pagination-lock'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ pagination: _extends({
+ dynamicBulletIndex: 0
+ }, Pagination)
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ swiper.pagination.init();
+ swiper.pagination.render();
+ swiper.pagination.update();
+ },
+ activeIndexChange: function activeIndexChange(swiper) {
+ if (swiper.params.loop) {
+ swiper.pagination.update();
+ } else if (typeof swiper.snapIndex === 'undefined') {
+ swiper.pagination.update();
+ }
+ },
+ snapIndexChange: function snapIndexChange(swiper) {
+ if (!swiper.params.loop) {
+ swiper.pagination.update();
+ }
+ },
+ slidesLengthChange: function slidesLengthChange(swiper) {
+ if (swiper.params.loop) {
+ swiper.pagination.render();
+ swiper.pagination.update();
+ }
+ },
+ snapGridLengthChange: function snapGridLengthChange(swiper) {
+ if (!swiper.params.loop) {
+ swiper.pagination.render();
+ swiper.pagination.update();
+ }
+ },
+ destroy: function destroy(swiper) {
+ swiper.pagination.destroy();
+ },
+ click: function click(swiper, e) {
+ if (swiper.params.pagination.el && swiper.params.pagination.hideOnClick && swiper.pagination.$el.length > 0 && !$(e.target).hasClass(swiper.params.pagination.bulletClass)) {
+ var isHidden = swiper.pagination.$el.hasClass(swiper.params.pagination.hiddenClass);
+
+ if (isHidden === true) {
+ swiper.emit('paginationShow');
+ } else {
+ swiper.emit('paginationHide');
+ }
+
+ swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass);
+ }
+ }
+ }
+ };
+
+ var Scrollbar = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
+ var scrollbar = swiper.scrollbar,
+ rtl = swiper.rtlTranslate,
+ progress = swiper.progress;
+ var dragSize = scrollbar.dragSize,
+ trackSize = scrollbar.trackSize,
+ $dragEl = scrollbar.$dragEl,
+ $el = scrollbar.$el;
+ var params = swiper.params.scrollbar;
+ var newSize = dragSize;
+ var newPos = (trackSize - dragSize) * progress;
+
+ if (rtl) {
+ newPos = -newPos;
+
+ if (newPos > 0) {
+ newSize = dragSize - newPos;
+ newPos = 0;
+ } else if (-newPos + dragSize > trackSize) {
+ newSize = trackSize + newPos;
+ }
+ } else if (newPos < 0) {
+ newSize = dragSize + newPos;
+ newPos = 0;
+ } else if (newPos + dragSize > trackSize) {
+ newSize = trackSize - newPos;
+ }
+
+ if (swiper.isHorizontal()) {
+ $dragEl.transform("translate3d(" + newPos + "px, 0, 0)");
+ $dragEl[0].style.width = newSize + "px";
+ } else {
+ $dragEl.transform("translate3d(0px, " + newPos + "px, 0)");
+ $dragEl[0].style.height = newSize + "px";
+ }
+
+ if (params.hide) {
+ clearTimeout(swiper.scrollbar.timeout);
+ $el[0].style.opacity = 1;
+ swiper.scrollbar.timeout = setTimeout(function () {
+ $el[0].style.opacity = 0;
+ $el.transition(400);
+ }, 1000);
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
+ swiper.scrollbar.$dragEl.transition(duration);
+ },
+ updateSize: function updateSize() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
+ var scrollbar = swiper.scrollbar;
+ var $dragEl = scrollbar.$dragEl,
+ $el = scrollbar.$el;
+ $dragEl[0].style.width = '';
+ $dragEl[0].style.height = '';
+ var trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight;
+ var divider = swiper.size / swiper.virtualSize;
+ var moveDivider = divider * (trackSize / swiper.size);
+ var dragSize;
+
+ if (swiper.params.scrollbar.dragSize === 'auto') {
+ dragSize = trackSize * divider;
+ } else {
+ dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);
+ }
+
+ if (swiper.isHorizontal()) {
+ $dragEl[0].style.width = dragSize + "px";
+ } else {
+ $dragEl[0].style.height = dragSize + "px";
+ }
+
+ if (divider >= 1) {
+ $el[0].style.display = 'none';
+ } else {
+ $el[0].style.display = '';
+ }
+
+ if (swiper.params.scrollbar.hide) {
+ $el[0].style.opacity = 0;
+ }
+
+ extend$1(scrollbar, {
+ trackSize: trackSize,
+ divider: divider,
+ moveDivider: moveDivider,
+ dragSize: dragSize
+ });
+ scrollbar.$el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass);
+ },
+ getPointerPosition: function getPointerPosition(e) {
+ var swiper = this;
+
+ if (swiper.isHorizontal()) {
+ return e.type === 'touchstart' || e.type === 'touchmove' ? e.targetTouches[0].clientX : e.clientX;
+ }
+
+ return e.type === 'touchstart' || e.type === 'touchmove' ? e.targetTouches[0].clientY : e.clientY;
+ },
+ setDragPosition: function setDragPosition(e) {
+ var swiper = this;
+ var scrollbar = swiper.scrollbar,
+ rtl = swiper.rtlTranslate;
+ var $el = scrollbar.$el,
+ dragSize = scrollbar.dragSize,
+ trackSize = scrollbar.trackSize,
+ dragStartPos = scrollbar.dragStartPos;
+ var positionRatio;
+ positionRatio = (scrollbar.getPointerPosition(e) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top'] - (dragStartPos !== null ? dragStartPos : dragSize / 2)) / (trackSize - dragSize);
+ positionRatio = Math.max(Math.min(positionRatio, 1), 0);
+
+ if (rtl) {
+ positionRatio = 1 - positionRatio;
+ }
+
+ var position = swiper.minTranslate() + (swiper.maxTranslate() - swiper.minTranslate()) * positionRatio;
+ swiper.updateProgress(position);
+ swiper.setTranslate(position);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ },
+ onDragStart: function onDragStart(e) {
+ var swiper = this;
+ var params = swiper.params.scrollbar;
+ var scrollbar = swiper.scrollbar,
+ $wrapperEl = swiper.$wrapperEl;
+ var $el = scrollbar.$el,
+ $dragEl = scrollbar.$dragEl;
+ swiper.scrollbar.isTouched = true;
+ swiper.scrollbar.dragStartPos = e.target === $dragEl[0] || e.target === $dragEl ? scrollbar.getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;
+ e.preventDefault();
+ e.stopPropagation();
+ $wrapperEl.transition(100);
+ $dragEl.transition(100);
+ scrollbar.setDragPosition(e);
+ clearTimeout(swiper.scrollbar.dragTimeout);
+ $el.transition(0);
+
+ if (params.hide) {
+ $el.css('opacity', 1);
+ }
+
+ if (swiper.params.cssMode) {
+ swiper.$wrapperEl.css('scroll-snap-type', 'none');
+ }
+
+ swiper.emit('scrollbarDragStart', e);
+ },
+ onDragMove: function onDragMove(e) {
+ var swiper = this;
+ var scrollbar = swiper.scrollbar,
+ $wrapperEl = swiper.$wrapperEl;
+ var $el = scrollbar.$el,
+ $dragEl = scrollbar.$dragEl;
+ if (!swiper.scrollbar.isTouched) return;
+ if (e.preventDefault) e.preventDefault();else e.returnValue = false;
+ scrollbar.setDragPosition(e);
+ $wrapperEl.transition(0);
+ $el.transition(0);
+ $dragEl.transition(0);
+ swiper.emit('scrollbarDragMove', e);
+ },
+ onDragEnd: function onDragEnd(e) {
+ var swiper = this;
+ var params = swiper.params.scrollbar;
+ var scrollbar = swiper.scrollbar,
+ $wrapperEl = swiper.$wrapperEl;
+ var $el = scrollbar.$el;
+ if (!swiper.scrollbar.isTouched) return;
+ swiper.scrollbar.isTouched = false;
+
+ if (swiper.params.cssMode) {
+ swiper.$wrapperEl.css('scroll-snap-type', '');
+ $wrapperEl.transition('');
+ }
+
+ if (params.hide) {
+ clearTimeout(swiper.scrollbar.dragTimeout);
+ swiper.scrollbar.dragTimeout = nextTick(function () {
+ $el.css('opacity', 0);
+ $el.transition(400);
+ }, 1000);
+ }
+
+ swiper.emit('scrollbarDragEnd', e);
+
+ if (params.snapOnRelease) {
+ swiper.slideToClosest();
+ }
+ },
+ enableDraggable: function enableDraggable() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el) return;
+ var document = getDocument();
+ var scrollbar = swiper.scrollbar,
+ touchEventsTouch = swiper.touchEventsTouch,
+ touchEventsDesktop = swiper.touchEventsDesktop,
+ params = swiper.params,
+ support = swiper.support;
+ var $el = scrollbar.$el;
+ var target = $el[0];
+ var activeListener = support.passiveListener && params.passiveListeners ? {
+ passive: false,
+ capture: false
+ } : false;
+ var passiveListener = support.passiveListener && params.passiveListeners ? {
+ passive: true,
+ capture: false
+ } : false;
+
+ if (!support.touch) {
+ target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);
+ document.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);
+ document.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);
+ } else {
+ target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);
+ target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);
+ target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);
+ }
+ },
+ disableDraggable: function disableDraggable() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el) return;
+ var document = getDocument();
+ var scrollbar = swiper.scrollbar,
+ touchEventsTouch = swiper.touchEventsTouch,
+ touchEventsDesktop = swiper.touchEventsDesktop,
+ params = swiper.params,
+ support = swiper.support;
+ var $el = scrollbar.$el;
+ var target = $el[0];
+ var activeListener = support.passiveListener && params.passiveListeners ? {
+ passive: false,
+ capture: false
+ } : false;
+ var passiveListener = support.passiveListener && params.passiveListeners ? {
+ passive: true,
+ capture: false
+ } : false;
+
+ if (!support.touch) {
+ target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);
+ document.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);
+ document.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);
+ } else {
+ target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);
+ target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);
+ target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ if (!swiper.params.scrollbar.el) return;
+ var scrollbar = swiper.scrollbar,
+ $swiperEl = swiper.$el;
+ var params = swiper.params.scrollbar;
+ var $el = $(params.el);
+
+ if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) {
+ $el = $swiperEl.find(params.el);
+ }
+
+ var $dragEl = $el.find("." + swiper.params.scrollbar.dragClass);
+
+ if ($dragEl.length === 0) {
+ $dragEl = $("");
+ $el.append($dragEl);
+ }
+
+ extend$1(scrollbar, {
+ $el: $el,
+ el: $el[0],
+ $dragEl: $dragEl,
+ dragEl: $dragEl[0]
+ });
+
+ if (params.draggable) {
+ scrollbar.enableDraggable();
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ swiper.scrollbar.disableDraggable();
+ }
+ };
+ var Scrollbar$1 = {
+ name: 'scrollbar',
+ params: {
+ scrollbar: {
+ el: null,
+ dragSize: 'auto',
+ hide: false,
+ draggable: false,
+ snapOnRelease: true,
+ lockClass: 'swiper-scrollbar-lock',
+ dragClass: 'swiper-scrollbar-drag'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ scrollbar: _extends({
+ isTouched: false,
+ timeout: null,
+ dragTimeout: null
+ }, Scrollbar)
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ swiper.scrollbar.init();
+ swiper.scrollbar.updateSize();
+ swiper.scrollbar.setTranslate();
+ },
+ update: function update(swiper) {
+ swiper.scrollbar.updateSize();
+ },
+ resize: function resize(swiper) {
+ swiper.scrollbar.updateSize();
+ },
+ observerUpdate: function observerUpdate(swiper) {
+ swiper.scrollbar.updateSize();
+ },
+ setTranslate: function setTranslate(swiper) {
+ swiper.scrollbar.setTranslate();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ swiper.scrollbar.setTransition(duration);
+ },
+ destroy: function destroy(swiper) {
+ swiper.scrollbar.destroy();
+ }
+ }
+ };
+
+ var Parallax = {
+ setTransform: function setTransform(el, progress) {
+ var swiper = this;
+ var rtl = swiper.rtl;
+ var $el = $(el);
+ var rtlFactor = rtl ? -1 : 1;
+ var p = $el.attr('data-swiper-parallax') || '0';
+ var x = $el.attr('data-swiper-parallax-x');
+ var y = $el.attr('data-swiper-parallax-y');
+ var scale = $el.attr('data-swiper-parallax-scale');
+ var opacity = $el.attr('data-swiper-parallax-opacity');
+
+ if (x || y) {
+ x = x || '0';
+ y = y || '0';
+ } else if (swiper.isHorizontal()) {
+ x = p;
+ y = '0';
+ } else {
+ y = p;
+ x = '0';
+ }
+
+ if (x.indexOf('%') >= 0) {
+ x = parseInt(x, 10) * progress * rtlFactor + "%";
+ } else {
+ x = x * progress * rtlFactor + "px";
+ }
+
+ if (y.indexOf('%') >= 0) {
+ y = parseInt(y, 10) * progress + "%";
+ } else {
+ y = y * progress + "px";
+ }
+
+ if (typeof opacity !== 'undefined' && opacity !== null) {
+ var currentOpacity = opacity - (opacity - 1) * (1 - Math.abs(progress));
+ $el[0].style.opacity = currentOpacity;
+ }
+
+ if (typeof scale === 'undefined' || scale === null) {
+ $el.transform("translate3d(" + x + ", " + y + ", 0px)");
+ } else {
+ var currentScale = scale - (scale - 1) * (1 - Math.abs(progress));
+ $el.transform("translate3d(" + x + ", " + y + ", 0px) scale(" + currentScale + ")");
+ }
+ },
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var $el = swiper.$el,
+ slides = swiper.slides,
+ progress = swiper.progress,
+ snapGrid = swiper.snapGrid;
+ $el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').each(function (el) {
+ swiper.parallax.setTransform(el, progress);
+ });
+ slides.each(function (slideEl, slideIndex) {
+ var slideProgress = slideEl.progress;
+
+ if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
+ slideProgress += Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
+ }
+
+ slideProgress = Math.min(Math.max(slideProgress, -1), 1);
+ $(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').each(function (el) {
+ swiper.parallax.setTransform(el, slideProgress);
+ });
+ });
+ },
+ setTransition: function setTransition(duration) {
+ if (duration === void 0) {
+ duration = this.params.speed;
+ }
+
+ var swiper = this;
+ var $el = swiper.$el;
+ $el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').each(function (parallaxEl) {
+ var $parallaxEl = $(parallaxEl);
+ var parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration;
+ if (duration === 0) parallaxDuration = 0;
+ $parallaxEl.transition(parallaxDuration);
+ });
+ }
+ };
+ var Parallax$1 = {
+ name: 'parallax',
+ params: {
+ parallax: {
+ enabled: false
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ parallax: _extends({}, Parallax)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ },
+ init: function init(swiper) {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.parallax.setTranslate();
+ },
+ setTranslate: function setTranslate(swiper) {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.parallax.setTranslate();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.parallax.setTransition(duration);
+ }
+ }
+ };
+
+ var Zoom = {
+ // Calc Scale From Multi-touches
+ getDistanceBetweenTouches: function getDistanceBetweenTouches(e) {
+ if (e.targetTouches.length < 2) return 1;
+ var x1 = e.targetTouches[0].pageX;
+ var y1 = e.targetTouches[0].pageY;
+ var x2 = e.targetTouches[1].pageX;
+ var y2 = e.targetTouches[1].pageY;
+ var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+ return distance;
+ },
+ // Events
+ onGestureStart: function onGestureStart(e) {
+ var swiper = this;
+ var support = swiper.support;
+ var params = swiper.params.zoom;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+ zoom.fakeGestureTouched = false;
+ zoom.fakeGestureMoved = false;
+
+ if (!support.gestures) {
+ if (e.type !== 'touchstart' || e.type === 'touchstart' && e.targetTouches.length < 2) {
+ return;
+ }
+
+ zoom.fakeGestureTouched = true;
+ gesture.scaleStart = Zoom.getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$slideEl || !gesture.$slideEl.length) {
+ gesture.$slideEl = $(e.target).closest("." + swiper.params.slideClass);
+ if (gesture.$slideEl.length === 0) gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
+ gesture.$imageWrapEl = gesture.$imageEl.parent("." + params.containerClass);
+ gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
+
+ if (gesture.$imageWrapEl.length === 0) {
+ gesture.$imageEl = undefined;
+ return;
+ }
+ }
+
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transition(0);
+ }
+
+ swiper.zoom.isScaling = true;
+ },
+ onGestureChange: function onGestureChange(e) {
+ var swiper = this;
+ var support = swiper.support;
+ var params = swiper.params.zoom;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+
+ if (!support.gestures) {
+ if (e.type !== 'touchmove' || e.type === 'touchmove' && e.targetTouches.length < 2) {
+ return;
+ }
+
+ zoom.fakeGestureMoved = true;
+ gesture.scaleMove = Zoom.getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) {
+ if (e.type === 'gesturechange') zoom.onGestureStart(e);
+ return;
+ }
+
+ if (support.gestures) {
+ zoom.scale = e.scale * zoom.currentScale;
+ } else {
+ zoom.scale = gesture.scaleMove / gesture.scaleStart * zoom.currentScale;
+ }
+
+ if (zoom.scale > gesture.maxRatio) {
+ zoom.scale = gesture.maxRatio - 1 + Math.pow(zoom.scale - gesture.maxRatio + 1, 0.5);
+ }
+
+ if (zoom.scale < params.minRatio) {
+ zoom.scale = params.minRatio + 1 - Math.pow(params.minRatio - zoom.scale + 1, 0.5);
+ }
+
+ gesture.$imageEl.transform("translate3d(0,0,0) scale(" + zoom.scale + ")");
+ },
+ onGestureEnd: function onGestureEnd(e) {
+ var swiper = this;
+ var device = swiper.device;
+ var support = swiper.support;
+ var params = swiper.params.zoom;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+
+ if (!support.gestures) {
+ if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) {
+ return;
+ }
+
+ if (e.type !== 'touchend' || e.type === 'touchend' && e.changedTouches.length < 2 && !device.android) {
+ return;
+ }
+
+ zoom.fakeGestureTouched = false;
+ zoom.fakeGestureMoved = false;
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);
+ gesture.$imageEl.transition(swiper.params.speed).transform("translate3d(0,0,0) scale(" + zoom.scale + ")");
+ zoom.currentScale = zoom.scale;
+ zoom.isScaling = false;
+ if (zoom.scale === 1) gesture.$slideEl = undefined;
+ },
+ onTouchStart: function onTouchStart(e) {
+ var swiper = this;
+ var device = swiper.device;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture,
+ image = zoom.image;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ if (image.isTouched) return;
+ if (device.android && e.cancelable) e.preventDefault();
+ image.isTouched = true;
+ image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
+ },
+ onTouchMove: function onTouchMove(e) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture,
+ image = zoom.image,
+ velocity = zoom.velocity;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ swiper.allowClick = false;
+ if (!image.isTouched || !gesture.$slideEl) return;
+
+ if (!image.isMoved) {
+ image.width = gesture.$imageEl[0].offsetWidth;
+ image.height = gesture.$imageEl[0].offsetHeight;
+ image.startX = getTranslate(gesture.$imageWrapEl[0], 'x') || 0;
+ image.startY = getTranslate(gesture.$imageWrapEl[0], 'y') || 0;
+ gesture.slideWidth = gesture.$slideEl[0].offsetWidth;
+ gesture.slideHeight = gesture.$slideEl[0].offsetHeight;
+ gesture.$imageWrapEl.transition(0);
+
+ if (swiper.rtl) {
+ image.startX = -image.startX;
+ image.startY = -image.startY;
+ }
+ } // Define if we need image drag
+
+
+ var scaledWidth = image.width * zoom.scale;
+ var scaledHeight = image.height * zoom.scale;
+ if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) return;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+
+ if (!image.isMoved && !zoom.isScaling) {
+ if (swiper.isHorizontal() && (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x || Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)) {
+ image.isTouched = false;
+ return;
+ }
+
+ if (!swiper.isHorizontal() && (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y || Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)) {
+ image.isTouched = false;
+ return;
+ }
+ }
+
+ if (e.cancelable) {
+ e.preventDefault();
+ }
+
+ e.stopPropagation();
+ image.isMoved = true;
+ image.currentX = image.touchesCurrent.x - image.touchesStart.x + image.startX;
+ image.currentY = image.touchesCurrent.y - image.touchesStart.y + image.startY;
+
+ if (image.currentX < image.minX) {
+ image.currentX = image.minX + 1 - Math.pow(image.minX - image.currentX + 1, 0.8);
+ }
+
+ if (image.currentX > image.maxX) {
+ image.currentX = image.maxX - 1 + Math.pow(image.currentX - image.maxX + 1, 0.8);
+ }
+
+ if (image.currentY < image.minY) {
+ image.currentY = image.minY + 1 - Math.pow(image.minY - image.currentY + 1, 0.8);
+ }
+
+ if (image.currentY > image.maxY) {
+ image.currentY = image.maxY - 1 + Math.pow(image.currentY - image.maxY + 1, 0.8);
+ } // Velocity
+
+
+ if (!velocity.prevPositionX) velocity.prevPositionX = image.touchesCurrent.x;
+ if (!velocity.prevPositionY) velocity.prevPositionY = image.touchesCurrent.y;
+ if (!velocity.prevTime) velocity.prevTime = Date.now();
+ velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;
+ velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;
+ if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) velocity.x = 0;
+ if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) velocity.y = 0;
+ velocity.prevPositionX = image.touchesCurrent.x;
+ velocity.prevPositionY = image.touchesCurrent.y;
+ velocity.prevTime = Date.now();
+ gesture.$imageWrapEl.transform("translate3d(" + image.currentX + "px, " + image.currentY + "px,0)");
+ },
+ onTouchEnd: function onTouchEnd() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture,
+ image = zoom.image,
+ velocity = zoom.velocity;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+
+ if (!image.isTouched || !image.isMoved) {
+ image.isTouched = false;
+ image.isMoved = false;
+ return;
+ }
+
+ image.isTouched = false;
+ image.isMoved = false;
+ var momentumDurationX = 300;
+ var momentumDurationY = 300;
+ var momentumDistanceX = velocity.x * momentumDurationX;
+ var newPositionX = image.currentX + momentumDistanceX;
+ var momentumDistanceY = velocity.y * momentumDurationY;
+ var newPositionY = image.currentY + momentumDistanceY; // Fix duration
+
+ if (velocity.x !== 0) momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x);
+ if (velocity.y !== 0) momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y);
+ var momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+ image.currentX = newPositionX;
+ image.currentY = newPositionY; // Define if we need image drag
+
+ var scaledWidth = image.width * zoom.scale;
+ var scaledHeight = image.height * zoom.scale;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);
+ image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);
+ gesture.$imageWrapEl.transition(momentumDuration).transform("translate3d(" + image.currentX + "px, " + image.currentY + "px,0)");
+ },
+ onTransitionEnd: function onTransitionEnd() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var gesture = zoom.gesture;
+
+ if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transform('translate3d(0,0,0) scale(1)');
+ }
+
+ if (gesture.$imageWrapEl) {
+ gesture.$imageWrapEl.transform('translate3d(0,0,0)');
+ }
+
+ zoom.scale = 1;
+ zoom.currentScale = 1;
+ gesture.$slideEl = undefined;
+ gesture.$imageEl = undefined;
+ gesture.$imageWrapEl = undefined;
+ }
+ },
+ // Toggle Zoom
+ toggle: function toggle(e) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+
+ if (zoom.scale && zoom.scale !== 1) {
+ // Zoom Out
+ zoom.out();
+ } else {
+ // Zoom In
+ zoom.in(e);
+ }
+ },
+ in: function _in(e) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var params = swiper.params.zoom;
+ var gesture = zoom.gesture,
+ image = zoom.image;
+
+ if (!gesture.$slideEl) {
+ if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
+ gesture.$slideEl = swiper.$wrapperEl.children("." + swiper.params.slideActiveClass);
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+
+ gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
+ gesture.$imageWrapEl = gesture.$imageEl.parent("." + params.containerClass);
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ gesture.$slideEl.addClass("" + params.zoomedSlideClass);
+ var touchX;
+ var touchY;
+ var offsetX;
+ var offsetY;
+ var diffX;
+ var diffY;
+ var translateX;
+ var translateY;
+ var imageWidth;
+ var imageHeight;
+ var scaledWidth;
+ var scaledHeight;
+ var translateMinX;
+ var translateMinY;
+ var translateMaxX;
+ var translateMaxY;
+ var slideWidth;
+ var slideHeight;
+
+ if (typeof image.touchesStart.x === 'undefined' && e) {
+ touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX;
+ touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY;
+ } else {
+ touchX = image.touchesStart.x;
+ touchY = image.touchesStart.y;
+ }
+
+ zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
+ zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
+
+ if (e) {
+ slideWidth = gesture.$slideEl[0].offsetWidth;
+ slideHeight = gesture.$slideEl[0].offsetHeight;
+ offsetX = gesture.$slideEl.offset().left;
+ offsetY = gesture.$slideEl.offset().top;
+ diffX = offsetX + slideWidth / 2 - touchX;
+ diffY = offsetY + slideHeight / 2 - touchY;
+ imageWidth = gesture.$imageEl[0].offsetWidth;
+ imageHeight = gesture.$imageEl[0].offsetHeight;
+ scaledWidth = imageWidth * zoom.scale;
+ scaledHeight = imageHeight * zoom.scale;
+ translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
+ translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
+ translateMaxX = -translateMinX;
+ translateMaxY = -translateMinY;
+ translateX = diffX * zoom.scale;
+ translateY = diffY * zoom.scale;
+
+ if (translateX < translateMinX) {
+ translateX = translateMinX;
+ }
+
+ if (translateX > translateMaxX) {
+ translateX = translateMaxX;
+ }
+
+ if (translateY < translateMinY) {
+ translateY = translateMinY;
+ }
+
+ if (translateY > translateMaxY) {
+ translateY = translateMaxY;
+ }
+ } else {
+ translateX = 0;
+ translateY = 0;
+ }
+
+ gesture.$imageWrapEl.transition(300).transform("translate3d(" + translateX + "px, " + translateY + "px,0)");
+ gesture.$imageEl.transition(300).transform("translate3d(0,0,0) scale(" + zoom.scale + ")");
+ },
+ out: function out() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var params = swiper.params.zoom;
+ var gesture = zoom.gesture;
+
+ if (!gesture.$slideEl) {
+ if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
+ gesture.$slideEl = swiper.$wrapperEl.children("." + swiper.params.slideActiveClass);
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+
+ gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
+ gesture.$imageWrapEl = gesture.$imageEl.parent("." + params.containerClass);
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ zoom.scale = 1;
+ zoom.currentScale = 1;
+ gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)');
+ gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)');
+ gesture.$slideEl.removeClass("" + params.zoomedSlideClass);
+ gesture.$slideEl = undefined;
+ },
+ toggleGestures: function toggleGestures(method) {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ var selector = zoom.slideSelector,
+ passive = zoom.passiveListener;
+ swiper.$wrapperEl[method]('gesturestart', selector, zoom.onGestureStart, passive);
+ swiper.$wrapperEl[method]('gesturechange', selector, zoom.onGestureChange, passive);
+ swiper.$wrapperEl[method]('gestureend', selector, zoom.onGestureEnd, passive);
+ },
+ enableGestures: function enableGestures() {
+ if (this.zoom.gesturesEnabled) return;
+ this.zoom.gesturesEnabled = true;
+ this.zoom.toggleGestures('on');
+ },
+ disableGestures: function disableGestures() {
+ if (!this.zoom.gesturesEnabled) return;
+ this.zoom.gesturesEnabled = false;
+ this.zoom.toggleGestures('off');
+ },
+ // Attach/Detach Events
+ enable: function enable() {
+ var swiper = this;
+ var support = swiper.support;
+ var zoom = swiper.zoom;
+ if (zoom.enabled) return;
+ zoom.enabled = true;
+ var passiveListener = swiper.touchEvents.start === 'touchstart' && support.passiveListener && swiper.params.passiveListeners ? {
+ passive: true,
+ capture: false
+ } : false;
+ var activeListenerWithCapture = support.passiveListener ? {
+ passive: false,
+ capture: true
+ } : true;
+ var slideSelector = "." + swiper.params.slideClass;
+ swiper.zoom.passiveListener = passiveListener;
+ swiper.zoom.slideSelector = slideSelector; // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.on(swiper.touchEvents.start, swiper.zoom.enableGestures, passiveListener);
+ swiper.$wrapperEl.on(swiper.touchEvents.end, swiper.zoom.disableGestures, passiveListener);
+ } else if (swiper.touchEvents.start === 'touchstart') {
+ swiper.$wrapperEl.on(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);
+ swiper.$wrapperEl.on(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);
+ swiper.$wrapperEl.on(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.on(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);
+ }
+ } // Move image
+
+
+ swiper.$wrapperEl.on(swiper.touchEvents.move, "." + swiper.params.zoom.containerClass, zoom.onTouchMove, activeListenerWithCapture);
+ },
+ disable: function disable() {
+ var swiper = this;
+ var zoom = swiper.zoom;
+ if (!zoom.enabled) return;
+ var support = swiper.support;
+ swiper.zoom.enabled = false;
+ var passiveListener = swiper.touchEvents.start === 'touchstart' && support.passiveListener && swiper.params.passiveListeners ? {
+ passive: true,
+ capture: false
+ } : false;
+ var activeListenerWithCapture = support.passiveListener ? {
+ passive: false,
+ capture: true
+ } : true;
+ var slideSelector = "." + swiper.params.slideClass; // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.off(swiper.touchEvents.start, swiper.zoom.enableGestures, passiveListener);
+ swiper.$wrapperEl.off(swiper.touchEvents.end, swiper.zoom.disableGestures, passiveListener);
+ } else if (swiper.touchEvents.start === 'touchstart') {
+ swiper.$wrapperEl.off(swiper.touchEvents.start, slideSelector, zoom.onGestureStart, passiveListener);
+ swiper.$wrapperEl.off(swiper.touchEvents.move, slideSelector, zoom.onGestureChange, activeListenerWithCapture);
+ swiper.$wrapperEl.off(swiper.touchEvents.end, slideSelector, zoom.onGestureEnd, passiveListener);
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.off(swiper.touchEvents.cancel, slideSelector, zoom.onGestureEnd, passiveListener);
+ }
+ } // Move image
+
+
+ swiper.$wrapperEl.off(swiper.touchEvents.move, "." + swiper.params.zoom.containerClass, zoom.onTouchMove, activeListenerWithCapture);
+ }
+ };
+ var Zoom$1 = {
+ name: 'zoom',
+ params: {
+ zoom: {
+ enabled: false,
+ maxRatio: 3,
+ minRatio: 1,
+ toggle: true,
+ containerClass: 'swiper-zoom-container',
+ zoomedSlideClass: 'swiper-slide-zoomed'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ zoom: _extends({
+ enabled: false,
+ scale: 1,
+ currentScale: 1,
+ isScaling: false,
+ gesture: {
+ $slideEl: undefined,
+ slideWidth: undefined,
+ slideHeight: undefined,
+ $imageEl: undefined,
+ $imageWrapEl: undefined,
+ maxRatio: 3
+ },
+ image: {
+ isTouched: undefined,
+ isMoved: undefined,
+ currentX: undefined,
+ currentY: undefined,
+ minX: undefined,
+ minY: undefined,
+ maxX: undefined,
+ maxY: undefined,
+ width: undefined,
+ height: undefined,
+ startX: undefined,
+ startY: undefined,
+ touchesStart: {},
+ touchesCurrent: {}
+ },
+ velocity: {
+ x: undefined,
+ y: undefined,
+ prevPositionX: undefined,
+ prevPositionY: undefined,
+ prevTime: undefined
+ }
+ }, Zoom)
+ });
+ var scale = 1;
+ Object.defineProperty(swiper.zoom, 'scale', {
+ get: function get() {
+ return scale;
+ },
+ set: function set(value) {
+ if (scale !== value) {
+ var imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined;
+ var slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined;
+ swiper.emit('zoomChange', value, imageEl, slideEl);
+ }
+
+ scale = value;
+ }
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (swiper.params.zoom.enabled) {
+ swiper.zoom.enable();
+ }
+ },
+ destroy: function destroy(swiper) {
+ swiper.zoom.disable();
+ },
+ touchStart: function touchStart(swiper, e) {
+ if (!swiper.zoom.enabled) return;
+ swiper.zoom.onTouchStart(e);
+ },
+ touchEnd: function touchEnd(swiper, e) {
+ if (!swiper.zoom.enabled) return;
+ swiper.zoom.onTouchEnd(e);
+ },
+ doubleTap: function doubleTap(swiper, e) {
+ if (swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {
+ swiper.zoom.toggle(e);
+ }
+ },
+ transitionEnd: function transitionEnd(swiper) {
+ if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
+ swiper.zoom.onTransitionEnd();
+ }
+ },
+ slideChange: function slideChange(swiper) {
+ if (swiper.zoom.enabled && swiper.params.zoom.enabled && swiper.params.cssMode) {
+ swiper.zoom.onTransitionEnd();
+ }
+ }
+ }
+ };
+
+ var Lazy = {
+ loadInSlide: function loadInSlide(index, loadInDuplicate) {
+ if (loadInDuplicate === void 0) {
+ loadInDuplicate = true;
+ }
+
+ var swiper = this;
+ var params = swiper.params.lazy;
+ if (typeof index === 'undefined') return;
+ if (swiper.slides.length === 0) return;
+ var isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ var $slideEl = isVirtual ? swiper.$wrapperEl.children("." + swiper.params.slideClass + "[data-swiper-slide-index=\"" + index + "\"]") : swiper.slides.eq(index);
+ var $images = $slideEl.find("." + params.elementClass + ":not(." + params.loadedClass + "):not(." + params.loadingClass + ")");
+
+ if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {
+ $images.push($slideEl[0]);
+ }
+
+ if ($images.length === 0) return;
+ $images.each(function (imageEl) {
+ var $imageEl = $(imageEl);
+ $imageEl.addClass(params.loadingClass);
+ var background = $imageEl.attr('data-background');
+ var src = $imageEl.attr('data-src');
+ var srcset = $imageEl.attr('data-srcset');
+ var sizes = $imageEl.attr('data-sizes');
+ var $pictureEl = $imageEl.parent('picture');
+ swiper.loadImage($imageEl[0], src || background, srcset, sizes, false, function () {
+ if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper && !swiper.params || swiper.destroyed) return;
+
+ if (background) {
+ $imageEl.css('background-image', "url(\"" + background + "\")");
+ $imageEl.removeAttr('data-background');
+ } else {
+ if (srcset) {
+ $imageEl.attr('srcset', srcset);
+ $imageEl.removeAttr('data-srcset');
+ }
+
+ if (sizes) {
+ $imageEl.attr('sizes', sizes);
+ $imageEl.removeAttr('data-sizes');
+ }
+
+ if ($pictureEl.length) {
+ $pictureEl.children('source').each(function (sourceEl) {
+ var $source = $(sourceEl);
+
+ if ($source.attr('data-srcset')) {
+ $source.attr('srcset', $source.attr('data-srcset'));
+ $source.removeAttr('data-srcset');
+ }
+ });
+ }
+
+ if (src) {
+ $imageEl.attr('src', src);
+ $imageEl.removeAttr('data-src');
+ }
+ }
+
+ $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);
+ $slideEl.find("." + params.preloaderClass).remove();
+
+ if (swiper.params.loop && loadInDuplicate) {
+ var slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');
+
+ if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
+ var originalSlide = swiper.$wrapperEl.children("[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]:not(." + swiper.params.slideDuplicateClass + ")");
+ swiper.lazy.loadInSlide(originalSlide.index(), false);
+ } else {
+ var duplicatedSlide = swiper.$wrapperEl.children("." + swiper.params.slideDuplicateClass + "[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]");
+ swiper.lazy.loadInSlide(duplicatedSlide.index(), false);
+ }
+ }
+
+ swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ });
+ swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);
+ });
+ },
+ load: function load() {
+ var swiper = this;
+ var $wrapperEl = swiper.$wrapperEl,
+ swiperParams = swiper.params,
+ slides = swiper.slides,
+ activeIndex = swiper.activeIndex;
+ var isVirtual = swiper.virtual && swiperParams.virtual.enabled;
+ var params = swiperParams.lazy;
+ var slidesPerView = swiperParams.slidesPerView;
+
+ if (slidesPerView === 'auto') {
+ slidesPerView = 0;
+ }
+
+ function slideExist(index) {
+ if (isVirtual) {
+ if ($wrapperEl.children("." + swiperParams.slideClass + "[data-swiper-slide-index=\"" + index + "\"]").length) {
+ return true;
+ }
+ } else if (slides[index]) return true;
+
+ return false;
+ }
+
+ function slideIndex(slideEl) {
+ if (isVirtual) {
+ return $(slideEl).attr('data-swiper-slide-index');
+ }
+
+ return $(slideEl).index();
+ }
+
+ if (!swiper.lazy.initialImageLoaded) swiper.lazy.initialImageLoaded = true;
+
+ if (swiper.params.watchSlidesVisibility) {
+ $wrapperEl.children("." + swiperParams.slideVisibleClass).each(function (slideEl) {
+ var index = isVirtual ? $(slideEl).attr('data-swiper-slide-index') : $(slideEl).index();
+ swiper.lazy.loadInSlide(index);
+ });
+ } else if (slidesPerView > 1) {
+ for (var i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
+ if (slideExist(i)) swiper.lazy.loadInSlide(i);
+ }
+ } else {
+ swiper.lazy.loadInSlide(activeIndex);
+ }
+
+ if (params.loadPrevNext) {
+ if (slidesPerView > 1 || params.loadPrevNextAmount && params.loadPrevNextAmount > 1) {
+ var amount = params.loadPrevNextAmount;
+ var spv = slidesPerView;
+ var maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);
+ var minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
+
+ for (var _i = activeIndex + slidesPerView; _i < maxIndex; _i += 1) {
+ if (slideExist(_i)) swiper.lazy.loadInSlide(_i);
+ } // Prev Slides
+
+
+ for (var _i2 = minIndex; _i2 < activeIndex; _i2 += 1) {
+ if (slideExist(_i2)) swiper.lazy.loadInSlide(_i2);
+ }
+ } else {
+ var nextSlide = $wrapperEl.children("." + swiperParams.slideNextClass);
+ if (nextSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(nextSlide));
+ var prevSlide = $wrapperEl.children("." + swiperParams.slidePrevClass);
+ if (prevSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(prevSlide));
+ }
+ }
+ }
+ };
+ var Lazy$1 = {
+ name: 'lazy',
+ params: {
+ lazy: {
+ enabled: false,
+ loadPrevNext: false,
+ loadPrevNextAmount: 1,
+ loadOnTransitionStart: false,
+ elementClass: 'swiper-lazy',
+ loadingClass: 'swiper-lazy-loading',
+ loadedClass: 'swiper-lazy-loaded',
+ preloaderClass: 'swiper-lazy-preloader'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ lazy: _extends({
+ initialImageLoaded: false
+ }, Lazy)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
+ swiper.params.preloadImages = false;
+ }
+ },
+ init: function init(swiper) {
+ if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {
+ swiper.lazy.load();
+ }
+ },
+ scroll: function scroll(swiper) {
+ if (swiper.params.freeMode && !swiper.params.freeModeSticky) {
+ swiper.lazy.load();
+ }
+ },
+ resize: function resize(swiper) {
+ if (swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+ },
+ scrollbarDragMove: function scrollbarDragMove(swiper) {
+ if (swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+ },
+ transitionStart: function transitionStart(swiper) {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.loadOnTransitionStart || !swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded) {
+ swiper.lazy.load();
+ }
+ }
+ },
+ transitionEnd: function transitionEnd(swiper) {
+ if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {
+ swiper.lazy.load();
+ }
+ },
+ slideChange: function slideChange(swiper) {
+ if (swiper.params.lazy.enabled && swiper.params.cssMode) {
+ swiper.lazy.load();
+ }
+ }
+ }
+ };
+
+ var Controller = {
+ LinearSpline: function LinearSpline(x, y) {
+ var binarySearch = function search() {
+ var maxIndex;
+ var minIndex;
+ var guess;
+ return function (array, val) {
+ minIndex = -1;
+ maxIndex = array.length;
+
+ while (maxIndex - minIndex > 1) {
+ guess = maxIndex + minIndex >> 1;
+
+ if (array[guess] <= val) {
+ minIndex = guess;
+ } else {
+ maxIndex = guess;
+ }
+ }
+
+ return maxIndex;
+ };
+ }();
+
+ this.x = x;
+ this.y = y;
+ this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:
+ // (x1,y1) is the known point before given value,
+ // (x3,y3) is the known point after given value.
+
+ var i1;
+ var i3;
+
+ this.interpolate = function interpolate(x2) {
+ if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):
+
+ i3 = binarySearch(this.x, x2);
+ i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:
+ // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
+
+ return (x2 - this.x[i1]) * (this.y[i3] - this.y[i1]) / (this.x[i3] - this.x[i1]) + this.y[i1];
+ };
+
+ return this;
+ },
+ // xxx: for now i will just save one spline function to to
+ getInterpolateFunction: function getInterpolateFunction(c) {
+ var swiper = this;
+
+ if (!swiper.controller.spline) {
+ swiper.controller.spline = swiper.params.loop ? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid) : new Controller.LinearSpline(swiper.snapGrid, c.snapGrid);
+ }
+ },
+ setTranslate: function setTranslate(_setTranslate, byController) {
+ var swiper = this;
+ var controlled = swiper.controller.control;
+ var multiplier;
+ var controlledTranslate;
+ var Swiper = swiper.constructor;
+
+ function setControlledTranslate(c) {
+ // this will create an Interpolate function based on the snapGrids
+ // x is the Grid of the scrolled scroller and y will be the controlled scroller
+ // it makes sense to create this only once and recall it for the interpolation
+ // the function does a lot of value caching for performance
+ var translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;
+
+ if (swiper.params.controller.by === 'slide') {
+ swiper.controller.getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
+ // but it did not work out
+
+ controlledTranslate = -swiper.controller.spline.interpolate(-translate);
+ }
+
+ if (!controlledTranslate || swiper.params.controller.by === 'container') {
+ multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());
+ controlledTranslate = (translate - swiper.minTranslate()) * multiplier + c.minTranslate();
+ }
+
+ if (swiper.params.controller.inverse) {
+ controlledTranslate = c.maxTranslate() - controlledTranslate;
+ }
+
+ c.updateProgress(controlledTranslate);
+ c.setTranslate(controlledTranslate, swiper);
+ c.updateActiveIndex();
+ c.updateSlidesClasses();
+ }
+
+ if (Array.isArray(controlled)) {
+ for (var i = 0; i < controlled.length; i += 1) {
+ if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
+ setControlledTranslate(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTranslate(controlled);
+ }
+ },
+ setTransition: function setTransition(duration, byController) {
+ var swiper = this;
+ var Swiper = swiper.constructor;
+ var controlled = swiper.controller.control;
+ var i;
+
+ function setControlledTransition(c) {
+ c.setTransition(duration, swiper);
+
+ if (duration !== 0) {
+ c.transitionStart();
+
+ if (c.params.autoHeight) {
+ nextTick(function () {
+ c.updateAutoHeight();
+ });
+ }
+
+ c.$wrapperEl.transitionEnd(function () {
+ if (!controlled) return;
+
+ if (c.params.loop && swiper.params.controller.by === 'slide') {
+ c.loopFix();
+ }
+
+ c.transitionEnd();
+ });
+ }
+ }
+
+ if (Array.isArray(controlled)) {
+ for (i = 0; i < controlled.length; i += 1) {
+ if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
+ setControlledTransition(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTransition(controlled);
+ }
+ }
+ };
+ var Controller$1 = {
+ name: 'controller',
+ params: {
+ controller: {
+ control: undefined,
+ inverse: false,
+ by: 'slide' // or 'container'
+
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ controller: _extends({
+ control: swiper.params.controller.control
+ }, Controller)
+ });
+ },
+ on: {
+ update: function update(swiper) {
+ if (!swiper.controller.control) return;
+
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ },
+ resize: function resize(swiper) {
+ if (!swiper.controller.control) return;
+
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ },
+ observerUpdate: function observerUpdate(swiper) {
+ if (!swiper.controller.control) return;
+
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ },
+ setTranslate: function setTranslate(swiper, translate, byController) {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTranslate(translate, byController);
+ },
+ setTransition: function setTransition(swiper, duration, byController) {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTransition(duration, byController);
+ }
+ }
+ };
+
+ var A11y = {
+ makeElFocusable: function makeElFocusable($el) {
+ $el.attr('tabIndex', '0');
+ return $el;
+ },
+ makeElNotFocusable: function makeElNotFocusable($el) {
+ $el.attr('tabIndex', '-1');
+ return $el;
+ },
+ addElRole: function addElRole($el, role) {
+ $el.attr('role', role);
+ return $el;
+ },
+ addElLabel: function addElLabel($el, label) {
+ $el.attr('aria-label', label);
+ return $el;
+ },
+ disableEl: function disableEl($el) {
+ $el.attr('aria-disabled', true);
+ return $el;
+ },
+ enableEl: function enableEl($el) {
+ $el.attr('aria-disabled', false);
+ return $el;
+ },
+ onEnterKey: function onEnterKey(e) {
+ var swiper = this;
+ var params = swiper.params.a11y;
+ if (e.keyCode !== 13) return;
+ var $targetEl = $(e.target);
+
+ if (swiper.navigation && swiper.navigation.$nextEl && $targetEl.is(swiper.navigation.$nextEl)) {
+ if (!(swiper.isEnd && !swiper.params.loop)) {
+ swiper.slideNext();
+ }
+
+ if (swiper.isEnd) {
+ swiper.a11y.notify(params.lastSlideMessage);
+ } else {
+ swiper.a11y.notify(params.nextSlideMessage);
+ }
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl && $targetEl.is(swiper.navigation.$prevEl)) {
+ if (!(swiper.isBeginning && !swiper.params.loop)) {
+ swiper.slidePrev();
+ }
+
+ if (swiper.isBeginning) {
+ swiper.a11y.notify(params.firstSlideMessage);
+ } else {
+ swiper.a11y.notify(params.prevSlideMessage);
+ }
+ }
+
+ if (swiper.pagination && $targetEl.is("." + swiper.params.pagination.bulletClass)) {
+ $targetEl[0].click();
+ }
+ },
+ notify: function notify(message) {
+ var swiper = this;
+ var notification = swiper.a11y.liveRegion;
+ if (notification.length === 0) return;
+ notification.html('');
+ notification.html(message);
+ },
+ updateNavigation: function updateNavigation() {
+ var swiper = this;
+ if (swiper.params.loop || !swiper.navigation) return;
+ var _swiper$navigation = swiper.navigation,
+ $nextEl = _swiper$navigation.$nextEl,
+ $prevEl = _swiper$navigation.$prevEl;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ swiper.a11y.disableEl($prevEl);
+ swiper.a11y.makeElNotFocusable($prevEl);
+ } else {
+ swiper.a11y.enableEl($prevEl);
+ swiper.a11y.makeElFocusable($prevEl);
+ }
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ swiper.a11y.disableEl($nextEl);
+ swiper.a11y.makeElNotFocusable($nextEl);
+ } else {
+ swiper.a11y.enableEl($nextEl);
+ swiper.a11y.makeElFocusable($nextEl);
+ }
+ }
+ },
+ updatePagination: function updatePagination() {
+ var swiper = this;
+ var params = swiper.params.a11y;
+
+ if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
+ swiper.pagination.bullets.each(function (bulletEl) {
+ var $bulletEl = $(bulletEl);
+ swiper.a11y.makeElFocusable($bulletEl);
+ swiper.a11y.addElRole($bulletEl, 'button');
+ swiper.a11y.addElLabel($bulletEl, params.paginationBulletMessage.replace(/\{\{index\}\}/, $bulletEl.index() + 1));
+ });
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ swiper.$el.append(swiper.a11y.liveRegion); // Navigation
+
+ var params = swiper.params.a11y;
+ var $nextEl;
+ var $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl) {
+ swiper.a11y.makeElFocusable($nextEl);
+ swiper.a11y.addElRole($nextEl, 'button');
+ swiper.a11y.addElLabel($nextEl, params.nextSlideMessage);
+ $nextEl.on('keydown', swiper.a11y.onEnterKey);
+ }
+
+ if ($prevEl) {
+ swiper.a11y.makeElFocusable($prevEl);
+ swiper.a11y.addElRole($prevEl, 'button');
+ swiper.a11y.addElLabel($prevEl, params.prevSlideMessage);
+ $prevEl.on('keydown', swiper.a11y.onEnterKey);
+ } // Pagination
+
+
+ if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
+ swiper.pagination.$el.on('keydown', "." + swiper.params.pagination.bulletClass, swiper.a11y.onEnterKey);
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ if (swiper.a11y.liveRegion && swiper.a11y.liveRegion.length > 0) swiper.a11y.liveRegion.remove();
+ var $nextEl;
+ var $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl) {
+ $nextEl.off('keydown', swiper.a11y.onEnterKey);
+ }
+
+ if ($prevEl) {
+ $prevEl.off('keydown', swiper.a11y.onEnterKey);
+ } // Pagination
+
+
+ if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) {
+ swiper.pagination.$el.off('keydown', "." + swiper.params.pagination.bulletClass, swiper.a11y.onEnterKey);
+ }
+ }
+ };
+ var A11y$1 = {
+ name: 'a11y',
+ params: {
+ a11y: {
+ enabled: true,
+ notificationClass: 'swiper-notification',
+ prevSlideMessage: 'Previous slide',
+ nextSlideMessage: 'Next slide',
+ firstSlideMessage: 'This is the first slide',
+ lastSlideMessage: 'This is the last slide',
+ paginationBulletMessage: 'Go to slide {{index}}'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ a11y: _extends(_extends({}, A11y), {}, {
+ liveRegion: $("")
+ })
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (!swiper.params.a11y.enabled) return;
+ swiper.a11y.init();
+ swiper.a11y.updateNavigation();
+ },
+ toEdge: function toEdge(swiper) {
+ if (!swiper.params.a11y.enabled) return;
+ swiper.a11y.updateNavigation();
+ },
+ fromEdge: function fromEdge(swiper) {
+ if (!swiper.params.a11y.enabled) return;
+ swiper.a11y.updateNavigation();
+ },
+ paginationUpdate: function paginationUpdate(swiper) {
+ if (!swiper.params.a11y.enabled) return;
+ swiper.a11y.updatePagination();
+ },
+ destroy: function destroy(swiper) {
+ if (!swiper.params.a11y.enabled) return;
+ swiper.a11y.destroy();
+ }
+ }
+ };
+
+ var History = {
+ init: function init() {
+ var swiper = this;
+ var window = getWindow();
+ if (!swiper.params.history) return;
+
+ if (!window.history || !window.history.pushState) {
+ swiper.params.history.enabled = false;
+ swiper.params.hashNavigation.enabled = true;
+ return;
+ }
+
+ var history = swiper.history;
+ history.initialized = true;
+ history.paths = History.getPathValues(swiper.params.url);
+ if (!history.paths.key && !history.paths.value) return;
+ history.scrollToSlide(0, history.paths.value, swiper.params.runCallbacksOnInit);
+
+ if (!swiper.params.history.replaceState) {
+ window.addEventListener('popstate', swiper.history.setHistoryPopState);
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ var window = getWindow();
+
+ if (!swiper.params.history.replaceState) {
+ window.removeEventListener('popstate', swiper.history.setHistoryPopState);
+ }
+ },
+ setHistoryPopState: function setHistoryPopState() {
+ var swiper = this;
+ swiper.history.paths = History.getPathValues(swiper.params.url);
+ swiper.history.scrollToSlide(swiper.params.speed, swiper.history.paths.value, false);
+ },
+ getPathValues: function getPathValues(urlOverride) {
+ var window = getWindow();
+ var location;
+
+ if (urlOverride) {
+ location = new URL(urlOverride);
+ } else {
+ location = window.location;
+ }
+
+ var pathArray = location.pathname.slice(1).split('/').filter(function (part) {
+ return part !== '';
+ });
+ var total = pathArray.length;
+ var key = pathArray[total - 2];
+ var value = pathArray[total - 1];
+ return {
+ key: key,
+ value: value
+ };
+ },
+ setHistory: function setHistory(key, index) {
+ var swiper = this;
+ var window = getWindow();
+ if (!swiper.history.initialized || !swiper.params.history.enabled) return;
+ var location;
+
+ if (swiper.params.url) {
+ location = new URL(swiper.params.url);
+ } else {
+ location = window.location;
+ }
+
+ var slide = swiper.slides.eq(index);
+ var value = History.slugify(slide.attr('data-history'));
+
+ if (!location.pathname.includes(key)) {
+ value = key + "/" + value;
+ }
+
+ var currentState = window.history.state;
+
+ if (currentState && currentState.value === value) {
+ return;
+ }
+
+ if (swiper.params.history.replaceState) {
+ window.history.replaceState({
+ value: value
+ }, null, value);
+ } else {
+ window.history.pushState({
+ value: value
+ }, null, value);
+ }
+ },
+ slugify: function slugify(text) {
+ return text.toString().replace(/\s+/g, '-').replace(/[^\w-]+/g, '').replace(/--+/g, '-').replace(/^-+/, '').replace(/-+$/, '');
+ },
+ scrollToSlide: function scrollToSlide(speed, value, runCallbacks) {
+ var swiper = this;
+
+ if (value) {
+ for (var i = 0, length = swiper.slides.length; i < length; i += 1) {
+ var slide = swiper.slides.eq(i);
+ var slideHistory = History.slugify(slide.attr('data-history'));
+
+ if (slideHistory === value && !slide.hasClass(swiper.params.slideDuplicateClass)) {
+ var index = slide.index();
+ swiper.slideTo(index, speed, runCallbacks);
+ }
+ }
+ } else {
+ swiper.slideTo(0, speed, runCallbacks);
+ }
+ }
+ };
+ var History$1 = {
+ name: 'history',
+ params: {
+ history: {
+ enabled: false,
+ replaceState: false,
+ key: 'slides'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ history: _extends({}, History)
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (swiper.params.history.enabled) {
+ swiper.history.init();
+ }
+ },
+ destroy: function destroy(swiper) {
+ if (swiper.params.history.enabled) {
+ swiper.history.destroy();
+ }
+ },
+ transitionEnd: function transitionEnd(swiper) {
+ if (swiper.history.initialized) {
+ swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);
+ }
+ },
+ slideChange: function slideChange(swiper) {
+ if (swiper.history.initialized && swiper.params.cssMode) {
+ swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);
+ }
+ }
+ }
+ };
+
+ var HashNavigation = {
+ onHashCange: function onHashCange() {
+ var swiper = this;
+ var document = getDocument();
+ swiper.emit('hashChange');
+ var newHash = document.location.hash.replace('#', '');
+ var activeSlideHash = swiper.slides.eq(swiper.activeIndex).attr('data-hash');
+
+ if (newHash !== activeSlideHash) {
+ var newIndex = swiper.$wrapperEl.children("." + swiper.params.slideClass + "[data-hash=\"" + newHash + "\"]").index();
+ if (typeof newIndex === 'undefined') return;
+ swiper.slideTo(newIndex);
+ }
+ },
+ setHash: function setHash() {
+ var swiper = this;
+ var window = getWindow();
+ var document = getDocument();
+ if (!swiper.hashNavigation.initialized || !swiper.params.hashNavigation.enabled) return;
+
+ if (swiper.params.hashNavigation.replaceState && window.history && window.history.replaceState) {
+ window.history.replaceState(null, null, "#" + swiper.slides.eq(swiper.activeIndex).attr('data-hash') || '');
+ swiper.emit('hashSet');
+ } else {
+ var slide = swiper.slides.eq(swiper.activeIndex);
+ var hash = slide.attr('data-hash') || slide.attr('data-history');
+ document.location.hash = hash || '';
+ swiper.emit('hashSet');
+ }
+ },
+ init: function init() {
+ var swiper = this;
+ var document = getDocument();
+ var window = getWindow();
+ if (!swiper.params.hashNavigation.enabled || swiper.params.history && swiper.params.history.enabled) return;
+ swiper.hashNavigation.initialized = true;
+ var hash = document.location.hash.replace('#', '');
+
+ if (hash) {
+ var speed = 0;
+
+ for (var i = 0, length = swiper.slides.length; i < length; i += 1) {
+ var slide = swiper.slides.eq(i);
+ var slideHash = slide.attr('data-hash') || slide.attr('data-history');
+
+ if (slideHash === hash && !slide.hasClass(swiper.params.slideDuplicateClass)) {
+ var index = slide.index();
+ swiper.slideTo(index, speed, swiper.params.runCallbacksOnInit, true);
+ }
+ }
+ }
+
+ if (swiper.params.hashNavigation.watchState) {
+ $(window).on('hashchange', swiper.hashNavigation.onHashCange);
+ }
+ },
+ destroy: function destroy() {
+ var swiper = this;
+ var window = getWindow();
+
+ if (swiper.params.hashNavigation.watchState) {
+ $(window).off('hashchange', swiper.hashNavigation.onHashCange);
+ }
+ }
+ };
+ var HashNavigation$1 = {
+ name: 'hash-navigation',
+ params: {
+ hashNavigation: {
+ enabled: false,
+ replaceState: false,
+ watchState: false
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ hashNavigation: _extends({
+ initialized: false
+ }, HashNavigation)
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (swiper.params.hashNavigation.enabled) {
+ swiper.hashNavigation.init();
+ }
+ },
+ destroy: function destroy(swiper) {
+ if (swiper.params.hashNavigation.enabled) {
+ swiper.hashNavigation.destroy();
+ }
+ },
+ transitionEnd: function transitionEnd(swiper) {
+ if (swiper.hashNavigation.initialized) {
+ swiper.hashNavigation.setHash();
+ }
+ },
+ slideChange: function slideChange(swiper) {
+ if (swiper.hashNavigation.initialized && swiper.params.cssMode) {
+ swiper.hashNavigation.setHash();
+ }
+ }
+ }
+ };
+
+ var Autoplay = {
+ run: function run() {
+ var swiper = this;
+ var $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
+ var delay = swiper.params.autoplay.delay;
+
+ if ($activeSlideEl.attr('data-swiper-autoplay')) {
+ delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;
+ }
+
+ clearTimeout(swiper.autoplay.timeout);
+ swiper.autoplay.timeout = nextTick(function () {
+ if (swiper.params.autoplay.reverseDirection) {
+ if (swiper.params.loop) {
+ swiper.loopFix();
+ swiper.slidePrev(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.isBeginning) {
+ swiper.slidePrev(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.params.autoplay.stopOnLastSlide) {
+ swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else {
+ swiper.autoplay.stop();
+ }
+ } else if (swiper.params.loop) {
+ swiper.loopFix();
+ swiper.slideNext(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.isEnd) {
+ swiper.slideNext(swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else if (!swiper.params.autoplay.stopOnLastSlide) {
+ swiper.slideTo(0, swiper.params.speed, true, true);
+ swiper.emit('autoplay');
+ } else {
+ swiper.autoplay.stop();
+ }
+
+ if (swiper.params.cssMode && swiper.autoplay.running) swiper.autoplay.run();
+ }, delay);
+ },
+ start: function start() {
+ var swiper = this;
+ if (typeof swiper.autoplay.timeout !== 'undefined') return false;
+ if (swiper.autoplay.running) return false;
+ swiper.autoplay.running = true;
+ swiper.emit('autoplayStart');
+ swiper.autoplay.run();
+ return true;
+ },
+ stop: function stop() {
+ var swiper = this;
+ if (!swiper.autoplay.running) return false;
+ if (typeof swiper.autoplay.timeout === 'undefined') return false;
+
+ if (swiper.autoplay.timeout) {
+ clearTimeout(swiper.autoplay.timeout);
+ swiper.autoplay.timeout = undefined;
+ }
+
+ swiper.autoplay.running = false;
+ swiper.emit('autoplayStop');
+ return true;
+ },
+ pause: function pause(speed) {
+ var swiper = this;
+ if (!swiper.autoplay.running) return;
+ if (swiper.autoplay.paused) return;
+ if (swiper.autoplay.timeout) clearTimeout(swiper.autoplay.timeout);
+ swiper.autoplay.paused = true;
+
+ if (speed === 0 || !swiper.params.autoplay.waitForTransition) {
+ swiper.autoplay.paused = false;
+ swiper.autoplay.run();
+ } else {
+ swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd);
+ swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
+ }
+ },
+ onVisibilityChange: function onVisibilityChange() {
+ var swiper = this;
+ var document = getDocument();
+
+ if (document.visibilityState === 'hidden' && swiper.autoplay.running) {
+ swiper.autoplay.pause();
+ }
+
+ if (document.visibilityState === 'visible' && swiper.autoplay.paused) {
+ swiper.autoplay.run();
+ swiper.autoplay.paused = false;
+ }
+ },
+ onTransitionEnd: function onTransitionEnd(e) {
+ var swiper = this;
+ if (!swiper || swiper.destroyed || !swiper.$wrapperEl) return;
+ if (e.target !== swiper.$wrapperEl[0]) return;
+ swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd);
+ swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
+ swiper.autoplay.paused = false;
+
+ if (!swiper.autoplay.running) {
+ swiper.autoplay.stop();
+ } else {
+ swiper.autoplay.run();
+ }
+ }
+ };
+ var Autoplay$1 = {
+ name: 'autoplay',
+ params: {
+ autoplay: {
+ enabled: false,
+ delay: 3000,
+ waitForTransition: true,
+ disableOnInteraction: true,
+ stopOnLastSlide: false,
+ reverseDirection: false
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ autoplay: _extends(_extends({}, Autoplay), {}, {
+ running: false,
+ paused: false
+ })
+ });
+ },
+ on: {
+ init: function init(swiper) {
+ if (swiper.params.autoplay.enabled) {
+ swiper.autoplay.start();
+ var document = getDocument();
+ document.addEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
+ }
+ },
+ beforeTransitionStart: function beforeTransitionStart(swiper, speed, internal) {
+ if (swiper.autoplay.running) {
+ if (internal || !swiper.params.autoplay.disableOnInteraction) {
+ swiper.autoplay.pause(speed);
+ } else {
+ swiper.autoplay.stop();
+ }
+ }
+ },
+ sliderFirstMove: function sliderFirstMove(swiper) {
+ if (swiper.autoplay.running) {
+ if (swiper.params.autoplay.disableOnInteraction) {
+ swiper.autoplay.stop();
+ } else {
+ swiper.autoplay.pause();
+ }
+ }
+ },
+ touchEnd: function touchEnd(swiper) {
+ if (swiper.params.cssMode && swiper.autoplay.paused && !swiper.params.autoplay.disableOnInteraction) {
+ swiper.autoplay.run();
+ }
+ },
+ destroy: function destroy(swiper) {
+ if (swiper.autoplay.running) {
+ swiper.autoplay.stop();
+ }
+
+ var document = getDocument();
+ document.removeEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
+ }
+ }
+ };
+
+ var Fade = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var slides = swiper.slides;
+
+ for (var i = 0; i < slides.length; i += 1) {
+ var $slideEl = swiper.slides.eq(i);
+ var offset = $slideEl[0].swiperSlideOffset;
+ var tx = -offset;
+ if (!swiper.params.virtualTranslate) tx -= swiper.translate;
+ var ty = 0;
+
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ }
+
+ var slideOpacity = swiper.params.fadeEffect.crossFade ? Math.max(1 - Math.abs($slideEl[0].progress), 0) : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);
+ $slideEl.css({
+ opacity: slideOpacity
+ }).transform("translate3d(" + tx + "px, " + ty + "px, 0px)");
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var slides = swiper.slides,
+ $wrapperEl = swiper.$wrapperEl;
+ slides.transition(duration);
+
+ if (swiper.params.virtualTranslate && duration !== 0) {
+ var eventTriggered = false;
+ slides.transitionEnd(function () {
+ if (eventTriggered) return;
+ if (!swiper || swiper.destroyed) return;
+ eventTriggered = true;
+ swiper.animating = false;
+ var triggerEvents = ['webkitTransitionEnd', 'transitionend'];
+
+ for (var i = 0; i < triggerEvents.length; i += 1) {
+ $wrapperEl.trigger(triggerEvents[i]);
+ }
+ });
+ }
+ }
+ };
+ var EffectFade = {
+ name: 'effect-fade',
+ params: {
+ fadeEffect: {
+ crossFade: false
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ fadeEffect: _extends({}, Fade)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (swiper.params.effect !== 'fade') return;
+ swiper.classNames.push(swiper.params.containerModifierClass + "fade");
+ var overwriteParams = {
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: true
+ };
+ extend$1(swiper.params, overwriteParams);
+ extend$1(swiper.originalParams, overwriteParams);
+ },
+ setTranslate: function setTranslate(swiper) {
+ if (swiper.params.effect !== 'fade') return;
+ swiper.fadeEffect.setTranslate();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ if (swiper.params.effect !== 'fade') return;
+ swiper.fadeEffect.setTransition(duration);
+ }
+ }
+ };
+
+ var Cube = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var $el = swiper.$el,
+ $wrapperEl = swiper.$wrapperEl,
+ slides = swiper.slides,
+ swiperWidth = swiper.width,
+ swiperHeight = swiper.height,
+ rtl = swiper.rtlTranslate,
+ swiperSize = swiper.size,
+ browser = swiper.browser;
+ var params = swiper.params.cubeEffect;
+ var isHorizontal = swiper.isHorizontal();
+ var isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ var wrapperRotate = 0;
+ var $cubeShadowEl;
+
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl = $wrapperEl.find('.swiper-cube-shadow');
+
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('');
+ $wrapperEl.append($cubeShadowEl);
+ }
+
+ $cubeShadowEl.css({
+ height: swiperWidth + "px"
+ });
+ } else {
+ $cubeShadowEl = $el.find('.swiper-cube-shadow');
+
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('');
+ $el.append($cubeShadowEl);
+ }
+ }
+ }
+
+ for (var i = 0; i < slides.length; i += 1) {
+ var $slideEl = slides.eq(i);
+ var slideIndex = i;
+
+ if (isVirtual) {
+ slideIndex = parseInt($slideEl.attr('data-swiper-slide-index'), 10);
+ }
+
+ var slideAngle = slideIndex * 90;
+ var round = Math.floor(slideAngle / 360);
+
+ if (rtl) {
+ slideAngle = -slideAngle;
+ round = Math.floor(-slideAngle / 360);
+ }
+
+ var progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ var tx = 0;
+ var ty = 0;
+ var tz = 0;
+
+ if (slideIndex % 4 === 0) {
+ tx = -round * 4 * swiperSize;
+ tz = 0;
+ } else if ((slideIndex - 1) % 4 === 0) {
+ tx = 0;
+ tz = -round * 4 * swiperSize;
+ } else if ((slideIndex - 2) % 4 === 0) {
+ tx = swiperSize + round * 4 * swiperSize;
+ tz = swiperSize;
+ } else if ((slideIndex - 3) % 4 === 0) {
+ tx = -swiperSize;
+ tz = 3 * swiperSize + swiperSize * 4 * round;
+ }
+
+ if (rtl) {
+ tx = -tx;
+ }
+
+ if (!isHorizontal) {
+ ty = tx;
+ tx = 0;
+ }
+
+ var transform = "rotateX(" + (isHorizontal ? 0 : -slideAngle) + "deg) rotateY(" + (isHorizontal ? slideAngle : 0) + "deg) translate3d(" + tx + "px, " + ty + "px, " + tz + "px)";
+
+ if (progress <= 1 && progress > -1) {
+ wrapperRotate = slideIndex * 90 + progress * 90;
+ if (rtl) wrapperRotate = -slideIndex * 90 - progress * 90;
+ }
+
+ $slideEl.transform(transform);
+
+ if (params.slideShadows) {
+ // Set shadows
+ var shadowBefore = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
+ var shadowAfter = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = $("");
+ $slideEl.append(shadowBefore);
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = $("");
+ $slideEl.append(shadowAfter);
+ }
+
+ if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+ }
+
+ $wrapperEl.css({
+ '-webkit-transform-origin': "50% 50% -" + swiperSize / 2 + "px",
+ '-moz-transform-origin': "50% 50% -" + swiperSize / 2 + "px",
+ '-ms-transform-origin': "50% 50% -" + swiperSize / 2 + "px",
+ 'transform-origin': "50% 50% -" + swiperSize / 2 + "px"
+ });
+
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl.transform("translate3d(0px, " + (swiperWidth / 2 + params.shadowOffset) + "px, " + -swiperWidth / 2 + "px) rotateX(90deg) rotateZ(0deg) scale(" + params.shadowScale + ")");
+ } else {
+ var shadowAngle = Math.abs(wrapperRotate) - Math.floor(Math.abs(wrapperRotate) / 90) * 90;
+ var multiplier = 1.5 - (Math.sin(shadowAngle * 2 * Math.PI / 360) / 2 + Math.cos(shadowAngle * 2 * Math.PI / 360) / 2);
+ var scale1 = params.shadowScale;
+ var scale2 = params.shadowScale / multiplier;
+ var offset = params.shadowOffset;
+ $cubeShadowEl.transform("scale3d(" + scale1 + ", 1, " + scale2 + ") translate3d(0px, " + (swiperHeight / 2 + offset) + "px, " + -swiperHeight / 2 / scale2 + "px) rotateX(-90deg)");
+ }
+ }
+
+ var zFactor = browser.isSafari || browser.isWebView ? -swiperSize / 2 : 0;
+ $wrapperEl.transform("translate3d(0px,0," + zFactor + "px) rotateX(" + (swiper.isHorizontal() ? 0 : wrapperRotate) + "deg) rotateY(" + (swiper.isHorizontal() ? -wrapperRotate : 0) + "deg)");
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var $el = swiper.$el,
+ slides = swiper.slides;
+ slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
+
+ if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
+ $el.find('.swiper-cube-shadow').transition(duration);
+ }
+ }
+ };
+ var EffectCube = {
+ name: 'effect-cube',
+ params: {
+ cubeEffect: {
+ slideShadows: true,
+ shadow: true,
+ shadowOffset: 20,
+ shadowScale: 0.94
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ cubeEffect: _extends({}, Cube)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (swiper.params.effect !== 'cube') return;
+ swiper.classNames.push(swiper.params.containerModifierClass + "cube");
+ swiper.classNames.push(swiper.params.containerModifierClass + "3d");
+ var overwriteParams = {
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ resistanceRatio: 0,
+ spaceBetween: 0,
+ centeredSlides: false,
+ virtualTranslate: true
+ };
+ extend$1(swiper.params, overwriteParams);
+ extend$1(swiper.originalParams, overwriteParams);
+ },
+ setTranslate: function setTranslate(swiper) {
+ if (swiper.params.effect !== 'cube') return;
+ swiper.cubeEffect.setTranslate();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ if (swiper.params.effect !== 'cube') return;
+ swiper.cubeEffect.setTransition(duration);
+ }
+ }
+ };
+
+ var Flip = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var slides = swiper.slides,
+ rtl = swiper.rtlTranslate;
+
+ for (var i = 0; i < slides.length; i += 1) {
+ var $slideEl = slides.eq(i);
+ var progress = $slideEl[0].progress;
+
+ if (swiper.params.flipEffect.limitRotation) {
+ progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ }
+
+ var offset = $slideEl[0].swiperSlideOffset;
+ var rotate = -180 * progress;
+ var rotateY = rotate;
+ var rotateX = 0;
+ var tx = -offset;
+ var ty = 0;
+
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ rotateX = -rotateY;
+ rotateY = 0;
+ } else if (rtl) {
+ rotateY = -rotateY;
+ }
+
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length;
+
+ if (swiper.params.flipEffect.slideShadows) {
+ // Set shadows
+ var shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
+ var shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = $("");
+ $slideEl.append(shadowBefore);
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = $("");
+ $slideEl.append(shadowAfter);
+ }
+
+ if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+
+ $slideEl.transform("translate3d(" + tx + "px, " + ty + "px, 0px) rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg)");
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ var slides = swiper.slides,
+ activeIndex = swiper.activeIndex,
+ $wrapperEl = swiper.$wrapperEl;
+ slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
+
+ if (swiper.params.virtualTranslate && duration !== 0) {
+ var eventTriggered = false; // eslint-disable-next-line
+
+ slides.eq(activeIndex).transitionEnd(function onTransitionEnd() {
+ if (eventTriggered) return;
+ if (!swiper || swiper.destroyed) return; // if (!$(this).hasClass(swiper.params.slideActiveClass)) return;
+
+ eventTriggered = true;
+ swiper.animating = false;
+ var triggerEvents = ['webkitTransitionEnd', 'transitionend'];
+
+ for (var i = 0; i < triggerEvents.length; i += 1) {
+ $wrapperEl.trigger(triggerEvents[i]);
+ }
+ });
+ }
+ }
+ };
+ var EffectFlip = {
+ name: 'effect-flip',
+ params: {
+ flipEffect: {
+ slideShadows: true,
+ limitRotation: true
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ flipEffect: _extends({}, Flip)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (swiper.params.effect !== 'flip') return;
+ swiper.classNames.push(swiper.params.containerModifierClass + "flip");
+ swiper.classNames.push(swiper.params.containerModifierClass + "3d");
+ var overwriteParams = {
+ slidesPerView: 1,
+ slidesPerColumn: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: true
+ };
+ extend$1(swiper.params, overwriteParams);
+ extend$1(swiper.originalParams, overwriteParams);
+ },
+ setTranslate: function setTranslate(swiper) {
+ if (swiper.params.effect !== 'flip') return;
+ swiper.flipEffect.setTranslate();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ if (swiper.params.effect !== 'flip') return;
+ swiper.flipEffect.setTransition(duration);
+ }
+ }
+ };
+
+ var Coverflow = {
+ setTranslate: function setTranslate() {
+ var swiper = this;
+ var swiperWidth = swiper.width,
+ swiperHeight = swiper.height,
+ slides = swiper.slides,
+ slidesSizesGrid = swiper.slidesSizesGrid;
+ var params = swiper.params.coverflowEffect;
+ var isHorizontal = swiper.isHorizontal();
+ var transform = swiper.translate;
+ var center = isHorizontal ? -transform + swiperWidth / 2 : -transform + swiperHeight / 2;
+ var rotate = isHorizontal ? params.rotate : -params.rotate;
+ var translate = params.depth; // Each slide offset from center
+
+ for (var i = 0, length = slides.length; i < length; i += 1) {
+ var $slideEl = slides.eq(i);
+ var slideSize = slidesSizesGrid[i];
+ var slideOffset = $slideEl[0].swiperSlideOffset;
+ var offsetMultiplier = (center - slideOffset - slideSize / 2) / slideSize * params.modifier;
+ var rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
+ var rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0
+
+ var translateZ = -translate * Math.abs(offsetMultiplier);
+ var stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders
+
+ if (typeof stretch === 'string' && stretch.indexOf('%') !== -1) {
+ stretch = parseFloat(params.stretch) / 100 * slideSize;
+ }
+
+ var translateY = isHorizontal ? 0 : stretch * offsetMultiplier;
+ var translateX = isHorizontal ? stretch * offsetMultiplier : 0;
+ var scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values
+
+ if (Math.abs(translateX) < 0.001) translateX = 0;
+ if (Math.abs(translateY) < 0.001) translateY = 0;
+ if (Math.abs(translateZ) < 0.001) translateZ = 0;
+ if (Math.abs(rotateY) < 0.001) rotateY = 0;
+ if (Math.abs(rotateX) < 0.001) rotateX = 0;
+ if (Math.abs(scale) < 0.001) scale = 0;
+ var slideTransform = "translate3d(" + translateX + "px," + translateY + "px," + translateZ + "px) rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg) scale(" + scale + ")";
+ $slideEl.transform(slideTransform);
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
+
+ if (params.slideShadows) {
+ // Set shadows
+ var $shadowBeforeEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
+ var $shadowAfterEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
+
+ if ($shadowBeforeEl.length === 0) {
+ $shadowBeforeEl = $("");
+ $slideEl.append($shadowBeforeEl);
+ }
+
+ if ($shadowAfterEl.length === 0) {
+ $shadowAfterEl = $("");
+ $slideEl.append($shadowAfterEl);
+ }
+
+ if ($shadowBeforeEl.length) $shadowBeforeEl[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0;
+ if ($shadowAfterEl.length) $shadowAfterEl[0].style.opacity = -offsetMultiplier > 0 ? -offsetMultiplier : 0;
+ }
+ }
+ },
+ setTransition: function setTransition(duration) {
+ var swiper = this;
+ swiper.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
+ }
+ };
+ var EffectCoverflow = {
+ name: 'effect-coverflow',
+ params: {
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ scale: 1,
+ modifier: 1,
+ slideShadows: true
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ coverflowEffect: _extends({}, Coverflow)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ if (swiper.params.effect !== 'coverflow') return;
+ swiper.classNames.push(swiper.params.containerModifierClass + "coverflow");
+ swiper.classNames.push(swiper.params.containerModifierClass + "3d");
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ },
+ setTranslate: function setTranslate(swiper) {
+ if (swiper.params.effect !== 'coverflow') return;
+ swiper.coverflowEffect.setTranslate();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ if (swiper.params.effect !== 'coverflow') return;
+ swiper.coverflowEffect.setTransition(duration);
+ }
+ }
+ };
+
+ var Thumbs = {
+ init: function init() {
+ var swiper = this;
+ var thumbsParams = swiper.params.thumbs;
+ if (swiper.thumbs.initialized) return false;
+ swiper.thumbs.initialized = true;
+ var SwiperClass = swiper.constructor;
+
+ if (thumbsParams.swiper instanceof SwiperClass) {
+ swiper.thumbs.swiper = thumbsParams.swiper;
+ extend$1(swiper.thumbs.swiper.originalParams, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false
+ });
+ extend$1(swiper.thumbs.swiper.params, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false
+ });
+ } else if (isObject$1(thumbsParams.swiper)) {
+ swiper.thumbs.swiper = new SwiperClass(extend$1({}, thumbsParams.swiper, {
+ watchSlidesVisibility: true,
+ watchSlidesProgress: true,
+ slideToClickedSlide: false
+ }));
+ swiper.thumbs.swiperCreated = true;
+ }
+
+ swiper.thumbs.swiper.$el.addClass(swiper.params.thumbs.thumbsContainerClass);
+ swiper.thumbs.swiper.on('tap', swiper.thumbs.onThumbClick);
+ return true;
+ },
+ onThumbClick: function onThumbClick() {
+ var swiper = this;
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) return;
+ var clickedIndex = thumbsSwiper.clickedIndex;
+ var clickedSlide = thumbsSwiper.clickedSlide;
+ if (clickedSlide && $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass)) return;
+ if (typeof clickedIndex === 'undefined' || clickedIndex === null) return;
+ var slideToIndex;
+
+ if (thumbsSwiper.params.loop) {
+ slideToIndex = parseInt($(thumbsSwiper.clickedSlide).attr('data-swiper-slide-index'), 10);
+ } else {
+ slideToIndex = clickedIndex;
+ }
+
+ if (swiper.params.loop) {
+ var currentIndex = swiper.activeIndex;
+
+ if (swiper.slides.eq(currentIndex).hasClass(swiper.params.slideDuplicateClass)) {
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ currentIndex = swiper.activeIndex;
+ }
+
+ var prevIndex = swiper.slides.eq(currentIndex).prevAll("[data-swiper-slide-index=\"" + slideToIndex + "\"]").eq(0).index();
+ var nextIndex = swiper.slides.eq(currentIndex).nextAll("[data-swiper-slide-index=\"" + slideToIndex + "\"]").eq(0).index();
+ if (typeof prevIndex === 'undefined') slideToIndex = nextIndex;else if (typeof nextIndex === 'undefined') slideToIndex = prevIndex;else if (nextIndex - currentIndex < currentIndex - prevIndex) slideToIndex = nextIndex;else slideToIndex = prevIndex;
+ }
+
+ swiper.slideTo(slideToIndex);
+ },
+ update: function update(initial) {
+ var swiper = this;
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) return;
+ var slidesPerView = thumbsSwiper.params.slidesPerView === 'auto' ? thumbsSwiper.slidesPerViewDynamic() : thumbsSwiper.params.slidesPerView;
+ var autoScrollOffset = swiper.params.thumbs.autoScrollOffset;
+ var useOffset = autoScrollOffset && !thumbsSwiper.params.loop;
+
+ if (swiper.realIndex !== thumbsSwiper.realIndex || useOffset) {
+ var currentThumbsIndex = thumbsSwiper.activeIndex;
+ var newThumbsIndex;
+ var direction;
+
+ if (thumbsSwiper.params.loop) {
+ if (thumbsSwiper.slides.eq(currentThumbsIndex).hasClass(thumbsSwiper.params.slideDuplicateClass)) {
+ thumbsSwiper.loopFix(); // eslint-disable-next-line
+
+ thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft;
+ currentThumbsIndex = thumbsSwiper.activeIndex;
+ } // Find actual thumbs index to slide to
+
+
+ var prevThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).prevAll("[data-swiper-slide-index=\"" + swiper.realIndex + "\"]").eq(0).index();
+ var nextThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).nextAll("[data-swiper-slide-index=\"" + swiper.realIndex + "\"]").eq(0).index();
+ if (typeof prevThumbsIndex === 'undefined') newThumbsIndex = nextThumbsIndex;else if (typeof nextThumbsIndex === 'undefined') newThumbsIndex = prevThumbsIndex;else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) newThumbsIndex = currentThumbsIndex;else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) newThumbsIndex = nextThumbsIndex;else newThumbsIndex = prevThumbsIndex;
+ direction = swiper.activeIndex > swiper.previousIndex ? 'next' : 'prev';
+ } else {
+ newThumbsIndex = swiper.realIndex;
+ direction = newThumbsIndex > swiper.previousIndex ? 'next' : 'prev';
+ }
+
+ if (useOffset) {
+ newThumbsIndex += direction === 'next' ? autoScrollOffset : -1 * autoScrollOffset;
+ }
+
+ if (thumbsSwiper.visibleSlidesIndexes && thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {
+ if (thumbsSwiper.params.centeredSlides) {
+ if (newThumbsIndex > currentThumbsIndex) {
+ newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;
+ } else {
+ newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;
+ }
+ } else if (newThumbsIndex > currentThumbsIndex) {
+ newThumbsIndex = newThumbsIndex - slidesPerView + 1;
+ }
+
+ thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined);
+ }
+ } // Activate thumbs
+
+
+ var thumbsToActivate = 1;
+ var thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;
+
+ if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {
+ thumbsToActivate = swiper.params.slidesPerView;
+ }
+
+ if (!swiper.params.thumbs.multipleActiveThumbs) {
+ thumbsToActivate = 1;
+ }
+
+ thumbsToActivate = Math.floor(thumbsToActivate);
+ thumbsSwiper.slides.removeClass(thumbActiveClass);
+
+ if (thumbsSwiper.params.loop || thumbsSwiper.params.virtual && thumbsSwiper.params.virtual.enabled) {
+ for (var i = 0; i < thumbsToActivate; i += 1) {
+ thumbsSwiper.$wrapperEl.children("[data-swiper-slide-index=\"" + (swiper.realIndex + i) + "\"]").addClass(thumbActiveClass);
+ }
+ } else {
+ for (var _i = 0; _i < thumbsToActivate; _i += 1) {
+ thumbsSwiper.slides.eq(swiper.realIndex + _i).addClass(thumbActiveClass);
+ }
+ }
+ }
+ };
+ var Thumbs$1 = {
+ name: 'thumbs',
+ params: {
+ thumbs: {
+ swiper: null,
+ multipleActiveThumbs: true,
+ autoScrollOffset: 0,
+ slideThumbActiveClass: 'swiper-slide-thumb-active',
+ thumbsContainerClass: 'swiper-container-thumbs'
+ }
+ },
+ create: function create() {
+ var swiper = this;
+ bindModuleMethods(swiper, {
+ thumbs: _extends({
+ swiper: null,
+ initialized: false
+ }, Thumbs)
+ });
+ },
+ on: {
+ beforeInit: function beforeInit(swiper) {
+ var thumbs = swiper.params.thumbs;
+ if (!thumbs || !thumbs.swiper) return;
+ swiper.thumbs.init();
+ swiper.thumbs.update(true);
+ },
+ slideChange: function slideChange(swiper) {
+ if (!swiper.thumbs.swiper) return;
+ swiper.thumbs.update();
+ },
+ update: function update(swiper) {
+ if (!swiper.thumbs.swiper) return;
+ swiper.thumbs.update();
+ },
+ resize: function resize(swiper) {
+ if (!swiper.thumbs.swiper) return;
+ swiper.thumbs.update();
+ },
+ observerUpdate: function observerUpdate(swiper) {
+ if (!swiper.thumbs.swiper) return;
+ swiper.thumbs.update();
+ },
+ setTransition: function setTransition(swiper, duration) {
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) return;
+ thumbsSwiper.setTransition(duration);
+ },
+ beforeDestroy: function beforeDestroy(swiper) {
+ var thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper) return;
+
+ if (swiper.thumbs.swiperCreated && thumbsSwiper) {
+ thumbsSwiper.destroy();
+ }
+ }
+ }
+ };
+
+ // Swiper Class
+ var components = [Virtual$1, Keyboard$1, Mousewheel$1, Navigation$1, Pagination$1, Scrollbar$1, Parallax$1, Zoom$1, Lazy$1, Controller$1, A11y$1, History$1, HashNavigation$1, Autoplay$1, EffectFade, EffectCube, EffectFlip, EffectCoverflow, Thumbs$1];
+ Swiper.use(components);
+
+ return Swiper;
+
+})));
+//# sourceMappingURL=swiper-bundle.js.map
diff --git a/force-app/main/default/staticresources/RSIUC_ImageUpload/SwiperJS/swiper-bundle.min.css b/force-app/main/default/staticresources/RSIUC_ImageUpload/SwiperJS/swiper-bundle.min.css
new file mode 100644
index 0000000..adeeccc
--- /dev/null
+++ b/force-app/main/default/staticresources/RSIUC_ImageUpload/SwiperJS/swiper-bundle.min.css
@@ -0,0 +1,554 @@
+@font-face {
+ font-family: swiper-icons;
+ src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
+ font-weight: 400;
+ font-style: normal;
+}
+
+:root {
+ --swiper-theme-color: #007aff;
+}
+
+.swiper-container {
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ overflow: hidden;
+ list-style: none;
+ padding: 0;
+ z-index: 1;
+}
+
+.swiper-container-vertical > .swiper-wrapper {
+ flex-direction: column;
+}
+
+.swiper-wrapper {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ display: flex;
+ transition-property: transform;
+ box-sizing: content-box;
+}
+
+.swiper-container-android .swiper-slide, .swiper-wrapper {
+ transform: translate3d(0px,0,0);
+}
+
+.swiper-container-multirow > .swiper-wrapper {
+ flex-wrap: wrap;
+}
+
+.swiper-container-multirow-column > .swiper-wrapper {
+ flex-wrap: wrap;
+ flex-direction: column;
+}
+
+.swiper-container-free-mode > .swiper-wrapper {
+ transition-timing-function: ease-out;
+ margin: 0 auto;
+}
+
+.swiper-slide {
+ flex-shrink: 0;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ transition-property: transform;
+}
+
+.swiper-slide-invisible-blank {
+ visibility: hidden;
+}
+
+.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
+ height: auto;
+}
+
+.swiper-container-autoheight .swiper-wrapper {
+ align-items: flex-start;
+ transition-property: transform, height;
+}
+
+.swiper-container-3d {
+ perspective: 1200px;
+}
+
+.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
+ transform-style: preserve-3d;
+}
+
+.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ z-index: 10;
+}
+
+.swiper-container-3d .swiper-slide-shadow-left {
+ background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
+}
+
+.swiper-container-3d .swiper-slide-shadow-right {
+ background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
+}
+
+.swiper-container-3d .swiper-slide-shadow-top {
+ background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
+}
+
+.swiper-container-3d .swiper-slide-shadow-bottom {
+ background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
+}
+
+.swiper-container-css-mode > .swiper-wrapper {
+ overflow: auto;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+}
+
+.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
+ display: none;
+}
+
+.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
+ scroll-snap-align: start start;
+}
+
+.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
+ scroll-snap-type: x mandatory;
+}
+
+.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
+ scroll-snap-type: y mandatory;
+}
+
+:root {
+ --swiper-navigation-size: 44px;
+}
+
+.swiper-button-next, .swiper-button-prev {
+ position: absolute;
+ top: 50%;
+ width: calc(var(--swiper-navigation-size)/ 44 * 27);
+ height: var(--swiper-navigation-size);
+ margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
+ z-index: 10;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--swiper-navigation-color,var(--swiper-theme-color));
+}
+
+.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
+ opacity: .35;
+ cursor: auto;
+ pointer-events: none;
+}
+
+.swiper-button-next:after, .swiper-button-prev:after {
+ font-family: swiper-icons;
+ font-size: var(--swiper-navigation-size);
+ text-transform: none !important;
+ letter-spacing: 0;
+ text-transform: none;
+ font-variant: initial;
+ line-height: 1;
+}
+
+.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
+ left: 10px;
+ right: auto;
+}
+
+.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
+ content: 'prev';
+}
+
+.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
+ right: 10px;
+ left: auto;
+}
+
+.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
+ content: 'next';
+}
+
+.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
+ --swiper-navigation-color: #ffffff;
+}
+
+.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
+ --swiper-navigation-color: #000000;
+}
+
+.swiper-button-lock {
+ display: none;
+}
+
+.swiper-pagination {
+ position: absolute;
+ text-align: center;
+ transition: .3s opacity;
+ transform: translate3d(0,0,0);
+ z-index: 10;
+}
+
+.swiper-pagination.swiper-pagination-hidden {
+ opacity: 0;
+}
+
+.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
+ bottom: 10px;
+ left: 0;
+ width: 100%;
+}
+
+.swiper-pagination-bullets-dynamic {
+ overflow: hidden;
+ font-size: 0;
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+ transform: scale(.33);
+ position: relative;
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+ transform: scale(1);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+ transform: scale(1);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+ transform: scale(.66);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+ transform: scale(.33);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+ transform: scale(.66);
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+ transform: scale(.33);
+}
+
+.swiper-pagination-bullet {
+ width: 8px;
+ height: 8px;
+ display: inline-block;
+ border-radius: 100%;
+ background: #000;
+ opacity: .2;
+}
+
+button.swiper-pagination-bullet {
+ border: none;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor: pointer;
+}
+
+.swiper-pagination-bullet-active {
+ opacity: 1;
+ background: var(--swiper-pagination-color,var(--swiper-theme-color));
+}
+
+.swiper-container-vertical > .swiper-pagination-bullets {
+ right: 10px;
+ top: 50%;
+ transform: translate3d(0px,-50%,0);
+}
+
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+ margin: 6px 0;
+ display: block;
+}
+
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+ top: 50%;
+ transform: translateY(-50%);
+ width: 8px;
+}
+
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+ display: inline-block;
+ transition: .2s transform, .2s top;
+}
+
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+ margin: 0 4px;
+}
+
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+ left: 50%;
+ transform: translateX(-50%);
+ white-space: nowrap;
+}
+
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+ transition: .2s transform, .2s left;
+}
+
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+ transition: .2s transform, .2s right;
+}
+
+.swiper-pagination-progressbar {
+ background: rgba(0,0,0,.25);
+ position: absolute;
+}
+
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+ background: var(--swiper-pagination-color,var(--swiper-theme-color));
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ transform: scale(0);
+ transform-origin: left top;
+}
+
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+ transform-origin: right top;
+}
+
+.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+ width: 100%;
+ height: 4px;
+ left: 0;
+ top: 0;
+}
+
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
+ width: 4px;
+ height: 100%;
+ left: 0;
+ top: 0;
+}
+
+.swiper-pagination-white {
+ --swiper-pagination-color: #ffffff;
+}
+
+.swiper-pagination-black {
+ --swiper-pagination-color: #000000;
+}
+
+.swiper-pagination-lock {
+ display: none;
+}
+
+.swiper-scrollbar {
+ border-radius: 10px;
+ position: relative;
+ -ms-touch-action: none;
+ background: rgba(0,0,0,.1);
+}
+
+.swiper-container-horizontal > .swiper-scrollbar {
+ position: absolute;
+ left: 1%;
+ bottom: 3px;
+ z-index: 50;
+ height: 5px;
+ width: 98%;
+}
+
+.swiper-container-vertical > .swiper-scrollbar {
+ position: absolute;
+ right: 3px;
+ top: 1%;
+ z-index: 50;
+ width: 5px;
+ height: 98%;
+}
+
+.swiper-scrollbar-drag {
+ height: 100%;
+ width: 100%;
+ position: relative;
+ background: rgba(0,0,0,.5);
+ border-radius: 10px;
+ left: 0;
+ top: 0;
+}
+
+.swiper-scrollbar-cursor-drag {
+ cursor: move;
+}
+
+.swiper-scrollbar-lock {
+ display: none;
+}
+
+.swiper-zoom-container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+
+.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: contain;
+}
+
+.swiper-slide-zoomed {
+ cursor: move;
+}
+
+.swiper-lazy-preloader {
+ width: 42px;
+ height: 42px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-left: -21px;
+ margin-top: -21px;
+ z-index: 10;
+ transform-origin: 50%;
+ animation: swiper-preloader-spin 1s infinite linear;
+ box-sizing: border-box;
+ border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
+ border-radius: 50%;
+ border-top-color: transparent;
+}
+
+.swiper-lazy-preloader-white {
+ --swiper-preloader-color: #fff;
+}
+
+.swiper-lazy-preloader-black {
+ --swiper-preloader-color: #000;
+}
+
+@keyframes swiper-preloader-spin {
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.swiper-container .swiper-notification {
+ position: absolute;
+ left: 0;
+ top: 0;
+ pointer-events: none;
+ opacity: 0;
+ z-index: -1000;
+}
+
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+ transition-timing-function: ease-out;
+}
+
+.swiper-container-fade .swiper-slide {
+ pointer-events: none;
+ transition-property: opacity;
+}
+
+.swiper-container-fade .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+
+.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+
+.swiper-container-cube {
+ overflow: visible;
+}
+
+.swiper-container-cube .swiper-slide {
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+ visibility: hidden;
+ transform-origin: 0 0;
+ width: 100%;
+ height: 100%;
+}
+
+.swiper-container-cube .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+ transform-origin: 100% 0;
+}
+
+.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+
+.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
+ pointer-events: auto;
+ visibility: visible;
+}
+
+.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.swiper-container-cube .swiper-cube-shadow {
+ position: absolute;
+ left: 0;
+ bottom: 0px;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: .6;
+ -webkit-filter: blur(50px);
+ filter: blur(50px);
+ z-index: 0;
+}
+
+.swiper-container-flip {
+ overflow: visible;
+}
+
+.swiper-container-flip .swiper-slide {
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+}
+
+.swiper-container-flip .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+
+.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+
+.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
\ No newline at end of file
diff --git a/force-app/main/default/staticresources/RSIUC_ImageUpload/SwiperJS/swiper-bundle.min.js b/force-app/main/default/staticresources/RSIUC_ImageUpload/SwiperJS/swiper-bundle.min.js
new file mode 100644
index 0000000..a505b54
--- /dev/null
+++ b/force-app/main/default/staticresources/RSIUC_ImageUpload/SwiperJS/swiper-bundle.min.js
@@ -0,0 +1,14 @@
+/**
+ * Swiper 6.1.1
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * http://swiperjs.com
+ *
+ * Copyright 2014-2020 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: July 31, 2020
+ */
+
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Swiper=t()}(this,(function(){"use strict";function e(e,t){for(var i=0;i