4596-eedf9907db475ae1bd90.js

"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[4596],{4596:function(e,n,r){r.r(n),n.default="import EmblaCarousel, { EmblaOptionsType } from 'embla-carousel'\nimport { setupProgressBar } from './EmblaCarouselProgressBar'\nimport { addPrevNextBtnsClickHandlers } from '../EmblaCarouselArrowButtons'\nimport '../css/base.css'\nimport '../css/sandbox.css'\nimport '../css/embla.css'\n\nconst OPTIONS: EmblaOptionsType = {}\n\nconst emblaNode = <HTMLElement>document.querySelector('.embla')\nconst viewportNode = <HTMLElement>emblaNode.querySelector('.embla__viewport')\nconst prevBtn = <HTMLElement>emblaNode.querySelector('.embla__button--prev')\nconst nextBtn = <HTMLElement>emblaNode.querySelector('.embla__button--next')\nconst progressNode = <HTMLElement>(\n  emblaNode.querySelector('.embla__progress__bar')\n)\n\nconst emblaApi = EmblaCarousel(viewportNode, OPTIONS)\nconst { applyProgress, removeProgress } = setupProgressBar(\n  emblaApi,\n  progressNode\n)\n\nconst removePrevNextBtnsClickHandlers = addPrevNextBtnsClickHandlers(\n  emblaApi,\n  prevBtn,\n  nextBtn\n)\n\nemblaApi\n  .on('init', applyProgress)\n  .on('reInit', applyProgress)\n  .on('scroll', applyProgress)\n  .on('slideFocus', applyProgress)\n  .on('destroy', removeProgress)\n  .on('destroy', removePrevNextBtnsClickHandlers)\n"}}]);
//# sourceMappingURL=4596-eedf9907db475ae1bd90.js.map