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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
/**
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
'use strict';
import ScopingShim from '../src/scoping-shim.js';
import {nativeCssVariables, nativeShadow, cssBuild} from '../src/style-settings.js';
/** @const {ScopingShim} */
const scopingShim = new ScopingShim();
let ApplyShim, CustomStyleInterface;
if (window['ShadyCSS']) {
ApplyShim = window['ShadyCSS']['ApplyShim'];
CustomStyleInterface = window['ShadyCSS']['CustomStyleInterface'];
}
window.ShadyCSS = {
ScopingShim: scopingShim,
/**
* @param {!HTMLTemplateElement} template
* @param {string} elementName
* @param {string=} elementExtends
*/
prepareTemplate(template, elementName, elementExtends) {
scopingShim.flushCustomStyles();
scopingShim.prepareTemplate(template, elementName, elementExtends)
},
/**
* @param {!HTMLTemplateElement} template
* @param {string} elementName
*/
prepareTemplateDom(template, elementName) {
scopingShim.prepareTemplateDom(template, elementName);
},
/**
* @param {!HTMLTemplateElement} template
* @param {string} elementName
* @param {string=} elementExtends
*/
prepareTemplateStyles(template, elementName, elementExtends) {
scopingShim.flushCustomStyles();
scopingShim.prepareTemplateStyles(template, elementName, elementExtends)
},
/**
* @param {!HTMLElement} element
* @param {Object=} properties
*/
styleSubtree(element, properties) {
scopingShim.flushCustomStyles();
scopingShim.styleSubtree(element, properties);
},
/**
* @param {!HTMLElement} element
*/
styleElement(element) {
scopingShim.flushCustomStyles();
scopingShim.styleElement(element);
},
/**
* @param {Object=} properties
*/
styleDocument(properties) {
scopingShim.flushCustomStyles();
scopingShim.styleDocument(properties);
},
flushCustomStyles() {
scopingShim.flushCustomStyles();
},
/**
* @param {Element} element
* @param {string} property
* @return {string}
*/
getComputedStyleValue(element, property) {
return scopingShim.getComputedStyleValue(element, property);
},
nativeCss: nativeCssVariables,
nativeShadow: nativeShadow,
cssBuild: cssBuild
};
if (ApplyShim) {
window.ShadyCSS.ApplyShim = ApplyShim;
}
if (CustomStyleInterface) {
window.ShadyCSS.CustomStyleInterface = CustomStyleInterface;
}
|
