{"version":3,"file":"modal.min.js","sources":["https:\/\/iie-academy.org\/lib\/amd\/src\/modal.js"],"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 * Contain the logic for modals.\n *\n * @module core\/modal\n * @class core\/modal\n * @copyright  2016 Ryan Wyllie <ryan@moodle.com>\n * @license    http:\/\/www.gnu.org\/copyleft\/gpl.html GNU GPL v3 or later\n *\/\ndefine([\n    'jquery',\n    'core\/templates',\n    'core\/notification',\n    'core\/key_codes',\n    'core\/custom_interaction_events',\n    'core\/modal_backdrop',\n    'core_filters\/events',\n    'core\/modal_events',\n    'core\/local\/aria\/focuslock',\n    'core\/pending',\n    'core\/aria',\n    'core\/fullscreen'\n], function(\n    $,\n    Templates,\n    Notification,\n    KeyCodes,\n    CustomEvents,\n    ModalBackdrop,\n    FilterEvents,\n    ModalEvents,\n    FocusLock,\n    Pending,\n    Aria,\n    Fullscreen\n) {\n\n    var SELECTORS = {\n        CONTAINER: '[data-region=\"modal-container\"]',\n        MODAL: '[data-region=\"modal\"]',\n        HEADER: '[data-region=\"header\"]',\n        TITLE: '[data-region=\"title\"]',\n        BODY: '[data-region=\"body\"]',\n        FOOTER: '[data-region=\"footer\"]',\n        HIDE: '[data-action=\"hide\"]',\n        DIALOG: '[role=dialog]',\n        FORM: 'form',\n        MENU_BAR: '[role=menubar]',\n        HAS_Z_INDEX: '.moodle-has-zindex',\n        CAN_RECEIVE_FOCUS: 'input:not([type=\"hidden\"]), a[href], button, textarea, select, [tabindex]',\n    };\n\n    var TEMPLATES = {\n        LOADING: 'core\/loading',\n        BACKDROP: 'core\/modal_backdrop',\n    };\n\n    \/**\n     * Module singleton for the backdrop to be reused by all Modal instances.\n     *\/\n    var backdropPromise;\n\n    \/**\n     * A counter that gets incremented for each modal created. This can be\n     * used to generate unique values for the modals.\n     *\/\n    var modalCounter = 0;\n\n    \/**\n     * Constructor for the Modal.\n     *\n     * @param {object} root The root jQuery element for the modal\n     *\/\n    var Modal = function(root) {\n        this.root = $(root);\n        this.modal = this.root.find(SELECTORS.MODAL);\n        this.header = this.modal.find(SELECTORS.HEADER);\n        this.headerPromise = $.Deferred();\n        this.title = this.header.find(SELECTORS.TITLE);\n        this.titlePromise = $.Deferred();\n        this.body = this.modal.find(SELECTORS.BODY);\n        this.bodyPromise = $.Deferred();\n        this.footer = this.modal.find(SELECTORS.FOOTER);\n        this.footerPromise = $.Deferred();\n        this.hiddenSiblings = [];\n        this.isAttached = false;\n        this.bodyJS = null;\n        this.footerJS = null;\n        this.modalCount = modalCounter++;\n        this.attachmentPoint = document.createElement('div');\n        document.body.append(this.attachmentPoint);\n\n        if (!this.root.is(SELECTORS.CONTAINER)) {\n            Notification.exception({message: 'Element is not a modal container'});\n        }\n\n        if (!this.modal.length) {\n            Notification.exception({message: 'Container does not contain a modal'});\n        }\n\n        if (!this.header.length) {\n            Notification.exception({message: 'Modal is missing a header region'});\n        }\n\n        if (!this.title.length) {\n            Notification.exception({message: 'Modal header is missing a title region'});\n        }\n\n        if (!this.body.length) {\n            Notification.exception({message: 'Modal is missing a body region'});\n        }\n\n        if (!this.footer.length) {\n            Notification.exception({message: 'Modal is missing a footer region'});\n        }\n\n        this.registerEventListeners();\n    };\n\n    \/**\n     * Attach the modal to the correct part of the page.\n     *\n     * If it hasn't already been added it runs any\n     * javascript that has been cached until now.\n     *\n     * @method attachToDOM\n     *\/\n    Modal.prototype.attachToDOM = function() {\n        this.getAttachmentPoint().append(this.root);\n\n        if (this.isAttached) {\n            return;\n        }\n\n        FocusLock.trapFocus(this.root[0]);\n\n        \/\/ If we'd cached any JS then we can run it how that the modal is\n        \/\/ attached to the DOM.\n        if (this.bodyJS) {\n            Templates.runTemplateJS(this.bodyJS);\n            this.bodyJS = null;\n        }\n\n        if (this.footerJS) {\n            Templates.runTemplateJS(this.footerJS);\n            this.footerJS = null;\n        }\n\n        this.isAttached = true;\n    };\n\n    \/**\n     * Count the number of other visible modals (not including this one).\n     *\n     * @method countOtherVisibleModals\n     * @return {int}\n     *\/\n    Modal.prototype.countOtherVisibleModals = function() {\n        var count = 0;\n        $('body').find(SELECTORS.CONTAINER).each(function(index, element) {\n            element = $(element);\n\n            \/\/ If we haven't found ourself and the element is visible.\n            if (!this.root.is(element) && element.hasClass('show')) {\n                count++;\n            }\n        }.bind(this));\n\n        return count;\n    };\n\n    \/**\n     * Get the modal backdrop.\n     *\n     * @method getBackdrop\n     * @return {object} jQuery promise\n     *\/\n    Modal.prototype.getBackdrop = function() {\n        if (!backdropPromise) {\n            backdropPromise = Templates.render(TEMPLATES.BACKDROP, {})\n                .then(function(html) {\n                    var element = $(html);\n\n                    return new ModalBackdrop(element);\n                })\n                .fail(Notification.exception);\n        }\n\n        return backdropPromise;\n    };\n\n    \/**\n     * Get the root element of this modal.\n     *\n     * @method getRoot\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getRoot = function() {\n        return this.root;\n    };\n\n    \/**\n     * Get the modal element of this modal.\n     *\n     * @method getModal\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getModal = function() {\n        return this.modal;\n    };\n\n    \/**\n     * Get the modal title element.\n     *\n     * @method getTitle\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getTitle = function() {\n        return this.title;\n    };\n\n    \/**\n     * Get the modal body element.\n     *\n     * @method getBody\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getBody = function() {\n        return this.body;\n    };\n\n    \/**\n     * Get the modal footer element.\n     *\n     * @method getFooter\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getFooter = function() {\n        return this.footer;\n    };\n\n    \/**\n     * Get a promise resolving to the title region.\n     *\n     * @method getTitlePromise\n     * @return {Promise}\n     *\/\n    Modal.prototype.getTitlePromise = function() {\n        return this.titlePromise;\n    };\n\n    \/**\n     * Get a promise resolving to the body region.\n     *\n     * @method getBodyPromise\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getBodyPromise = function() {\n        return this.bodyPromise;\n    };\n\n    \/**\n     * Get a promise resolving to the footer region.\n     *\n     * @method getFooterPromise\n     * @return {object} jQuery object\n     *\/\n    Modal.prototype.getFooterPromise = function() {\n        return this.footerPromise;\n    };\n\n    \/**\n     * Get the unique modal count.\n     *\n     * @method getModalCount\n     * @return {int}\n     *\/\n    Modal.prototype.getModalCount = function() {\n        return this.modalCount;\n    };\n\n    \/**\n     * Set the modal title element.\n     *\n     * This method is overloaded to take either a string value for the title or a jQuery promise that is resolved with\n     * HTML most commonly from a Str.get_string call.\n     *\n     * @method setTitle\n     * @param {(string|object)} value The title string or jQuery promise which resolves to the title.\n     *\/\n    Modal.prototype.setTitle = function(value) {\n        var title = this.getTitle();\n        this.titlePromise = $.Deferred();\n\n        this.asyncSet(value, title.html.bind(title))\n        .then(function() {\n            this.titlePromise.resolve(title);\n        }.bind(this))\n        .catch(Notification.exception);\n    };\n\n    \/**\n     * Set the modal body element.\n     *\n     * This method is overloaded to take either a string value for the body or a jQuery promise that is resolved with\n     * HTML and Javascript most commonly from a Templates.render call.\n     *\n     * @method setBody\n     * @param {(string|object)} value The body string or jQuery promise which resolves to the body.\n     * @fires event:filterContentUpdated\n     *\/\n    Modal.prototype.setBody = function(value) {\n        this.bodyPromise = $.Deferred();\n\n        var body = this.getBody();\n\n        if (typeof value === 'string') {\n            \/\/ Just set the value if it's a string.\n            body.html(value);\n            FilterEvents.notifyFilterContentUpdated(body);\n            this.getRoot().trigger(ModalEvents.bodyRendered, this);\n            this.bodyPromise.resolve(body);\n        } else {\n            var jsPendingId = 'amd-modal-js-pending-id-' + this.getModalCount();\n            M.util.js_pending(jsPendingId);\n            \/\/ Otherwise we assume it's a promise to be resolved with\n            \/\/ html and javascript.\n            var contentPromise = null;\n            body.css('overflow', 'hidden');\n\n            \/\/ Ensure that the `value` is a jQuery Promise.\n            value = $.when(value);\n\n            if (value.state() == 'pending') {\n                \/\/ We're still waiting for the body promise to resolve so\n                \/\/ let's show a loading icon.\n                var height = body.innerHeight();\n                if (height < 100) {\n                    height = 100;\n                }\n\n                body.animate({height: height + 'px'}, 150);\n\n                body.html('');\n                contentPromise = Templates.render(TEMPLATES.LOADING, {})\n                    .then(function(html) {\n                        var loadingIcon = $(html).hide();\n                        body.html(loadingIcon);\n                        loadingIcon.fadeIn(150);\n\n                        \/\/ We only want the loading icon to fade out\n                        \/\/ when the content for the body has finished\n                        \/\/ loading.\n                        return $.when(loadingIcon.promise(), value);\n                    })\n                    .then(function(loadingIcon) {\n                        \/\/ Once the content has finished loading and\n                        \/\/ the loading icon has been shown then we can\n                        \/\/ fade the icon away to reveal the content.\n                        return loadingIcon.fadeOut(100).promise();\n                    })\n                    .then(function() {\n                        return value;\n                    });\n            } else {\n                \/\/ The content is already loaded so let's just display\n                \/\/ it to the user. No need for a loading icon.\n                contentPromise = value;\n            }\n\n            \/\/ Now we can actually display the content.\n            contentPromise.then(function(html, js) {\n                var result = null;\n\n                if (this.isVisible()) {\n                    \/\/ If the modal is visible then we should display\n                    \/\/ the content gracefully for the user.\n                    body.css('opacity', 0);\n                    var currentHeight = body.innerHeight();\n                    body.html(html);\n                    \/\/ We need to clear any height values we've set here\n                    \/\/ in order to measure the height of the content being\n                    \/\/ added. This then allows us to animate the height\n                    \/\/ transition.\n                    body.css('height', '');\n                    var newHeight = body.innerHeight();\n                    body.css('height', currentHeight + 'px');\n                    result = body.animate(\n                        {height: newHeight + 'px', opacity: 1},\n                        {duration: 150, queue: false}\n                    ).promise();\n                } else {\n                    \/\/ Since the modal isn't visible we can just immediately\n                    \/\/ set the content. No need to animate it.\n                    body.html(html);\n                }\n\n                if (js) {\n                    if (this.isAttached) {\n                        \/\/ If we're in the DOM then run the JS immediately.\n                        Templates.runTemplateJS(js);\n                    } else {\n                        \/\/ Otherwise cache it to be run when we're attached.\n                        this.bodyJS = js;\n                    }\n                }\n\n                return result;\n            }.bind(this))\n            .then(function(result) {\n                FilterEvents.notifyFilterContentUpdated(body);\n                this.getRoot().trigger(ModalEvents.bodyRendered, this);\n                return result;\n            }.bind(this))\n            .then(function() {\n                this.bodyPromise.resolve(body);\n                return;\n            }.bind(this))\n            .fail(Notification.exception)\n            .always(function() {\n                \/\/ When we're done displaying all of the content we need\n                \/\/ to clear the custom values we've set here.\n                body.css('height', '');\n                body.css('overflow', '');\n                body.css('opacity', '');\n                M.util.js_complete(jsPendingId);\n\n                return;\n            })\n            .fail(Notification.exception);\n        }\n    };\n\n    \/**\n     * Alternative to setBody() that can be used from non-Jquery modules\n     *\n     * @param {Promise} promise promise that returns {html, js} object\n     * @return {Promise}\n     *\/\n    Modal.prototype.setBodyContent = function(promise) {\n        \/\/ Call the leegacy API for now and pass it a jQuery Promise.\n        \/\/ This is a non-spec feature of jQuery and cannot be produced with spec promises.\n        \/\/ We can encourage people to migrate to this approach, and in future we can swap\n        \/\/ it so that setBody() calls setBodyPromise().\n        return promise.then(({html, js}) => this.setBody($.when(html, js)))\n            .catch(exception => {\n                this.hide();\n                throw exception;\n            });\n    };\n\n    \/**\n     * Set the modal footer element. The footer element is made visible, if it\n     * isn't already.\n     *\n     * This method is overloaded to take either a string\n     * value for the body or a jQuery promise that is resolved with HTML and Javascript\n     * most commonly from a Templates.render call.\n     *\n     * @method setFooter\n     * @param {(string|object)} value The footer string or jQuery promise\n     *\/\n    Modal.prototype.setFooter = function(value) {\n        \/\/ Make sure the footer is visible.\n        this.showFooter();\n        this.footerPromise = $.Deferred();\n\n        var footer = this.getFooter();\n\n        if (typeof value === 'string') {\n            \/\/ Just set the value if it's a string.\n            footer.html(value);\n            this.footerPromise.resolve(footer);\n        } else {\n            \/\/ Otherwise we assume it's a promise to be resolved with\n            \/\/ html and javascript.\n            Templates.render(TEMPLATES.LOADING, {})\n            .then(function(html) {\n                footer.html(html);\n\n                return value;\n            })\n            .then(function(html, js) {\n                footer.html(html);\n\n                if (js) {\n                    if (this.isAttached) {\n                        \/\/ If we're in the DOM then run the JS immediately.\n                        Templates.runTemplateJS(js);\n                    } else {\n                        \/\/ Otherwise cache it to be run when we're attached.\n                        this.footerJS = js;\n                    }\n                }\n\n                return footer;\n            }.bind(this))\n            .then(function(footer) {\n                this.footerPromise.resolve(footer);\n                return;\n            }.bind(this))\n            .catch(Notification.exception);\n        }\n    };\n\n    \/**\n     * Check if the footer has any content in it.\n     *\n     * @method hasFooterContent\n     * @return {bool}\n     *\/\n    Modal.prototype.hasFooterContent = function() {\n        return this.getFooter().children().length ? true : false;\n    };\n\n    \/**\n     * Hide the footer element.\n     *\n     * @method hideFooter\n     *\/\n    Modal.prototype.hideFooter = function() {\n        this.getFooter().addClass('hidden');\n    };\n\n    \/**\n     * Show the footer element.\n     *\n     * @method showFooter\n     *\/\n    Modal.prototype.showFooter = function() {\n        this.getFooter().removeClass('hidden');\n    };\n\n    \/**\n     * Mark the modal as a large modal.\n     *\n     * @method setLarge\n     *\/\n    Modal.prototype.setLarge = function() {\n        if (this.isLarge()) {\n            return;\n        }\n\n        this.getModal().addClass('modal-lg');\n    };\n\n    \/**\n     * Check if the modal is a large modal.\n     *\n     * @method isLarge\n     * @return {bool}\n     *\/\n    Modal.prototype.isLarge = function() {\n        return this.getModal().hasClass('modal-lg');\n    };\n\n    \/**\n     * Mark the modal as a small modal.\n     *\n     * @method setSmall\n     *\/\n    Modal.prototype.setSmall = function() {\n        if (this.isSmall()) {\n            return;\n        }\n\n        this.getModal().removeClass('modal-lg');\n    };\n\n    \/**\n     * Check if the modal is a small modal.\n     *\n     * @method isSmall\n     * @return {bool}\n     *\/\n    Modal.prototype.isSmall = function() {\n        return !this.getModal().hasClass('modal-lg');\n    };\n\n    \/**\n     * Set this modal to be scrollable or not.\n     *\n     * @method setScrollable\n     * @param {bool} value Whether the modal is scrollable or not\n     *\/\n    Modal.prototype.setScrollable = function(value) {\n        if (!value) {\n            this.getModal()[0].classList.remove('modal-dialog-scrollable');\n            return;\n        }\n\n        this.getModal()[0].classList.add('modal-dialog-scrollable');\n    };\n\n\n    \/**\n     * Determine the highest z-index value currently on the page.\n     *\n     * @method calculateZIndex\n     * @return {int}\n     *\/\n    Modal.prototype.calculateZIndex = function() {\n        var items = $(SELECTORS.DIALOG + ', ' + SELECTORS.MENU_BAR + ', ' + SELECTORS.HAS_Z_INDEX);\n        var zIndex = parseInt(this.root.css('z-index'));\n\n        items.each(function(index, item) {\n            item = $(item);\n            \/\/ Note that webkit browsers won't return the z-index value from the CSS stylesheet\n            \/\/ if the element doesn't have a position specified. Instead it'll return \"auto\".\n            var itemZIndex = item.css('z-index') ? parseInt(item.css('z-index')) : 0;\n\n            if (itemZIndex > zIndex) {\n                zIndex = itemZIndex;\n            }\n        });\n\n        return zIndex;\n    };\n\n    \/**\n     * Check if this modal is visible.\n     *\n     * @method isVisible\n     * @return {bool}\n     *\/\n    Modal.prototype.isVisible = function() {\n        return this.root.hasClass('show');\n    };\n\n    \/**\n     * Check if this modal has focus.\n     *\n     * @method hasFocus\n     * @return {bool}\n     *\/\n    Modal.prototype.hasFocus = function() {\n        var target = $(document.activeElement);\n        return this.root.is(target) || this.root.has(target).length;\n    };\n\n    \/**\n     * Check if this modal has CSS transitions applied.\n     *\n     * @method hasTransitions\n     * @return {bool}\n     *\/\n    Modal.prototype.hasTransitions = function() {\n        return this.getRoot().hasClass('fade');\n    };\n\n    \/**\n     * Gets the jQuery wrapped node that the Modal should be attached to.\n     *\n     * @returns {jQuery}\n     *\/\n    Modal.prototype.getAttachmentPoint = function() {\n        return $(Fullscreen.getElement() || this.attachmentPoint);\n    };\n\n    \/**\n     * Display this modal. The modal will be attached to the DOM if it hasn't\n     * already been.\n     *\n     * @method show\n     * @returns {Promise}\n     *\/\n    Modal.prototype.show = function() {\n        if (this.isVisible()) {\n            return $.Deferred().resolve();\n        }\n\n        var pendingPromise = new Pending('core\/modal:show');\n\n        if (this.hasFooterContent()) {\n            this.showFooter();\n        } else {\n            this.hideFooter();\n        }\n\n        this.attachToDOM();\n\n        return this.getBackdrop()\n        .then(function(backdrop) {\n            var currentIndex = this.calculateZIndex();\n            var newIndex = currentIndex + 2;\n            var newBackdropIndex = newIndex - 1;\n            this.root.css('z-index', newIndex);\n            backdrop.setZIndex(newBackdropIndex);\n            backdrop.show();\n\n            this.root.removeClass('hide').addClass('show');\n            this.accessibilityShow();\n            this.getModal().focus();\n            $('body').addClass('modal-open');\n            this.root.trigger(ModalEvents.shown, this);\n\n            return;\n        }.bind(this))\n        .then(pendingPromise.resolve);\n    };\n\n    \/**\n     * Hide this modal if it does not contain a form.\n     *\n     * @method hideIfNotForm\n     *\/\n    Modal.prototype.hideIfNotForm = function() {\n        var formElement = this.modal.find(SELECTORS.FORM);\n        if (formElement.length == 0) {\n            this.hide();\n        }\n    };\n\n    \/**\n     * Hide this modal.\n     *\n     * @method hide\n     *\/\n    Modal.prototype.hide = function() {\n        this.getBackdrop().done(function(backdrop) {\n            FocusLock.untrapFocus();\n\n            if (!this.countOtherVisibleModals()) {\n                \/\/ Hide the backdrop if we're the last open modal.\n                backdrop.hide();\n                $('body').removeClass('modal-open');\n            }\n\n            var currentIndex = parseInt(this.root.css('z-index'));\n            this.root.css('z-index', '');\n            backdrop.setZIndex(currentIndex - 3);\n\n            this.accessibilityHide();\n\n            if (this.hasTransitions()) {\n                \/\/ Wait for CSS transitions to complete before hiding the element.\n                this.getRoot().one('transitionend webkitTransitionEnd oTransitionEnd', function() {\n                    this.getRoot().removeClass('show').addClass('hide');\n                }.bind(this));\n            } else {\n                this.getRoot().removeClass('show').addClass('hide');\n            }\n\n            \/\/ Ensure the modal is moved onto the body node if it is still attached to the DOM.\n            if ($(document.body).find(this.getRoot()).length) {\n                $(document.body).append(this.getRoot());\n            }\n\n            this.root.trigger(ModalEvents.hidden, this);\n        }.bind(this));\n    };\n\n    \/**\n     * Remove this modal from the DOM.\n     *\n     * @method destroy\n     *\/\n    Modal.prototype.destroy = function() {\n        this.hide();\n        this.root.remove();\n        this.root.trigger(ModalEvents.destroyed, this);\n        this.attachmentPoint.remove();\n    };\n\n    \/**\n     * Sets the appropriate aria attributes on this dialogue and the other\n     * elements in the DOM to ensure that screen readers are able to navigate\n     * the dialogue popup correctly.\n     *\n     * @method accessibilityShow\n     *\/\n    Modal.prototype.accessibilityShow = function() {\n        \/\/ Make us visible to screen readers.\n        Aria.unhide(this.root.get());\n\n        \/\/ Hide siblings.\n        Aria.hideSiblings(this.root.get()[0]);\n    };\n\n    \/**\n     * Restores the aria visibility on the DOM elements changed when displaying\n     * the dialogue popup and makes the dialogue aria hidden to allow screen\n     * readers to navigate the main page correctly when the dialogue is closed.\n     *\n     * @method accessibilityHide\n     *\/\n    Modal.prototype.accessibilityHide = function() {\n        \/\/ Unhide siblings.\n        Aria.unhideSiblings(this.root.get()[0]);\n\n        \/\/ Hide this modal.\n        Aria.hide(this.root.get());\n    };\n\n    \/**\n     * Set up all of the event handling for the modal.\n     *\n     * @method registerEventListeners\n     *\/\n    Modal.prototype.registerEventListeners = function() {\n        this.getRoot().on('keydown', function(e) {\n            if (!this.isVisible()) {\n                return;\n            }\n\n            if (e.keyCode == KeyCodes.escape) {\n                if (this.removeOnClose) {\n                    this.destroy();\n                } else {\n                    this.hide();\n                }\n            }\n        }.bind(this));\n\n        \/\/ Listen for clicks on the modal container.\n        this.getRoot().click(function(e) {\n            \/\/ If the click wasn't inside the modal element then we should\n            \/\/ hide the modal.\n            if (!$(e.target).closest(SELECTORS.MODAL).length) {\n                \/\/ The check above fails to detect the click was inside the modal when the DOM tree is already changed.\n                \/\/ So, we check if we can still find the container element or not. If not, then the DOM tree is changed.\n                \/\/ It's best not to hide the modal in that case.\n                if ($(e.target).closest(SELECTORS.CONTAINER).length) {\n                    var outsideClickEvent = $.Event(ModalEvents.outsideClick);\n                    this.getRoot().trigger(outsideClickEvent, this);\n\n                    if (!outsideClickEvent.isDefaultPrevented()) {\n                        this.hideIfNotForm();\n                    }\n                }\n            }\n        }.bind(this));\n\n        CustomEvents.define(this.getModal(), [CustomEvents.events.activate]);\n        this.getModal().on(CustomEvents.events.activate, SELECTORS.HIDE, function(e, data) {\n            this.hide();\n            data.originalEvent.preventDefault();\n        }.bind(this));\n    };\n\n    \/**\n     * Register a listener to close the dialogue when the cancel button is pressed.\n     *\n     * @method registerCloseOnCancel\n     *\/\n    Modal.prototype.registerCloseOnCancel = function() {\n        \/\/ Handle the clicking of the Cancel button.\n        this.getModal().on(CustomEvents.events.activate, this.getActionSelector('cancel'), function(e, data) {\n            var cancelEvent = $.Event(ModalEvents.cancel);\n            this.getRoot().trigger(cancelEvent, this);\n\n            if (!cancelEvent.isDefaultPrevented()) {\n                data.originalEvent.preventDefault();\n\n                if (this.removeOnClose) {\n                    this.destroy();\n                } else {\n                    this.hide();\n                }\n            }\n        }.bind(this));\n    };\n\n    \/**\n     * Register a listener to close the dialogue when the save button is pressed.\n     *\n     * @method registerCloseOnSave\n     *\/\n    Modal.prototype.registerCloseOnSave = function() {\n        \/\/ Handle the clicking of the Cancel button.\n        this.getModal().on(CustomEvents.events.activate, this.getActionSelector('save'), function(e, data) {\n            var saveEvent = $.Event(ModalEvents.save);\n            this.getRoot().trigger(saveEvent, this);\n\n            if (!saveEvent.isDefaultPrevented()) {\n                data.originalEvent.preventDefault();\n\n                if (this.removeOnClose) {\n                    this.destroy();\n                } else {\n                    this.hide();\n                }\n            }\n        }.bind(this));\n    };\n\n    \/**\n     * Set or resolve and set the value using the function.\n     *\n     * @method asyncSet\n     * @param {(string|object)} value The string or jQuery promise.\n     * @param {function} setFunction The setter\n     * @return {Promise}\n     *\/\n    Modal.prototype.asyncSet = function(value, setFunction) {\n        var p = value;\n        if (typeof value !== 'object' || !value.hasOwnProperty('then')) {\n            p = $.Deferred();\n            p.resolve(value);\n        }\n\n        p.then(function(content) {\n            setFunction(content);\n\n            return;\n        })\n        .fail(Notification.exception);\n\n        return p;\n    };\n\n    \/**\n     * Set the title text of a button.\n     *\n     * This method is overloaded to take either a string value for the button title or a jQuery promise that is resolved with\n     * text most commonly from a Str.get_string call.\n     *\n     * @param {DOMString} action The action of the button\n     * @param {(String|object)} value The button text, or a promise which will resolve to it\n     * @returns {Promise}\n     *\/\n    Modal.prototype.setButtonText = function(action, value) {\n        const button = this.getFooter().find(this.getActionSelector(action));\n\n        if (!button) {\n            throw new Error(\"Unable to find the '\" + action + \"' button\");\n        }\n\n        return this.asyncSet(value, button.text.bind(button));\n    };\n\n    \/**\n     * Get the Selector for an action.\n     *\n     * @param {String} action\n     * @returns {DOMString}\n     *\/\n    Modal.prototype.getActionSelector = function(action) {\n        return \"[data-action='\" + action + \"']\";\n    };\n\n    \/**\n     * Set the flag to remove the modal from the DOM on close.\n     *\n     * @param {Boolean} remove\n     *\/\n    Modal.prototype.setRemoveOnClose = function(remove) {\n        this.removeOnClose = remove;\n    };\n\n    return Modal;\n});\n"],"names":["define","$","Templates","Notification","KeyCodes","CustomEvents","ModalBackdrop","FilterEvents","ModalEvents","FocusLock","Pending","Aria","Fullscreen","backdropPromise","SELECTORS","TEMPLATES","modalCounter","Modal","root","modal","this","find","header","headerPromise","Deferred","title","titlePromise","body","bodyPromise","footer","footerPromise","hiddenSiblings","isAttached","bodyJS","footerJS","modalCount","attachmentPoint","document","createElement","append","is","exception","message","length","registerEventListeners","prototype","attachToDOM","getAttachmentPoint","trapFocus","runTemplateJS","countOtherVisibleModals","count","each","index","element","hasClass","bind","getBackdrop","render","then","html","fail","getRoot","getModal","getTitle","getBody","getFooter","getTitlePromise","getBodyPromise","getFooterPromise","getModalCount","setTitle","value","asyncSet","resolve","catch","setBody","notifyFilterContentUpdated","trigger","bodyRendered","jsPendingId","M","util","js_pending","contentPromise","css","when","state","height","innerHeight","animate","loadingIcon","hide","fadeIn","promise","fadeOut","js","result","isVisible","currentHeight","newHeight","opacity","duration","queue","always","js_complete","setBodyContent","_ref","setFooter","showFooter","hasFooterContent","children","hideFooter","addClass","removeClass","setLarge","isLarge","setSmall","isSmall","setScrollable","classList","add","remove","calculateZIndex","items","zIndex","parseInt","item","itemZIndex","hasFocus","target","activeElement","has","hasTransitions","getElement","show","pendingPromise","backdrop","newIndex","newBackdropIndex","setZIndex","accessibilityShow","focus","shown","hideIfNotForm","done","untrapFocus","currentIndex","accessibilityHide","one","hidden","destroy","destroyed","unhide","get","hideSiblings","unhideSiblings","on","e","keyCode","escape","removeOnClose","click","closest","outsideClickEvent","Event","outsideClick","isDefaultPrevented","events","activate","data","originalEvent","preventDefault","registerCloseOnCancel","getActionSelector","cancelEvent","cancel","registerCloseOnSave","saveEvent","save","setFunction","p","hasOwnProperty","content","setButtonText","action","button","Error","text","setRemoveOnClose"],"mappings":"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\/C,MAAMmC,KAAKJ,KAAK\/B,QACpCkC,KAAK,gBACGjC,aAAagD,QAAQjD,QAC5B+B,KAAKpC,OACNuD,MAAMxE,aAAasC,YAaxBxB,MAAM4B,UAAU+B,QAAU,SAASJ,YAC1B5C,YAAc3B,EAAEuB,eAEjBG,KAAOP,KAAK6C,aAEK,iBAAVO,MAEP7C,KAAKiC,KAAKY,OACVjE,aAAasE,2BAA2BlD,WACnCmC,UAAUgB,QAAQtE,YAAYuE,aAAc3D,WAC5CQ,YAAY8C,QAAQ\/C,UACtB,KACCqD,YAAc,2BAA6B5D,KAAKkD,gBACpDW,EAAEC,KAAKC,WAAWH,iBAGdI,eAAiB,QACrBzD,KAAK0D,IAAI,WAAY,UAKA,YAFrBb,MAAQvE,EAAEqF,KAAKd,QAELe,QAAsB,KAGxBC,OAAS7D,KAAK8D,cACdD,OAAS,MACTA,OAAS,KAGb7D,KAAK+D,QAAQ,CAACF,OAAQA,OAAS,MAAO,KAEtC7D,KAAKiC,KAAK,IACVwB,eAAiBlF,UAAUwD,OAAO3C,kBAAmB,IAChD4C,MAAK,SAASC,UACP+B,YAAc1F,EAAE2D,MAAMgC,cAC1BjE,KAAKiC,KAAK+B,aACVA,YAAYE,OAAO,KAKZ5F,EAAEqF,KAAKK,YAAYG,UAAWtB,UAExCb,MAAK,SAASgC,oBAIJA,YAAYI,QAAQ,KAAKD,aAEnCnC,MAAK,kBACKa,cAKfY,eAAiBZ,MAIrBY,eAAezB,KAAK,SAASC,KAAMoC,QAC3BC,OAAS,QAET7E,KAAK8E,YAAa,CAGlBvE,KAAK0D,IAAI,UAAW,OAChBc,cAAgBxE,KAAK8D,cACzB9D,KAAKiC,KAAKA,MAKVjC,KAAK0D,IAAI,SAAU,QACfe,UAAYzE,KAAK8D,cACrB9D,KAAK0D,IAAI,SAAUc,cAAgB,MACnCF,OAAStE,KAAK+D,QACV,CAACF,OAAQY,UAAY,KAAMC,QAAS,GACpC,CAACC,SAAU,IAAKC,OAAO,IACzBT,eAIFnE,KAAKiC,KAAKA,aAGVoC,KACI5E,KAAKY,WAEL9B,UAAU+C,cAAc+C,SAGnB\/D,OAAS+D,IAIfC,QACTzC,KAAKpC,OACNuC,KAAK,SAASsC,eACX1F,aAAasE,2BAA2BlD,WACnCmC,UAAUgB,QAAQtE,YAAYuE,aAAc3D,MAC1C6E,QACTzC,KAAKpC,OACNuC,KAAK,gBACG\/B,YAAY8C,QAAQ\/C,OAE3B6B,KAAKpC,OACNyC,KAAK1D,aAAasC,WAClB+D,QAAO,WAGJ7E,KAAK0D,IAAI,SAAU,IACnB1D,KAAK0D,IAAI,WAAY,IACrB1D,KAAK0D,IAAI,UAAW,IACpBJ,EAAEC,KAAKuB,YAAYzB,gBAItBnB,KAAK1D,aAAasC,aAU3BxB,MAAM4B,UAAU6D,eAAiB,SAASZ,gBAK\/BA,QAAQnC,MAAKgD,WAAC\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"}