|
|
@ -33,8 +33,26 @@ function create_fragment(ctx) {
|
|
|
|
class Component extends SvelteElement {
|
|
|
|
class Component extends SvelteElement {
|
|
|
|
constructor(options) {
|
|
|
|
constructor(options) {
|
|
|
|
super();
|
|
|
|
super();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (options) {
|
|
|
|
|
|
|
|
this.$$setup(options);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$$setup(options) {
|
|
|
|
this.shadowRoot.innerHTML = `<style>div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}</style>`;
|
|
|
|
this.shadowRoot.innerHTML = `<style>div{animation:foo 1s}@keyframes foo{0%{opacity:0}100%{opacity:1}}</style>`;
|
|
|
|
init(this, { target: this.shadowRoot }, null, create_fragment, safe_not_equal, {});
|
|
|
|
|
|
|
|
|
|
|
|
init(
|
|
|
|
|
|
|
|
this,
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
props: options ? options.props : null,
|
|
|
|
|
|
|
|
target: this.shadowRoot
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
create_fragment,
|
|
|
|
|
|
|
|
safe_not_equal,
|
|
|
|
|
|
|
|
{}
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
if (options) {
|
|
|
|
if (options) {
|
|
|
|
if (options.target) {
|
|
|
|
if (options.target) {
|
|
|
@ -45,4 +63,4 @@ class Component extends SvelteElement {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
customElements.define("custom-element", Component);
|
|
|
|
customElements.define("custom-element", Component);
|
|
|
|
export default Component;
|
|
|
|
export default Component;
|
|
|
|