https://www.rijksmuseum.nl/statics/generated/items-carousel.d3f9dd37e3c236cab326.mjs

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[6248],{6188(t,i,e){e.r(i),e.d(i,{default:()=>d});var s=e(1827),o=e(4899),n=e(8282);let h=class extends o.Vue{constructor(){super(...arguments),this.itemWidth=0,this.carouselWidth=0,this.slidePosition=0,this.width=window.innerWidth,this.touchStartAmount=void 0,this.touchMoveAmount=void 0,this.moveAmount=void 0}mounted(){setTimeout(()=>{this.calculateWidth()},500),window.addEventListener("resize",this.resizeHandler.bind(this),!1)}beforeDestroy(){window.removeEventListener("resize",this.resizeHandler.bind(this),!1)}resizeHandler(){window.innerWidth!==this.width&&(this.width=window.innerWidth,this.slidePosition=0,this.calculateWidth())}calculateWidth(){if(!this.$refs.itemContainer)return;const t=this.$refs.itemContainer.querySelector(this.itemSelector);t&&(this.carouselWidth=this.$refs.itemContainer.getBoundingClientRect().width,this.itemWidth=t.getBoundingClientRect().width)}sendGtmEvent(t){n.b.pushInteractionEvent("click",t.name,"related_stories_carousel")}nextSlide(){this.sendGtmEvent({name:"next_slide"});const t=this.slidePosition+this.amountOfSlidesShowing;this.slidePosition=Math.min(t,this.amountOfSlides-this.amountOfSlidesShowing)}previousSlide(){this.sendGtmEvent({name:"previous_slide"});const t=this.slidePosition-this.amountOfSlidesShowing;this.slidePosition=Math.max(t,0)}touchStart(t){this.touchStartAmount=t.touches[0].pageX}touchMove(t){this.touchMoveAmount=t.touches[0].pageX,this.touchStartAmount&&this.touchMoveAmount&&(this.moveAmount=this.touchStartAmount-this.touchMoveAmount)}touchEnd(){this.moveAmount&&this.moveAmount>30?this.nextSlide():this.moveAmount&&this.previousSlide(),this.moveAmount=void 0}get amountOfSlidesShowing(){return Math.floor(this.carouselWidth/this.itemWidth)}get moveSlide(){return this.itemWidth*this.slidePosition*-1}get lastSlide(){return this.slidePosition+this.amountOfSlidesShowing===this.amountOfSlides}get showNavigation(){return this.amountOfSlides>=this.amountOfSlidesShowing}get visibleSlides(){const t=[],i=this.slidePosition+(this.amountOfSlidesShowing-1);for(let e=this.slidePosition;e<=i;e++)t.push(e);return t}get transformStyle(){return{transform:`translate(${this.moveSlide}px, 0)`}}

1async handleKeyUp(t){const i=t.key.toLowerCase();"arrowleft"===i?this.previousSlide():"arrowright"===i&&this.nextSlide(),requestAnimationFrame(()=>{const{activeElement:t}=document;t instanceof HTMLElement&&-1===t.tabIndex&&this.$refs.carousel.focus()})}};(0,s.Cg)([(0,o.Prop)()],h.prototype,"amountOfSlides",void 0),(0,s.Cg)([(0,o.Prop)({default:".carousel-item"})],h.prototype,"itemSelector",void 0),h=(0,s.Cg)([o.Component],h);const d=h}}]);