import{h,Host}from"@stencil/core";let id=0;export class ScTabPanel{constructor(){this.componentId="tab-panel-"+ ++id,this.name="",this.active=!1}render(){return this.el.id=this.el.id||this.componentId,h(Host,{key:"1c3acf6aa1dea59a0c0c5b3f0b751ff487d341d8",style:{display:this.active?"block":"none"}},h("div",{key:"9c9467218b6166555647c4213f0d6bd81d87ca61",part:"base",class:"tab-panel",role:"tabpanel","aria-hidden":this.active?"false":"true"},h("slot",{key:"f5306caca850f009ad7e9b766919e91ed1de7488"})))}static get is(){return"sc-tab-panel"}static get encapsulation(){return"shadow"}static get originalStyleUrls(){return{$:["sc-tab-panel.scss"]}}static get styleUrls(){return{$:["sc-tab-panel.css"]}}static get properties(){return{name:{type:"string",mutable:!1,complexType:{original:"string",resolved:"string",references:{}},required:!1,optional:!1,docs:{tags:[],text:"The tab panel's name."},attribute:"name",reflect:!0,defaultValue:"''"},active:{type:"boolean",mutable:!1,complexType:{original:"boolean",resolved:"boolean",references:{}},required:!1,optional:!1,docs:{tags:[],text:"When true, the tab panel will be shown."},attribute:"active",reflect:!0,defaultValue:"false"}}}static get elementRef(){return"el"}}