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
|
var _tmpl$1 = _template$(
'<div id="main"><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Change Bound</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Delegated</button><button>Click Listener</button><button>Click Capture</button></div>',
26
);
function hoisted1() {
console.log("hoisted");
}
const hoisted2 = () => console.log("hoisted delegated");
const template = () => {
var _el = _tmpl.cloneNode(true),
_el$1 = _el.firstChild,
_el$2 = _el$1.nextSibling,
_el$3 = _el$2.nextSibling,
_el$4 = _el$3.nextSibling,
_el$5 = _el$4.nextSibling,
_el$6 = _el$5.nextSibling,
_el$7 = _el$6.nextSibling,
_el$8 = _el$7.nextSibling,
_el$9 = _el$8.nextSibling,
_el$10 = _el$9.nextSibling,
_el$11 = _el$10.nextSibling;
effect(() => {
return setAttribute(_el, "onchange", () => console.log("bound"));
});
effect(() => {
return setAttribute(_el$1, "onChange", [
(id) => console.log("bound", id),
id,
]);
});
setAttribute(_el$2, "onchange", handler);
effect(() => {
return setAttribute(_el$3, "onchange", [handler]);
});
setAttribute(_el$4, "onchange", hoisted1);
_el$5.$$click = () => console.log("delegated");
effect(() => {
return (_el$6.$$click = [(id) => console.log("delegated", id), rowId]);
});
effect(() => {
return (_el$7.$$click = handler);
});
effect(() => {
return (_el$8.$$click = [handler]);
});
effect(() => {
return (_el$9.$$click = hoisted2);
});
_el$10.addEventListener("click", () => console.log("listener"));
_el$10.addEventListener("CAPS-ev", () => console.log("custom"));
_el$11.addEventListener(
"apture:camelClick",
() => console.log("listener"),
true
);
return _el;
};
|
