<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>demo ozone edit item</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<!--
  Use the webcomponents-loader script which will feature detect which Web
  Components features are missing and lazy load the appropriate polyfills.
  When we hear the 'WebComponentsReady' event from the polyfill bundle we can
  insert our 'bundle.js'.
-->

<script>
    (function() {
        document.addEventListener('WebComponentsReady', function componentsReady() {
            document.removeEventListener('WebComponentsReady', componentsReady, false);
            var script = document.createElement('script');
            script.src = '<%= htmlWebpackPlugin.files.js[0] %>';
            var refScript = document.getElementsByTagName('script')[0];
            refScript.parentNode.insertBefore(script, refScript);
        }, false);
    })();
</script>
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>


<!--
  IMPORTANT: Make sure you set the inject: false option in HTMLWebpackPlugin
  so it doesn't try to insert bundle.js. We're handling loading it ourselves
  up above.
-->
<demo-app>no demo</demo-app>
</body>
</html>