Function init

src/scripts/main.js:167–196

(elem, slides, instance, opts)

}

const init = function(elem, slides, instance, opts) {

	// Initialize slide counter
	const c = counter(0, instance.length() - 1, opts.index)

	// Object containing references to all rendered elements
	const refs = {}

	// Render all elements
	refs.slideElems = slides.map(renderSlide)
	refs.dotElems = slides.map((_, i) => renderDot(instance.goto.bind(null, i)))
	refs.dotsElem = renderDots(refs.dotElems)
	refs.slidesElem = renderSlides(refs.slideElems)
	refs.containerElem = renderContainer(refs.slidesElem)
	refs.arrowLeftElem = renderArrow(ARROW_LEFT, instance.prev)
	refs.arrowRightElem = renderArrow(ARROW_RIGHT, instance.next)

	// Set initial slide
	setSlide(refs.dotElems, refs.slidesElem, c(), instance.length())

	// Modify the target elem
	// Adds required classes and replaces its content
	renderSlider(elem, refs, opts)

	return {
		c,
		refs
	}

}

export const create = function(elem, slides, opts) {