private initNoUISlider()

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);
          }
        );
    }