for example), or a DocumentFragment\n * instance, depending on the contents of the `html` string.\n *\n * @param {String} html - HTML string to \"domify\"\n * @param {Document} doc - The `document` instance to create the Node for\n * @return {DOMNode} the TextNode, DOM Node, or DocumentFragment instance\n * @api private\n */\n\nfunction parse(html, doc) {\n if ('string' != typeof html) throw new TypeError('String expected');\n\n // default to the global `document` object\n if (!doc) doc = document;\n\n // tag name\n var m = /<([\\w:]+)/.exec(html);\n if (!m) return doc.createTextNode(html);\n\n html = html.replace(/^\\s+|\\s+$/g, ''); // Remove leading/trailing whitespace\n\n var tag = m[1];\n\n // body support\n if (tag == 'body') {\n var el = doc.createElement('html');\n el.innerHTML = html;\n return el.removeChild(el.lastChild);\n }\n\n // wrap map\n var wrap = map[tag] || map._default;\n var depth = wrap[0];\n var prefix = wrap[1];\n var suffix = wrap[2];\n var el = doc.createElement('div');\n el.innerHTML = prefix + html + suffix;\n while (depth--) el = el.lastChild;\n\n // one element\n if (el.firstChild == el.lastChild) {\n return el.removeChild(el.firstChild);\n }\n\n // several elements\n var fragment = doc.createDocumentFragment();\n while (el.firstChild) {\n fragment.appendChild(el.removeChild(el.firstChild));\n }\n\n return fragment;\n}\n\n},{}],3:[function(require,module,exports){\n/**\n * Code refactored from Mozilla Developer Network:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n\n'use strict';\n\nfunction assign(target, firstSource) {\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n for (var i = 1; i < arguments.length; i++) {\n var nextSource = arguments[i];\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n return to;\n}\n\nfunction polyfill() {\n if (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: assign\n });\n }\n}\n\nmodule.exports = {\n assign: assign,\n polyfill: polyfill\n};\n\n},{}],4:[function(require,module,exports){\n// classList polyfill for old browsers\r\nrequire('classlist-polyfill')\r\n// Object.assign polyfill\r\nrequire('es6-object-assign').polyfill()\r\n\r\n// String to DOM function\r\nvar domify = require('domify')\r\n\r\n// Use the DOM's HTML parsing to escape any dangerous strings\r\nvar escapeHtml = function escapeHtml (str) {\r\n if (typeof str !== 'undefined') {\r\n var div = document.createElement('div')\r\n div.appendChild(document.createTextNode(str))\r\n return div.innerHTML\r\n } else {\r\n return ''\r\n }\r\n}\r\n\r\n// Utility function to add space-delimited class strings to a DOM element's classList\r\nvar addClasses = function addClasses (el, classStr) {\r\n if (typeof classStr !== 'string' || classStr.length === 0) {\r\n return\r\n }\r\n var classes = classStr.split(' ')\r\n for (var i = 0; i < classes.length; i++) {\r\n var className = classes[i]\r\n if (className.length) {\r\n el.classList.add(className)\r\n }\r\n }\r\n}\r\n\r\n// Detect CSS Animation End Support\r\n// https://github.com/limonte/sweetalert2/blob/99bd539f85e15ac170f69d35001d12e092ef0054/src/utils/dom.js#L194\r\nvar animationEndEvent = (function detectAnimationEndEvent () {\r\n var el = document.createElement('div')\r\n var eventNames = {\r\n 'animation': 'animationend',\r\n 'WebkitAnimation': 'webkitAnimationEnd',\r\n 'MozAnimation': 'animationend',\r\n 'OAnimation': 'oanimationend',\r\n 'msAnimation': 'MSAnimationEnd'\r\n }\r\n for (var i in eventNames) {\r\n if (el.style[i] !== undefined) {\r\n return eventNames[i]\r\n }\r\n }\r\n return false\r\n})()\r\n\r\n// vex base CSS classes\r\nvar baseClassNames = {\r\n vex: 'vex',\r\n content: 'vex-content',\r\n overlay: 'vex-overlay',\r\n close: 'vex-close',\r\n closing: 'vex-closing',\r\n open: 'vex-open'\r\n}\r\n\r\n// Private lookup table of all open vex objects, keyed by id\r\nvar vexes = {}\r\nvar globalId = 1\r\n\r\n// Private boolean to assist the escapeButtonCloses option\r\nvar isEscapeActive = false\r\n\r\n// vex itself is an object that exposes a simple API to open and close vex objects in various ways\r\nvar vex = {\r\n open: function open (opts) {\r\n // Check for usage of deprecated options, and log a warning\r\n var warnDeprecated = function warnDeprecated (prop) {\r\n console.warn('The \"' + prop + '\" property is deprecated in vex 3. Use CSS classes and the appropriate \"ClassName\" options, instead.')\r\n console.warn('See http://github.hubspot.com/vex/api/advanced/#options')\r\n }\r\n if (opts.css) {\r\n warnDeprecated('css')\r\n }\r\n if (opts.overlayCSS) {\r\n warnDeprecated('overlayCSS')\r\n }\r\n if (opts.contentCSS) {\r\n warnDeprecated('contentCSS')\r\n }\r\n if (opts.closeCSS) {\r\n warnDeprecated('closeCSS')\r\n }\r\n\r\n // The dialog instance\r\n var vexInstance = {}\r\n\r\n // Set id\r\n vexInstance.id = globalId++\r\n\r\n // Store internally\r\n vexes[vexInstance.id] = vexInstance\r\n\r\n // Set state\r\n vexInstance.isOpen = true\r\n\r\n // Close function on the vex instance\r\n // This is how all API functions should close individual vexes\r\n vexInstance.close = function instanceClose () {\r\n // Check state\r\n if (!this.isOpen) {\r\n return true\r\n }\r\n\r\n var options = this.options\r\n\r\n // escapeButtonCloses is checked first\r\n if (isEscapeActive && !options.escapeButtonCloses) {\r\n return false\r\n }\r\n\r\n // Allow the user to validate any info or abort the close with the beforeClose callback\r\n var shouldClose = (function shouldClose () {\r\n // Call before close callback\r\n if (options.beforeClose) {\r\n return options.beforeClose.call(this)\r\n }\r\n // Otherwise indicate that it's ok to continue with close\r\n return true\r\n }.bind(this)())\r\n\r\n // If beforeClose() fails, abort the close\r\n if (shouldClose === false) {\r\n return false\r\n }\r\n\r\n // Update state\r\n this.isOpen = false\r\n\r\n // Detect if the content el has any CSS animations defined\r\n var style = window.getComputedStyle(this.contentEl)\r\n function hasAnimationPre (prefix) {\r\n return style.getPropertyValue(prefix + 'animation-name') !== 'none' && style.getPropertyValue(prefix + 'animation-duration') !== '0s'\r\n }\r\n var hasAnimation = hasAnimationPre('') || hasAnimationPre('-webkit-') || hasAnimationPre('-moz-') || hasAnimationPre('-o-')\r\n\r\n // Define the function that will actually close the instance\r\n var close = function close () {\r\n if (!this.rootEl.parentNode) {\r\n return\r\n }\r\n // Run once\r\n this.rootEl.removeEventListener(animationEndEvent, close)\r\n this.overlayEl.removeEventListener(animationEndEvent, close)\r\n // Remove from lookup table (prevent memory leaks)\r\n delete vexes[this.id]\r\n // Remove the dialog from the DOM\r\n this.rootEl.parentNode.removeChild(this.rootEl)\r\n // Remove the overlay from the DOM\r\n this.bodyEl.removeChild(this.overlayEl)\r\n // Call after close callback\r\n if (options.afterClose) {\r\n options.afterClose.call(this)\r\n }\r\n // Remove styling from the body, if no more vexes are open\r\n if (Object.keys(vexes).length === 0) {\r\n document.body.classList.remove(baseClassNames.open)\r\n }\r\n }.bind(this)\r\n\r\n // Close the vex\r\n if (animationEndEvent && hasAnimation) {\r\n // Setup the end event listener, to remove the el from the DOM\r\n this.rootEl.addEventListener(animationEndEvent, close)\r\n this.overlayEl.addEventListener(animationEndEvent, close)\r\n // Add the closing class to the dialog, showing the close animation\r\n this.rootEl.classList.add(baseClassNames.closing)\r\n this.overlayEl.classList.add(baseClassNames.closing)\r\n } else {\r\n close()\r\n }\r\n\r\n return true\r\n }\r\n\r\n // Allow strings as content\r\n if (typeof opts === 'string') {\r\n opts = {\r\n content: opts\r\n }\r\n }\r\n\r\n // `content` is unsafe internally, so translate\r\n // safe default: HTML-escape the content before passing it through\r\n if (opts.unsafeContent && !opts.content) {\r\n opts.content = opts.unsafeContent\r\n } else if (opts.content) {\r\n opts.content = escapeHtml(opts.content)\r\n }\r\n\r\n // Store options on instance for future reference\r\n var options = vexInstance.options = Object.assign({}, vex.defaultOptions, opts)\r\n\r\n // Get Body Element\r\n var bodyEl = vexInstance.bodyEl = document.getElementsByTagName('body')[0]\r\n\r\n // vex root\r\n var rootEl = vexInstance.rootEl = document.createElement('div')\r\n rootEl.classList.add(baseClassNames.vex)\r\n addClasses(rootEl, options.className)\r\n\r\n // Overlay\r\n var overlayEl = vexInstance.overlayEl = document.createElement('div')\r\n overlayEl.classList.add(baseClassNames.overlay)\r\n addClasses(overlayEl, options.overlayClassName)\r\n if (options.overlayClosesOnClick) {\r\n rootEl.addEventListener('click', function overlayClickListener (e) {\r\n if (e.target === rootEl) {\r\n vexInstance.close()\r\n }\r\n })\r\n }\r\n bodyEl.appendChild(overlayEl)\r\n\r\n // Content\r\n var contentEl = vexInstance.contentEl = document.createElement('div')\r\n contentEl.classList.add(baseClassNames.content)\r\n addClasses(contentEl, options.contentClassName)\r\n contentEl.appendChild(options.content instanceof window.Node ? options.content : domify(options.content))\r\n rootEl.appendChild(contentEl)\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n var closeEl = vexInstance.closeEl = document.createElement('div')\r\n closeEl.classList.add(baseClassNames.close)\r\n addClasses(closeEl, options.closeClassName)\r\n closeEl.addEventListener('click', vexInstance.close.bind(vexInstance))\r\n contentEl.appendChild(closeEl)\r\n }\r\n\r\n // Add to DOM\r\n document.querySelector(options.appendLocation).appendChild(rootEl)\r\n\r\n // Call after open callback\r\n if (options.afterOpen) {\r\n options.afterOpen.call(vexInstance)\r\n }\r\n\r\n // Apply styling to the body\r\n document.body.classList.add(baseClassNames.open)\r\n\r\n // Return the created vex instance\r\n return vexInstance\r\n },\r\n\r\n // A top-level vex.close function to close dialogs by reference or id\r\n close: function close (vexOrId) {\r\n var id\r\n if (vexOrId.id) {\r\n id = vexOrId.id\r\n } else if (typeof vexOrId === 'string') {\r\n id = vexOrId\r\n } else {\r\n throw new TypeError('close requires a vex object or id string')\r\n }\r\n if (!vexes[id]) {\r\n return false\r\n }\r\n return vexes[id].close()\r\n },\r\n\r\n // Close the most recently created/opened vex\r\n closeTop: function closeTop () {\r\n var ids = Object.keys(vexes)\r\n if (!ids.length) {\r\n return false\r\n }\r\n return vexes[ids[ids.length - 1]].close()\r\n },\r\n\r\n // Close every vex!\r\n closeAll: function closeAll () {\r\n for (var id in vexes) {\r\n this.close(id)\r\n }\r\n return true\r\n },\r\n\r\n // A getter for the internal lookup table\r\n getAll: function getAll () {\r\n return vexes\r\n },\r\n\r\n // A getter for the internal lookup table\r\n getById: function getById (id) {\r\n return vexes[id]\r\n }\r\n}\r\n\r\n// Close top vex on escape\r\nwindow.addEventListener('keyup', function vexKeyupListener (e) {\r\n if (e.keyCode === 27) {\r\n isEscapeActive = true\r\n vex.closeTop()\r\n isEscapeActive = false\r\n }\r\n})\r\n\r\n// Close all vexes on history pop state (useful in single page apps)\r\nwindow.addEventListener('popstate', function () {\r\n if (vex.defaultOptions.closeAllOnPopState) {\r\n vex.closeAll()\r\n }\r\n})\r\n\r\nvex.defaultOptions = {\r\n content: '',\r\n showCloseButton: true,\r\n escapeButtonCloses: true,\r\n overlayClosesOnClick: true,\r\n appendLocation: 'body',\r\n className: '',\r\n overlayClassName: '',\r\n contentClassName: '',\r\n closeClassName: '',\r\n closeAllOnPopState: true\r\n}\r\n\r\n// TODO Loading symbols?\r\n\r\n// Include escapeHtml function on the library object\r\nObject.defineProperty(vex, '_escapeHtml', {\r\n configurable: false,\r\n enumerable: false,\r\n writable: false,\r\n value: escapeHtml\r\n})\r\n\r\n// Plugin system!\r\nvex.registerPlugin = function registerPlugin (pluginFn, name) {\r\n var plugin = pluginFn(vex)\r\n var pluginName = name || plugin.name\r\n if (vex[pluginName]) {\r\n throw new Error('Plugin ' + name + ' is already registered.')\r\n }\r\n vex[pluginName] = plugin\r\n}\r\n\r\nmodule.exports = vex\r\n\n},{\"classlist-polyfill\":1,\"domify\":2,\"es6-object-assign\":3}]},{},[4])(4)\n});","import Component from '../abstracts/Component';\nimport vex from 'vex-js';\n\nexport default class ModalComponent extends Component {\n get SELECTORS() {\n return {\n trigger: '[data-modal], .modal-trigger',\n container: '.vex',\n focusableEl: 'a, :input:not([type=hidden]), button, [tabindex], iframe, :input:not(.form-group__username)'\n };\n }\n\n get LIBRARIES_SELECTORS() {\n return {\n tab: '[data-tabs]',\n select: 'select'\n };\n }\n\n get CLASSES() {\n return {\n canScroll: 'can-scroll'\n };\n }\n\n constructor() {\n super();\n this.focusableEl = $(this.SELECTORS.focusableEl);\n }\n\n modalAfterOpen(vexInstance, closeText, overflow) {\n let $close = $(vexInstance.closeEl);\n let $container = $(vexInstance.rootEl);\n let closeLabel = closeText;\n\n if (closeText) {\n $close.text(closeLabel).addClass('cta-close')\n }\n\n if (overflow === 'auto') {\n $('body').addClass(this.CLASSES.canScroll);\n }\n\n let $tabs = $container.find(this.LIBRARIES_SELECTORS.tab);\n if ($tabs.length > 0) {\n this.moduleLoader.loadBootstrapJsComponentAndExecute(\n 'tab',\n module => {\n $(this.LIBRARIES_SELECTORS.tab).tab();\n this.log('Tab initialized');\n },\n error => {\n console.log('failed to load tabs ', error.stack);\n }\n );\n }\n\n let $select = $container.find(this.LIBRARIES_SELECTORS.select);\n\n //ADD ACCESSIBILITY PROPERTIES\n $container.attr('tabindex', -1).attr('role', 'dialog');\n $close.attr('role', 'button').attr('tabindex', 0);\n\n let $focusableEl = $container.find(this.SELECTORS.focusableEl);\n $focusableEl.first().focus();\n\n this.$off('keydown',$close);\n this.$on('keydown', function (e) {\n if (e.keyCode === 13)\n vex.close(vexInstance);\n },$close);\n }\n\n getDataConfig ($el) {\n try {\n switch (true) {\n case $el.siblings(\".dataForm\").length > 0:\n return {\n data: $el.siblings(\".dataForm\").serialize(),\n };\n case typeof $el.data('body') === \"string\":\n return {\n contentType: \"application/json; charset=utf-8\",\n data: JSON.parse($el.data('body')),\n };\n case !!$el.data('body'):\n return {\n contentType: \"application/json; charset=utf-8\",\n data: $el.data('body'),\n };\n default:\n return {};\n }\n } catch (e) {\n return {};\n }\n }\n\n openAjaxContent(el) {\n let ctx = this;\n let url = el.data('href') || el.attr('href');\n let title = el.data('title');\n let close = el.data('closeText');\n let overlayClass = el.data('overlayClass');\n let overflow = el.data('overflow');\n let dataEgonValidation = el.data('egonValidation');\n let method = el.data('method') || 'GET';\n let dataConfig = method.toUpperCase() === 'POST' ? this.getDataConfig(el) : null;\n\n $(el).addClass('disable-click');\n\n $.ajax(\n Object.assign(\n {\n type: method,\n url: url,\n },\n dataConfig,\n )\n ).then(resp => {\n let chunked = $(resp).find('[data-ajax-chunk]');\n\n if (typeof resp != 'object' && chunked.length) {\n resp = chunked.html();\n }\n\n vex.open({\n unsafeContent: this.wrappedContent(resp, title)[0].outerHTML,\n className: el.data('modalClass'),\n closeClassName: 'icon-close',\n afterOpen: function() {\n setTimeout(function() {\n $('body').trigger('formInitializeAll');\n }, 1000);\n ctx.modalAfterOpen(this, close, overflow);\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.afterOpen);\n if (dataEgonValidation === true) {\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.egonValidation);\n }\n },\n afterClose: function() {\n $('body').removeClass(ctx.CLASSES.canScroll);\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.afterClose, this);\n $(el).removeClass('disable-click');\n },\n overlayClassName: overlayClass\n });\n });\n }\n\n openStaticContent(el) {\n let ctx = this;\n let title = el.data('title');\n let close = el.data('closeText');\n let content = $(el.data('modalId'))[0].outerHTML;\n\n $(el).addClass('disable-click');\n\n vex.open({\n unsafeContent: this.wrappedContent(content, title)[0].outerHTML,\n className: el.data('modalClass'),\n closeClassName: 'icon-close',\n afterOpen: function() {\n ctx.modalAfterOpen(this, close);\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.afterOpen);\n },\n afterClose: function() {\n $('body').removeClass(ctx.CLASSES.canScroll);\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.afterClose, this);\n $(el).removeClass('disable-click');\n }\n });\n }\n\n openRemoteContent(conf) {\n let title = $(conf.unsafeContent).data('title');\n let close = $(conf.unsafeContent).data('closeText');\n let ctx = this;\n let classData = $(conf.unsafeContent).data('modalClass');\n if (conf.modalClass) {\n classData = conf.modalClass;\n }\n if (conf.canScroll) document.body.classList.add(this.CLASSES.canScroll);\n vex.open({\n unsafeContent: this.wrappedContent(conf.unsafeContent, title)[0].outerHTML,\n className: classData,\n closeClassName: 'icon-close',\n afterOpen: function() {\n ctx.modalAfterOpen(this, close);\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.afterOpen);\n },\n afterClose: function() {\n $('body').removeClass(ctx.CLASSES.canScroll);\n ctx.$emit(ctx.$customEvents.MODAL_EVENTS.afterClose, this);\n }\n });\n }\n\n wrappedContent(content, title) {\n let container = $(`
`);\n if (title) {\n let $header = $(``);\n container.append($header);\n } else {\n container.addClass('no-header')\n }\n if (content) {\n let $body = $(`
${content}
`);\n if($body.find('[data-componentpb]').length > 0) {\n $body.find('[data-componentpb]').each((index, elem)=> {\n this.importComponent(elem.dataset.componentpb);\n });\n }\n container.append($body);\n }\n return container;\n }\n\n bindEvents() {\n this.$on('click.modal', ({event}) => {\n let $el = $(event.currentTarget);\n if ($el.data(\"originalEvent\") !== \"run\") {\n event.preventDefault();\n }\n\n if ($el.data('modalId') ) {\n this.openStaticContent($el);\n } else {\n this.openAjaxContent($el);\n }\n }, 'body', this.SELECTORS.trigger);\n\n this.$on(this.$customEvents.MODAL_EVENTS.show, ({payload}) => {\n this.openRemoteContent(payload);\n });\n }\n\n render() {\n this.bindEvents();\n }\n}\n"],"sourceRoot":""}