import{tab_panel_styles_default as t}from"./chunk.JTIOSPX3.js";import{watch as e}from"./chunk.C7FWPEOY.js";import{ShoelaceElement as i}from"./chunk.Z7XDKKOD.js";import{__decorateClass as s}from"./chunk.6M63UXML.js";import{classMap as r}from"../../../../lit/directives/class-map.js";import{html as a}from"../../../../lit/index.js";import{property as o}from"../../../../lit/decorators.js";var n=0,c=class extends i{constructor(){super(...arguments),this.attrId=++n,this.componentId=`sl-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return a`
      <slot
        part="base"
        class=${r({"tab-panel":!0,"tab-panel--active":this.active})}
      ></slot>
    `}};c.styles=t,s([o({reflect:!0})],c.prototype,"name",2),s([o({type:Boolean,reflect:!0})],c.prototype,"active",2),s([e("active")],c.prototype,"handleActiveChange",1);export{c as SlTabPanel};