// slider dots
.on('mouseenter', '.slider__dot', () => {
  this.setCursor({
    hide: true
  });
})
.on('mouseleave', '.slider__dot', (e) => {
  this.setCursor({
    hide: false
  });
  this.scale = 1;
  this._scaleCursor();
  this._resetMagnifiedElement($(e.currentTarget));
})
.on('mousemove', '.slider__dot', (e) => {
  const $target = $(e.currentTarget);

  this.scale = 0.5;
  this._scaleCursor();
  this._magnifyElement({
    element: $target,
    event: e,
    distance: self.magneticDistance,
    scaleBy: self.magneticScaleCursorBy,
    scale: 0.5,
  });
})