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

Unified Diff: appengine/config_service/ui/bower_components/webcomponentsjs/tests/imports/simple-element.html

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 side-by-side diff with in-line comments
Download patch
Index: appengine/config_service/ui/bower_components/webcomponentsjs/tests/imports/simple-element.html
diff --git a/appengine/config_service/ui/bower_components/webcomponentsjs/tests/imports/simple-element.html b/appengine/config_service/ui/bower_components/webcomponentsjs/tests/imports/simple-element.html
new file mode 100644
index 0000000000000000000000000000000000000000..41d3dbb9f801e5fa37342118c7d3a28738c87082
--- /dev/null
+++ b/appengine/config_service/ui/bower_components/webcomponentsjs/tests/imports/simple-element.html
@@ -0,0 +1,42 @@
+<!--
+@license
+Copyright (c) 2016 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
+-->
+
+<script>
+ // Kick off shady CSS.
+ var template = document.createElement('template');
+ template.innerHTML =
+ `
+ <style>:host {color: blue;} .red-text {color: red;} </style>
+ <p class="red-text">Shadow DOM</p>
+ <slot id="slot"></slot>
+ `;
+ if (template) {
+ if (window.ShadyCSS) {
+ window.ShadyCSS.prepareTemplate(template, 'simple-element');
+ }
+ }
+
+ class SimpleElement extends HTMLElement {
+ constructor() {
+ super();
+ this.bestName = 'batman';
+ if (window.ShadyCSS) {
+ window.ShadyCSS.styleElement(this);
+ }
+
+ if (template && !this.shadowRoot) {
+ this.attachShadow({mode: 'open'});
+ this.shadowRoot.appendChild(document.importNode(template.content, true));
+ }
+ }
+ }
+
+ window.customElements.define('simple-element', SimpleElement);
+</script>

Powered by Google App Engine
This is Rietveld 408576698