1"use strict";(self.webpackChunkfrontend_setup=self.webpackChunkfrontend_setup||[]).push([[501],{4501:function(e,t,i){i.r(t),i.d(t,{default:function(){return o}});var s=i(8585);var helpers_modulo=(e,t)=>(e%t+t)%t;function _defineProperty(e,t,i){return(t=function _toPropertyKey(e){var t=function _toPrimitive(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var s=i.call(e,t||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const r="step-carousel__slide--is-active",n="step-carousel__image--is-active";var o=class StepCarousel{constructor(e){var t;_defineProperty(this,"element",void 0),_defineProperty(this,"progressBarElement",void 0),_defineProperty(this,"slidesElements",void 0),_defineProperty(this,"previousElement",void 0),_defineProperty(this,"nextElement",void 0),_defineProperty(this,"imageElements",void 0),_defineProperty(this,"amountOfSlides",void 0),_defineProperty(this,"currentSlide",void 0),_defineProperty(this,"animationControls",void 0),this.element=e,this.progressBarElement=this.element.querySelector("[js-hook-progress-bar]"),this.slidesElements=[...this.element.querySelectorAll("[js-hook-slides]")],this.previousElement=this.element.querySelector("[js-hook-previous]"),this.nextElement=this.element.querySelector("[js-hook-next]"),this.imageElements=[...this.element.querySelectorAll("[js-hook-images]")],this.currentSlide=0,this.amountOfSlides=null===(t=this.slidesElements)||void 0===t?void 0:t.length,this._bindEvents(),this._init()}_init(){this._startAnimating()}_updateContent(){var e,t;this.amountOfSlides&&(null===(e=this.slidesElements)||void 0===e||e.forEach(((e,t)=>{e.classList.remove(r),this.currentSlide===t&&e.classList.add(r)})),null===(t=this.imageElements)||void 0===t||t.forEach(((e,t)=>{e.classList.remove(n),this.currentSlide===t&&e.classList.add(n)})))}_startAnimating(){this.progressBarElement&&(this.animationControls=(0,s.j)(this.progressBarElement,{transform:"scaleX(1)"},{duration:15,easing:"linear"}),this.animationControls.finished.then((()=>{this.progressBarElement&&this.amountOfSlides&&(this.progressBarElement.style.removeProperty("transform"),this.currentSlide=helpers_modulo(this.currentSlide+1,this.amountOfSlides),this._updateContent(),this._startAnimating())})))}_onClickControlsHandler(e){this.amountOfSlides&&(this.animationControls.currentTime=0,this.currentSlide=helpers_modulo(this.currentSlide+e,this.amountOfSlides),this._updateContent())}_bindEvents(){var e,t;null===(e=this.previousElement)||void 0===e||e.addEventListener("click",(()=>this._onClickControlsHandler(-1))),null===(t=this.nextElement)||void 0===t||t.addEventListener("click",(()=>this._onClickControlsHandler(1)))}}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.