123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- import { a as getWindow } from '../shared/ssr-window.esm.mjs';
- function History(_ref) {
- let {
- swiper,
- extendParams,
- on
- } = _ref;
- extendParams({
- history: {
- enabled: false,
- root: '',
- replaceState: false,
- key: 'slides',
- keepQuery: false
- }
- });
- let initialized = false;
- let paths = {};
- const slugify = text => {
- return text.toString().replace(/\s+/g, '-').replace(/[^\w-]+/g, '').replace(/--+/g, '-').replace(/^-+/, '').replace(/-+$/, '');
- };
- const getPathValues = urlOverride => {
- const window = getWindow();
- let location;
- if (urlOverride) {
- location = new URL(urlOverride);
- } else {
- location = window.location;
- }
- const pathArray = location.pathname.slice(1).split('/').filter(part => part !== '');
- const total = pathArray.length;
- const key = pathArray[total - 2];
- const value = pathArray[total - 1];
- return {
- key,
- value
- };
- };
- const setHistory = (key, index) => {
- const window = getWindow();
- if (!initialized || !swiper.params.history.enabled) return;
- let location;
- if (swiper.params.url) {
- location = new URL(swiper.params.url);
- } else {
- location = window.location;
- }
- const slide = swiper.virtual && swiper.params.virtual.enabled ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${index}"]`) : swiper.slides[index];
- let value = slugify(slide.getAttribute('data-history'));
- if (swiper.params.history.root.length > 0) {
- let root = swiper.params.history.root;
- if (root[root.length - 1] === '/') root = root.slice(0, root.length - 1);
- value = `${root}/${key ? `${key}/` : ''}${value}`;
- } else if (!location.pathname.includes(key)) {
- value = `${key ? `${key}/` : ''}${value}`;
- }
- if (swiper.params.history.keepQuery) {
- value += location.search;
- }
- const currentState = window.history.state;
- if (currentState && currentState.value === value) {
- return;
- }
- if (swiper.params.history.replaceState) {
- window.history.replaceState({
- value
- }, null, value);
- } else {
- window.history.pushState({
- value
- }, null, value);
- }
- };
- const scrollToSlide = (speed, value, runCallbacks) => {
- if (value) {
- for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
- const slide = swiper.slides[i];
- const slideHistory = slugify(slide.getAttribute('data-history'));
- if (slideHistory === value) {
- const index = swiper.getSlideIndex(slide);
- swiper.slideTo(index, speed, runCallbacks);
- }
- }
- } else {
- swiper.slideTo(0, speed, runCallbacks);
- }
- };
- const setHistoryPopState = () => {
- paths = getPathValues(swiper.params.url);
- scrollToSlide(swiper.params.speed, paths.value, false);
- };
- const init = () => {
- const window = getWindow();
- if (!swiper.params.history) return;
- if (!window.history || !window.history.pushState) {
- swiper.params.history.enabled = false;
- swiper.params.hashNavigation.enabled = true;
- return;
- }
- initialized = true;
- paths = getPathValues(swiper.params.url);
- if (!paths.key && !paths.value) {
- if (!swiper.params.history.replaceState) {
- window.addEventListener('popstate', setHistoryPopState);
- }
- return;
- }
- scrollToSlide(0, paths.value, swiper.params.runCallbacksOnInit);
- if (!swiper.params.history.replaceState) {
- window.addEventListener('popstate', setHistoryPopState);
- }
- };
- const destroy = () => {
- const window = getWindow();
- if (!swiper.params.history.replaceState) {
- window.removeEventListener('popstate', setHistoryPopState);
- }
- };
- on('init', () => {
- if (swiper.params.history.enabled) {
- init();
- }
- });
- on('destroy', () => {
- if (swiper.params.history.enabled) {
- destroy();
- }
- });
- on('transitionEnd _freeModeNoMomentumRelease', () => {
- if (initialized) {
- setHistory(swiper.params.history.key, swiper.activeIndex);
- }
- });
- on('slideChange', () => {
- if (initialized && swiper.params.cssMode) {
- setHistory(swiper.params.history.key, swiper.activeIndex);
- }
- });
- }
- export { History as default };
|