4392737593

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/cocopon/tweakpane/commit/<a class=hub.com/cocopon/tweakpane/commit/ab5e1611cc02b3b56dc69a0850418eb1797acc06">ab5e1611c<a href="https://github.com/cocopon/tweakpane/commit/ab5e1611cc02b3b56dc69a0850418eb1797acc06">">Merge </a><a class="double-link" href="https://github.com/cocopon/tweakpane/commit/<a class="double-link" href="https://github.com/cocopon/tweakpane/commit/637af5026d3b09ed203368aca31815ce79021568">637af5026</a>">637af5026</a><a href="https://github.com/cocopon/tweakpane/commit/ab5e1611cc02b3b56dc69a0850418eb1797acc06"> into 02a827a2f">02a827a2f</a>

Pull Request Pull Request #515: Add support for `formatter` to point nD

Run Details

1313 of 1723 branches covered (76.2%)

Branch coverage included in aggregate %.

73 of 73 new or added lines in 22 files covered. (100.0%)

4605 of 5031 relevant lines covered (91.53%)

708.15 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

56.82

/packages/core/src/common/number/controller/slider.ts

import {ValueController} from '../../controller/value';
import {Value, ValueChangeOptions} from '../../model/value';
import {ViewProps} from '../../model/view-props';
import {getHorizontalStepKeys, getStepForKey} from '../../ui';
import {
        PointerData,
        PointerHandler,
        PointerHandlerEvent,
} from '../../view/pointer-handler';
import {constrainRange, mapRange} from '../util';
import {SliderProps, SliderView} from '../view/slider';

/**
 * @hidden
 */
interface Config {
        props: SliderProps;
        value: Value<number>;
        viewProps: ViewProps;
}

/**
 * @hidden
 */
export class SliderController implements ValueController<number, SliderView> {
        public readonly value: Value<number>;
        public readonly view: SliderView;
        public readonly viewProps: ViewProps;
        public readonly props: SliderProps;
        private readonly ptHandler_: PointerHandler;

        constructor(doc: Document, config: Config) {
                this.onKeyDown_ = this.onKeyDown_.bind(this);
                this.onKeyUp_ = this.onKeyUp_.bind(this);
                this.onPointerDownOrMove_ = this.onPointerDownOrMove_.bind(this);
                this.onPointerUp_ = this.onPointerUp_.bind(this);

                this.value = config.value;
                this.viewProps = config.viewProps;

                this.props = config.props;

                this.view = new SliderView(doc, {
                        props: this.props,
                        value: this.value,
                        viewProps: this.viewProps,
                });

                this.ptHandler_ = new PointerHandler(this.view.trackElement);
                this.ptHandler_.emitter.on('down', this.onPointerDownOrMove_);
                this.ptHandler_.emitter.on('move', this.onPointerDownOrMove_);
                this.ptHandler_.emitter.on('up', this.onPointerUp_);

                this.view.trackElement.addEventListener('keydown', this.onKeyDown_);
                this.view.trackElement.addEventListener('keyup', this.onKeyUp_);
        }

        private handlePointerEvent_(d: PointerData, opts: ValueChangeOptions): void {
                if (!d.point) {
                        return;
                }

                this.value.setRawValue(
                        mapRange(
                                constrainRange(d.point.x, 0, d.bounds.width),
                                0,
                                d.bounds.width,
                                this.props.get('min'),
                                this.props.get('max'),
                        ),
                        opts,
                );
        }

        private onPointerDownOrMove_(ev: PointerHandlerEvent): void {
                this.handlePointerEvent_(ev.data, {
                        forceEmit: false,
                        last: false,
                });
        }

        private onPointerUp_(ev: PointerHandlerEvent): void {
                this.handlePointerEvent_(ev.data, {
                        forceEmit: true,
                        last: true,
                });
        }

        private onKeyDown_(ev: KeyboardEvent): void {
                const step = getStepForKey(
                        this.props.get('keyScale'),
                        getHorizontalStepKeys(ev),
                );
                if (step === 0) {
                        return;
                }
                this.value.setRawValue(this.value.rawValue + step, {
                        forceEmit: false,
                        last: false,
                });
        }

        private onKeyUp_(ev: KeyboardEvent): void {
                const step = getStepForKey(
                        this.props.get('keyScale'),
                        getHorizontalStepKeys(ev),
                );
                if (step === 0) {
                        return;
                }
                this.value.setRawValue(this.value.rawValue, {
                        forceEmit: true,
                        last: true,
                });
        }
}

1	import {ValueController} from '../../controller/value';
2	import {Value, ValueChangeOptions} from '../../model/value';
3	import {ViewProps} from '../../model/view-props';
4	import {getHorizontalStepKeys, getStepForKey} from '../../ui';	1✔
5	import {	1✔
6	PointerData,
7	PointerHandler,
8	PointerHandlerEvent,
9	} from '../../view/pointer-handler';
10	import {constrainRange, mapRange} from '../util';	1✔
11	import {SliderProps, SliderView} from '../view/slider';	1✔
12
13	/**
14	* @hidden
15	*/
16	interface Config {
17	props: SliderProps;
18	value: Value<number>;
19	viewProps: ViewProps;
20	}
21
22	/**
23	* @hidden
24	*/
25	export class SliderController implements ValueController<number, SliderView> {	1✔
26	public readonly value: Value<number>;
27	public readonly view: SliderView;
28	public readonly viewProps: ViewProps;
29	public readonly props: SliderProps;
30	private readonly ptHandler_: PointerHandler;
31
32	constructor(doc: Document, config: Config) {
33	this.onKeyDown_ = this.onKeyDown_.bind(this);	6✔
34	this.onKeyUp_ = this.onKeyUp_.bind(this);	6✔
35	this.onPointerDownOrMove_ = this.onPointerDownOrMove_.bind(this);	6✔
36	this.onPointerUp_ = this.onPointerUp_.bind(this);	6✔
37
38	this.value = config.value;	6✔
39	this.viewProps = config.viewProps;	6✔
40
41	this.props = config.props;	6✔
42
43	this.view = new SliderView(doc, {	6✔
44	props: this.props,
45	value: this.value,
46	viewProps: this.viewProps,
47	});
48
49	this.ptHandler_ = new PointerHandler(this.view.trackElement);	6✔
50	this.ptHandler_.emitter.on('down', this.onPointerDownOrMove_);	6✔
51	this.ptHandler_.emitter.on('move', this.onPointerDownOrMove_);	6✔
52	this.ptHandler_.emitter.on('up', this.onPointerUp_);	6✔
53
54	this.view.trackElement.addEventListener('keydown', this.onKeyDown_);	6✔
55	this.view.trackElement.addEventListener('keyup', this.onKeyUp_);	6✔
56	}
57
58	private handlePointerEvent_(d: PointerData, opts: ValueChangeOptions): void {	1✔
59	if (!d.point) {	×
60	return;	×
61	}
62
63	this.value.setRawValue(	×
64	mapRange(
65	constrainRange(d.point.x, 0, d.bounds.width),
66	0,
67	d.bounds.width,
68	this.props.get('min'),
69	this.props.get('max'),
70	),
71	opts,
72	);
73	}
74
75	private onPointerDownOrMove_(ev: PointerHandlerEvent): void {	1✔
76	this.handlePointerEvent_(ev.data, {	×
77	forceEmit: false,
78	last: false,
79	});
80	}
81
82	private onPointerUp_(ev: PointerHandlerEvent): void {	1✔
83	this.handlePointerEvent_(ev.data, {	×
84	forceEmit: true,
85	last: true,
86	});
87	}
88
89	private onKeyDown_(ev: KeyboardEvent): void {	1✔
90	const step = getStepForKey(	×
91	this.props.get('keyScale'),
92	getHorizontalStepKeys(ev),
93	);
94	if (step === 0) {	×
95	return;	×
96	}
97	this.value.setRawValue(this.value.rawValue + step, {	×
98	forceEmit: false,
99	last: false,
100	});
101	}
102
103	private onKeyUp_(ev: KeyboardEvent): void {	1✔
104	const step = getStepForKey(	×
105	this.props.get('keyScale'),
106	getHorizontalStepKeys(ev),
107	);
108	if (step === 0) {	×
109	return;	×
110	}
111	this.value.setRawValue(this.value.rawValue, {	×
112	forceEmit: true,
113	last: true,
114	});
115	}
116	}	1✔

cocopon / tweakpane / 4392737593

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous