-
Notifications
You must be signed in to change notification settings - Fork 25.3k
/
shadow_dom_strategy.js
73 lines (59 loc) · 1.68 KB
/
shadow_dom_strategy.js
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
import {Type, isBlank, isPresent} from 'angular2/src/facade/lang';
import {DOM, Element} from 'angular2/src/facade/dom';
import {List, ListWrapper} from 'angular2/src/facade/collection';
import {View} from './view';
import {Content} from './shadow_dom_emulation/content_tag';
import {LightDom} from './shadow_dom_emulation/light_dom';
export class ShadowDomStrategy {
attachTemplate(el:Element, view:View){}
constructLightDom(lightDomView:View, shadowDomView:View, el:Element){}
polyfillDirectives():List<Type>{ return null; }
shim(): boolean { return false; }
extractStyles(): boolean { return false; }
}
export class EmulatedShadowDomStrategy extends ShadowDomStrategy {
constructor() {
super();
}
attachTemplate(el:Element, view:View){
DOM.clearNodes(el);
moveViewNodesIntoParent(el, view);
}
constructLightDom(lightDomView:View, shadowDomView:View, el:Element){
return new LightDom(lightDomView, shadowDomView, el);
}
polyfillDirectives():List<Type> {
return [Content];
}
shim(): boolean {
return true;
}
extractStyles(): boolean {
return true;
}
}
export class NativeShadowDomStrategy extends ShadowDomStrategy {
constructor() {
super();
}
attachTemplate(el:Element, view:View){
moveViewNodesIntoParent(el.createShadowRoot(), view);
}
constructLightDom(lightDomView:View, shadowDomView:View, el:Element){
return null;
}
polyfillDirectives():List<Type> {
return [];
}
shim(): boolean {
return false;
}
extractStyles(): boolean {
return false;
}
}
function moveViewNodesIntoParent(parent, view) {
for (var i = 0; i < view.nodes.length; ++i) {
DOM.appendChild(parent, view.nodes[i]);
}
}