@@ -2,7 +2,6 @@
22 var ruleCache = new Set()
33
44 function createStyleNode() {
5−
65 const node = document.createElement('style')
76 // Without it, IE will have a broken source order specificity if we
87 // insert rules after we insert the style tag.
@@ -12,12 +11,9 @@
1211 return node
1312 }
1413
15−
1614 var staticSheet = createStyleNode();
1715 var sheet = createStyleNode().sheet;
1816
19−
20−
2117 function sync_static(newStyleString) {
2218 staticSheet.textContent = newStyleString
2319 }
@@ -29,70 +25,23 @@
2925 for (var i = 0; i < newRule.length; i++) {
3026 sheet.insertRule(newRule[i])
3127 }
32−
3328 ruleCache.add(key)
3429 }
3530 });
3631 }
3732
3833 class CssRulesNode extends HTMLElement {
39− constructor() {
40− var self = super();
41− }
42− connectedCallback() {
43− sync(this.rulesPayload)
44− }
4534 set rules(rules) {
46− console.log("set rules")
47− console.log(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)
35+ sync(rules);
5636 }
5737 }
5838 customElements.define('elm-ui-rules', CssRulesNode);
5939
60−
61−
6240 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− }
7441 set rules(rules) {
75− this._rules = rules
76− sync_static(this._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− }
42+ sync_static(rules);
8743 }
8844 }
8945 customElements.define('elm-ui-static-rules', CssStaticRulesNode);
9046
91−
92−
93−
94−
95−
96−
97−
9847}())