</span></div>
<p id="result">The computed `direction` value for the span is: </p>

<script type="text/javascript">
  let root = host.attachShadow({mode:"open"});
  root.innerHTML = `<div dir="ltr"><slot></slot></div>`;
  result.innerHTML += getComputedStyle(root.querySelector("div").firstChild).direction + '.';
</script>

</body>
</html>
