export const __webpack_esm_id__=5410;export const __webpack_esm_ids__=[4825,5410];export const __webpack_esm_modules__={5410(e,t,s){s.d(t,{D:()=>i});var i,d=s(9609),l=s(4084),a=s(2927),r=s(8899),n=s(4955),o=s(3517),p=s(3051),c=function(e,t,s,i){var d,l=arguments.length,a=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,i);else for(var r=e.length-1;r>=0;r--)(d=e[r])&&(a=(l<3?d(a):l>3?d(t,s,a):d(t,s))||a);return l>3&&a&&Object.defineProperty(t,s,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.href="",this.label="",this.tabIndex=-1,this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",`${e}`),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedItem(),this.setAttribute("aria-selected",`${e}`),this.requestUpdate("selected",t)}static get styles(){return[l.A,p.A]}setupEvents(){this.addEventListener("mousedown",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.label&&this.setAttribute("aria-label",this.label),this.setupEvents()}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",`${this.disabled}`))}handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("menu-item-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("menu-item-keydown",{detail:{id:this.id,key:e.code,srcEvent:e},bubbles:!0,composed:!0}))}notifySelectedItem(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}get menuItemClassMap(){return{"md-menu-item--selected":this.selected,disabled:this.disabled}}render(){return a.html`
        <li
          role="menuitem"
          part="menu-item"
          class="md-menu-item ${(0,n.classMap)(this.menuItemClassMap)}"
          ?disabled=${this.disabled}
          tabindex="-1"
          aria-hidden="true"
          aria-selected="false"
          aria-label=${(0,o.ifDefined)(this.label)}
        >
          <a href="${(0,o.ifDefined)(this.href||void 0)}">
            <slot></slot>
          </a>
        </li>
      `}};c([(0,r.property)({type:String})],t.prototype,"href",void 0),c([(0,r.property)({type:String})],t.prototype,"label",void 0),c([(0,r.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,r.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),c([(0,r.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=c([(0,d.w)("md-menu-item")],t),e.ELEMENT=t}(i||(i={}))}};