{"version":3,"sources":["../../../src/local/layout/fullscreen.js"],"names":["getComposedLayout","fullscreen","showLoader","focusOnClose","container","document","createElement","body","append","classList","add","setAttribute","lockBodyScroll","FocusLockManager","trapFocus","helpers","getLayoutHelpers","showLoadingIcon","requestFullscreen","layoutNode","contentNode","loadingNode","msRequestFullscreen","mozRequestFullscreen","webkitRequestFullscreen","setTop","exitFullscreen","exitRequestFullScreen","fullScreenElement","msExitFullscreen","msFullscreenElement","mozCancelFullScreen","mozFullScreenElement","webkitExitFullscreen","webkitFullscreenElement","hideLoadingIcon","child","lastElementChild","removeChild","close","unlockBodyScroll","untrapFocus","remove","focus","e","toggleFullscreen","getContainer","setContent","content","querySelector"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Full screen window layout.\n *\n * @copyright  2019 Andrew Nicols <[email protected]>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport {addIconToContainer} from 'core/loadingicon';\nimport {addToastRegion} from 'core/toast';\nimport * as FocusLockManager from 'core/local/aria/focuslock';\n\n/**\n * @param {string} templateName\n * @param {object} context\n * @return {object}\n */\nconst getComposedLayout = ({\n    fullscreen = true,\n    showLoader = false,\n    focusOnClose = null,\n} = {}) => {\n    const container = document.createElement('div');\n    document.body.append(container);\n    container.classList.add('layout');\n    container.classList.add('fullscreen');\n    container.setAttribute('role', 'application');\n    addToastRegion(container);\n\n    // Lock scrolling on the document body.\n    lockBodyScroll();\n\n    // Lock tab control.\n    FocusLockManager.trapFocus(container);\n\n    const helpers = getLayoutHelpers(container, FocusLockManager, focusOnClose);\n\n    if (showLoader) {\n        helpers.showLoadingIcon();\n    }\n\n    if (fullscreen) {\n        helpers.requestFullscreen();\n    }\n\n    return helpers;\n};\n\nconst getLayoutHelpers = (layoutNode, FocusLockManager, focusOnClose) => {\n    const contentNode = document.createElement('div');\n    layoutNode.append(contentNode);\n\n    const loadingNode = document.createElement('div');\n    layoutNode.append(loadingNode);\n\n    /**\n     * Close and destroy the window container.\n     */\n    const close = () => {\n        exitFullscreen();\n        unlockBodyScroll();\n        FocusLockManager.untrapFocus();\n\n        layoutNode.remove();\n\n        if (focusOnClose) {\n            try {\n                focusOnClose.focus();\n            } catch (e) {\n                // eslint-disable-line\n            }\n        }\n    };\n\n    /**\n     * Attempt to make the conatiner full screen.\n     */\n    const requestFullscreen = () => {\n        if (layoutNode.requestFullscreen) {\n            layoutNode.requestFullscreen();\n        } else if (layoutNode.msRequestFullscreen) {\n            layoutNode.msRequestFullscreen();\n        } else if (layoutNode.mozRequestFullscreen) {\n            layoutNode.mozRequestFullscreen();\n        } else if (layoutNode.webkitRequestFullscreen) {\n            layoutNode.webkitRequestFullscreen();\n        } else {\n            // Not supported.\n            // Hack to make this act like full-screen as much as possible.\n            layoutNode.setTop(0);\n        }\n    };\n\n    /**\n     * Exit full screen but do not close the container fully.\n     */\n    const exitFullscreen = () => {\n        if (document.exitRequestFullScreen) {\n            if (document.fullScreenElement !== layoutNode) {\n                return;\n            }\n            document.exitRequestFullScreen();\n        } else if (document.msExitFullscreen) {\n            if (document.msFullscreenElement !== layoutNode) {\n                return;\n            }\n            document.msExitFullscreen();\n        } else if (document.mozCancelFullScreen) {\n            if (document.mozFullScreenElement !== layoutNode) {\n                return;\n            }\n            document.mozCancelFullScreen();\n        } else if (document.webkitExitFullscreen) {\n            if (document.webkitFullscreenElement !== layoutNode) {\n                return;\n            }\n            document.webkitExitFullscreen();\n        }\n    };\n\n    const toggleFullscreen = () => {\n        if (document.exitRequestFullScreen) {\n            if (document.fullScreenElement === layoutNode) {\n                exitFullscreen();\n            } else {\n                requestFullscreen();\n            }\n        } else if (document.msExitFullscreen) {\n            if (document.msFullscreenElement === layoutNode) {\n                exitFullscreen();\n            } else {\n                requestFullscreen();\n            }\n        } else if (document.mozCancelFullScreen) {\n            if (document.mozFullScreenElement === layoutNode) {\n                exitFullscreen();\n            } else {\n                requestFullscreen();\n            }\n        } else if (document.webkitExitFullscreen) {\n            if (document.webkitFullscreenElement === layoutNode) {\n                exitFullscreen();\n            } else {\n                requestFullscreen();\n            }\n        }\n    };\n\n    /**\n     * Get the Node which is fullscreen.\n     *\n     * @return {Element}\n     */\n    const getContainer = () => {\n        return contentNode;\n    };\n\n    const setContent = (content) => {\n        hideLoadingIcon();\n\n        // Note: It would be better to use replaceWith, but this is not compatible with IE.\n        let child = contentNode.lastElementChild;\n        while (child) {\n            contentNode.removeChild(child);\n            child = contentNode.lastElementChild;\n        }\n        contentNode.append(content);\n    };\n\n    const showLoadingIcon = () => {\n        addIconToContainer(loadingNode);\n    };\n\n    const hideLoadingIcon = () => {\n        // Hide the loading container.\n        let child = loadingNode.lastElementChild;\n        while (child) {\n            loadingNode.removeChild(child);\n            child = loadingNode.lastElementChild;\n        }\n    };\n\n    /**\n     * @return {Object}\n     */\n    return {\n        close,\n\n        toggleFullscreen,\n        requestFullscreen,\n        exitFullscreen,\n\n        getContainer,\n        setContent,\n\n        showLoadingIcon,\n        hideLoadingIcon,\n    };\n};\n\nconst lockBodyScroll = () => {\n    document.querySelector('body').classList.add('overflow-hidden');\n};\n\nconst unlockBodyScroll = () => {\n    document.querySelector('body').classList.remove('overflow-hidden');\n};\n\nexport const createLayout = getComposedLayout;\n"],"file":"fullscreen.min.js"}