in src/sampleSlicer.ts [663:692]
private initNoUISlider(parent: HTMLElement) {
this.sliderElement = parent.appendChild(
SampleSlicer.createElement('<div />')
);
const scaledValue = this.behavior.scalableRange.getScaledValue();
const sliderOptions: noUiSlider.Options = {
connect: true,
behaviour: "tap-drag",
range: {
min: 0,
max: 100
},
start: [scaledValue.min, scaledValue.max]
};
noUiSlider.create(this.sliderElement, sliderOptions);
this.slider = (<noUiSlider.Instance>this.sliderElement).noUiSlider;
// populate slider event handlers
this.slider.on(
"change",
(data: any[], index: number, values: any) => {
this.behavior.scalableRange.setScaledValue({ min: values[0], max: values[1] });
this.behavior.updateOnRangeSelectonChange();
this.updateInternal(false);
}
);
}