WIP implementing Iframe widget:

- Get some styling
- An approach to display label slot
This commit is contained in:
Hadi Nategh 2021-10-13 12:17:07 +02:00
parent 76a1f3c584
commit f454536165

View File

@ -20,6 +20,13 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
return [ return [
...super.styles, ...super.styles,
css` css`
:host {
display: flex;
}
:host > iframe {
width: 100%;
height: 100%;
}
/* Custom CSS */ /* Custom CSS */
`, `,
]; ];
@ -43,14 +50,22 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
{ {
super(...args); super(...args);
} }
get slots()
{
return {
...super.slots
};
}
connectedCallback() connectedCallback()
{ {
super.connectedCallback(); super.connectedCallback();
} }
render() { render() {
return html` <iframe ${this.id ? html`id="${this.id}"` : ''} allowfullscreen="${this.fullscreen}"></iframe>`; return html`
<iframe ${this.id ? html`id="${this.id}"` : ''} allowfullscreen="${this.fullscreen}" seamless="${this.seamless}" name="${this.name}" allow="${this.allow}"></iframe>
<slot>${this._label}</slot>
`;
} }
__getIframeNode() __getIframeNode()