PhotoSwipe component

id: photoswipe
title: PhotoSwipe
description: "Provides a wrapper component around PhotoSwipe."
class: Drupal\ambientimpact_media\Plugin\AmbientImpact\Component\PhotoSwipe
provider: ambientimpact_media

icons:
  photoswipe:
    close: close
    fullscreen-enter: fullscreen-enter
    fullscreen-exit: fullscreen-exit
    zoom-in: zoom-in
    zoom-out: zoom-out
    share: share
    arrow-left: arrow-left
    arrow-right: arrow-right
linkedImageAttributes:
  width: data-photoswipe-linked-width
  height: data-photoswipe-linked-height
fieldAttributes:
  enabled: data-photoswipe-field-enabled
  gallery: data-photoswipe-field-gallery
  entityReference: data-photoswipe-field-entity-reference

component.photoswipe:
  css:
    component:
      components/photoswipe/photoswipe.css: {  }
      components/photoswipe/photoswipe.colour.css: {  }
      components/photoswipe/photoswipe.motion.css: {  }
  js:
    components/photoswipe/photoswipe.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.event.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.event.immerse.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.persist.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.pointer.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.meta.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.hash.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.thumbnail.transition.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.icon.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.scroll.js:
      attributes:
        defer: true
    components/photoswipe/photoswipe.focus.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_media/photoswipe
    - ambientimpact_core/ally.js
    - ambientimpact_core/component.fastdom
    - ambientimpact_core/component.media_query
    - ambientimpact_icon/component.icon
    - ambientimpact_ux/component.immerse
    - ambientimpact_ux/component.pointer_focus_hide
    - ambientimpact_ux/component.scroll_blocker
    - ambientimpact_core/framework
component.photoswipe.field:
  js:
    components/photoswipe/photoswipe.field.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_media/component.photoswipe
    - ambientimpact_core/framework