const t=window.EdelElements.h;class s{constructor(){this.spaced=!1,this.background=!1,this.plain=!1,this.slim=!1,this.hover=!1,this.inverted=!1,this.bgColor=null,this.borderColor=null}render(){return t("slot",null)}hostData(){return{class:"card"}}componentDidLoad(){this.updateClass(),this.updateStyles()}updateStyles(){this.hostElement.style.backgroundColor=this.bgColor,this.hostElement.style.borderColor=this.borderColor}updateClass(){this.spaced?this.hostElement.classList.add("card--spaced"):this.hostElement.classList.remove("card--spaced"),this.background?this.hostElement.classList.add("card--background"):this.hostElement.classList.remove("card--background"),this.plain?this.hostElement.classList.add("card--plain"):this.hostElement.classList.remove("card--plain"),this.slim?this.hostElement.classList.add("card--slim"):this.hostElement.classList.remove("card--slim"),this.hover?this.hostElement.classList.add("card--has-hover"):this.hostElement.classList.remove("card--has-hover"),this.inverted?this.hostElement.classList.add("card--inverted"):this.hostElement.classList.remove("card--inverted")}static get is(){return"edel-card"}static get properties(){return{background:{type:Boolean,attr:"background",watchCallbacks:["componentDidLoad"]},bgColor:{type:String,attr:"bg-color",watchCallbacks:["componentDidLoad"]},borderColor:{type:String,attr:"border-color",watchCallbacks:["componentDidLoad"]},hostElement:{elementRef:!0},hover:{type:Boolean,attr:"hover",watchCallbacks:["componentDidLoad"]},inverted:{type:Boolean,attr:"inverted",watchCallbacks:["componentDidLoad"]},plain:{type:Boolean,attr:"plain",watchCallbacks:["componentDidLoad"]},slim:{type:Boolean,attr:"slim",watchCallbacks:["componentDidLoad"]},spaced:{type:Boolean,attr:"spaced",watchCallbacks:["componentDidLoad"]}}}}export{s as EdelCard};