Dialog content.
- +Sorry, this page was not found.
' + target.innerHTML = 'Sorry, this page was not found.
' } else { response.text().then(text => { diff --git a/site/src/shared-styles.js b/site/src/shared-styles.js index 50467b4..c577865 100644 --- a/site/src/shared-styles.js +++ b/site/src/shared-styles.js @@ -52,14 +52,6 @@ $_documentContainer.innerHTML = `Secondary text for this item
+Secondary text for this item
+Secondary text for this item
+Secondary text for this item
+Secondary text for this item
+Secondary text for this item
+position: fixed;
+Foo bar
+Lorem
+`; + +export class Foobar extends HTMLElement { + connectedCallback() { + if (!this.shadowRoot) { + this.attachShadow({mode: 'open'}); + this.shadowRoot.appendChild(template.content.cloneNode(true)); + } + } +} + +export default Foobar; +window.customElements.define('foo-bar', Foobar) diff --git a/test/foobar.css.js b/test/foobar.css.js new file mode 100644 index 0000000..0a1dabb --- /dev/null +++ b/test/foobar.css.js @@ -0,0 +1,14 @@ +export default ` + +foo-bar, +.foo-bar { + outline: 1px solid red; +} + +foo-bar::part(lorem), +.foo-bar__lorem { + border: 2px solid green; + font-size: 0.6em; +} + +`; diff --git a/test/icons.html b/test/icons.html index 334fc83..312251e 100644 --- a/test/icons.html +++ b/test/icons.html @@ -2,7 +2,7 @@ -Default slot
+Teleported 2
+