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 [
...super.styles,
css`
:host {
display: flex;
}
:host > iframe {
width: 100%;
height: 100%;
}
/* Custom CSS */
`,
];
@ -43,14 +50,22 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
{
super(...args);
}
get slots()
{
return {
...super.slots
};
}
connectedCallback()
{
super.connectedCallback();
}
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()