import hmSlider from 'holymoly-slider'
 
const slider = hmSlider({
  selector: document.querySelector('[data-hm-slider]'),
  formatNumber: true, // changes '12345' to '12.3k' (default false)
  step: 100, // you can specify step here
  onInit: data => console.log('onInitEvent', data),
  onChangeStart:  data => console.log('onChangeStart', data),
  onChange:  data => console.log('onChange', data),
  onChangeEnd:  data => console.log('onChangeEnd', data)
})
 
// reset slider to initial values
slider.command('reset').then(data => {
  console.log('reseted to initial values::', data)
})
 
// if you initialized slider under display:none property, you should update it 
// after you make it visible again
slider.command('update').then(data => {
  console.log("slider ui recalculated::", data)
})
 
// you may set slider values programmatically, make sure that this value 
// are consistent with the min and max values
slider.command('set', {
  hmSliderMin: 5,
  hmSliderMax: 8
}).then(data => console.log('slider::', data))