fslightbox 3.4.0 → 3.4.1

package/c/sources/SourceSizer.js

@@ -1,36 +0,0 @@
-export function SourceSizer({ data, elements: { sources } }, i, defaultWidth, defaultHeight) {
-    const ratio = defaultWidth / defaultHeight;
-    let newHeight = 0;
-
-    /**
-     * This method takes care of setting sources dimensions.
-     * Unfortunately wa cannot only set max width and max height and allow the sources to scale themselves,
-     * due tu Youtube source which dimensions needs to be set in advance.
-     * In this case we are calculating dimensions mathematically.
-     */
-    this.adjustSize = () => {
-        newHeight = data.maxSourceWidth / ratio;
-
-        // wider than higher
-        if (newHeight < data.maxSourceHeight) {
-            if (defaultWidth < data.maxSourceWidth) {
-                newHeight = defaultHeight;
-            }
-            return updateDimensions();
-        }
-
-        // higher than wider
-        if (defaultHeight > data.maxSourceHeight) {
-            newHeight = data.maxSourceHeight;
-        } else {
-            newHeight = defaultHeight;
-        }
-
-        updateDimensions();
-    };
-
-    const updateDimensions = () => {
-        sources[i].style.width = newHeight * ratio + 'px';
-        sources[i].style.height = newHeight + 'px';
-    }
-}

package/c/sources/creating/CreatingSourcesBucket.js

@@ -1,29 +0,0 @@
-import { AutomaticTypeDetector } from "../types/AutomaticTypeDetector";
-
-export function CreatingSourcesBucket(
-    {
-        props: { types, type, sources }, resolve,
-    }, localStorageManager, detectedTypeActioner
-) {
-    this.getTypeSetByClientForIndex = (i) => {
-        let typeSetManuallyByClient;
-
-        if (types && types[i]) {
-            typeSetManuallyByClient = types[i];
-        } else if (type) {
-            typeSetManuallyByClient = type;
-        }
-
-        return typeSetManuallyByClient;
-    };
-
-    this.retrieveTypeWithXhrForIndex = (i) => {
-        // we need to copy index because xhr will for sure come later than next loop iteration
-        const automaticTypeDetector = resolve(AutomaticTypeDetector);
-        automaticTypeDetector.setUrlToCheck(sources[i]);
-        automaticTypeDetector.getSourceType((sourceType) => {
-            localStorageManager.handleReceivedSourceTypeForUrl(sourceType, sources[i]);
-            detectedTypeActioner.runActionsForSourceTypeAndIndex(sourceType, i)
-        });
-    };
-}

package/c/sources/creating/CreatingSourcesLocalStorageManager.js

@@ -1,55 +0,0 @@
-import { SOURCES_TYPES_KEY } from "../../../cn/local-storage-constants";
-import { assignToObject } from "../../../h/objects/assignToObject";
-
-export function CreatingSourcesLocalStorageManager({ props }) {
-    const NEW_TYPE_SHOULD_BE_ADDED_HERE = false;
-    let decodedSourceTypes;
-    let newSourceTypesToDetect = 0;
-    const newTypes = {};
-
-    this.getSourceTypeFromLocalStorageByUrl = (url) => {
-        if (!decodedSourceTypes[url]) {
-            return addNewUrlToDetect(url);
-        }
-        return decodedSourceTypes[url];
-    };
-
-    this.handleReceivedSourceTypeForUrl = (sourceType, url) => {
-        if (newTypes[url] === NEW_TYPE_SHOULD_BE_ADDED_HERE) {
-            newSourceTypesToDetect--;
-
-            // not storing invalid types
-            if (sourceType !== 'invalid') {
-                newTypes[url] = sourceType;
-            } else {
-                delete newTypes[url];
-            }
-
-            if (newSourceTypesToDetect === 0) {
-                assignToObject(decodedSourceTypes, newTypes);
-                try{localStorage.setItem(SOURCES_TYPES_KEY, JSON.stringify(decodedSourceTypes));}catch{}
-            }
-        }
-    };
-
-    const addNewUrlToDetect = (url) => {
-        newSourceTypesToDetect++;
-        newTypes[url] = NEW_TYPE_SHOULD_BE_ADDED_HERE;
-    };
-
-    if (!props.disableLocalStorage) {
-        try{decodedSourceTypes = JSON.parse(localStorage.getItem(SOURCES_TYPES_KEY));}catch{}
-        // we are checking if detected source types contains at certain key source type
-        // when localStorage will be empty we can overwrite this method because we are sure
-        // that at every index will be no source type
-        if (!decodedSourceTypes) {
-            // in ifAllNewTypesAreDetectedStoreAllTypesToLocalStorage we are assigning to
-            // decodedSourceTypes new Types so we need to make it an object to avoid errors
-            decodedSourceTypes = {};
-            this.getSourceTypeFromLocalStorageByUrl = addNewUrlToDetect;
-        }
-    } else {
-        this.getSourceTypeFromLocalStorageByUrl = function () {};
-        this.handleReceivedSourceTypeForUrl = function () {};
-    }
-}

package/c/sources/creating/createSources.js

@@ -1,28 +0,0 @@
-import { CreatingSourcesLocalStorageManager } from "./CreatingSourcesLocalStorageManager";
-import { DetectedTypeActioner } from "../types/DetectedTypeActioner";
-import { CreatingSourcesBucket } from "./CreatingSourcesBucket";
-import { CUSTOM_TYPE } from "../../../cn/core-constants";
-
-export function createSources({ props: { sources }, resolve }) {
-    const localStorageManager = resolve(CreatingSourcesLocalStorageManager);
-    const detectedTypeActioner = resolve(DetectedTypeActioner);
-    const creatingSourcesBucket = resolve(CreatingSourcesBucket, [localStorageManager, detectedTypeActioner]);
-
-    for (let i = 0; i < sources.length; i++) {
-        if (typeof sources[i] !== "string") {
-            detectedTypeActioner.runActionsForSourceTypeAndIndex(CUSTOM_TYPE, i);
-            continue;
-        }
-
-        const typeSetManuallyByClient = creatingSourcesBucket.getTypeSetByClientForIndex(i);
-        if (typeSetManuallyByClient) {
-            detectedTypeActioner.runActionsForSourceTypeAndIndex(typeSetManuallyByClient, i);
-            continue;
-        }
-
-        const sourceTypeRetrievedWithoutXhr = localStorageManager.getSourceTypeFromLocalStorageByUrl(sources[i]);
-        (sourceTypeRetrievedWithoutXhr) ?
-            detectedTypeActioner.runActionsForSourceTypeAndIndex(sourceTypeRetrievedWithoutXhr, i) :
-            creatingSourcesBucket.retrieveTypeWithXhrForIndex(i);
-    }
-}

package/c/sources/pointering/down/setUpSourcesPointerDown.js

@@ -1,38 +0,0 @@
-import { SOURCE_MAIN_WRAPPERS } from "../../../../cn/elements";
-import { TRANSFORM_TRANSITION_CLASS_NAME } from "../../../../cn/classes-names";
-
-export function setUpSourcesPointerDown(
-    {
-        core: { classFacade, sourcesPointerDown: self },
-        elements: { smw, sources },
-        sourcePointerProps,
-        stageIndexes
-    }
-) {
-    self.listener = (e) => {
-        /**
-         * Preventing default to disable image 'copying' behavior on Firefox desktop browser.
-         * Cannot prevent default on video click because video would become unclickable in IE11.
-         */
-        if (e.target.tagName !== 'VIDEO') {
-            e.preventDefault();
-        }
-
-        sourcePointerProps.isPointering = true;
-
-        sourcePointerProps.downScreenX = e.screenX;
-
-        sourcePointerProps.swipedX = 0;
-
-        const currentElement = sources[stageIndexes.current];
-        (currentElement && currentElement.contains(e.target)) ?
-            sourcePointerProps.isSourceDownEventTarget = true :
-            sourcePointerProps.isSourceDownEventTarget = false;
-
-	for (var i=0;i<smw.length;i++) {
-		smw[i].d();
-	}
-    };
-}
-
-

package/c/sources/pointering/move/SourcesPointerMove.js

@@ -1,16 +0,0 @@
-import { SourcesPointerMoveActioner } from "./SourcesPointerMoveActioner";
-
-export function SourcesPointerMove({ props: { sources }, resolve, sourcePointerProps }) {
-    const sourcesPointerMoveActioner = resolve(SourcesPointerMoveActioner);
-
-    (sources.length === 1) ?
-        this.listener = () => {
-            // if there is only one slide we need to simulate swipe to prevent lightbox from closing
-            sourcePointerProps.swipedX = 1;
-        } :
-        this.listener = (e) => {
-            if (sourcePointerProps.isPointering) {
-                sourcesPointerMoveActioner.runActionsForEvent(e);
-            }
-        };
-}

package/c/sources/pointering/move/SourcesPointerMoveActioner.js

@@ -1,34 +0,0 @@
-import { CURSOR_GRABBING_CLASS_NAME } from "../../../../cn/classes-names";
-import { addToElementClassIfNotContains } from "../../../../h/elements/addToElementClassIfNotContains";
-
-export function SourcesPointerMoveActioner(
-    {
-        elements,
-        sourcePointerProps,
-        stageIndexes
-    }
-) {
-    this.runActionsForEvent = (e) => {
-        // we are showing InvisibleHover component in move event not in down event
-        // due to IE problems with videos sources controlling
-        if (!elements.container.contains(elements.slideSwipingHoverer)) {
-            elements.container.appendChild(elements.slideSwipingHoverer);
-        }
-
-        addToElementClassIfNotContains(elements.container, CURSOR_GRABBING_CLASS_NAME);
-
-        sourcePointerProps.swipedX = e.screenX - sourcePointerProps.downScreenX;
-
-	var pi=stageIndexes.previous,ni=stageIndexes.next;
-        t(stageIndexes.current, "z");
-        if (pi !== undefined && sourcePointerProps.swipedX > 0) {
-            t(pi, "ne");
-        } else if (ni !== undefined && sourcePointerProps.swipedX < 0) {
-            t(ni, "p");
-        }
-    };
-
-    function t(i, p) {
-	elements.smw[i].v(sourcePointerProps.swipedX)[p]()
-    }
-}

package/c/sources/pointering/up/SourcesPointerUp.js

@@ -1,13 +0,0 @@
-import { SourcesPointerUpActioner } from "./SourcesPointerUpActioner";
-
-export function SourcesPointerUp({ resolve, sourcePointerProps }) {
-    const sourcesPointerUpActioner = resolve(SourcesPointerUpActioner);
-
-    this.listener = () => {
-        if (sourcePointerProps.isPointering) {
-            (sourcePointerProps.swipedX) ?
-                sourcesPointerUpActioner.runActions() :
-                sourcesPointerUpActioner.runNoSwipeActions();
-        }
-    };
-}

package/c/sources/pointering/up/SourcesPointerUpActioner.js

@@ -1,38 +0,0 @@
-import { SourcesPointerUpActionerBucket } from "./SourcesPointerUpActionerBucket";
-import { CURSOR_GRABBING_CLASS_NAME } from "../../../../cn/classes-names";
-import { removeFromElementChildIfContains } from '../../../../h/elements/removeFromElementChildIfContains';
-
-export function SourcesPointerUpActioner(
-    {
-        core: { lightboxCloser },
-        elements,
-        resolve,
-        sourcePointerProps
-    }
-) {
-    const sourcesPointerUpActionsBucket = resolve(SourcesPointerUpActionerBucket);
-
-    this.runNoSwipeActions = () => {
-        removeFromElementChildIfContains(elements.container, elements.slideSwipingHoverer);
-
-        if (!sourcePointerProps.isSourceDownEventTarget) {
-            lightboxCloser.closeLightbox();
-        }
-
-        sourcePointerProps.isPointering = false;
-    };
-
-    this.runActions = () => {
-        if (sourcePointerProps.swipedX > 0) {
-            sourcesPointerUpActionsBucket.runPositiveSwipedXActions();
-        } else {
-            sourcesPointerUpActionsBucket.runNegativeSwipedXActions();
-        }
-
-        removeFromElementChildIfContains(elements.container, elements.slideSwipingHoverer);
-
-        elements.container.classList.remove(CURSOR_GRABBING_CLASS_NAME);
-
-        sourcePointerProps.isPointering = false;
-    };
-}

package/c/sources/pointering/up/SourcesPointerUpActionerBucket.js

@@ -1 +0,0 @@
-export function SourcesPointerUpActionerBucket({core:{slideIndexChanger},elements:{smw},stageIndexes,sws}){this.runPositiveSwipedXActions=()=>{var i=stageIndexes.previous;if(i===undefined){t("z");}else{t("p");var usi=stageIndexes.next;slideIndexChanger.changeTo(i);var pi=stageIndexes.previous;sws.d(pi);sws.b(usi);t("z");s(pi,"ne");}};this.runNegativeSwipedXActions=()=>{var i=stageIndexes.next;if(i===undefined){t("z");}else{t("ne");var usi=stageIndexes.previous;slideIndexChanger.changeTo(i);var ni=stageIndexes.next;sws.d(ni);sws.b(usi);t("z");s(ni,"p");}};function t(p){var w=smw[stageIndexes.current];w.a();w[p]();}function s(i,p){if(i!==undefined){smw[i].s();smw[i][p]();}}}

package/c/sources/setUpSourceDisplayFacade.js

@@ -1,26 +0,0 @@
-export function setUpSourceDisplayFacade(
-    {
-        collections: { sourcesRenderFunctions },
-        core: { sourceDisplayFacade: self },
-        props,
-        stageIndexes
-    }
-) {
-    self.displaySourcesWhichShouldBeDisplayed = () => {
-        if (props.loadOnlyCurrentSource) {
-            runRenderActionsForSourceWithIndex(stageIndexes.current);
-            return;
-        }
-
-        for (let i in stageIndexes) {
-            runRenderActionsForSourceWithIndex(stageIndexes[i]);
-        }
-    };
-
-    function runRenderActionsForSourceWithIndex(i) {
-        if (sourcesRenderFunctions[i]) {
-            sourcesRenderFunctions[i]();
-            delete sourcesRenderFunctions[i];
-        }
-    }
-}

package/c/sources/types/AutomaticTypeDetector.js

@@ -1,70 +0,0 @@
-import {
-    IMAGE_TYPE,
-    INVALID_TYPE,
-    VIDEO_TYPE,
-    YOUTUBE_TYPE,
-} from "../../../cn/core-constants";
-import { getAutomaticTypeDetectorBucket } from "./getAutomaticTypeDetectorBucket";
-
-export function AutomaticTypeDetector() {
-    const automaticTypeDetectorBucket = getAutomaticTypeDetectorBucket();
-
-    let url;
-    let resolveSourceType;
-    let xhr;
-
-    this.setUrlToCheck = (urlToCheck) => {
-        url = urlToCheck;
-    };
-
-    /**
-     * Asynchronous method takes callback which will be called after source type is received with source type as param.
-     * @param {Function} callback
-     */
-    this.getSourceType = (callback) => {
-        if (automaticTypeDetectorBucket.isUrlYoutubeOne(url)) {
-            return callback(YOUTUBE_TYPE);
-        }
-        resolveSourceType = callback;
-        xhr = new XMLHttpRequest();
-        xhr.onreadystatechange = onRequestStateChange;
-        xhr.open('GET', url, true);
-        xhr.send();
-    };
-
-    function onRequestStateChange() {
-        // If state 4 is executed without state 2 - request has failed (most likely by CORS) so need to resolve invalid type.
-        // No need to abort request because it is already finished.
-        if (xhr.readyState === 4) {
-            resolveSourceType(INVALID_TYPE);
-            return;
-        }
-
-        if (xhr.readyState !== 2) {
-            return;
-        }
-
-        const headerType = automaticTypeDetectorBucket.getTypeFromResponseContentType(
-            xhr.getResponseHeader('content-type')
-        );
-
-        let finalType;
-        switch (headerType) {
-            case 'image':
-                finalType = IMAGE_TYPE;
-                break;
-            case 'video':
-                finalType = VIDEO_TYPE;
-                break;
-            default:
-                finalType = INVALID_TYPE;
-        }
-
-        // Need to reset onreadystatechange because after xhr.abort() if request is sent (xhr.send())
-        // xhr will call onreadystatechange with readyState 4: https://xhr.spec.whatwg.org/#the-abort()-method
-        xhr.onreadystatechange = null;
-        xhr.abort();
-
-        resolveSourceType(finalType);
-    }
-}

package/c/sources/types/DetectedTypeActioner.js

@@ -1,44 +0,0 @@
-import { CUSTOM_TYPE, IMAGE_TYPE, INVALID_TYPE, VIDEO_TYPE, YOUTUBE_TYPE } from "../../../cn/core-constants";
-import { SourceLoadHandler } from "../SourceLoadHandler";
-import { renderImage } from "../../../cm/sources/proper-sources/renderImage";
-import { renderVideo } from "../../../cm/sources/proper-sources/renderVideo";
-import { renderYoutube } from "../../../cm/sources/proper-sources/renderYoutube";
-import { renderCustom } from "../../../cm/sources/proper-sources/renderCustom";
-import { renderInvalid } from "../../../cm/sources/proper-sources/renderInvalid";
-
-export function DetectedTypeActioner(fsLightbox) {
-    const {
-        collections: { sourceLoadHandlers, sourcesRenderFunctions },
-        core: { sourceDisplayFacade },
-        resolve
-    } = fsLightbox;
-
-    this.runActionsForSourceTypeAndIndex = (type, i) => {
-        if (type !== INVALID_TYPE) {
-            sourceLoadHandlers[i] = resolve(SourceLoadHandler, [i]);
-        }
-
-        let renderFunction;
-
-        switch (type) {
-            case IMAGE_TYPE:
-                renderFunction = renderImage;
-                break;
-            case VIDEO_TYPE:
-                renderFunction = renderVideo;
-                break;
-            case YOUTUBE_TYPE:
-                renderFunction = renderYoutube;
-                break;
-            case CUSTOM_TYPE:
-                renderFunction = renderCustom;
-                break;
-            default:
-                renderFunction = renderInvalid;
-                break;
-        }
-
-        sourcesRenderFunctions[i] = () => renderFunction(fsLightbox, i);
-        sourceDisplayFacade.displaySourcesWhichShouldBeDisplayed();
-    };
-}

package/c/sources/types/getAutomaticTypeDetectorBucket.js

@@ -1,14 +0,0 @@
-export function getAutomaticTypeDetectorBucket() {
-    return {
-        isUrlYoutubeOne: (url) => {
-            const parser = document.createElement("a");
-            parser.href = url;
-            return parser.hostname === "www.youtube.com"
-		|| parser.hostname === "youtu.be";
-        },
-
-        getTypeFromResponseContentType: (responseContentType) => {
-            return responseContentType.slice(0, responseContentType.indexOf("/"));
-        }
-    };
-}

package/c/stage/setUpStageManager.js

@@ -1,57 +0,0 @@
-export function setUpStageManager(
-    {
-        stageIndexes,
-        core: { stageManager: self },
-        props: { sources }
-    }
-) {
-    const lastSourceIndex = sources.length - 1;
-
-    self.getPreviousSlideIndex = () => {
-        return (stageIndexes.current === 0) ?
-            lastSourceIndex :
-            stageIndexes.current - 1;
-    };
-
-    self.getNextSlideIndex = () => {
-        return (stageIndexes.current === lastSourceIndex) ?
-            0 :
-            stageIndexes.current + 1;
-    };
-
-    // set up updateStageIndexes
-    if (lastSourceIndex === 0) {
-        self.updateStageIndexes = () => {};
-    } else if (lastSourceIndex === 1) {
-        self.updateStageIndexes = () => {
-            if (stageIndexes.current === 0) {
-                stageIndexes.next = 1;
-                delete stageIndexes.previous;
-            } else {
-                stageIndexes.previous = 0;
-                delete stageIndexes.next;
-            }
-        };
-    } else {
-        self.updateStageIndexes = () => {
-            stageIndexes.previous = self.getPreviousSlideIndex();
-            stageIndexes.next = self.getNextSlideIndex();
-        };
-    }
-
-    (lastSourceIndex <= 2) ?
-        self.i = () => true :
-        self.i = (index) => {
-            const currentIndex = stageIndexes.current;
-
-            if ((currentIndex === 0 && index === lastSourceIndex)
-                || (currentIndex === lastSourceIndex && index === 0))
-                return true;
-
-            const difference = currentIndex - index;
-
-            return difference === -1 ||
-                difference === 0 ||
-                difference === 1;
-        };
-}

package/c/stage/ssws.js

@@ -1,2 +0,0 @@
-import{DISPLAY_NONE_CLASS_NAME,FADE_IN_CLASS_NAME,FADE_IN_STRONG_CLASS_NAME,FADE_OUT_CLASS_NAME}from"../../cn/classes-names";import{removeFromElementClassIfContains}from"../../h/elements/removeFromElementClassIfContains";export function ssws({core:{stageManager},elements:{smw,sourceAnimationWrappers},isl,stageIndexes,sws:self}){self.a=function(){for(var k in stageIndexes){smw[stageIndexes[k]].s()}};self.b=function(i){if(i!==undefined&&!stageManager.i(i)){smw[i].h();smw[i].n();}};self.c=function(){for(var k in stageIndexes){self.d(stageIndexes[k]);}};self.d=function(i){if(!isl[i]){return;}var saw=sourceAnimationWrappers[i];removeFromElementClassIfContains(saw,FADE_IN_STRONG_CLASS_NAME);removeFromElementClassIfContains(saw,FADE_IN_CLASS_NAME);removeFromElementClassIfContains(saw,FADE_OUT_CLASS_NAME)}}
-// In the "b" method, it's checked whether the index is not undefined because it may be when there are only two sources.

package/c/styles/createAndAppendStyles.js

@@ -1,9 +0,0 @@
-import { styles } from "../../s";
-import { FSLIGHTBOX_STYLES } from "../../cn/classes-names";
-
-export function createAndAppendStyles() {
-    const style = document.createElement('style');
-    style.className = FSLIGHTBOX_STYLES;
-    style.appendChild(document.createTextNode(styles));
-    document.head.appendChild(style);
-}

package/c/styles/injectStylesIfNotInDom.js

@@ -1,8 +0,0 @@
-import { createAndAppendStyles } from "./createAndAppendStyles";
-import { FSLIGHTBOX_STYLES } from "../../cn/classes-names";
-
-export function injectStylesIfNotInDom() {
-    if (!document.getElementsByClassName(FSLIGHTBOX_STYLES).length) {
-        createAndAppendStyles();
-    }
-}

package/c/styles/styles-injection/styles-injection.js

@@ -1,5 +0,0 @@
-import { createAndAppendStyles } from "../createAndAppendStyles";
-
-if (typeof document === "object") {
-    createAndAppendStyles();
-}

package/c/timeouts/getQueuedAction.js

@@ -1,15 +0,0 @@
-export function getQueuedAction(action, time) {
-    const queue = [];
-
-    return () => {
-        queue.push(true);
-
-        setTimeout(() => {
-            queue.pop();
-
-            if (!queue.length) {
-                action();
-            }
-        }, time);
-    };
-}

package/cm/h/renderSvg.js

@@ -1,17 +0,0 @@
-import { PREFIX } from "../../cn/classes-names";
-
-export function renderAndGetSvg(parent, size, viewBox, d) {
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttributeNS(null, 'width', size);
-    svg.setAttributeNS(null, 'height', size);
-    svg.setAttributeNS(null, 'viewBox', viewBox);
-
-    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttributeNS(null, 'class', `${PREFIX}svg-path`);
-    path.setAttributeNS(null, 'd', d);
-
-    svg.appendChild(path);
-    parent.appendChild(svg);
-
-    return svg;
-}

package/cm/nav/renderAndGetToolbarButton.js

@@ -1,11 +0,0 @@
-import { FLEX_CENTERED_CLASS_NAME, PREFIX } from "../../cn/classes-names";
-
-export function renderAndGetToolbarButton(parent, title) {
-    const toolbarButton = document.createElement('div');
-    toolbarButton.className = `${PREFIX}toolbar-button ${FLEX_CENTERED_CLASS_NAME}`;
-    toolbarButton.title = title;
-
-    parent.appendChild(toolbarButton);
-
-    return toolbarButton;
-}

package/cm/nav/renderCloseButton.js

@@ -1,10 +0,0 @@
-import { renderAndGetToolbarButton } from "./renderAndGetToolbarButton";
-import { renderAndGetSvg } from "../h/renderSvg";
-
-export function renderCloseButton(fsLightbox, parent) {
-    const closeButton = renderAndGetToolbarButton(parent, 'Close');
-
-    closeButton.onclick = fsLightbox.core.lightboxCloser.closeLightbox;
-
-    renderAndGetSvg(closeButton, '20px', '0 0 24 24', 'M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z');
-}

package/cm/nav/renderFullscreenButton.js

@@ -1,43 +0,0 @@
-import { renderAndGetSvg } from "../h/renderSvg";
-import { renderAndGetToolbarButton } from "./renderAndGetToolbarButton";
-
-export function renderFullscreenButton(
-	{
-		componentsServices,
-		data,
-		fs
-	},
-	parent
-) {
-    const enterSize = '20px';
-    const enterViewBox = '0 0 18 18';
-    const enterD = 'M4.5 11H3v4h4v-1.5H4.5V11zM3 7h1.5V4.5H7V3H3v4zm10.5 6.5H11V15h4v-4h-1.5v2.5zM11 3v1.5h2.5V7H15V3h-4z';
-
-    const exitSize = '24px';
-    const exitViewBox = '0 0 950 1024';
-    const exitD = 'M682 342h128v84h-212v-212h84v128zM598 810v-212h212v84h-128v128h-84zM342 342v-128h84v212h-212v-84h128zM214 682v-84h212v212h-84v-128h-128z';
-
-    const fullscreenButton = renderAndGetToolbarButton(parent);
-    fullscreenButton.title = 'Enter fullscreen';
-    const svg = renderAndGetSvg(fullscreenButton, enterSize, enterViewBox, enterD);
-
-    componentsServices.ofs = () => {
-        data.ifs = true;
-        fullscreenButton.title = 'Exit fullscreen';
-        svg.setAttributeNS(null, 'width', exitSize);
-        svg.setAttributeNS(null, 'height', exitSize);
-        svg.setAttributeNS(null, 'viewBox', exitViewBox);
-        svg.firstChild.setAttributeNS(null, 'd', exitD);
-    };
-
-    componentsServices.xfs = () => {
-        data.ifs = false;
-        fullscreenButton.title = 'Enter fullscreen';
-        svg.setAttributeNS(null, 'width', enterSize);
-        svg.setAttributeNS(null, 'height', enterSize);
-        svg.setAttributeNS(null, 'viewBox', enterViewBox);
-        svg.firstChild.setAttributeNS(null, 'd', enterD);
-    };
-
-    fullscreenButton.onclick = fs.t;
-}