Prefix and Suffix are missing from the output of Webform fields

@rsingh27,

Thanks for your patch and sorry for the delay. I have looked at this and can see this would bring a few of the Webform attribute concepts into the FormElement, but I believe that should be ok for these output attributes.

diff --git a/js/range-slider.js b/js/range-slider.js
index 48501e9..a1e9a78 100644
--- a/js/range-slider.js
+++ b/js/range-slider.js
@@ -16,22 +16,26 @@
       var elements = settings.range_slider && settings.range_slider.elements ? settings.range_slider.elements : null;
       $(context).find('.form-type-range-slider > input').once('rangeSlider').each(function () {
         var outputType = false;
+        var prefix = '';
+        var suffix = '';

Can we please define these variables as outputPrefix and outputSuffix as that would make a distinction on it relating to the output element?

 * @code
 * $form['quantity'] = [
 *   '#type' => 'range_slider',
 *   '#title' => $this->t('Quantity'),
 *   '#data-orientation' => 'vertical',
 *   '#output' => 'below',
 * ];
 * @endcode

Can we also update the code example in the RangeSlider annotation with the new attributes?

  /**
   * {@inheritdoc}
   */
  public function getInfo() {
    return [
      '#process' => [
        [get_class($this), 'processRangeSlider'],
      ],
      '#data-orientation' => 'horizontal',
      '#output' => FALSE,
    ] + parent::getInfo();
  }

And can we also add the default values here as empty strings?

Other than that, this looks great, thank you very much!

Thanks!