oda-framework/components/viewers/embedded-viewer/embedded-viewer.js

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

ODA({ is: 'embedded-viewer',
    template: `
        <style>
            :host {
                @apply --vertical;
                @apply --flex;
            }        
        </style>      
        <object :data frameborder='0' style="height: 100vh;"></object>
    `,
    url: '',
    get data() {
        return `https://view.officeapps.live.com/op/embed.aspx?src=${this.url || ''}`;
    }
})