<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="module" src="dbp-provider.js"></script>
    <script type="module" src="dbp-provider-demo.js"></script>
    <!--
        This is for debugging only:
        -  requests no provider can answer bubble up to the top
        -  unhandled requests are logged in the console
    -->
    <script>
        window.addEventListener('subscribe', e => console.log('window eventListener("subscribe",..) name "' + e.detail.name + '" not found.'));
        window.addEventListener('unsubscribe', e => console.log('window eventListener("unsubscribe",..) name "' + e.detail.name + '" not found.'));
    </script>
    <style>
        body { padding: 50px;}
    </style>
</head>

<body>
    <dbp-provider id="root" root="1" availability="global" lang="de">
        <dbp-provider-demo id="provider-demo" subscribe="lang:lang"></dbp-provider-demo>
    </dbp-provider>
    <p>version: <span style="color: white; background-color: black;"><%= buildInfo.info %></span></p>
</body>
</html>