Moving range input component

src/codecs/generic/quality-option.tsx

@@ -1,6 +1,6 @@
 import { h, Component } from 'preact';
 import { bind } from '../../lib/util';
-import '../../components/output/custom-els/RangeInput';
+import '../../custom-els/RangeInput';
 
 interface EncodeOptions {
   quality: number;

src/codecs/mozjpeg/options.tsx

@@ -1,7 +1,7 @@
 import { h, Component } from 'preact';
 import { bind, inputFieldChecked, inputFieldValueAsNumber } from '../../lib/util';
 import { EncodeOptions, MozJpegColorSpace } from './encoder';
-import '../../components/output/custom-els/RangeInput';
+import '../../custom-els/RangeInput';
 
 type Props = {
   options: EncodeOptions,

src/codecs/webp/options.tsx

@@ -2,7 +2,7 @@ import { h, Component } from 'preact';
 import { bind, inputFieldCheckedAsNumber, inputFieldValueAsNumber } from '../../lib/util';
 import { EncodeOptions, WebPImageHint } from './encoder';
 import * as styles from './styles.scss';
-import '../../components/output/custom-els/RangeInput';
+import '../../custom-els/RangeInput';
 
 type Props = {
   options: EncodeOptions,

src/custom-els/RangeInput/index.ts

@@ -1,4 +1,4 @@
-import { bind } from '../../../../lib/util';
+import { bind } from '../../lib/util';
 import './styles.css';
 
 const RETARGETED_EVENTS = ['focus', 'blur'];