| 27 | } |
| 28 | |
| 29 | const renderSlider = function(elem, refs, opts) { |
| 30 | |
| 31 | const { |
| 32 | arrowLeftElem, |
| 33 | arrowRightElem, |
| 34 | dotsElem, |
| 35 | containerElem |
| 36 | } = refs |
| 37 | |
| 38 | // Add default class |
| 39 | elem.classList.add('basicSlider') |
| 40 | |
| 41 | // Clear existing content |
| 42 | elem.innerHTML = '' |
| 43 | |
| 44 | // Insert slider content |
| 45 | elem.appendChild(containerElem) |
| 46 | |
| 47 | // Insert arrows at the end so they stay clickable |
| 48 | if (opts.arrows === true) { |
| 49 | elem.appendChild(arrowLeftElem) |
| 50 | elem.appendChild(arrowRightElem) |
| 51 | } |
| 52 | |
| 53 | // Insert dots at the end so they stay clickable |
| 54 | if (opts.dots === true) { |
| 55 | elem.appendChild(dotsElem) |
| 56 | } |
| 57 | |
| 58 | } |
| 59 | |
| 60 | const renderArrow = function(direction, fn) { |
| 61 | |