/*! For license information please see 770.6b88be2c18fa89a7.js.LICENSE.txt */
export const __webpack_ids__=["770"];export const __webpack_modules__={48665:function(e,t,n){n.r(t),n.d(t,{MDNContentFeedback:()=>MDNContentFeedback}),n(50272);var a=n(14703),o=n(69535),s=n(61619);let i=(0,a.YP)`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88"/></svg>`,r=(0,a.YP)`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="M7 10v12m8-16.12L14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88"/></svg>`;var c=n(63208);let d={outdated:"Content is out of date",incomplete:"Missing information",code_examples:"Code examples not working as expected",other:"Other"},l={technical:"\xdcbersetzung enth\xe4lt fachliche Fehler",consistency:"Begriffe sind inkonsistent \xfcbersetzt",incomprehensible:"\xdcbersetzung ist nicht verst\xe4ndlich",linguistic:"\xdcbersetzung enth\xe4lt sprachliche Fehler",code_examples:"Code-Beispiele funktionieren nicht",other:"Sonstige"};let MDNContentFeedback=class MDNContentFeedback extends(0,o.q)(a.oi){static styles=c.Z;static properties={locale:{type:String},_reason:{state:!0},_view:{state:!0}};constructor(){super(),this.locale="",this._reason="",this._view="vote"}_handleVote({target:e}){if(e instanceof HTMLElement){let t=e.dataset.vote;"yes"===t?this._view="thanks":"no"===t&&(this._view="feedback"),(0,s.z)("thumbs",{type:"article-footer",label:"yes"===t?"1":"0"})}}_handleFeedback(){this._view="thanks",(0,s.z)("article-footer",{type:"feedback",label:this._reason})}_renderVote(){return(0,a.dy)`<label
        >${this.l10n("content-feedback-question")`Was this page helpful to you?`}
      </label>
      <div class="content-feedback--buttons">
        <mdn-button
          data-vote="yes"
          @click=${this._handleVote}
          .icon=${r}
          variant="secondary"
          action="positive"
        >
          ${this.l10n`Yes`}
        </mdn-button>
        <mdn-button
          data-vote="no"
          @click=${this._handleVote}
          .icon=${i}
          variant="secondary"
          action="negative"
        >
          ${this.l10n`No`}
        </mdn-button>
      </div>`}_renderFeedback(){let e=({target:e})=>{e instanceof HTMLInputElement&&(this._reason=e.value)};return(0,a.dy)`<label
        >${this.l10n("content-feedback-reason")`Why was this page not helpful to you?`}</label
      >
      ${Object.entries("de"===this.locale?l:d).map(([t,n])=>(0,a.dy)`<div class="content-feedback--radios">
            <input
              type="radio"
              id=${`reason_${t}`}
              name="reason"
              .value=${t}
              ?checked=${this._reason===t}
              @change=${e}
            />
            <label for=${`reason_${t}`}>${n}</label>
          </div>`)}
      <div class="button-container">
        <mdn-button @click=${this._handleFeedback} ?disabled=${!this._reason}>
          ${this.l10n`Submit`}
        </mdn-button>
      </div>`}_renderThanks(){return(0,a.dy)`<span class="thank-you">
      ${this.l10n("content-feedback-thanks")`Thank you for your feedback!`}
      <span class="emoji">❤️</span>
    </span>`}_renderInner(e){switch(e){case"vote":return this._renderVote();case"feedback":return this._renderFeedback();case"thanks":return this._renderThanks()}}render(){return(0,a.dy)`<fieldset class="content-feedback">
      ${this._renderInner(this._view)}
    </fieldset>`}};customElements.define("mdn-content-feedback",MDNContentFeedback)},13566:function(e,t,n){n.d(t,{o:()=>o});var a=n(32529);let o=e=>e??a.Ld},61619:function(e,t,n){n.d(t,{z:()=>o});var a=n(26362);function o(e,{type:t,label:n}){a.Z.recordElementClick({id:e,type:t,label:n})}},63208:function(e,t,n){n.d(t,{Z:()=>c});var a=n(14703),o=n(8081),s=n.n(o),i=n(23645),r=n.n(i)()(s());r.push([e.id,".content-feedback{border:none;margin:0 0 .25rem;padding:0}.content-feedback>label{display:block;margin-bottom:.25rem}.content-feedback .thank-you{display:block;margin-bottom:calc(2.75rem + 2px)}.content-feedback mdn-button{flex:1;min-width:0}.content-feedback--buttons{display:inline-flex;gap:.75rem;margin:.25rem 0}.content-feedback--radios{align-items:center;display:flex;gap:.25rem;margin:.25rem 0}",""]);let c=(0,a.iv)([r.toString()])}};
//# sourceMappingURL=770.6b88be2c18fa89a7.js.map