Facet by Meta Range block UI.

[JakePT]

Description of the Change

Adds a range slider UI for the Facet by Meta Range block.

Also updates the block preview with a preview of the slider, a message when a preview is unavailable, and a wizard for selecting a field when adding the block for the first time. The wizard is required to avoid a preview unavailable message being the first thing the user sees, and allows that message to include the field name since the wizard can be used when no field is selected.

Facet.by.meta.range.mp4

Closes #3291

E2E tests to come.

How to test the Change

• Add the Facet by Range meta block.
  • When adding the block you should be prompted to choose a field.
  • After choosing a field you should see either:
    • A preview of the range slider. It should not be interactive.
    • A warning that the selected field is not numeric and cannot be used for the range slider.
  • On the front end the range slider should be interactive, and when the Filter button is pressed it should filter results by the selected range.
  • It should be possible to undo the range filter by reselecting the widest range of values.

Changelog Entry

See #3289

Credits

@JakePT @felipeelia

Checklist:

• I agree to follow this project's Code of Conduct.
• I have updated the documentation accordingly.
• I have added tests to cover my change.
• All new and existing tests pass.

[JakePT]

Add prefix/suffix for meta values.