NoUiSlider многодиапазонный доступ к первому дескриптору

Я пытаюсь создать noUiSlider с несколькими дескрипторами, где я могу получить значения между отдельными дескрипторами для отправки формы. Я могу получить доступ к значению всех дескрипторов, но только не первого. Попытка получить его идентификатор в console.info ничего мне не дает. Как я могу получить доступ к первому дескриптору? Мой пример здесь: Пример Codepen

var multirange = document.getElementById("my-slider");
//initialize the slider
noUiSlider.create(multirange, {
  start: [1, 3, 6, 7],
  connect: [true, true, true, true, true],
  tooltips: [true, true, true, true],
  behaviour: "tap-drag",
  step: 0.25,
  range: {
    min: [0],
    max: [8]
  }
});

multirange.noUiSlider.on("update", function(values, handle) {
  var value = values[handle];

  if (handle) {
    //for debugging check the id of the current handle
    console.info(handle);
    //get the id of the corresponding input field
    var inputid = "input-number" + handle;
    //first handle value does not need to be processed further
    if (handle !== 0) {
      //get previous handle id field
      var prvid = handle - 1;
      //get previous handle value
      var prvvalue = values[prvid];
      //difference between current and previous value
      var diffvalue = value - prvvalue;
      var inputNumber = document.getElementById(inputid);
      inputNumber.value = diffvalue;
    } else {
      //first handle value should directly be written into the input field
      inputNumber.value = value;
    }
  }
});