https://www.cinecitta.de/_assets/f287dc0b95d50ea5d28caa210aac75e9/…/Vendor/_swiperjs/modules/effect-fade.mjs

1import { e as effectInit } from '../shared/effect-init.mjs';
2import { e as effectTarget } from '../shared/effect-target.mjs';
3import { e as effectVirtualTransitionEnd } from '../shared/effect-virtual-transition-end.mjs';
4import { g as getSlideTransformEl } from '../shared/utils.mjs';
5
6function EffectFade(_ref) {
7  let {
8    swiper,
9    extendParams,
10    on
11  } = _ref;
12  extendParams({
13    fadeEffect: {
14      crossFade: false
15    }
16  });
17  const setTranslate = () => {
18    const {
19      slides
20    } = swiper;
21    const params = swiper.params.fadeEffect;
22    for (let i = 0; i < slides.length; i += 1) {
23      const slideEl = swiper.slides[i];
24      const offset = slideEl.swiperSlideOffset;
25      let tx = -offset;
26      if (!swiper.params.virtualTranslate) tx -= swiper.translate;
27      let ty = 0;
28      if (!swiper.isHorizontal()) {
29        ty = tx;
30        tx = 0;
31      }
32      const slideOpacity = swiper.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(slideEl.progress), 0) : 1 + Math.min(Math.max(slideEl.progress, -1), 0);
33      const targetEl = effectTarget(params, slideEl);
34      targetEl.style.opacity = slideOpacity;
35      targetEl.style.transform = `translate3d(${tx}px, ${ty}px, 0px)`;
36    }
37  };
38  const setTransition = duration => {
39    const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
40    transformElements.forEach(el => {
41      el.style.transitionDuration = `${duration}ms`;
42    });
43    effectVirtualTransitionEnd({
44      swiper,
45      duration,
46      transformElements,
47      allSlides: true
48    });
49  };
50  effectInit({
51    effect: 'fade',
52    swiper,
53    on,
54    setTranslate,
55    setTransition,
56    overwriteParams: () => ({
57      slidesPerView: 1,
58      slidesPerGroup: 1,
59      watchSlidesProgress: true,
60      spaceBetween: 0,
61      virtualTranslate: !swiper.params.cssMode
62    })
63  });
64}
65
66export { EffectFade as default };