// const Flickity = require('./flickity')
// Flickity.Slide = Slide
// module.exports = Slide

function Slide(parent) {
  this.parent = parent
  this.isOriginLeft = parent.originSide == 'left'
  this.cells = []
  this.outerWidth = 0
  this.height = 0
}

var proto = Slide.prototype

proto.addCell = function(cell) {
  this.cells.push(cell)
  this.outerWidth += cell.size.outerWidth
  this.height = Math.max(cell.size.outerHeight, this.height)
  // first cell stuff
  if (this.cells.length == 1) {
    this.x = cell.x
    // x comes from first cell
    var beginMargin = this.isOriginLeft ? 'marginLeft' : 'marginRight'
    this.firstMargin = cell.size[beginMargin]
  }
}

proto.updateTarget = function() {
  var endMargin = this.isOriginLeft ? 'marginRight' : 'marginLeft'
  var lastCell = this.getLastCell()
  var lastMargin = lastCell ? lastCell.size[endMargin] : 0
  var slideWidth = this.outerWidth - (this.firstMargin + lastMargin)
  this.target = this.x + this.firstMargin + slideWidth * this.parent.cellAlign
}

proto.getLastCell = function() {
  return this.cells[this.cells.length - 1]
}

proto.select = function() {
  this.changeSelectedClass('add')
}

proto.unselect = function() {
  this.changeSelectedClass('remove')
}

proto.changeSelectedClass = function(method) {
  this.cells.forEach(function(cell) {
    cell.element.classList[method]('is-selected')
  })
}

proto.getCellElements = function() {
  return this.cells.map(function(cell) {
    return cell.element
  })
}

module.exports = Slide
Slide.flickTheBean = Flickity => {
  Flickity.Slide = Slide
}