fslightbox 3.3.2 → 3.3.3

package/components/sources/proper-sources/renderInvalid.js

@@ -1,19 +0,0 @@
-import { FADE_IN_STRONG_CLASS_NAME, FLEX_CENTERED_CLASS_NAME, PREFIX } from "../../../constants/classes-names";
-
-export function renderInvalid(
-    {
-        elements: { sources: sourcesElements, sourceAnimationWrappers, sourceMainWrappers },
-        props: { sources }
-    }, i
-) {
-    sourcesElements[i] = document.createElement('div');
-    sourcesElements[i].className = `${PREFIX}invalid-file-wrapper ${FLEX_CENTERED_CLASS_NAME}`;
-    sourcesElements[i].innerHTML = 'Invalid source';
-
-    sourceAnimationWrappers[i].classList.add(FADE_IN_STRONG_CLASS_NAME);
-
-    sourceAnimationWrappers[i].appendChild(sourcesElements[i]);
-
-    // remove loader
-    sourceMainWrappers[i].removeChild(sourceMainWrappers[i].firstChild);
-}

package/components/sources/proper-sources/renderVideo.js

@@ -1,31 +0,0 @@
-import { SOURCE_CLASS_NAME } from "../../../constants/classes-names";
-import { setUpSourceClassName } from "../../../helpers/source/setUpSourceClassName";
-import { setUpSourceCustomAttributes } from "../../../helpers/source/setUpSourceCustomAttributes";
-
-export function renderVideo(fsLightbox, i) {
-    const {
-        collections: { sourceLoadHandlers },
-        elements: { sources: sourcesElements, sourceAnimationWrappers },
-        props: { sources, videosPosters }
-    } = fsLightbox;
-
-    sourcesElements[i] = document.createElement('video');
-    setUpSourceClassName(fsLightbox, i, SOURCE_CLASS_NAME)
-    sourcesElements[i].src = sources[i];
-    sourcesElements[i].onloadedmetadata = (e) => {
-        sourceLoadHandlers[i].handleVideoLoad(e);
-    };
-    sourcesElements[i].controls = true;
-    setUpSourceCustomAttributes(fsLightbox, i);
-    if (videosPosters[i]) {
-        sourcesElements[i].poster = videosPosters[i];
-    }
-
-    const source = document.createElement('source');
-    source.src = sources[i];
-    sourcesElements[i].appendChild(source);
-
-    setTimeout(sourceLoadHandlers[i].handleNotMetaDatedVideoLoad, 3000);
-
-    sourceAnimationWrappers[i].appendChild(sourcesElements[i]);
-}

package/components/sources/proper-sources/renderYoutube.js

@@ -1,26 +0,0 @@
-import { PREFIX, SOURCE_CLASS_NAME } from "../../../constants/classes-names";
-import { setUpSourceClassName } from "../../../helpers/source/setUpSourceClassName";
-import { setUpSourceCustomAttributes } from "../../../helpers/source/setUpSourceCustomAttributes";
-
-export function renderYoutube(fsLightbox, i) {
-    const {
-        collections: { sourceLoadHandlers },
-        elements: { sources: sourcesElements, sourceAnimationWrappers },
-        props: { sources }
-    } = fsLightbox;
-
-    sourcesElements[i] = document.createElement("iframe");
-    setUpSourceClassName(fsLightbox, i, `${SOURCE_CLASS_NAME} ${PREFIX}youtube-iframe`);
-    var url = sources[i];
-    var p = url.split("?")[1];
-    sourcesElements[i].src = `https://www.youtube.com/embed/${getYoutubeVideoIdFromUrl()}?${p ? p : ""}`;
-    sourcesElements[i].allowFullscreen = true;
-    setUpSourceCustomAttributes(fsLightbox, i);
-    sourceAnimationWrappers[i].appendChild(sourcesElements[i]);
-    sourceLoadHandlers[i].handleYoutubeLoad();
-
-    function getYoutubeVideoIdFromUrl() {
-        const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
-        return url.match(regExp)[2];
-    }
-}

package/components/sources/renderSourceAnimationWrapper.js

@@ -1,4 +0,0 @@
-export function renderSourceAnimationWrapper({ elements: { sourceMainWrappers, sourceAnimationWrappers } }, i) {
-    sourceAnimationWrappers[i] = document.createElement('div');
-    sourceMainWrappers[i].appendChild(sourceAnimationWrappers[i]);
-}

package/components/sources/renderSourceMainWrapper.js

@@ -1,32 +0,0 @@
-import {
-    ABSOLUTED_CLASS_NAME,
-    FLEX_CENTERED_CLASS_NAME,
-    FULL_DIMENSION_CLASS_NAME,
-} from "../../constants/classes-names";
-import { renderSourceAnimationWrapper } from "./renderSourceAnimationWrapper";
-
-export function renderSourceMainWrapper(fsLightbox, i) {
-    const {
-        componentsServices: { hideSourceLoaderIfNotYetCollection },
-        elements: { sourceWrappersContainer, sourceMainWrappers }
-    } = fsLightbox;
-
-    sourceMainWrappers[i] = document.createElement('div');
-    sourceMainWrappers[i].className = `${ABSOLUTED_CLASS_NAME} ${FULL_DIMENSION_CLASS_NAME} ${FLEX_CENTERED_CLASS_NAME}`;
-
-    sourceMainWrappers[i].innerHTML = '<div class="fslightbox-loader"><div></div><div></div><div></div><div></div></div>';
-    const loader = sourceMainWrappers[i].firstChild;
-    hideSourceLoaderIfNotYetCollection[i] = () => {
-        if (sourceMainWrappers[i].contains(loader)) {
-            sourceMainWrappers[i].removeChild(loader);
-        }
-    };
-
-    if (process.env.NODE_ENV === 'development') {
-        sourceMainWrappers[i].setAttribute('data-test-class', 'source-main-wrapper');
-    }
-
-    sourceWrappersContainer.appendChild(sourceMainWrappers[i]);
-
-    renderSourceAnimationWrapper(fsLightbox, i);
-}

package/components/sources/renderSourceWrappersContainer.js

@@ -1,22 +0,0 @@
-import { renderSourceMainWrapper } from "./renderSourceMainWrapper";
-import { ABSOLUTED_CLASS_NAME, FULL_DIMENSION_CLASS_NAME } from "../../constants/classes-names";
-
-export function renderSourceWrappersContainer(fsLightbox) {
-    const { core: { sourcesPointerDown }, elements, props: { sources } } = fsLightbox;
-
-    const sourceWrappersContainer = document.createElement('div');
-    sourceWrappersContainer.className = `${ABSOLUTED_CLASS_NAME} ${FULL_DIMENSION_CLASS_NAME}`;
-    elements.container.appendChild(sourceWrappersContainer);
-
-    sourceWrappersContainer.addEventListener('pointerdown', sourcesPointerDown.listener);
-
-    if (process.env.NODE_ENV === 'development') {
-        sourceWrappersContainer.setAttribute('data-test-id', 'source-wrappers-container');
-    }
-
-    elements.sourceWrappersContainer = sourceWrappersContainer;
-
-    for (let i = 0; i < sources.length; i++) {
-        renderSourceMainWrapper(fsLightbox, i);
-    }
-}

package/constants/classes-names.js

@@ -1,27 +0,0 @@
-export const PREFIX = 'fslightbox-';
-
-// single classes names
-export const FSLIGHTBOX_STYLES = `${PREFIX}styles`;
-export const CURSOR_GRABBING_CLASS_NAME = `${PREFIX}cursor-grabbing`;
-export const FULL_DIMENSION_CLASS_NAME = `${PREFIX}full-dimension`;
-export const FLEX_CENTERED_CLASS_NAME = `${PREFIX}flex-centered`;
-export const OPEN_CLASS_NAME = `${PREFIX}open`;
-export const TRANSFORM_TRANSITION_CLASS_NAME = `${PREFIX}transform-transition`;
-export const ABSOLUTED_CLASS_NAME = `${PREFIX}absoluted`;
-
-// slide buttons
-export const SLIDE_BTN = `${PREFIX}slide-btn`;
-export const SLIDE_BTN_CONTAINER = `${SLIDE_BTN}-container`;
-
-// animations
-export const FADE_IN_CLASS_NAME = `${PREFIX}fade-in`;
-export const FADE_OUT_CLASS_NAME = `${PREFIX}fade-out`;
-export const FADE_IN_STRONG_CLASS_NAME = FADE_IN_CLASS_NAME + '-strong';
-export const FADE_OUT_STRONG_CLASS_NAME = FADE_OUT_CLASS_NAME + '-strong';
-
-// opacity
-const opacityBaseClassName = `${PREFIX}opacity-`;
-export const OPACITY_1_CLASS_NAME = `${opacityBaseClassName}1`;
-
-// sources
-export const SOURCE_CLASS_NAME = `${PREFIX}source`;

package/constants/core-constants.js

@@ -1,6 +0,0 @@
-// sources types
-export const IMAGE_TYPE = 'image';
-export const VIDEO_TYPE = 'video';
-export const YOUTUBE_TYPE = 'youtube';
-export const CUSTOM_TYPE = 'custom';
-export const INVALID_TYPE = 'invalid';

package/constants/css-constants.js

@@ -1 +0,0 @@
-export const ANIMATION_TIME = 300;

package/constants/dom-constants.js

@@ -1 +0,0 @@
-export const FSLIGHTBOX_STYLES_ID = 'fslightbox-styles';

package/constants/elements.js

@@ -1,3 +0,0 @@
-const sourcesBaseName = 'source';
-export const SOURCE_MAIN_WRAPPERS = sourcesBaseName + 'MainWrappers';
-export const SOURCE_ANIMATION_WRAPPERS = sourcesBaseName + 'AnimationWrappers';

package/constants/local-storage-constants.js

@@ -1,2 +0,0 @@
-export const SOURCES_TYPES_KEY = 'fslightbox-types';
-export const SCROLLBAR_WIDTH_KEY = 'fslightbox-scrollbar-width';

package/core/collections/fillSourcesOutersTransformersCollection.js

@@ -1,13 +0,0 @@
-import { SourceMainWrapperTransformer } from "../transforms/SourceMainWrapperTransformer";
-
-export function fillSourcesOutersTransformersCollection(
-    {
-        collections: { sourceMainWrappersTransformers },
-        props: { sources },
-        resolve
-    }
-) {
-    for (let i = 0; i < sources.length; i++) {
-        sourceMainWrappersTransformers[i] = resolve(SourceMainWrapperTransformer, [i]);
-    }
-}

package/core/elements/setUpClassFacade.js

@@ -1,9 +0,0 @@
-import { removeFromElementClassIfContains } from "../../helpers/elements/removeFromElementClassIfContains";
-
-export function setUpClassFacade({ core: { classFacade: self }, elements }) {
-    self.removeFromEachElementClassIfContains = (elementsArrayName, className) => {
-        for (let i = 0; i < elements[elementsArrayName].length; i++) {
-            removeFromElementClassIfContains(elements[elementsArrayName][i], className);
-        }
-    }
-}

package/core/events/setUpEventsDispatcher.js

@@ -1,7 +0,0 @@
-export function setUpEventsDispatcher({ core: { eventsDispatcher: self }, props }) {
-    self.dispatch = (eventName) => {
-        if (props[eventName]) {
-            props[eventName]();
-        }
-    };
-}

package/core/events/setUpGlobalEventsController.js

@@ -1,34 +0,0 @@
-import { KeyboardController } from "../keyboard/KeyboardController";
-import { SourcesPointerMove } from "../sources/pointering/move/SourcesPointerMove";
-import { SourcesPointerUp } from "../sources/pointering/up/SourcesPointerUp";
-
-export function setUpGlobalEventsController(
-    {
-        core: { globalEventsController: self, windowResizeActioner, },
-        resolve
-    }
-) {
-    const keyboardController = resolve(KeyboardController);
-    const sourcesPointerMove = resolve(SourcesPointerMove);
-    const sourcesPointerUp = resolve(SourcesPointerUp);
-
-    self.attachListeners = () => {
-        document.addEventListener('pointermove', sourcesPointerMove.listener);
-
-        document.addEventListener('pointerup', sourcesPointerUp.listener);
-
-        addEventListener('resize', windowResizeActioner.runActions);
-
-        document.addEventListener('keydown', keyboardController.listener);
-    };
-
-    self.removeListeners = () => {
-        document.removeEventListener('pointermove', sourcesPointerMove.listener);
-
-        document.removeEventListener('pointerup', sourcesPointerUp.listener);
-
-        removeEventListener('resize', windowResizeActioner.runActions);
-
-        document.removeEventListener('keydown', keyboardController.listener);
-    };
-}

package/core/fullscreen/setUpFullscreenToggler.js

@@ -1,30 +0,0 @@
-export function setUpFullscreenToggler({ componentsServices, core: { fullscreenToggler: self } }) {
-    self.enterFullscreen = () => {
-        componentsServices.enterFullscreen();
-
-        const documentElement = document.documentElement;
-        if (documentElement.requestFullscreen) {
-            documentElement.requestFullscreen();
-        } else if (documentElement.mozRequestFullScreen) {
-            documentElement.mozRequestFullScreen();
-        } else if (documentElement.webkitRequestFullscreen) {
-            documentElement.webkitRequestFullscreen();
-        } else if (documentElement.msRequestFullscreen) {
-            documentElement.msRequestFullscreen();
-        }
-    };
-
-    self.exitFullscreen = () => {
-        componentsServices.exitFullscreen();
-
-        if (document.exitFullscreen) {
-            document.exitFullscreen();
-        } else if (document.mozCancelFullScreen) {
-            document.mozCancelFullScreen();
-        } else if (document.webkitExitFullscreen) {
-            document.webkitExitFullscreen();
-        } else if (document.msExitFullscreen) {
-            document.msExitFullscreen();
-        }
-    }
-}

package/core/keyboard/KeyboardController.js

@@ -1,20 +0,0 @@
-export function KeyboardController({ core: { lightboxCloser, fullscreenToggler, slideChangeFacade } }) {
-    this.listener = (e) => {
-        switch (e.key) {
-            case 'Escape':
-                lightboxCloser.closeLightbox();
-                break;
-            case 'ArrowLeft':
-                slideChangeFacade.changeToPrevious();
-                break;
-            case 'ArrowRight':
-                slideChangeFacade.changeToNext();
-                break;
-            case 'F11':
-                e.preventDefault();
-                // browsers does not trigger 'keydown' event when browser is already in fullscreen
-                fullscreenToggler.enterFullscreen();
-                break;
-        }
-    };
-}

package/core/main-component/closing/LightboxCloseActioner.js

@@ -1,46 +0,0 @@
-import { FADE_OUT_STRONG_CLASS_NAME, OPEN_CLASS_NAME } from "../../../constants/classes-names";
-import { ANIMATION_TIME } from "../../../constants/css-constants";
-
-export function LightboxCloseActioner(
-    {
-        core: {
-            eventsDispatcher,
-            fullscreenToggler,
-            globalEventsController,
-            scrollbarRecompensor
-        },
-        data,
-        elements,
-        props,
-        sourcePointerProps
-    }
-) {
-    this.isLightboxFadingOut = false;
-
-    this.runActions = () => {
-        this.isLightboxFadingOut = true;
-
-        elements.container.classList.add(FADE_OUT_STRONG_CLASS_NAME);
-
-        globalEventsController.removeListeners();
-
-        if (props.exitFullscreenOnClose && data.isFullscreenOpen) {
-            fullscreenToggler.exitFullscreen();
-        }
-
-        setTimeout(() => {
-            this.isLightboxFadingOut = false;
-
-            sourcePointerProps.isPointering = false;
-
-            elements.container.classList.remove(FADE_OUT_STRONG_CLASS_NAME);
-            document.documentElement.classList.remove(OPEN_CLASS_NAME);
-
-            scrollbarRecompensor.removeRecompense();
-
-            document.body.removeChild(elements.container);
-
-            eventsDispatcher.dispatch('onClose');
-        }, ANIMATION_TIME - 30);
-    };
-}

package/core/main-component/closing/setUpLightboxCloser.js

@@ -1,11 +0,0 @@
-import { LightboxCloseActioner } from "./LightboxCloseActioner";
-
-export function setUpLightboxCloser({ core: { lightboxCloser: self }, resolve }) {
-    const lightboxCloseActioner = resolve(LightboxCloseActioner);
-
-    self.closeLightbox = () => {
-        if (!lightboxCloseActioner.isLightboxFadingOut) {
-            lightboxCloseActioner.runActions();
-        }
-    };
-}

package/core/main-component/initializing/initializeLightbox.js

@@ -1,38 +0,0 @@
-import {
-    FADE_IN_STRONG_CLASS_NAME,
-    FULL_DIMENSION_CLASS_NAME,
-    PREFIX
-} from "../../../constants/classes-names";
-import { createSources } from "../../sources/creating/createSources";
-import { renderSourceWrappersContainer } from "../../../components/sources/renderSourceWrappersContainer";
-import { renderNav } from "../../../components/nav/renderNav";
-import { fillSourcesOutersTransformersCollection } from "../../collections/fillSourcesOutersTransformersCollection";
-import { renderSlideButtons } from "../../../components/renderSlideButtons";
-import { renderSlideSwipingHoverer } from "../../../components/renderSlideSwipingHoverer";
-import { setUpCore } from "../../setUpCore";
-import { getScrollbarWidth } from "../../scrollbar/getScrollbarWidth";
-
-export function initializeLightbox(fsLightbox) {
-    const { core: { eventsDispatcher }, data, elements, props: { sources } } = fsLightbox;
-
-    data.isInitialized = true;
-    data.scrollbarWidth = getScrollbarWidth(fsLightbox);
-
-    fillSourcesOutersTransformersCollection(fsLightbox);
-
-    setUpCore(fsLightbox);
-
-    elements.container = document.createElement('div');
-    elements.container.className = `${PREFIX}container ${FULL_DIMENSION_CLASS_NAME} ${FADE_IN_STRONG_CLASS_NAME}`;
-
-    renderSlideSwipingHoverer(fsLightbox);
-    renderNav(fsLightbox);
-    renderSourceWrappersContainer(fsLightbox);
-    if (sources.length > 1) {
-        renderSlideButtons(fsLightbox);
-    }
-
-    createSources(fsLightbox);
-
-    eventsDispatcher.dispatch('onInit');
-}

package/core/main-component/opening/setUpLightboxOpener.js

@@ -1,47 +0,0 @@
-import { OPEN_CLASS_NAME } from "../../../constants/classes-names";
-import { initializeLightbox } from "../initializing/initializeLightbox";
-
-export function setUpLightboxOpener(fsLightbox) {
-    const {
-        collections: { sourceMainWrappersTransformers },
-        componentsServices,
-        core: {
-            eventsDispatcher,
-            lightboxOpener: self,
-            globalEventsController,
-            scrollbarRecompensor,
-            sourceDisplayFacade,
-            stageManager,
-            windowResizeActioner
-        },
-        data,
-        elements,
-        stageIndexes
-    } = fsLightbox;
-
-    self.open = (index = 0) => {
-        stageIndexes.current = index;
-
-        (data.isInitialized) ?
-            eventsDispatcher.dispatch('onShow') :
-            initializeLightbox(fsLightbox);
-
-        stageManager.updateStageIndexes();
-
-        sourceDisplayFacade.displaySourcesWhichShouldBeDisplayed();
-
-        componentsServices.setSlideNumber(index + 1);
-
-        document.body.appendChild(elements.container);
-        document.documentElement.classList.add(OPEN_CLASS_NAME);
-
-        scrollbarRecompensor.addRecompense();
-
-        globalEventsController.attachListeners();
-
-        windowResizeActioner.runActions();
-        sourceMainWrappersTransformers[stageIndexes.current].zero();
-
-        eventsDispatcher.dispatch('onOpen');
-    };
-}

package/core/scrollbar/getInnerElementOfWidthGetter.js

@@ -1,5 +0,0 @@
-export function getInnerElementOfWidthGetter() {
-    const inner = document.createElement('div');
-    inner.style.width = '100%';
-    return inner;
-}

package/core/scrollbar/getOuterElementOfWidthGetter.js

@@ -1,9 +0,0 @@
-export function getOuterElementOfWidthGetter() {
-    const outer = document.createElement('div');
-    const outerStyle = outer.style;
-    outerStyle.visibility = "hidden";
-    outerStyle.width = "100px";
-    outerStyle.msOverflowStyle = "scrollbar";
-    outerStyle.overflow = "scroll";
-    return outer;
-}

package/core/scrollbar/getScrollbarWidth.js

@@ -1,31 +0,0 @@
-import { getOuterElementOfWidthGetter } from "./getOuterElementOfWidthGetter";
-import { getInnerElementOfWidthGetter } from "./getInnerElementOfWidthGetter";
-import { SCROLLBAR_WIDTH_KEY } from "../../constants/local-storage-constants";
-
-export function getScrollbarWidth({ props: { disableLocalStorage } }) {
-    if (!disableLocalStorage) {
-        const localStorageScrollbarWidth = localStorage.getItem(SCROLLBAR_WIDTH_KEY);
-        if (localStorageScrollbarWidth) {
-            return localStorageScrollbarWidth;
-        }
-    }
-
-    const outer = getOuterElementOfWidthGetter();
-    const inner = getInnerElementOfWidthGetter();
-
-    document.body.appendChild(outer);
-    const widthNoScroll = outer.offsetWidth;
-
-    outer.appendChild(inner);
-    const widthWithScroll = inner.offsetWidth;
-
-    document.body.removeChild(outer);
-
-    const scrollbarWidth = widthNoScroll - widthWithScroll;
-
-    if (!disableLocalStorage) {
-        localStorage.setItem(SCROLLBAR_WIDTH_KEY, scrollbarWidth.toString());
-    }
-
-    return scrollbarWidth;
-}

package/core/scrollbar/setUpScrollbarRecompensor.js

@@ -1,20 +0,0 @@
-export function setUpScrollbarRecompensor({ data, core: { scrollbarRecompensor: self } }) {
-    self.addRecompense = () => {
-        (document.readyState === "complete") ?
-            ifBodyIsHigherThanWindowAddRecompenseToScrollbar() :
-            addEventListener('load', () => {
-                ifBodyIsHigherThanWindowAddRecompenseToScrollbar();
-                self.addRecompense = ifBodyIsHigherThanWindowAddRecompenseToScrollbar;
-            });
-    };
-
-    function ifBodyIsHigherThanWindowAddRecompenseToScrollbar() {
-        if (document.body.offsetHeight > innerHeight) {
-            document.body.style.marginRight = data.scrollbarWidth + 'px';
-        }
-    }
-
-    self.removeRecompense = () => {
-        document.body.style.removeProperty('margin-right');
-    };
-}

package/core/setUpCore.js

@@ -1,30 +0,0 @@
-import { setUpLightboxOpener } from "./main-component/opening/setUpLightboxOpener";
-import { setUpClassFacade } from "./elements/setUpClassFacade";
-import { setUpEventsDispatcher } from "./events/setUpEventsDispatcher";
-import { setUpFullscreenToggler } from "./fullscreen/setUpFullscreenToggler";
-import { setUpLightboxCloser } from "./main-component/closing/setUpLightboxCloser";
-import { setUpWindowResizeActioner } from "./sizes/setUpWindowResizeActioner";
-import { setUpScrollbarRecompensor } from "./scrollbar/setUpScrollbarRecompensor";
-import { setUpSlideIndexChanger } from "./slide/setUpSlideIndexChanger";
-import { setUpGlobalEventsController } from "./events/setUpGlobalEventsController";
-import { setUpSlideChangeFacade } from "./slide/setUpSlideChangeFacade";
-import { setUpSourceDisplayFacade } from "./sources/setUpSourceDisplayFacade";
-import { setUpStageManager } from "./stage/setUpStageManager";
-import { setUpSourcesPointerDown } from "./sources/pointering/down/setUpSourcesPointerDown";
-
-export function setUpCore(fsLightbox) {
-    setUpClassFacade(fsLightbox);
-    setUpEventsDispatcher(fsLightbox);
-    setUpFullscreenToggler(fsLightbox);
-    setUpGlobalEventsController(fsLightbox);
-    setUpLightboxCloser(fsLightbox);
-    setUpLightboxOpener(fsLightbox);
-    setUpScrollbarRecompensor(fsLightbox);
-    setUpSlideChangeFacade(fsLightbox);
-    setUpSlideIndexChanger(fsLightbox);
-    setUpSourcesPointerDown(fsLightbox);
-    setUpSourceDisplayFacade(fsLightbox);
-    setUpStageManager(fsLightbox);
-    setUpWindowResizeActioner(fsLightbox);
-}
-

package/core/sizes/setUpWindowResizeActioner.js

@@ -1,35 +0,0 @@
-import { removeFromElementClassIfContains } from "../../helpers/elements/removeFromElementClassIfContains";
-import { TRANSFORM_TRANSITION_CLASS_NAME } from "../../constants/classes-names";
-
-export function setUpWindowResizeActioner(
-    {
-        collections: { sourceMainWrappersTransformers, sourceSizers },
-        core: { windowResizeActioner: self },
-        data,
-        elements: { sourceMainWrappers },
-        props,
-        stageIndexes
-    }
-) {
-    self.runActions = () => {
-        // decreasing max source dimensions for better UX
-        (innerWidth < 992) ?
-            data.maxSourceWidth = innerWidth :
-            data.maxSourceWidth = 0.9 * innerWidth;
-        data.maxSourceHeight = 0.9 * innerHeight;
-
-        for (let i = 0; i < props.sources.length; i++) {
-            removeFromElementClassIfContains(sourceMainWrappers[i], TRANSFORM_TRANSITION_CLASS_NAME);
-
-            if (i !== stageIndexes.current) {
-                sourceMainWrappersTransformers[i].negative();
-            }
-
-            // if source is Invalid or if lightbox is initialized there are no sourceSizers
-            // so we need to check if it exists
-            if (sourceSizers[i]) {
-                sourceSizers[i].adjustSize();
-            }
-        }
-    };
-}

package/core/slide/setUpSlideChangeFacade.js

@@ -1,23 +0,0 @@
-export function setUpSlideChangeFacade(
-    {
-        core: {
-            slideChangeFacade: self,
-            slideIndexChanger,
-            stageManager
-        },
-        props: { sources }
-    }
-) {
-    if (sources.length > 1) {
-        self.changeToPrevious = () => {
-            slideIndexChanger.jumpTo(stageManager.getPreviousSlideIndex());
-        };
-
-        self.changeToNext = () => {
-            slideIndexChanger.jumpTo(stageManager.getNextSlideIndex());
-        };
-    } else {
-        self.changeToPrevious = () => {};
-        self.changeToNext = () => {};
-    }
-}