\\n \\n ![]()
\\n \\n \\n \\n \\n
\\n\").replace(/(^|\\n)\\s*/g, '');\r\n\r\n const resetOldContainer = () => {\r\n const oldContainer = getContainer();\r\n\r\n if (!oldContainer) {\r\n return false;\r\n }\r\n\r\n oldContainer.remove();\r\n removeClass([document.documentElement, document.body], [swalClasses['no-backdrop'], swalClasses['toast-shown'], swalClasses['has-column']]);\r\n return true;\r\n };\r\n\r\n const resetValidationMessage = () => {\r\n if (Swal.isVisible()) {\r\n Swal.resetValidationMessage();\r\n }\r\n };\r\n\r\n const addInputChangeListeners = () => {\r\n const popup = getPopup();\r\n const input = getChildByClass(popup, swalClasses.input);\r\n const file = getChildByClass(popup, swalClasses.file);\r\n const range = popup.querySelector(\".\".concat(swalClasses.range, \" input\"));\r\n const rangeOutput = popup.querySelector(\".\".concat(swalClasses.range, \" output\"));\r\n const select = getChildByClass(popup, swalClasses.select);\r\n const checkbox = popup.querySelector(\".\".concat(swalClasses.checkbox, \" input\"));\r\n const textarea = getChildByClass(popup, swalClasses.textarea);\r\n input.oninput = resetValidationMessage;\r\n file.onchange = resetValidationMessage;\r\n select.onchange = resetValidationMessage;\r\n checkbox.onchange = resetValidationMessage;\r\n textarea.oninput = resetValidationMessage;\r\n\r\n range.oninput = () => {\r\n resetValidationMessage();\r\n rangeOutput.value = range.value;\r\n };\r\n\r\n range.onchange = () => {\r\n resetValidationMessage();\r\n range.nextSibling.value = range.value;\r\n };\r\n };\r\n\r\n const getTarget = target => typeof target === 'string' ? document.querySelector(target) : target;\r\n\r\n const setupAccessibility = params => {\r\n const popup = getPopup();\r\n popup.setAttribute('role', params.toast ? 'alert' : 'dialog');\r\n popup.setAttribute('aria-live', params.toast ? 'polite' : 'assertive');\r\n\r\n if (!params.toast) {\r\n popup.setAttribute('aria-modal', 'true');\r\n }\r\n };\r\n\r\n const setupRTL = targetElement => {\r\n if (window.getComputedStyle(targetElement).direction === 'rtl') {\r\n addClass(getContainer(), swalClasses.rtl);\r\n }\r\n };\r\n /*\r\n * Add modal + backdrop to DOM\r\n */\r\n\r\n\r\n const init = params => {\r\n // Clean up the old popup container if it exists\r\n const oldContainerExisted = resetOldContainer();\r\n /* istanbul ignore if */\r\n\r\n if (isNodeEnv()) {\r\n error('SweetAlert2 requires document to initialize');\r\n return;\r\n }\r\n\r\n const container = document.createElement('div');\r\n container.className = swalClasses.container;\r\n\r\n if (oldContainerExisted) {\r\n addClass(container, swalClasses['no-transition']);\r\n }\r\n\r\n setInnerHtml(container, sweetHTML);\r\n const targetElement = getTarget(params.target);\r\n targetElement.appendChild(container);\r\n setupAccessibility(params);\r\n setupRTL(targetElement);\r\n addInputChangeListeners();\r\n };\r\n\r\n const parseHtmlToContainer = (param, target) => {\r\n // DOM element\r\n if (param instanceof HTMLElement) {\r\n target.appendChild(param); // Object\r\n } else if (typeof param === 'object') {\r\n handleObject(param, target); // Plain string\r\n } else if (param) {\r\n setInnerHtml(target, param);\r\n }\r\n };\r\n\r\n const handleObject = (param, target) => {\r\n // JQuery element(s)\r\n if (param.jquery) {\r\n handleJqueryElem(target, param); // For other objects use their string representation\r\n } else {\r\n setInnerHtml(target, param.toString());\r\n }\r\n };\r\n\r\n const handleJqueryElem = (target, elem) => {\r\n target.textContent = '';\r\n\r\n if (0 in elem) {\r\n for (let i = 0; (i in elem); i++) {\r\n target.appendChild(elem[i].cloneNode(true));\r\n }\r\n } else {\r\n target.appendChild(elem.cloneNode(true));\r\n }\r\n };\r\n\r\n const animationEndEvent = (() => {\r\n // Prevent run in Node env\r\n\r\n /* istanbul ignore if */\r\n if (isNodeEnv()) {\r\n return false;\r\n }\r\n\r\n const testEl = document.createElement('div');\r\n const transEndEventNames = {\r\n WebkitAnimation: 'webkitAnimationEnd',\r\n OAnimation: 'oAnimationEnd oanimationend',\r\n animation: 'animationend'\r\n };\r\n\r\n for (const i in transEndEventNames) {\r\n if (Object.prototype.hasOwnProperty.call(transEndEventNames, i) && typeof testEl.style[i] !== 'undefined') {\r\n return transEndEventNames[i];\r\n }\r\n }\r\n\r\n return false;\r\n })();\r\n\r\n // https://github.com/twbs/bootstrap/blob/master/js/src/modal.js\r\n\r\n const measureScrollbar = () => {\r\n const scrollDiv = document.createElement('div');\r\n scrollDiv.className = swalClasses['scrollbar-measure'];\r\n document.body.appendChild(scrollDiv);\r\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;\r\n document.body.removeChild(scrollDiv);\r\n return scrollbarWidth;\r\n };\r\n\r\n const renderActions = (instance, params) => {\r\n const actions = getActions();\r\n const loader = getLoader();\r\n const confirmButton = getConfirmButton();\r\n const denyButton = getDenyButton();\r\n const cancelButton = getCancelButton(); // Actions (buttons) wrapper\r\n\r\n if (!params.showConfirmButton && !params.showDenyButton && !params.showCancelButton) {\r\n hide(actions);\r\n } else {\r\n show(actions);\r\n } // Custom class\r\n\r\n\r\n applyCustomClass(actions, params, 'actions'); // Render buttons\r\n\r\n renderButton(confirmButton, 'confirm', params);\r\n renderButton(denyButton, 'deny', params);\r\n renderButton(cancelButton, 'cancel', params);\r\n handleButtonsStyling(confirmButton, denyButton, cancelButton, params);\r\n\r\n if (params.reverseButtons) {\r\n actions.insertBefore(cancelButton, loader);\r\n actions.insertBefore(denyButton, loader);\r\n actions.insertBefore(confirmButton, loader);\r\n } // Loader\r\n\r\n\r\n setInnerHtml(loader, params.loaderHtml);\r\n applyCustomClass(loader, params, 'loader');\r\n };\r\n\r\n function handleButtonsStyling(confirmButton, denyButton, cancelButton, params) {\r\n if (!params.buttonsStyling) {\r\n return removeClass([confirmButton, denyButton, cancelButton], swalClasses.styled);\r\n }\r\n\r\n addClass([confirmButton, denyButton, cancelButton], swalClasses.styled); // Buttons background colors\r\n\r\n if (params.confirmButtonColor) {\r\n confirmButton.style.backgroundColor = params.confirmButtonColor;\r\n addClass(confirmButton, swalClasses['default-outline']);\r\n }\r\n\r\n if (params.denyButtonColor) {\r\n denyButton.style.backgroundColor = params.denyButtonColor;\r\n addClass(denyButton, swalClasses['default-outline']);\r\n }\r\n\r\n if (params.cancelButtonColor) {\r\n cancelButton.style.backgroundColor = params.cancelButtonColor;\r\n addClass(cancelButton, swalClasses['default-outline']);\r\n }\r\n }\r\n\r\n function renderButton(button, buttonType, params) {\r\n toggle(button, params[\"show\".concat(capitalizeFirstLetter(buttonType), \"Button\")], 'inline-block');\r\n setInnerHtml(button, params[\"\".concat(buttonType, \"ButtonText\")]); // Set caption text\r\n\r\n button.setAttribute('aria-label', params[\"\".concat(buttonType, \"ButtonAriaLabel\")]); // ARIA label\r\n // Add buttons custom classes\r\n\r\n button.className = swalClasses[buttonType];\r\n applyCustomClass(button, params, \"\".concat(buttonType, \"Button\"));\r\n addClass(button, params[\"\".concat(buttonType, \"ButtonClass\")]);\r\n }\r\n\r\n function handleBackdropParam(container, backdrop) {\r\n if (typeof backdrop === 'string') {\r\n container.style.background = backdrop;\r\n } else if (!backdrop) {\r\n addClass([document.documentElement, document.body], swalClasses['no-backdrop']);\r\n }\r\n }\r\n\r\n function handlePositionParam(container, position) {\r\n if (position in swalClasses) {\r\n addClass(container, swalClasses[position]);\r\n } else {\r\n warn('The \"position\" parameter is not valid, defaulting to \"center\"');\r\n addClass(container, swalClasses.center);\r\n }\r\n }\r\n\r\n function handleGrowParam(container, grow) {\r\n if (grow && typeof grow === 'string') {\r\n const growClass = \"grow-\".concat(grow);\r\n\r\n if (growClass in swalClasses) {\r\n addClass(container, swalClasses[growClass]);\r\n }\r\n }\r\n }\r\n\r\n const renderContainer = (instance, params) => {\r\n const container = getContainer();\r\n\r\n if (!container) {\r\n return;\r\n }\r\n\r\n handleBackdropParam(container, params.backdrop);\r\n handlePositionParam(container, params.position);\r\n handleGrowParam(container, params.grow); // Custom class\r\n\r\n applyCustomClass(container, params, 'container');\r\n };\r\n\r\n /**\r\n * This module containts `WeakMap`s for each effectively-\"private property\" that a `Swal` has.\r\n * For example, to set the private property \"foo\" of `this` to \"bar\", you can `privateProps.foo.set(this, 'bar')`\r\n * This is the approach that Babel will probably take to implement private methods/fields\r\n * https://github.com/tc39/proposal-private-methods\r\n * https://github.com/babel/babel/pull/7555\r\n * Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*\r\n * then we can use that language feature.\r\n */\r\n var privateProps = {\r\n promise: new WeakMap(),\r\n innerParams: new WeakMap(),\r\n domCache: new WeakMap()\r\n };\r\n\r\n const inputTypes = ['input', 'file', 'range', 'select', 'radio', 'checkbox', 'textarea'];\r\n const renderInput = (instance, params) => {\r\n const popup = getPopup();\r\n const innerParams = privateProps.innerParams.get(instance);\r\n const rerender = !innerParams || params.input !== innerParams.input;\r\n inputTypes.forEach(inputType => {\r\n const inputClass = swalClasses[inputType];\r\n const inputContainer = getChildByClass(popup, inputClass); // set attributes\r\n\r\n setAttributes(inputType, params.inputAttributes); // set class\r\n\r\n inputContainer.className = inputClass;\r\n\r\n if (rerender) {\r\n hide(inputContainer);\r\n }\r\n });\r\n\r\n if (params.input) {\r\n if (rerender) {\r\n showInput(params);\r\n } // set custom class\r\n\r\n\r\n setCustomClass(params);\r\n }\r\n };\r\n\r\n const showInput = params => {\r\n if (!renderInputType[params.input]) {\r\n return error(\"Unexpected type of input! Expected \\\"text\\\", \\\"email\\\", \\\"password\\\", \\\"number\\\", \\\"tel\\\", \\\"select\\\", \\\"radio\\\", \\\"checkbox\\\", \\\"textarea\\\", \\\"file\\\" or \\\"url\\\", got \\\"\".concat(params.input, \"\\\"\"));\r\n }\r\n\r\n const inputContainer = getInputContainer(params.input);\r\n const input = renderInputType[params.input](inputContainer, params);\r\n show(input); // input autofocus\r\n\r\n setTimeout(() => {\r\n focusInput(input);\r\n });\r\n };\r\n\r\n const removeAttributes = input => {\r\n for (let i = 0; i < input.attributes.length; i++) {\r\n const attrName = input.attributes[i].name;\r\n\r\n if (!['type', 'value', 'style'].includes(attrName)) {\r\n input.removeAttribute(attrName);\r\n }\r\n }\r\n };\r\n\r\n const setAttributes = (inputType, inputAttributes) => {\r\n const input = getInput(getPopup(), inputType);\r\n\r\n if (!input) {\r\n return;\r\n }\r\n\r\n removeAttributes(input);\r\n\r\n for (const attr in inputAttributes) {\r\n input.setAttribute(attr, inputAttributes[attr]);\r\n }\r\n };\r\n\r\n const setCustomClass = params => {\r\n const inputContainer = getInputContainer(params.input);\r\n\r\n if (params.customClass) {\r\n addClass(inputContainer, params.customClass.input);\r\n }\r\n };\r\n\r\n const setInputPlaceholder = (input, params) => {\r\n if (!input.placeholder || params.inputPlaceholder) {\r\n input.placeholder = params.inputPlaceholder;\r\n }\r\n };\r\n\r\n const setInputLabel = (input, prependTo, params) => {\r\n if (params.inputLabel) {\r\n input.id = swalClasses.input;\r\n const label = document.createElement('label');\r\n const labelClass = swalClasses['input-label'];\r\n label.setAttribute('for', input.id);\r\n label.className = labelClass;\r\n addClass(label, params.customClass.inputLabel);\r\n label.innerText = params.inputLabel;\r\n prependTo.insertAdjacentElement('beforebegin', label);\r\n }\r\n };\r\n\r\n const getInputContainer = inputType => {\r\n const inputClass = swalClasses[inputType] ? swalClasses[inputType] : swalClasses.input;\r\n return getChildByClass(getPopup(), inputClass);\r\n };\r\n\r\n const renderInputType = {};\r\n\r\n renderInputType.text = renderInputType.email = renderInputType.password = renderInputType.number = renderInputType.tel = renderInputType.url = (input, params) => {\r\n if (typeof params.inputValue === 'string' || typeof params.inputValue === 'number') {\r\n input.value = params.inputValue;\r\n } else if (!isPromise(params.inputValue)) {\r\n warn(\"Unexpected type of inputValue! Expected \\\"string\\\", \\\"number\\\" or \\\"Promise\\\", got \\\"\".concat(typeof params.inputValue, \"\\\"\"));\r\n }\r\n\r\n setInputLabel(input, input, params);\r\n setInputPlaceholder(input, params);\r\n input.type = params.input;\r\n return input;\r\n };\r\n\r\n renderInputType.file = (input, params) => {\r\n setInputLabel(input, input, params);\r\n setInputPlaceholder(input, params);\r\n return input;\r\n };\r\n\r\n renderInputType.range = (range, params) => {\r\n const rangeInput = range.querySelector('input');\r\n const rangeOutput = range.querySelector('output');\r\n rangeInput.value = params.inputValue;\r\n rangeInput.type = params.input;\r\n rangeOutput.value = params.inputValue;\r\n setInputLabel(rangeInput, range, params);\r\n return range;\r\n };\r\n\r\n renderInputType.select = (select, params) => {\r\n select.textContent = '';\r\n\r\n if (params.inputPlaceholder) {\r\n const placeholder = document.createElement('option');\r\n setInnerHtml(placeholder, params.inputPlaceholder);\r\n placeholder.value = '';\r\n placeholder.disabled = true;\r\n placeholder.selected = true;\r\n select.appendChild(placeholder);\r\n }\r\n\r\n setInputLabel(select, select, params);\r\n return select;\r\n };\r\n\r\n renderInputType.radio = radio => {\r\n radio.textContent = '';\r\n return radio;\r\n };\r\n\r\n renderInputType.checkbox = (checkboxContainer, params) => {\r\n const checkbox = getInput(getPopup(), 'checkbox');\r\n checkbox.value = 1;\r\n checkbox.id = swalClasses.checkbox;\r\n checkbox.checked = Boolean(params.inputValue);\r\n const label = checkboxContainer.querySelector('span');\r\n setInnerHtml(label, params.inputPlaceholder);\r\n return checkboxContainer;\r\n };\r\n\r\n renderInputType.textarea = (textarea, params) => {\r\n textarea.value = params.inputValue;\r\n setInputPlaceholder(textarea, params);\r\n setInputLabel(textarea, textarea, params);\r\n\r\n const getMargin = el => parseInt(window.getComputedStyle(el).marginLeft) + parseInt(window.getComputedStyle(el).marginRight);\r\n\r\n setTimeout(() => {\r\n // #2291\r\n if ('MutationObserver' in window) {\r\n // #1699\r\n const initialPopupWidth = parseInt(window.getComputedStyle(getPopup()).width);\r\n\r\n const textareaResizeHandler = () => {\r\n const textareaWidth = textarea.offsetWidth + getMargin(textarea);\r\n\r\n if (textareaWidth > initialPopupWidth) {\r\n getPopup().style.width = \"\".concat(textareaWidth, \"px\");\r\n } else {\r\n getPopup().style.width = null;\r\n }\r\n };\r\n\r\n new MutationObserver(textareaResizeHandler).observe(textarea, {\r\n attributes: true,\r\n attributeFilter: ['style']\r\n });\r\n }\r\n });\r\n return textarea;\r\n };\r\n\r\n const renderContent = (instance, params) => {\r\n const htmlContainer = getHtmlContainer();\r\n applyCustomClass(htmlContainer, params, 'htmlContainer'); // Content as HTML\r\n\r\n if (params.html) {\r\n parseHtmlToContainer(params.html, htmlContainer);\r\n show(htmlContainer, 'block'); // Content as plain text\r\n } else if (params.text) {\r\n htmlContainer.textContent = params.text;\r\n show(htmlContainer, 'block'); // No content\r\n } else {\r\n hide(htmlContainer);\r\n }\r\n\r\n renderInput(instance, params);\r\n };\r\n\r\n const renderFooter = (instance, params) => {\r\n const footer = getFooter();\r\n toggle(footer, params.footer);\r\n\r\n if (params.footer) {\r\n parseHtmlToContainer(params.footer, footer);\r\n } // Custom class\r\n\r\n\r\n applyCustomClass(footer, params, 'footer');\r\n };\r\n\r\n const renderCloseButton = (instance, params) => {\r\n const closeButton = getCloseButton();\r\n setInnerHtml(closeButton, params.closeButtonHtml); // Custom class\r\n\r\n applyCustomClass(closeButton, params, 'closeButton');\r\n toggle(closeButton, params.showCloseButton);\r\n closeButton.setAttribute('aria-label', params.closeButtonAriaLabel);\r\n };\r\n\r\n const renderIcon = (instance, params) => {\r\n const innerParams = privateProps.innerParams.get(instance);\r\n const icon = getIcon(); // if the given icon already rendered, apply the styling without re-rendering the icon\r\n\r\n if (innerParams && params.icon === innerParams.icon) {\r\n // Custom or default content\r\n setContent(icon, params);\r\n applyStyles(icon, params);\r\n return;\r\n }\r\n\r\n if (!params.icon && !params.iconHtml) {\r\n return hide(icon);\r\n }\r\n\r\n if (params.icon && Object.keys(iconTypes).indexOf(params.icon) === -1) {\r\n error(\"Unknown icon! Expected \\\"success\\\", \\\"error\\\", \\\"warning\\\", \\\"info\\\" or \\\"question\\\", got \\\"\".concat(params.icon, \"\\\"\"));\r\n return hide(icon);\r\n }\r\n\r\n show(icon); // Custom or default content\r\n\r\n setContent(icon, params);\r\n applyStyles(icon, params); // Animate icon\r\n\r\n addClass(icon, params.showClass.icon);\r\n };\r\n\r\n const applyStyles = (icon, params) => {\r\n for (const iconType in iconTypes) {\r\n if (params.icon !== iconType) {\r\n removeClass(icon, iconTypes[iconType]);\r\n }\r\n }\r\n\r\n addClass(icon, iconTypes[params.icon]); // Icon color\r\n\r\n setColor(icon, params); // Success icon background color\r\n\r\n adjustSuccessIconBackgoundColor(); // Custom class\r\n\r\n applyCustomClass(icon, params, 'icon');\r\n }; // Adjust success icon background color to match the popup background color\r\n\r\n\r\n const adjustSuccessIconBackgoundColor = () => {\r\n const popup = getPopup();\r\n const popupBackgroundColor = window.getComputedStyle(popup).getPropertyValue('background-color');\r\n const successIconParts = popup.querySelectorAll('[class^=swal2-success-circular-line], .swal2-success-fix');\r\n\r\n for (let i = 0; i < successIconParts.length; i++) {\r\n successIconParts[i].style.backgroundColor = popupBackgroundColor;\r\n }\r\n };\r\n\r\n const setContent = (icon, params) => {\r\n icon.textContent = '';\r\n\r\n if (params.iconHtml) {\r\n setInnerHtml(icon, iconContent(params.iconHtml));\r\n } else if (params.icon === 'success') {\r\n setInnerHtml(icon, \"\\n \\n \\n \\n \\n \");\r\n } else if (params.icon === 'error') {\r\n setInnerHtml(icon, \"\\n \\n \\n \\n \\n \");\r\n } else {\r\n const defaultIconHtml = {\r\n question: '?',\r\n warning: '!',\r\n info: 'i'\r\n };\r\n setInnerHtml(icon, iconContent(defaultIconHtml[params.icon]));\r\n }\r\n };\r\n\r\n const setColor = (icon, params) => {\r\n if (!params.iconColor) {\r\n return;\r\n }\r\n\r\n icon.style.color = params.iconColor;\r\n icon.style.borderColor = params.iconColor;\r\n\r\n for (const sel of ['.swal2-success-line-tip', '.swal2-success-line-long', '.swal2-x-mark-line-left', '.swal2-x-mark-line-right']) {\r\n setStyle(icon, sel, 'backgroundColor', params.iconColor);\r\n }\r\n\r\n setStyle(icon, '.swal2-success-ring', 'borderColor', params.iconColor);\r\n };\r\n\r\n const iconContent = content => \"\\n \\n \\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n \\n \").concat(content, \"
\");\r\n\r\n const renderImage = (instance, params) => {\r\n const image = getImage();\r\n\r\n if (!params.imageUrl) {\r\n return hide(image);\r\n }\r\n\r\n show(image, ''); // Src, alt\r\n\r\n image.setAttribute('src', params.imageUrl);\r\n image.setAttribute('alt', params.imageAlt); // Width, height\r\n\r\n applyNumericalStyle(image, 'width', params.imageWidth);\r\n applyNumericalStyle(image, 'height', params.imageHeight); // Class\r\n\r\n image.className = swalClasses.image;\r\n applyCustomClass(image, params, 'image');\r\n };\r\n\r\n const createStepElement = step => {\r\n const stepEl = document.createElement('li');\r\n addClass(stepEl, swalClasses['progress-step']);\r\n setInnerHtml(stepEl, step);\r\n return stepEl;\r\n };\r\n\r\n const createLineElement = params => {\r\n const lineEl = document.createElement('li');\r\n addClass(lineEl, swalClasses['progress-step-line']);\r\n\r\n if (params.progressStepsDistance) {\r\n lineEl.style.width = params.progressStepsDistance;\r\n }\r\n\r\n return lineEl;\r\n };\r\n\r\n const renderProgressSteps = (instance, params) => {\r\n const progressStepsContainer = getProgressSteps();\r\n\r\n if (!params.progressSteps || params.progressSteps.length === 0) {\r\n return hide(progressStepsContainer);\r\n }\r\n\r\n show(progressStepsContainer);\r\n progressStepsContainer.textContent = '';\r\n\r\n if (params.currentProgressStep >= params.progressSteps.length) {\r\n warn('Invalid currentProgressStep parameter, it should be less than progressSteps.length ' + '(currentProgressStep like JS arrays starts from 0)');\r\n }\r\n\r\n params.progressSteps.forEach((step, index) => {\r\n const stepEl = createStepElement(step);\r\n progressStepsContainer.appendChild(stepEl);\r\n\r\n if (index === params.currentProgressStep) {\r\n addClass(stepEl, swalClasses['active-progress-step']);\r\n }\r\n\r\n if (index !== params.progressSteps.length - 1) {\r\n const lineEl = createLineElement(params);\r\n progressStepsContainer.appendChild(lineEl);\r\n }\r\n });\r\n };\r\n\r\n const renderTitle = (instance, params) => {\r\n const title = getTitle();\r\n toggle(title, params.title || params.titleText, 'block');\r\n\r\n if (params.title) {\r\n parseHtmlToContainer(params.title, title);\r\n }\r\n\r\n if (params.titleText) {\r\n title.innerText = params.titleText;\r\n } // Custom class\r\n\r\n\r\n applyCustomClass(title, params, 'title');\r\n };\r\n\r\n const renderPopup = (instance, params) => {\r\n const container = getContainer();\r\n const popup = getPopup(); // Width\r\n\r\n if (params.toast) {\r\n // #2170\r\n applyNumericalStyle(container, 'width', params.width);\r\n popup.style.width = '100%';\r\n popup.insertBefore(getLoader(), getIcon());\r\n } else {\r\n applyNumericalStyle(popup, 'width', params.width);\r\n } // Padding\r\n\r\n\r\n applyNumericalStyle(popup, 'padding', params.padding); // Background\r\n\r\n if (params.background) {\r\n popup.style.background = params.background;\r\n }\r\n\r\n hide(getValidationMessage()); // Classes\r\n\r\n addClasses(popup, params);\r\n };\r\n\r\n const addClasses = (popup, params) => {\r\n // Default Class + showClass when updating Swal.update({})\r\n popup.className = \"\".concat(swalClasses.popup, \" \").concat(isVisible(popup) ? params.showClass.popup : '');\r\n\r\n if (params.toast) {\r\n addClass([document.documentElement, document.body], swalClasses['toast-shown']);\r\n addClass(popup, swalClasses.toast);\r\n } else {\r\n addClass(popup, swalClasses.modal);\r\n } // Custom class\r\n\r\n\r\n applyCustomClass(popup, params, 'popup');\r\n\r\n if (typeof params.customClass === 'string') {\r\n addClass(popup, params.customClass);\r\n } // Icon class (#1842)\r\n\r\n\r\n if (params.icon) {\r\n addClass(popup, swalClasses[\"icon-\".concat(params.icon)]);\r\n }\r\n };\r\n\r\n const render = (instance, params) => {\r\n renderPopup(instance, params);\r\n renderContainer(instance, params);\r\n renderProgressSteps(instance, params);\r\n renderIcon(instance, params);\r\n renderImage(instance, params);\r\n renderTitle(instance, params);\r\n renderCloseButton(instance, params);\r\n renderContent(instance, params);\r\n renderActions(instance, params);\r\n renderFooter(instance, params);\r\n\r\n if (typeof params.didRender === 'function') {\r\n params.didRender(getPopup());\r\n }\r\n };\r\n\r\n /*\r\n * Global function to determine if SweetAlert2 popup is shown\r\n */\r\n\r\n const isVisible$1 = () => {\r\n return isVisible(getPopup());\r\n };\r\n /*\r\n * Global function to click 'Confirm' button\r\n */\r\n\r\n const clickConfirm = () => getConfirmButton() && getConfirmButton().click();\r\n /*\r\n * Global function to click 'Deny' button\r\n */\r\n\r\n const clickDeny = () => getDenyButton() && getDenyButton().click();\r\n /*\r\n * Global function to click 'Cancel' button\r\n */\r\n\r\n const clickCancel = () => getCancelButton() && getCancelButton().click();\r\n\r\n function fire(...args) {\r\n const Swal = this;\r\n return new Swal(...args);\r\n }\r\n\r\n /**\r\n * Returns an extended version of `Swal` containing `params` as defaults.\r\n * Useful for reusing Swal configuration.\r\n *\r\n * For example:\r\n *\r\n * Before:\r\n * const textPromptOptions = { input: 'text', showCancelButton: true }\r\n * const {value: firstName} = await Swal.fire({ ...textPromptOptions, title: 'What is your first name?' })\r\n * const {value: lastName} = await Swal.fire({ ...textPromptOptions, title: 'What is your last name?' })\r\n *\r\n * After:\r\n * const TextPrompt = Swal.mixin({ input: 'text', showCancelButton: true })\r\n * const {value: firstName} = await TextPrompt('What is your first name?')\r\n * const {value: lastName} = await TextPrompt('What is your last name?')\r\n *\r\n * @param mixinParams\r\n */\r\n function mixin(mixinParams) {\r\n class MixinSwal extends this {\r\n _main(params, priorityMixinParams) {\r\n return super._main(params, Object.assign({}, mixinParams, priorityMixinParams));\r\n }\r\n\r\n }\r\n\r\n return MixinSwal;\r\n }\r\n\r\n /**\r\n * Shows loader (spinner), this is useful with AJAX requests.\r\n * By default the loader be shown instead of the \"Confirm\" button.\r\n */\r\n\r\n const showLoading = buttonToReplace => {\r\n let popup = getPopup();\r\n\r\n if (!popup) {\r\n Swal.fire();\r\n }\r\n\r\n popup = getPopup();\r\n const loader = getLoader();\r\n\r\n if (isToast()) {\r\n hide(getIcon());\r\n } else {\r\n replaceButton(popup, buttonToReplace);\r\n }\r\n\r\n show(loader);\r\n popup.setAttribute('data-loading', true);\r\n popup.setAttribute('aria-busy', true);\r\n popup.focus();\r\n };\r\n\r\n const replaceButton = (popup, buttonToReplace) => {\r\n const actions = getActions();\r\n const loader = getLoader();\r\n\r\n if (!buttonToReplace && isVisible(getConfirmButton())) {\r\n buttonToReplace = getConfirmButton();\r\n }\r\n\r\n show(actions);\r\n\r\n if (buttonToReplace) {\r\n hide(buttonToReplace);\r\n loader.setAttribute('data-button-to-replace', buttonToReplace.className);\r\n }\r\n\r\n loader.parentNode.insertBefore(loader, buttonToReplace);\r\n addClass([popup, actions], swalClasses.loading);\r\n };\r\n\r\n const RESTORE_FOCUS_TIMEOUT = 100;\r\n\r\n const globalState = {};\r\n\r\n const focusPreviousActiveElement = () => {\r\n if (globalState.previousActiveElement && globalState.previousActiveElement.focus) {\r\n globalState.previousActiveElement.focus();\r\n globalState.previousActiveElement = null;\r\n } else if (document.body) {\r\n document.body.focus();\r\n }\r\n }; // Restore previous active (focused) element\r\n\r\n\r\n const restoreActiveElement = returnFocus => {\r\n return new Promise(resolve => {\r\n if (!returnFocus) {\r\n return resolve();\r\n }\r\n\r\n const x = window.scrollX;\r\n const y = window.scrollY;\r\n globalState.restoreFocusTimeout = setTimeout(() => {\r\n focusPreviousActiveElement();\r\n resolve();\r\n }, RESTORE_FOCUS_TIMEOUT); // issues/900\r\n\r\n window.scrollTo(x, y);\r\n });\r\n };\r\n\r\n /**\r\n * If `timer` parameter is set, returns number of milliseconds of timer remained.\r\n * Otherwise, returns undefined.\r\n */\r\n\r\n const getTimerLeft = () => {\r\n return globalState.timeout && globalState.timeout.getTimerLeft();\r\n };\r\n /**\r\n * Stop timer. Returns number of milliseconds of timer remained.\r\n * If `timer` parameter isn't set, returns undefined.\r\n */\r\n\r\n const stopTimer = () => {\r\n if (globalState.timeout) {\r\n stopTimerProgressBar();\r\n return globalState.timeout.stop();\r\n }\r\n };\r\n /**\r\n * Resume timer. Returns number of milliseconds of timer remained.\r\n * If `timer` parameter isn't set, returns undefined.\r\n */\r\n\r\n const resumeTimer = () => {\r\n if (globalState.timeout) {\r\n const remaining = globalState.timeout.start();\r\n animateTimerProgressBar(remaining);\r\n return remaining;\r\n }\r\n };\r\n /**\r\n * Resume timer. Returns number of milliseconds of timer remained.\r\n * If `timer` parameter isn't set, returns undefined.\r\n */\r\n\r\n const toggleTimer = () => {\r\n const timer = globalState.timeout;\r\n return timer && (timer.running ? stopTimer() : resumeTimer());\r\n };\r\n /**\r\n * Increase timer. Returns number of milliseconds of an updated timer.\r\n * If `timer` parameter isn't set, returns undefined.\r\n */\r\n\r\n const increaseTimer = n => {\r\n if (globalState.timeout) {\r\n const remaining = globalState.timeout.increase(n);\r\n animateTimerProgressBar(remaining, true);\r\n return remaining;\r\n }\r\n };\r\n /**\r\n * Check if timer is running. Returns true if timer is running\r\n * or false if timer is paused or stopped.\r\n * If `timer` parameter isn't set, returns undefined\r\n */\r\n\r\n const isTimerRunning = () => {\r\n return globalState.timeout && globalState.timeout.isRunning();\r\n };\r\n\r\n let bodyClickListenerAdded = false;\r\n const clickHandlers = {};\r\n function bindClickHandler(attr = 'data-swal-template') {\r\n clickHandlers[attr] = this;\r\n\r\n if (!bodyClickListenerAdded) {\r\n document.body.addEventListener('click', bodyClickListener);\r\n bodyClickListenerAdded = true;\r\n }\r\n }\r\n\r\n const bodyClickListener = event => {\r\n // TODO: replace with event.composedPath()\r\n for (let el = event.target; el && el !== document; el = el.parentNode) {\r\n for (const attr in clickHandlers) {\r\n const template = el.getAttribute(attr);\r\n\r\n if (template) {\r\n clickHandlers[attr].fire({\r\n template\r\n });\r\n return;\r\n }\r\n }\r\n }\r\n };\r\n\r\n const defaultParams = {\r\n title: '',\r\n titleText: '',\r\n text: '',\r\n html: '',\r\n footer: '',\r\n icon: undefined,\r\n iconColor: undefined,\r\n iconHtml: undefined,\r\n template: undefined,\r\n toast: false,\r\n showClass: {\r\n popup: 'swal2-show',\r\n backdrop: 'swal2-backdrop-show',\r\n icon: 'swal2-icon-show'\r\n },\r\n hideClass: {\r\n popup: 'swal2-hide',\r\n backdrop: 'swal2-backdrop-hide',\r\n icon: 'swal2-icon-hide'\r\n },\r\n customClass: {},\r\n target: 'body',\r\n backdrop: true,\r\n heightAuto: true,\r\n allowOutsideClick: true,\r\n allowEscapeKey: true,\r\n allowEnterKey: true,\r\n stopKeydownPropagation: true,\r\n keydownListenerCapture: false,\r\n showConfirmButton: true,\r\n showDenyButton: false,\r\n showCancelButton: false,\r\n preConfirm: undefined,\r\n preDeny: undefined,\r\n confirmButtonText: 'OK',\r\n confirmButtonAriaLabel: '',\r\n confirmButtonColor: undefined,\r\n denyButtonText: 'No',\r\n denyButtonAriaLabel: '',\r\n denyButtonColor: undefined,\r\n cancelButtonText: 'Cancel',\r\n cancelButtonAriaLabel: '',\r\n cancelButtonColor: undefined,\r\n buttonsStyling: true,\r\n reverseButtons: false,\r\n focusConfirm: true,\r\n focusDeny: false,\r\n focusCancel: false,\r\n returnFocus: true,\r\n showCloseButton: false,\r\n closeButtonHtml: '×',\r\n closeButtonAriaLabel: 'Close this dialog',\r\n loaderHtml: '',\r\n showLoaderOnConfirm: false,\r\n showLoaderOnDeny: false,\r\n imageUrl: undefined,\r\n imageWidth: undefined,\r\n imageHeight: undefined,\r\n imageAlt: '',\r\n timer: undefined,\r\n timerProgressBar: false,\r\n width: undefined,\r\n padding: undefined,\r\n background: undefined,\r\n input: undefined,\r\n inputPlaceholder: '',\r\n inputLabel: '',\r\n inputValue: '',\r\n inputOptions: {},\r\n inputAutoTrim: true,\r\n inputAttributes: {},\r\n inputValidator: undefined,\r\n returnInputValueOnDeny: false,\r\n validationMessage: undefined,\r\n grow: false,\r\n position: 'center',\r\n progressSteps: [],\r\n currentProgressStep: undefined,\r\n progressStepsDistance: undefined,\r\n willOpen: undefined,\r\n didOpen: undefined,\r\n didRender: undefined,\r\n willClose: undefined,\r\n didClose: undefined,\r\n didDestroy: undefined,\r\n scrollbarPadding: true\r\n };\r\n const updatableParams = ['allowEscapeKey', 'allowOutsideClick', 'background', 'buttonsStyling', 'cancelButtonAriaLabel', 'cancelButtonColor', 'cancelButtonText', 'closeButtonAriaLabel', 'closeButtonHtml', 'confirmButtonAriaLabel', 'confirmButtonColor', 'confirmButtonText', 'currentProgressStep', 'customClass', 'denyButtonAriaLabel', 'denyButtonColor', 'denyButtonText', 'didClose', 'didDestroy', 'footer', 'hideClass', 'html', 'icon', 'iconColor', 'iconHtml', 'imageAlt', 'imageHeight', 'imageUrl', 'imageWidth', 'preConfirm', 'preDeny', 'progressSteps', 'returnFocus', 'reverseButtons', 'showCancelButton', 'showCloseButton', 'showConfirmButton', 'showDenyButton', 'text', 'title', 'titleText', 'willClose'];\r\n const deprecatedParams = {};\r\n const toastIncompatibleParams = ['allowOutsideClick', 'allowEnterKey', 'backdrop', 'focusConfirm', 'focusDeny', 'focusCancel', 'returnFocus', 'heightAuto', 'keydownListenerCapture'];\r\n /**\r\n * Is valid parameter\r\n * @param {String} paramName\r\n */\r\n\r\n const isValidParameter = paramName => {\r\n return Object.prototype.hasOwnProperty.call(defaultParams, paramName);\r\n };\r\n /**\r\n * Is valid parameter for Swal.update() method\r\n * @param {String} paramName\r\n */\r\n\r\n const isUpdatableParameter = paramName => {\r\n return updatableParams.indexOf(paramName) !== -1;\r\n };\r\n /**\r\n * Is deprecated parameter\r\n * @param {String} paramName\r\n */\r\n\r\n const isDeprecatedParameter = paramName => {\r\n return deprecatedParams[paramName];\r\n };\r\n\r\n const checkIfParamIsValid = param => {\r\n if (!isValidParameter(param)) {\r\n warn(\"Unknown parameter \\\"\".concat(param, \"\\\"\"));\r\n }\r\n };\r\n\r\n const checkIfToastParamIsValid = param => {\r\n if (toastIncompatibleParams.includes(param)) {\r\n warn(\"The parameter \\\"\".concat(param, \"\\\" is incompatible with toasts\"));\r\n }\r\n };\r\n\r\n const checkIfParamIsDeprecated = param => {\r\n if (isDeprecatedParameter(param)) {\r\n warnAboutDeprecation(param, isDeprecatedParameter(param));\r\n }\r\n };\r\n /**\r\n * Show relevant warnings for given params\r\n *\r\n * @param params\r\n */\r\n\r\n\r\n const showWarningsForParams = params => {\r\n if (!params.backdrop && params.allowOutsideClick) {\r\n warn('\"allowOutsideClick\" parameter requires `backdrop` parameter to be set to `true`');\r\n }\r\n\r\n for (const param in params) {\r\n checkIfParamIsValid(param);\r\n\r\n if (params.toast) {\r\n checkIfToastParamIsValid(param);\r\n }\r\n\r\n checkIfParamIsDeprecated(param);\r\n }\r\n };\r\n\r\n\r\n\r\n var staticMethods = /*#__PURE__*/Object.freeze({\r\n isValidParameter: isValidParameter,\r\n isUpdatableParameter: isUpdatableParameter,\r\n isDeprecatedParameter: isDeprecatedParameter,\r\n argsToParams: argsToParams,\r\n isVisible: isVisible$1,\r\n clickConfirm: clickConfirm,\r\n clickDeny: clickDeny,\r\n clickCancel: clickCancel,\r\n getContainer: getContainer,\r\n getPopup: getPopup,\r\n getTitle: getTitle,\r\n getHtmlContainer: getHtmlContainer,\r\n getImage: getImage,\r\n getIcon: getIcon,\r\n getInputLabel: getInputLabel,\r\n getCloseButton: getCloseButton,\r\n getActions: getActions,\r\n getConfirmButton: getConfirmButton,\r\n getDenyButton: getDenyButton,\r\n getCancelButton: getCancelButton,\r\n getLoader: getLoader,\r\n getFooter: getFooter,\r\n getTimerProgressBar: getTimerProgressBar,\r\n getFocusableElements: getFocusableElements,\r\n getValidationMessage: getValidationMessage,\r\n isLoading: isLoading,\r\n fire: fire,\r\n mixin: mixin,\r\n showLoading: showLoading,\r\n enableLoading: showLoading,\r\n getTimerLeft: getTimerLeft,\r\n stopTimer: stopTimer,\r\n resumeTimer: resumeTimer,\r\n toggleTimer: toggleTimer,\r\n increaseTimer: increaseTimer,\r\n isTimerRunning: isTimerRunning,\r\n bindClickHandler: bindClickHandler\r\n });\r\n\r\n /**\r\n * Hides loader and shows back the button which was hidden by .showLoading()\r\n */\r\n\r\n function hideLoading() {\r\n // do nothing if popup is closed\r\n const innerParams = privateProps.innerParams.get(this);\r\n\r\n if (!innerParams) {\r\n return;\r\n }\r\n\r\n const domCache = privateProps.domCache.get(this);\r\n hide(domCache.loader);\r\n\r\n if (isToast()) {\r\n if (innerParams.icon) {\r\n show(getIcon());\r\n }\r\n } else {\r\n showRelatedButton(domCache);\r\n }\r\n\r\n removeClass([domCache.popup, domCache.actions], swalClasses.loading);\r\n domCache.popup.removeAttribute('aria-busy');\r\n domCache.popup.removeAttribute('data-loading');\r\n domCache.confirmButton.disabled = false;\r\n domCache.denyButton.disabled = false;\r\n domCache.cancelButton.disabled = false;\r\n }\r\n\r\n const showRelatedButton = domCache => {\r\n const buttonToReplace = domCache.popup.getElementsByClassName(domCache.loader.getAttribute('data-button-to-replace'));\r\n\r\n if (buttonToReplace.length) {\r\n show(buttonToReplace[0], 'inline-block');\r\n } else if (allButtonsAreHidden()) {\r\n hide(domCache.actions);\r\n }\r\n };\r\n\r\n function getInput$1(instance) {\r\n const innerParams = privateProps.innerParams.get(instance || this);\r\n const domCache = privateProps.domCache.get(instance || this);\r\n\r\n if (!domCache) {\r\n return null;\r\n }\r\n\r\n return getInput(domCache.popup, innerParams.input);\r\n }\r\n\r\n const fixScrollbar = () => {\r\n // for queues, do not do this more than once\r\n if (states.previousBodyPadding !== null) {\r\n return;\r\n } // if the body has overflow\r\n\r\n\r\n if (document.body.scrollHeight > window.innerHeight) {\r\n // add padding so the content doesn't shift after removal of scrollbar\r\n states.previousBodyPadding = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'));\r\n document.body.style.paddingRight = \"\".concat(states.previousBodyPadding + measureScrollbar(), \"px\");\r\n }\r\n };\r\n const undoScrollbar = () => {\r\n if (states.previousBodyPadding !== null) {\r\n document.body.style.paddingRight = \"\".concat(states.previousBodyPadding, \"px\");\r\n states.previousBodyPadding = null;\r\n }\r\n };\r\n\r\n /* istanbul ignore file */\r\n\r\n const iOSfix = () => {\r\n const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream || navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;\r\n\r\n if (iOS && !hasClass(document.body, swalClasses.iosfix)) {\r\n const offset = document.body.scrollTop;\r\n document.body.style.top = \"\".concat(offset * -1, \"px\");\r\n addClass(document.body, swalClasses.iosfix);\r\n lockBodyScroll();\r\n addBottomPaddingForTallPopups(); // #1948\r\n }\r\n };\r\n\r\n const addBottomPaddingForTallPopups = () => {\r\n const safari = !navigator.userAgent.match(/(CriOS|FxiOS|EdgiOS|YaBrowser|UCBrowser)/i);\r\n\r\n if (safari) {\r\n const bottomPanelHeight = 44;\r\n\r\n if (getPopup().scrollHeight > window.innerHeight - bottomPanelHeight) {\r\n getContainer().style.paddingBottom = \"\".concat(bottomPanelHeight, \"px\");\r\n }\r\n }\r\n };\r\n\r\n const lockBodyScroll = () => {\r\n // #1246\r\n const container = getContainer();\r\n let preventTouchMove;\r\n\r\n container.ontouchstart = e => {\r\n preventTouchMove = shouldPreventTouchMove(e);\r\n };\r\n\r\n container.ontouchmove = e => {\r\n if (preventTouchMove) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n };\r\n };\r\n\r\n const shouldPreventTouchMove = event => {\r\n const target = event.target;\r\n const container = getContainer();\r\n\r\n if (isStylys(event) || isZoom(event)) {\r\n return false;\r\n }\r\n\r\n if (target === container) {\r\n return true;\r\n }\r\n\r\n if (!isScrollable(container) && target.tagName !== 'INPUT' && // #1603\r\n target.tagName !== 'TEXTAREA' && // #2266\r\n !(isScrollable(getHtmlContainer()) && // #1944\r\n getHtmlContainer().contains(target))) {\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n const isStylys = event => {\r\n // #1786\r\n return event.touches && event.touches.length && event.touches[0].touchType === 'stylus';\r\n };\r\n\r\n const isZoom = event => {\r\n // #1891\r\n return event.touches && event.touches.length > 1;\r\n };\r\n\r\n const undoIOSfix = () => {\r\n if (hasClass(document.body, swalClasses.iosfix)) {\r\n const offset = parseInt(document.body.style.top, 10);\r\n removeClass(document.body, swalClasses.iosfix);\r\n document.body.style.top = '';\r\n document.body.scrollTop = offset * -1;\r\n }\r\n };\r\n\r\n // Adding aria-hidden=\"true\" to elements outside of the active modal dialog ensures that\r\n // elements not within the active modal dialog will not be surfaced if a user opens a screen\r\n // reader’s list of elements (headings, form controls, landmarks, etc.) in the document.\r\n\r\n const setAriaHidden = () => {\r\n const bodyChildren = toArray(document.body.children);\r\n bodyChildren.forEach(el => {\r\n if (el === getContainer() || el.contains(getContainer())) {\r\n return;\r\n }\r\n\r\n if (el.hasAttribute('aria-hidden')) {\r\n el.setAttribute('data-previous-aria-hidden', el.getAttribute('aria-hidden'));\r\n }\r\n\r\n el.setAttribute('aria-hidden', 'true');\r\n });\r\n };\r\n const unsetAriaHidden = () => {\r\n const bodyChildren = toArray(document.body.children);\r\n bodyChildren.forEach(el => {\r\n if (el.hasAttribute('data-previous-aria-hidden')) {\r\n el.setAttribute('aria-hidden', el.getAttribute('data-previous-aria-hidden'));\r\n el.removeAttribute('data-previous-aria-hidden');\r\n } else {\r\n el.removeAttribute('aria-hidden');\r\n }\r\n });\r\n };\r\n\r\n /**\r\n * This module containts `WeakMap`s for each effectively-\"private property\" that a `Swal` has.\r\n * For example, to set the private property \"foo\" of `this` to \"bar\", you can `privateProps.foo.set(this, 'bar')`\r\n * This is the approach that Babel will probably take to implement private methods/fields\r\n * https://github.com/tc39/proposal-private-methods\r\n * https://github.com/babel/babel/pull/7555\r\n * Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*\r\n * then we can use that language feature.\r\n */\r\n var privateMethods = {\r\n swalPromiseResolve: new WeakMap()\r\n };\r\n\r\n /*\r\n * Instance method to close sweetAlert\r\n */\r\n\r\n function removePopupAndResetState(instance, container, returnFocus, didClose) {\r\n if (isToast()) {\r\n triggerDidCloseAndDispose(instance, didClose);\r\n } else {\r\n restoreActiveElement(returnFocus).then(() => triggerDidCloseAndDispose(instance, didClose));\r\n globalState.keydownTarget.removeEventListener('keydown', globalState.keydownHandler, {\r\n capture: globalState.keydownListenerCapture\r\n });\r\n globalState.keydownHandlerAdded = false;\r\n }\r\n\r\n const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); // workaround for #2088\r\n // for some reason removing the container in Safari will scroll the document to bottom\r\n\r\n if (isSafari) {\r\n container.setAttribute('style', 'display:none !important');\r\n container.removeAttribute('class');\r\n container.innerHTML = '';\r\n } else {\r\n container.remove();\r\n }\r\n\r\n if (isModal()) {\r\n undoScrollbar();\r\n undoIOSfix();\r\n unsetAriaHidden();\r\n }\r\n\r\n removeBodyClasses();\r\n }\r\n\r\n function removeBodyClasses() {\r\n removeClass([document.documentElement, document.body], [swalClasses.shown, swalClasses['height-auto'], swalClasses['no-backdrop'], swalClasses['toast-shown']]);\r\n }\r\n\r\n function close(resolveValue) {\r\n const popup = getPopup();\r\n\r\n if (!popup) {\r\n return;\r\n }\r\n\r\n resolveValue = prepareResolveValue(resolveValue);\r\n const innerParams = privateProps.innerParams.get(this);\r\n\r\n if (!innerParams || hasClass(popup, innerParams.hideClass.popup)) {\r\n return;\r\n }\r\n\r\n const swalPromiseResolve = privateMethods.swalPromiseResolve.get(this);\r\n removeClass(popup, innerParams.showClass.popup);\r\n addClass(popup, innerParams.hideClass.popup);\r\n const backdrop = getContainer();\r\n removeClass(backdrop, innerParams.showClass.backdrop);\r\n addClass(backdrop, innerParams.hideClass.backdrop);\r\n handlePopupAnimation(this, popup, innerParams); // Resolve Swal promise\r\n\r\n swalPromiseResolve(resolveValue);\r\n }\r\n\r\n const prepareResolveValue = resolveValue => {\r\n // When user calls Swal.close()\r\n if (typeof resolveValue === 'undefined') {\r\n return {\r\n isConfirmed: false,\r\n isDenied: false,\r\n isDismissed: true\r\n };\r\n }\r\n\r\n return Object.assign({\r\n isConfirmed: false,\r\n isDenied: false,\r\n isDismissed: false\r\n }, resolveValue);\r\n };\r\n\r\n const handlePopupAnimation = (instance, popup, innerParams) => {\r\n const container = getContainer(); // If animation is supported, animate\r\n\r\n const animationIsSupported = animationEndEvent && hasCssAnimation(popup);\r\n\r\n if (typeof innerParams.willClose === 'function') {\r\n innerParams.willClose(popup);\r\n }\r\n\r\n if (animationIsSupported) {\r\n animatePopup(instance, popup, container, innerParams.returnFocus, innerParams.didClose);\r\n } else {\r\n // Otherwise, remove immediately\r\n removePopupAndResetState(instance, container, innerParams.returnFocus, innerParams.didClose);\r\n }\r\n };\r\n\r\n const animatePopup = (instance, popup, container, returnFocus, didClose) => {\r\n globalState.swalCloseEventFinishedCallback = removePopupAndResetState.bind(null, instance, container, returnFocus, didClose);\r\n popup.addEventListener(animationEndEvent, function (e) {\r\n if (e.target === popup) {\r\n globalState.swalCloseEventFinishedCallback();\r\n delete globalState.swalCloseEventFinishedCallback;\r\n }\r\n });\r\n };\r\n\r\n const triggerDidCloseAndDispose = (instance, didClose) => {\r\n setTimeout(() => {\r\n if (typeof didClose === 'function') {\r\n didClose.bind(instance.params)();\r\n }\r\n\r\n instance._destroy();\r\n });\r\n };\r\n\r\n function setButtonsDisabled(instance, buttons, disabled) {\r\n const domCache = privateProps.domCache.get(instance);\r\n buttons.forEach(button => {\r\n domCache[button].disabled = disabled;\r\n });\r\n }\r\n\r\n function setInputDisabled(input, disabled) {\r\n if (!input) {\r\n return false;\r\n }\r\n\r\n if (input.type === 'radio') {\r\n const radiosContainer = input.parentNode.parentNode;\r\n const radios = radiosContainer.querySelectorAll('input');\r\n\r\n for (let i = 0; i < radios.length; i++) {\r\n radios[i].disabled = disabled;\r\n }\r\n } else {\r\n input.disabled = disabled;\r\n }\r\n }\r\n\r\n function enableButtons() {\r\n setButtonsDisabled(this, ['confirmButton', 'denyButton', 'cancelButton'], false);\r\n }\r\n function disableButtons() {\r\n setButtonsDisabled(this, ['confirmButton', 'denyButton', 'cancelButton'], true);\r\n }\r\n function enableInput() {\r\n return setInputDisabled(this.getInput(), false);\r\n }\r\n function disableInput() {\r\n return setInputDisabled(this.getInput(), true);\r\n }\r\n\r\n function showValidationMessage(error) {\r\n const domCache = privateProps.domCache.get(this);\r\n const params = privateProps.innerParams.get(this);\r\n setInnerHtml(domCache.validationMessage, error);\r\n domCache.validationMessage.className = swalClasses['validation-message'];\r\n\r\n if (params.customClass && params.customClass.validationMessage) {\r\n addClass(domCache.validationMessage, params.customClass.validationMessage);\r\n }\r\n\r\n show(domCache.validationMessage);\r\n const input = this.getInput();\r\n\r\n if (input) {\r\n input.setAttribute('aria-invalid', true);\r\n input.setAttribute('aria-describedby', swalClasses['validation-message']);\r\n focusInput(input);\r\n addClass(input, swalClasses.inputerror);\r\n }\r\n } // Hide block with validation message\r\n\r\n function resetValidationMessage$1() {\r\n const domCache = privateProps.domCache.get(this);\r\n\r\n if (domCache.validationMessage) {\r\n hide(domCache.validationMessage);\r\n }\r\n\r\n const input = this.getInput();\r\n\r\n if (input) {\r\n input.removeAttribute('aria-invalid');\r\n input.removeAttribute('aria-describedby');\r\n removeClass(input, swalClasses.inputerror);\r\n }\r\n }\r\n\r\n function getProgressSteps$1() {\r\n const domCache = privateProps.domCache.get(this);\r\n return domCache.progressSteps;\r\n }\r\n\r\n class Timer {\r\n constructor(callback, delay) {\r\n this.callback = callback;\r\n this.remaining = delay;\r\n this.running = false;\r\n this.start();\r\n }\r\n\r\n start() {\r\n if (!this.running) {\r\n this.running = true;\r\n this.started = new Date();\r\n this.id = setTimeout(this.callback, this.remaining);\r\n }\r\n\r\n return this.remaining;\r\n }\r\n\r\n stop() {\r\n if (this.running) {\r\n this.running = false;\r\n clearTimeout(this.id);\r\n this.remaining -= new Date() - this.started;\r\n }\r\n\r\n return this.remaining;\r\n }\r\n\r\n increase(n) {\r\n const running = this.running;\r\n\r\n if (running) {\r\n this.stop();\r\n }\r\n\r\n this.remaining += n;\r\n\r\n if (running) {\r\n this.start();\r\n }\r\n\r\n return this.remaining;\r\n }\r\n\r\n getTimerLeft() {\r\n if (this.running) {\r\n this.stop();\r\n this.start();\r\n }\r\n\r\n return this.remaining;\r\n }\r\n\r\n isRunning() {\r\n return this.running;\r\n }\r\n\r\n }\r\n\r\n var defaultInputValidators = {\r\n email: (string, validationMessage) => {\r\n return /^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z0-9-]{2,24}$/.test(string) ? Promise.resolve() : Promise.resolve(validationMessage || 'Invalid email address');\r\n },\r\n url: (string, validationMessage) => {\r\n // taken from https://stackoverflow.com/a/3809435 with a small change from #1306 and #2013\r\n return /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-z]{2,63}\\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(string) ? Promise.resolve() : Promise.resolve(validationMessage || 'Invalid URL');\r\n }\r\n };\r\n\r\n function setDefaultInputValidators(params) {\r\n // Use default `inputValidator` for supported input types if not provided\r\n if (!params.inputValidator) {\r\n Object.keys(defaultInputValidators).forEach(key => {\r\n if (params.input === key) {\r\n params.inputValidator = defaultInputValidators[key];\r\n }\r\n });\r\n }\r\n }\r\n\r\n function validateCustomTargetElement(params) {\r\n // Determine if the custom target element is valid\r\n if (!params.target || typeof params.target === 'string' && !document.querySelector(params.target) || typeof params.target !== 'string' && !params.target.appendChild) {\r\n warn('Target parameter is not valid, defaulting to \"body\"');\r\n params.target = 'body';\r\n }\r\n }\r\n /**\r\n * Set type, text and actions on popup\r\n *\r\n * @param params\r\n * @returns {boolean}\r\n */\r\n\r\n\r\n function setParameters(params) {\r\n setDefaultInputValidators(params); // showLoaderOnConfirm && preConfirm\r\n\r\n if (params.showLoaderOnConfirm && !params.preConfirm) {\r\n warn('showLoaderOnConfirm is set to true, but preConfirm is not defined.\\n' + 'showLoaderOnConfirm should be used together with preConfirm, see usage example:\\n' + 'https://sweetalert2.github.io/#ajax-request');\r\n }\r\n\r\n validateCustomTargetElement(params); // Replace newlines with in title\r\n\r\n if (typeof params.title === 'string') {\r\n params.title = params.title.split('\\n').join('
');\r\n }\r\n\r\n init(params);\r\n }\r\n\r\n const swalStringParams = ['swal-title', 'swal-html', 'swal-footer'];\r\n const getTemplateParams = params => {\r\n const template = typeof params.template === 'string' ? document.querySelector(params.template) : params.template;\r\n\r\n if (!template) {\r\n return {};\r\n }\r\n\r\n const templateContent = template.content;\r\n showWarningsForElements(templateContent);\r\n const result = Object.assign(getSwalParams(templateContent), getSwalButtons(templateContent), getSwalImage(templateContent), getSwalIcon(templateContent), getSwalInput(templateContent), getSwalStringParams(templateContent, swalStringParams));\r\n return result;\r\n };\r\n\r\n const getSwalParams = templateContent => {\r\n const result = {};\r\n toArray(templateContent.querySelectorAll('swal-param')).forEach(param => {\r\n showWarningsForAttributes(param, ['name', 'value']);\r\n const paramName = param.getAttribute('name');\r\n let value = param.getAttribute('value');\r\n\r\n if (typeof defaultParams[paramName] === 'boolean' && value === 'false') {\r\n value = false;\r\n }\r\n\r\n if (typeof defaultParams[paramName] === 'object') {\r\n value = JSON.parse(value);\r\n }\r\n\r\n result[paramName] = value;\r\n });\r\n return result;\r\n };\r\n\r\n const getSwalButtons = templateContent => {\r\n const result = {};\r\n toArray(templateContent.querySelectorAll('swal-button')).forEach(button => {\r\n showWarningsForAttributes(button, ['type', 'color', 'aria-label']);\r\n const type = button.getAttribute('type');\r\n result[\"\".concat(type, \"ButtonText\")] = button.innerHTML;\r\n result[\"show\".concat(capitalizeFirstLetter(type), \"Button\")] = true;\r\n\r\n if (button.hasAttribute('color')) {\r\n result[\"\".concat(type, \"ButtonColor\")] = button.getAttribute('color');\r\n }\r\n\r\n if (button.hasAttribute('aria-label')) {\r\n result[\"\".concat(type, \"ButtonAriaLabel\")] = button.getAttribute('aria-label');\r\n }\r\n });\r\n return result;\r\n };\r\n\r\n const getSwalImage = templateContent => {\r\n const result = {};\r\n const image = templateContent.querySelector('swal-image');\r\n\r\n if (image) {\r\n showWarningsForAttributes(image, ['src', 'width', 'height', 'alt']);\r\n\r\n if (image.hasAttribute('src')) {\r\n result.imageUrl = image.getAttribute('src');\r\n }\r\n\r\n if (image.hasAttribute('width')) {\r\n result.imageWidth = image.getAttribute('width');\r\n }\r\n\r\n if (image.hasAttribute('height')) {\r\n result.imageHeight = image.getAttribute('height');\r\n }\r\n\r\n if (image.hasAttribute('alt')) {\r\n result.imageAlt = image.getAttribute('alt');\r\n }\r\n }\r\n\r\n return result;\r\n };\r\n\r\n const getSwalIcon = templateContent => {\r\n const result = {};\r\n const icon = templateContent.querySelector('swal-icon');\r\n\r\n if (icon) {\r\n showWarningsForAttributes(icon, ['type', 'color']);\r\n\r\n if (icon.hasAttribute('type')) {\r\n result.icon = icon.getAttribute('type');\r\n }\r\n\r\n if (icon.hasAttribute('color')) {\r\n result.iconColor = icon.getAttribute('color');\r\n }\r\n\r\n result.iconHtml = icon.innerHTML;\r\n }\r\n\r\n return result;\r\n };\r\n\r\n const getSwalInput = templateContent => {\r\n const result = {};\r\n const input = templateContent.querySelector('swal-input');\r\n\r\n if (input) {\r\n showWarningsForAttributes(input, ['type', 'label', 'placeholder', 'value']);\r\n result.input = input.getAttribute('type') || 'text';\r\n\r\n if (input.hasAttribute('label')) {\r\n result.inputLabel = input.getAttribute('label');\r\n }\r\n\r\n if (input.hasAttribute('placeholder')) {\r\n result.inputPlaceholder = input.getAttribute('placeholder');\r\n }\r\n\r\n if (input.hasAttribute('value')) {\r\n result.inputValue = input.getAttribute('value');\r\n }\r\n }\r\n\r\n const inputOptions = templateContent.querySelectorAll('swal-input-option');\r\n\r\n if (inputOptions.length) {\r\n result.inputOptions = {};\r\n toArray(inputOptions).forEach(option => {\r\n showWarningsForAttributes(option, ['value']);\r\n const optionValue = option.getAttribute('value');\r\n const optionName = option.innerHTML;\r\n result.inputOptions[optionValue] = optionName;\r\n });\r\n }\r\n\r\n return result;\r\n };\r\n\r\n const getSwalStringParams = (templateContent, paramNames) => {\r\n const result = {};\r\n\r\n for (const i in paramNames) {\r\n const paramName = paramNames[i];\r\n const tag = templateContent.querySelector(paramName);\r\n\r\n if (tag) {\r\n showWarningsForAttributes(tag, []);\r\n result[paramName.replace(/^swal-/, '')] = tag.innerHTML.trim();\r\n }\r\n }\r\n\r\n return result;\r\n };\r\n\r\n const showWarningsForElements = template => {\r\n const allowedElements = swalStringParams.concat(['swal-param', 'swal-button', 'swal-image', 'swal-icon', 'swal-input', 'swal-input-option']);\r\n toArray(template.children).forEach(el => {\r\n const tagName = el.tagName.toLowerCase();\r\n\r\n if (allowedElements.indexOf(tagName) === -1) {\r\n warn(\"Unrecognized element <\".concat(tagName, \">\"));\r\n }\r\n });\r\n };\r\n\r\n const showWarningsForAttributes = (el, allowedAttributes) => {\r\n toArray(el.attributes).forEach(attribute => {\r\n if (allowedAttributes.indexOf(attribute.name) === -1) {\r\n warn([\"Unrecognized attribute \\\"\".concat(attribute.name, \"\\\" on <\").concat(el.tagName.toLowerCase(), \">.\"), \"\".concat(allowedAttributes.length ? \"Allowed attributes are: \".concat(allowedAttributes.join(', ')) : 'To set the value, use HTML within the element.')]);\r\n }\r\n });\r\n };\r\n\r\n const SHOW_CLASS_TIMEOUT = 10;\r\n /**\r\n * Open popup, add necessary classes and styles, fix scrollbar\r\n *\r\n * @param params\r\n */\r\n\r\n const openPopup = params => {\r\n const container = getContainer();\r\n const popup = getPopup();\r\n\r\n if (typeof params.willOpen === 'function') {\r\n params.willOpen(popup);\r\n }\r\n\r\n const bodyStyles = window.getComputedStyle(document.body);\r\n const initialBodyOverflow = bodyStyles.overflowY;\r\n addClasses$1(container, popup, params); // scrolling is 'hidden' until animation is done, after that 'auto'\r\n\r\n setTimeout(() => {\r\n setScrollingVisibility(container, popup);\r\n }, SHOW_CLASS_TIMEOUT);\r\n\r\n if (isModal()) {\r\n fixScrollContainer(container, params.scrollbarPadding, initialBodyOverflow);\r\n setAriaHidden();\r\n }\r\n\r\n if (!isToast() && !globalState.previousActiveElement) {\r\n globalState.previousActiveElement = document.activeElement;\r\n }\r\n\r\n if (typeof params.didOpen === 'function') {\r\n setTimeout(() => params.didOpen(popup));\r\n }\r\n\r\n removeClass(container, swalClasses['no-transition']);\r\n };\r\n\r\n const swalOpenAnimationFinished = event => {\r\n const popup = getPopup();\r\n\r\n if (event.target !== popup) {\r\n return;\r\n }\r\n\r\n const container = getContainer();\r\n popup.removeEventListener(animationEndEvent, swalOpenAnimationFinished);\r\n container.style.overflowY = 'auto';\r\n };\r\n\r\n const setScrollingVisibility = (container, popup) => {\r\n if (animationEndEvent && hasCssAnimation(popup)) {\r\n container.style.overflowY = 'hidden';\r\n popup.addEventListener(animationEndEvent, swalOpenAnimationFinished);\r\n } else {\r\n container.style.overflowY = 'auto';\r\n }\r\n };\r\n\r\n const fixScrollContainer = (container, scrollbarPadding, initialBodyOverflow) => {\r\n iOSfix();\r\n\r\n if (scrollbarPadding && initialBodyOverflow !== 'hidden') {\r\n fixScrollbar();\r\n } // sweetalert2/issues/1247\r\n\r\n\r\n setTimeout(() => {\r\n container.scrollTop = 0;\r\n });\r\n };\r\n\r\n const addClasses$1 = (container, popup, params) => {\r\n addClass(container, params.showClass.backdrop); // the workaround with setting/unsetting opacity is needed for #2019 and 2059\r\n\r\n popup.style.setProperty('opacity', '0', 'important');\r\n show(popup, 'grid');\r\n setTimeout(() => {\r\n // Animate popup right after showing it\r\n addClass(popup, params.showClass.popup); // and remove the opacity workaround\r\n\r\n popup.style.removeProperty('opacity');\r\n }, SHOW_CLASS_TIMEOUT); // 10ms in order to fix #2062\r\n\r\n addClass([document.documentElement, document.body], swalClasses.shown);\r\n\r\n if (params.heightAuto && params.backdrop && !params.toast) {\r\n addClass([document.documentElement, document.body], swalClasses['height-auto']);\r\n }\r\n };\r\n\r\n const handleInputOptionsAndValue = (instance, params) => {\r\n if (params.input === 'select' || params.input === 'radio') {\r\n handleInputOptions(instance, params);\r\n } else if (['text', 'email', 'number', 'tel', 'textarea'].includes(params.input) && (hasToPromiseFn(params.inputValue) || isPromise(params.inputValue))) {\r\n showLoading(getConfirmButton());\r\n handleInputValue(instance, params);\r\n }\r\n };\r\n const getInputValue = (instance, innerParams) => {\r\n const input = instance.getInput();\r\n\r\n if (!input) {\r\n return null;\r\n }\r\n\r\n switch (innerParams.input) {\r\n case 'checkbox':\r\n return getCheckboxValue(input);\r\n\r\n case 'radio':\r\n return getRadioValue(input);\r\n\r\n case 'file':\r\n return getFileValue(input);\r\n\r\n default:\r\n return innerParams.inputAutoTrim ? input.value.trim() : input.value;\r\n }\r\n };\r\n\r\n const getCheckboxValue = input => input.checked ? 1 : 0;\r\n\r\n const getRadioValue = input => input.checked ? input.value : null;\r\n\r\n const getFileValue = input => input.files.length ? input.getAttribute('multiple') !== null ? input.files : input.files[0] : null;\r\n\r\n const handleInputOptions = (instance, params) => {\r\n const popup = getPopup();\r\n\r\n const processInputOptions = inputOptions => populateInputOptions[params.input](popup, formatInputOptions(inputOptions), params);\r\n\r\n if (hasToPromiseFn(params.inputOptions) || isPromise(params.inputOptions)) {\r\n showLoading(getConfirmButton());\r\n asPromise(params.inputOptions).then(inputOptions => {\r\n instance.hideLoading();\r\n processInputOptions(inputOptions);\r\n });\r\n } else if (typeof params.inputOptions === 'object') {\r\n processInputOptions(params.inputOptions);\r\n } else {\r\n error(\"Unexpected type of inputOptions! Expected object, Map or Promise, got \".concat(typeof params.inputOptions));\r\n }\r\n };\r\n\r\n const handleInputValue = (instance, params) => {\r\n const input = instance.getInput();\r\n hide(input);\r\n asPromise(params.inputValue).then(inputValue => {\r\n input.value = params.input === 'number' ? parseFloat(inputValue) || 0 : \"\".concat(inputValue);\r\n show(input);\r\n input.focus();\r\n instance.hideLoading();\r\n }).catch(err => {\r\n error(\"Error in inputValue promise: \".concat(err));\r\n input.value = '';\r\n show(input);\r\n input.focus();\r\n instance.hideLoading();\r\n });\r\n };\r\n\r\n const populateInputOptions = {\r\n select: (popup, inputOptions, params) => {\r\n const select = getChildByClass(popup, swalClasses.select);\r\n\r\n const renderOption = (parent, optionLabel, optionValue) => {\r\n const option = document.createElement('option');\r\n option.value = optionValue;\r\n setInnerHtml(option, optionLabel);\r\n option.selected = isSelected(optionValue, params.inputValue);\r\n parent.appendChild(option);\r\n };\r\n\r\n inputOptions.forEach(inputOption => {\r\n const optionValue = inputOption[0];\r\n const optionLabel = inputOption[1]; // \n \n );\n};\n\nPageView.propTypes = {\n pageSelectedHandler: PropTypes.func.isRequired,\n selected: PropTypes.bool.isRequired,\n pageClassName: PropTypes.string,\n pageLinkClassName: PropTypes.string,\n activeClassName: PropTypes.string,\n activeLinkClassName: PropTypes.string,\n extraAriaContext: PropTypes.string,\n href: PropTypes.string,\n ariaLabel: PropTypes.string,\n page: PropTypes.number.isRequired,\n getEventListener: PropTypes.func.isRequired,\n pageLabelBuilder: PropTypes.func.isRequired,\n};\n\nexport default PageView;\n","'use strict';\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nconst BreakView = (props) => {\n const {\n breakLabel,\n breakClassName,\n breakLinkClassName,\n breakHandler,\n getEventListener,\n } = props;\n const className = breakClassName || 'break';\n\n return (\n
- \n
- \n
- \n