- ${categoryLinks.join('')}
${heading}
` : '';\n const div: HTMLElement = document.createElement('DIV');\n div.setAttribute('class', 'cbw-footer-category');\n const linkColorClass = color === 'dark' ? 'cbw-black1 cbw-black1-border' : '';\n return stringToHTML(\n div,\n ``,\n );\n};\n\nexport const getLinksMarkup = (links: FooterLink[], color: string): HTMLElement => {\n const linksElement: HTMLElement = document.createElement('DIV');\n ['1', '2', '3'].forEach(column => {\n const div: HTMLElement = document.createElement('DIV');\n div.setAttribute(\n 'class',\n `cbw-footer-column cbw-col-xs-12 cbw-col-sm-4 cbw-col-lg-3 ${column === '3' ? 'cbw-offset-lg-3' : ''}`,\n );\n const headers: FooterLink[] = links.filter(\n (link: FooterLink) => link.column === column && link.category === '',\n );\n headers.forEach((header: FooterLink) => {\n const category = getCategory(\n links.filter((link: FooterLink) => link.category === header.name),\n header.label ?? '',\n color,\n );\n div.appendChild(category);\n });\n linksElement.appendChild(div);\n });\n return linksElement;\n};\n","import { FooterLink } from './types';\n\nexport const defaultFooterLinks: FooterLink[] = [\n {\n name: 'programs',\n url: 'https://www.collegeboard.org',\n label: 'Programs',\n linkCode: '',\n category: '',\n column: '1',\n },\n {\n name: 'SAT',\n label: 'SAT®',\n url: 'https://satsuite.collegeboard.org/sat',\n category: 'programs',\n linkCode: 'sat',\n },\n {\n name: 'PSAT/NMSQT',\n label: 'PSAT/NMSQT®',\n url: 'https://satsuite.collegeboard.org/psat-nmsqt',\n category: 'programs',\n linkCode: 'pn',\n },\n {\n name: 'PSAT 10',\n label: 'PSAT™ 10',\n url: 'https://satsuite.collegeboard.org/psat-10',\n category: 'programs',\n linkCode: 'p10',\n },\n {\n name: 'PSAT 8/9',\n label: 'PSAT™ 8/9',\n url: 'https://satsuite.collegeboard.org/psat-8-9',\n category: 'programs',\n linkCode: 'p89',\n },\n {\n name: 'SpringBoard',\n label: 'SpringBoard®',\n url: 'https://springboard.collegeboard.org/',\n category: 'programs',\n linkCode: 'sb',\n },\n {\n name: 'Pre-AP',\n label: 'Pre-AP®',\n url: 'https://pre-ap.collegeboard.org',\n category: 'programs',\n linkCode: 'preap',\n },\n {\n name: 'AP',\n label: 'AP®',\n url: 'https://ap.collegeboard.org',\n category: 'programs',\n linkCode: 'ap',\n },\n {\n name: 'BigFuture',\n label: 'BigFuture®',\n url: 'https://bigfuture.collegeboard.org/',\n category: 'programs',\n linkCode: 'cp',\n },\n {\n name: 'ACCUPLACER',\n label: 'ACCUPLACER®',\n url: 'https://accuplacer.collegeboard.org/',\n category: 'programs',\n linkCode: 'accu',\n },\n {\n name: 'CLEP',\n label: 'CLEP®',\n url: 'https://clep.collegeboard.org/',\n category: 'programs',\n linkCode: 'clep',\n },\n {\n name: 'CSS Profile',\n label: 'CSS Profile®',\n url: 'https://cssprofile.collegeboard.org/',\n category: 'programs',\n linkCode: 'css',\n },\n {\n name: 'Search',\n url: 'https://cbsearch.collegeboard.org/',\n category: 'programs',\n linkCode: 'cbsch',\n },\n {\n name: 'PowerFAIDS',\n label: 'PowerFAIDS™',\n url: 'https://powerfaids.collegeboard.org/',\n category: 'programs',\n linkCode: 'pfaid',\n },\n {\n name: 'organization',\n url: 'https://www.collegeboard.org',\n label: 'College Board',\n linkCode: '',\n category: '',\n column: '2',\n },\n {\n name: 'About Us',\n url: 'https://about.collegeboard.org/',\n category: 'organization',\n linkCode: 'abt',\n },\n {\n name: 'Careers',\n url: 'https://careers.collegeboard.org/ ',\n category: 'organization',\n linkCode: 'car',\n },\n {\n name: 'Membership',\n url: 'https://membership.collegeboard.org',\n category: 'organization',\n linkCode: 'mem',\n },\n {\n name: 'Newsroom',\n url: 'https://newsroom.collegeboard.org',\n category: 'organization',\n linkCode: 'news',\n },\n {\n name: 'Research',\n url: 'https://research.collegeboard.org/',\n category: 'organization',\n linkCode: 'rsch',\n },\n {\n name: 'Services for Students with Disabilities',\n url: 'https://accommodations.collegeboard.org/',\n category: 'organization',\n linkCode: 'ssd',\n },\n {\n name: 'Educational Opportunity Center',\n url: 'https://information.collegeboard.org/educational-opportunity-center/',\n category: 'organization',\n linkCode: 'eoc',\n },\n {\n name: 'College Board Blog',\n url: 'https://blog.collegeboard.org/',\n category: 'organization',\n linkCode: 'blog',\n },\n {\n name: 'The Elective',\n url: 'https://elective.collegeboard.org/',\n category: 'organization',\n linkCode: 'elective',\n },\n {\n name: 'College Board Foundation ',\n url: 'https://foundation.collegeboard.org/',\n category: 'organization',\n linkCode: 'foundation',\n },\n {\n name: 'extra',\n url: 'https://www.collegeboard.org',\n label: '',\n linkCode: '',\n category: '',\n column: '3',\n },\n {\n name: 'Help',\n url: 'https://support.collegeboard.org',\n category: 'extra',\n linkCode: 'help',\n },\n {\n name: 'Contact Us',\n url: 'https://about.collegeboard.org/contact-us',\n category: 'extra',\n linkCode: 'contact',\n },\n {\n name: 'More',\n url: 'https://www.collegeboard.org/sitemap',\n category: 'extra',\n linkCode: 'morecb',\n },\n {\n name: 'Doing Business',\n url: 'https://about.collegeboard.org/doing-business',\n category: 'extra',\n linkCode: 'bus',\n },\n {\n name: 'Compliance',\n url: 'https://secure.ethicspoint.com/domain/en/report_custom.asp?clientid=18136',\n category: 'extra',\n linkCode: 'comp',\n },\n {\n name: 'Legal Terms for Students',\n url: 'https://privacy.collegeboard.org/student-legal-terms',\n category: 'extra',\n linkCode: 'stterms',\n },\n {\n name: 'Legal Terms for Educators and Institutions',\n url: 'https://privacy.collegeboard.org/educator-legal-terms',\n category: 'extra',\n linkCode: 'edterms',\n },\n {\n name: 'Privacy Center',\n url: 'https://privacy.collegeboard.org',\n category: 'extra',\n linkCode: 'pp',\n },\n {\n name: 'Privacy Settings',\n url: 'https://my.collegeboard.org/profile/privacy',\n category: 'extra',\n linkCode: 'ps',\n },\n {\n name: 'Copyright and Trademark Permissions',\n url: 'https://privacy.collegeboard.org/copyright-trademark',\n category: 'extra',\n linkCode: 'permissions',\n },\n {\n name: 'Report Cheating',\n url: 'https://forms.collegeboard.org/reportcheating/s/',\n category: 'extra',\n linkCode: 'rc',\n },\n];\n","/**\n * CBW String Replacer\n */\n\nconst stringReplacer = (template: string, variables: { [key: string]: string }): string => {\n // Token pattern\n const tokenPattern = /{{([a-zA-Z-_\\d]+)}}/gim;\n // Search for strings that are wrapped with {{..}}\n const variableNames: IterableIterator- ${childrenLinks.join('')}
- ${links.map(getLink).join('')}
\n
\n`;\n\nexport const suggestionItem = `\n \n \n \n
\n- element.\n this.suggestionList.classList.remove('cbw-hidden');\n this.suggestionList.setAttribute('aria-hidden', 'false');\n document.addEventListener('mouseup', this.windowClickHandler.bind(this));\n }\n\n /**\n * Fetches autocomplete items through API, update the list of suggestions.\n *\n * @param term string\n * Search term.\n *\n * @returns void\n */\n fetchSuggestions(term: string) {\n const url = new URL(this.options.typeAheadURL);\n url.searchParams.append('q', term);\n url.searchParams.append('lang', 'en');\n url.searchParams.append('cname', 'store');\n url.searchParams.append('limit', this.options.limit.toString());\n\n fetch(url.href)\n .then(res => {\n res.json()\n .then(data => {\n this.clearSuggestions();\n for (const index in data[0]) {\n this.suggestions.push({\n id: index,\n label: data[0][index],\n value: data[0][index].replace(/ /g, '-'),\n });\n }\n\n if (this.suggestions.length > 0) {\n this.populateSuggestions();\n this.suggestionListStatus.innerHTML = `${this.suggestions.length.toString()} ${\n this.suggestions.length === 1 ? 'suggestion' : 'suggestions'\n } available`;\n } else {\n this.suggestionListStatus.innerHTML = 'no suggestions available';\n }\n })\n .catch(error => {\n // Unable to parse json catch block.\n console.error(error);\n });\n })\n .catch(error => {\n // Critical fetch error catch block.\n console.error(error);\n });\n }\n\n /**\n * Handles accessible and focus management for dropdown items.\n *\n * @param element HTMLElement\n * Target element.\n *\n * @returns void\n */\n suggestionUpdateFocus(element: HTMLElement) {\n element.setAttribute('aria-selected', 'true');\n\n this.currentElement && this.currentElement.setAttribute('aria-selected', 'false');\n this.currentElement = element;\n\n element.focus();\n }\n\n /***\n * Clears all properties and attributes related to the auto complete lookup.\n *\n * @returns void\n */\n clearSuggestions() {\n this.searchInput?.focus();\n this.suggestionList.innerHTML = '';\n this.suggestionListStatus.innerHTML = '';\n\n this.suggestions = [];\n this.currentElement = null;\n\n // Clear aria labels for the suggestion list.\n this.searchInput.setAttribute('aria-activedescendant', '');\n this.searchInput.setAttribute('aria-describedby', '');\n // Hide the suggestion list
- element.\n this.suggestionList.classList.add('cbw-hidden');\n this.suggestionList.setAttribute('aria-hidden', 'true');\n document.removeEventListener('mousedown', this.windowClickHandler);\n }\n\n /**** Handlers ****/\n /**\n * Update search query and submits the form.\n *\n * @param event Event\n * Click Event\n */\n suggestionClickHandler(event: Event) {\n const targetElement = event.target as HTMLElement;\n\n this.searchInput.value = targetElement.innerText;\n this.searchForm.submit();\n }\n\n /**\n * Handles key events for the suggestion list.\n *\n * @param event KeyboardEvent\n *\n * @returns void\n */\n suggestionsKeyDownHandler(event: KeyboardEvent) {\n event.preventDefault();\n const { key, shiftKey } = event;\n const target = event.target as HTMLElement;\n\n if (key === 'ArrowDown' || (key === 'Tab' && !shiftKey)) {\n this.suggestionUpdateFocus(\n (target.nextElementSibling as HTMLElement) || (target.parentElement?.firstElementChild as HTMLElement),\n );\n } else if (key === 'ArrowUp' || (key === 'Tab' && shiftKey)) {\n this.suggestionUpdateFocus(\n (target.previousElementSibling as HTMLElement) ||\n (target.parentElement?.lastElementChild as HTMLElement),\n );\n } else if (key === 'Escape') {\n this.clearSuggestions();\n } else if (key === 'Enter') {\n this.currentElement?.click();\n }\n }\n\n /**\n * Handles keyboard events on the search input field.\n *\n * @param key KeyboardEvent\n *\n * @return void\n */\n searchInputKeyDownHandler({ key }: KeyboardEvent) {\n if (key === 'Tab') {\n this.clearSuggestions();\n }\n }\n\n /**\n * Check if value is blank or empty.\n *\n * @param value\n *\n * @return boolean\n */\n\n isBlank(value?: string) {\n if (!value) {\n value = '';\n }\n\n return /^\\s*$/.test(value);\n }\n /**\n * Handles keyboard events on the search input field.\n *\n * @param key KeyboardEvent\n *\n * @return void\n */\n searchInputKeyUpHandler({ key }: KeyboardEvent) {\n if (key === 'Escape') {\n this.clearSuggestions();\n } else if (key === 'ArrowDown') {\n if (this.suggestions.length) {\n const elm = this.suggestionList?.querySelector('li') as HTMLElement;\n elm.focus();\n this.suggestionList?.setAttribute('aria-activedescendant', elm?.getAttribute('id') as string);\n } else {\n this.fetchSuggestions(this.searchInput?.value);\n }\n } else {\n // GS-10912\n // disable button when no value is entered\n if (this.searchInput?.value.length > 0 && !this.isBlank(this.searchInput?.value)) {\n this.searchButton?.removeAttribute('disabled');\n } else {\n this.searchButton?.setAttribute('disabled', 'true');\n }\n\n if (this.searchInput?.value.length >= this.options.sensitivity) {\n this.fetchSuggestions(this.searchInput?.value);\n } else {\n this.clearSuggestions();\n }\n }\n }\n\n /**\n * Window event listener to handle dismissal of suggestions list dialog.\n *\n * @param event Event\n *\n * @returns void\n */\n windowClickHandler(event: Event) {\n if (event.composedPath().indexOf(this.suggestionList) === -1) {\n this.clearSuggestions();\n }\n }\n}\n\nexport default Search;\n","export const anonymousTemplate = `\n\n \n Sign In\n \n
\n
\n`.replace(/(^|\\n)\\s*/g, '')\n\nconst resetOldContainer = () => {\n const oldContainer = getContainer()\n if (!oldContainer) {\n return false\n }\n\n oldContainer.parentNode.removeChild(oldContainer)\n removeClass(\n [document.documentElement, document.body],\n [\n swalClasses['no-backdrop'],\n swalClasses['toast-shown'],\n swalClasses['has-column']\n ]\n )\n\n return true\n}\n\nlet oldInputVal // IE11 workaround, see #1109 for details\nconst resetValidationMessage = (e) => {\n if (sweetAlert.isVisible() && oldInputVal !== e.target.value) {\n sweetAlert.resetValidationMessage()\n }\n oldInputVal = e.target.value\n}\n\nconst addInputChangeListeners = () => {\n const content = getContent()\n\n const input = getChildByClass(content, swalClasses.input)\n const file = getChildByClass(content, swalClasses.file)\n const range = content.querySelector(`.${swalClasses.range} input`)\n const rangeOutput = content.querySelector(`.${swalClasses.range} output`)\n const select = getChildByClass(content, swalClasses.select)\n const checkbox = content.querySelector(`.${swalClasses.checkbox} input`)\n const textarea = getChildByClass(content, swalClasses.textarea)\n\n input.oninput = resetValidationMessage\n file.onchange = resetValidationMessage\n select.onchange = resetValidationMessage\n checkbox.onchange = resetValidationMessage\n textarea.oninput = resetValidationMessage\n\n range.oninput = (e) => {\n resetValidationMessage(e)\n rangeOutput.value = range.value\n }\n\n range.onchange = (e) => {\n resetValidationMessage(e)\n range.nextSibling.value = range.value\n }\n}\n\nconst getTarget = (target) => typeof target === 'string' ? document.querySelector(target) : target\n\nconst setupAccessibility = (params) => {\n const popup = getPopup()\n\n popup.setAttribute('role', params.toast ? 'alert' : 'dialog')\n popup.setAttribute('aria-live', params.toast ? 'polite' : 'assertive')\n if (!params.toast) {\n popup.setAttribute('aria-modal', 'true')\n }\n}\n\nconst setupRTL = (targetElement) => {\n if (window.getComputedStyle(targetElement).direction === 'rtl') {\n addClass(getContainer(), swalClasses.rtl)\n }\n}\n\n/*\n * Add modal + backdrop to DOM\n */\nexport const init = (params) => {\n // Clean up the old popup container if it exists\n const oldContainerExisted = resetOldContainer()\n\n /* istanbul ignore if */\n if (isNodeEnv()) {\n error('SweetAlert2 requires document to initialize')\n return\n }\n\n const container = document.createElement('div')\n container.className = swalClasses.container\n if (oldContainerExisted) {\n addClass(container, swalClasses['no-transition'])\n }\n setInnerHtml(container, sweetHTML)\n\n const targetElement = getTarget(params.target)\n targetElement.appendChild(container)\n\n setupAccessibility(params)\n setupRTL(targetElement)\n addInputChangeListeners()\n}\n","import { setInnerHtml } from './domUtils.js'\n\nexport const parseHtmlToContainer = (param, target) => {\n // DOM element\n if (param instanceof HTMLElement) {\n target.appendChild(param)\n\n // Object\n } else if (typeof param === 'object') {\n handleObject(param, target)\n\n // Plain string\n } else if (param) {\n setInnerHtml(target, param)\n }\n}\n\nconst handleObject = (param, target) => {\n // JQuery element(s)\n if (param.jquery) {\n handleJqueryElem(target, param)\n\n // For other objects use their string representation\n } else {\n setInnerHtml(target, param.toString())\n }\n}\n\nconst handleJqueryElem = (target, elem) => {\n target.textContent = ''\n if (0 in elem) {\n for (let i = 0; i in elem; i++) {\n target.appendChild(elem[i].cloneNode(true))\n }\n } else {\n target.appendChild(elem.cloneNode(true))\n }\n}\n","import { isNodeEnv } from '../isNodeEnv.js'\n\nexport const animationEndEvent = (() => {\n // Prevent run in Node env\n /* istanbul ignore if */\n if (isNodeEnv()) {\n return false\n }\n\n const testEl = document.createElement('div')\n const transEndEventNames = {\n WebkitAnimation: 'webkitAnimationEnd',\n OAnimation: 'oAnimationEnd oanimationend',\n animation: 'animationend'\n }\n for (const i in transEndEventNames) {\n if (Object.prototype.hasOwnProperty.call(transEndEventNames, i) && typeof testEl.style[i] !== 'undefined') {\n return transEndEventNames[i]\n }\n }\n\n return false\n})()\n","import { swalClasses } from '../classes.js'\n\n// Measure scrollbar width for padding body during modal show/hide\n// https://github.com/twbs/bootstrap/blob/master/js/src/modal.js\nexport const measureScrollbar = () => {\n const scrollDiv = document.createElement('div')\n scrollDiv.className = swalClasses['scrollbar-measure']\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n}\n","import { swalClasses } from '../../classes.js'\nimport * as dom from '../../dom/index.js'\nimport { capitalizeFirstLetter } from '../../utils.js'\nimport { isLoading } from '../getters.js'\n\nexport const renderActions = (instance, params) => {\n const actions = dom.getActions()\n const confirmButton = dom.getConfirmButton()\n const cancelButton = dom.getCancelButton()\n\n // Actions (buttons) wrapper\n if (!params.showConfirmButton && !params.showCancelButton) {\n dom.hide(actions)\n }\n\n // Custom class\n dom.applyCustomClass(actions, params, 'actions')\n\n // Render confirm button\n renderButton(confirmButton, 'confirm', params)\n // render Cancel Button\n renderButton(cancelButton, 'cancel', params)\n\n if (params.buttonsStyling) {\n handleButtonsStyling(confirmButton, cancelButton, params)\n } else {\n dom.removeClass([confirmButton, cancelButton], swalClasses.styled)\n confirmButton.style.backgroundColor = confirmButton.style.borderLeftColor = confirmButton.style.borderRightColor = ''\n cancelButton.style.backgroundColor = cancelButton.style.borderLeftColor = cancelButton.style.borderRightColor = ''\n }\n\n if (params.reverseButtons) {\n confirmButton.parentNode.insertBefore(cancelButton, confirmButton)\n }\n}\n\nfunction handleButtonsStyling (confirmButton, cancelButton, params) {\n dom.addClass([confirmButton, cancelButton], swalClasses.styled)\n\n // Buttons background colors\n if (params.confirmButtonColor) {\n confirmButton.style.backgroundColor = params.confirmButtonColor\n }\n if (params.cancelButtonColor) {\n cancelButton.style.backgroundColor = params.cancelButtonColor\n }\n\n // Loading state\n if (!isLoading()) {\n const confirmButtonBackgroundColor = window.getComputedStyle(confirmButton).getPropertyValue('background-color')\n confirmButton.style.borderLeftColor = confirmButtonBackgroundColor\n confirmButton.style.borderRightColor = confirmButtonBackgroundColor\n }\n}\n\nfunction renderButton (button, buttonType, params) {\n dom.toggle(button, params[`show${capitalizeFirstLetter(buttonType)}Button`], 'inline-block')\n dom.setInnerHtml(button, params[`${buttonType}ButtonText`]) // Set caption text\n button.setAttribute('aria-label', params[`${buttonType}ButtonAriaLabel`]) // ARIA label\n\n // Add buttons custom classes\n button.className = swalClasses[buttonType]\n dom.applyCustomClass(button, params, `${buttonType}Button`)\n dom.addClass(button, params[`${buttonType}ButtonClass`])\n}\n","import { swalClasses } from '../../classes.js'\nimport { warn } from '../../utils.js'\nimport * as dom from '../../dom/index.js'\n\nfunction handleBackdropParam (container, backdrop) {\n if (typeof backdrop === 'string') {\n container.style.background = backdrop\n } else if (!backdrop) {\n dom.addClass([document.documentElement, document.body], swalClasses['no-backdrop'])\n }\n}\n\nfunction handlePositionParam (container, position) {\n if (position in swalClasses) {\n dom.addClass(container, swalClasses[position])\n } else {\n warn('The \"position\" parameter is not valid, defaulting to \"center\"')\n dom.addClass(container, swalClasses.center)\n }\n}\n\nfunction handleGrowParam (container, grow) {\n if (grow && typeof grow === 'string') {\n const growClass = `grow-${grow}`\n if (growClass in swalClasses) {\n dom.addClass(container, swalClasses[growClass])\n }\n }\n}\n\nexport const renderContainer = (instance, params) => {\n const container = dom.getContainer()\n\n if (!container) {\n return\n }\n\n handleBackdropParam(container, params.backdrop)\n\n if (!params.backdrop && params.allowOutsideClick) {\n warn('\"allowOutsideClick\" parameter requires `backdrop` parameter to be set to `true`')\n }\n\n handlePositionParam(container, params.position)\n handleGrowParam(container, params.grow)\n\n // Custom class\n dom.applyCustomClass(container, params, 'container')\n\n // Set queue step attribute for getQueueStep() method\n const queueStep = document.body.getAttribute('data-swal2-queue-step')\n if (queueStep) {\n container.setAttribute('data-queue-step', queueStep)\n document.body.removeAttribute('data-swal2-queue-step')\n }\n}\n","/**\n * This module containts `WeakMap`s for each effectively-\"private property\" that a `Swal` has.\n * For example, to set the private property \"foo\" of `this` to \"bar\", you can `privateProps.foo.set(this, 'bar')`\n * This is the approach that Babel will probably take to implement private methods/fields\n * https://github.com/tc39/proposal-private-methods\n * https://github.com/babel/babel/pull/7555\n * Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*\n * then we can use that language feature.\n */\n\nexport default {\n promise: new WeakMap(),\n innerParams: new WeakMap(),\n domCache: new WeakMap()\n}\n","import { swalClasses } from '../../classes.js'\nimport { warn, error, isPromise } from '../../utils.js'\nimport * as dom from '../../dom/index.js'\nimport privateProps from '../../../privateProps.js'\n\nconst inputTypes = ['input', 'file', 'range', 'select', 'radio', 'checkbox', 'textarea']\n\nexport const renderInput = (instance, params) => {\n const content = dom.getContent()\n const innerParams = privateProps.innerParams.get(instance)\n const rerender = !innerParams || params.input !== innerParams.input\n\n inputTypes.forEach((inputType) => {\n const inputClass = swalClasses[inputType]\n const inputContainer = dom.getChildByClass(content, inputClass)\n\n // set attributes\n setAttributes(inputType, params.inputAttributes)\n\n // set class\n inputContainer.className = inputClass\n\n if (rerender) {\n dom.hide(inputContainer)\n }\n })\n\n if (params.input) {\n if (rerender) {\n showInput(params)\n }\n // set custom class\n setCustomClass(params)\n }\n}\n\nconst showInput = (params) => {\n if (!renderInputType[params.input]) {\n return error(`Unexpected type of input! Expected \"text\", \"email\", \"password\", \"number\", \"tel\", \"select\", \"radio\", \"checkbox\", \"textarea\", \"file\" or \"url\", got \"${params.input}\"`)\n }\n\n const inputContainer = getInputContainer(params.input)\n const input = renderInputType[params.input](inputContainer, params)\n dom.show(input)\n\n // input autofocus\n setTimeout(() => {\n dom.focusInput(input)\n })\n}\n\nconst removeAttributes = (input) => {\n for (let i = 0; i < input.attributes.length; i++) {\n const attrName = input.attributes[i].name\n if (!['type', 'value', 'style'].includes(attrName)) {\n input.removeAttribute(attrName)\n }\n }\n}\n\nconst setAttributes = (inputType, inputAttributes) => {\n const input = dom.getInput(dom.getContent(), inputType)\n if (!input) {\n return\n }\n\n removeAttributes(input)\n\n for (const attr in inputAttributes) {\n // Do not set a placeholder for \n // it'll crash Edge, #1298\n if (inputType === 'range' && attr === 'placeholder') {\n continue\n }\n\n input.setAttribute(attr, inputAttributes[attr])\n }\n}\n\nconst setCustomClass = (params) => {\n const inputContainer = getInputContainer(params.input)\n if (params.customClass) {\n dom.addClass(inputContainer, params.customClass.input)\n }\n}\n\nconst setInputPlaceholder = (input, params) => {\n if (!input.placeholder || params.inputPlaceholder) {\n input.placeholder = params.inputPlaceholder\n }\n}\n\nconst getInputContainer = (inputType) => {\n const inputClass = swalClasses[inputType] ? swalClasses[inputType] : swalClasses.input\n return dom.getChildByClass(dom.getContent(), inputClass)\n}\n\nconst renderInputType = {}\n\nrenderInputType.text =\nrenderInputType.email =\nrenderInputType.password =\nrenderInputType.number =\nrenderInputType.tel =\nrenderInputType.url = (input, params) => {\n if (typeof params.inputValue === 'string' || typeof params.inputValue === 'number') {\n input.value = params.inputValue\n } else if (!isPromise(params.inputValue)) {\n warn(`Unexpected type of inputValue! Expected \"string\", \"number\" or \"Promise\", got \"${typeof params.inputValue}\"`)\n }\n setInputPlaceholder(input, params)\n input.type = params.input\n return input\n}\n\nrenderInputType.file = (input, params) => {\n setInputPlaceholder(input, params)\n return input\n}\n\nrenderInputType.range = (range, params) => {\n const rangeInput = range.querySelector('input')\n const rangeOutput = range.querySelector('output')\n rangeInput.value = params.inputValue\n rangeInput.type = params.input\n rangeOutput.value = params.inputValue\n return range\n}\n\nrenderInputType.select = (select, params) => {\n select.textContent = ''\n if (params.inputPlaceholder) {\n const placeholder = document.createElement('option')\n dom.setInnerHtml(placeholder, params.inputPlaceholder)\n placeholder.value = ''\n placeholder.disabled = true\n placeholder.selected = true\n select.appendChild(placeholder)\n }\n return select\n}\n\nrenderInputType.radio = (radio) => {\n radio.textContent = ''\n return radio\n}\n\nrenderInputType.checkbox = (checkboxContainer, params) => {\n const checkbox = dom.getInput(dom.getContent(), 'checkbox')\n checkbox.value = 1\n checkbox.id = swalClasses.checkbox\n checkbox.checked = Boolean(params.inputValue)\n const label = checkboxContainer.querySelector('span')\n dom.setInnerHtml(label, params.inputPlaceholder)\n return checkboxContainer\n}\n\nrenderInputType.textarea = (textarea, params) => {\n textarea.value = params.inputValue\n setInputPlaceholder(textarea, params)\n\n if ('MutationObserver' in window) { // #1699\n const initialPopupWidth = parseInt(window.getComputedStyle(dom.getPopup()).width)\n const popupPadding = parseInt(window.getComputedStyle(dom.getPopup()).paddingLeft) + parseInt(window.getComputedStyle(dom.getPopup()).paddingRight)\n const outputsize = () => {\n const contentWidth = textarea.offsetWidth + popupPadding\n if (contentWidth > initialPopupWidth) {\n dom.getPopup().style.width = `${contentWidth}px`\n } else {\n dom.getPopup().style.width = null\n }\n }\n new MutationObserver(outputsize).observe(textarea, {\n attributes: true, attributeFilter: ['style']\n })\n }\n\n return textarea\n}\n","import { swalClasses } from '../../classes.js'\nimport * as dom from '../../dom/index.js'\nimport { renderInput } from './renderInput.js'\n\nexport const renderContent = (instance, params) => {\n const content = dom.getContent().querySelector(`#${swalClasses.content}`)\n\n // Content as HTML\n if (params.html) {\n dom.parseHtmlToContainer(params.html, content)\n dom.show(content, 'block')\n\n // Content as plain text\n } else if (params.text) {\n content.textContent = params.text\n dom.show(content, 'block')\n\n // No content\n } else {\n dom.hide(content)\n }\n\n renderInput(instance, params)\n\n // Custom class\n dom.applyCustomClass(dom.getContent(), params, 'content')\n}\n","import * as dom from '../../dom/index.js'\n\nexport const renderFooter = (instance, params) => {\n const footer = dom.getFooter()\n\n dom.toggle(footer, params.footer)\n\n if (params.footer) {\n dom.parseHtmlToContainer(params.footer, footer)\n }\n\n // Custom class\n dom.applyCustomClass(footer, params, 'footer')\n}\n","import * as dom from '../../dom/index.js'\n\nexport const renderCloseButton = (instance, params) => {\n const closeButton = dom.getCloseButton()\n\n dom.setInnerHtml(closeButton, params.closeButtonHtml)\n\n // Custom class\n dom.applyCustomClass(closeButton, params, 'closeButton')\n\n dom.toggle(closeButton, params.showCloseButton)\n closeButton.setAttribute('aria-label', params.closeButtonAriaLabel)\n}\n","import { swalClasses, iconTypes } from '../../classes.js'\nimport { error } from '../../utils.js'\nimport * as dom from '../../dom/index.js'\nimport privateProps from '../../../privateProps.js'\n\nexport const renderIcon = (instance, params) => {\n const innerParams = privateProps.innerParams.get(instance)\n\n // if the give icon already rendered, apply the custom class without re-rendering the icon\n if (innerParams && params.icon === innerParams.icon && dom.getIcon()) {\n dom.applyCustomClass(dom.getIcon(), params, 'icon')\n return\n }\n\n hideAllIcons()\n\n if (!params.icon) {\n return\n }\n\n if (Object.keys(iconTypes).indexOf(params.icon) !== -1) {\n const icon = dom.elementBySelector(`.${swalClasses.icon}.${iconTypes[params.icon]}`)\n dom.show(icon)\n\n // Custom or default content\n setContent(icon, params)\n adjustSuccessIconBackgoundColor()\n\n // Custom class\n dom.applyCustomClass(icon, params, 'icon')\n\n // Animate icon\n dom.addClass(icon, params.showClass.icon)\n } else {\n error(`Unknown icon! Expected \"success\", \"error\", \"warning\", \"info\" or \"question\", got \"${params.icon}\"`)\n }\n}\n\nconst hideAllIcons = () => {\n const icons = dom.getIcons()\n for (let i = 0; i < icons.length; i++) {\n dom.hide(icons[i])\n }\n}\n\n// Adjust success icon background color to match the popup background color\nconst adjustSuccessIconBackgoundColor = () => {\n const popup = dom.getPopup()\n const popupBackgroundColor = window.getComputedStyle(popup).getPropertyValue('background-color')\n const successIconParts = popup.querySelectorAll('[class^=swal2-success-circular-line], .swal2-success-fix')\n for (let i = 0; i < successIconParts.length; i++) {\n successIconParts[i].style.backgroundColor = popupBackgroundColor\n }\n}\n\nconst setContent = (icon, params) => {\n icon.textContent = ''\n\n if (params.iconHtml) {\n dom.setInnerHtml(icon, iconContent(params.iconHtml))\n } else if (params.icon === 'success') {\n dom.setInnerHtml(icon, `\n \n \n \n \n `)\n } else if (params.icon === 'error') {\n dom.setInnerHtml(icon, `\n \n \n \n \n `)\n } else {\n const defaultIconHtml = {\n question: '?',\n warning: '!',\n info: 'i'\n }\n dom.setInnerHtml(icon, iconContent(defaultIconHtml[params.icon]))\n }\n}\n\nconst iconContent = (content) => `\n ![]()
\n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n ${content}
`\n","import { swalClasses } from '../../classes.js'\nimport * as dom from '../../dom/index.js'\n\nexport const renderImage = (instance, params) => {\n const image = dom.getImage()\n\n if (!params.imageUrl) {\n return dom.hide(image)\n }\n\n dom.show(image, '')\n\n // Src, alt\n image.setAttribute('src', params.imageUrl)\n image.setAttribute('alt', params.imageAlt)\n\n // Width, height\n dom.applyNumericalStyle(image, 'width', params.imageWidth)\n dom.applyNumericalStyle(image, 'height', params.imageHeight)\n\n // Class\n image.className = swalClasses.image\n dom.applyCustomClass(image, params, 'image')\n}\n","import * as dom from '../utils/dom/index.js'\n\n// private global state for the queue feature\nlet currentSteps = []\n\n/*\n * Global function for chaining sweetAlert popups\n */\nexport const queue = function (steps) {\n const Swal = this\n currentSteps = steps\n\n const resetAndResolve = (resolve, value) => {\n currentSteps = []\n resolve(value)\n }\n\n const queueResult = []\n return new Promise((resolve) => {\n (function step (i, callback) {\n if (i < currentSteps.length) {\n document.body.setAttribute('data-swal2-queue-step', i)\n Swal.fire(currentSteps[i]).then((result) => {\n if (typeof result.value !== 'undefined') {\n queueResult.push(result.value)\n step(i + 1, callback)\n } else {\n resetAndResolve(resolve, { dismiss: result.dismiss })\n }\n })\n } else {\n resetAndResolve(resolve, { value: queueResult })\n }\n })(0)\n })\n}\n\n/*\n * Global function for getting the index of current popup in queue\n */\nexport const getQueueStep = () => dom.getContainer() && dom.getContainer().getAttribute('data-queue-step')\n\n/*\n * Global function for inserting a popup to the queue\n */\nexport const insertQueueStep = (step, index) => {\n if (index && index < currentSteps.length) {\n return currentSteps.splice(index, 0, step)\n }\n return currentSteps.push(step)\n}\n\n/*\n * Global function for deleting a popup from the queue\n */\nexport const deleteQueueStep = (index) => {\n if (typeof currentSteps[index] !== 'undefined') {\n currentSteps.splice(index, 1)\n }\n}\n","import { swalClasses } from '../../classes.js'\nimport { warn } from '../../utils.js'\nimport * as dom from '../../dom/index.js'\nimport { getQueueStep } from '../../../staticMethods/queue.js'\n\nconst createStepElement = (step) => {\n const stepEl = document.createElement('li')\n dom.addClass(stepEl, swalClasses['progress-step'])\n dom.setInnerHtml(stepEl, step)\n return stepEl\n}\n\nconst createLineElement = (params) => {\n const lineEl = document.createElement('li')\n dom.addClass(lineEl, swalClasses['progress-step-line'])\n if (params.progressStepsDistance) {\n lineEl.style.width = params.progressStepsDistance\n }\n return lineEl\n}\n\nexport const renderProgressSteps = (instance, params) => {\n const progressStepsContainer = dom.getProgressSteps()\n if (!params.progressSteps || params.progressSteps.length === 0) {\n return dom.hide(progressStepsContainer)\n }\n\n dom.show(progressStepsContainer)\n progressStepsContainer.textContent = ''\n const currentProgressStep = parseInt(params.currentProgressStep === undefined ? getQueueStep() : params.currentProgressStep)\n if (currentProgressStep >= params.progressSteps.length) {\n warn(\n 'Invalid currentProgressStep parameter, it should be less than progressSteps.length ' +\n '(currentProgressStep like JS arrays starts from 0)'\n )\n }\n\n params.progressSteps.forEach((step, index) => {\n const stepEl = createStepElement(step)\n progressStepsContainer.appendChild(stepEl)\n if (index === currentProgressStep) {\n dom.addClass(stepEl, swalClasses['active-progress-step'])\n }\n\n if (index !== params.progressSteps.length - 1) {\n const lineEl = createLineElement(params)\n progressStepsContainer.appendChild(lineEl)\n }\n })\n}\n","import * as dom from '../../dom/index.js'\n\nexport const renderTitle = (instance, params) => {\n const title = dom.getTitle()\n\n dom.toggle(title, params.title || params.titleText)\n\n if (params.title) {\n dom.parseHtmlToContainer(params.title, title)\n }\n\n if (params.titleText) {\n title.innerText = params.titleText\n }\n\n // Custom class\n dom.applyCustomClass(title, params, 'title')\n}\n","import * as dom from '../../dom/index.js'\nimport { renderCloseButton } from './renderCloseButton.js'\nimport { renderIcon } from './renderIcon.js'\nimport { renderImage } from './renderImage.js'\nimport { renderProgressSteps } from './renderProgressSteps.js'\nimport { renderTitle } from './renderTitle.js'\n\nexport const renderHeader = (instance, params) => {\n const header = dom.getHeader()\n\n // Custom class\n dom.applyCustomClass(header, params, 'header')\n\n // Progress steps\n renderProgressSteps(instance, params)\n\n // Icon\n renderIcon(instance, params)\n\n // Image\n renderImage(instance, params)\n\n // Title\n renderTitle(instance, params)\n\n // Close button\n renderCloseButton(instance, params)\n}\n","import { swalClasses } from '../../classes.js'\nimport * as dom from '../../dom/index.js'\n\nexport const renderPopup = (instance, params) => {\n const popup = dom.getPopup()\n\n // Width\n dom.applyNumericalStyle(popup, 'width', params.width)\n\n // Padding\n dom.applyNumericalStyle(popup, 'padding', params.padding)\n\n // Background\n if (params.background) {\n popup.style.background = params.background\n }\n\n // Classes\n addClasses(popup, params)\n}\n\nconst addClasses = (popup, params) => {\n // Default Class + showClass when updating Swal.update({})\n popup.className = `${swalClasses.popup} ${dom.isVisible(popup) ? params.showClass.popup : ''}`\n\n if (params.toast) {\n dom.addClass([document.documentElement, document.body], swalClasses['toast-shown'])\n dom.addClass(popup, swalClasses.toast)\n } else {\n dom.addClass(popup, swalClasses.modal)\n }\n\n // Custom class\n dom.applyCustomClass(popup, params, 'popup')\n if (typeof params.customClass === 'string') {\n dom.addClass(popup, params.customClass)\n }\n\n // Icon class (#1842)\n if (params.icon) {\n dom.addClass(popup, swalClasses[`icon-${params.icon}`])\n }\n}\n","import { getPopup } from '../getters.js'\nimport { renderActions } from './renderActions.js'\nimport { renderContainer } from './renderContainer.js'\nimport { renderContent } from './renderContent.js'\nimport { renderFooter } from './renderFooter.js'\nimport { renderHeader } from './renderHeader.js'\nimport { renderPopup } from './renderPopup.js'\n\nexport const render = (instance, params) => {\n renderPopup(instance, params)\n renderContainer(instance, params)\n\n renderHeader(instance, params)\n renderContent(instance, params)\n renderActions(instance, params)\n renderFooter(instance, params)\n\n if (typeof params.onRender === 'function') {\n params.onRender(getPopup())\n }\n}\n","import * as dom from '../utils/dom/index.js'\nimport * as domUtils from '../utils/dom/domUtils.js'\n\nexport {\n getContainer,\n getPopup,\n getTitle,\n getContent,\n getHtmlContainer,\n getImage,\n getIcon,\n getIcons,\n getCloseButton,\n getActions,\n getConfirmButton,\n getCancelButton,\n getHeader,\n getFooter,\n getTimerProgressBar,\n getFocusableElements,\n getValidationMessage,\n isLoading\n} from '../utils/dom/index.js'\n\n/*\n * Global function to determine if SweetAlert2 popup is shown\n */\nexport const isVisible = () => {\n return domUtils.isVisible(dom.getPopup())\n}\n\n/*\n * Global function to click 'Confirm' button\n */\nexport const clickConfirm = () => dom.getConfirmButton() && dom.getConfirmButton().click()\n\n/*\n * Global function to click 'Cancel' button\n */\nexport const clickCancel = () => dom.getCancelButton() && dom.getCancelButton().click()\n","export function fire (...args) {\n const Swal = this\n return new Swal(...args)\n}\n","/**\n * Returns an extended version of `Swal` containing `params` as defaults.\n * Useful for reusing Swal configuration.\n *\n * For example:\n *\n * Before:\n * const textPromptOptions = { input: 'text', showCancelButton: true }\n * const {value: firstName} = await Swal.fire({ ...textPromptOptions, title: 'What is your first name?' })\n * const {value: lastName} = await Swal.fire({ ...textPromptOptions, title: 'What is your last name?' })\n *\n * After:\n * const TextPrompt = Swal.mixin({ input: 'text', showCancelButton: true })\n * const {value: firstName} = await TextPrompt('What is your first name?')\n * const {value: lastName} = await TextPrompt('What is your last name?')\n *\n * @param mixinParams\n */\nexport function mixin (mixinParams) {\n class MixinSwal extends this {\n _main (params) {\n return super._main(Object.assign({}, mixinParams, params))\n }\n }\n\n return MixinSwal\n}\n","import * as dom from '../utils/dom/index.js'\nimport Swal from '../sweetalert2.js'\nimport { swalClasses } from '../utils/classes.js'\n\n/**\n * Show spinner instead of Confirm button\n */\nconst showLoading = () => {\n let popup = dom.getPopup()\n if (!popup) {\n Swal.fire()\n }\n popup = dom.getPopup()\n const actions = dom.getActions()\n const confirmButton = dom.getConfirmButton()\n\n dom.show(actions)\n dom.show(confirmButton, 'inline-block')\n dom.addClass([popup, actions], swalClasses.loading)\n confirmButton.disabled = true\n\n popup.setAttribute('data-loading', true)\n popup.setAttribute('aria-busy', true)\n popup.focus()\n}\n\nexport {\n showLoading,\n showLoading as enableLoading\n}\n","export const RESTORE_FOCUS_TIMEOUT = 100\n","import { RESTORE_FOCUS_TIMEOUT } from './constants.js'\n\nconst globalState = {}\n\nexport default globalState\n\nconst focusPreviousActiveElement = () => {\n if (globalState.previousActiveElement && globalState.previousActiveElement.focus) {\n globalState.previousActiveElement.focus()\n globalState.previousActiveElement = null\n } else if (document.body) {\n document.body.focus()\n }\n}\n\n// Restore previous active (focused) element\nexport const restoreActiveElement = () => {\n return new Promise(resolve => {\n const x = window.scrollX\n const y = window.scrollY\n globalState.restoreFocusTimeout = setTimeout(() => {\n focusPreviousActiveElement()\n resolve()\n }, RESTORE_FOCUS_TIMEOUT) // issues/900\n /* istanbul ignore if */\n if (typeof x !== 'undefined' && typeof y !== 'undefined') { // IE doesn't have scrollX/scrollY support\n window.scrollTo(x, y)\n }\n })\n}\n","import { animateTimerProgressBar, stopTimerProgressBar } from '../utils/dom/domUtils.js'\nimport globalState from '../globalState.js'\n\n/**\n * If `timer` parameter is set, returns number of milliseconds of timer remained.\n * Otherwise, returns undefined.\n */\nexport const getTimerLeft = () => {\n return globalState.timeout && globalState.timeout.getTimerLeft()\n}\n\n/**\n * Stop timer. Returns number of milliseconds of timer remained.\n * If `timer` parameter isn't set, returns undefined.\n */\nexport const stopTimer = () => {\n if (globalState.timeout) {\n stopTimerProgressBar()\n return globalState.timeout.stop()\n }\n}\n\n/**\n * Resume timer. Returns number of milliseconds of timer remained.\n * If `timer` parameter isn't set, returns undefined.\n */\nexport const resumeTimer = () => {\n if (globalState.timeout) {\n const remaining = globalState.timeout.start()\n animateTimerProgressBar(remaining)\n return remaining\n }\n}\n\n/**\n * Resume timer. Returns number of milliseconds of timer remained.\n * If `timer` parameter isn't set, returns undefined.\n */\nexport const toggleTimer = () => {\n const timer = globalState.timeout\n return timer && (timer.running ? stopTimer() : resumeTimer())\n}\n\n/**\n * Increase timer. Returns number of milliseconds of an updated timer.\n * If `timer` parameter isn't set, returns undefined.\n */\nexport const increaseTimer = (n) => {\n if (globalState.timeout) {\n const remaining = globalState.timeout.increase(n)\n animateTimerProgressBar(remaining, true)\n return remaining\n }\n}\n\n/**\n * Check if timer is running. Returns true if timer is running\n * or false if timer is paused or stopped.\n * If `timer` parameter isn't set, returns undefined\n */\nexport const isTimerRunning = () => {\n return globalState.timeout && globalState.timeout.isRunning()\n}\n","import { warn, warnAboutDepreation } from '../utils/utils.js'\n\nexport const defaultParams = {\n title: '',\n titleText: '',\n text: '',\n html: '',\n footer: '',\n icon: undefined,\n iconHtml: undefined,\n toast: false,\n animation: true,\n showClass: {\n popup: 'swal2-show',\n backdrop: 'swal2-backdrop-show',\n icon: 'swal2-icon-show',\n },\n hideClass: {\n popup: 'swal2-hide',\n backdrop: 'swal2-backdrop-hide',\n icon: 'swal2-icon-hide',\n },\n customClass: undefined,\n target: 'body',\n backdrop: true,\n heightAuto: true,\n allowOutsideClick: true,\n allowEscapeKey: true,\n allowEnterKey: true,\n stopKeydownPropagation: true,\n keydownListenerCapture: false,\n showConfirmButton: true,\n showCancelButton: false,\n preConfirm: undefined,\n confirmButtonText: 'OK',\n confirmButtonAriaLabel: '',\n confirmButtonColor: undefined,\n cancelButtonText: 'Cancel',\n cancelButtonAriaLabel: '',\n cancelButtonColor: undefined,\n buttonsStyling: true,\n reverseButtons: false,\n focusConfirm: true,\n focusCancel: false,\n showCloseButton: false,\n closeButtonHtml: '×',\n closeButtonAriaLabel: 'Close this dialog',\n showLoaderOnConfirm: false,\n imageUrl: undefined,\n imageWidth: undefined,\n imageHeight: undefined,\n imageAlt: '',\n timer: undefined,\n timerProgressBar: false,\n width: undefined,\n padding: undefined,\n background: undefined,\n input: undefined,\n inputPlaceholder: '',\n inputValue: '',\n inputOptions: {},\n inputAutoTrim: true,\n inputAttributes: {},\n inputValidator: undefined,\n validationMessage: undefined,\n grow: false,\n position: 'center',\n progressSteps: [],\n currentProgressStep: undefined,\n progressStepsDistance: undefined,\n onBeforeOpen: undefined,\n onOpen: undefined,\n onRender: undefined,\n onClose: undefined,\n onAfterClose: undefined,\n onDestroy: undefined,\n scrollbarPadding: true\n}\n\nexport const updatableParams = [\n 'allowEscapeKey',\n 'allowOutsideClick',\n 'buttonsStyling',\n 'cancelButtonAriaLabel',\n 'cancelButtonColor',\n 'cancelButtonText',\n 'closeButtonAriaLabel',\n 'closeButtonHtml',\n 'confirmButtonAriaLabel',\n 'confirmButtonColor',\n 'confirmButtonText',\n 'currentProgressStep',\n 'customClass',\n 'footer',\n 'hideClass',\n 'html',\n 'icon',\n 'imageAlt',\n 'imageHeight',\n 'imageUrl',\n 'imageWidth',\n 'onAfterClose',\n 'onClose',\n 'onDestroy',\n 'progressSteps',\n 'reverseButtons',\n 'showCancelButton',\n 'showCloseButton',\n 'showConfirmButton',\n 'text',\n 'title',\n 'titleText',\n]\n\nexport const deprecatedParams = {\n animation: 'showClass\" and \"hideClass',\n}\n\nconst toastIncompatibleParams = [\n 'allowOutsideClick',\n 'allowEnterKey',\n 'backdrop',\n 'focusConfirm',\n 'focusCancel',\n 'heightAuto',\n 'keydownListenerCapture'\n]\n\n/**\n * Is valid parameter\n * @param {String} paramName\n */\nexport const isValidParameter = (paramName) => {\n return Object.prototype.hasOwnProperty.call(defaultParams, paramName)\n}\n\n/**\n * Is valid parameter for Swal.update() method\n * @param {String} paramName\n */\nexport const isUpdatableParameter = (paramName) => {\n return updatableParams.indexOf(paramName) !== -1\n}\n\n/**\n * Is deprecated parameter\n * @param {String} paramName\n */\nexport const isDeprecatedParameter = (paramName) => {\n return deprecatedParams[paramName]\n}\n\nconst checkIfParamIsValid = (param) => {\n if (!isValidParameter(param)) {\n warn(`Unknown parameter \"${param}\"`)\n }\n}\n\nconst checkIfToastParamIsValid = (param) => {\n if (toastIncompatibleParams.includes(param)) {\n warn(`The parameter \"${param}\" is incompatible with toasts`)\n }\n}\n\nconst checkIfParamIsDeprecated = (param) => {\n if (isDeprecatedParameter(param)) {\n warnAboutDepreation(param, isDeprecatedParameter(param))\n }\n}\n\n/**\n * Show relevant warnings for given params\n *\n * @param params\n */\nexport const showWarningsForParams = (params) => {\n for (const param in params) {\n checkIfParamIsValid(param)\n\n if (params.toast) {\n checkIfToastParamIsValid(param)\n }\n\n checkIfParamIsDeprecated(param)\n }\n}\n\nexport default defaultParams\n","import * as dom from '../utils/dom/index.js'\nimport { swalClasses } from '../utils/classes.js'\nimport privateProps from '../privateProps.js'\n\n/**\n * Enables buttons and hide loader.\n */\nfunction hideLoading () {\n // do nothing if popup is closed\n const innerParams = privateProps.innerParams.get(this)\n if (!innerParams) {\n return\n }\n const domCache = privateProps.domCache.get(this)\n if (!innerParams.showConfirmButton) {\n dom.hide(domCache.confirmButton)\n if (!innerParams.showCancelButton) {\n dom.hide(domCache.actions)\n }\n }\n dom.removeClass([domCache.popup, domCache.actions], swalClasses.loading)\n domCache.popup.removeAttribute('aria-busy')\n domCache.popup.removeAttribute('data-loading')\n domCache.confirmButton.disabled = false\n domCache.cancelButton.disabled = false\n}\n\nexport {\n hideLoading,\n hideLoading as disableLoading\n}\n","import * as dom from '../utils/dom/index.js'\nimport privateProps from '../privateProps.js'\n\n// Get input element by specified type or, if type isn't specified, by params.input\nexport function getInput (instance) {\n const innerParams = privateProps.innerParams.get(instance || this)\n const domCache = privateProps.domCache.get(instance || this)\n if (!domCache) {\n return null\n }\n return dom.getInput(domCache.content, innerParams.input)\n}\n","import * as dom from './dom/index.js'\n\nexport const fixScrollbar = () => {\n // for queues, do not do this more than once\n if (dom.states.previousBodyPadding !== null) {\n return\n }\n // if the body has overflow\n if (document.body.scrollHeight > window.innerHeight) {\n // add padding so the content doesn't shift after removal of scrollbar\n dom.states.previousBodyPadding = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'))\n document.body.style.paddingRight = `${dom.states.previousBodyPadding + dom.measureScrollbar()}px`\n }\n}\n\nexport const undoScrollbar = () => {\n if (dom.states.previousBodyPadding !== null) {\n document.body.style.paddingRight = `${dom.states.previousBodyPadding}px`\n dom.states.previousBodyPadding = null\n }\n}\n","/* istanbul ignore file */\nimport * as dom from './dom/index.js'\nimport { swalClasses } from '../utils/classes.js'\n\n// Fix iOS scrolling http://stackoverflow.com/q/39626302\n\nexport const iOSfix = () => {\n const iOS = (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)\n if (iOS && !dom.hasClass(document.body, swalClasses.iosfix)) {\n const offset = document.body.scrollTop\n document.body.style.top = `${offset * -1}px`\n dom.addClass(document.body, swalClasses.iosfix)\n lockBodyScroll()\n addBottomPaddingForTallPopups() // #1948\n }\n}\n\nconst addBottomPaddingForTallPopups = () => {\n const safari = !navigator.userAgent.match(/(CriOS|FxiOS|EdgiOS|YaBrowser|UCBrowser)/i)\n if (safari) {\n const bottomPanelHeight = 44\n if (dom.getPopup().scrollHeight > window.innerHeight - bottomPanelHeight) {\n dom.getContainer().style.paddingBottom = `${bottomPanelHeight}px`\n }\n }\n}\n\nconst lockBodyScroll = () => { // #1246\n const container = dom.getContainer()\n let preventTouchMove\n container.ontouchstart = (e) => {\n preventTouchMove = shouldPreventTouchMove(e.target)\n }\n container.ontouchmove = (e) => {\n if (preventTouchMove) {\n e.preventDefault()\n e.stopPropagation()\n }\n }\n}\n\nconst shouldPreventTouchMove = (target) => {\n const container = dom.getContainer()\n if (target === container) {\n return true\n }\n if (\n !dom.isScrollable(container) &&\n target.tagName !== 'INPUT' && // #1603\n !(\n dom.isScrollable(dom.getContent()) && // #1944\n dom.getContent().contains(target)\n )\n ) {\n return true\n }\n return false\n}\n\nexport const undoIOSfix = () => {\n if (dom.hasClass(document.body, swalClasses.iosfix)) {\n const offset = parseInt(document.body.style.top, 10)\n dom.removeClass(document.body, swalClasses.iosfix)\n document.body.style.top = ''\n document.body.scrollTop = (offset * -1)\n }\n}\n","/* istanbul ignore file */\nimport * as dom from './dom/index.js'\n\n// https://stackoverflow.com/a/21825207\nconst isIE11 = () => !!window.MSInputMethodContext && !!document.documentMode\n\n// Fix IE11 centering sweetalert2/issues/933\nconst fixVerticalPositionIE = () => {\n const container = dom.getContainer()\n const popup = dom.getPopup()\n\n container.style.removeProperty('align-items')\n if (popup.offsetTop < 0) {\n container.style.alignItems = 'flex-start'\n }\n}\n\nexport const IEfix = () => {\n if (typeof window !== 'undefined' && isIE11()) {\n fixVerticalPositionIE()\n window.addEventListener('resize', fixVerticalPositionIE)\n }\n}\n\nexport const undoIEfix = () => {\n if (typeof window !== 'undefined' && isIE11()) {\n window.removeEventListener('resize', fixVerticalPositionIE)\n }\n}\n","import { getContainer } from './dom/getters.js'\nimport { contains } from './dom/domUtils.js'\nimport { toArray } from './utils.js'\n\n// From https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/\n// Adding aria-hidden=\"true\" to elements outside of the active modal dialog ensures that\n// elements not within the active modal dialog will not be surfaced if a user opens a screen\n// reader’s list of elements (headings, form controls, landmarks, etc.) in the document.\n\nexport const setAriaHidden = () => {\n const bodyChildren = toArray(document.body.children)\n bodyChildren.forEach(el => {\n if (el === getContainer() || contains(el, getContainer())) {\n return\n }\n\n if (el.hasAttribute('aria-hidden')) {\n el.setAttribute('data-previous-aria-hidden', el.getAttribute('aria-hidden'))\n }\n el.setAttribute('aria-hidden', 'true')\n })\n}\n\nexport const unsetAriaHidden = () => {\n const bodyChildren = toArray(document.body.children)\n bodyChildren.forEach(el => {\n if (el.hasAttribute('data-previous-aria-hidden')) {\n el.setAttribute('aria-hidden', el.getAttribute('data-previous-aria-hidden'))\n el.removeAttribute('data-previous-aria-hidden')\n } else {\n el.removeAttribute('aria-hidden')\n }\n })\n}\n","/**\n * This module containts `WeakMap`s for each effectively-\"private property\" that a `Swal` has.\n * For example, to set the private property \"foo\" of `this` to \"bar\", you can `privateProps.foo.set(this, 'bar')`\n * This is the approach that Babel will probably take to implement private methods/fields\n * https://github.com/tc39/proposal-private-methods\n * https://github.com/babel/babel/pull/7555\n * Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*\n * then we can use that language feature.\n */\n\nexport default {\n swalPromiseResolve: new WeakMap()\n}\n","import { undoScrollbar } from '../utils/scrollbarFix.js'\nimport { undoIOSfix } from '../utils/iosFix.js'\nimport { undoIEfix } from '../utils/ieFix.js'\nimport { unsetAriaHidden } from '../utils/aria.js'\nimport * as dom from '../utils/dom/index.js'\nimport { swalClasses } from '../utils/classes.js'\nimport globalState, { restoreActiveElement } from '../globalState.js'\nimport privateProps from '../privateProps.js'\nimport privateMethods from '../privateMethods.js'\n\n/*\n * Instance method to close sweetAlert\n */\n\nfunction removePopupAndResetState (instance, container, isToast, onAfterClose) {\n if (isToast) {\n triggerOnAfterCloseAndDispose(instance, onAfterClose)\n } else {\n restoreActiveElement().then(() => triggerOnAfterCloseAndDispose(instance, onAfterClose))\n globalState.keydownTarget.removeEventListener('keydown', globalState.keydownHandler, { capture: globalState.keydownListenerCapture })\n globalState.keydownHandlerAdded = false\n }\n\n if (container.parentNode && !document.body.getAttribute('data-swal2-queue-step')) {\n container.parentNode.removeChild(container)\n }\n\n if (dom.isModal()) {\n undoScrollbar()\n undoIOSfix()\n undoIEfix()\n unsetAriaHidden()\n }\n\n removeBodyClasses()\n}\n\nfunction removeBodyClasses () {\n dom.removeClass(\n [document.documentElement, document.body],\n [\n swalClasses.shown,\n swalClasses['height-auto'],\n swalClasses['no-backdrop'],\n swalClasses['toast-shown'],\n swalClasses['toast-column']\n ]\n )\n}\n\nexport function close (resolveValue) {\n const popup = dom.getPopup()\n\n if (!popup) {\n return\n }\n\n const innerParams = privateProps.innerParams.get(this)\n if (!innerParams || dom.hasClass(popup, innerParams.hideClass.popup)) {\n return\n }\n const swalPromiseResolve = privateMethods.swalPromiseResolve.get(this)\n\n dom.removeClass(popup, innerParams.showClass.popup)\n dom.addClass(popup, innerParams.hideClass.popup)\n\n const backdrop = dom.getContainer()\n dom.removeClass(backdrop, innerParams.showClass.backdrop)\n dom.addClass(backdrop, innerParams.hideClass.backdrop)\n\n handlePopupAnimation(this, popup, innerParams)\n\n if (typeof resolveValue !== 'undefined') {\n resolveValue.isDismissed = typeof resolveValue.dismiss !== 'undefined'\n resolveValue.isConfirmed = typeof resolveValue.dismiss === 'undefined'\n } else {\n resolveValue = {\n isDismissed: true,\n isConfirmed: false,\n }\n }\n\n // Resolve Swal promise\n swalPromiseResolve(resolveValue || {})\n}\n\nconst handlePopupAnimation = (instance, popup, innerParams) => {\n const container = dom.getContainer()\n // If animation is supported, animate\n const animationIsSupported = dom.animationEndEvent && dom.hasCssAnimation(popup)\n\n const { onClose, onAfterClose } = innerParams\n\n if (onClose !== null && typeof onClose === 'function') {\n onClose(popup)\n }\n\n if (animationIsSupported) {\n animatePopup(instance, popup, container, onAfterClose)\n } else {\n // Otherwise, remove immediately\n removePopupAndResetState(instance, container, dom.isToast(), onAfterClose)\n }\n}\n\nconst animatePopup = (instance, popup, container, onAfterClose) => {\n globalState.swalCloseEventFinishedCallback = removePopupAndResetState.bind(null, instance, container, dom.isToast(), onAfterClose)\n popup.addEventListener(dom.animationEndEvent, function (e) {\n if (e.target === popup) {\n globalState.swalCloseEventFinishedCallback()\n delete globalState.swalCloseEventFinishedCallback\n }\n })\n}\n\nconst triggerOnAfterCloseAndDispose = (instance, onAfterClose) => {\n setTimeout(() => {\n if (typeof onAfterClose === 'function') {\n onAfterClose()\n }\n instance._destroy()\n })\n}\n\nexport {\n close as closePopup,\n close as closeModal,\n close as closeToast\n}\n","import privateProps from '../privateProps.js'\n\nfunction setButtonsDisabled (instance, buttons, disabled) {\n const domCache = privateProps.domCache.get(instance)\n buttons.forEach(button => {\n domCache[button].disabled = disabled\n })\n}\n\nfunction setInputDisabled (input, disabled) {\n if (!input) {\n return false\n }\n if (input.type === 'radio') {\n const radiosContainer = input.parentNode.parentNode\n const radios = radiosContainer.querySelectorAll('input')\n for (let i = 0; i < radios.length; i++) {\n radios[i].disabled = disabled\n }\n } else {\n input.disabled = disabled\n }\n}\n\nexport function enableButtons () {\n setButtonsDisabled(this, ['confirmButton', 'cancelButton'], false)\n}\n\nexport function disableButtons () {\n setButtonsDisabled(this, ['confirmButton', 'cancelButton'], true)\n}\n\nexport function enableInput () {\n return setInputDisabled(this.getInput(), false)\n}\n\nexport function disableInput () {\n return setInputDisabled(this.getInput(), true)\n}\n","import * as dom from '../utils/dom/index.js'\nimport { swalClasses } from '../utils/classes.js'\nimport privateProps from '../privateProps.js'\n\n// Show block with validation message\nexport function showValidationMessage (error) {\n const domCache = privateProps.domCache.get(this)\n dom.setInnerHtml(domCache.validationMessage, error)\n const popupComputedStyle = window.getComputedStyle(domCache.popup)\n domCache.validationMessage.style.marginLeft = `-${popupComputedStyle.getPropertyValue('padding-left')}`\n domCache.validationMessage.style.marginRight = `-${popupComputedStyle.getPropertyValue('padding-right')}`\n dom.show(domCache.validationMessage)\n\n const input = this.getInput()\n if (input) {\n input.setAttribute('aria-invalid', true)\n input.setAttribute('aria-describedBy', swalClasses['validation-message'])\n dom.focusInput(input)\n dom.addClass(input, swalClasses.inputerror)\n }\n}\n\n// Hide block with validation message\nexport function resetValidationMessage () {\n const domCache = privateProps.domCache.get(this)\n if (domCache.validationMessage) {\n dom.hide(domCache.validationMessage)\n }\n\n const input = this.getInput()\n if (input) {\n input.removeAttribute('aria-invalid')\n input.removeAttribute('aria-describedBy')\n dom.removeClass(input, swalClasses.inputerror)\n }\n}\n","import privateProps from '../privateProps.js'\n\nexport function getProgressSteps () {\n const domCache = privateProps.domCache.get(this)\n return domCache.progressSteps\n}\n","export default class Timer {\n constructor (callback, delay) {\n this.callback = callback\n this.remaining = delay\n this.running = false\n\n this.start()\n }\n\n start () {\n if (!this.running) {\n this.running = true\n this.started = new Date()\n this.id = setTimeout(this.callback, this.remaining)\n }\n return this.remaining\n }\n\n stop () {\n if (this.running) {\n this.running = false\n clearTimeout(this.id)\n this.remaining -= new Date() - this.started\n }\n return this.remaining\n }\n\n increase (n) {\n const running = this.running\n if (running) {\n this.stop()\n }\n this.remaining += n\n if (running) {\n this.start()\n }\n return this.remaining\n }\n\n getTimerLeft () {\n if (this.running) {\n this.stop()\n this.start()\n }\n return this.remaining\n }\n\n isRunning () {\n return this.running\n }\n}\n","export default {\n email: (string, validationMessage) => {\n return /^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z0-9-]{2,24}$/.test(string)\n ? Promise.resolve()\n : Promise.resolve(validationMessage || 'Invalid email address')\n },\n url: (string, validationMessage) => {\n // taken from https://stackoverflow.com/a/3809435 with a small change from #1306 and #2013\n return /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-z]{2,63}\\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(string)\n ? Promise.resolve()\n : Promise.resolve(validationMessage || 'Invalid URL')\n }\n}\n","import { warn, callIfFunction } from './utils.js'\nimport * as dom from './dom/index.js'\nimport defaultInputValidators from './defaultInputValidators.js'\n\nfunction setDefaultInputValidators (params) {\n // Use default `inputValidator` for supported input types if not provided\n if (!params.inputValidator) {\n Object.keys(defaultInputValidators).forEach((key) => {\n if (params.input === key) {\n params.inputValidator = defaultInputValidators[key]\n }\n })\n }\n}\n\nfunction validateCustomTargetElement (params) {\n // Determine if the custom target element is valid\n if (\n !params.target ||\n (typeof params.target === 'string' && !document.querySelector(params.target)) ||\n (typeof params.target !== 'string' && !params.target.appendChild)\n ) {\n warn('Target parameter is not valid, defaulting to \"body\"')\n params.target = 'body'\n }\n}\n\n/**\n * Set type, text and actions on popup\n *\n * @param params\n * @returns {boolean}\n */\nexport default function setParameters (params) {\n setDefaultInputValidators(params)\n\n // showLoaderOnConfirm && preConfirm\n if (params.showLoaderOnConfirm && !params.preConfirm) {\n warn(\n 'showLoaderOnConfirm is set to true, but preConfirm is not defined.\\n' +\n 'showLoaderOnConfirm should be used together with preConfirm, see usage example:\\n' +\n 'https://sweetalert2.github.io/#ajax-request'\n )\n }\n\n // params.animation will be actually used in renderPopup.js\n // but in case when params.animation is a function, we need to call that function\n // before popup (re)initialization, so it'll be possible to check Swal.isVisible()\n // inside the params.animation function\n params.animation = callIfFunction(params.animation)\n\n validateCustomTargetElement(params)\n\n // Replace newlines with in title\n if (typeof params.title === 'string') {\n params.title = params.title.split('\\n').join('
')\n }\n\n dom.init(params)\n}\n","import * as dom from './dom/index.js'\nimport { swalClasses } from './classes.js'\nimport { fixScrollbar } from './scrollbarFix.js'\nimport { iOSfix } from './iosFix.js'\nimport { IEfix } from './ieFix.js'\nimport { setAriaHidden } from './aria.js'\nimport globalState from '../globalState.js'\n\n/**\n * Open popup, add necessary classes and styles, fix scrollbar\n *\n * @param {Array} params\n */\nexport const openPopup = (params) => {\n const container = dom.getContainer()\n const popup = dom.getPopup()\n\n if (typeof params.onBeforeOpen === 'function') {\n params.onBeforeOpen(popup)\n }\n\n const bodyStyles = window.getComputedStyle(document.body)\n const initialBodyOverflow = bodyStyles.overflowY\n addClasses(container, popup, params)\n\n // scrolling is 'hidden' until animation is done, after that 'auto'\n setScrollingVisibility(container, popup)\n\n if (dom.isModal()) {\n fixScrollContainer(container, params.scrollbarPadding, initialBodyOverflow)\n setAriaHidden()\n }\n\n if (!dom.isToast() && !globalState.previousActiveElement) {\n globalState.previousActiveElement = document.activeElement\n }\n if (typeof params.onOpen === 'function') {\n setTimeout(() => params.onOpen(popup))\n }\n dom.removeClass(container, swalClasses['no-transition'])\n}\n\nfunction swalOpenAnimationFinished (event) {\n const popup = dom.getPopup()\n if (event.target !== popup) {\n return\n }\n const container = dom.getContainer()\n popup.removeEventListener(dom.animationEndEvent, swalOpenAnimationFinished)\n container.style.overflowY = 'auto'\n}\n\nconst setScrollingVisibility = (container, popup) => {\n if (dom.animationEndEvent && dom.hasCssAnimation(popup)) {\n container.style.overflowY = 'hidden'\n popup.addEventListener(dom.animationEndEvent, swalOpenAnimationFinished)\n } else {\n container.style.overflowY = 'auto'\n }\n}\n\nconst fixScrollContainer = (container, scrollbarPadding, initialBodyOverflow) => {\n iOSfix()\n IEfix()\n\n if (scrollbarPadding && initialBodyOverflow !== 'hidden') {\n fixScrollbar()\n }\n\n // sweetalert2/issues/1247\n setTimeout(() => {\n container.scrollTop = 0\n })\n}\n\nconst addClasses = (container, popup, params) => {\n dom.addClass(container, params.showClass.backdrop)\n dom.show(popup)\n // Animate popup right after showing it\n dom.addClass(popup, params.showClass.popup)\n\n dom.addClass([document.documentElement, document.body], swalClasses.shown)\n if (params.heightAuto && params.backdrop && !params.toast) {\n dom.addClass([document.documentElement, document.body], swalClasses['height-auto'])\n }\n}\n","import * as dom from './index.js'\nimport { swalClasses } from '../classes.js'\nimport { getChildByClass } from './domUtils.js'\nimport { asPromise, error, hasToPromiseFn, isPromise } from '../utils.js'\nimport { showLoading } from '../../staticMethods/showLoading.js'\n\nexport const handleInputOptionsAndValue = (instance, params) => {\n if (params.input === 'select' || params.input === 'radio') {\n handleInputOptions(instance, params)\n } else if (['text', 'email', 'number', 'tel', 'textarea'].includes(params.input) &&\n (hasToPromiseFn(params.inputValue) || isPromise(params.inputValue))) {\n handleInputValue(instance, params)\n }\n}\n\nexport const getInputValue = (instance, innerParams) => {\n const input = instance.getInput()\n if (!input) {\n return null\n }\n switch (innerParams.input) {\n case 'checkbox':\n return getCheckboxValue(input)\n case 'radio':\n return getRadioValue(input)\n case 'file':\n return getFileValue(input)\n default:\n return innerParams.inputAutoTrim ? input.value.trim() : input.value\n }\n}\n\nconst getCheckboxValue = (input) => input.checked ? 1 : 0\n\nconst getRadioValue = (input) => input.checked ? input.value : null\n\nconst getFileValue = (input) => input.files.length ? (input.getAttribute('multiple') !== null ? input.files : input.files[0]) : null\n\nconst handleInputOptions = (instance, params) => {\n const content = dom.getContent()\n const processInputOptions = (inputOptions) => populateInputOptions[params.input](content, formatInputOptions(inputOptions), params)\n if (hasToPromiseFn(params.inputOptions) || isPromise(params.inputOptions)) {\n showLoading()\n asPromise(params.inputOptions).then((inputOptions) => {\n instance.hideLoading()\n processInputOptions(inputOptions)\n })\n } else if (typeof params.inputOptions === 'object') {\n processInputOptions(params.inputOptions)\n } else {\n error(`Unexpected type of inputOptions! Expected object, Map or Promise, got ${typeof params.inputOptions}`)\n }\n}\n\nconst handleInputValue = (instance, params) => {\n const input = instance.getInput()\n dom.hide(input)\n asPromise(params.inputValue).then((inputValue) => {\n input.value = params.input === 'number' ? parseFloat(inputValue) || 0 : `${inputValue}`\n dom.show(input)\n input.focus()\n instance.hideLoading()\n })\n .catch((err) => {\n error(`Error in inputValue promise: ${err}`)\n input.value = ''\n dom.show(input)\n input.focus()\n instance.hideLoading()\n })\n}\n\nconst populateInputOptions = {\n select: (content, inputOptions, params) => {\n const select = getChildByClass(content, swalClasses.select)\n const renderOption = (parent, optionLabel, optionValue) => {\n const option = document.createElement('option')\n option.value = optionValue\n dom.setInnerHtml(option, optionLabel)\n if (params.inputValue.toString() === optionValue.toString()) {\n option.selected = true\n }\n parent.appendChild(option)\n }\n inputOptions.forEach(inputOption => {\n const optionValue = inputOption[0]\n const optionLabel = inputOption[1]\n //