| 1 | import { css, html, LitElement } from 'lit';
|
| 2 |
|
| 3 | class SlideViewer extends LitElement {
|
| 4 |
|
| 5 | static get properties() {
|
| 6 | return {
|
| 7 | slide: {
|
| 8 | type: Object
|
| 9 | }
|
| 10 | };
|
| 11 | }
|
| 12 |
|
| 13 | static get styles() {
|
| 14 | return css`
|
| 15 | iframe {
|
| 16 | width: 90%;
|
| 17 | height: 700px;
|
| 18 | filter: drop-shadow(5px 10px 3px gray);
|
| 19 | }
|
| 20 | `;
|
| 21 | }
|
| 22 |
|
| 23 | constructor() {
|
| 24 | super();
|
| 25 | this.slide = {};
|
| 26 | }
|
| 27 |
|
| 28 | render() {
|
| 29 | const { slide } = this;
|
| 30 | const url = slide && slide.route ? slide.route : '';
|
| 31 |
|
| 32 | return html`
|
| 33 | <iframe src="${url}"></iframe>
|
| 34 | `;
|
| 35 | }
|
| 36 | }
|
| 37 |
|
| 38 | customElements.define('slide-viewer', SlideViewer);
|