</calcite-tooltip>
        </div>
      </div>
      <div class="parent">
        <div class="child right-aligned-text">Rendered programmatically</div>
        <div class="child">
          <div id="shadowEl"></div>
        </div>
      </div>
    </demo-dom-swapper>
  </body>
  <script>
    const chipHTML = `<calcite-chip appearance="outline" kind="neutral" icon="layers" value="layers" label="Layers">Layers</calcite-chip>`;

    const shadowEl = document.getElementById("shadowEl");
    const shadow = shado