const e=window.EdelElements.h;class t{constructor(){this.light=!1,this.dark=!1,this.extended=!1}render(){return e("slot",null)}hostData(){return{class:"header"}}componentDidLoad(){this.light?this.hostElement.classList.add("header--light"):this.hostElement.classList.remove("header--light"),this.dark?this.hostElement.classList.add("header--dark"):this.hostElement.classList.remove("header--dark"),this.extended?this.hostElement.classList.add("header--extended"):this.hostElement.classList.remove("header--extended"),this.hostElement.style.backgroundColor=this.backgroundColor}static get is(){return"edel-header"}static get properties(){return{backgroundColor:{type:String,attr:"background-color",watchCallbacks:["componentDidLoad"]},dark:{type:Boolean,attr:"dark",watchCallbacks:["componentDidLoad"]},extended:{type:Boolean,attr:"extended",watchCallbacks:["componentDidLoad"]},hostElement:{elementRef:!0},light:{type:Boolean,attr:"light",watchCallbacks:["componentDidLoad"]}}}}export{t as EdelHeader};