import{h}from"../edel-elements.core.js";var EdelValuegridComponent=function(){function e(){this.slim=!1,this.extended=!1,this.grid=!1,this.inline=!1}return e.prototype.render=function(){return h("slot",null)},e.prototype.hostData=function(){return{class:"valuegrid"}},e.prototype.componentDidLoad=function(){this.shouldHaveClass("valuegrid--slim",this.slim),this.shouldHaveClass("valuegrid--extended",this.extended),this.shouldHaveClass("valuegrid--grid",this.grid),this.shouldHaveClass("valuegrid--inline",this.inline)},e.prototype.shouldHaveClass=function(e,t){t?this.hostElement.classList.add(e):this.hostElement.classList.remove(e)},Object.defineProperty(e,"is",{get:function(){return"edel-valuegrid"},enumerable:!0,configurable:!0}),Object.defineProperty(e,"properties",{get:function(){return{extended:{type:Boolean,attr:"extended",watchCallbacks:["componentDidLoad"]},grid:{type:Boolean,attr:"grid",watchCallbacks:["componentDidLoad"]},hostElement:{elementRef:!0},inline:{type:Boolean,attr:"inline",watchCallbacks:["componentDidLoad"]},slim:{type:Boolean,attr:"slim",watchCallbacks:["componentDidLoad"]}}},enumerable:!0,configurable:!0}),e}();export{EdelValuegridComponent as EdelValuegrid};