/* underscore in name -> watch for changes */ const paramsList = ['eventsPrefix', 'injectStyles', 'injectStylesUrls', 'modules', 'init', '_direction', 'oneWayMovement', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', 'breakpointsBase', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_loop', 'loopAdditionalSlides', 'loopAddBlankSlides', 'loopPreventsSliding', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideActiveClass', 'slideVisibleClass', 'slideFullyVisibleClass', 'slideNextClass', 'slidePrevClass', 'slideBlankClass', 'wrapperClass', 'lazyPreloaderClass', 'lazyPreloadPrevNext', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren', // modules 'a11y', '_autoplay', '_controller', 'coverflowEffect', 'cubeEffect', 'fadeEffect', 'flipEffect', 'creativeEffect', 'cardsEffect', 'hashNavigation', 'history', 'keyboard', 'mousewheel', '_navigation', '_pagination', 'parallax', '_scrollbar', '_thumbs', 'virtual', 'zoom', 'control']; function isObject(o) { return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object' && !o.__swiper__; } function extend(target, src) { const noExtend = ['__proto__', 'constructor', 'prototype']; Object.keys(src).filter(key => noExtend.indexOf(key) < 0).forEach(key => { if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) { if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]); } else { target[key] = src[key]; } }); } function needsNavigation(params) { if (params === void 0) { params = {}; } return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined'; } function needsPagination(params) { if (params === void 0) { params = {}; } return params.pagination && typeof params.pagination.el === 'undefined'; } function needsScrollbar(params) { if (params === void 0) { params = {}; } return params.scrollbar && typeof params.scrollbar.el === 'undefined'; } function uniqueClasses(classNames) { if (classNames === void 0) { classNames = ''; } const classes = classNames.split(' ').map(c => c.trim()).filter(c => !!c); const unique = []; classes.forEach(c => { if (unique.indexOf(c) < 0) unique.push(c); }); return unique.join(' '); } function attrToProp(attrName) { if (attrName === void 0) { attrName = ''; } return attrName.replace(/-[a-z]/g, l => l.toUpperCase().replace('-', '')); } function wrapperClass(className) { if (className === void 0) { className = ''; } if (!className) return 'swiper-wrapper'; if (!className.includes('swiper-wrapper')) return `swiper-wrapper ${className}`; return className; } function updateSwiper(_ref) { let { swiper, slides, passedParams, changedParams, nextEl, prevEl, scrollbarEl, paginationEl } = _ref; const updateParams = changedParams.filter(key => key !== 'children' && key !== 'direction' && key !== 'wrapperClass'); const { params: currentParams, pagination, navigation, scrollbar, virtual, thumbs } = swiper; let needThumbsInit; let needControllerInit; let needPaginationInit; let needScrollbarInit; let needNavigationInit; let loopNeedDestroy; let loopNeedEnable; let loopNeedReloop; if (changedParams.includes('thumbs') && passedParams.thumbs && passedParams.thumbs.swiper && currentParams.thumbs && !currentParams.thumbs.swiper) { needThumbsInit = true; } if (changedParams.includes('controller') && passedParams.controller && passedParams.controller.control && currentParams.controller && !currentParams.controller.control) { needControllerInit = true; } if (changedParams.includes('pagination') && passedParams.pagination && (passedParams.pagination.el || paginationEl) && (currentParams.pagination || currentParams.pagination === false) && pagination && !pagination.el) { needPaginationInit = true; } if (changedParams.includes('scrollbar') && passedParams.scrollbar && (passedParams.scrollbar.el || scrollbarEl) && (currentParams.scrollbar || currentParams.scrollbar === false) && scrollbar && !scrollbar.el) { needScrollbarInit = true; } if (changedParams.includes('navigation') && passedParams.navigation && (passedParams.navigation.prevEl || prevEl) && (passedParams.navigation.nextEl || nextEl) && (currentParams.navigation || currentParams.navigation === false) && navigation && !navigation.prevEl && !navigation.nextEl) { needNavigationInit = true; } const destroyModule = mod => { if (!swiper[mod]) return; swiper[mod].destroy(); if (mod === 'navigation') { if (swiper.isElement) { swiper[mod].prevEl.remove(); swiper[mod].nextEl.remove(); } currentParams[mod].prevEl = undefined; currentParams[mod].nextEl = undefined; swiper[mod].prevEl = undefined; swiper[mod].nextEl = undefined; } else { if (swiper.isElement) { swiper[mod].el.remove(); } currentParams[mod].el = undefined; swiper[mod].el = undefined; } }; if (changedParams.includes('loop') && swiper.isElement) { if (currentParams.loop && !passedParams.loop) { loopNeedDestroy = true; } else if (!currentParams.loop && passedParams.loop) { loopNeedEnable = true; } else { loopNeedReloop = true; } } updateParams.forEach(key => { if (isObject(currentParams[key]) && isObject(passedParams[key])) { Object.assign(currentParams[key], passedParams[key]); if ((key === 'navigation' || key === 'pagination' || key === 'scrollbar') && 'enabled' in passedParams[key] && !passedParams[key].enabled) { destroyModule(key); } } else { const newValue = passedParams[key]; if ((newValue === true || newValue === false) && (key === 'navigation' || key === 'pagination' || key === 'scrollbar')) { if (newValue === false) { destroyModule(key); } } else { currentParams[key] = passedParams[key]; } } }); if (updateParams.includes('controller') && !needControllerInit && swiper.controller && swiper.controller.control && currentParams.controller && currentParams.controller.control) { swiper.controller.control = currentParams.controller.control; } if (changedParams.includes('children') && slides && virtual && currentParams.virtual.enabled) { virtual.slides = slides; virtual.update(true); } else if (changedParams.includes('virtual') && virtual && currentParams.virtual.enabled) { if (slides) virtual.slides = slides; virtual.update(true); } if (changedParams.includes('children') && slides && currentParams.loop) { loopNeedReloop = true; } if (needThumbsInit) { const initialized = thumbs.init(); if (initialized) thumbs.update(true); } if (needControllerInit) { swiper.controller.control = currentParams.controller.control; } if (needPaginationInit) { if (swiper.isElement && (!paginationEl || typeof paginationEl === 'string')) { paginationEl = document.createElement('div'); paginationEl.classList.add('swiper-pagination'); paginationEl.part.add('pagination'); swiper.el.appendChild(paginationEl); } if (paginationEl) currentParams.pagination.el = paginationEl; pagination.init(); pagination.render(); pagination.update(); } if (needScrollbarInit) { if (swiper.isElement && (!scrollbarEl || typeof scrollbarEl === 'string')) { scrollbarEl = document.createElement('div'); scrollbarEl.classList.add('swiper-scrollbar'); scrollbarEl.part.add('scrollbar'); swiper.el.appendChild(scrollbarEl); } if (scrollbarEl) currentParams.scrollbar.el = scrollbarEl; scrollbar.init(); scrollbar.updateSize(); scrollbar.setTranslate(); } if (needNavigationInit) { if (swiper.isElement) { if (!nextEl || typeof nextEl === 'string') { nextEl = document.createElement('div'); nextEl.classList.add('swiper-button-next'); nextEl.innerHTML = swiper.hostEl.constructor.nextButtonSvg; nextEl.part.add('button-next'); swiper.el.appendChild(nextEl); } if (!prevEl || typeof prevEl === 'string') { prevEl = document.createElement('div'); prevEl.classList.add('swiper-button-prev'); prevEl.innerHTML = swiper.hostEl.constructor.prevButtonSvg; prevEl.part.add('button-prev'); swiper.el.appendChild(prevEl); } } if (nextEl) currentParams.navigation.nextEl = nextEl; if (prevEl) currentParams.navigation.prevEl = prevEl; navigation.init(); navigation.update(); } if (changedParams.includes('allowSlideNext')) { swiper.allowSlideNext = passedParams.allowSlideNext; } if (changedParams.includes('allowSlidePrev')) { swiper.allowSlidePrev = passedParams.allowSlidePrev; } if (changedParams.includes('direction')) { swiper.changeDirection(passedParams.direction, false); } if (loopNeedDestroy || loopNeedReloop) { swiper.loopDestroy(); } if (loopNeedEnable || loopNeedReloop) { swiper.loopCreate(); } swiper.update(); } export { needsPagination as a, needsScrollbar as b, attrToProp as c, uniqueClasses as d, extend as e, isObject as i, needsNavigation as n, paramsList as p, updateSwiper as u, wrapperClass as w };