import { Component , h , Prop } from '@stencil/core' ; import { withComponentRegistry } from '../../core/player/withComponentRegistry' ; import { withPlayerContext } from '../../core/player/withPlayerContext' ; slot @ Component ( { tag : 'vm-loading-screen' , styleUrl : 'loading-screen.css' , shadow : true , } ) export class LoadingScreen { internal @ Prop ( ) playbackReady = false ; /**
     * Whether the loading dots are hidden or not.
     */ @ Prop ( ) hideDots = false ; constructor ( ) { withComponentRegistry ( this ) ; withPlayerContext ( this , [ 'playbackReady' ] ) ; } render ( ) { return ( < div class = { { loadingScreen : true , inactive : this . playbackReady , } } > < slot /> { ! this . hideDots && < div class = "dotPulse" / > } < /div>); } }