Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1069)

Side by Side Diff: appengine/config_service/ui/bower_components/shadycss/examples/document-style-lib.js

Issue 2923973003: Added base template for config ui. (Closed)
Patch Set: Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 /**
2 @license
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 */
10
11 /*
12 Example library for adding document-level styles to ShadyCSS
13
14 After DOMContentLoaded, synchronously add all document document level styles.
15 Then, start a MutationObserver for dynamically added styles.
16
17 Caveat: ShadyCSS will add a `scope` attribute to styles it controls, so do not a dd those styles.
18 */
19 (function() {
20 'use strict';
21
22 const CustomStyleInterface = window.ShadyCSS.CustomStyleInterface;
23
24 function shouldAddDocumentStyle(n) {
25 return n.nodeType === Node.ELEMENT_NODE && n.localName === 'style' && !n.has Attribute('scope');
26 }
27
28 function handler(mxns) {
29 for (let i = 0; i < mxns.length; i++) {
30 let mxn = mxns[i];
31 for (let j = 0; j < mxn.addedNodes.length; j++) {
32 let n = mxn.addedNodes[j];
33 if (shouldAddDocumentStyle(n)) {
34 CustomStyleInterface.addCustomStyle(n);
35 }
36 }
37 }
38 }
39
40 const observer = new MutationObserver(handler);
41
42 document.addEventListener('DOMContentLoaded', () => {
43 const candidates = document.querySelectorAll('custom-style');
44 for (let i = 0; i < candidates.length; i++) {
45 const candidate = candidates[i];
46 if (shouldAddDocumentStyle(candidate)) {
47 CustomStyleInterface.addCustomStyle(candidate);
48 }
49 }
50 observer.observe(document, {childList: true, subtree: true});
51 });
52
53 window.documentStyleFlush = () => {handler(observer.takeRecords())};
54 })();
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698