license import { html , styles } from './no-support-card.template.js' ; /**
 * A card to use when the browser does not support the various APIs your
 * experience requires.
 *
 * ```javascript
 * const noSupport = new NoSupportCard();
 * document.body.appendChild(noSupport);
 * ```
 */ export class NoSupportCard extends HTMLElement { /**
     * The Card's default tag name for registering with `customElements.define`.
     */ static defaultTagName = 'no-support-card' ; ignore static readonly DEFAULT_MESSAGE = 'Sorry, this browser does not support the required features' ; /**
     * The message to share with users.
     */ message = NoSupportCard . DEFAULT_MESSAGE ; private root = this . attachShadow ( { mode : 'open' } ) ; constructor ( ) { super ( ) ; } ignore connectedCallback ( ) { this . root . innerHTML = `<style>${ styles }</style> ${ html }` ; const container = this . root . querySelector ( '#container' ) ! ; container . textContent = this . message ; } }