{"version":3,"file":"js/4433-114e29a6a94baabe55e2.chunk.js","mappings":"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","sources":["webpack://endrun/./app/components/photo_slideshow_component.js","webpack://endrun/./app/javascript/app/util/events.js"],"sourcesContent":["/*\n * TMP PHOTO SLIDESHOW\n * Original repo: https://github.com/themarshallproject/tmp-photo-slideshow\n */\n\n// packages\nimport defaults from 'underscore/modules/defaults.js';\nimport Hammer from 'hammerjs';\n\n// local\nimport { createEvent } from '$app/util/events.js';\n\nexport default class TMPSlideshow {\n constructor(config) {\n // Set default values for undefined options\n const configWithDefaults = defaults(config, {\n sizeByWindowHeight: true, // If true, photos will take up full screen height if they fit\n mobileMaxWidth: 579, // Width at which to trigger mobile full-bleed style, -1 indicates no max width\n startingSlide: 0, // Index of slide to initiate slideshow on\n captionType: 'each', // TK\n });\n\n /** @type {HTMLElement} */\n this.el = config.el;\n this.config = configWithDefaults;\n this.init();\n }\n\n init() {\n this.containerElement = this.el;\n\n if (this.config.slideData) {\n this.buildSlideMarkup();\n }\n\n this.slideshowContent =\n this.containerElement.querySelector('.slideshow-content');\n this.slideWrapper = this.containerElement.querySelector('.slide-wrapper');\n this.wrapperOffset = 0;\n this.slides = this.containerElement.querySelectorAll('.slide');\n this.captionWrapper = this.containerElement.querySelector(\n '.slide-caption-wrapper'\n );\n this.captions = this.containerElement.querySelectorAll('.slide-caption');\n this.navBtns = this.containerElement.querySelectorAll('.slideshow-btn');\n this.slideProgress =\n this.containerElement.querySelectorAll('.slide-progress');\n\n this.sliderManager = new Hammer.Manager(this.slideshowContent);\n\n this.buildProgressIcon();\n this.sizeSlideshow();\n this.goToSlide(this.config.startingSlide);\n this.initEvents();\n }\n\n buildSlideMarkup() {\n const slideMarkup = [];\n const captionMarkup = [];\n\n this.config.slideData.forEach((slide, i) => {\n let thisSrcset = '';\n let thisByline = '';\n\n if (slide.srcset) {\n thisSrcset = `srcset=\"${slide.srcset}\"`;\n }\n\n if (slide.byline) {\n thisByline = `${slide.byline}`;\n }\n\n slideMarkup.push(`\n
\n \"${slide.caption}\"\n
\n `);\n\n captionMarkup.push(`\n

\n \n ${slide.caption}\n ${thisByline}\n

\n `);\n });\n\n const fullHTML = `\n
\n
\n ${slideMarkup.join('')}\n
\n
\n
\n \n ${captionMarkup.join('')}\n \n
`;\n\n this.containerElement.innerHTML = fullHTML;\n }\n\n buildProgressIcon() {\n const iconHTML = [];\n\n for (var i = 0; i < this.slides.length; i++) {\n iconHTML.push('');\n }\n\n this.slideProgress.forEach((element) => {\n element.innerHTML = iconHTML.join('');\n });\n }\n\n sizeSlideshow() {\n // Save window size values\n this.windowWidth = window.innerWidth;\n this.windowHeight = window.innerHeight;\n\n // Get overall width of slides\n const allSlides = this.slides;\n const allSlideImgs = Array.from(\n this.containerElement.querySelectorAll('img')\n );\n const captionElement = this.containerElement.querySelector(\n '.slide-caption-wrapper'\n );\n const captionBounds = captionElement.getBoundingClientRect();\n const captionComputedStyle = window.getComputedStyle(captionElement);\n const captionHeight =\n captionBounds.height +\n parseFloat(captionComputedStyle.marginTop) +\n parseFloat(captionComputedStyle.marginBottom);\n\n const maxWidth = Math.max(...allSlideImgs.map((img) => img.clientWidth));\n const maxHeight = Math.max(...allSlideImgs.map((img) => img.clientHeight));\n\n const sizingInfo = this.getSizingInfo(maxWidth, maxHeight, captionHeight);\n\n // If we want to size the slideshow to fit full height\n if (sizingInfo.measureBy === 'height') {\n allSlides.forEach((slide) => {\n slide.style.height = `${sizingInfo.slideHeight}px`;\n });\n this.slideshowContent.style.height = `${sizingInfo.slideHeight}px`;\n this.slideWrapper.style.left = `${sizingInfo.slideLeft}px`;\n\n let totalWidth = 0;\n\n allSlides.forEach((slide) => {\n slide.style.width = `${sizingInfo.slideWidth}px`;\n slide.style.left = `${totalWidth}px`;\n\n const slideBounds = slide.getBoundingClientRect();\n const slideComputedStyle = window.getComputedStyle(slide);\n\n totalWidth +=\n slideBounds.width +\n parseFloat(slideComputedStyle.marginLeft) +\n parseFloat(slideComputedStyle.marginRight);\n });\n } else {\n // Otherwise, use given CSS values for slide size\n allSlides.forEach((slide) => {\n slide.style.height = null;\n });\n\n this.slideshowContent.style.height = `${sizingInfo.slideHeight}px`;\n this.slideWrapper.style.left = `${sizingInfo.slideLeft}px`;\n\n let totalWidth = 0;\n\n allSlides.forEach((slide) => {\n slide.style.width = null;\n slide.style.left = `${totalWidth}px`;\n\n const slideBounds = slide.getBoundingClientRect();\n const slideComputedStyle = window.getComputedStyle(slide);\n\n totalWidth +=\n slideBounds.width +\n parseFloat(slideComputedStyle.marginLeft) +\n parseFloat(slideComputedStyle.marginRight);\n });\n }\n\n // Set caption width and nav button width so everything aligns\n this.containerElement.querySelector(\n '.slide-caption-wrapper'\n ).style.width = `${sizingInfo.slideWidth}px`;\n\n if (sizingInfo.slideLeft > 0) {\n this.containerElement.querySelector(\n '.slide-caption-btn'\n ).style.width = `${sizingInfo.slideLeft}px`;\n }\n }\n\n getSizingInfo(slideWidth, slideHeight, captionHeight) {\n const windowHeight = this.windowHeight;\n const windowWidth = this.windowWidth;\n const slideshowPadding = 150;\n const windowRatio =\n (windowWidth - slideshowPadding) /\n (windowHeight - slideshowPadding - captionHeight);\n const slideRatio = slideWidth / slideHeight;\n\n if (\n !this.config.sizeByWindowHeight ||\n windowRatio <= slideRatio ||\n windowWidth <= this.config.mobileMaxWidth\n ) {\n return {\n measureBy: 'width',\n slideHeight: slideHeight,\n slideWidth: slideWidth,\n slideLeft: (windowWidth - slideWidth) / 2,\n };\n } else {\n const computedHeight = windowHeight - slideshowPadding - captionHeight;\n const computedWidth = slideRatio * computedHeight;\n\n return {\n measureBy: 'height',\n slideHeight: computedHeight,\n slideWidth: computedWidth,\n slideLeft: (windowWidth - computedWidth) / 2,\n };\n }\n }\n\n initEvents() {\n window.addEventListener('tmp_resize', () => {\n this.resize();\n });\n\n const sizeSlideshow = this.sizeSlideshow.bind(this);\n\n this.containerElement.querySelectorAll('img').forEach((img) => {\n img.addEventListener(\n 'load',\n () => {\n sizeSlideshow();\n },\n { once: true }\n );\n });\n\n this.navBtns.forEach((btn) => {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n\n const thisBtn = e.currentTarget;\n const activeIndex = this.activeSlideIndex;\n let newIndex;\n\n if (thisBtn.getAttribute('data-dir') === 'prev') {\n newIndex = activeIndex - 1;\n } else if (thisBtn.classList.contains('btn-replay')) {\n newIndex = 0;\n } else {\n newIndex = activeIndex + 1;\n }\n\n // Protect against exceeding range\n if (newIndex < 0 || newIndex > this.slides.length - 1) {\n return;\n }\n\n this.goToSlide(newIndex);\n });\n });\n\n // Track hover position to set cursor\n this.slideshowContent.addEventListener('mousemove', (e) => {\n const mouseX = e.clientX;\n\n if (mouseX < this.windowWidth / 2 && this.activeSlideIndex > 0) {\n this.slideshowContent.classList.add('slideshow-cursor-prev');\n this.slideshowContent.classList.remove(\n 'slideshow-cursor-next',\n 'slideshow-cursor-hide',\n 'slideshow-cursor-replay'\n );\n } else if (this.activeSlideIndex == this.slides.length - 1) {\n this.slideshowContent.classList.add('slideshow-cursor-replay');\n this.slideshowContent.classList.remove(\n 'slideshow-cursor-next',\n 'slideshow-cursor-hide',\n 'slideshow-cursor-prev'\n );\n } else {\n this.slideshowContent.classList.add('slideshow-cursor-next');\n this.slideshowContent.classList.remove(\n 'slideshow-cursor-prev',\n 'slideshow-cursor-hide',\n 'slideshow-cursor-replay'\n );\n }\n });\n\n // Use Hammer.js to handle events, tap\n this.sliderManager.add(new Hammer.Tap());\n\n this.sliderManager.on('tap', (e) => {\n const activeIndex = this.activeSlideIndex;\n let newIndex;\n\n if (e.center.x < this.windowWidth / 2 && activeIndex > 0) {\n newIndex = activeIndex - 1;\n } else if (activeIndex == this.slides.length - 1) {\n newIndex = 0;\n } else {\n newIndex = activeIndex + 1;\n }\n\n // Protect against exceeding range\n if (newIndex < 0 || newIndex > this.slides.length - 1) {\n return;\n }\n\n this.goToSlide(newIndex);\n\n const simulatedEvent = createEvent('mousemove');\n simulatedEvent.clientX = e.center.x;\n simulatedEvent.clientY = e.center.y;\n this.slideshowContent.dispatchEvent(simulatedEvent);\n });\n\n // Add pan events to allow swipe/drag\n this.sliderManager.add(new Hammer.Pan({ threshold: 0, pointers: 0 }));\n\n // Drag along with pan movement\n this.sliderManager.on('panleft panright', (e) => {\n const currentOffset = this.wrapperOffset;\n this.slideWrapper.style.transform = `translateX(${\n currentOffset + e.deltaX\n }px)`;\n });\n\n // Snap to correct slide after pan ends\n this.sliderManager.on('panend', (e) => {\n let activeSlideIndex = this.activeSlideIndex;\n const sliderSensitivity =\n 0.2 * this.containerElement.getBoundingClientRect().width;\n\n // Checking the velocity helps us handle super-quick motions like flicking\n if (e.velocityX > 1) {\n this.goToSlide(activeSlideIndex - 1);\n } else if (e.velocityX < -1) {\n this.goToSlide(activeSlideIndex + 1);\n } else {\n // We use our own check for sensitivity here instead of Hammer's threshold\n // because we still want the slide to track the mouse's movement, but we want\n // to provide a minimum distance it has to travel before advancing slides.\n if (e.deltaX <= -sliderSensitivity) {\n this.goToSlide(activeSlideIndex + 1);\n } else if (e.deltaX > sliderSensitivity) {\n this.goToSlide(activeSlideIndex - 1);\n } else {\n this.goToSlide(activeSlideIndex);\n }\n }\n });\n }\n\n goToSlide(inputSlideIndex) {\n let slideIndex = inputSlideIndex;\n // Prevent from moving to nonexistent slides\n if (inputSlideIndex < 0) {\n slideIndex = 0;\n } else if (inputSlideIndex > this.slides.length - 1) {\n slideIndex = this.slides.length - 1;\n }\n\n // go to slide\n const activeSlide = this.setActiveSlide(slideIndex);\n this.activeSlideIndex = slideIndex;\n\n // Move slide wrapper to display active slide\n const slideOffset = activeSlide.style.left;\n this.slideWrapper.classList.add('is-animating');\n this.slideWrapper.style.transform = `translateX(-${slideOffset})`;\n this.wrapperOffset = -1 * +slideOffset.replace('px', '');\n\n clearTimeout(this.animationTimer);\n\n this.animationTimer = setTimeout(() => {\n this.slideWrapper.classList.remove('is-animating');\n }, 700);\n }\n\n setActiveSlide(slideIndex) {\n // set active slide\n this.slideWrapper\n .querySelectorAll('.slide-active, .slide-prev, .slide-next')\n .forEach((slide) => {\n slide.classList.remove('slide-active', 'slide-prev', 'slide-next');\n });\n\n const activeSlide = this.slides[slideIndex];\n activeSlide.classList.add('slide-active');\n\n const progressIconActiveElements = this.captionWrapper.querySelectorAll(\n '.progress-icon-active'\n );\n\n progressIconActiveElements.forEach((element) => {\n element.classList.remove('progress-icon-active');\n });\n\n this.slideProgress.forEach((element) => {\n const progressIconElements = element.querySelectorAll('.progress-icon');\n const progressIconElement = progressIconElements[slideIndex];\n progressIconElement.classList.add('progress-icon-active');\n });\n\n if (slideIndex > 0) {\n this.slides[slideIndex - 1].classList.add('slide-prev');\n }\n\n if (slideIndex < this.slides.length - 1) {\n this.slides[slideIndex + 1].classList.add('slide-next');\n }\n\n if (this.config.captionType === 'each') {\n // Set active caption\n this.captionWrapper\n .querySelectorAll('.slide-caption-active')\n .forEach((caption) => {\n caption.classList.remove('slide-caption-active');\n });\n\n const activeCaption = this.captions[slideIndex];\n activeCaption.classList.add('slide-caption-active');\n }\n\n // Set button states\n const btnHide = this.containerElement.querySelector('.btn-hide');\n\n if (btnHide) {\n btnHide.classList.remove('btn-hide');\n }\n\n const btnReplay = this.containerElement.querySelector('.btn-replay');\n\n if (btnReplay) {\n btnReplay.classList.remove('btn-replay');\n }\n // Hide nav button if it's at start of the slideshow\n if (slideIndex === 0) {\n this.containerElement\n .querySelector('.btn-prev')\n .classList.add('btn-hide');\n } else if (slideIndex == this.slides.length - 1) {\n // Change next button to replay icon\n this.containerElement\n .querySelector('.btn-next')\n .classList.add('btn-replay');\n }\n\n return activeSlide;\n }\n\n resize() {\n this.sizeSlideshow();\n // After resizing, reset slidewrapper viewport in case image position has shifted\n this.goToSlide(this.activeSlideIndex);\n }\n}\n","/**\n * A constant to track whether custom events are supported.\n *\n * @private\n * @type {boolean}\n */\nconst supportsCustomEvent = typeof window.CustomEvent === 'function';\n\n/**\n * A wrapper around CustomEvent (for modern browers) and document.createEvent\n * (for older browsers). Can be removed in favor of CustomEvent when we drop\n * support for IE11.\n *\n * @template T\n * @param {string} type The type of event to create.\n * @param {CustomEventInit} init The params to pass to the event.\n * @returns {CustomEvent} The created event.\n */\nexport function createEvent(type, init) {\n if (supportsCustomEvent) {\n return new window.CustomEvent(type, init);\n }\n\n const event = document.createEvent('Event');\n\n if (init) {\n event.initEvent(type, init.bubbles, init.cancelable);\n event.detail = init.detail;\n } else {\n event.initEvent(type, false, false);\n }\n\n return event;\n}\n"],"names":["TMPSlideshow","constructor","config","configWithDefaults","sizeByWindowHeight","mobileMaxWidth","startingSlide","captionType","this","el","init","containerElement","slideData","buildSlideMarkup","slideshowContent","querySelector","slideWrapper","wrapperOffset","slides","querySelectorAll","captionWrapper","captions","navBtns","slideProgress","sliderManager","buildProgressIcon","sizeSlideshow","goToSlide","initEvents","slideMarkup","captionMarkup","forEach","slide","i","thisSrcset","thisByline","srcset","byline","push","filepath","caption","k","fullHTML","join","innerHTML","iconHTML","length","element","windowWidth","window","innerWidth","windowHeight","innerHeight","allSlides","allSlideImgs","Array","from","captionElement","captionBounds","getBoundingClientRect","captionComputedStyle","getComputedStyle","captionHeight","height","parseFloat","marginTop","marginBottom","maxWidth","Math","max","map","img","clientWidth","maxHeight","clientHeight","sizingInfo","getSizingInfo","measureBy","style","slideHeight","left","slideLeft","totalWidth","width","slideWidth","slideBounds","slideComputedStyle","marginLeft","marginRight","windowRatio","slideRatio","computedHeight","computedWidth","addEventListener","resize","bind","once","btn","e","preventDefault","thisBtn","currentTarget","activeIndex","activeSlideIndex","newIndex","getAttribute","classList","contains","clientX","add","remove","on","center","x","simulatedEvent","clientY","y","dispatchEvent","threshold","pointers","currentOffset","transform","deltaX","sliderSensitivity","velocityX","inputSlideIndex","slideIndex","activeSlide","setActiveSlide","slideOffset","replace","clearTimeout","animationTimer","setTimeout","btnHide","btnReplay","supportsCustomEvent","CustomEvent","createEvent","type","event","document","initEvent","bubbles","cancelable","detail"],"sourceRoot":""}