-
Notifications
You must be signed in to change notification settings - Fork 187
/
on-modifier.ts
56 lines (48 loc) · 1.68 KB
/
on-modifier.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
import { CapturedArguments, InternalModifierManager, Owner, Source } from '@glimmer/interfaces';
import { getValue } from '@glimmer/validator';
import { castToBrowser } from '@glimmer/util';
import { SimpleElement } from '@simple-dom/interface';
interface OnModifierState {
element: SimpleElement;
nameRef: Source<string>;
listenerRef: Source<EventListener>;
name: string | null;
listener: EventListener | null;
}
class OnModifierManager implements InternalModifierManager<OnModifierState, object> {
create(_owner: Owner, element: SimpleElement, _: {}, args: CapturedArguments) {
return {
element,
nameRef: args.positional[0] as Source<string>,
listenerRef: args.positional[1] as Source<EventListener>,
name: null,
listener: null,
};
}
getDebugName() {
return 'on-modifier';
}
install(state: OnModifierState) {
const name = getValue(state.nameRef);
const listener = getValue(state.listenerRef);
castToBrowser(state.element, 'ELEMENT').addEventListener(name, listener);
state.listener = listener;
state.name = name;
}
update(state: OnModifierState) {
const element = castToBrowser(state.element, 'ELEMENT');
const name = getValue(state.nameRef);
const listener = getValue(state.listenerRef);
if (name !== state.name || listener !== state.listener) {
element.removeEventListener(state.name!, state.listener!);
element.addEventListener(name, listener);
state.name = name;
state.listener = listener;
}
}
getDestroyable(state: OnModifierState) {
return state;
}
}
const onModifier: InternalModifierManager<unknown, object> = new OnModifierManager();
export default onModifier;