export const __webpack_ids__=["268"];export const __webpack_modules__={54681:function(e,r,n){n.d(r,{Z:()=>l});var t=n(8081),o=n.n(t),i=n(23645),a=n.n(i)()(o());a.push([e.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 l=a.toString()},72290:function(e,r,n){n.d(r,{Z:()=>l});var t=n(8081),o=n.n(t),i=n(23645),a=n.n(i)()(o());a.push([e.id,".user-menu__button{background-color:var(--color-background-primary);cursor:pointer;margin:0;padding:0}.user-menu__button img{border-radius:50%;display:block;height:2rem;width:2rem}.user-menu__dropdown{display:grid;row-gap:1rem}.user-menu__dropdown p{margin:0}.user-menu__dropdown ul{display:grid;list-style:none;margin:0;padding:0;row-gap:.25rem}.user-menu__dropdown a{color:var(--color-text-primary)}:is(.user-menu__dropdown a):hover{color:var(--color-text-secondary)}.user-menu__dropdown form{display:contents}",""]);let l=a.toString()},22446:function(e,r,n){n.d(r,{Z:()=>l});var t=n(8081),o=n.n(t),i=n(23645),a=n.n(i)()(o());a.push([e.id,"@media (width > 1006px){.user-menu{position:relative}.user-menu__login{height:100%;width:100%}.user-menu__login::part(label){height:0;overflow:hidden;position:absolute;width:0}.user-menu__button{border:1px solid var(--color-border-primary);border-radius:50%}.user-menu__dropdown{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);margin:0;padding:.75rem;position:absolute;right:0;z-index:1}}",""]);let l=a.toString()},78918:function(e,r,n){n.d(r,{Z:()=>p});var t=n(8081),o=n.n(t),i=n(23645),a=n.n(i),l=n(61667),s=n.n(l),u=new n.U(n(82848)),d=a()(o()),c=s()(u);d.push([e.id,`@media (width <= 1006px){.user-menu__login{padding:.45rem 0}.user-menu__button{align-items:center;background-color:initial;border:none;display:flex;padding:.5rem .7rem;width:100%}.user-menu__button:after,.user-menu__button:before{background-color:currentcolor;height:1.25rem;margin-left:auto;-webkit-mask-size:cover;mask-size:cover;width:1.25rem}.user-menu__button:after{content:"";-webkit-mask-image:url(${c});mask-image:url(${c})}.user-menu__button[aria-expanded=true]{background-color:var(--color-background-blue)}.user-menu__button[aria-expanded=true]:after{scale:-1}.user-menu__dropdown{padding:.5rem .7rem}}`,""]);let p=d.toString()},82848:function(e,r,n){e.exports=n.p+"chevron-down.7c923b7054da305b.svg"},1260:function(e,r,n){n.r(r),n.d(r,{MDNUserMenu:()=>MDNUserMenu});var t=n(35470),o=n(14703),i=n(13566),a=n(69535),l=n(8900);let s=(0,o.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="m10 17 5-5-5-5m5 5H3m12-9h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/></svg>`;var u=n(13117),d=n(54487);n(50272);let MDNUserMenu=class MDNUserMenu extends(0,a.q)(o.oi){static styles=d.Z;static properties={locale:{type:String}};constructor(){super(),this.locale="en-US"}#e(){let e=globalThis.location.origin,r=new URL(l.sA,e);return r.searchParams.append("next",this.#r()),r.toString()}#r(){return globalThis.location.href.replace(globalThis.location.origin,"")}#n(){let e=globalThis.location.origin;return new URL(l.vd,e).toString()}_user=new t.iQ(this,{task:async()=>await (0,u.s)()});connectedCallback(){super.connectedCallback(),this._user.run()}render(){return this._user.render({initial:()=>o.Ld,pending:()=>o.Ld,complete:e=>{var r,n;let t=(r=this.locale,n=this.l10n,[{href:`/${r}/plus/ai-help`,label:n`AI Help`},{href:`/${r}/plus/collections`,label:n`Collections`},{href:`/${r}/plus/updates`,label:n`Updates`},{href:`/${r}/plus/settings`,label:n("settings")},{href:"https://support.mozilla.org/products/mdn-plus",label:n`Help`,external:!0},{href:"https://github.com/mdn/MDN-feedback",label:n`Feedback`,external:!0}]);return e.isAuthenticated?(0,o.dy)`
                <div class="user-menu">
                  <mdn-dropdown>
                    <button slot="button" class="user-menu__button">
                      ${e.avatarUrl?(0,o.dy)`<img
                            src=${(0,i.o)(e.avatarUrl??void 0)}
                            width="32"
                            height="32"
                            alt=""
                          />`:this.l10n`User`}
                    </button>
                    <div slot="dropdown" class="user-menu__dropdown">
                      <p>${e.email}</p>
                      <ul>
                        ${t.map(e=>(0,o.dy)`<li>
                              <a
                                class=${(0,i.o)(e.external?"external":void 0)}
                                href=${e.href}
                                >${e.label}</a
                              >
                            </li>`)}
                      </ul>
                      <form method="post" action=${this.#n()}>
                        <input
                          type="hidden"
                          name="next"
                          .value=${this.#r()}
                        />
                        <button
                          class="button"
                          data-variant="secondary"
                          type="submit"
                        >
                          ${this.l10n("logout")}
                        </button>
                      </form>
                    </div>
                  </mdn-dropdown>
                </div>
              `:(0,o.dy)`
                <mdn-button
                  class="user-menu__login"
                  href=${this.#e()}
                  .icon=${s}
                  variant="plain"
                >
                  ${this.l10n("login")}
                </mdn-button>
              `}})}};customElements.define("mdn-user-menu",MDNUserMenu)},54487:function(e,r,n){n.d(r,{Z:()=>g});var t=n(14703),o=n(8081),i=n.n(o),a=n(23645),l=n.n(a),s=n(54681),u=n(56718),d=n(96818),c=n(72290),p=n(78918),m=n(22446),h=l()(i());h.i(s.Z),h.i(u.Z),h.i(d.Z),h.i(c.Z),h.i(p.Z),h.i(m.Z),h.push([e.id,"",""]);let g=(0,t.iv)([h.toString()])}};
//# sourceMappingURL=268.6005715205302f5c.js.map