Method render

examples/lit/basic/src/lifecycle-contract.ts:190–218

()

  }

  render() {
    return html`
      <main>
        <h1>Lifecycle Contract Fixture</h1>
        <p>
          Exercises the same consumer across missing-provider and provider
          switching flows.
        </p>
        <div data-testid="contract-location">
          location: ${this.currentTarget}
        </div>

        <section>
          <h2>Orphan Zone</h2>
          <div data-contract-slot="orphan"></div>
        </section>

        <section>
          <h2>Provider A</h2>
          <contract-provider-a></contract-provider-a>
        </section>

        <section>
          <h2>Provider B</h2>
          <contract-provider-b></contract-provider-b>
        </section>
      </main>
    `
  }
}

if (!customElements.get('lifecycle-contract-root')) {