{"version":3,"file":"modal-gallery.js","mappings":"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","sources":["webpack://@upstatement/harvard-law-school-wp-theme/./static/js/components/modal-gallery/constants.js","webpack://@upstatement/harvard-law-school-wp-theme/./static/js/components/modal-gallery/Slide.js","webpack://@upstatement/harvard-law-school-wp-theme/./static/js/components/modal-gallery/index.js","webpack://@upstatement/harvard-law-school-wp-theme/./static/js/utils/StateMachine.js"],"sourcesContent":["export const STATE = {\n  unmounted: 'unmounted',\n  beforeUnmount: 'beforeUnmount',\n  beforeMount: 'beforeMount',\n  mounted: 'mounted',\n  open: 'open',\n  beforeOpen: 'beforeOpen',\n  beforeClose: 'beforeClose',\n};\n\nexport const TARGET_CLASSES = {\n  root: 'js-modal-gallery__root',\n  trigger: 'js-modal-gallery__trigger',\n  hidden: 'js-modal-gallery__hidden',\n  videoOverlay: 'js-modal-gallery__video-overlay',\n  videoButton: 'js-modal-gallery__video-button',\n  open: 'js-modal-gallery__open',\n  caption: 'js-modal-gallery__caption',\n  close: 'js-modal-gallery__close',\n  countCurrent: 'js-modal-gallery__count--current',\n  countTotal: 'js-modal-gallery__count--total',\n  credit: 'js-modal-gallery__credit',\n  next: 'js-modal-gallery__next',\n  previous: 'js-modal-gallery__previous',\n  slideAsset: 'js-modal-gallery__asset',\n  slideActive: 'js-modal-gallery__slide--active',\n  slideNext: 'js-modal-gallery__slide--next',\n  slidePrevious: 'js-modal-gallery__slide--previous',\n  extraSlides: 'js-modal-gallery__extra-slides',\n};\n\nexport const COMPONENTS = {\n  caption: null,\n  close: [],\n  countCurrent: null,\n  countTotal: null,\n  credit: null,\n  next: [],\n  open: [],\n  previous: [],\n  slideActive: null,\n  slideNext: null,\n  slidePrevious: null,\n};\n","import { StateMachine, on } from '@src/utils';\nimport { KEY_CODES } from '@src/utils/constants';\nimport { TARGET_CLASSES } from './constants';\n\nconst STATE = {\n  unmounted: 'unmounted',\n  beforeMount: 'beforeMount',\n  mounted: 'mounted',\n  beforeUnmount: 'beforeUnmount',\n};\n\nconst VIDEO_LABELS = {\n  play: 'Play',\n  pause: 'Pause',\n  ariaPlay: 'Play Video',\n  ariaPause: 'Pause Video',\n};\n\nclass Slide {\n  /**\n   * Creates a new slide for the modal gallery.\n   *\n   * @param {HTMLImageElement|HTMLVideoElement} ref the original reference to the image or video element\n   * on the page\n   */\n  constructor(ref) {\n    this.stateManager = new StateMachine(STATE.unmounted, {\n      [STATE.unmounted]: [STATE.beforeMount],\n      [STATE.beforeMount]: [STATE.mounted],\n      [STATE.mounted]: [STATE.beforeUnmount],\n      [STATE.beforeUnmount]: [STATE.unmounted],\n    });\n\n    this.ref = ref;\n    this.wrapper = null;\n    this.button = null;\n    this.el = null; // the media element (img/video)\n    this.videoPoster = null;\n\n    this.initialize();\n    this.mount();\n  }\n\n  initialize() {\n    // Clone the ref to display it in the slide and give it our custom class\n    this.el = this.ref.cloneNode(true);\n    this.el.className = TARGET_CLASSES.slideAsset;\n\n    if (this.isVideo) {\n      this.videoPoster = document.createElement('img');\n      this.videoPoster.src = this.ref.poster;\n    } else {\n      // For image sizes\n      this.el.src = this.ref.dataset.src || this.ref.src;\n      this.el.srcset = this.ref.dataset.srcset || this.ref.srcset;\n      this.el.sizes = this.ref.dataset.sizes || this.ref.sizes;\n    }\n  }\n\n  /**\n   * @type {boolean} whether the slide is currently mounted\n   */\n  get isMounted() {\n    return this.stateManager.isStateOneOf([STATE.beforeMount, STATE.mounted, STATE.beforeUnmount]);\n  }\n\n  /**\n   * @type {HTMLImageElement} the preview to show for inactive slides\n   */\n  get preview() {\n    if (this.isVideo) {\n      return this.videoPoster;\n    }\n    return this.el;\n  }\n\n  /**\n   * @type {boolean} whether the slide is a video\n   */\n  get isVideo() {\n    return this.ref instanceof HTMLVideoElement;\n  }\n\n  /**\n   * @type {string} the slide's media caption\n   */\n  get caption() {\n    return this.ref.dataset.caption || '';\n  }\n\n  /**\n   * @type {string} the slide's media credit\n   */\n  get credit() {\n    return this.ref.dataset.credit || '';\n  }\n\n  /**\n   * Callback before the slide is mounted. Wraps the media reference in a `span` for\n   * adding the open button.\n   */\n  _beforeMount() {\n    const wrapper = document.createElement('span');\n    wrapper.classList.add(TARGET_CLASSES.trigger);\n\n    // If the media item isn't absolutely positioned, add a relative class\n    // to position the wrapper element correctly\n    if (window.getComputedStyle(this.ref).position !== 'absolute') {\n      wrapper.classList.add('relative');\n    }\n\n    let videoOverlay = null;\n    const isFromVideoBlock = this.ref.parentNode.classList.contains('wp-block-video');\n\n    if (this.isVideo && isFromVideoBlock) {\n      wrapper.classList.add('video');\n      videoOverlay = this.createVideoOverlayElem();\n    }\n\n    // Add the <span> wrapper around the media element\n    this.ref.parentNode.insertBefore(wrapper, this.ref);\n\n    // Append the media element to the wrapper\n    wrapper.append(this.ref);\n\n    // Append the video overlay and play the video\n    if (videoOverlay) {\n      wrapper.append(videoOverlay);\n      this.ref.play();\n    }\n\n    this.wrapper = wrapper;\n  }\n\n  /**\n   * Mounts the slide to the DOM. If the slide is already mounted, an error\n   * is thrown.\n   */\n  mount() {\n    if (this.isMounted) {\n      throw new Error('Slide is already mounted!');\n    }\n\n    this.stateManager.setState(STATE.beforeMount);\n    this._beforeMount();\n    this.stateManager.setState(STATE.mounted);\n  }\n\n  /**\n   * Unwraps the media reference, removes the wrapper, and resets both the wrapper and button.\n   */\n  _beforeUnmount() {\n    if (this.wrapper) {\n      this.wrapper.parentNode.insertBefore(this.wrapper, this.ref);\n      this.wrapper.parentNode.removeChild(this.wrapper);\n    }\n\n    this.button = null;\n    this.wrapper = null;\n  }\n\n  /**\n   * Unmounts the slide from the DOM, if the slide was mounted.\n   */\n  unmount() {\n    if (this.stateManager.state === STATE.mounted) {\n      this.stateManager.setState(STATE.beforeUnmount);\n      this._beforeUnmount();\n      this.stateManager.setState(STATE.unmounted);\n    }\n  }\n\n  /**\n   * Retrieves the slide's open button or, if it doesn't exist, creates one.\n   *\n   * @return {HTMLButtonElement} the open button, or `null` if the slide isn't mounted\n   */\n  getOrCreateOpenButton() {\n    if (this.stateManager.state !== STATE.mounted) {\n      return null;\n    } else if (!this.button) {\n      const button = document.createElement('button');\n\n      button.setAttribute('aria-label', 'Open modal gallery');\n      button.classList.add(TARGET_CLASSES.open);\n\n      this.wrapper.append(button);\n      this.button = button;\n    }\n    return this.button;\n  }\n\n  /**\n   * Renders the slide to the given element.\n   *\n   * @param {HTMLElement} element the element to render to\n   * @param {boolean} [active=false] whether the slide is currently active\n   * @return {HTMLImageElement|HTMLVideoElement} the rendered slide\n   */\n  renderTo(element, active = false) {\n    if (this.stateManager.state !== STATE.mounted || !element) {\n      return null;\n    }\n\n    if (active) {\n      element.appendChild(this.el);\n\n      // Append the video overlay and play the video from the beginning\n      if (this.isVideo) {\n        const videoOverlay = this.createVideoOverlayElem();\n        element.append(videoOverlay);\n\n        this.el.currentTime = 0;\n        this.el.play();\n      }\n\n      return;\n    }\n\n    return element.appendChild(this.preview);\n  }\n\n  /**\n   * Returns overlay div allow video play/pause functionality\n   *\n   * @return {HTMLElement} video overlay div with button\n   */\n  createVideoOverlayElem() {\n    const button = document.createElement('button');\n    button.classList.add('article-asset-mod__video-btn');\n    button.classList.add(TARGET_CLASSES.videoButton);\n    button.innerHTML =\n      '<span class=\"js-video-button-label\">Pause</span><span class=\"js-video-button-state visually-hidden\" aria-live=\"polite\">Video playing</span><svg aria-hidden=\"true\"><use xlink:href=\"#video-pause\"></use></svg>';\n\n    on(button, 'click', this.toggleVideoPlay);\n    on(button, 'keydown', e => {\n      const spaceKey = e.key === KEY_CODES.SPACE || e.key === KEY_CODES.SPACE_IE11;\n      const enterKey = e.key === KEY_CODES.ENTER;\n      if (spaceKey || enterKey) {\n        e.preventDefault(); // prevent page from scrolling down\n        this.toggleVideoPlay(e);\n      }\n    });\n\n    return button;\n  }\n\n  /**\n   * Toggles video play/pause state\n   *\n   * @param {MouseEvent|KeyboardEvent} e The event from the click or keydown event listeners\n   * @return void\n   */\n  toggleVideoPlay(e) {\n    const videoButton = e.currentTarget;\n    // Get the <video> element associated with this video overlay\n    const video = videoButton.parentNode.querySelector('video');\n\n    const label =\n      videoButton.querySelector('.js-video-button-label') || document.createElement('span');\n    const stateLabel =\n      videoButton.querySelector('.js-video-button-state') || document.createElement('span');\n    const svg = videoButton.querySelector('use') || document.createElement('use');\n\n    if (!video) {\n      return;\n    }\n\n    // Toggle play/pause\n    if (video.paused) {\n      video.play();\n      label.textContent = VIDEO_LABELS.pause;\n      stateLabel.innerText = 'Video playing';\n      videoButton.setAttribute('aria-label', VIDEO_LABELS.ariaPause);\n      svg.setAttribute('xlink:href', '#video-pause');\n    } else {\n      video.pause();\n      label.textContent = VIDEO_LABELS.play;\n      stateLabel.innerText = 'Video paused';\n      videoButton.setAttribute('aria-label', VIDEO_LABELS.ariaPlay);\n      svg.setAttribute('xlink:href', '#video-play');\n    }\n  }\n}\n\nexport default Slide;\n","import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';\nimport * as focusTrap from 'focus-trap';\nimport { on, StateMachine } from '@src/utils';\nimport { KEY_CODES } from '@src/utils/constants';\nimport Slide from './Slide';\nimport { STATE, TARGET_CLASSES, COMPONENTS } from './constants';\n\nclass ModalGallery {\n  /**\n   * Creates a new modal gallery instance and mounts it.\n   */\n  constructor(el) {\n    this._index = 0;\n    this.stateManager = new StateMachine(STATE.unmounted, {\n      [STATE.unmounted]: [STATE.beforeMount],\n      [STATE.beforeMount]: [STATE.mounted],\n      [STATE.mounted]: [STATE.beforeOpen, STATE.beforeUnmount],\n      [STATE.beforeOpen]: [STATE.open],\n      [STATE.open]: [STATE.beforeClose],\n      [STATE.beforeClose]: [STATE.mounted],\n      [STATE.beforeUnmount]: [STATE.unmounted],\n    });\n\n    this.container = el;\n    this.root = null;\n    this.stateLabel = null;\n    this.outsideModalEls = [];\n\n    this.modalOpener = null;\n\n    /**\n     * @type {Record<keyof COMPONENTS, HTMLElement>}\n     */\n    this.components = Object.assign({}, COMPONENTS);\n\n    /**\n     * @type {Slide[]} all slides for the modal gallery\n     */\n    this.slides = [];\n\n    /**\n     * @type {Function[]} event listeners for when the gallery is mounted\n     */\n    this.listeners = [];\n\n    /**\n     * @type {Function[]} event listeners for when the gallery is open\n     */\n    this.galleryListeners = [];\n\n    this.mount();\n  }\n\n  /**\n   * @type {number} the current gallery index\n   */\n  get index() {\n    return this._index;\n  }\n\n  /**\n   * Updates the current index, automatically bounding it to the maximum number of\n   * slides available.\n   *\n   * @param {number} newIndex the new index to set to\n   */\n  set index(newIndex) {\n    this._index = this._getBoundedIndex(newIndex);\n  }\n\n  /**\n   * @type {boolean} whether the component is currently mounted\n   */\n  get isMounted() {\n    return this.stateManager.isStateOneOf([\n      STATE.beforeMount,\n      STATE.mounted,\n      STATE.beforeOpen,\n      STATE.open,\n      STATE.beforeClose,\n      STATE.beforeUnmount,\n    ]);\n  }\n\n  /**\n   * @type {string} the number of slides in the gallery\n   */\n  get numSlides() {\n    return this.slides.length;\n  }\n\n  /**\n   * Deinitialization function.\n   */\n  deinit() {\n    this.close();\n\n    // Remove listeners\n    this.listeners.forEach(off => {\n      off();\n    });\n    this.listeners = [];\n\n    this.root = null;\n    this.outsideModalEls = [];\n    this.components = Object.assign({}, COMPONENTS);\n    this.index = 0;\n  }\n\n  /**\n   * Callback for when the gallery is about to be mounted. Initializes all slides and components.\n   */\n  _beforeMount() {\n    // Hide the root\n    this.root.setAttribute('aria-hidden', true);\n\n    // Initalizes all slides and attaches listeners\n    const mediaQuery = ['img', 'video']\n      .map(tag => `#content ${tag}:not(.${TARGET_CLASSES.hidden}):not(.wp-rich-text-inline-image)`)\n      .join(', ');\n    const media = Array.from(this.container.querySelectorAll(mediaQuery));\n    this.slides = media.map((media, index) => {\n      const slide = new Slide(media);\n      const openBtn = slide.getOrCreateOpenButton();\n\n      this.listeners.push(\n        on(openBtn, 'click', () => {\n          this.open(index);\n        }),\n      );\n      return slide;\n    });\n\n    const extraSlides = this._getComponent(TARGET_CLASSES.extraSlides, { rootEl: this.container });\n    if (extraSlides) {\n      this.listeners.push(\n        on(extraSlides, 'click', () => {\n          this.open(0);\n        }),\n      );\n    }\n\n    // Add click listeners for manually declared open buttons in the container\n    this.components.open = this._getComponent(TARGET_CLASSES.open, {\n      rootEl: this.container,\n      multiple: true,\n    });\n    this.listeners.push(\n      on(this.components.open, 'click', evt => {\n        const slideNum = parseInt(evt.target.dataset.slide, 10) || 1;\n        const index = slideNum - 1;\n        this.open(index);\n      }),\n    );\n\n    // Fetch all optional root components\n    this.components.caption = this._getComponent(TARGET_CLASSES.caption);\n    this.components.close = this._getComponent(TARGET_CLASSES.close, { multiple: true });\n    this.components.countCurrent = this._getComponent(TARGET_CLASSES.countCurrent);\n    this.components.countTotal = this._getComponent(TARGET_CLASSES.countTotal);\n    this.components.credit = this._getComponent(TARGET_CLASSES.credit);\n    this.components.next = this._getComponent(TARGET_CLASSES.next, { multiple: true });\n    this.components.previous = this._getComponent(TARGET_CLASSES.previous, { multiple: true });\n    this.components.slideActive = this._getComponent(TARGET_CLASSES.slideActive);\n    this.components.slideNext = this._getComponent(TARGET_CLASSES.slideNext);\n    this.components.slidePrevious = this._getComponent(TARGET_CLASSES.slidePrevious);\n\n    // Sets content for slide total\n    if (this.numSlides > 1) {\n      this._setInnerHTML(this.components.countTotal, this.numSlides);\n      this.root.classList.remove('disable-controls');\n    } else {\n      this.root.classList.add('disable-controls');\n    }\n  }\n\n  /**\n   * Mounts the modal gallery. If the gallery was already mounted, an error will be thrown!\n   */\n  mount() {\n    if (this.isMounted) {\n      throw new Error('Modal gallery has already been mounted!');\n    }\n\n    this.root = this._getComponent(TARGET_CLASSES.root, { rootEl: document });\n\n    if (!this.root) {\n      return;\n    }\n\n    this.stateLabel =\n      this.root.querySelector('.js-modal-gallery-state') || document.createElement('span');\n\n    // Basically set up any element that is outside of the modal root so we configure them when the modal is opened.\n    this.outsideModalEls = [\n      ...[...this.root.parentElement.children].filter(\n        n => n !== this.root && !n.classList.contains('js-gallery-block-modal-gallery__root'),\n      ),\n      document.querySelector('.nav'),\n      document.querySelector('#content-wrapper .footer'),\n      document.querySelector('.skip-to-content'),\n      document.querySelector('#wpadminbar'),\n    ].filter(x => x);\n\n    if (!this.root) {\n      if (process.env.NODE_ENV === 'development') {\n        console.warn('No mount point for the modal gallery!');\n      }\n      return;\n    }\n\n    this.stateManager.setState(STATE.beforeMount);\n    this._beforeMount();\n    this.stateManager.setState(STATE.mounted);\n  }\n\n  /**\n   * Callback for when the gallery is about to be unmounted. Removes all event listeners,\n   * slides, and any edited content. Resets the gallery.\n   */\n  _beforeUnmount() {\n    // Remove listeners\n    this.listeners.forEach(off => {\n      off();\n    });\n    this.listeners = [];\n\n    // Remove slides\n    this.slides.forEach(slide => {\n      slide.unmount();\n    });\n    this.slides = [];\n\n    // Unmounts media from slide components\n    this._removeChildren(this.components.slideActive);\n    this._removeChildren(this.components.slideNext);\n    this._removeChildren(this.components.slidePrevious);\n\n    // Removes any added text\n    this._setInnerHTML(this.components.caption, '');\n    this._setInnerHTML(this.components.credit, '');\n    this._setInnerHTML(this.components.countCurrent, '');\n    this._setInnerHTML(this.components.countTotal, '');\n\n    this.root = null;\n    this.components = Object.assign({}, COMPONENTS);\n    this.index = 0;\n  }\n\n  /**\n   * Unmounts the modal gallery component.\n   */\n  unmount() {\n    if (this.stateManager.state === STATE.mounted || this.stateManager.state === STATE.open) {\n      if (this.stateManager.state === STATE.open) {\n        this.close();\n      }\n      this.stateManager.setState(STATE.beforeUnmount);\n      this._beforeUnmount();\n      this.stateManager.setState(STATE.unmounted);\n    }\n  }\n\n  /**\n   * Gets the next index, bounded by the maximum number of slides.\n   *\n   * @param {number} index the index to bound\n   * @return {number} the bounded index\n   */\n  _getBoundedIndex(index) {\n    return Math.min(this.numSlides, Math.max(0, (index + this.numSlides) % this.numSlides));\n  }\n\n  /**\n   * Queries for a component using the target class.\n   *\n   * @param {string} targetClass the class to target (without \".\" prefix)\n   * @param {object} [options={}]\n   * @param {HTMLElement} [options.rootEl] the element to query from (defaults to root component)\n   * @param {boolean} [options.multiple] whether to query for multiple or only the first\n   * @return {HTMLElement} the queried element, or `undefined` if not found\n   */\n  _getComponent(targetClass, options = {}) {\n    const selector = `.${targetClass}`;\n    const root = options.rootEl || this.root;\n    if (options.multiple) {\n      return Array.from(root.querySelectorAll(selector));\n    }\n    return root.querySelector(selector);\n  }\n\n  /**\n   * Handles all key events when the modal gallery is open, including changing\n   * slides, closing the modal, and forcing tab focus.\n   *\n   * @param {KeyboardEvent} evt the keydown event\n   */\n  _onKeyDown(evt) {\n    switch (evt.key) {\n      case KEY_CODES.ARROW_LEFT:\n      case KEY_CODES.ARROW_LEFT_IE11: {\n        this.previous();\n        break;\n      }\n\n      case KEY_CODES.ARROW_RIGHT:\n      case KEY_CODES.ARROW_RIGHT_IE11: {\n        this.next();\n        break;\n      }\n\n      case KEY_CODES.ESCAPE:\n      case KEY_CODES.ESCAPE_IE11: {\n        this.close();\n        break;\n      }\n\n      default: {\n        break;\n      }\n    }\n  }\n\n  /**\n   * Removes all children from a given element.\n   *\n   * @param {HTMLElement} element the element to remove all children from\n   */\n  _removeChildren(element) {\n    if (element) {\n      while (element.firstChild) {\n        element.removeChild(element.lastChild);\n      }\n    }\n  }\n\n  /**\n   * Sets the inner HTML property of a given element.\n   *\n   * @param {HTMLElement} element the element to update\n   * @param {string} html the HTML to set\n   */\n  _setInnerHTML(element, html) {\n    if (element) {\n      element.innerHTML = html;\n    }\n  }\n\n  /**\n   * Updates the slides, caption, credit, and count based on the current index.\n   */\n  _update() {\n    if (this.stateManager.state === STATE.beforeOpen || this.stateManager.state === STATE.open) {\n      const currentSlide = this.slides[this.index];\n\n      this.stateLabel.innerText = `Navigated to slide ${this.index + 1}`;\n\n      this._removeChildren(this.components.slideActive);\n      currentSlide.renderTo(this.components.slideActive, true);\n\n      this._removeChildren(this.components.slideNext);\n      const nextSlide = this.slides[this._getBoundedIndex(this.index + 1)];\n      nextSlide.renderTo(this.components.slideNext);\n\n      this._removeChildren(this.components.slidePrevious);\n      const previousSlide = this.slides[this._getBoundedIndex(this.index - 1)];\n      previousSlide.renderTo(this.components.slidePrevious);\n\n      this._setInnerHTML(\n        this.components.caption,\n        currentSlide.caption ? `<span>${currentSlide.caption}</span>` : '',\n      );\n      this._setInnerHTML(\n        this.components.credit,\n        currentSlide.credit ? `<span>${currentSlide.credit}</span>` : '',\n      );\n      this._setInnerHTML(this.components.countCurrent, this.index + 1);\n    }\n  }\n\n  /**\n   * Callback for when the modal gallery is about to open. Updates the index to the given\n   * one, initializes event listeners, locks body scroll, and makes the gallery visible.\n   *\n   * @param {number} [index] the index to open the gallery to\n   */\n  _beforeOpen(index) {\n    if (index !== undefined) {\n      this.index = index;\n    }\n\n    this.galleryListeners.push(\n      on(window, 'keydown', this._onKeyDown.bind(this)),\n      on(this.components.close, 'click', this.close.bind(this)),\n      on(this.components.next, 'click', this.next.bind(this)),\n      on(this.components.previous, 'click', this.previous.bind(this)),\n    );\n\n    if (this.numSlides > 1) {\n      this._setInnerHTML(this.components.countTotal, this.numSlides);\n      this.root.classList.remove('disable-controls');\n    } else {\n      this.root.classList.add('disable-controls');\n    }\n\n    this._update();\n    this.root.setAttribute('aria-hidden', false);\n    this.outsideModalEls.forEach(el => el.setAttribute('aria-hidden', true));\n\n    // Focus trap.\n    if (!this.trap) {\n      this.trap = focusTrap.createFocusTrap(this.root);\n    }\n\n    this.modalOpener = document.activeElement;\n    this.root.focus();\n\n    disableBodyScroll(this.root);\n  }\n\n  /**\n   * Opens the modal gallery.\n   *\n   * @param {number} [index] the index to open the gallery to\n   */\n  open(index) {\n    if (this.stateManager.state === STATE.mounted) {\n      this.stateManager.setState(STATE.beforeOpen);\n      this._beforeOpen(index);\n      this.stateManager.setState(STATE.open);\n      if (this.trap) {\n        this.trap.activate();\n      }\n\n      this.stateLabel.innerText = 'Modal gallery open';\n    }\n  }\n\n  /**\n   * Goes to the slide at the given index.\n   *\n   * @param {number} index the index to go to\n   */\n  goToSlide(index) {\n    if (this.stateManager.state === STATE.open) {\n      this.index = index;\n      this._update();\n    }\n  }\n\n  /**\n   * Advances to the next slide.\n   */\n  next() {\n    if (this.stateManager.state === STATE.open) {\n      this.index += 1;\n      this._update();\n    }\n  }\n\n  /**\n   * Advances to the previous slide.\n   */\n  previous() {\n    if (this.stateManager.state === STATE.open) {\n      this.index -= 1;\n      this._update();\n    }\n  }\n\n  /**\n   * Callback for when the gallery is about to close. Removes all event listeners, unlocks\n   * body scroll, and hides the gallery.\n   */\n  _beforeClose() {\n    this.galleryListeners.forEach(off => {\n      off();\n    });\n    this.galleryListeners = [];\n\n    enableBodyScroll(this.root);\n    this.root.setAttribute('aria-hidden', true);\n    this.outsideModalEls.forEach(el => el.setAttribute('aria-hidden', false));\n    if (this.modalOpener !== document.body) {\n      this.modalOpener?.focus();\n      this.modalOpener = null;\n    }\n  }\n\n  /**\n   * Closes the modal gallery.\n   */\n  close() {\n    if (this.stateManager.state === STATE.open) {\n      this.stateManager.setState(STATE.beforeClose);\n      this._beforeClose();\n      this.stateManager.setState(STATE.mounted);\n      if (this.trap) {\n        this.trap.deactivate();\n      }\n    }\n  }\n}\n\nexport default ModalGallery;\n","class StateMachine {\n  /**\n   * Creates a new state machine.\n   *\n   * @param {string} initialState the initial state of the machine\n   * @param {Record<string, string[]>} stateMap a map of states to their valid next states\n   */\n  constructor(initialState, stateMap) {\n    /**\n     * @private\n     * @type {string} the current internal state\n     */\n    this._state = initialState;\n\n    /**\n     * @private\n     * @type {Record<string, Set<string>>} a map of states to their valid next states\n     */\n    this._map = Object.entries(stateMap).reduce(\n      (acc, [state, nextStates]) => ({\n        ...acc,\n        [state]: new Set(nextStates),\n      }),\n      {},\n    );\n  }\n\n  /**\n   * @type {string} the current state of the machine\n   */\n  get state() {\n    return this._state;\n  }\n\n  /**\n   * Checks whether the current state is any of the given ones.\n   *\n   * @example\n   * ```js\n   * const isMounted = stateMachine.isStateOneOf(['beforeMount', 'mounted', 'beforeUnmount']);\n   * ```\n   *\n   * @param {...string} states the different states to check\n   * @return {boolean} whether the current state is one of the given ones\n   */\n  isStateOneOf(...states) {\n    return new Set(states).has(this._state);\n  }\n\n  /**\n   * Sets the current state, granted that the given state is valid to move to from\n   * the current state in the machine.\n   *\n   * @param {string} newState the new state to move to\n   */\n  setState(newState) {\n    const validStates = this._map[this._state];\n    if (!validStates) {\n      throw new Error(`Modal gallery is in unknown state: ${this._state}`);\n    }\n\n    if (validStates.has(newState)) {\n      this._state = newState;\n    } else if (process.env.NODE_ENV === 'development') {\n      const validStatesList = Array.from(validStates)\n        .map(state => `\"${state}\"`)\n        .join(',');\n      console.warn(\n        `Modal gallery is in state \"${this._state}\".\\nFrom here, it can only be in one of the following states: ${validStatesList}`,\n      );\n    }\n  }\n}\n\nexport default StateMachine;\n"],"names":["STATE","TARGET_CLASSES","COMPONENTS","caption","close","countCurrent","countTotal","credit","next","open","previous","slideActive","slideNext","slidePrevious","Slide","ref","_classCallCheck","this","stateManager","StateMachine","_defineProperty","wrapper","button","el","videoPoster","initialize","mount","key","value","cloneNode","className","isVideo","document","createElement","src","poster","dataset","srcset","sizes","get","isStateOneOf","HTMLVideoElement","classList","add","window","getComputedStyle","position","videoOverlay","isFromVideoBlock","parentNode","contains","createVideoOverlayElem","insertBefore","append","play","isMounted","Error","setState","_beforeMount","removeChild","state","_beforeUnmount","setAttribute","element","active","arguments","length","undefined","appendChild","preview","currentTime","_this","innerHTML","on","toggleVideoPlay","e","spaceKey","KEY_CODES","SPACE","SPACE_IE11","enterKey","ENTER","preventDefault","videoButton","currentTarget","video","querySelector","label","stateLabel","svg","paused","textContent","innerText","pause","ModalGallery","_index","container","root","outsideModalEls","modalOpener","components","Object","assign","slides","listeners","galleryListeners","set","newIndex","_getBoundedIndex","forEach","off","index","mediaQuery","map","tag","concat","join","media","Array","from","querySelectorAll","slide","openBtn","getOrCreateOpenButton","push","extraSlides","_getComponent","rootEl","multiple","evt","parseInt","target","numSlides","_setInnerHTML","remove","_this2","_toConsumableArray","parentElement","children","filter","n","x","unmount","_removeChildren","Math","min","max","targetClass","options","selector","ARROW_LEFT","ARROW_LEFT_IE11","ARROW_RIGHT","ARROW_RIGHT_IE11","ESCAPE","ESCAPE_IE11","firstChild","lastChild","html","currentSlide","renderTo","_onKeyDown","bind","_update","trap","focusTrap","activeElement","focus","disableBodyScroll","_beforeOpen","activate","_this$modalOpener","enableBodyScroll","body","_beforeClose","deactivate","initialState","stateMap","_state","_map","entries","reduce","acc","_ref","_ref2","_slicedToArray","nextStates","_objectSpread","Set","_len","states","_key","has","newState","validStates"],"sourceRoot":""}