@@ -2,7 +2,6 @@
2 var ruleCache = new Set()
2 var ruleCache = new Set()
4 function createStyleNode() {
4 function createStyleNode() {
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
16 var staticSheet = createStyleNode();
14 var staticSheet = createStyleNode();
17 var sheet = createStyleNode().sheet;
15 var sheet = createStyleNode().sheet;
21 function sync_static(newStyleString) {
17 function sync_static(newStyleString) {
22 staticSheet.textContent = newStyleString
18 staticSheet.textContent = newStyleString
@@ -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])
33 ruleCache.add(key)
28 ruleCache.add(key)
38 class CssRulesNode extends HTMLElement {
33 class CssRulesNode extends HTMLElement {
42− connectedCallback() {
43− sync(this.rulesPayload)
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)
52− console.log(this._rules)
54− attributeChangedCallback(attrName, oldVal, newVal) {
55− console.log(attrName, oldVal, newVal)
58 customElements.define('elm-ui-rules', CssRulesNode);
38 customElements.define('elm-ui-rules', CssRulesNode);
62 class CssStaticRulesNode extends HTMLElement {
40 class CssStaticRulesNode extends HTMLElement {
67− connectedCallback() {
68− // console.log("static connected")
70− // if (this._rules) {
71− // sync_static(this._rules)
74 set rules(rules) {
41 set rules(rules) {
76− sync_static(this._rules)
42+ sync_static(rules);
77− // console.log("set static rules")
78− // console.log(rules)
81− attributeChangedCallback(attrName, oldVal, newVal) {
82− console.log("attribute cng")
83− console.log(attrName)
84− if (attrName == "rules") {
89 customElements.define('elm-ui-static-rules', CssStaticRulesNode);
45 customElements.define('elm-ui-static-rules', CssStaticRulesNode);