import*as ComponentHelpers from"../../components/helpers/helpers.js";import*as LitHtml from"../../lit-html/lit-html.js";import reportStyles from"./report.css.js";import reportKeyStyles from"./reportKey.css.js";import reportSectionStyles from"./reportSection.css.js";import reportSectionDividerStyles from"./reportSectionDivider.css.js";import reportSectionHeaderStyles from"./reportSectionHeader.css.js";import reportValueStyles from"./reportValue.css.js";export class Report extends HTMLElement{static litTagName=LitHtml.literal`devtools-report`;#e=this.attachShadow({mode:"open"});#t="";set data({reportTitle:e}){this.#t=e,this.#o()}connectedCallback(){this.#e.adoptedStyleSheets=[reportStyles],this.#o()}#o(){LitHtml.render(LitHtml.html`
      <div class="content">
        ${this.#t?LitHtml.html`<div class="report-title">${this.#t}</div>`:LitHtml.nothing}
        <slot></slot>
      </div>
    `,this.#e,{host:this})}}export class ReportSection extends HTMLElement{static litTagName=LitHtml.literal`devtools-report-section`;#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[reportSectionStyles],this.#o()}#o(){LitHtml.render(LitHtml.html`
      <div class="section">
        <slot></slot>
      </div>
    `,this.#e,{host:this})}}export class ReportSectionHeader extends HTMLElement{static litTagName=LitHtml.literal`devtools-report-section-header`;#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[reportSectionHeaderStyles],this.#o()}#o(){LitHtml.render(LitHtml.html`
      <div class="section-header">
        <slot></slot>
      </div>
    `,this.#e,{host:this})}}export class ReportSectionDivider extends HTMLElement{static litTagName=LitHtml.literal`devtools-report-divider`;#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[reportSectionDividerStyles],this.#o()}#o(){LitHtml.render(LitHtml.html`
      <div class="section-divider">
      </div>
    `,this.#e,{host:this})}}export class ReportKey extends HTMLElement{static litTagName=LitHtml.literal`devtools-report-key`;#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[reportKeyStyles],this.#o()}#o(){LitHtml.render(LitHtml.html`
      <div class="key"><slot></slot></div>
    `,this.#e,{host:this})}}export class ReportValue extends HTMLElement{static litTagName=LitHtml.literal`devtools-report-value`;#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[reportValueStyles],this.#o()}#o(){LitHtml.render(LitHtml.html`
      <div class="value"><slot></slot></div>
    `,this.#e,{host:this})}}ComponentHelpers.CustomElements.defineComponent("devtools-report",Report),ComponentHelpers.CustomElements.defineComponent("devtools-report-section",ReportSection),ComponentHelpers.CustomElements.defineComponent("devtools-report-section-header",ReportSectionHeader),ComponentHelpers.CustomElements.defineComponent("devtools-report-key",ReportKey),ComponentHelpers.CustomElements.defineComponent("devtools-report-value",ReportValue),ComponentHelpers.CustomElements.defineComponent("devtools-report-divider",ReportSectionDivider);