{"version":3,"file":"global.js","mappings":"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","sources":["webpack://customtheme/./node_modules/@alexspirgel/children-loaded/src/index.js","webpack://customtheme/webpack/bootstrap","webpack://customtheme/../../modules/custom/esd_components/esd_custom_components/components/hero_landing/scripts/src/global.js"],"sourcesContent":["module.exports = (function () {\n\n\t// Initialize a weak map to hold promises.\n\tconst childrenLoadedPromises = new WeakMap();\n\n\t/**\n\t * Checks to see if children elements are loaded.\n\t * @param {object} element - Element to look for children within.\n\t * @return {boolean} Whether the children elements are loaded or not.\n\t */\n\n\tconst childrenLoadedSynchronous = (element) => {\n\n\t\t// Document ready states reference: https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState\n\t\tif (document.readyState === 'interactive' || document.readyState === 'complete') {\n\t\t\t// Children elements are assumed to be loaded.\n\t\t\treturn true;\n\t\t}\n\n\t\t// While the element exists.\n\t\twhile (element) {\n\t\t\t// If the next sibling element exists.\n\t\t\tif (element.nextSibling) {\n\t\t\t\t// The original passed element and its children have been loaded.\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\t// Set the element to the parent element.\n\t\t\telement = element.parentNode;\n\t\t}\n\n\t\t// If code execution gets here, it's assumed children elements are not loaded.\n\t\treturn false;\n\n\t};\n\n\t/**\n\t * An asynchronous wrapper for the childrenLoadedSynchronous function.\n\t * @param {object} element - Element to look for children within.\n\t * @param {boolean} [forceNewPromise=false] - Option to invalidate existing promises.\n\t * @return {*} True if children are loaded, otherwise a promise.\n\t */\n\n\tconst childrenLoaded = (element, forceNewPromise = false) => {\n\n\t\t// If children are loaded immediately.\n\t\tif (childrenLoadedSynchronous(element)) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// If an existing promise for the passed element does not exist yet or if a new promise is being forced.\n\t\telse if (!childrenLoadedPromises.get(element) || forceNewPromise) {\n\t\t\t// Create a new promise.\n\t\t\tconst childrenLoadedPromise = new Promise((resolve) => {\n\t\t\t\t// Create a new mutation observer.\n\t\t\t\tconst observer = new MutationObserver(() => {\n\t\t\t\t\t// When children are loaded.\n\t\t\t\t\tif (childrenLoadedSynchronous(element)) {\n\t\t\t\t\t\t// Disconnect the mutation observer.\n\t\t\t\t\t\tobserver.disconnect();\n\t\t\t\t\t\t// Resolve the promise.\n\t\t\t\t\t\tresolve(true);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t// Watch for child element updates.\n\t\t\t\tobserver.observe(element, {\n\t\t\t\t\tchildList: true\n\t\t\t\t});\n\t\t\t});\n\t\t\t// Set the promise weak map entry for the passed element.\n\t\t\tchildrenLoadedPromises.set(element, childrenLoadedPromise);\n\t\t}\n\n\t\t// Return the promise for the passed element.\n\t\t// Multiple asynchronous calls of childrenLoaded for the same element should return the same promise.\n\t\treturn childrenLoadedPromises.get(element);\n\n\t};\n\n\t// Attach the synchronous function to the export for optional use.\n\tchildrenLoaded.synchronous = childrenLoadedSynchronous;\n\t// Add shorthand alias for synchronous.\n\tchildrenLoaded.sync = childrenLoaded.synchronous;\n\t// Return the asynchronous function as the export.\n\treturn childrenLoaded;\n\n})();","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","const childrenLoaded = require('@alexspirgel/children-loaded');\n\nclass ComponentHeroLanding extends HTMLDivElement {\n\n  static get mediaQuery() {\n\t\treturn {\n\t\t\tmedium: window.matchMedia('(max-width: 48rem)'), // 768px\n\t\t\tlarge: window.matchMedia('(max-width: 80rem)'), // 1280px\n\t\t};\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tasync connectedCallback() {\n\t\tawait childrenLoaded(this);\n\t\tthis.initialize();\n\t}\n\n\tinitialize() {\n\n\t\tif (this.initialized) {\n\t\t\treturn;\n\t\t}\n\n    this.mediaQueryLargeListener(this.constructor.mediaQuery.large);\n    this.constructor.mediaQuery.large.addListener(this.mediaQueryLargeListener);\n    this.mediaQueryMediumListener(this.constructor.mediaQuery.medium);\n    this.constructor.mediaQuery.medium.addListener(this.mediaQueryMediumListener);\n\n\t\tif (this.videoElement && this.videoPlayPauseElement) {\n\t\t\tthis.videoPlayPauseElement.addEventListener('click', this.toggleVideoPlayback);\n\t\t}\n    \n    this.updateContentInnerHeightCSSVariable();\n    this.updateAccentTextSize();\n    this.windowResizeObserver = new ResizeObserver(() => {\n      this.updateContentInnerHeightCSSVariable();\n      this.updateAccentTextSize();\n    });\n    this.windowResizeObserver.observe(document.body);\n\n\t\tthis.initialized = true;\n\n\t}\n\n  mediaQueryLargeListener = (mediaQuery) => {\n    if (this.matchesMediaQueryLarge !== mediaQuery.matches) {\n      this.matchesMediaQueryLarge = mediaQuery.matches;\n      this.mediaQueryLargeChange();\n    }\n\t}\n\n  mediaQueryLargeChange() {\n    const contentElement = this.contentElement;\n    if (this.matchesMediaQueryLarge) {\n      const belowBackgroundAreaElement = this.belowBackgroundAreaElement;\n      if (contentElement && belowBackgroundAreaElement) {\n        belowBackgroundAreaElement.prepend(contentElement);\n      }\n    }\n    else {\n      const backgroundElement = this.backgroundElement;\n      if (contentElement && backgroundElement) {\n        backgroundElement.append(contentElement);\n      }\n    }\n  }\n\n  mediaQueryMediumListener = (mediaQuery) => {\n    if (this.matchesMediaQueryMedium !== mediaQuery.matches) {\n      this.matchesMediaQueryMedium = mediaQuery.matches;\n      this.mediaQueryMediumChange();\n    }\n\t}\n\n  mediaQueryMediumChange() {\n    const accentTextElement = this.accentTextElement;\n    if (this.matchesMediaQueryMedium) {\n      const belowBackgroundAreaElement = this.belowBackgroundAreaElement;\n      const introElement = this.introElement;\n      if (accentTextElement && belowBackgroundAreaElement && introElement) {\n        belowBackgroundAreaElement.insertBefore(accentTextElement, introElement);\n      }\n    }\n    else {\n      if (accentTextElement) {\n        this.append(accentTextElement);\n      }\n    }\n  }\n\n  get backgroundElement() {\n    return this.querySelector('.component-hero-landing__background');\n  }\n\n  get belowBackgroundAreaElement() {\n    return this.querySelector('.component-hero-landing__below-background-area');\n  }\n\n  get contentElement() {\n    return this.querySelector('.component-hero-landing__content');\n  }\n\n  get introElement() {\n    return this.querySelector('.component-hero-landing__intro');\n  }\n\n\tget videoElement() {\n\t\treturn this.querySelector('.component-hero-landing__video');\n\t}\n\n\tget videoPlayPauseElement() {\n\t\treturn this.querySelector('.component-hero-landing__play-pause');\n\t}\n\n\tget isVideoPlaying() {\n    return (this.videoElement\n    && this.videoElement.currentTime > 0\n    && this.videoElement.paused == false\n    && this.videoElement.ended == false);\n  }\n\n\tpauseVideo() {\n    if (this.videoElement) {\n      this.videoElement.pause();\n      this.videoPlayPauseElement.setAttribute('data-icon', 'play');\n      this.videoPlayPauseElement.setAttribute('aria-label', 'play video');\n    }\n  }\n\n  playVideo() {\n    if (this.videoElement) {\n      this.videoElement.play();\n      this.videoPlayPauseElement.setAttribute('data-icon', 'pause');\n      this.videoPlayPauseElement.setAttribute('aria-label', 'pause video');\n    }\n  }\n\n\ttoggleVideoPlayback = () => {\n    if (this.videoElement) {\n      if (this.isVideoPlaying) {\n        this.pauseVideo();\n      }\n      else {\n        this.playVideo();\n      }\n    }\n  }\n\n  get contentInnerElement() {\n    return this.querySelector('.component-hero-landing__content-inner');\n  }\n\n  updateContentInnerHeightCSSVariable() {\n\t\tif (this.contentInnerElement && typeof this.contentInnerElement.offsetHeight === 'number') {\n\t\t\tconst height = this.contentInnerElement.offsetHeight.toString() + 'px';\n      this.style.setProperty('--content-inner-height', height);\n\t\t}\n    else {\n      this.style.removeProperty('--content-inner-height');\n    }\n  }\n\n  get accentTextElement() {\n    return this.querySelector('.component-hero-landing__accent-text');\n  }\n\n  get accentTextInnerElement() {\n    return this.querySelector('.component-hero-landing__accent-text-inner:not(.sizer)');\n  }\n\n  get accentTextInnerSizerElement() {\n    return this.querySelector('.component-hero-landing__accent-text-inner.sizer');\n  }\n\n  updateAccentTextSize() {\n    const accentTextInnerElement = this.accentTextInnerElement;\n    if (!accentTextInnerElement) {\n      return;\n    }\n    const accentTextInnerTextElement = this.accentTextInnerElement.querySelector('.text');\n    const accentTextInnerSizerElement = this.accentTextInnerSizerElement;\n    const belowBackgroundAreaElement = this.belowBackgroundAreaElement;\n\n    if (accentTextInnerElement && accentTextInnerTextElement && accentTextInnerSizerElement && belowBackgroundAreaElement) {\n      const heroHeight = this.offsetHeight;\n      const heroPaddingBottomPropertyValue = window.getComputedStyle(belowBackgroundAreaElement).getPropertyValue('padding-bottom');\n      const heroPaddingHeight = (parseInt(heroPaddingBottomPropertyValue) * 2);\n      let usableHeroHeight = heroHeight - heroPaddingHeight;\n      if (this.matchesMediaQueryMedium) {\n        const introElement = this.introElement;\n        if (introElement) {\n          const introHeight = introElement.offsetHeight;\n          const introMarginTopPropertyValue = window.getComputedStyle(introElement).getPropertyValue('margin-top');\n          const introMarginHeight = parseInt(introMarginTopPropertyValue);\n          usableHeroHeight = usableHeroHeight - introHeight - introMarginHeight;\n        }\n      }\n\n      const fontSize = parseInt(window.getComputedStyle(accentTextInnerElement).getPropertyValue('font-size'));\n      const sizerFontSize = parseInt(window.getComputedStyle(accentTextInnerSizerElement).getPropertyValue('font-size'));\n      const accentHeight = accentTextInnerTextElement.offsetWidth; // Use offsetWidth because of the rotation.\n      \n      const fontDifference = usableHeroHeight / accentHeight\n      const updatedFontSize = Math.min((fontSize * fontDifference), sizerFontSize);\n      accentTextInnerElement.style.fontSize = `${updatedFontSize}px`;\n      accentTextInnerElement.classList.add('font-resized-js');\n    }\n  }\n\n}\n\ncustomElements.define('component-hero-landing', ComponentHeroLanding, {extends: 'div'});"],"names":["module","exports","childrenLoadedPromises","WeakMap","childrenLoadedSynchronous","element","document","readyState","nextSibling","parentNode","childrenLoaded","forceNewPromise","get","childrenLoadedPromise","Promise","resolve","observer","MutationObserver","disconnect","observe","childList","set","sync","synchronous","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","ComponentHeroLanding","HTMLDivElement","mediaQuery","medium","window","matchMedia","large","constructor","super","connectedCallback","this","initialize","initialized","mediaQueryLargeListener","addListener","mediaQueryMediumListener","videoElement","videoPlayPauseElement","addEventListener","toggleVideoPlayback","updateContentInnerHeightCSSVariable","updateAccentTextSize","windowResizeObserver","ResizeObserver","body","matchesMediaQueryLarge","matches","mediaQueryLargeChange","contentElement","belowBackgroundAreaElement","prepend","backgroundElement","append","matchesMediaQueryMedium","mediaQueryMediumChange","accentTextElement","introElement","insertBefore","querySelector","isVideoPlaying","currentTime","paused","ended","pauseVideo","pause","setAttribute","playVideo","play","contentInnerElement","offsetHeight","height","toString","style","setProperty","removeProperty","accentTextInnerElement","accentTextInnerSizerElement","accentTextInnerTextElement","heroHeight","heroPaddingBottomPropertyValue","getComputedStyle","getPropertyValue","usableHeroHeight","parseInt","introHeight","introMarginTopPropertyValue","fontSize","sizerFontSize","fontDifference","offsetWidth","updatedFontSize","Math","min","classList","add","customElements","define","extends"],"sourceRoot":""}