const t=window.EdelElements.h;class e{constructor(){this.active=!1,this.class="menu-item"}onClick(t){this.handleClick(t)}render(){return t("a",null,t("slot",null))}handleClick(t){this.emit.emit(t)}componentDidLoad(){this.active?this.hostElement.classList.add("menu-item--on"):this.hostElement.classList.remove("menu-item--on")}didChange(t,e=""){i(t)?this.active=!0:i(e)&&(this.active=!1)}static get is(){return"edel-menu-item"}static get properties(){return{active:{type:Boolean,attr:"active",reflectToAttr:!0,mutable:!0,watchCallbacks:["componentDidLoad"]},class:{type:String,attr:"class",reflectToAttr:!0,mutable:!0,watchCallbacks:["didChange"]},hostElement:{elementRef:!0}}}static get events(){return[{name:"emit",method:"emit",bubbles:!0,cancelable:!0,composed:!0}]}static get listeners(){return[{name:"click",method:"onClick"}]}}function i(t){return null!=t&&("string"==typeof t?-1!==t.split(" ").indexOf("active"):t.active||!1)}export{e as EdelMenuItem};