jeffposnick/unresolved.html

## unresolved.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>Polymer Demo</title>
    <style>
      .hidden {
        display: none;
      }
    </style>
  </head>
  <body>
    <p id="spinner">Loading...</p>

    <script src="//www.polymer-project.org/platform.js"></script>
    <link rel="import" href="//www.polymer-project.org/components/polymer/polymer.html">

    <polymer-element name="slow-poke">
      <template>
        <h1><content></content></h1>
      </template>
      <script>
        Polymer({
          // Used to introduce a delay in initializing the Polymer element.
          // Don't try this at home!
          created: function() {
            var start = Date.now();
            while (true) {
              if (Date.now() - start > 1000) {
                break;
              }
            }
          }
        });
      </script>
    </polymer-element>

    <div unresolved>
      <slow-poke>Here I am... finally!</slow-poke>
      <slow-poke>Me too!</slow-poke>
    </div>

    <script>
      window.addEventListener('polymer-ready', function() {
        document.querySelector('#spinner').classList.add('hidden');
      });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Polymer Demo</title>
	<style>
	.hidden {
	display: none;
	}
	</style>
	</head>
	<body>
	<p id="spinner">Loading...</p>

	<script src="//www.polymer-project.org/platform.js"></script>
	<link rel="import" href="//www.polymer-project.org/components/polymer/polymer.html">

	<polymer-element name="slow-poke">
	<template>
	<h1><content></content></h1>
	</template>
	<script>
	Polymer({
	// Used to introduce a delay in initializing the Polymer element.
	// Don't try this at home!
	created: function() {
	var start = Date.now();
	while (true) {
	if (Date.now() - start > 1000) {
	break;
	}
	}
	}
	});
	</script>
	</polymer-element>

	<div unresolved>
	<slow-poke>Here I am... finally!</slow-poke>
	<slow-poke>Me too!</slow-poke>
	</div>

	<script>
	window.addEventListener('polymer-ready', function() {
	document.querySelector('#spinner').classList.add('hidden');
	});
	</script>
	</body>
	</html>