export const __webpack_ids__=["665"];export const __webpack_modules__={54681:function(t,r,e){e.d(r,{Z:()=>s});var o=e(8081),a=e.n(o),n=e(23645),i=e.n(n)()(a());i.push([t.id,"*,:after,:before{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{height:auto;max-width:100%}a{color:var(--color-link-normal)}[hidden]{display:none!important}",""]);let s=i.toString()},65034:function(t,r,e){e.r(r),e.d(r,{MDNObservatoryTestsAndScores:()=>MDNObservatoryTestsAndScores});var o=e(35470),a=e(14703),n=e(67621),i=e(8900),s=e(51513);let MDNObservatoryTestsAndScores=class MDNObservatoryTestsAndScores extends a.oi{static styles=s.Z;static ssr=!1;_fetchMatrixTask=new o.iQ(this,{task:async()=>{let t=await fetch(`${i._v}/api/v2/recommendation_matrix`);return t.ok?(await t.json()).map(t=>({...t,results:t.results.map(t=>({...t,description_html:t.description}))})):[]},args:()=>[]});render(){return this._fetchMatrixTask.render({pending:()=>(0,a.dy)`<div class="loading">Loading tests and scoring data...</div>`,complete:t=>t.map(t=>(0,a.dy)`
            <section>
              <h3 id=${t.name}>${t.title}</h3>
              <p>
                See <a href=${t.mdnLink}>${t.title}</a> for guidance.
              </p>
              <figure class="table-container">
                <table>
                  <thead>
                    <tr>
                      <th>Test result</th>
                      <th>Description</th>
                      <th align="center">Modifier</th>
                    </tr>
                  </thead>
                  <tbody>
                    ${t.results.map(t=>(0,a.dy)`
                        <tr>
                          <td>${t.name}</td>
                          <td>${(0,n.A)(t.description_html)}</td>
                          <td>${t.scoreModifier}</td>
                        </tr>
                      `)}
                  </tbody>
                </table>
              </figure>
            </section>
          `),error:t=>(0,a.dy)`
        <div class="error">
          Failed to load tests and scoring data. Please try again later.
          ${console.error("Observatory matrix fetch error:",t)}
        </div>
      `})}};customElements.define("mdn-observatory-tests-and-scores",MDNObservatoryTestsAndScores)},51513:function(t,r,e){e.d(r,{Z:()=>l});var o=e(14703),a=e(8081),n=e.n(a),i=e(23645),s=e.n(i),d=e(54681),c=s()(n());c.i(d.Z),c.push([t.id,":host{display:block}.error{background-color:var(--error-bg,#fee);border-radius:.25rem;color:var(--error-color,#d33);margin:1rem 0;padding:1rem}section{margin-bottom:3rem}h3{font-size:var(--font-size-large);font-weight:var(--font-weight-normal);line-height:var(--font-line-content);margin-bottom:1rem;margin-top:2rem}.table-container{margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;min-width:600px;width:100%}td,th{border:1px solid var(--color-border-primary);padding:.5rem .75rem;text-align:left}th{background-color:var(--color-background-secondary,#f5f5f5);font-weight:700}th[align=center]{text-align:center}tr:nth-child(2n){background-color:var(--color-background-secondary)}td:last-child{text-align:center}",""]);let l=(0,o.iv)([c.toString()])}};
//# sourceMappingURL=665.a9d5ea11fdd1cca3.js.map