feature: uui-range-slider (#325)

* init

* story and text

* better tab navigation and optimized evnt listeners

* max-gap logic added

* disable color

* Event dispatching fixes

* value update & unit test

* value update

* validator+rename variables to match property name

Author: loivsen

package-lock.json

@@ -0,0 +1,31 @@
+# uui-range-slider
+
+![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-range-slider?logoColor=%231B264F)
+
+Umbraco style range-slider component.
+
+## Installation
+
+### ES imports
+
+```zsh
+npm i @umbraco-ui/uui-range-slider
+```
+
+Import the registration of `<uui-range-slider>` via:
+
+```javascript
+import '@umbraco-ui/uui-range-slider';
+```
+
+When looking to leverage the `UUIRangeSliderElement` base class as a type and/or for extension purposes, do so via:
+
+```javascript
+import { UUIRangeSliderElement } from '@umbraco-ui/uui-range-slider';
+```
+
+## Usage
+
+```html
+<uui-range-slider></uui-range-slider>
+```

packages/uui-range-slider/README.md

@@ -0,0 +1,7 @@
+import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
+import { UUIRangeSliderElement } from './uui-range-slider.element';
+
+export class UUIRangeSliderEvent extends UUIEvent<{}, UUIRangeSliderElement> {
+  public static readonly INPUT = 'input';
+  public static readonly CHANGE = 'change';
+}

packages/uui-range-slider/lib/UUIRangeSliderEvent.ts

@@ -0,0 +1 @@
+export * from './uui-range-slider.element';