git.iko.soy/typeable/elm-ui
on master help sign in
remove console logs from cssom.js
5994449Matthew Griffith
experiments/virtual-css/cssom.js+2−53
@@ -2,7 +2,6 @@
2 var ruleCache = new Set()
2 var ruleCache = new Set()
3
3
4 function createStyleNode() {
4 function createStyleNode() {
5−
6 const node = document.createElement('style')
5 const node = document.createElement('style')
7 // Without it, IE will have a broken source order specificity if we
6 // Without it, IE will have a broken source order specificity if we
8 // insert rules after we insert the style tag.
7 // insert rules after we insert the style tag.
@@ -12,12 +11,9 @@
12 return node
11 return node
13 }
12 }
14
13
15−
16 var staticSheet = createStyleNode();
14 var staticSheet = createStyleNode();
17 var sheet = createStyleNode().sheet;
15 var sheet = createStyleNode().sheet;
18
16
19−
20−
21 function sync_static(newStyleString) {
17 function sync_static(newStyleString) {
22 staticSheet.textContent = newStyleString
18 staticSheet.textContent = newStyleString
23 }
19 }
@@ -29,70 +25,23 @@
29 for (var i = 0; i < newRule.length; i++) {
25 for (var i = 0; i < newRule.length; i++) {
30 sheet.insertRule(newRule[i])
26 sheet.insertRule(newRule[i])
31 }
27 }
32−
33 ruleCache.add(key)
28 ruleCache.add(key)
34 }
29 }
35 });
30 });
36 }
31 }
37
32
38 class CssRulesNode extends HTMLElement {
33 class CssRulesNode extends HTMLElement {
39− constructor() {
40− var self = super();
41− }
42− connectedCallback() {
43− sync(this.rulesPayload)
44− }
45 set rules(rules) {
34 set rules(rules) {
46− console.log("set rules")
47− console.log(rules)
35+ sync(rules);
48− if (self.rulesPayload) {
49− console.log(self.rulesPayload)
50− }
51− this._rules = rules;
52− console.log(this._rules)
53− }
54− attributeChangedCallback(attrName, oldVal, newVal) {
55− console.log(attrName, oldVal, newVal)
56 }
36 }
57 }
37 }
58 customElements.define('elm-ui-rules', CssRulesNode);
38 customElements.define('elm-ui-rules', CssRulesNode);
59
39
60−
61−
62 class CssStaticRulesNode extends HTMLElement {
40 class CssStaticRulesNode extends HTMLElement {
63− constructor() {
64− var self = super();
65− this._rules = null;
66− }
67− connectedCallback() {
68− // console.log("static connected")
69− // console.log(this)
70− // if (this._rules) {
71− // sync_static(this._rules)
72− // }
73− }
74 set rules(rules) {
41 set rules(rules) {
75− this._rules = rules
76− sync_static(this._rules)
42+ sync_static(rules);
77− // console.log("set static rules")
78− // console.log(rules)
79− }
80−
81− attributeChangedCallback(attrName, oldVal, newVal) {
82− console.log("attribute cng")
83− console.log(attrName)
84− if (attrName == "rules") {
85− sync_static(newVal)
86− }
87 }
43 }
88 }
44 }
89 customElements.define('elm-ui-static-rules', CssStaticRulesNode);
45 customElements.define('elm-ui-static-rules', CssStaticRulesNode);
90
46
91−
92−
93−
94−
95−
96−
97−
98}())
47}())