Move JS range slider out of the minimum field wrapper (noUISlider)

Problem/Motivation

Currently the .bef-slider element is appended to the wrapper of the minimum value field (after the min input field).
From a themer perspective, this is kind of a worst-case scenario in terms of layouting this element. Furthermore, it doesn't feel "semantically correct."

I think very typical layouts for this kind of slider are:
min_field|range_slider|max_field
or
range_slider
min_field|max_field

Neither is possible with the current markup, except by using the position: absolute.

Steps to reproduce

Proposed resolution

Place the .bef-slider element between the min and max field:

const $minFieldWrapper = $min.parent('.form-item');

if($minFieldWrapper.length) {
  $minFieldWrapper.after(slider);
}else{
  $min.after(slider);
}

Remaining tasks

User interface changes

API changes

Data model changes