-
-
Notifications
You must be signed in to change notification settings - Fork 82
/
slider.ts
86 lines (73 loc) · 1.92 KB
/
slider.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import {
ApiChangeEvents,
BladeApi,
Emitter,
EventListenable,
LabeledValueBladeController,
SliderTextController,
TpChangeEvent,
} from '@tweakpane/core';
export class SliderBladeApi
extends BladeApi<LabeledValueBladeController<number, SliderTextController>>
implements EventListenable<ApiChangeEvents<number>>
{
private readonly emitter_: Emitter<ApiChangeEvents<number>> = new Emitter();
/**
* @hidden
*/
constructor(
controller: LabeledValueBladeController<number, SliderTextController>,
) {
super(controller);
this.controller.value.emitter.on('change', (ev) => {
this.emitter_.emit('change', new TpChangeEvent(this, ev.rawValue));
});
}
get label(): string | null | undefined {
return this.controller.labelController.props.get('label');
}
set label(label: string | null | undefined) {
this.controller.labelController.props.set('label', label);
}
get max(): number {
return this.controller.valueController.sliderController.props.get('max');
}
set max(max: number) {
this.controller.valueController.sliderController.props.set('max', max);
}
get min(): number {
return this.controller.valueController.sliderController.props.get('min');
}
set min(min: number) {
this.controller.valueController.sliderController.props.set('min', min);
}
get value(): number {
return this.controller.value.rawValue;
}
set value(value: number) {
this.controller.value.rawValue = value;
}
public on<EventName extends keyof ApiChangeEvents<number>>(
eventName: EventName,
handler: (ev: ApiChangeEvents<number>[EventName]) => void,
): this {
const bh = handler.bind(this);
this.emitter_.on(
eventName,
(ev) => {
bh(ev);
},
{
key: handler,
},
);
return this;
}
public off<EventName extends keyof ApiChangeEvents<number>>(
eventName: EventName,
handler: (ev: ApiChangeEvents<number>[EventName]) => void,
): this {
this.emitter_.off(eventName, handler);
return this;
}
}