\r\n\t `;\r\n\t\tthis.domRefFrame = this.shadowRoot.querySelector('#frame');\r\n\t\tthis.domRefImg = {\r\n\t\t\tfallback: this.shadowRoot.querySelector('#fallbackPlaceholder'),\r\n\t\t\twebp: this.shadowRoot.querySelector('#webpPlaceholder'),\r\n\t\t\tjpeg: this.shadowRoot.querySelector('#jpegPlaceholder')\r\n\t\t};\r\n\t\tthis.domRefPlayButton = this.shadowRoot.querySelector('.lty-playbtn');\r\n\t\tthis.videoWrapper = this.shadowRoot.host.closest('figure');\r\n\t\tthis.isPrivate = Manipulator.getDataAttribute(this.videoWrapper, 'is-private');\r\n\t\tthis.privateAuthKey = Manipulator.getDataAttribute(this.videoWrapper, 'private-auth-key');\r\n\t}\r\n\r\n\tinitEvents() {\r\n\t\tthis.addEventListener('lta-litevideo-event', (event) => {\r\n\t\t\tconst { command } = event.detail;\r\n\r\n\t\t\tthis.onVideoCommand(command);\r\n\t\t});\r\n\r\n\t\tEventHandler.on(this.domRefPlayButton, 'click', (event) => {\r\n\t\t\tconst liteVideoElement = event.target.getRootNode().host.closest('figure');\r\n\t\t\tconst videoNameAttr = Manipulator.getDataAttribute(liteVideoElement, 'video-name');\r\n\t\t\tconst videoDescAttr = Manipulator.getDataAttribute(liteVideoElement, 'video-description');\r\n\t\t\tconst videoUrlAttr = Manipulator.getDataAttribute(liteVideoElement, 'video-url');\r\n\t\t\tconst videoDateAttr = Manipulator.getDataAttribute(liteVideoElement, 'video-date');\r\n\t\t\tconst videoEmbedAttr = {\r\n\t\t\t\t'videoName': videoNameAttr,\r\n\t\t\t\t'videoDescription': videoDescAttr,\r\n\t\t\t\t'videoURL': videoUrlAttr,\r\n\t\t\t\t'VideoDate': videoDateAttr\r\n\t\t\t};\r\n\t\t\tdataLayer.push({ 'event': 'videoView', ...videoEmbedAttr });\r\n\t\t})\r\n\t}\r\n\r\n\t/**\r\n\t * Parse our attributes and fire up some placeholders\r\n\t */\r\n\tsetupComponent() {\r\n\t\tthis.initImagePlaceholder();\r\n\t\tthis.domRefPlayButton.setAttribute('aria-label', `${this.videoPlay}: ${this.videoTitle}`);\r\n\t\tthis.setAttribute('title', `${this.videoPlay}: ${this.videoTitle}`);\r\n\t\tif (this.autoLoad) {\r\n\t\t\tthis.initIntersectionObserver();\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Lifecycle method that we use to listen for attribute changes to period\r\n\t *\r\n\t * @param {*} name\r\n\t * @param {*} oldVal\r\n\t * @param {*} newVal\r\n\t */\r\n\tattributeChangedCallback(name, oldVal, newVal) {\r\n\t\tswitch (name) {\r\n\t\t\tcase 'videoid': {\r\n\t\t\t\tif (oldVal !== newVal) {\r\n\t\t\t\t\tthis.setupComponent();\r\n\t\t\t\t\t// if we have a previous iframe, remove it and the activated class\r\n\t\t\t\t\tif (this.domRefFrame.classList.contains('lyt-activated')) {\r\n\t\t\t\t\t\tthis.domRefFrame.classList.remove('lyt-activated');\r\n\t\t\t\t\t\tthis.classList.remove('lyt-activated');\r\n\t\t\t\t\t\tthis.shadowRoot.querySelector('iframe').remove();\r\n\t\t\t\t\t\tthis.iframeLoaded = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t\t// eslint-disable-next-line no-fallthrough\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\tonVideoCommand(command) {\r\n\t\tconst iframe = this.shadowRoot.querySelector('iframe');\r\n\r\n\t\tif (iframe) {\r\n\t\t\tswitch (command) {\r\n\t\t\t\tcase 'pause':\r\n\t\t\t\t\tif (this.videoType === 'youtube') {\r\n\t\t\t\t\t\tiframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\r\n\t\t\t\t\t} else if (this.videoType === 'vimeo') {\r\n\t\t\t\t\t\tiframe.contentWindow.postMessage('{\"method\":\"pause\",\"value\":\"true\"}', '*');\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcookieHandler() {\r\n\t\timport('js-cookie').then(({ default: Cookies }) => {\r\n\t\t\tthis.thrdAccept = Cookies.get('cookieprefs') ? JSON.parse(Cookies.get('cookieprefs'))['thrd'] : false\r\n\r\n\t\t\treturn 1;\r\n\t\t}).catch((error) => {\r\n\t\t\tconsole.log(error);\r\n\t\t});\r\n\t}\r\n\t/**\r\n\t * Inject the iframe into the component body\r\n\t */\r\n\taddIframe() {\r\n\t\t// Addition for dealing with the case where the third party cookies are not accepted\r\n\r\n\t\tif (!this.iframeLoaded) {\r\n\t\t\tlet iframeHTML;\r\n\r\n\t\t\tif (this.videoType === 'youtube') {\r\n\t\t\t\tiframeHTML = `\r\n`;\r\n\r\n\t\t\t} else if (this.videoType === 'vimeo') {\r\n\t\t\t\tconst apValue = ((this.autoLoad && this.autoPlay) || (!this.autoLoad)) ? 'autoplay=1' : '';\r\n\t\t\t\tconst srcUrl = new URL(\r\n\t\t\t\t\t`/video/${this.videoId}?${apValue}&#t=${this.videoStartAt}&api=1`,\r\n\t\t\t\t\t'https://player.vimeo.com/'\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// TODO: construct src value w/ URL constructor\r\n\t\t\t\tiframeHTML = `\r\n`;\r\n\t\t\t}\r\n\r\n\t\t\tthis.domRefFrame.insertAdjacentHTML('beforeend', iframeHTML);\r\n\t\t\tthis.domRefFrame.classList.add('lyt-activated');\r\n\t\t\tthis.classList.add('lyt-activated');\r\n\t\t\tthis.iframeLoaded = true;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Setup the placeholder image for the component\r\n\t */\r\n\tasync initImagePlaceholder() {\r\n\r\n\t\t// we don't know which image type to preload, so warm the connection\r\n\t\tlet posterUrlWebp;\r\n\t\tlet posterUrlJpeg;\r\n\r\n\t\tif (this.videoType === 'youtube') {\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://i.ytimg.com/');\r\n\t\t\tposterUrlWebp = `https://i.ytimg.com/vi_webp/${this.videoId}/maxresdefault.webp`; // hqdefault\r\n\t\t\tposterUrlJpeg = `https://i.ytimg.com/vi/${this.videoId}/hqdefault.jpg`;\r\n\t\t} else if (this.videoType === 'vimeo') {\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://i.vimeocdn.com/');\r\n\t\t\tconst myHeaders = new Headers();\r\n\t\t\tif (this.isPrivate) {\r\n\t\t\t\tmyHeaders.append('Authorization', `Bearer ${this.privateAuthKey || VIMEO_ACCESS_TOKEN}`);\r\n\t\t\t}\r\n\t\t\tconst requestOptions = {\r\n\t\t\t\tmethod: 'GET',\r\n\t\t\t\theaders: myHeaders\r\n\t\t\t};\r\n\r\n\t\t\tawait fetch(`https://api.vimeo.com/videos/${this.videoId}/pictures`, requestOptions)\r\n\t\t\t\t.then((response) => response.json())\r\n\t\t\t\t// eslint-disable-next-line promise/always-return\r\n\t\t\t\t.then((result) => {\r\n\t\t\t\t\t// eslint-disable-next-line promise/always-return\r\n\t\t\t\t\tif (result?.data?.length > 0) {\r\n\t\t\t\t\t\tconst tnLarge = result?.data[0]?.sizes[0]?.link;\r\n\t\t\t\t\t\tconst imgId = tnLarge.slice(tnLarge.lastIndexOf('/') + 1).split('_')[0];\r\n\t\t\t\t\t\tposterUrlWebp = `https://i.vimeocdn.com/video/${imgId}.webp?mw=1100&mh=619&q=70`;\r\n\t\t\t\t\t\tposterUrlJpeg = `https://i.vimeocdn.com/video/${imgId}.jpg?mw=1100&mh=619&q=70`;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => console.error(error));\r\n\t\t}\r\n\r\n\t\tif (!this.fallbackThumbnail) {\r\n\t\t\tthis.domRefImg.webp.srcset = posterUrlWebp;\r\n\t\t\tthis.domRefImg.jpeg.srcset = posterUrlJpeg;\r\n\t\t\tthis.domRefImg.fallback.src = posterUrlJpeg;\r\n\t\t} else {\r\n\t\t\tthis.domRefImg.fallback.src = this.fallbackThumbnail;\r\n\t\t}\r\n\t\tthis.domRefImg.fallback.setAttribute('aria-label', `${this.videoPlay}: ${this.videoTitle}`);\r\n\t\tthis.domRefImg.fallback.setAttribute('alt', `${this.videoPlay}: ${this.videoTitle}`);\r\n\t}\r\n\r\n\t/**\r\n\t * Setup the Intersection Observer to load the iframe when scrolled into view\r\n\t */\r\n\tinitIntersectionObserver() {\r\n\t\tif ('IntersectionObserver' in window && 'IntersectionObserverEntry' in window) {\r\n\t\t\tconst options = {\r\n\t\t\t\troot: null,\r\n\t\t\t\trootMargin: '0px',\r\n\t\t\t\tthreshold: 0\r\n\t\t\t};\r\n\t\t\tconst observer = new IntersectionObserver((entries, observer) => {\r\n\t\t\t\tentries.forEach((entry) => {\r\n\t\t\t\t\tif (entry.isIntersecting && !this.iframeLoaded) {\r\n\t\t\t\t\t\tLiteVideoEmbed.warmConnections();\r\n\t\t\t\t\t\tthis.addIframe();\r\n\t\t\t\t\t\tobserver.unobserve(this);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, options);\r\n\t\t\tobserver.observe(this);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Add a to the head\r\n\t * @param {*} kind\r\n\t * @param {*} url\r\n\t * @param {*} as\r\n\t */\r\n\tstatic addPrefetch(kind, url, as) {\r\n\t\tconst linkElem = document.createElement('link');\r\n\t\tlinkElem.rel = kind;\r\n\t\tlinkElem.href = url;\r\n\t\tif (as) {\r\n\t\t\tlinkElem.as = as;\r\n\t\t}\r\n\t\tlinkElem.crossOrigin = 'true';\r\n\t\tdocument.head.append(linkElem);\r\n\t}\r\n\r\n\t/**\r\n\t * Begin preconnecting to warm up the iframe load Since the embed's netwok\r\n\t * requests load within its iframe, preload/prefetch'ing them outside the\r\n\t * iframe will only cause double-downloads. So, the best we can do is warm up\r\n\t * a few connections to origins that are in the critical path.\r\n\t *\r\n\t * Maybe `` would work, but it's unsupported:\r\n\t * http://crbug.com/593267 But TBH, I don't think it'll happen soon with Site\r\n\t * Isolation and split caches adding serious complexity.\r\n\t */\r\n\tstatic warmConnections() {\r\n\t\tif (LiteVideoEmbed.preconnected) return;\r\n\r\n\t\tif (this.videoType === 'youtube') {\r\n\t\t\t// Host that YT uses to serve JS needed by player, per amp-youtube\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://s.ytimg.com');\r\n\r\n\t\t\t// The iframe document and most of its subresources come right off\r\n\t\t\t// youtube.com\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://www.youtube.com');\r\n\r\n\t\t\t// The botguard script is fetched off from google.com\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://www.google.com');\r\n\r\n\t\t\t// TODO: Not certain if these ad related domains are in the critical path.\r\n\t\t\t// Could verify with domain-specific throttling.\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://googleads.g.doubleclick.net');\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://static.doubleclick.net');\r\n\t\t} else if (this.videoType === 'vimeo') {\r\n\t\t\t// Host that Vimeo uses to serve JS needed by player\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://f.vimeocdn.com');\r\n\t\t\t// The iframe document comes from player.vimeo.com\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://player.vimeo.com');\r\n\t\t\t// Image for placeholder comes from i.vimeocdn.com\r\n\t\t\tLiteVideoEmbed.addPrefetch('preconnect', 'https://i.vimeocdn.com');\r\n\t\t}\r\n\r\n\t\tLiteVideoEmbed.preconnected = true;\r\n\t}\r\n}\r\n\r\nLiteVideoEmbed.preconnected = false;\r\n\r\n// Register custom element\r\ncustomElements.define('lite-video', LiteVideoEmbed);\r\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nexport default freeGlobal;\n","import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nexport default root;\n","import root from './_root.js';\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nexport default Symbol;\n","import Symbol from './_Symbol.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nexport default getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nexport default objectToString;\n","import Symbol from './_Symbol.js';\nimport getRawTag from './_getRawTag.js';\nimport objectToString from './_objectToString.js';\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nexport default baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nexport default isObjectLike;\n","import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nexport default isSymbol;\n","/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\nexport default isArray;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nexport default trimmedEndIndex;\n","import trimmedEndIndex from './_trimmedEndIndex.js';\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nexport default baseTrim;\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nexport default isObject;\n","import baseTrim from './_baseTrim.js';\nimport isObject from './isObject.js';\nimport isSymbol from './isSymbol.js';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nexport default toNumber;\n","import baseGetTag from './_baseGetTag.js';\nimport isObject from './isObject.js';\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nexport default isFunction;\n","import root from './_root.js';\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\nexport default coreJsData;\n","import coreJsData from './_coreJsData.js';\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n return !!maskSrcKey && (maskSrcKey in func);\n}\n\nexport default isMasked;\n","/** Used for built-in method references. */\nvar funcProto = Function.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n if (func != null) {\n try {\n return funcToString.call(func);\n } catch (e) {}\n try {\n return (func + '');\n } catch (e) {}\n }\n return '';\n}\n\nexport default toSource;\n","import isFunction from './isFunction.js';\nimport isMasked from './_isMasked.js';\nimport isObject from './isObject.js';\nimport toSource from './_toSource.js';\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n * else `false`.\n */\nfunction baseIsNative(value) {\n if (!isObject(value) || isMasked(value)) {\n return false;\n }\n var pattern = isFunction(value) ? reIsNative : reIsHostCtor;\n return pattern.test(toSource(value));\n}\n\nexport default baseIsNative;\n","/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n","import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n var value = getValue(object, key);\n return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar WeakMap = getNative(root, 'WeakMap');\n\nexport default WeakMap;\n","/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n return typeof value == 'number' &&\n value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n","import isFunction from './isFunction.js';\nimport isLength from './isLength.js';\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n return value != null && isLength(value.length) && !isFunction(value);\n}\n\nexport default isArrayLike;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n var Ctor = value && value.constructor,\n proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n return value === proto;\n}\n\nexport default isPrototype;\n","import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]';\n\n/**\n * The base implementation of `_.isArguments`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n */\nfunction baseIsArguments(value) {\n return isObjectLike(value) && baseGetTag(value) == argsTag;\n}\n\nexport default baseIsArguments;\n","import baseIsArguments from './_baseIsArguments.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Built-in value references. */\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n * else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nvar isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {\n return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&\n !propertyIsEnumerable.call(value, 'callee');\n};\n\nexport default isArguments;\n","/**\n * This method returns `false`.\n *\n * @static\n * @memberOf _\n * @since 4.13.0\n * @category Util\n * @returns {boolean} Returns `false`.\n * @example\n *\n * _.times(2, _.stubFalse);\n * // => [false, false]\n */\nfunction stubFalse() {\n return false;\n}\n\nexport default stubFalse;\n","import root from './_root.js';\nimport stubFalse from './stubFalse.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nexport default isBuffer;\n","import baseGetTag from './_baseGetTag.js';\nimport isLength from './isLength.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n arrayTag = '[object Array]',\n boolTag = '[object Boolean]',\n dateTag = '[object Date]',\n errorTag = '[object Error]',\n funcTag = '[object Function]',\n mapTag = '[object Map]',\n numberTag = '[object Number]',\n objectTag = '[object Object]',\n regexpTag = '[object RegExp]',\n setTag = '[object Set]',\n stringTag = '[object String]',\n weakMapTag = '[object WeakMap]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n dataViewTag = '[object DataView]',\n float32Tag = '[object Float32Array]',\n float64Tag = '[object Float64Array]',\n int8Tag = '[object Int8Array]',\n int16Tag = '[object Int16Array]',\n int32Tag = '[object Int32Array]',\n uint8Tag = '[object Uint8Array]',\n uint8ClampedTag = '[object Uint8ClampedArray]',\n uint16Tag = '[object Uint16Array]',\n uint32Tag = '[object Uint32Array]';\n\n/** Used to identify `toStringTag` values of typed arrays. */\nvar typedArrayTags = {};\ntypedArrayTags[float32Tag] = typedArrayTags[float64Tag] =\ntypedArrayTags[int8Tag] = typedArrayTags[int16Tag] =\ntypedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =\ntypedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =\ntypedArrayTags[uint32Tag] = true;\ntypedArrayTags[argsTag] = typedArrayTags[arrayTag] =\ntypedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =\ntypedArrayTags[dataViewTag] = typedArrayTags[dateTag] =\ntypedArrayTags[errorTag] = typedArrayTags[funcTag] =\ntypedArrayTags[mapTag] = typedArrayTags[numberTag] =\ntypedArrayTags[objectTag] = typedArrayTags[regexpTag] =\ntypedArrayTags[setTag] = typedArrayTags[stringTag] =\ntypedArrayTags[weakMapTag] = false;\n\n/**\n * The base implementation of `_.isTypedArray` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n */\nfunction baseIsTypedArray(value) {\n return isObjectLike(value) &&\n isLength(value.length) && !!typedArrayTags[baseGetTag(value)];\n}\n\nexport default baseIsTypedArray;\n","/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n return function(value) {\n return func(value);\n };\n}\n\nexport default baseUnary;\n","import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n try {\n // Use `util.types` for Node.js 10+.\n var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n if (types) {\n return types;\n }\n\n // Legacy `process.binding('util')` for Node.js < 10.\n return freeProcess && freeProcess.binding && freeProcess.binding('util');\n } catch (e) {}\n}());\n\nexport default nodeUtil;\n","import baseIsTypedArray from './_baseIsTypedArray.js';\nimport baseUnary from './_baseUnary.js';\nimport nodeUtil from './_nodeUtil.js';\n\n/* Node.js helper references. */\nvar nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n/**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\nvar isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\nexport default isTypedArray;\n","/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n return function(arg) {\n return func(transform(arg));\n };\n}\n\nexport default overArg;\n","import overArg from './_overArg.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeKeys = overArg(Object.keys, Object);\n\nexport default nativeKeys;\n","import isPrototype from './_isPrototype.js';\nimport nativeKeys from './_nativeKeys.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeys(object) {\n if (!isPrototype(object)) {\n return nativeKeys(object);\n }\n var result = [];\n for (var key in Object(object)) {\n if (hasOwnProperty.call(object, key) && key != 'constructor') {\n result.push(key);\n }\n }\n return result;\n}\n\nexport default baseKeys;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map');\n\nexport default Map;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar DataView = getNative(root, 'DataView');\n\nexport default DataView;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Promise = getNative(root, 'Promise');\n\nexport default Promise;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Set = getNative(root, 'Set');\n\nexport default Set;\n","import DataView from './_DataView.js';\nimport Map from './_Map.js';\nimport Promise from './_Promise.js';\nimport Set from './_Set.js';\nimport WeakMap from './_WeakMap.js';\nimport baseGetTag from './_baseGetTag.js';\nimport toSource from './_toSource.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n objectTag = '[object Object]',\n promiseTag = '[object Promise]',\n setTag = '[object Set]',\n weakMapTag = '[object WeakMap]';\n\nvar dataViewTag = '[object DataView]';\n\n/** Used to detect maps, sets, and weakmaps. */\nvar dataViewCtorString = toSource(DataView),\n mapCtorString = toSource(Map),\n promiseCtorString = toSource(Promise),\n setCtorString = toSource(Set),\n weakMapCtorString = toSource(WeakMap);\n\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nvar getTag = baseGetTag;\n\n// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.\nif ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n (Map && getTag(new Map) != mapTag) ||\n (Promise && getTag(Promise.resolve()) != promiseTag) ||\n (Set && getTag(new Set) != setTag) ||\n (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n getTag = function(value) {\n var result = baseGetTag(value),\n Ctor = result == objectTag ? value.constructor : undefined,\n ctorString = Ctor ? toSource(Ctor) : '';\n\n if (ctorString) {\n switch (ctorString) {\n case dataViewCtorString: return dataViewTag;\n case mapCtorString: return mapTag;\n case promiseCtorString: return promiseTag;\n case setCtorString: return setTag;\n case weakMapCtorString: return weakMapTag;\n }\n }\n return result;\n };\n}\n\nexport default getTag;\n","import root from './_root.js';\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nexport default now;\n","import isObject from './isObject.js';\nimport now from './now.js';\nimport toNumber from './toNumber.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nexport default debounce;\n","import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n if (value == null) {\n return true;\n }\n if (isArrayLike(value) &&\n (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n return !value.length;\n }\n var tag = getTag(value);\n if (tag == mapTag || tag == setTag) {\n return !value.size;\n }\n if (isPrototype(value)) {\n return !baseKeys(value).length;\n }\n for (var key in value) {\n if (hasOwnProperty.call(value, key)) {\n return false;\n }\n }\n return true;\n}\n\nexport default isEmpty;\n","import debounce from './debounce.js';\nimport isObject from './isObject.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nexport default throttle;\n","const MILLISECONDS_MULTIPLIER = 1000;\r\n\r\nexport const TRANSITION_END = 'transitionend';\r\n\r\nexport const isElement = (obj) => {\r\n\tif (!obj || typeof obj !== 'object') {\r\n\t\treturn false;\r\n\t}\r\n\r\n\treturn typeof obj.nodeType !== 'undefined';\r\n};\r\n\r\nexport const getElement = (obj) => {\r\n\t// it's a node element\r\n\tif (isElement(obj)) {\r\n\t\treturn obj;\r\n\t}\r\n\r\n\tif (typeof obj === 'string' && obj.length > 0) {\r\n\t\treturn document.querySelector(obj);\r\n\t}\r\n\r\n\treturn null;\r\n};\r\n\r\n/**\r\n * Trick to restart an element's animation\r\n *\r\n * @param {HTMLElement} element\r\n * @returns void\r\n *\r\n * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation\r\n */\r\nexport const reflow = (element) => {\r\n\telement.offsetHeight;\r\n};\r\n\r\nexport const execute = (callback) => {\r\n\tif (typeof callback === 'function') {\r\n\t\tcallback();\r\n\t}\r\n};\r\n\r\nexport const triggerTransitionEnd = (element) => {\r\n\telement.dispatchEvent(new Event(TRANSITION_END));\r\n};\r\n\r\nexport const emulateTransitionEnd = (element, duration) => {\r\n\tlet called = false;\r\n\tconst durationPadding = 5;\r\n\tconst emulatedDuration = duration + durationPadding;\r\n\r\n\tfunction listener() {\r\n\t\tcalled = true;\r\n\t\telement.removeEventListener(TRANSITION_END, listener);\r\n\t}\r\n\r\n\telement.addEventListener(TRANSITION_END, listener);\r\n\tsetTimeout(() => {\r\n\t\tif (!called) {\r\n\t\t\ttriggerTransitionEnd(element);\r\n\t\t}\r\n\t}, emulatedDuration);\r\n};\r\n\r\nexport const getTransitionDurationFromElement = (element) => {\r\n\tif (!element) {\r\n\t\treturn 0;\r\n\t}\r\n\r\n\t// Get transition-duration of the element\r\n\tlet { transitionDuration, transitionDelay } = window.getComputedStyle(element);\r\n\r\n\tconst floatTransitionDuration = Number.parseFloat(transitionDuration);\r\n\tconst floatTransitionDelay = Number.parseFloat(transitionDelay);\r\n\r\n\t// Return 0 if element or transition duration is not found\r\n\tif (!floatTransitionDuration && !floatTransitionDelay) {\r\n\t\treturn 0;\r\n\t}\r\n\r\n\t// If multiple durations are defined, take the first\r\n\ttransitionDuration = transitionDuration.split(',')[0];\r\n\ttransitionDelay = transitionDelay.split(',')[0];\r\n\r\n\treturn (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;\r\n};\r\n\r\nexport const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {\r\n\tif (!waitForTransition) {\r\n\t\texecute(callback);\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst durationPadding = 5;\r\n\tconst emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding;\r\n\r\n\tlet called = false;\r\n\r\n\tconst handler = ({ target }) => {\r\n\t\tif (target !== transitionElement) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tcalled = true;\r\n\t\ttransitionElement.removeEventListener(TRANSITION_END, handler);\r\n\t\texecute(callback);\r\n\t};\r\n\r\n\ttransitionElement.addEventListener(TRANSITION_END, handler);\r\n\tsetTimeout(() => {\r\n\t\tif (!called) {\r\n\t\t\ttriggerTransitionEnd(transitionElement);\r\n\t\t}\r\n\t}, emulatedDuration);\r\n};\r\n","const mapData = (() => {\r\n\tconst storeData = {};\r\n\tlet id = 1;\r\n\r\n\treturn {\r\n\t\tset(element, key, data) {\r\n\t\t\tif (typeof element.ltaKey === 'undefined') {\r\n\t\t\t\telement.ltaKey = {\r\n\t\t\t\t\tkey,\r\n\t\t\t\t\tid\r\n\t\t\t\t};\r\n\t\t\t\tid++;\r\n\t\t\t}\r\n\r\n\t\t\tstoreData[element.ltaKey.id] = data;\r\n\t\t},\r\n\t\tget(element, key) {\r\n\t\t\tif (!element || typeof element.ltaKey === 'undefined') {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\r\n\t\t\tconst keyProperties = element.ltaKey;\r\n\t\t\tif (keyProperties.key === key) {\r\n\t\t\t\treturn storeData[keyProperties.id];\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t\tdelete(element, key) {\r\n\t\t\tif (typeof element.ltaKey === 'undefined') {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst keyProperties = element.ltaKey;\r\n\t\t\tif (keyProperties.key === key) {\r\n\t\t\t\tdelete storeData[keyProperties.id];\r\n\t\t\t\tdelete element.ltaKey;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n})();\r\n\r\nconst Data = {\r\n\tsetData(instance, key, data) {\r\n\t\tmapData.set(instance, key, data);\r\n\t},\r\n\tgetData(instance, key) {\r\n\t\treturn mapData.get(instance, key);\r\n\t},\r\n\tremoveData(instance, key) {\r\n\t\tmapData.delete(instance, key);\r\n\t}\r\n};\r\n\r\nexport default Data;\r\n","import EventHandler from '../../utils/dom/event-handler';\r\nimport Data from '../../utils/dom/data';\r\nimport { getElement } from '../../utils/utils';\r\n\r\n/**\r\n * Base component class. Provides basic interface to store, retreive and dispose a component instance.\r\n *\r\n * @class BaseComponent\r\n */\r\nclass BaseComponent {\r\n\t/**\r\n\t * Creates an instance of BaseComponent.\r\n\t *\r\n\t * @param {HTMLElement} element - Component DOM element\r\n\t * @memberof BaseComponent\r\n\t */\r\n\tconstructor(element) {\r\n\t\telement = getElement(element);\r\n\r\n\t\tif (!element) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._element = element;\r\n\t\tData.setData(this._element, this.constructor.DATA_KEY, this);\r\n\t}\r\n\r\n\t/**\r\n\t * Dispose of the component instance. Will remove the component instance from the component data store.\r\n\t *\r\n\t * @memberof BaseComponent\r\n\t */\r\n\tdispose() {\r\n\t\tData.removeData(this._element, this.constructor.DATA_KEY);\r\n\t\tEventHandler.off(this._element, this.constructor.EVENT_KEY);\r\n\r\n\t\tfor (const propertyName of Object.getOwnPropertyNames(this)) {\r\n\t\t\t// eslint-disable-next-line unicorn/no-null\r\n\t\t\tthis[propertyName] = null;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Get an instance of a component from an element\r\n\t *\r\n\t * @static\r\n\t * @param {HTMLElement} element - DOM Element\r\n\t * @returns {object} - Component instance for the passed DOM element\r\n\t * @memberof BaseComponent\r\n\t */\r\n\tstatic getInstance(element) {\r\n\t\treturn Data.getData(element, this.DATA_KEY);\r\n\t}\r\n\r\n\t/**\r\n\t * Get or create if missing an instance of a component from an element\r\n\t *\r\n\t * @param {HTMLElement} element - DOM Element\r\n\t * @param {object} config - Config object\r\n\t * @returns {object} - Component instance for the passed DOM element\r\n\t * @memberof BaseComponent\r\n\t */\r\n\tstatic getOrCreateInstance(element, config = {}) {\r\n\t\t// eslint-disable-next-line unicorn/no-null\r\n\t\treturn this.getInstance(element) || new this(element, typeof config === 'object' ? config : null);\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\tthrow new Error('You have to implement the static method \"NAME\" for each component!');\r\n\t}\r\n\r\n\tstatic get DATA_KEY() {\r\n\t\treturn `lta.${this.NAME}`;\r\n\t}\r\n\r\n\tstatic get EVENT_KEY() {\r\n\t\treturn `.${this.DATA_KEY}`;\r\n\t}\r\n}\r\n\r\nexport default BaseComponent;\r\n","/**\r\n * @fileoverview Modal component\r\n *\r\n * JavaScript modal plugin to add dialogs with custom content.\r\n */\r\n\r\nimport SelectorEngine from '../../utils/dom/selector-engine';\r\nimport Manipulator from '../../utils/dom/manipulator';\r\nimport EventHandler from '../../utils/dom/event-handler';\r\nimport { reflow, getTransitionDurationFromElement, emulateTransitionEnd, TRANSITION_END } from '../../utils/utils';\r\nimport BaseComponent from '../BaseComponent';\r\n\r\nconst defaultConfig = {\r\n\tbackdrop: true,\r\n\tkeyboard: true,\r\n\tfocus: true\r\n};\r\n\r\nconst EVENT_KEY = `.lta.modal`;\r\nconst ESCAPE_KEY = 'Escape';\r\n\r\nexport const EVENT_HIDE = `hide${EVENT_KEY}`;\r\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`;\r\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`;\r\nconst EVENT_SHOW = `show${EVENT_KEY}`;\r\nconst EVENT_SHOWN = `shown${EVENT_KEY}`;\r\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`;\r\nconst EVENT_RESIZE = `resize${EVENT_KEY}`;\r\nconst EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`;\r\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`;\r\nconst EVENT_MOUSEUP_DISMISS = `mouseup.dismiss${EVENT_KEY}`;\r\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`;\r\n\r\nconst CLASS_NAME_SCROLLBAR_MEASURER = 'lta-modal-scrollbar-measure';\r\nconst CLASS_NAME_BACKDROP = 'lta-modal-backdrop';\r\nconst CLASS_NAME_OPEN = 'lta-modal-open';\r\nconst CLASS_NAME_FADE = 'fade';\r\nconst CLASS_NAME_SHOW = 'show';\r\nconst CLASS_NAME_ELEVATED = 'is-elevated';\r\nconst CLASS_NAME_STATIC = 'lta-modal-static';\r\nconst CLASS_NAME_FULLSCREEN = 'lta-modal-open-fullscreen';\r\nconst CLASS_DIALOG_FULLSCREEN = 'lta-modal-fullscreen';\r\n\r\nconst SELECTOR_DIALOG = '.lta-modal-dialog';\r\nconst SELECTOR_MODAL_BODY = '.lta-modal-body';\r\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"modal\"]';\r\nconst SELECTOR_DATA_DISMISS = '[data-dismiss=\"modal\"]';\r\n\r\nconst NAME = 'Modal';\r\n\r\nclass Modal extends BaseComponent {\r\n\tconstructor(element, config) {\r\n\t\tsuper(element);\r\n\t\tif (!element) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._config = {\r\n\t\t\t...defaultConfig,\r\n\t\t\t...config\r\n\t\t};\r\n\t\tthis._element = element;\r\n\t\tthis._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, element);\r\n\t\tthis._backdrop = null;\r\n\t\tthis._isShown = false;\r\n\t\tthis._isBodyOverflowing = false;\r\n\t\tthis._ignoreBackdropClick = false;\r\n\t\tthis._isTransitioning = false;\r\n\t\tthis._scrollbarWidth = 0;\r\n\t\tthis.isEscapeEventEnable = true;\r\n\t\tthis._isFullScreen = this._dialog.classList.contains(CLASS_DIALOG_FULLSCREEN);\r\n\t}\r\n\r\n\tget presentForm() {\r\n\t\treturn this._presentForm;\r\n\t}\r\n\r\n\tset presentForm(presentForm) {\r\n\t\tthis._presentForm = presentForm;\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\treturn NAME;\r\n\t}\r\n\r\n\ttoggle(relatedTarget) {\r\n\t\treturn this._isShown ? this.hide() : this.show(relatedTarget);\r\n\t}\r\n\r\n\tshow(relatedTarget) {\r\n\t\tif (this._isShown || this._isTransitioning) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (this._element.classList.contains(CLASS_NAME_FADE)) {\r\n\t\t\tthis._isTransitioning = true;\r\n\t\t}\r\n\r\n\t\tconst showEvent = EventHandler.trigger(this._element, EVENT_SHOW, {\r\n\t\t\trelatedTarget\r\n\t\t});\r\n\r\n\t\tif (this._isShown || showEvent.defaultPrevented) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._isShown = true;\r\n\r\n\t\tthis._checkScrollbar();\r\n\t\tthis._setScrollbar();\r\n\r\n\t\tthis._adjustDialog();\r\n\t\tif(this.isEscapeEventEnable) {\r\n\t\t\tthis._setEscapeEvent();\r\n\t\t}\r\n\t\tthis._setResizeEvent();\r\n\r\n\t\tEventHandler.on(this._element, EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, (event) => this.hide(event));\r\n\r\n\t\tEventHandler.on(this._dialog, EVENT_MOUSEDOWN_DISMISS, () => {\r\n\t\t\tEventHandler.one(this._element, EVENT_MOUSEUP_DISMISS, (event) => {\r\n\t\t\t\tif (event.target === this._element) {\r\n\t\t\t\t\tthis._ignoreBackdropClick = true;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tthis._showBackdrop(() => this._showElement(relatedTarget));\r\n\t}\r\n\r\n\thide(event) {\r\n\t\tif (event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\r\n\t\tif (!this._isShown || this._isTransitioning) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst hideEvent = EventHandler.trigger(this._element, EVENT_HIDE);\r\n\r\n\t\tif (hideEvent.defaultPrevented) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._isShown = false;\r\n\t\tconst transition = this._element.classList.contains(CLASS_NAME_FADE);\r\n\r\n\t\tif (transition) {\r\n\t\t\tthis._isTransitioning = true;\r\n\t\t}\r\n\r\n\t\tif(this.isEscapeEventEnable) {\r\n\t\t\tthis._setEscapeEvent();\r\n\t\t}\r\n\t\tthis._setResizeEvent();\r\n\r\n\t\tEventHandler.off(document, EVENT_FOCUSIN);\r\n\r\n\t\tthis._element.classList.remove(CLASS_NAME_SHOW);\r\n\r\n\t\tEventHandler.off(this._element, EVENT_CLICK_DISMISS);\r\n\t\tEventHandler.off(this._dialog, EVENT_MOUSEDOWN_DISMISS);\r\n\r\n\t\tif (transition) {\r\n\t\t\tconst transitionDuration = getTransitionDurationFromElement(this._element);\r\n\r\n\t\t\tEventHandler.one(this._element, TRANSITION_END, (event) => this._hideModal(event));\r\n\t\t\temulateTransitionEnd(this._element, transitionDuration);\r\n\t\t} else {\r\n\t\t\tthis._hideModal();\r\n\t\t}\r\n\t}\r\n\r\n\tdispose() {\r\n\t\t[window, this._element, this._dialog].forEach((htmlElement) => EventHandler.off(htmlElement, EVENT_KEY));\r\n\r\n\t\tEventHandler.off(document, EVENT_FOCUSIN);\r\n\r\n\t\tthis._element = null;\r\n\t\tthis._dialog = null;\r\n\t\tthis._backdrop = null;\r\n\t\tthis._isShown = null;\r\n\t\tthis._isBodyOverflowing = null;\r\n\t\tthis._ignoreBackdropClick = null;\r\n\t\tthis._isTransitioning = null;\r\n\t\tthis._scrollbarWidth = null;\r\n\t}\r\n\r\n\thandleUpdate() {\r\n\t\tthis._adjustDialog();\r\n\t}\r\n\r\n\t_showElement(relatedTarget) {\r\n\t\tconst transition = this._element.classList.contains(CLASS_NAME_FADE);\r\n\t\tconst modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);\r\n\r\n\t\tif (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\r\n\t\t\t// Don't move modal's DOM position\r\n\t\t\tdocument.body.appendChild(this._element);\r\n\t\t}\r\n\r\n\t\tthis._element.style.display = 'block';\r\n\r\n\t\tif (!this._isFullScreen && document.body.classList.contains(CLASS_NAME_FULLSCREEN)) {\r\n\t\t\tthis._element.classList.add(CLASS_NAME_ELEVATED);\r\n\t\t}\r\n\r\n\t\tthis._element.removeAttribute('aria-hidden');\r\n\t\tthis._element.setAttribute('aria-modal', true);\r\n\t\tthis._element.setAttribute('role', 'dialog');\r\n\t\tthis._element.scrollTop = 0;\r\n\r\n\t\tif (modalBody) {\r\n\t\t\tmodalBody.scrollTop = 0;\r\n\t\t}\r\n\r\n\t\tif (transition) {\r\n\t\t\treflow(this._element);\r\n\t\t}\r\n\r\n\t\tthis._element.classList.add(CLASS_NAME_SHOW);\r\n\r\n\t\tif (this._config.focus) {\r\n\t\t\tthis._enforceFocus();\r\n\t\t}\r\n\r\n\t\tconst transitionComplete = () => {\r\n\t\t\tif (this._config.focus) {\r\n\t\t\t\tthis._element.focus();\r\n\t\t\t}\r\n\r\n\t\t\tthis._isTransitioning = false;\r\n\t\t\tEventHandler.trigger(this._element, EVENT_SHOWN, {\r\n\t\t\t\trelatedTarget\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tif (transition) {\r\n\t\t\tconst transitionDuration = getTransitionDurationFromElement(this._dialog);\r\n\r\n\t\t\tEventHandler.one(this._dialog, TRANSITION_END, transitionComplete);\r\n\t\t\temulateTransitionEnd(this._dialog, transitionDuration);\r\n\t\t} else {\r\n\t\t\ttransitionComplete();\r\n\t\t}\r\n\t}\r\n\r\n\t_enforceFocus() {\r\n\t\tEventHandler.off(document, EVENT_FOCUSIN); // guard against infinite focus loop\r\n\t\tEventHandler.on(document, EVENT_FOCUSIN, (event) => {\r\n\t\t\tif (document !== event.target && this._element !== event.target && !this._element.contains(event.target)) {\r\n\t\t\t\tthis._element.focus();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t_setEscapeEvent() {\r\n\t\tif (this._isShown) {\r\n\t\t\tEventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, (event) => {\r\n\t\t\t\tif (this._config.keyboard && event.key === ESCAPE_KEY) {\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tthis.hide();\r\n\t\t\t\t} else if (!this._config.keyboard && event.key === ESCAPE_KEY) {\r\n\t\t\t\t\tthis._triggerBackdropTransition();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tEventHandler.off(this._element, EVENT_KEYDOWN_DISMISS);\r\n\t\t}\r\n\t}\r\n\r\n\t_setResizeEvent() {\r\n\t\tif (this._isShown) {\r\n\t\t\tEventHandler.on(window, EVENT_RESIZE, () => this._adjustDialog());\r\n\t\t} else {\r\n\t\t\tEventHandler.off(window, EVENT_RESIZE);\r\n\t\t}\r\n\t}\r\n\r\n\t_hideModal() {\r\n\t\tthis._element.style.display = 'none';\r\n\t\tthis._element.setAttribute('aria-hidden', true);\r\n\t\tthis._element.removeAttribute('aria-modal');\r\n\t\tthis._element.removeAttribute('role');\r\n\t\tthis._isTransitioning = false;\r\n\t\tthis._showBackdrop(() => {\r\n\t\t\tdocument.body.classList.remove(...[CLASS_NAME_OPEN, ...(this._isFullScreen ? [CLASS_NAME_FULLSCREEN]:[])]);\r\n\t\t\tthis._resetAdjustments();\r\n\t\t\tthis._resetScrollbar();\r\n\t\t\tEventHandler.trigger(this._element, EVENT_HIDDEN);\r\n\t\t});\r\n\t}\r\n\r\n\t_removeBackdrop() {\r\n\t\tthis._backdrop.parentNode.removeChild(this._backdrop);\r\n\t\tthis._backdrop = null;\r\n\t}\r\n\r\n\t_showBackdrop(callback) {\r\n\t\tconst animate = this._element.classList.contains(CLASS_NAME_FADE) ? CLASS_NAME_FADE : '';\r\n\r\n\t\tif (this._isShown && this._config.backdrop) {\r\n\t\t\tthis._backdrop = document.createElement('div');\r\n\t\t\tthis._backdrop.className = CLASS_NAME_BACKDROP;\r\n\r\n\t\t\tif (animate) {\r\n\t\t\t\tthis._backdrop.classList.add(animate);\r\n\t\t\t}\r\n\r\n\t\t\tif (!this._isFullScreen && document.body.classList.contains(CLASS_NAME_FULLSCREEN)) {\r\n\t\t\t\tthis._backdrop.classList.add(CLASS_NAME_ELEVATED);\r\n\t\t\t}\r\n\r\n\t\t\tthis._element.parentNode.insertBefore(this._backdrop, this._element);\r\n\r\n\t\t\tEventHandler.on(this._element, EVENT_CLICK_DISMISS, (event) => {\r\n\t\t\t\tif (this._ignoreBackdropClick) {\r\n\t\t\t\t\tthis._ignoreBackdropClick = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (event.target !== event.currentTarget) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis._triggerBackdropTransition();\r\n\t\t\t});\r\n\r\n\t\t\tif (animate) {\r\n\t\t\t\treflow(this._backdrop);\r\n\t\t\t}\r\n\r\n\t\t\tthis._backdrop.classList.add(CLASS_NAME_SHOW);\r\n\r\n\t\t\tif (!animate) {\r\n\t\t\t\tcallback();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);\r\n\r\n\t\t\tEventHandler.one(this._backdrop, TRANSITION_END, callback);\r\n\t\t\temulateTransitionEnd(this._backdrop, backdropTransitionDuration);\r\n\t\t} else if (!this._isShown && this._backdrop) {\r\n\t\t\tthis._backdrop.classList.remove(CLASS_NAME_SHOW);\r\n\r\n\t\t\tconst callbackRemove = () => {\r\n\t\t\t\tthis._removeBackdrop();\r\n\t\t\t\tcallback();\r\n\t\t\t};\r\n\r\n\t\t\tif (this._element.classList.contains(CLASS_NAME_FADE)) {\r\n\t\t\t\tconst backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop);\r\n\t\t\t\tEventHandler.one(this._backdrop, TRANSITION_END, callbackRemove);\r\n\t\t\t\temulateTransitionEnd(this._backdrop, backdropTransitionDuration);\r\n\t\t\t} else {\r\n\t\t\t\tcallbackRemove();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tcallback();\r\n\t\t}\r\n\t}\r\n\r\n\t_triggerBackdropTransition() {\r\n\t\tif (this._config.backdrop === 'static') {\r\n\t\t\tconst hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);\r\n\t\t\tif (hideEvent.defaultPrevented) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;\r\n\r\n\t\t\tif (!isModalOverflowing) {\r\n\t\t\t\tthis._element.style.overflowY = 'hidden';\r\n\t\t\t}\r\n\r\n\t\t\tthis._element.classList.add(CLASS_NAME_STATIC);\r\n\t\t\tconst modalTransitionDuration = getTransitionDurationFromElement(this._dialog);\r\n\t\t\tEventHandler.off(this._element, TRANSITION_END);\r\n\t\t\tEventHandler.one(this._element, TRANSITION_END, () => {\r\n\t\t\t\tthis._element.classList.remove(CLASS_NAME_STATIC);\r\n\t\t\t\tif (!isModalOverflowing) {\r\n\t\t\t\t\tEventHandler.one(this._element, TRANSITION_END, () => {\r\n\t\t\t\t\t\tthis._element.style.overflowY = '';\r\n\t\t\t\t\t});\r\n\t\t\t\t\temulateTransitionEnd(this._element, modalTransitionDuration);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\temulateTransitionEnd(this._element, modalTransitionDuration);\r\n\t\t\tthis._element.focus();\r\n\t\t} else {\r\n\t\t\tthis.hide();\r\n\t\t}\r\n\t}\r\n\r\n\t// The following methods are used to handle overflowing modals\r\n\t_adjustDialog() {\r\n\t\tconst isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;\r\n\r\n\t\tif (!this._isBodyOverflowing && isModalOverflowing) {\r\n\t\t\tthis._element.style.paddingLeft = `${this._scrollbarWidth}px`;\r\n\t\t}\r\n\r\n\t\tif (this._isBodyOverflowing && !isModalOverflowing) {\r\n\t\t\tthis._element.style.paddingRight = `${this._scrollbarWidth}px`;\r\n\t\t}\r\n\t}\r\n\r\n\t_resetAdjustments() {\r\n\t\tthis._element.style.paddingLeft = '';\r\n\t\tthis._element.style.paddingRight = '';\r\n\t}\r\n\r\n\t_checkScrollbar() {\r\n\t\tconst rect = document.body.getBoundingClientRect();\r\n\t\tthis._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth;\r\n\t\tthis._scrollbarWidth = this._getScrollbarWidth();\r\n\t}\r\n\r\n\t_setScrollbar() {\r\n\t\tif (this._isBodyOverflowing) {\r\n\t\t\t// Adjust body padding\r\n\t\t\tconst actualPadding = document.body.style.paddingRight;\r\n\t\t\tconst calculatedPadding = window.getComputedStyle(document.body)['padding-right'];\r\n\r\n\t\t\tManipulator.setDataAttribute(document.body, 'padding-right', actualPadding);\r\n\t\t\tdocument.body.style.paddingRight = `${Number.parseFloat(calculatedPadding) + this._scrollbarWidth}px`;\r\n\t\t}\r\n\r\n\t\tdocument.body.classList.add(...[CLASS_NAME_OPEN, ...(this._isFullScreen ? [CLASS_NAME_FULLSCREEN]:[])]);\r\n\t}\r\n\r\n\t_resetScrollbar() {\r\n\t\t// Restore body padding\r\n\t\tconst padding = Manipulator.getDataAttribute(document.body, 'padding-right');\r\n\t\tif (typeof padding === 'undefined') {\r\n\t\t\tdocument.body.style.paddingRight = '';\r\n\t\t} else {\r\n\t\t\tManipulator.removeDataAttribute(document.body, 'padding-right');\r\n\t\t\tdocument.body.style.paddingRight = padding;\r\n\t\t}\r\n\t}\r\n\r\n\t_getScrollbarWidth() {\r\n\t\tconst scrollDiv = document.createElement('div');\r\n\t\tscrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER;\r\n\t\t// eslint-disable-next-line unicorn/prefer-node-append\r\n\t\tdocument.body.appendChild(scrollDiv);\r\n\r\n\t\tconst scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;\r\n\t\t// eslint-disable-next-line unicorn/prefer-node-remove\r\n\t\tdocument.body.removeChild(scrollDiv);\r\n\r\n\t\treturn scrollbarWidth;\r\n\t}\r\n}\r\n\r\nexport default Modal;\r\n","import SelectorEngine from './dom/selector-engine';\r\nimport Manipulator from './dom/manipulator';\r\nimport { isElement } from './utils';\r\n\r\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';\r\nconst SELECTOR_STICKY_CONTENT = '.sticky-top';\r\n\r\nclass ScrollBarHelper {\r\n\tconstructor() {\r\n\t\tthis._element = document.body;\r\n\t}\r\n\r\n\tgetWidth() {\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\r\n\t\tconst documentWidth = document.documentElement.clientWidth;\r\n\t\treturn Math.abs(window.innerWidth - documentWidth);\r\n\t}\r\n\r\n\thide() {\r\n\t\tconst width = this.getWidth();\r\n\t\tthis._disableOverFlow();\r\n\t\t// give padding to element to balance the hidden scrollbar width\r\n\t\tthis._setElementAttributes(this._element, 'paddingRight', (calculatedValue) => calculatedValue + width);\r\n\t\t// trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth\r\n\t\tthis._setElementAttributes(SELECTOR_FIXED_CONTENT, 'paddingRight', (calculatedValue) => calculatedValue + width);\r\n\t\tthis._setElementAttributes(SELECTOR_STICKY_CONTENT, 'marginRight', (calculatedValue) => calculatedValue - width);\r\n\t}\r\n\r\n\t_disableOverFlow() {\r\n\t\tthis._saveInitialAttribute(this._element, 'overflow');\r\n\t\tthis._element.style.overflow = 'hidden';\r\n\t}\r\n\r\n\t_setElementAttributes(selector, styleProp, callback) {\r\n\t\tconst scrollbarWidth = this.getWidth();\r\n\t\tconst manipulationCallBack = (element) => {\r\n\t\t\tif (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tthis._saveInitialAttribute(element, styleProp);\r\n\t\t\tconst calculatedValue = window.getComputedStyle(element)[styleProp];\r\n\t\t\telement.style[styleProp] = `${callback(Number.parseFloat(calculatedValue))}px`;\r\n\t\t};\r\n\r\n\t\tthis._applyManipulationCallback(selector, manipulationCallBack);\r\n\t}\r\n\r\n\treset() {\r\n\t\tthis._resetElementAttributes(this._element, 'overflow');\r\n\t\tthis._resetElementAttributes(this._element, 'paddingRight');\r\n\t\tthis._resetElementAttributes(SELECTOR_FIXED_CONTENT, 'paddingRight');\r\n\t\tthis._resetElementAttributes(SELECTOR_STICKY_CONTENT, 'marginRight');\r\n\t}\r\n\r\n\t_saveInitialAttribute(element, styleProp) {\r\n\t\tconst actualValue = element.style[styleProp];\r\n\t\tif (actualValue) {\r\n\t\t\tManipulator.setDataAttribute(element, styleProp, actualValue);\r\n\t\t}\r\n\t}\r\n\r\n\t_resetElementAttributes(selector, styleProp) {\r\n\t\tconst manipulationCallBack = (element) => {\r\n\t\t\tconst value = Manipulator.getDataAttribute(element, styleProp);\r\n\t\t\tif (typeof value === 'undefined') {\r\n\t\t\t\telement.style.removeProperty(styleProp);\r\n\t\t\t} else {\r\n\t\t\t\tManipulator.removeDataAttribute(element, styleProp);\r\n\t\t\t\telement.style[styleProp] = value;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tthis._applyManipulationCallback(selector, manipulationCallBack);\r\n\t}\r\n\r\n\t_applyManipulationCallback(selector, callBack) {\r\n\t\tif (isElement(selector)) {\r\n\t\t\tcallBack(selector);\r\n\t\t} else {\r\n\t\t\tfor (const sel of SelectorEngine.find(selector, this._element)) {\r\n\t\t\t\tcallBack(sel);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tisOverflowing() {\r\n\t\treturn this.getWidth() > 0;\r\n\t}\r\n}\r\n\r\nexport default ScrollBarHelper;\r\n","import EventHandler from './dom/event-handler';\r\nimport { execute, executeAfterTransition, getElement, reflow } from './utils';\r\n\r\nconst Default = {\r\n\tclassName: 'modal-backdrop',\r\n\tisVisible: true, // if false, we use the backdrop helper without adding any element to the dom\r\n\tisAnimated: false,\r\n\trootElement: 'body', // give the choice to place backdrop under different elements\r\n\tclickCallback: null\r\n};\r\n\r\nconst NAME = 'backdrop';\r\nconst CLASS_NAME_FADE = 'fade';\r\nconst CLASS_NAME_SHOW = 'show';\r\n\r\nconst EVENT_MOUSEDOWN = `mousedown.lta.${NAME}`;\r\n\r\nclass Backdrop {\r\n\tconstructor(config) {\r\n\t\tthis._config = this._getConfig(config);\r\n\t\tthis._isAppended = false;\r\n\t\tthis._element = null;\r\n\t}\r\n\r\n\tshow(callback) {\r\n\t\tif (!this._config.isVisible) {\r\n\t\t\texecute(callback);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._append();\r\n\r\n\t\tif (this._config.isAnimated) {\r\n\t\t\treflow(this._getElement());\r\n\t\t}\r\n\r\n\t\tthis._getElement().classList.add(CLASS_NAME_SHOW);\r\n\r\n\t\tthis._emulateAnimation(() => {\r\n\t\t\texecute(callback);\r\n\t\t});\r\n\t}\r\n\r\n\thide(callback) {\r\n\t\tif (!this._config.isVisible) {\r\n\t\t\texecute(callback);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._getElement().classList.remove(CLASS_NAME_SHOW);\r\n\r\n\t\tthis._emulateAnimation(() => {\r\n\t\t\tthis.dispose();\r\n\t\t\texecute(callback);\r\n\t\t});\r\n\t}\r\n\r\n\t// Private\r\n\r\n\t_getElement() {\r\n\t\tif (!this._element) {\r\n\t\t\tconst backdrop = document.createElement('div');\r\n\t\t\tbackdrop.className = this._config.className;\r\n\t\t\tif (this._config.isAnimated) {\r\n\t\t\t\tbackdrop.classList.add(CLASS_NAME_FADE);\r\n\t\t\t}\r\n\r\n\t\t\tthis._element = backdrop;\r\n\t\t}\r\n\r\n\t\treturn this._element;\r\n\t}\r\n\r\n\t_getConfig(config) {\r\n\t\tconfig = {\r\n\t\t\t...Default,\r\n\t\t\t...(typeof config === 'object' ? config : {})\r\n\t\t};\r\n\r\n\t\t// use getElement() with the default \"body\" to get a fresh Element on each instantiation\r\n\t\tconfig.rootElement = getElement(config.rootElement);\r\n\r\n\t\treturn config;\r\n\t}\r\n\r\n\t_append() {\r\n\t\tif (this._isAppended) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._config.rootElement.append(this._getElement());\r\n\r\n\t\tEventHandler.on(this._getElement(), EVENT_MOUSEDOWN, () => {\r\n\t\t\texecute(this._config.clickCallback);\r\n\t\t});\r\n\r\n\t\tthis._isAppended = true;\r\n\t}\r\n\r\n\tdispose() {\r\n\t\tif (!this._isAppended) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tEventHandler.off(this._element, EVENT_MOUSEDOWN);\r\n\r\n\t\tthis._element.remove();\r\n\t\tthis._isAppended = false;\r\n\t}\r\n\r\n\t_emulateAnimation(callback) {\r\n\t\texecuteAfterTransition(callback, this._getElement(), this._config.isAnimated);\r\n\t}\r\n}\r\n\r\nexport default Backdrop;\r\n","/* eslint-disable promise/always-return, promise/catch-or-return */\r\n/**\r\n * @file MegaNav component\r\n */\r\n\r\nimport { debounce } from 'lodash-es';\r\nimport SelectorEngine from '../../utils/dom/selector-engine';\r\nimport EventHandler from '../../utils/dom/event-handler';\r\nimport Manipulator from '../../utils/dom/manipulator';\r\nimport Modal from '../Modal';\r\nimport ScrollBarHelper from '../../utils/scrollbar-helper';\r\nimport Backdrop from '../../utils/backdrop';\r\nimport BaseComponent from '../BaseComponent';\r\n\r\nconst NAME = 'MegaNav';\r\nconst DATA_KEY = 'lta.meganav';\r\nconst EVENT_KEY = `.${DATA_KEY}`;\r\nconst DATA_API_KEY = '.data-api';\r\n\r\nconst ESCAPE_KEY = 'Escape';\r\n\r\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;\r\n\r\nconst ITEM_EXP_CLASS = 'lta-mega-nav__item--expanded';\r\nconst CLASS_EXPANDED = 'lta-mega-nav--expanded';\r\nconst CLASS_ICON_BTN = 'is-active';\r\nconst CLASS_SEARCH_VISIBLE = 'lta-mega-nav__search--is-visible';\r\nconst CLASS_ADVANTAGE_VISIBLE = 'lta-mega-nav__advantage-menu--is-visible';\r\nconst CLASS_NAV_VISIBLE = 'lta-mega-nav__nav--is-visible';\r\nconst CLASS_MOBILE_LAYOUT = 'lta-mega-nav--mobile';\r\nconst CLASS_MOBILE_DESKTOP = 'lta-mega-nav--desktop';\r\nconst CLASS_NAME_BACKDROP = 'lta-mega-nav__offcanvas-backdrop';\r\n\r\nconst SELECTOR_DATA_TOGGLE = '[data-lta-meganav]';\r\n\r\nclass MegaNav extends BaseComponent {\r\n\tconstructor(element) {\r\n\t\tsuper(element);\r\n\r\n\t\tthis.isVisible = true;\r\n\t\tthis.state = {\r\n\t\t\tcurrentMenuBtnEl: undefined,\r\n\t\t\tcurrentMenuId: undefined,\r\n\t\t\tcurrentMenuToggle: undefined,\r\n\t\t\tcurrentMenuPanelEl: undefined\r\n\t\t};\r\n\r\n\t\t// Default layout setting\r\n\t\tthis.layout = 'mobile';\r\n\t\t// Check if subnav should open on hover\r\n\t\tthis.hover = this._element.getAttribute('data-hover') && this._element.getAttribute('data-hover') == 'on';\r\n\r\n\t\tthis.search = SelectorEngine.find('.js-lta-mega-nav__search', this._element);\r\n\t\tthis.advantage = SelectorEngine.find('.js-lta-mega-nav__advantage-menu', this._element);\r\n\t\tthis.searchCancelButton = SelectorEngine.find('.js-lta-mega-nav__search-cancel', this._element);\r\n\t\tthis.searchActiveController = false;\r\n\t\tthis.advantageActiveController = false;\r\n\t\tthis.menu = SelectorEngine.find('.js-lta-mega-nav__nav', this._element);\r\n\t\tthis.menuItems = SelectorEngine.find('.js-lta-mega-nav__item', this._element);\r\n\t\tthis.subNavBackBtns = SelectorEngine.find('.js-lta-mega-nav__sub-nav-back-btn');\r\n\t\tthis.multipleRolesAddedModalElement = document.querySelector('#multiple-roles-added')\r\n\t\tthis._multipleRolesAddedModal = new Modal(this.multipleRolesAddedModalElement, {});\r\n\t\tthis.addnewRoleBtn = SelectorEngine.find('.lta-add-new-role-btn', this._element);\r\n\t\tthis.exitRoleModal = SelectorEngine.findOne('.js-exit-multiple-role-modal');\r\n\t\tthis.megaNavControls = SelectorEngine.find('.js-lta-mega-nav__control', this._element);\r\n\t\tconst megaNavControl = SelectorEngine.findOne('.mega-nav-controls');\r\n\t\tthis.showModal = megaNavControl ? megaNavControl.getAttribute('data-show-modal') : false;\r\n\t\tthis.redirectUrl = megaNavControl ? megaNavControl.getAttribute('data-url') : '';\r\n\t\tthis.menuActiveController = false;\r\n\r\n\t\tthis._backdrop = this._initializeBackDrop();\r\n\r\n\t\tif (this._element) {\r\n\t\t\tthis.init();\r\n\t\t}\r\n\r\n\t\tthis.expandedMenu = SelectorEngine.findOne('.lta-mega-nav__item--expanded', this._element);\r\n\t\tif (this.expandedMenu) {\r\n\t\t\tconst triggerButton = SelectorEngine.findOne('.js-lta-mega-nav__control', this.expandedMenu);\r\n\t\t\tthis.state.currentMenuBtnEl = triggerButton\r\n\t\t}\r\n\r\n\t\tconst hamburgerEl = SelectorEngine.findOne('.lta-mega-nav__btn--hamburger', this._element);\r\n\t\tEventHandler.on(hamburgerEl, 'click', () => {\r\n\t\t\tconst selectedMenu = SelectorEngine.findOne('[data-selected-menu-class]');\r\n\t\t\tif(selectedMenu) {\r\n\t\t\t\tconst selectedMenuClass = Manipulator.getDataAttribute(selectedMenu, 'selectedMenuClass');\r\n\t\t\t\tselectedMenu.classList.add(selectedMenuClass);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.megaNavControls.forEach(control => {\r\n\t\t\tEventHandler.on(control, 'keydown', (event) => {\t\t\t\t\r\n\t\t\t\tconst mainItem = event.target.closest('.js-lta-mega-nav__item');\r\n\t\t\t\tconst itemExpanded = mainItem.classList.contains(ITEM_EXP_CLASS);\t\t\t\t\t\t\r\n\t\t\t\tswitch(event.key) {\r\n\t\t\t\t\tcase ' ':\r\n\t\t\t\t\t\tManipulator.toggleClassCond(mainItem, ITEM_EXP_CLASS, !itemExpanded);\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase 'ArrowDown':\r\n\t\t\t\t\t\tif(!itemExpanded) {\r\n\t\t\t\t\t\t\tManipulator.toggleClassCond(mainItem, ITEM_EXP_CLASS, true);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase 'ArrowUp':\r\n\t\t\t\t\t\tif(itemExpanded) {\r\n\t\t\t\t\t\t\tManipulator.toggleClassCond(mainItem, ITEM_EXP_CLASS, false);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tdefault:\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t\tevent.stopPropagation();\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tEventHandler.on(window, 'resize', () => {\r\n\t\t\tthis.calculateNavbarHeight();\r\n\t\t});\r\n\r\n\t\tthis.interval = setInterval(() => {\r\n\t\t\tthis.calculateNavbarHeight();\r\n\t\t}, 500);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tclearInterval(this.interval)\r\n\t\t}, 10000);\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\treturn NAME;\r\n\t}\r\n\r\n\tcalculateNavbarHeight() {\r\n\t\tconst main = document.querySelector('body');\r\n\t\tconst navBarHeight = this._element?.offsetHeight || 73;\r\n\t\tconst mainPaddingTop = Number(main.style.paddingTop.split('px')?.[0]);\r\n\t\tif(mainPaddingTop !== navBarHeight) {\r\n\t\t\tmain.style.paddingTop = `${navBarHeight}px`;\r\n\t\t\tthis.menu[0].style.top = `${navBarHeight}px`;\r\n\t\t\tif(this.multipleRolesAddedModalElement?.style) {\r\n\t\t\t\tthis.multipleRolesAddedModalElement.style.top = `${navBarHeight}px`;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis.initMegaNav();\r\n\r\n\t\t// On window resize - update layout\r\n\t\tconst customEvent = new CustomEvent('update-menu-layout');\r\n\t\tlet previousScroll = 0;\r\n\r\n\t\twindow.addEventListener(\r\n\t\t\t'resize',\r\n\t\t\tdebounce(() => {\r\n\t\t\t\tthis._element.dispatchEvent(customEvent);\r\n\t\t\t}, 200)\r\n\t\t);\r\n\r\n\t\t// Same offset, horizontal filter not visible in initial load so offset is computed wrong.\r\n\t\tconst horizontalFilter = SelectorEngine.findOne('.js-lta-listview');\r\n\t\tlet offsetTop;\r\n\t\tif (horizontalFilter) offsetTop = horizontalFilter.getBoundingClientRect().top;\r\n\r\n\t\twindow.addEventListener('scroll', () => {\r\n\t\t\tconst currentScroll = document.documentElement.scrollTop;\r\n\t\t\tdocument.body.classList.toggle('after-filters', currentScroll > offsetTop);\r\n\r\n\t\t\tif (currentScroll > 0 && currentScroll < document.body.clientHeight - window.outerHeight) {\r\n\t\t\t\tthis.toggleNav(!(currentScroll > previousScroll));\r\n\t\t\t\tpreviousScroll = currentScroll;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\twindow.requestAnimationFrame(() => this._element.dispatchEvent(customEvent));\r\n\r\n\t\tthis.addnewRoleBtn.forEach(btn => {\r\n\t\t\tEventHandler.on(btn, 'click', () => {\r\n\t\t\t\tif (this.showModal == 'true') {\r\n\t\t\t\t\tthis._multipleRolesAddedModal.show();\r\n\t\t\t\t} else {\r\n\t\t\t\t\twindow.location.href = this.redirectUrl;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tEventHandler.on(this.exitRoleModal, 'click', () => {\r\n\t\t\tthis._multipleRolesAddedModal.hide();\r\n\t\t});\r\n\t}\r\n\r\n\tinitMegaNav() {\r\n\t\tthis.setMegaNavLayout(); // Switch between mobile/desktop layout\r\n\t\tthis.initSearch();\r\n\t\tthis.initAdvantage();\r\n\t\tthis.initMenu();\r\n\t\tthis.initSubNav();\r\n\r\n\t\tthis.expandedMenu = SelectorEngine.findOne(`.${ITEM_EXP_CLASS}`, this._element);\r\n\t\tif (this.expandedMenu) {\r\n\t\t\tconst triggerButton = SelectorEngine.findOne('.js-lta-mega-nav__control', this.expandedMenu);\r\n\t\t\tthis.state.currentMenuBtnEl = triggerButton\r\n\t\t}\r\n\r\n\t\tEventHandler.on(this._element, 'focusin', () => {\r\n\t\t\tif (!this.isVisible) {\r\n\t\t\t\tthis.toggleNav(true);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tEventHandler.on(this._element, 'update-menu-layout', () => {\r\n\t\t\tthis.setMegaNavLayout(); // On window resize - update layout\r\n\t\t});\r\n\t}\r\n\r\n\ttoggleNav(shouldShow) {\r\n\r\n\t\t// this will activate only when the query parameter is passed from the mobile app.\r\n\t\tif (document.querySelector('body')) {\r\n\t\t\tlet isLTAPLAYMOBILE = document.querySelector('body').getAttribute('data-is-LTAPLAYMOBILE');\r\n\t\t\tif (localStorage.getItem('isLTAPLAYMOBILE') == 'true') {\r\n\t\t\t\tisLTAPLAYMOBILE = 'True';\r\n\t\t\t}\r\n\t\t\tif (isLTAPLAYMOBILE !== null && isLTAPLAYMOBILE !== undefined && isLTAPLAYMOBILE == \"True\") {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.isVisible = shouldShow;\r\n\t\tdocument.body.classList.toggle('with-nav', shouldShow);\r\n\t\tdocument.body.classList.toggle('no-nav', !shouldShow);\r\n\t\tthis._element.classList.toggle('lta-mega-nav--is-visible', shouldShow);\r\n\t\tthis._element.classList.toggle('lta-mega-nav--is-hidden', !shouldShow);\r\n\t}\r\n\r\n\tsetMegaNavLayout() {\r\n\t\tconst layout = getComputedStyle(this._element).getPropertyValue('--lta-mega-nav-layout').trim();\r\n\r\n\t\tif (layout === this.layout) return;\r\n\r\n\t\tthis.layout = layout;\r\n\r\n\t\tManipulator.toggleClassCond(this._element, CLASS_MOBILE_DESKTOP, this.layout === 'desktop');\r\n\t\tManipulator.toggleClassCond(this._element, CLASS_MOBILE_LAYOUT, this.layout !== 'desktop');\r\n\r\n\t\tthis.resetMegaNavOffset();\r\n\t\tthis.resetNavAppearance();\r\n\t}\r\n\r\n\tresetMegaNavOffset() {\r\n\t\tdocument.documentElement.style.setProperty('--lta-mega-nav-offset-y', this._element.getBoundingClientRect().top + 'px');\r\n\t}\r\n\r\n\tcloseNavigation() {\r\n\t\t// Triggered by Esc key press\r\n\t\t// Close search\r\n\t\tthis.closeSearch();\r\n\t\tthis.closeAdvantage();\r\n\t\t// Close nav\r\n\t\tif (this.menu[0].classList.contains(CLASS_NAV_VISIBLE)) {\r\n\t\t\tthis.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, this.menuActiveController, true);\r\n\t\t}\r\n\t\t// Close subnav\r\n\t\tthis.closeSubNav(false);\r\n\t\tthis.resetNavAppearance(); // Reset nav expanded appearance\r\n\t}\r\n\r\n\tcloseFocusNavigation() {\r\n\t\t// Triggered by Tab key pressed\r\n\t\t// Close search when focus is lost\r\n\t\tif (this.search[0].classList.contains(CLASS_SEARCH_VISIBLE) && !document.activeElement.closest('.js-lta-mega-nav__search')) {\r\n\t\t\tthis.toggleMenu(this.search[0], 'searchActiveController', CLASS_SEARCH_VISIBLE, this.searchActiveController, true);\r\n\t\t}\r\n\r\n\t\t// Close nav when focus is lost\r\n\t\tif (this.menu[0].classList.contains(CLASS_NAV_VISIBLE) && !document.activeElement.closest('.js-lta-mega-nav__nav')) {\r\n\t\t\tthis.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, this.menuActiveController, true);\r\n\t\t}\r\n\r\n\t\t// Close subnav when focus is lost\r\n\t\tfor (let i = 0; i < this.menuItems.length; i++) {\r\n\t\t\tif (!this.menuItems[i].classList.contains(ITEM_EXP_CLASS)) continue;\r\n\r\n\t\t\tconst parentItem = document.activeElement.closest('.js-lta-mega-nav__item');\r\n\r\n\t\t\tif (parentItem && parentItem == this.menuItems[i]) continue;\r\n\r\n\t\t\tthis.closeSingleSubnav(i);\r\n\t\t}\r\n\r\n\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t}\r\n\r\n\tcloseSearch(bool) {\r\n\t\tif (this.search.length === 0) return;\r\n\r\n\t\tif (this.search[0].classList.contains(CLASS_SEARCH_VISIBLE)) {\r\n\t\t\tthis.toggleMenu(this.search[0], 'searchActiveController', CLASS_SEARCH_VISIBLE, this.searchActiveController, bool);\r\n\t\t}\r\n\t}\r\n\r\n\tcloseAdvantage(bool) {\r\n\t\tif (this.advantage.length === 0) return;\r\n\r\n\t\tif (this.advantage[0].classList.contains(CLASS_ADVANTAGE_VISIBLE)) {\r\n\t\t\tthis.toggleMenu(this.advantage[0], 'advantageAtiveController', CLASS_ADVANTAGE_VISIBLE, this.advantageActiveController, bool);\r\n\t\t}\r\n\t}\r\n\r\n\tinitAdvantage() {\r\n\t\tif (this.advantage.length === 0) return;\r\n\r\n\t\t// Toggle advantage menu\r\n\t\tthis.advantageToggles = document.querySelectorAll('[aria-controls=\"' + this.advantage[0].getAttribute('id') + '\"]');\r\n\t\tthis.advantageToggles.forEach((advantageToggle) => {\r\n\t\t\tadvantageToggle.addEventListener('click', (event) => {\r\n\t\t\t\t// Toggle search\r\n\t\t\t\tthis.toggleMenu(this.advantage[0], 'advantageActiveController', CLASS_ADVANTAGE_VISIBLE, advantageToggle, true);\r\n\t\t\t\t// Close nav if it was open\r\n\t\t\t\tif (this.menu[0].classList.contains(CLASS_NAV_VISIBLE)) {\r\n\t\t\t\t\tthis.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, this.menuActiveController, false);\r\n\t\t\t\t}\r\n\t\t\t\t// close subnavigation if open\r\n\t\t\t\tthis.closeSubNav(false);\r\n\t\t\t\tthis.closeSearch(false);\r\n\t\t\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tEventHandler.on(this.advantage[0], 'keyup', (event) => {\r\n\t\t\tif (event.key === ESCAPE_KEY) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.closeSubNav(false);\r\n\t\t\t\tthis.closeAdvantage();\r\n\t\t\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t\t\t\tnew ScrollBarHelper().reset();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tinitSearch() {\r\n\t\tif (this.search.length === 0) return;\r\n\r\n\t\t// Toggle search\r\n\t\tthis.searchToggles = document.querySelectorAll('[aria-controls=\"' + this.search[0].getAttribute('id') + '\"]');\r\n\r\n\t\tEventHandler.on(this.searchCancelButton[0], 'click', (event) => { \r\n\t\t\tevent.preventDefault(); \r\n\t\t\tthis.closeSearch();\r\n\t\t});\r\n\r\n\t\tEventHandler.on(this.search[0], 'keyup', (event) => {\r\n\t\t\tif (event.key === ESCAPE_KEY) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tthis.search[0].classList.remove('lta-mega-nav__search--is-visible');\r\n\t\t\t\tif (this.menu[0].classList.contains(CLASS_NAV_VISIBLE)) {\r\n\t\t\t\t\tthis.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, this.menuActiveController, false);\r\n\t\t\t\t}\r\n\t\t\t\tthis.closeSubNav(false);\r\n\t\t\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t\t\t\tthis._backdrop.hide();\r\n\t\t\t\tnew ScrollBarHelper().reset();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.searchToggles.forEach((searchToggle) => {\r\n\t\t\tsearchToggle.addEventListener('click', (event) => {\r\n\t\t\t\t// Toggle search\r\n\t\t\t\tthis.toggleMenu(this.search[0], 'searchActiveController', CLASS_SEARCH_VISIBLE, searchToggle, true);\r\n\t\t\t\t// Close nav if it was open\r\n\t\t\t\tif (this.menu[0].classList.contains(CLASS_NAV_VISIBLE)) {\r\n\t\t\t\t\tthis.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, this.menuActiveController, false);\r\n\t\t\t\t}\r\n\t\t\t\t// close subnavigation if open\r\n\t\t\t\tthis.closeSubNav(false);\r\n\t\t\t\tthis.closeAdvantage(false);\r\n\t\t\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tinitMenu() {\r\n\t\tif (this.menu.length === 0) return;\r\n\r\n\t\t// Toggle nav / hamburger menu button\r\n\t\tthis.menuToggles = document.querySelectorAll('[aria-controls=\"' + this.menu[0].getAttribute('id') + '\"]');\r\n\r\n\t\tthis.menuToggles.forEach((menuToggle) => {\r\n\t\t\tmenuToggle.addEventListener('click', (event) => {\r\n\t\t\t\t// Toggle nav\r\n\t\t\t\tthis.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, menuToggle, true);\r\n\r\n\t\t\t\t// Close search if it was open\r\n\t\t\t\tif (this.search[0].classList.contains(CLASS_SEARCH_VISIBLE)) {\r\n\t\t\t\t\tthis.toggleMenu(this.search[0], 'searchActiveController', CLASS_SEARCH_VISIBLE, this.searchActiveController, false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Close advantage if it was open\r\n\t\t\t\tif (this.advantage[0].classList.contains(CLASS_ADVANTAGE_VISIBLE)) {\r\n\t\t\t\t\tthis.toggleMenu(this.advantage[0], 'advantageActiveController', CLASS_ADVANTAGE_VISIBLE, this.advantageActiveController, false);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.resetNavAppearance(); // Reset nav expanded appearance\r\n\t\t\t\tthis.state.currentMenuToggle = menuToggle;\r\n\t\t\t});\r\n\r\n\t\t\tEventHandler.on(this.menu[0], 'keyup', (event) => {\r\n\t\t\t\tif (event.key === ESCAPE_KEY) {\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tthis.closeSubNav(false);\r\n\t\t\t\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t\t\t\t\tnew ScrollBarHelper().reset();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t});\r\n\t}\r\n\r\n\ttoggleMenu(element, controller, visibleClass, toggle, moveFocus) {\r\n\t\tconst menuIsVisible = element.classList.contains(visibleClass);\r\n\r\n\t\tManipulator.toggleClassCond(element, visibleClass, !menuIsVisible);\r\n\t\tManipulator.toggleClassCond(toggle, CLASS_ICON_BTN, !menuIsVisible);\r\n\t\tmenuIsVisible ? toggle.removeAttribute('aria-expanded') : toggle.setAttribute('aria-expanded', 'true');\r\n\r\n\t\tif (menuIsVisible) {\r\n\t\t\tif (toggle && moveFocus) toggle.focus();\r\n\t\t\tthis[controller] = false;\r\n\t\t} else {\r\n\t\t\tif (toggle) this[controller] = toggle;\r\n\r\n\t\t\tconst firstFocusableEl = this.getFirstFocusable(element);\r\n\t\t\tif (firstFocusableEl) {\r\n\t\t\t\tfirstFocusableEl.focus(); // move focus to first focusable element\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!menuIsVisible) {\r\n\t\t\tthis._backdrop.show();\r\n\t\t\tnew ScrollBarHelper().hide();\r\n\t\t} else {\r\n\t\t\tthis._backdrop.hide();\r\n\t\t\tnew ScrollBarHelper().reset();\r\n\t\t}\r\n\t}\r\n\r\n\tgetFirstFocusable(element) {\r\n\t\t// eslint-disable-next-line max-len\r\n\t\tconst focusableEle = element.querySelectorAll(\r\n\t\t\t'[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex=\"-1\"]), [contenteditable], audio[controls], video[controls], summary'\r\n\t\t);\r\n\t\tlet firstFocusable = false;\r\n\r\n\t\tfor (let i = 0; i < focusableEle.length; i++) {\r\n\t\t\tif (focusableEle[i].offsetWidth || focusableEle[i].offsetHeight || focusableEle[i].getClientRects().length > 0) {\r\n\t\t\t\tfirstFocusable = focusableEle[i];\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn firstFocusable;\r\n\t}\r\n\r\n\tinitSubNav() {\r\n\t\t// Toggle subnavigation visibility\r\n\t\tthis._element.addEventListener('click', (event) => {\r\n\t\t\tthis.toggleSubNav(event, 'click');\r\n\t\t});\r\n\r\n\t\tthis.subNavBackBtns.forEach((backBtnEl) => {\r\n\t\t\tbackBtnEl.addEventListener('click', (event) => {\r\n\t\t\t\tthis.toggleSubNav(event, 'click', 'subnav');\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tif (this.hover) {\r\n\t\t\t// data-hover=\"on\" => use mouse events\r\n\t\t\tthis._element.addEventListener('mouseover', (event) => {\r\n\t\t\t\tif (this.layout != 'desktop') return;\r\n\t\t\t\tthis.toggleSubNav(event, 'mouseover');\r\n\t\t\t});\r\n\r\n\t\t\tthis._element.addEventListener('mouseout', (event) => {\r\n\t\t\t\tif (this.layout != 'desktop') return;\r\n\r\n\t\t\t\tconst mainItem = event.target.closest('.js-lta-mega-nav__item');\r\n\t\t\t\tif (!mainItem) return;\r\n\t\t\t\tconst triggerBtn = mainItem.getElementsByClassName('js-lta-mega-nav__control');\r\n\t\t\t\tif (triggerBtn.length === 0) return;\r\n\t\t\t\tconst itemExpanded = mainItem.classList.contains(ITEM_EXP_CLASS);\r\n\t\t\t\tif (!itemExpanded) return;\r\n\t\t\t\tconst mainItemHover = event.relatedTarget;\r\n\t\t\t\tif (mainItemHover && mainItem.contains(mainItemHover)) return;\r\n\r\n\t\t\t\tManipulator.toggleClassCond(mainItem, ITEM_EXP_CLASS, !itemExpanded);\r\n\t\t\t\titemExpanded ? triggerBtn[0].removeAttribute('aria-expanded') : triggerBtn[0].setAttribute('aria-expanded', 'true');\r\n\t\t\t\titemExpanded ? this._backdrop.hide(): '';\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\ttoggleSubNav(event, eventType, source = 'nav') {\r\n\t\tconst triggerBtn =\r\n\t\t\tsource === 'nav' ? event.target.closest('.js-lta-mega-nav__control') : this.state.currentMenuBtnEl.closest('.js-lta-mega-nav__control');\r\n\t\tif (!triggerBtn) return;\r\n\r\n\t\tthis.state.currentMenuBtnEl = triggerBtn;\r\n\r\n\t\tconst mainItem = triggerBtn.closest('.js-lta-mega-nav__item');\r\n\t\tif (!mainItem) return;\r\n\r\n\t\tconst itemExpanded = mainItem.classList.contains(ITEM_EXP_CLASS);\r\n\t\tif (this.hover && itemExpanded && this.layout === 'desktop' && eventType !== 'click') return;\r\n\t\tthis._backdrop.show();\r\n\r\n\t\tManipulator.toggleClassCond(mainItem, ITEM_EXP_CLASS, !itemExpanded);\r\n\t\titemExpanded ? triggerBtn.removeAttribute('aria-expanded') : triggerBtn.setAttribute('aria-expanded', 'true');\r\n\r\n\t\tif (this.layout == 'desktop' && !itemExpanded) this.closeSubNav(mainItem);\r\n\t\t// Close search if open\r\n\t\tthis.closeSearch(false);\r\n\t\tthis.closeAdvantage(false);\r\n\t\tthis.resetNavAppearance(); // reset nav expanded appearance\r\n\t}\r\n\r\n\tcloseSubNav(selectedItem) {\r\n\t\t// Close subnav when a new sub nav element is open\r\n\t\tif (this.menuItems.length === 0) return;\r\n\r\n\t\tfor (let i = 0; i < this.menuItems.length; i++) {\r\n\t\t\tif (this.menuItems[i] !== selectedItem) this.closeSingleSubnav(i);\r\n\t\t}\r\n\t}\r\n\r\n\tcloseSingleSubnav(index) {\r\n\t\tthis.menuItems[index].classList.remove(ITEM_EXP_CLASS);\r\n\t\tconst triggerBtn = SelectorEngine.find('.js-lta-mega-nav__control', this.menuItems[index]);\r\n\t\tif (triggerBtn.length > 0) triggerBtn[0].removeAttribute('aria-expanded');\r\n\t}\r\n\r\n\tresetNavAppearance() {\r\n\t\t(this._element.getElementsByClassName(ITEM_EXP_CLASS).length > 0 && this.layout == 'desktop') ||\r\n\t\tthis._element.getElementsByClassName(CLASS_SEARCH_VISIBLE).length > 0 ||\r\n\t\t(this._element.getElementsByClassName(CLASS_NAV_VISIBLE).length > 0 && this.layout == 'mobile')\r\n\t\t\t? this._element.classList.add(CLASS_EXPANDED)\r\n\t\t\t: this._element.classList.remove(CLASS_EXPANDED);\r\n\t}\r\n\r\n\t_initializeBackDrop() {\r\n\t\treturn new Backdrop({\r\n\t\t\tclassName: CLASS_NAME_BACKDROP,\r\n\t\t\tisVisible: true,\r\n\t\t\tisAnimated: true,\r\n\t\t\trootElement: this._element.parentNode,\r\n\t\t\t// This could be use `this.toggleMenu(this.menu[0], 'menuActiveController', CLASS_NAV_VISIBLE, this.state.currentMenuToggle, true)`\r\n\t\t\t// to keep the state of the opened menus. Not sure if it will be ever needed.\r\n\t\t\tclickCallback: () => this.closeNavigation()\r\n\t\t});\r\n\t}\r\n}\r\n\r\n/**\r\n * Data Api implementation\r\n */\r\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\r\n\tevent.preventDefault();\r\n\tMegaNav.getOrCreateInstance(this);\r\n});\r\n\r\nexport default MegaNav;\r\n/* eslint-enable promise/always-return, promise/catch-or-return */\r\n","export const ClassNames = Object.freeze({\r\n\tBlock: 'block',\r\n\tError: 'has-error',\r\n\tFocused: 'is-focused',\r\n\tHasIcon: 'has-icon',\r\n\tHidden: 'u-hidden',\r\n\tInvalid: 'is-invalid',\r\n\tInvalidWrapper: 'is-invalid-wrapper',\r\n\tNone: 'none',\r\n\tSearchInputField: '.lta-search-input-field',\r\n\tShow: 'show',\r\n\tTextInputError: '.lta-text-input--error'\r\n});\r\n","/**\r\n * @file Select component\r\n *\r\n * It convert a default select into a functional CSS editable select\r\n */\r\n\r\nimport SelectorEngine from '../../utils/dom/selector-engine';\r\nimport EventHandler from '../../utils/dom/event-handler';\r\nimport BaseComponent from '../BaseComponent';\r\nimport { Key } from '../../utils/constants';\r\nimport Manipulator from '../../utils/dom/manipulator';\r\nimport { ClassNames } from '../../utils/dom/css-classes';\r\n\r\nconst NAME = 'Select';\r\n\r\nconst DATA_KEY = 'lta.select';\r\nconst EVENT_KEY = `.${DATA_KEY}`;\r\nconst DATA_API_KEY = '.data-api';\r\nconst CLEAR = '.clear';\r\n\r\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;\r\nconst EVENT_CLICK = `click${EVENT_KEY}`;\r\nconst EVENT_MOUSEDOWN = `mousedown${EVENT_KEY}`;\r\nconst EVENT_BLUR = `blur${EVENT_KEY}`;\r\nconst EVENT_CLEAR = `click${EVENT_KEY}${CLEAR}`;\r\nconst EVENT_CLEAR_KEYDOWN = `keydown${EVENT_KEY}${CLEAR}`;\r\n\r\nconst SELECTOR_DATA_TOGGLE = '[data-lta-select]';\r\n\r\nconst CLASSNAME_OPTION_ACTIVE = 'lta-select__item--active';\r\nconst CLASSNAME_OPTION_SELECTED = 'lta-select__item--selected';\r\n\r\nconst OptionListNavigationDirection = Object.freeze({\r\n\tUp: 'up',\r\n\tDown: 'down'\r\n});\r\n\r\nclass Select extends BaseComponent {\r\n\tconstructor(element) {\r\n\t\tsuper(element);\r\n\t\tthis.onchangeEvent = document.createEvent('HTMLEvents');\r\n\t\tthis.onchangeEvent.initEvent('change', true, true);\r\n\r\n\t\tthis._selectWrapper = element;\r\n\t\tthis._selectNativeElement;\r\n\t\tthis._selectedElement;\r\n\t\tthis._itemsWrapper;\r\n\t\tthis._placeholderText = '- Choose -';\r\n\r\n\t\t// this._items will not have the placeholder included. Placeholder index in native select is 0\r\n\t\t// since placeholder is actually an option with disabled, selected and hidden attributes\r\n\t\tthis._items = [];\r\n\r\n\t\tthis.state = {\r\n\t\t\topened: false,\r\n\t\t\tselectedIndex: undefined,\r\n\t\t\tselectedItem: undefined,\r\n\t\t\tisMultiSelect: false,\r\n\t\t\tselectedOptions: [] // For multiselect only.\r\n\t\t};\r\n\r\n\t\tthis.state.isMultiSelect = Manipulator.getDataAttribute(this._element, 'isMultiselect');\r\n\r\n\t\tif (this._selectWrapper) {\r\n\t\t\tthis.init();\r\n\t\t}\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\treturn NAME;\r\n\t}\r\n\r\n\tget selectedOptions() {\r\n\t\treturn this.state.selectedOptions;\r\n\t}\r\n\r\n\tset selectedOptions(selectedOptions) {\r\n\t\tthis.state.selectedOptions = selectedOptions;\r\n\t\tthis.renderMultiSelect();\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis._selectNativeElement = SelectorEngine.findOne('select', this._selectWrapper);\r\n\t\tthis._itemsWrapper = SelectorEngine.findOne('.lta-select__items-wrapper', this._selectWrapper);\r\n\t\tthis._selectedElement = SelectorEngine.findOne('.lta-select__selected', this._selectWrapper);\r\n\t\tthis._clearButton = SelectorEngine.findOne('.lta-select__clear', this._selectWrapper);\r\n\t\tthis._dropdownCaret = SelectorEngine.findOne('.lta-select__caret-down', this._selectWrapper);\r\n\r\n\t\tfor (const option of this._selectNativeElement.options) {\r\n\t\t\toption.dataset.ssId = option.value;\r\n\t\t}\r\n\r\n\t\tif (this.state.isMultiSelect) {\r\n\t\t\tthis.initMultiSelect();\r\n\t\t} else {\r\n\t\t\tthis.initSelect();\r\n\t\t}\r\n\r\n\t\tthis.setEventListeners();\r\n\t}\r\n\r\n\tinitSelect() {\r\n\t\tthis._selectNativeElement.selectedIndex = this._selectNativeElement.selectedIndex < 0 ? 0 : this._selectNativeElement.selectedIndex;\r\n\t\t// first children is the span element\r\n\t\tthis._selectedElement.children[0].textContent =\r\n\t\t\tthis._selectNativeElement?.options[this._selectNativeElement.selectedIndex].textContent;\r\n\r\n\t\t// adds placeholder if it has one\r\n\t\tconst index = this._selectNativeElement.selectedIndex;\r\n\t\tif (this._selectNativeElement?.options[index].disabled && this._selectNativeElement?.options[index].value == '') {\r\n\t\t\tthis._selectedElement.classList.add('lta-select__selected--placeholder');\r\n\t\t}\r\n\t\tthis._placeholderText = this._selectNativeElement?.options[this._selectNativeElement.selectedIndex]?.textContent;\r\n\r\n\t\tthis.generateItems();\r\n\t}\r\n\r\n\tinitMultiSelect() {\r\n\t\tconst selectedIndex = this._selectNativeElement.selectedIndex < 0 ? 0 : this._selectNativeElement.selectedIndex;\r\n\r\n\t\tif (selectedIndex >= 0) {\r\n\t\t\t// first children is the span element\r\n\t\t\tthis._selectedElement.children[0].textContent = this._selectNativeElement?.options[selectedIndex].textContent;\r\n\t\t\tthis._placeholderText = this._selectNativeElement?.options[selectedIndex]?.textContent;\r\n\r\n\t\t\t// adds placeholder if it has one\r\n\t\t\tif (\r\n\t\t\t\tthis._selectNativeElement?.options[selectedIndex].disabled &&\r\n\t\t\t\tthis._selectNativeElement?.options[selectedIndex].value == ''\r\n\t\t\t) {\r\n\t\t\t\tthis._selectedElement.classList.add('lta-select__selected--placeholder');\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.generateItems();\r\n\r\n\t\tthis._selectedElements = SelectorEngine.find(':not([disabled])[selected]', this._selectNativeElement);\r\n\t\tconst options = this._itemsWrapper.querySelectorAll('.lta-select__item');\r\n\t\tconst selectedValues = new Set(this._selectedElements.map((item) => item.value+\"\"));\r\n\t\tfor (const option of options) {\r\n\t\t\tconst value = Manipulator.getDataAttribute(option, 'ssId');\r\n\t\t\tif (selectedValues.has(value+\"\")) {\r\n\t\t\t\toption.classList.add(CLASSNAME_OPTION_SELECTED);\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.selectedOptions = SelectorEngine.find(`.${CLASSNAME_OPTION_SELECTED}`, this._itemsWrapper);\r\n\t}\r\n\r\n\tactiveEventOption(event) {\r\n\t\treturn event.target.getAttribute('role') === 'option'\r\n\t\t\t? event.target\r\n\t\t\t: SelectorEngine.findOne(`.${CLASSNAME_OPTION_ACTIVE}`, this._itemsWrapper);\r\n\t}\r\n\r\n\trenderLabel() {\r\n\t\tif (!this.state.isMultiSelect) {\r\n\t\t\t// first children is the span element\r\n\t\t\tthis._selectedElement.children[0].textContent =\r\n\t\t\t\tthis._selectNativeElement?.options[this._selectNativeElement.selectedIndex].textContent;\r\n\r\n\t\t\t// adds placeholder if it has one\r\n\t\t\tconst index = this._selectNativeElement.selectedIndex;\r\n\t\t\tif (this._selectNativeElement?.options[index].disabled && this._selectNativeElement?.options[index].value == '') {\r\n\t\t\t\tthis._selectedElement.classList.add('lta-select__selected--placeholder');\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst optionValues = this.selectedOptions.map((option) => '' + Manipulator.getDataAttribute(option, 'ssId'));\r\n\t\t\tconst optionLabels = this.selectedOptions.map((option) => option.textContent);\r\n\t\t\tfor (const option of this._selectNativeElement?.options) {\r\n\t\t\t\toption.selected = optionValues.includes(option.value);\r\n\t\t\t}\r\n\t\t\tif (optionValues.length > 0) {\r\n\t\t\t\tthis._selectedElement.children[0].textContent = optionLabels.join(', ');\r\n\t\t\t\tthis._selectedElement.classList.remove('lta-select__selected--placeholder');\r\n\t\t\t} else {\r\n\t\t\t\tthis._selectedElement.children[0].textContent = this._placeholderText;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// this is used in AddressSearch/index.js\r\n\treBindSelectItems() {\r\n\t\t// first children is the span element\r\n\t\tthis._selectedElement.children[0].textContent =\r\n\t\t\tthis._selectNativeElement?.options[this._selectNativeElement.selectedIndex].textContent;\r\n\r\n\t\t// adds placeholder if it has one\r\n\t\tconst index = this._selectNativeElement.selectedIndex;\r\n\t\tif (this._selectNativeElement?.options[index].disabled && this._selectNativeElement?.options[index].value == '') {\r\n\t\t\tthis._selectedElement.classList.add('lta-select__selected--placeholder');\r\n\t\t}\r\n\r\n\t\tthis.generateItems();\r\n\t}\r\n\r\n\tgenerateItems() {\r\n\t\tconst fragment = document.createDocumentFragment();\r\n\t\tconst parentId = this._selectedElement?.getAttribute('id') || '';\r\n\r\n\t\tfor (let index = 0; index < this._selectNativeElement?.length; index++) {\r\n\t\t\t// Create the new select items\r\n\t\t\tconst option = this._selectNativeElement.options[index];\r\n\t\t\tconst value = option.value;\r\n\r\n\t\t\tconst selectItem = document.createElement('div');\r\n\t\t\tselectItem.textContent = option.textContent;\r\n\r\n\t\t\t// if it has a placeholder (this is an option element) hide the item\r\n\t\t\tif (index == 0 && value === '') {\r\n\t\t\t\tselectItem.hidden = true;\r\n\t\t\t\tselectItem.style.display = 'none';\r\n\t\t\t} else {\r\n\t\t\t\tselectItem.setAttribute('id', `${parentId}--option-${index}`);\r\n\t\t\t\tselectItem.setAttribute('class', 'lta-select__item');\r\n\t\t\t\tselectItem.setAttribute('role', 'option');\r\n\t\t\t\tselectItem.setAttribute('aria-selected', 'false');\r\n\t\t\t\tselectItem.dataset.ssId = value;\r\n\r\n\t\t\t\tthis._items.push(selectItem);\r\n\t\t\t}\r\n\r\n\t\t\tfragment.append(selectItem);\r\n\t\t}\r\n\r\n\t\tthis._itemsWrapper.append(fragment);\r\n\r\n\t\tconst nativeSelectedOptionText =\r\n\t\t\tthis._selectNativeElement.options[this._selectNativeElement.selectedIndex]?.textContent;\r\n\t\tif (nativeSelectedOptionText) {\r\n\t\t\t// first child is the span element\r\n\t\t\tthis._selectedElement.children[0].textContent = nativeSelectedOptionText;\r\n\t\t}\r\n\r\n\t\tconst selectedElement = SelectorEngine.findOne(':not([disabled])[selected]', this._selectNativeElement);\r\n\t\tconst options = SelectorEngine.find('.lta-select__item', this._itemsWrapper);\r\n\t\tfor (const option of options) {\r\n\t\t\tconst value = Manipulator.getDataAttribute(option, 'ssId');\r\n\t\t\tif (selectedElement && selectedElement?.value === value) {\r\n\t\t\t\toption.classList.add(CLASSNAME_OPTION_SELECTED);\r\n\t\t\t\tthis.state.selectedItem = option;\r\n\t\t\t\tthis.showClearButton(true);\r\n\t\t\t\t// adds placeholder if it has one\r\n\t\t\t\tthis._selectedElement.classList.remove('lta-select__selected--placeholder');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tsetEventListeners() {\r\n\t\t// Click on the select\r\n\t\tEventHandler.on(this._selectedElement, EVENT_CLICK, this.openSelect.bind(this));\r\n\t\t// Use of keyboard controls\r\n\t\tthis._selectWrapper.addEventListener('keydown', this.handleKeyboardNavigation.bind(this), true);\r\n\t\t// Clicking on an option\r\n\t\tEventHandler.on(this._itemsWrapper, EVENT_MOUSEDOWN, this.handleChange.bind(this));\r\n\t\t// Changing focus elsewhere on the page\r\n\t\tEventHandler.on(this._selectWrapper, EVENT_BLUR, this.handleBlur.bind(this));\r\n\r\n\t\tif (this._clearButton) {\r\n\t\t\tEventHandler.on(this._clearButton, EVENT_CLEAR, this.handleClear.bind(this));\r\n\t\t\tEventHandler.on(this._clearButton, EVENT_CLEAR_KEYDOWN, (event) => {\r\n\t\t\t\tif (event.key === Key.Enter) {\r\n\t\t\t\t\tthis.handleClear(event);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\t// eslint-disable-next-line complexity\r\n\thandleKeyboardNavigation(event) {\r\n\t\tlet activeOption = this._items.find((item) => item.classList.contains(CLASSNAME_OPTION_ACTIVE));\r\n\t\tif (!activeOption) {\r\n\t\t\tactiveOption = this._items.find((item) => item.classList.contains(CLASSNAME_OPTION_SELECTED));\r\n\t\t\tactiveOption?.classList.add(CLASSNAME_OPTION_ACTIVE);\r\n\t\t}\r\n\r\n\t\tconst setOptionToActive = (option) => {\r\n\t\t\toption.classList.add(CLASSNAME_OPTION_ACTIVE);\r\n\t\t\tthis._selectedElement.setAttribute('aria-activedescendant', option.id);\r\n\t\t};\r\n\t\t// eslint-disable-next-line unicorn/consistent-function-scoping\r\n\t\tconst setOptionToInactive = (option) => {\r\n\t\t\toption.classList.remove(CLASSNAME_OPTION_ACTIVE);\r\n\t\t};\r\n\r\n\t\tconst handleVerticalNavigation = (direction) => {\r\n\t\t\tif (!activeOption) {\r\n\t\t\t\tsetOptionToActive(this._items[0]);\r\n\t\t\t} else {\r\n\t\t\t\tconst targetOption =\r\n\t\t\t\t\tdirection === OptionListNavigationDirection.Up\r\n\t\t\t\t\t\t? activeOption.previousElementSibling\r\n\t\t\t\t\t\t: activeOption.nextElementSibling;\r\n\r\n\t\t\t\tif (targetOption && targetOption.role === 'option') {\r\n\t\t\t\t\tsetOptionToInactive(activeOption);\r\n\t\t\t\t\tsetOptionToActive(targetOption);\r\n\t\t\t\t\tthis._itemsWrapper.scrollTop = targetOption.offsetTop;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst navigationKeys = new Set([Key.Space, Key.ArrowDown, Key.ArrowUp]);\r\n\t\tif (!this.state.opened) {\r\n\t\t\tif (navigationKeys.has(event.key)) {\r\n\t\t\t\tthis.openSelect(event);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Prevent page movement\r\n\t\tif (navigationKeys.has(event.key)) {\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\r\n\t\t// Apply the current state\r\n\t\tconst selectionKeys = new Set([Key.Space, Key.Enter, Key.Tab]);\r\n\t\tif (selectionKeys.has(event.key)) {\r\n\t\t\tthis.handleChange(event);\r\n\t\t}\r\n\r\n\t\t// Move the user though the options\r\n\t\tif (event.key === Key.ArrowDown) {\r\n\t\t\thandleVerticalNavigation(OptionListNavigationDirection.Down);\r\n\t\t}\r\n\t\tif (event.key === Key.ArrowUp) {\r\n\t\t\thandleVerticalNavigation(OptionListNavigationDirection.Up);\r\n\t\t}\r\n\r\n\t\t// Close the listbox\r\n\t\tif (event.key === Key.Escape) {\r\n\t\t\tthis.closeSelect();\r\n\t\t}\r\n\t}\r\n\r\n\thandleBlur() {\r\n\t\tif (this.state.opened) {\r\n\t\t\tthis.closeSelect();\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange(event) {\r\n\t\tif (this.state.isMultiSelect) {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tevent.preventDefault();\r\n\t\t\tthis.handleMultipleSelectChange(event);\r\n\t\t} else {\r\n\t\t\tthis.handleSelectChange(event);\r\n\t\t}\r\n\t}\r\n\r\n\thandleSelectChange(event) {\r\n\t\t// this will fire if user clicks on label\r\n\t\tif (event.target === this._selectNativeElement) {\r\n\t\t\tthis._selectedElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst targetOption = this.activeEventOption(event);\r\n\r\n\t\tconst hasChanged = targetOption !== this.state.selectedItem;\r\n\r\n\t\t// remove active from previous selected item\r\n\t\tif (this.state.selectedItem && hasChanged) {\r\n\t\t\tthis.state.selectedItem.classList.remove(CLASSNAME_OPTION_SELECTED);\r\n\t\t\tthis.state.selectedItem.ariaSelected = 'false';\r\n\t\t}\r\n\r\n\t\t// active for new selected item\r\n\t\tif (hasChanged) {\r\n\t\t\tconst updateNativeElement = () => {\r\n\t\t\t\tif (this._selectNativeElement) {\r\n\t\t\t\t\tconst previousSelect = this._selectNativeElement?.options[this._selectNativeElement.selectedIndex];\r\n\t\t\t\t\tpreviousSelect.removeAttribute('selected');\r\n\t\t\t\t\tthis._selectNativeElement.selectedIndex = this.state.selectedIndex;\r\n\t\t\t\t\tthis._selectNativeElement.options[this.state.selectedIndex].setAttribute('selected', 'true');\r\n\t\t\t\t\tthis._selectNativeElement.dispatchEvent(this.onchangeEvent);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tthis.state.selectedItem = targetOption;\r\n\t\t\tthis.state.selectedIndex = [...this._itemsWrapper.children].indexOf(targetOption);\r\n\t\t\tthis.state.selectedItem.classList.add(CLASSNAME_OPTION_SELECTED);\r\n\t\t\tthis.state.selectedItem.ariaSelected = 'true';\r\n\r\n\t\t\tupdateNativeElement();\r\n\r\n\t\t\tthis._selectedElement.children[0].textContent = this.state.selectedItem.textContent;\r\n\t\t\tif (this._selectedElement.classList.contains('lta-select__selected--placeholder')) {\r\n\t\t\t\tthis._selectedElement.classList.remove('lta-select__selected--placeholder');\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.showClearButton(true);\r\n\t\tthis._selectedElement.focus();\r\n\t\tif(targetOption) {\r\n\t\t\tthis.closeSelect();\r\n\t\t}\r\n\t}\r\n\r\n\thandleMultipleSelectChange(event) {\r\n\t\tif (event.key === Key.Enter) {\r\n\t\t\tthis._selectedElement.focus();\r\n\t\t\tthis.closeSelect();\r\n\t\t} else {\r\n\t\t\tconst targetOption = this.activeEventOption(event);\r\n\t\t\tthis.state.selectedItem = targetOption;\r\n\t\t\tthis.state.selectedItem.classList.toggle(CLASSNAME_OPTION_SELECTED);\r\n\t\t\tthis.selectedOptions = SelectorEngine.find(`.${CLASSNAME_OPTION_SELECTED}`, this._itemsWrapper);\r\n\t\t\tthis._selectNativeElement.dispatchEvent(this.onchangeEvent);\r\n\t\t}\r\n\t}\r\n\r\n\thandleClear(event) {\r\n\t\tif (this.state.isMultiSelect) {\r\n\t\t\tfor (const option of this.selectedOptions) {\r\n\t\t\t\toption.classList.remove(CLASSNAME_OPTION_SELECTED);\r\n\t\t\t}\r\n\t\t\tthis.selectedOptions = [];\r\n\t\t}\r\n\t\tthis.reset();\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\trenderMultiSelect() {\r\n\t\tconst optionValues = this.selectedOptions.map((option) => '' + Manipulator.getDataAttribute(option, 'ssId'));\r\n\t\tconst optionLabels = this.selectedOptions.map((option) => option.textContent);\r\n\t\tfor (const option of this._selectNativeElement?.options) {\r\n\t\t\toption.selected = optionValues.includes(option.value);\r\n\t\t}\r\n\t\tif (optionValues.length > 0) {\r\n\t\t\tthis.state.selectedItem = this._selectNativeElement?.options[this._selectNativeElement.selectedIndex];\r\n\t\t\tthis._selectedElement.children[0].textContent = optionLabels.join(', ');\r\n\t\t\tthis._selectedElement.classList.remove('lta-select__selected--placeholder');\r\n\t\t\tthis.showClearButton(true);\r\n\t\t} else {\r\n\t\t\tthis.reset();\r\n\t\t}\r\n\t}\r\n\r\n\treset() {\r\n\t\tif (this.state.selectedItem) {\r\n\t\t\tthis.state.selectedItem.classList.remove(CLASSNAME_OPTION_SELECTED);\r\n\t\t\tthis.state.selectedItem.ariaSelected = 'false';\r\n\t\t\tthis._selectNativeElement.selectedIndex = 0;\r\n\t\t\tthis.state.selectedItem = undefined;\r\n\t\t\tthis.state.selectedIndex = undefined;\r\n\t\t\tthis._selectNativeElement.dispatchEvent(this.onchangeEvent);\r\n\t\t\tthis._selectNativeElement.selectedIndex = 0;\r\n\t\t\t// first children is the span element\r\n\t\t\tthis._selectedElement.children[0].textContent =\r\n\t\t\t\tthis._selectNativeElement?.options[this._selectNativeElement.selectedIndex].textContent;\r\n\r\n\t\t\t// adds placeholder if it has one\r\n\t\t\tconst index = this._selectNativeElement.selectedIndex;\r\n\t\t\tif (this._selectNativeElement?.options[index].disabled && this._selectNativeElement?.options[index].value == '') {\r\n\t\t\t\tthis._selectedElement.classList.add('lta-select__selected--placeholder');\r\n\t\t\t}\r\n\t\t\tthis.showClearButton(false);\r\n\t\t}\r\n\t}\r\n\r\n\topenSelect(event) {\r\n\t\tevent.stopPropagation();\r\n\r\n\t\tthis.state.opened = this.state.opened == true ? false : true;\r\n\t\tconst ariaExpanded = this._selectedElement.ariaExpanded;\r\n\t\tthis._selectedElement.ariaExpanded = ariaExpanded == 'true' ? 'false' : 'true';\r\n\t\tthis._selectedElement.classList.toggle('lta-select__selected--active');\r\n\t\tthis._itemsWrapper.classList.toggle('lta-select__items-wrapper--hide');\r\n\t\tthis._selectWrapper.classList.toggle('lta-select__wrapper--opened');\r\n\t}\r\n\r\n\tcloseSelect() {\r\n\t\tthis.state.opened = false;\r\n\t\tthis._selectedElement.ariaExpanded = 'false';\r\n\t\tthis._itemsWrapper.classList.add('lta-select__items-wrapper--hide');\r\n\t\tthis._selectedElement.classList.remove('lta-select__selected--active');\r\n\t\tthis._selectWrapper.classList.remove('lta-select__wrapper--opened');\r\n\t\tthis._itemsWrapper.querySelector(`.${CLASSNAME_OPTION_ACTIVE}`)?.classList.remove(CLASSNAME_OPTION_ACTIVE);\r\n\t\tthis._selectedElement.setAttribute('aria-activedescendant', '');\r\n\t}\r\n\r\n\tclearItems() {\r\n\t\tconst options = SelectorEngine.find('div', this._itemsWrapper);\r\n\t\tfor (const option of options) {\r\n\t\t\toption.remove();\r\n\t\t}\r\n\t}\r\n\r\n\tsetError(message, element) {\r\n\t\tif (!element) {\r\n\t\t\tconst errorElement = SelectorEngine.findOne('.lta-text-input--error', this._element);\r\n\t\t\terrorElement.textContent = message;\r\n\t\t} else {\r\n\t\t\telement.textContent = message;\r\n\t\t}\r\n\t}\r\n\r\n\tshowClearButton(flag) {\r\n\t\tif (this._clearButton) {\r\n\t\t\tthis._clearButton.classList.toggle(ClassNames.Hidden, !flag);\r\n\t\t\tthis._dropdownCaret.classList.toggle(ClassNames.Hidden, flag);\r\n\t\t}\r\n\t}\r\n\r\n\tupdateViewOptions() {\r\n\t\tconst values = [];\r\n\t\tfor (const option of this.selectedOptions) {\r\n\t\t\tvalues.push(option.value);\r\n\t\t}\r\n\t\tconst displayOptions = SelectorEngine.find('.lta-select__item', this._itemsWrapper);\r\n\t\tfor (const option of displayOptions) {\r\n\t\t\tconst ssId = '' + Manipulator.getDataAttribute(option, 'ssId');\r\n\t\t\toption.classList.toggle(CLASSNAME_OPTION_SELECTED, values.includes(ssId));\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/**\r\n * Data Api implementation\r\n */\r\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\r\n\tevent.preventDefault();\r\n\r\n\t// eslint-disable-next-line no-invalid-this\r\n\tSelect.getInstance(this) || new Select(this);\r\n});\r\n\r\nexport default Select;\r\n","class Swipe {\r\n\tconstructor(element, options) {\r\n\t\tconst self = this;\r\n\r\n\r\n\t\tthis.state = {\r\n\t\t\tinitialX: null,\r\n\t\t\tinitialY: null,\r\n\t\t\tcurrentX: null,\r\n\t\t\tcurrentY: null,\r\n\t\t\tisHorizontalSwipping: false\r\n\t\t};\r\n\r\n\t\tthis.options = {\r\n\t\t\tonSwipeStart: options.onSwipeStart || function () {},\r\n\t\t\tonSwipping: options.onSwipping || function () {},\r\n\t\t\tonSwipeEnd: options.onSwipeEnd || function () {},\r\n\t\t\tonSwipeLeft: options.onSwipeLeft || function () {},\r\n\t\t\tonSwipeRight: options.onSwipeRight || function () {},\r\n\t\t\tonSwipeUp: options.onSwipeUp || function () {},\r\n\t\t\tonSwipeDown: options.onSwipeDown || function () {},\r\n\t\t};\r\n\r\n\t\tself._element = element;\r\n\t}\r\n\r\n\tswipeStart(event) {\r\n\t\tthis.options.onSwipeStart();\r\n\r\n\t\t// set initial position\r\n\t\tthis.state.initialX = event.touches[0].clientX;\r\n\t\tthis.state.initialY = event.touches[0].clientY;\r\n\r\n\t}\r\n\r\n\tswipping(event) {\r\n\t\tthis.options.onSwipping();\r\n\r\n\t\tif (this.state.isHorizontalSwipping) {\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\r\n\t\t/*\r\n\t\t* This prevent all the code of this function to execute all the time while touching the screen.\r\n\t\t* The first touch will set the initial positions in swipeStart()\r\n\t\t* Then, in the end of this function, that will be set to null, causing this\r\n\t\t* to exit the function and preventing all the code get executed again and again\r\n\t\t*/\r\n\t\tif (this.state.initialX === null) return;\r\n\t\tif (this.state.initialY === null) return;\r\n\r\n\t\tconst currentX = event.touches[0].clientX;\r\n\t\tconst currentY = event.touches[0].clientY;\r\n\r\n\t\tconst diffX = this.state.initialX - currentX;\r\n\t\tconst diffY = this.state.initialY - currentY;\r\n\r\n\t\tif (Math.abs(diffX) > Math.abs(diffY)) {\r\n\t\t\t// sliding horizontally\r\n\t\t\tevent.preventDefault();\r\n\t\t\tthis.state.isHorizontalSwipping = true;\r\n\t\t\tif (diffX > 0) {\r\n\t\t\t\t// swipe left\r\n\t\t\t\tthis.options.onSwipeLeft();\r\n\t\t\t} else {\r\n\t\t\t\t// swipe right\r\n\t\t\t\tthis.options.onSwipeRight();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (diffY > 0) {\r\n\t\t\t\t// swipe up\r\n\t\t\t\tthis.options.onSwipeUp();\r\n\t\t\t} else {\r\n\t\t\t\t// swipe down\r\n\t\t\t\tthis.options.onSwipeDown();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.state.initialX = null;\r\n\t\tthis.state.initialY = null;\r\n\t}\r\n\r\n\tswipeEnd() {\r\n\t\tthis.options.onSwipeEnd();\r\n\t\tthis.state.isHorizontalSwipping = false;\r\n\t}\r\n}\r\n\r\nexport default Swipe;\r\n","/**\r\n * @fileoverview Carousel component\r\n *\r\n * Slider carousel\r\n *\r\n * ! window.matchMedia Webkit fix - If you need to change any of the matchMedia code read the fix comment and adjust as needed\r\n */\r\n\r\nimport SelectorEngine from '../../utils/dom/selector-engine';\r\nimport Swipe from '../../utils/swipe';\r\n\r\nclass Carousel {\r\n\tconstructor(carousel, arguments_) {\r\n\t\tthis.settings = {\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t// mobile first\r\n\t\t\t\txs: {\r\n\t\t\t\t\tslidesPerView: arguments_.breakpoints?.xs?.slidesPerView || 1,\r\n\t\t\t\t\tspaceBetween: arguments_.breakpoints?.xs?.spaceBetween || 4\r\n\t\t\t\t},\r\n\t\t\t\tsm: {\r\n\t\t\t\t\t// when window width is >= 375\r\n\t\t\t\t\tslidesPerView: arguments_.breakpoints?.sm?.slidesPerView || 1,\r\n\t\t\t\t\tspaceBetween: arguments_.breakpoints?.sm?.spaceBetween || 4\r\n\t\t\t\t},\r\n\t\t\t\tmd: {\r\n\t\t\t\t\t// when window width is >= 768\r\n\t\t\t\t\tslidesPerView: arguments_.breakpoints?.md?.slidesPerView || 1,\r\n\t\t\t\t\tspaceBetween: arguments_.breakpoints?.md?.spaceBetween || 4\r\n\t\t\t\t},\r\n\t\t\t\txl: {\r\n\t\t\t\t\t// when window width is >= 1200\r\n\t\t\t\t\tslidesPerView: arguments_.breakpoints?.xl?.slidesPerView || 3,\r\n\t\t\t\t\tspaceBetween: arguments_.breakpoints?.xl?.spaceBetween || 20\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tcurrentSlide: arguments_.currentSlide || 0,\r\n\t\t\tinfiniteLoop: arguments_.infiniteLoop || true,\r\n\t\t\tslidesPerView: arguments_.slidesPerView || 1,\r\n\t\t\tspaceBetween: arguments_.spaceBetween || 20, // margin right for each slide\r\n\t\t\tslideSizing: arguments_.slideSizing || 'min-width' // Options: `min-width`, `min-max-width`\r\n\t\t};\r\n\r\n\t\tthis._carousel = carousel;\r\n\r\n\t\tthis.initCarousel(carousel);\r\n\t}\r\n\r\n\tinitCarousel(carousel) {\r\n\t\tthis.slidesWrapper = SelectorEngine.findOne('.lta-carousel__slides-wrapper', carousel);\r\n\t\tthis.slides = SelectorEngine.find('.lta-carousel__slide', carousel);\r\n\t\tthis.numberOfSlides = SelectorEngine.find('.lta-carousel__slide', carousel).length;\r\n\t\tthis.previousButton = SelectorEngine.findOne('.lta-carousel__arrow--previous', carousel);\r\n\t\tthis.nextButton = SelectorEngine.findOne('.lta-carousel__arrow--next', carousel);\r\n\t\tthis.controlsWrapper = SelectorEngine.findOne('.lta-carousel__controls', carousel);\r\n\r\n\t\tthis.smMedia = window.matchMedia('(min-width: 375px)');\r\n\t\tthis.mdMedia = window.matchMedia('(min-width: 768px)');\r\n\t\tthis.xlMedia = window.matchMedia('(min-width: 1200px)');\r\n\r\n\t\tconst { xl, md, sm, xs } = this.settings.breakpoints;\r\n\t\tif (window.innerWidth >= 1200) {\r\n\t\t\tthis.settings.slidesPerView = xl.slidesPerView;\r\n\t\t\tthis.settings.spaceBetween = xl.spaceBetween;\r\n\t\t} else if (window.innerWidth >= 768) {\r\n\t\t\tthis.settings.slidesPerView = md.slidesPerView;\r\n\t\t\tthis.settings.spaceBetween = md.spaceBetween;\r\n\t\t} else if (window.innerWidth >= 375) {\r\n\t\t\tthis.settings.slidesPerView = sm.slidesPerView;\r\n\t\t\tthis.settings.spaceBetween = sm.spaceBetween;\r\n\t\t} else {\r\n\t\t\tthis.settings.slidesPerView = xs.slidesPerView;\r\n\t\t\tthis.settings.spaceBetween = xs.spaceBetween;\r\n\t\t}\r\n\r\n\t\tthis.slideWidth = 100 / this.settings.slidesPerView;\r\n\r\n\t\tthis.setEventListeners();\r\n\t\tthis.generateDots();\r\n\t\tthis.setSlidesSize();\r\n\t\tthis.setActiveSlides();\r\n\t}\r\n\r\n\thandleSlideChange() {\r\n\t\tconst translateWidth = -(this.settings.currentSlide * this.slideWidth);\r\n\t\tconst translateMargin = (this.settings.spaceBetween / this.settings.slidesPerView) * this.settings.currentSlide;\r\n\r\n\t\tthis.slidesWrapper.style.transform = `translateX(calc(${translateWidth}% - ${translateMargin}px)`;\r\n\r\n\t\tif (this.dots.length > 0) {\r\n\t\t\t[...this.dots].forEach((dot) => dot.classList.remove('isActive'));\r\n\t\t\tthis.dots[this.settings.currentSlide].classList.add('isActive');\r\n\t\t}\r\n\r\n\t\tthis.setActiveSlides();\r\n\t}\r\n\r\n\tnextSlide() {\r\n\t\tconst condition = this.settings.currentSlide <= this.numberOfSlides - this.settings.slidesPerView - 1;\r\n\t\tif (this.settings.infiniteLoop) {\r\n\t\t\tthis.settings.currentSlide = condition ? this.settings.currentSlide + 1 : 0;\r\n\t\t} else {\r\n\t\t\tthis.settings.currentSlide = condition ? this.settings.currentSlide + 1 : this.numberOfSlides - this.settings.slidesPerView;\r\n\t\t}\r\n\r\n\t\tthis.handleSlideChange();\r\n\t}\r\n\r\n\tpreviousSlide() {\r\n\t\tif (this.settings.infiniteLoop) {\r\n\t\t\tthis.settings.currentSlide = this.settings.currentSlide <= 0 ? this.numberOfSlides - this.settings.slidesPerView : this.settings.currentSlide - 1;\r\n\t\t} else {\r\n\t\t\tthis.settings.currentSlide = this.settings.currentSlide <= 0 ? 0 : this.settings.currentSlide - 1;\r\n\t\t}\r\n\t\tthis.handleSlideChange();\r\n\t}\r\n\r\n\tsetEventListeners() {\r\n\t\tthis.nextButton.addEventListener('click', this.nextSlide.bind(this));\r\n\t\tthis.previousButton.addEventListener('click', this.previousSlide.bind(this));\r\n\r\n\t\t// Safari Webkit has this bug and it fails on iOS 13 because `addEventListener` doesn't work on `matchMedia`.\r\n\t\t// This is me doing a very smart patch here :)\r\n\t\t// https://bugs.webkit.org/show_bug.cgi?id=203288\r\n\t\tif (!this.smMedia.addEventListener) {\r\n\t\t\tthis.smMedia.addEventListener = (type, fn) => this.smMedia.addListener(fn);\r\n\t\t\tthis.mdMedia.addEventListener = (type, fn) => this.smMedia.addListener(fn);\r\n\t\t\tthis.xlMedia.addEventListener = (type, fn) => this.smMedia.addListener(fn);\r\n\t\t}\r\n\r\n\t\tthis.smMedia.addEventListener('change', (event) => {\r\n\t\t\tthis.breakpointChange(event, this.settings.breakpoints.sm);\r\n\t\t});\r\n\r\n\t\tthis.mdMedia.addEventListener('change', (event) => {\r\n\t\t\tthis.breakpointChange(event, this.settings.breakpoints.md);\r\n\t\t});\r\n\r\n\t\tthis.xlMedia.addEventListener('change', (event) => {\r\n\t\t\tthis.breakpointChange(event, this.settings.breakpoints.xl);\r\n\t\t});\r\n\r\n\t\tconst self = this;\r\n\t\tconst swipe = new Swipe(this.carousel, {\r\n\t\t\tonSwipeLeft() {\r\n\t\t\t\tself.nextSlide();\r\n\t\t\t},\r\n\t\t\tonSwipeRight() {\r\n\t\t\t\tself.previousSlide();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis._carousel.addEventListener(\"touchstart\", (event) => {\r\n\t\t\tswipe.swipeStart(event);\r\n\t\t});\r\n\t\tthis._carousel.addEventListener(\"touchmove\", (event) => {\r\n\t\t\tswipe.swipping(event);\r\n\t\t});\r\n\t\tthis._carousel.addEventListener(\"touchend\", (event) => {\r\n\t\t\tswipe.swipeEnd(event);\r\n\t\t});\r\n\t}\r\n\r\n\tbreakpointChange(event, nextBreakpoint) {\r\n\t\tconst { breakpoints } = this.settings;\r\n\t\tlet previousBreakpoint;\r\n\t\tswitch (nextBreakpoint) {\r\n\t\t\tcase breakpoints.xl:\r\n\t\t\t\tpreviousBreakpoint = breakpoints.md;\r\n\t\t\t\tbreak;\r\n\t\t\tcase breakpoints.md:\r\n\t\t\t\tpreviousBreakpoint = breakpoints.sm;\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tpreviousBreakpoint = breakpoints.xs;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif (event.matches) {\r\n\t\t\tthis.settings.slidesPerView = nextBreakpoint.slidesPerView;\r\n\t\t\tthis.settings.spaceBetween = nextBreakpoint.spaceBetween;\r\n\t\t} else {\r\n\t\t\tthis.settings.slidesPerView = previousBreakpoint.slidesPerView;\r\n\t\t\tthis.settings.spaceBetween = previousBreakpoint.spaceBetween;\r\n\t\t}\r\n\t\tthis.slideWidth = 100 / this.settings.slidesPerView;\r\n\r\n\t\tif (this.numberOfSlides > this.settings.slidesPerView) {\r\n\t\t\t// to fix bad positioning when changing breakpoints and currentSlide is on the last slides\r\n\t\t\tif (this.settings.currentSlide >= this.numberOfSlides - (this.settings.slidesPerView - 1)) {\r\n\t\t\t\tthis.settings.currentSlide = this.numberOfSlides - this.settings.slidesPerView;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setSlidesSize();\r\n\t\tthis.handleSlideChange();\r\n\t\tthis.generateDots();\r\n\t}\r\n\r\n\tgenerateDots() {\r\n\t\tconst dotsWrapper = SelectorEngine.findOne('.lta-carousel__dots-wrapper', this._carousel);\r\n\t\tconst dotsQuantity = this.numberOfSlides - this.settings.slidesPerView + 1;\r\n\r\n\t\t// removes all dots (this is used in breakpoint changes)\r\n\t\twhile (dotsWrapper.firstElementChild) {\r\n\t\t\tdotsWrapper.firstElementChild.remove();\r\n\t\t}\r\n\r\n\t\tif (dotsQuantity > 1) {\r\n\t\t\tfor (let i = 0; i < dotsQuantity; i++) {\r\n\t\t\t\tconst dot = document.createElement('button');\r\n\r\n\t\t\t\tdot.addEventListener('click', () => {\r\n\t\t\t\t\tthis.settings.currentSlide = i;\r\n\t\t\t\t\tthis.handleSlideChange();\r\n\t\t\t\t});\r\n\r\n\t\t\t\tdot.textContent = `Slide ${i + 1}`;\r\n\t\t\t\tdot.classList.add('lta-carousel__dot');\r\n\r\n\t\t\t\tthis.controlsWrapper.style.display = '';\r\n\t\t\t\tdotsWrapper.append(dot);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.controlsWrapper.style.display = 'none';\r\n\t\t}\r\n\r\n\t\t// if there are at least one dot, add active class\r\n\t\tdotsWrapper.children[0] && dotsWrapper.children[this.settings.currentSlide].classList.add('isActive');\r\n\t\tthis.dots = dotsWrapper.children;\r\n\t}\r\n\r\n\tsetSlidesSize() {\r\n\t\tconst { spaceBetween, slideSizing, slidesPerView } = this.settings;\r\n\t\tconst marginSpacing = spaceBetween - spaceBetween / slidesPerView;\r\n\r\n\t\t[...this.slides].forEach((slide) => {\r\n\t\t\tswitch (slideSizing) {\r\n\t\t\t\tcase 'min-width':\r\n\t\t\t\t\tslide.style.minWidth = `calc(${this.slideWidth}% - ${marginSpacing}px)`;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'min-max-width':\r\n\t\t\t\t\tslide.style.minWidth = `calc(${this.slideWidth}% - ${marginSpacing}px)`;\r\n\t\t\t\t\tslide.style.maxWidth = `calc(${this.slideWidth}% - ${marginSpacing}px)`;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tslide.style.minWidth = `calc(${this.slideWidth}% - ${marginSpacing}px)`;\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tslide.style.marginRight = `${spaceBetween}px`;\r\n\t\t});\r\n\t}\r\n\r\n\t// also set aria-hidden true on slides that are not shown on screen\r\n\tsetActiveSlides() {\r\n\t\t[...this.slides].forEach((slide, index) => {\r\n\t\t\tif (index >= this.settings.currentSlide && index < this.settings.currentSlide + this.settings.slidesPerView) {\r\n\t\t\t\tslide.ariaHidden = 'false';\r\n\t\t\t\tslide.classList.add('isActive');\r\n\t\t\t} else {\r\n\t\t\t\tslide.ariaHidden = 'true';\r\n\t\t\t\tslide.classList.remove('isActive');\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (!this.settings.infiniteLoop) {\r\n\t\t\t// hide left button if first slide is active and right button if last one is active\r\n\t\t\tif (this.settings.currentSlide === 0) {\r\n\t\t\t\tthis.previousButton.style.opacity = 0;\r\n\t\t\t\tthis.previousButton.style.pointerEvents = 'none';\r\n\t\t\t\tthis.previousButton.ariaHidden = 'true';\r\n\t\t\t\tthis.previousButton.children[0].tabIndex = '-1';\r\n\t\t\t} else {\r\n\t\t\t\tthis.previousButton.style.opacity = '';\r\n\t\t\t\tthis.previousButton.style.pointerEvents = '';\r\n\t\t\t\tthis.previousButton.ariaHidden = 'false';\r\n\t\t\t\tthis.previousButton.children[0].tabIndex = '0';\r\n\t\t\t}\r\n\t\t\tif (this.settings.currentSlide + this.settings.slidesPerView === this.slides.length) {\r\n\t\t\t\tthis.nextButton.style.opacity = 0;\r\n\t\t\t\tthis.nextButton.style.pointerEvents = 'none';\r\n\t\t\t\tthis.nextButton.ariaHidden = 'true';\r\n\t\t\t\tthis.nextButton.children[0].tabIndex = '-1';\r\n\t\t\t} else {\r\n\t\t\t\tthis.nextButton.style.opacity = '';\r\n\t\t\t\tthis.nextButton.style.pointerEvents = '';\r\n\t\t\t\tthis.nextButton.ariaHidden = 'false';\r\n\t\t\t\tthis.nextButton.children[0].tabIndex = '0';\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default Carousel;\r\n","/**\r\n * @file CarouselV2 component\r\n *\r\n * A simple carousel component based on Swiper.\r\n */\r\n\r\nimport SelectorEngine from '../../utils/dom/selector-engine';\r\nimport Manipulator from '../../utils/dom/manipulator';\r\nimport EventHandler from '../../utils/dom/event-handler';\r\nimport BaseComponent from '../BaseComponent';\r\n\r\nconst NAME = 'CarouselV2';\r\n\r\nconst DATA_KEY = 'lta.carouselv2';\r\nconst EVENT_KEY = `.${DATA_KEY}`;\r\nconst DATA_API_KEY = '.data-api';\r\n\r\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;\r\nconst SELECTOR_DATA_TOGGLE = '[data-lta-carouselv2]';\r\n\r\nconst HIDDEN_CLASS = 'u-hidden';\r\nconst VISIBLE = 'visible';\r\nconst HIDDEN = 'hidden';\r\n\r\nclass CarouselV2 extends BaseComponent {\r\n\t// eslint-disable-next-line unicorn/no-null\r\n\tconstructor(element = null, settings = {}) {\r\n\t\tsuper(element);\r\n\r\n\t\tconst defaults = {\r\n\t\t\tslidesPerView: 1,\r\n\t\t\tslidesPerViewMd: 2,\r\n\t\t\tslidesPerViewXl: 4,\r\n\t\t\tspaceBetween: 16,\r\n\t\t\tspaceBetweenMd: 16,\r\n\t\t\tspaceBetweenXl: 24\r\n\t\t};\r\n\r\n\t\tthis.settings = {\r\n\t\t\t...defaults,\r\n\t\t\t...settings\r\n\t\t};\r\n\r\n\t\tthis.componentWrapper_ = element;\r\n\t\tthis.swiperInstance = undefined;\r\n\t\tthis.Swiper = undefined;\r\n\t\tthis.Accessibility = undefined;\r\n\t\tthis.KeyboardControl = undefined;\r\n\t\tthis.Navigation = undefined;\r\n\t\tthis.Pagination = undefined;\r\n\r\n\t\tif (this.componentWrapper_) {\r\n\t\t\tconst instanceSettings = Manipulator.getDataAttributes(element);\r\n\t\t\tconst hideCarouselControls = instanceSettings.carouselHideControls || false;\r\n\t\t\tconst previousButton = SelectorEngine.findOne('.lta-carouselv2__prev', element);\r\n\t\t\tconst nextButton = SelectorEngine.findOne('.lta-carouselv2__next', element);\r\n\t\t\tconst isMobile = window.innerWidth < 768;\r\n\r\n\t\t\tif (hideCarouselControls) {\r\n\t\t\t\tif (isMobile) {\r\n\t\t\t\t\tpreviousButton.classList.add(HIDDEN_CLASS);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tpreviousButton.style.visibility = HIDDEN;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\timport('swiper')\r\n\t\t\t\t.then(({ Swiper, Navigation, Pagination, A11y, Keyboard }) => {\r\n\t\t\t\t\tthis.Swiper = Swiper;\r\n\t\t\t\t\tthis.Accessibility = A11y;\r\n\t\t\t\t\tthis.KeyboardControl = Keyboard;\r\n\t\t\t\t\tthis.Navigation = Navigation;\r\n\t\t\t\t\tthis.Pagination = Pagination;\r\n\r\n\t\t\t\t\tthis.initCarouselV2Settings(instanceSettings);\r\n\t\t\t\t\tthis.initCarouselV2(\r\n\t\t\t\t\t\tSelectorEngine.findOne('.swiper', this.componentWrapper_),\r\n\t\t\t\t\t\thideCarouselControls,\r\n\t\t\t\t\t\tpreviousButton,\r\n\t\t\t\t\t\tnextButton\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\treturn Swiper;\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t// eslint-disable-next-line no-console\r\n\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\treturn NAME;\r\n\t}\r\n\r\n\tinitCarouselV2Settings(instanceSettings) {\r\n\t\tif (instanceSettings.slidesPerView !== undefined) this.settings.slidesPerView = instanceSettings.slidesPerView;\r\n\t\tif (instanceSettings.slidesPerViewMd !== undefined) this.settings.slidesPerViewMd = instanceSettings.slidesPerViewMd;\r\n\t\tif (instanceSettings.slidesPerViewXl !== undefined) this.settings.slidesPerViewXl = instanceSettings.slidesPerViewXl;\r\n\r\n\t\tif (instanceSettings.spaceBetween !== undefined) this.settings.spaceBetween = instanceSettings.spaceBetween;\r\n\t\tif (instanceSettings.spaceBetweenMd !== undefined) this.settings.spaceBetweenMd = instanceSettings.spaceBetweenMd;\r\n\t\tif (instanceSettings.spaceBetweenXl !== undefined) this.settings.spaceBetweenXl = instanceSettings.spaceBetweenXl;\r\n\t}\r\n\r\n\tinitCarouselV2(swiperElement, hideCarouselControls, previousButton, nextButton) {\r\n\t\tconst count = swiperElement.querySelector('.swiper-wrapper').children.length;\r\n\t\tthis.swiperInstance = new this.Swiper(swiperElement, {\r\n\t\t\tmodules: [this.Navigation, this.Pagination, this.Accessibility, this.KeyboardControl],\r\n\t\t\tslidesPerView: this.settings.slidesPerView,\r\n\t\t\tspaceBetween: this.settings.spaceBetween,\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t768: {\r\n\t\t\t\t\tslidesPerView: this.settings.slidesPerViewMd,\r\n\t\t\t\t\tspaceBetween: this.settings.spaceBetweenMd,\r\n\t\t\t\t},\r\n\t\t\t\t1200: {\r\n\t\t\t\t\tslidesPerView: this.settings.slidesPerViewXl,\r\n\t\t\t\t\tspaceBetween: this.settings.spaceBetweenXl,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tnavigation: {\r\n\t\t\t\tprevEl: '.lta-carouselv2__prev',\r\n\t\t\t\tnextEl: '.lta-carouselv2__next'\r\n\t\t\t},\r\n\t\t\twatchSlidesProgress: true,\r\n\t\t\tgrabCursor: true,\r\n\t\t\tobserver: true,\r\n\t\t\ta11y: {\r\n\t\t\t\tenabled: true\r\n\t\t\t},\r\n\t\t\tkeyboard: {\r\n\t\t\t\tenabled: true,\r\n\t\t\t\tonlyInViewport: false\r\n\t\t\t},\r\n\t\t\tpagination: {\r\n\t\t\t\tel: '.lta-carouselv2__pagination',\r\n\t\t\t\tclickable: true,\r\n\t\t\t\trenderBullet(index, className) {\r\n\t\t\t\t\treturn ``;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ton: {\r\n\t\t\t\tslideChange: () => {\r\n\t\t\t\t\t// To get the active index of swiper\r\n\t\t\t\t\tconst activeIndex = this.swiperInstance.activeIndex;\r\n\r\n\t\t\t\t\t// To get the current screen size\r\n\t\t\t\t\tconst isDesktop = window.innerWidth >= 1200;\r\n\t\t\t\t\tconst isTablet = window.innerWidth >= 768 && window.innerWidth < 1200;\r\n\t\t\t\t\tconst isMobile = window.innerWidth < 768;\r\n\r\n\t\t\t\t\tif (hideCarouselControls) {\r\n\t\t\t\t\t\t// Hide or show previousButton and nextButton based on the active index\r\n\t\t\t\t\t\tif (activeIndex === 0) {\r\n\t\t\t\t\t\t\tif (isMobile) {\r\n\t\t\t\t\t\t\t\tpreviousButton.classList.add(HIDDEN_CLASS);\r\n\t\t\t\t\t\t\t\tnextButton.classList.remove(HIDDEN_CLASS);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tpreviousButton.style.visibility = HIDDEN;\r\n\t\t\t\t\t\t\t\tnextButton.style.visibility = VISIBLE;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else if (isDesktop && activeIndex === count - this.settings.slidesPerViewXl) {\r\n\t\t\t\t\t\t\tpreviousButton.style.visibility = VISIBLE;\r\n\t\t\t\t\t\t\tnextButton.style.visibility = HIDDEN;\r\n\t\t\t\t\t\t\t// Disable next button on desktop\r\n\t\t\t\t\t\t\tnextButton.disabled = true;\r\n\t\t\t\t\t\t} else if (isTablet && activeIndex === count - this.settings.slidesPerViewMd) {\r\n\t\t\t\t\t\t\tpreviousButton.style.visibility = VISIBLE;\r\n\t\t\t\t\t\t\tnextButton.style.visibility = HIDDEN;\r\n\t\t\t\t\t\t\t// Disable next button on tablet\r\n\t\t\t\t\t\t\tnextButton.disabled = true;\r\n\t\t\t\t\t\t} else if (isMobile && activeIndex === count - this.settings.slidesPerView) {\r\n\t\t\t\t\t\t\tpreviousButton.classList.remove(HIDDEN_CLASS);\r\n\t\t\t\t\t\t\tnextButton.classList.add(HIDDEN_CLASS);\r\n\t\t\t\t\t\t\t// Disable next button on mobile\r\n\t\t\t\t\t\t\tnextButton.disabled = true;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t// Show both buttons for other indices and enable next button\r\n\t\t\t\t\t\t\tpreviousButton.classList.remove(HIDDEN_CLASS);\r\n\t\t\t\t\t\t\tnextButton.classList.remove(HIDDEN_CLASS);\r\n\t\t\t\t\t\t\tnextButton.disabled = false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t});\r\n\t}\r\n}\r\n\r\n/**\r\n * Data Api implementation\r\n */\r\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\r\n\tevent.preventDefault();\r\n\r\n\tCarouselV2.getInstance(this) || new CarouselV2(this);\r\n});\r\n\r\nexport default CarouselV2;\r\n","export const Events = Object.freeze({\r\n\tClick: 'click',\r\n\tPopstate: 'popstate',\r\n\tKeydown: 'keydown',\r\n\tKeyup: 'keyup',\r\n\tBlur: 'blur',\r\n\tChange: 'change'\r\n});\r\n","import BaseComponent from '../BaseComponent';\r\nimport { Events } from '../../utils/dom/html-events';\r\nimport SelectorEngine from '../../utils/dom/selector-engine';\r\n\r\nconst NAME = 'CoachAreaResourceCard';\r\nconst BOOKMARK_BUTTON_SELECTOR = '.js-lta-coach-area-resource-card--bookmark ';\r\n\r\nclass CoachAreaResourceCard extends BaseComponent {\r\n\tconstructor(element) {\r\n\t\tsuper(element);\r\n\t\tthis.init();\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\treturn NAME;\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis.bookmarkButton = SelectorEngine.findOne(BOOKMARK_BUTTON_SELECTOR, this._element);\r\n\t\tthis.bookmarkButton.addEventListener(Events.Click, () => this.handleBookmarkAdd());\r\n\t}\r\n\r\n\thandleBookmarkAdd() {\r\n\t\t// TODO CSA: add API call once we have the contract\r\n\t}\r\n}\r\n\r\nexport default CoachAreaResourceCard;\r\n","import SelectorEngine from '../../utils/dom/selector-engine';\r\nimport EventHandler from '../../utils/dom/event-handler';\r\nimport BaseComponent from '../BaseComponent';\r\n\r\nconst NAME = 'EventCardCarousel';\r\n\r\nconst DATA_KEY = 'lta.eventcardcarousel';\r\nconst EVENT_KEY = `.${DATA_KEY}`;\r\nconst DATA_API_KEY = '.data-api';\r\n\r\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;\r\nconst SELECTOR_DATA_TOGGLE = '[data-lta-eventcard-carouse]';\r\n\r\nconst CLASS_EXPANDED = 'lta-eventcard-carousel__is-expanded';\r\n\r\nclass EventCardCarousel extends BaseComponent {\r\n\t// eslint-disable-next-line unicorn/no-null\r\n\tconstructor(element = null) {\r\n\t\tsuper(element);\r\n\t\tthis._componentWrapper = element;\r\n\t\tthis.swiperInstance = undefined;\r\n\t\tthis.settings = {\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t320: {\r\n\t\t\t\t\tslidesPerView: 2,\r\n\t\t\t\t\tspaceBetween: 16\r\n\t\t\t\t},\r\n\t\t\t\t768: {\r\n\t\t\t\t\tslidesPerView: 3,\r\n\t\t\t\t\tspaceBetween: 16,\r\n\t\t\t\t\thasExpanded: true\r\n\t\t\t\t},\r\n\t\t\t\t1200: {\r\n\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t\tspaceBetween: 24,\r\n\t\t\t\t\thasExpanded: true\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tif (this._componentWrapper) {\r\n\t\t\timport('swiper')\r\n\t\t\t\t.then(({ Swiper, Navigation, Pagination }) => {\r\n\t\t\t\t\tthis.Swiper = Swiper;\r\n\t\t\t\t\tthis.Navigation = Navigation;\r\n\t\t\t\t\tthis.Pagination = Pagination;\r\n\r\n\t\t\t\t\tthis.initEventCardCarousel(SelectorEngine.findOne('.swiper', this._componentWrapper), this.settings.breakpoints);\r\n\r\n\t\t\t\t\treturn Swiper;\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t// eslint-disable-next-line no-console\r\n\t\t\t\t\tconsole.error('EventCardCarousel - on import:', error);\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tstatic get NAME() {\r\n\t\treturn NAME;\r\n\t}\r\n\r\n\t// removes expanded class\r\n\tresetExpandedSlide(swiper) {\r\n\t\t[...swiper.slides].forEach((slide) => {\r\n\t\t\tslide.classList.remove(CLASS_EXPANDED);\r\n\t\t});\r\n\t}\r\n\r\n\t// resets all slides to same size\r\n\tresetSlides(swiper) {\r\n\t\tconst { currentBreakpoint } = swiper;\r\n\t\tconst { slidesPerView, spaceBetween } = this.settings.breakpoints[currentBreakpoint];\r\n\r\n\t\t[...swiper.slides].forEach((slide) => {\r\n\t\t\tslide.classList.remove(CLASS_EXPANDED);\r\n\t\t\tslide.style.width = `${swiper.width / slidesPerView - spaceBetween / 2}px`;\r\n\t\t});\r\n\t}\r\n\r\n\t// sets sizes of each slide and expands one if sm up\r\n\tsetSlidesSize(swiper) {\r\n\t\tconst { currentBreakpoint } = swiper;\r\n\t\tconst { slidesPerView, spaceBetween } = this.settings.breakpoints[currentBreakpoint];\r\n\r\n\t\t[...swiper.slides].forEach((slide) => {\r\n\t\t\tconst expandedSize = swiper.width / 2 - spaceBetween / 2;\r\n\t\t\tif (slide.classList.contains('swiper-slide-active')) {\r\n\t\t\t\tslide.style.width = `${expandedSize}px`;\r\n\t\t\t\tslide.classList.add(CLASS_EXPANDED);\r\n\t\t\t} else {\r\n\t\t\t\tslide.style.width = `${expandedSize / (slidesPerView - 1) - spaceBetween / 2}px`;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t// on mouse over, add class and expands current element\r\n\tonMouseEnterSetSlidesSize(swiper) {\r\n\t\tconst { currentBreakpoint } = swiper;\r\n\t\tconst { slidesPerView, spaceBetween } = this.settings.breakpoints[currentBreakpoint];\r\n\t\tconst expandedSize = swiper.width / 2 - spaceBetween / 2;\r\n\r\n\t\t[...swiper.slides].forEach((slide) => {\r\n\t\t\tif (slide.classList.contains(CLASS_EXPANDED)) {\r\n\t\t\t\tslide.style.width = `${expandedSize}px`;\r\n\t\t\t} else {\r\n\t\t\t\tslide.style.width = `${expandedSize / (slidesPerView - 1) - spaceBetween / 2}px`;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\thandleEventHandler(swiper, e) {\r\n\t\tthis.resetSlides(swiper);\r\n\t\te.target.classList.add(CLASS_EXPANDED);\r\n\t\tthis.onMouseEnterSetSlidesSize(swiper);\r\n\t}\r\n\r\n\tonInit_(swiper) {\r\n\t\tconst { currentBreakpoint } = swiper;\r\n\t\tconst { hasExpanded } = this.settings.breakpoints[currentBreakpoint];\r\n\r\n\t\t[...swiper.slides].forEach((slide) => {\r\n\t\t\tslide.addEventListener('mouseenter', (e) => {\r\n\t\t\t\tthis.handleEventHandler(swiper, e);\r\n\t\t\t});\r\n\t\t\tslide.addEventListener('keyup', (e) => {\r\n\t\t\t\tconst { target, key } = e;\r\n\t\t\t\tif(key === \"Tab\" && target.classList.contains('swiper-slide')) {\r\n\t\t\t\t\tthis.handleEventHandler(swiper, e);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tif (!hasExpanded) return;\r\n\r\n\t\tthis.setSlidesSize(swiper);\r\n\t}\r\n\r\n\t// fires when window is resized\r\n\tonResize_(swiper) {\r\n\t\tconst { currentBreakpoint } = swiper;\r\n\t\tif (!this.settings.breakpoints[currentBreakpoint].hasExpanded) return this.resetExpandedSlide(swiper);\r\n\t\tthis.setSlidesSize(swiper);\r\n\t}\r\n\r\n\t// fires when a slide changes\r\n\tonSlideChange_(swiper) {\r\n\t\tthis.resetSlides(swiper);\r\n\t\tthis.setSlidesSize(swiper);\r\n\t}\r\n\r\n\tinitEventCardCarousel(swiperElement, breakpoints) {\r\n\t\tconst count = swiperElement.querySelector('.swiper-wrapper').children.length;\r\n\t\tthis.swiperInstance = new this.Swiper(swiperElement, {\r\n\t\t\tmodules: [this.Navigation, this.Pagination],\r\n\t\t\tloop: false,\r\n\t\t\tinit: false,\r\n\t\t\twatchSlidesProgress: false,\r\n\t\t\tpaginationClickable: true,\r\n\t\t\tslidesPerView: 'auto',\r\n\t\t\tbreakpoints,\r\n\t\t\tnavigation: {\r\n\t\t\t\tprevEl: '.lta-eventcard-carousel__prev',\r\n\t\t\t\tnextEl: '.lta-eventcard-carousel__next'\r\n\t\t\t},\r\n\t\t\tpagination: {\r\n\t\t\t\tel: '.lta-eventcard-carousel__pagination',\r\n\t\t\t\tclickable: true,\r\n\t\t\t\trenderBullet(index, className) {\r\n\t\t\t\t\treturn ``;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ta11y: {\r\n\t\t\t\tprevSlideMessage: 'Previous slide',\r\n\t\t\t\tnextSlideMessage: 'Next slide',\r\n\t\t\t\tpaginationBulletMessage: 'Go to slide {{index}}'\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.swiperInstance.on('init', this.onInit_.bind(this));\r\n\t\tthis.swiperInstance.on('resize', this.onResize_.bind(this));\r\n\t\tthis.swiperInstance.on('slideChange', this.onSlideChange_.bind(this));\r\n\t\tthis.swiperInstance.init();\r\n\t}\r\n}\r\n\r\n/**\r\n * Data Api implementation\r\n */\r\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\r\n\tevent.preventDefault();\r\n\r\n\tEventCardCarousel.getInstance(this) || new EventCardCarousel(this);\r\n});\r\n\r\nexport default EventCardCarousel;\r\n","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\nconst directives = new WeakMap();\n/**\n * Brands a function as a directive factory function so that lit-html will call\n * the function during template rendering, rather than passing as a value.\n *\n * A _directive_ is a function that takes a Part as an argument. It has the\n * signature: `(part: Part) => void`.\n *\n * A directive _factory_ is a function that takes arguments for data and\n * configuration and returns a directive. Users of directive usually refer to\n * the directive factory as the directive. For example, \"The repeat directive\".\n *\n * Usually a template author will invoke a directive factory in their template\n * with relevant arguments, which will then return a directive function.\n *\n * Here's an example of using the `repeat()` directive factory that takes an\n * array and a function to render an item:\n *\n * ```js\n * html`
<${repeat(items, (item) => html`
${item}
`)}
`\n * ```\n *\n * When `repeat` is invoked, it returns a directive function that closes over\n * `items` and the template function. When the outer template is rendered, the\n * return directive function is called with the Part for the expression.\n * `repeat` then performs it's custom logic to render multiple items.\n *\n * @param f The directive factory function. Must be a function that returns a\n * function of the signature `(part: Part) => void`. The returned function will\n * be called with the part object.\n *\n * @example\n *\n * import {directive, html} from 'lit-html';\n *\n * const immutable = directive((v) => (part) => {\n * if (part.value !== v) {\n * part.setValue(v)\n * }\n * });\n */\nexport const directive = (f) => ((...args) => {\n const d = f(...args);\n directives.set(d, true);\n return d;\n});\nexport const isDirective = (o) => {\n return typeof o === 'function' && directives.has(o);\n};\n//# sourceMappingURL=directive.js.map","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * True if the custom elements polyfill is in use.\n */\nexport const isCEPolyfill = typeof window !== 'undefined' &&\n window.customElements != null &&\n window.customElements.polyfillWrapFlushCallback !==\n undefined;\n/**\n * Reparents nodes, starting from `start` (inclusive) to `end` (exclusive),\n * into another container (could be the same container), before `before`. If\n * `before` is null, it appends the nodes to the container.\n */\nexport const reparentNodes = (container, start, end = null, before = null) => {\n while (start !== end) {\n const n = start.nextSibling;\n container.insertBefore(start, before);\n start = n;\n }\n};\n/**\n * Removes nodes, starting from `start` (inclusive) to `end` (exclusive), from\n * `container`.\n */\nexport const removeNodes = (container, start, end = null) => {\n while (start !== end) {\n const n = start.nextSibling;\n container.removeChild(start);\n start = n;\n }\n};\n//# sourceMappingURL=dom.js.map","/**\n * @license\n * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * A sentinel value that signals that a value was handled by a directive and\n * should not be written to the DOM.\n */\nexport const noChange = {};\n/**\n * A sentinel value that signals a NodePart to fully clear its content.\n */\nexport const nothing = {};\n//# sourceMappingURL=part.js.map","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * An expression marker with embedded unique key to avoid collision with\n * possible text in templates.\n */\nexport const marker = `{{lit-${String(Math.random()).slice(2)}}}`;\n/**\n * An expression marker used text-positions, multi-binding attributes, and\n * attributes with markup-like text values.\n */\nexport const nodeMarker = ``;\nexport const markerRegex = new RegExp(`${marker}|${nodeMarker}`);\n/**\n * Suffix appended to all bound attribute names.\n */\nexport const boundAttributeSuffix = '$lit$';\n/**\n * An updatable Template that tracks the location of dynamic parts.\n */\nexport class Template {\n constructor(result, element) {\n this.parts = [];\n this.element = element;\n const nodesToRemove = [];\n const stack = [];\n // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be null\n const walker = document.createTreeWalker(element.content, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);\n // Keeps track of the last index associated with a part. We try to delete\n // unnecessary nodes, but we never want to associate two different parts\n // to the same index. They must have a constant node between.\n let lastPartIndex = 0;\n let index = -1;\n let partIndex = 0;\n const { strings, values: { length } } = result;\n while (partIndex < length) {\n const node = walker.nextNode();\n if (node === null) {\n // We've exhausted the content inside a nested template element.\n // Because we still have parts (the outer for-loop), we know:\n // - There is a template in the stack\n // - The walker will find a nextNode outside the template\n walker.currentNode = stack.pop();\n continue;\n }\n index++;\n if (node.nodeType === 1 /* Node.ELEMENT_NODE */) {\n if (node.hasAttributes()) {\n const attributes = node.attributes;\n const { length } = attributes;\n // Per\n // https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap,\n // attributes are not guaranteed to be returned in document order.\n // In particular, Edge/IE can return them out of order, so we cannot\n // assume a correspondence between part index and attribute index.\n let count = 0;\n for (let i = 0; i < length; i++) {\n if (endsWith(attributes[i].name, boundAttributeSuffix)) {\n count++;\n }\n }\n while (count-- > 0) {\n // Get the template literal section leading up to the first\n // expression in this attribute\n const stringForPart = strings[partIndex];\n // Find the attribute name\n const name = lastAttributeNameRegex.exec(stringForPart)[2];\n // Find the corresponding attribute\n // All bound attributes have had a suffix added in\n // TemplateResult#getHTML to opt out of special attribute\n // handling. To look up the attribute value we also need to add\n // the suffix.\n const attributeLookupName = name.toLowerCase() + boundAttributeSuffix;\n const attributeValue = node.getAttribute(attributeLookupName);\n node.removeAttribute(attributeLookupName);\n const statics = attributeValue.split(markerRegex);\n this.parts.push({ type: 'attribute', index, name, strings: statics });\n partIndex += statics.length - 1;\n }\n }\n if (node.tagName === 'TEMPLATE') {\n stack.push(node);\n walker.currentNode = node.content;\n }\n }\n else if (node.nodeType === 3 /* Node.TEXT_NODE */) {\n const data = node.data;\n if (data.indexOf(marker) >= 0) {\n const parent = node.parentNode;\n const strings = data.split(markerRegex);\n const lastIndex = strings.length - 1;\n // Generate a new text node for each literal section\n // These nodes are also used as the markers for node parts\n for (let i = 0; i < lastIndex; i++) {\n let insert;\n let s = strings[i];\n if (s === '') {\n insert = createMarker();\n }\n else {\n const match = lastAttributeNameRegex.exec(s);\n if (match !== null && endsWith(match[2], boundAttributeSuffix)) {\n s = s.slice(0, match.index) + match[1] +\n match[2].slice(0, -boundAttributeSuffix.length) + match[3];\n }\n insert = document.createTextNode(s);\n }\n parent.insertBefore(insert, node);\n this.parts.push({ type: 'node', index: ++index });\n }\n // If there's no text, we must insert a comment to mark our place.\n // Else, we can trust it will stick around after cloning.\n if (strings[lastIndex] === '') {\n parent.insertBefore(createMarker(), node);\n nodesToRemove.push(node);\n }\n else {\n node.data = strings[lastIndex];\n }\n // We have a part for each match found\n partIndex += lastIndex;\n }\n }\n else if (node.nodeType === 8 /* Node.COMMENT_NODE */) {\n if (node.data === marker) {\n const parent = node.parentNode;\n // Add a new marker node to be the startNode of the Part if any of\n // the following are true:\n // * We don't have a previousSibling\n // * The previousSibling is already the start of a previous part\n if (node.previousSibling === null || index === lastPartIndex) {\n index++;\n parent.insertBefore(createMarker(), node);\n }\n lastPartIndex = index;\n this.parts.push({ type: 'node', index });\n // If we don't have a nextSibling, keep this node so we have an end.\n // Else, we can remove it to save future costs.\n if (node.nextSibling === null) {\n node.data = '';\n }\n else {\n nodesToRemove.push(node);\n index--;\n }\n partIndex++;\n }\n else {\n let i = -1;\n while ((i = node.data.indexOf(marker, i + 1)) !== -1) {\n // Comment node has a binding marker inside, make an inactive part\n // The binding won't work, but subsequent bindings will\n // TODO (justinfagnani): consider whether it's even worth it to\n // make bindings in comments work\n this.parts.push({ type: 'node', index: -1 });\n partIndex++;\n }\n }\n }\n }\n // Remove text binding nodes after the walk to not disturb the TreeWalker\n for (const n of nodesToRemove) {\n n.parentNode.removeChild(n);\n }\n }\n}\nconst endsWith = (str, suffix) => {\n const index = str.length - suffix.length;\n return index >= 0 && str.slice(index) === suffix;\n};\nexport const isTemplatePartActive = (part) => part.index !== -1;\n// Allows `document.createComment('')` to be renamed for a\n// small manual size-savings.\nexport const createMarker = () => document.createComment('');\n/**\n * This regex extracts the attribute name preceding an attribute-position\n * expression. It does this by matching the syntax allowed for attributes\n * against the string literal directly preceding the expression, assuming that\n * the expression is in an attribute-value position.\n *\n * See attributes in the HTML spec:\n * https://www.w3.org/TR/html5/syntax.html#elements-attributes\n *\n * \" \\x09\\x0a\\x0c\\x0d\" are HTML space characters:\n * https://www.w3.org/TR/html5/infrastructure.html#space-characters\n *\n * \"\\0-\\x1F\\x7F-\\x9F\" are Unicode control characters, which includes every\n * space character except \" \".\n *\n * So an attribute is:\n * * The name: any character except a control character, space character, ('),\n * (\"), \">\", \"=\", or \"/\"\n * * Followed by zero or more space characters\n * * Followed by \"=\"\n * * Followed by zero or more space characters\n * * Followed by:\n * * Any character except space, ('), (\"), \"<\", \">\", \"=\", (`), or\n * * (\") then any non-(\"), or\n * * (') then any non-(')\n */\nexport const lastAttributeNameRegex = \n// eslint-disable-next-line no-control-regex\n/([ \\x09\\x0a\\x0c\\x0d])([^\\0-\\x1F\\x7F-\\x9F \"'>=/]+)([ \\x09\\x0a\\x0c\\x0d]*=[ \\x09\\x0a\\x0c\\x0d]*(?:[^ \\x09\\x0a\\x0c\\x0d\"'`<>=]*|\"[^\"]*|'[^']*))$/;\n//# sourceMappingURL=template.js.map","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\nimport { isCEPolyfill } from './dom.js';\nimport { isTemplatePartActive } from './template.js';\n/**\n * An instance of a `Template` that can be attached to the DOM and updated\n * with new values.\n */\nexport class TemplateInstance {\n constructor(template, processor, options) {\n this.__parts = [];\n this.template = template;\n this.processor = processor;\n this.options = options;\n }\n update(values) {\n let i = 0;\n for (const part of this.__parts) {\n if (part !== undefined) {\n part.setValue(values[i]);\n }\n i++;\n }\n for (const part of this.__parts) {\n if (part !== undefined) {\n part.commit();\n }\n }\n }\n _clone() {\n // There are a number of steps in the lifecycle of a template instance's\n // DOM fragment:\n // 1. Clone - create the instance fragment\n // 2. Adopt - adopt into the main document\n // 3. Process - find part markers and create parts\n // 4. Upgrade - upgrade custom elements\n // 5. Update - set node, attribute, property, etc., values\n // 6. Connect - connect to the document. Optional and outside of this\n // method.\n //\n // We have a few constraints on the ordering of these steps:\n // * We need to upgrade before updating, so that property values will pass\n // through any property setters.\n // * We would like to process before upgrading so that we're sure that the\n // cloned fragment is inert and not disturbed by self-modifying DOM.\n // * We want custom elements to upgrade even in disconnected fragments.\n //\n // Given these constraints, with full custom elements support we would\n // prefer the order: Clone, Process, Adopt, Upgrade, Update, Connect\n //\n // But Safari does not implement CustomElementRegistry#upgrade, so we\n // can not implement that order and still have upgrade-before-update and\n // upgrade disconnected fragments. So we instead sacrifice the\n // process-before-upgrade constraint, since in Custom Elements v1 elements\n // must not modify their light DOM in the constructor. We still have issues\n // when co-existing with CEv0 elements like Polymer 1, and with polyfills\n // that don't strictly adhere to the no-modification rule because shadow\n // DOM, which may be created in the constructor, is emulated by being placed\n // in the light DOM.\n //\n // The resulting order is on native is: Clone, Adopt, Upgrade, Process,\n // Update, Connect. document.importNode() performs Clone, Adopt, and Upgrade\n // in one step.\n //\n // The Custom Elements v1 polyfill supports upgrade(), so the order when\n // polyfilled is the more ideal: Clone, Process, Adopt, Upgrade, Update,\n // Connect.\n const fragment = isCEPolyfill ?\n this.template.element.content.cloneNode(true) :\n document.importNode(this.template.element.content, true);\n const stack = [];\n const parts = this.template.parts;\n // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be null\n const walker = document.createTreeWalker(fragment, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);\n let partIndex = 0;\n let nodeIndex = 0;\n let part;\n let node = walker.nextNode();\n // Loop through all the nodes and parts of a template\n while (partIndex < parts.length) {\n part = parts[partIndex];\n if (!isTemplatePartActive(part)) {\n this.__parts.push(undefined);\n partIndex++;\n continue;\n }\n // Progress the tree walker until we find our next part's node.\n // Note that multiple parts may share the same node (attribute parts\n // on a single element), so this loop may not run at all.\n while (nodeIndex < part.index) {\n nodeIndex++;\n if (node.nodeName === 'TEMPLATE') {\n stack.push(node);\n walker.currentNode = node.content;\n }\n if ((node = walker.nextNode()) === null) {\n // We've exhausted the content inside a nested template element.\n // Because we still have parts (the outer for-loop), we know:\n // - There is a template in the stack\n // - The walker will find a nextNode outside the template\n walker.currentNode = stack.pop();\n node = walker.nextNode();\n }\n }\n // We've arrived at our part's node.\n if (part.type === 'node') {\n const part = this.processor.handleTextExpression(this.options);\n part.insertAfterNode(node.previousSibling);\n this.__parts.push(part);\n }\n else {\n this.__parts.push(...this.processor.handleAttributeExpressions(node, part.name, part.strings, this.options));\n }\n partIndex++;\n }\n if (isCEPolyfill) {\n document.adoptNode(fragment);\n customElements.upgrade(fragment);\n }\n return fragment;\n }\n}\n//# sourceMappingURL=template-instance.js.map","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * @module lit-html\n */\nimport { reparentNodes } from './dom.js';\nimport { boundAttributeSuffix, lastAttributeNameRegex, marker, nodeMarker } from './template.js';\n/**\n * Our TrustedTypePolicy for HTML which is declared using the html template\n * tag function.\n *\n * That HTML is a developer-authored constant, and is parsed with innerHTML\n * before any untrusted expressions have been mixed in. Therefor it is\n * considered safe by construction.\n */\nconst policy = window.trustedTypes &&\n trustedTypes.createPolicy('lit-html', { createHTML: (s) => s });\nconst commentMarker = ` ${marker} `;\n/**\n * The return type of `html`, which holds a Template and the values from\n * interpolated expressions.\n */\nexport class TemplateResult {\n constructor(strings, values, type, processor) {\n this.strings = strings;\n this.values = values;\n this.type = type;\n this.processor = processor;\n }\n /**\n * Returns a string of HTML used to create a `` element.\n */\n getHTML() {\n const l = this.strings.length - 1;\n let html = '';\n let isCommentBinding = false;\n for (let i = 0; i < l; i++) {\n const s = this.strings[i];\n // For each binding we want to determine the kind of marker to insert\n // into the template source before it's parsed by the browser's HTML\n // parser. The marker type is based on whether the expression is in an\n // attribute, text, or comment position.\n // * For node-position bindings we insert a comment with the marker\n // sentinel as its text content, like .\n // * For attribute bindings we insert just the marker sentinel for the\n // first binding, so that we support unquoted attribute bindings.\n // Subsequent bindings can use a comment marker because multi-binding\n // attributes must be quoted.\n // * For comment bindings we insert just the marker sentinel so we don't\n // close the comment.\n //\n // The following code scans the template source, but is *not* an HTML\n // parser. We don't need to track the tree structure of the HTML, only\n // whether a binding is inside a comment, and if not, if it appears to be\n // the first binding in an attribute.\n const commentOpen = s.lastIndexOf('', commentOpen + 1) === -1;\n // Check to see if we have an attribute-like sequence preceding the\n // expression. This can match \"name=value\" like structures in text,\n // comments, and attribute values, so there can be false-positives.\n const attributeMatch = lastAttributeNameRegex.exec(s);\n if (attributeMatch === null) {\n // We're only in this branch if we don't have a attribute-like\n // preceding sequence. For comments, this guards against unusual\n // attribute values like
. Cases like\n // are handled correctly in the attribute branch\n // below.\n html += s + (isCommentBinding ? commentMarker : nodeMarker);\n }\n else {\n // For attributes we use just a marker sentinel, and also append a\n // $lit$ suffix to the name to opt-out of attribute-specific parsing\n // that IE and Edge do for style and certain SVG attributes.\n html += s.substr(0, attributeMatch.index) + attributeMatch[1] +\n attributeMatch[2] + boundAttributeSuffix + attributeMatch[3] +\n marker;\n }\n }\n html += this.strings[l];\n return html;\n }\n getTemplateElement() {\n const template = document.createElement('template');\n let value = this.getHTML();\n if (policy !== undefined) {\n // this is secure because `this.strings` is a TemplateStringsArray.\n // TODO: validate this when\n // https://github.com/tc39/proposal-array-is-template-object is\n // implemented.\n value = policy.createHTML(value);\n }\n template.innerHTML = value;\n return template;\n }\n}\n/**\n * A TemplateResult for SVG fragments.\n *\n * This class wraps HTML in an `