import{r as a,c as s,h as t,a as e}from"./p-9add63ef.js";import{i}from"./p-b0d8cd6e.js";const r=":host{display:block}.tab{font-family:var(--sc-font-sans);color:var(--sc-color-gray-600);display:flex;align-items:center;justify-content:flex-start;line-height:1;padding:var(--sc-spacing-small) var(--sc-spacing-small);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-semibold);border-radius:var(--sc-border-radius-small);cursor:pointer;transition:color 0.35s ease, background-color 0.35s ease;user-select:none;text-decoration:none}.tab.tab--active,.tab:hover{color:var(--sc-tab-active-color, var(--sc-color-gray-900));background-color:var(--sc-tab-active-background, var(--sc-color-gray-100))}.tab.tab--disabled{cursor:not-allowed;color:var(--sc-color-gray-400)}.tab__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--sc-line-height-dense)}.tab__prefix,.tab__suffix{flex:0 0 auto;display:flex;align-items:center}.tab__suffix{margin-left:auto}.tab__counter{background:var(--sc-color-gray-200);display:inline-block;padding:var(--sc-spacing-xx-small) var(--sc-spacing-small);border-radius:var(--sc-border-radius-pill);font-size:var(--sc-font-size-small);text-align:center;line-height:1;transition:color 0.35s ease, background-color 0.35s ease}.tab.tab--active .tab__counter,.tab:hover .tab__counter{background:var(--sc-color-white)}.tab--has-prefix{padding-left:var(--sc-spacing-small)}.tab--has-prefix .tab__content{padding-left:var(--sc-spacing-small)}.tab--has-suffix{padding-right:var(--sc-spacing-small)}.tab--has-suffix .tab__label{padding-right:var(--sc-spacing-small)}.tab--is-rtl.tab--has-prefix .tab__content{padding-left:0;padding-right:var(--sc-spacing-small)}";const c=r;let o=0;const l=class{constructor(t){a(this,t);this.scClose=s(this,"scClose",7);this.componentId=`tab-${++o}`;this.panel="";this.href=undefined;this.active=false;this.disabled=false;this.count=undefined;this.hasPrefix=false;this.hasSuffix=false}async triggerFocus(a){this.tab.focus(a)}async triggerBlur(){this.tab.blur()}handleSlotChange(){this.hasPrefix=!!this.el.querySelector('[slot="prefix"]');this.hasSuffix=!!this.el.querySelector('[slot="suffix"]')}render(){this.el.id=this.el.id||this.componentId;const a=this.href?"a":"div";return t(a,{key:"e0a5f3d9d5647401e03d6651df1862d1d718e04c",part:`base ${this.active?`active`:``}`,href:this.href,class:{tab:true,"tab--active":this.active,"tab--disabled":this.disabled,"tab--has-prefix":this.hasPrefix,"tab--has-suffix":this.hasSuffix,"tab--is-rtl":i()},ref:a=>this.tab=a,role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled?"-1":"0"},t("span",{key:"9685ef380ea615d7666431d9770ba489646bb72c",part:"prefix",class:"tab__prefix"},t("slot",{key:"deb521481ce2ca774762ad270e1bf5c1b836e98f",onSlotchange:()=>this.handleSlotChange(),name:"prefix"})),t("div",{key:"77a47ed7619302ef2c2129c13d3fb8e445f25654",class:"tab__content",part:"content"},t("slot",{key:"1d5bf14558d84c751155975b4a605a26254908c4"})),t("span",{key:"e72d282201e743bbcb5981c83536ca8336ac056c",part:"suffix",class:"tab__suffix"},t("slot",{key:"e73eea74113b2f2fd710d6a222fc985e02d98172",onSlotchange:()=>this.handleSlotChange(),name:"suffix"})),t("slot",{key:"c6d93551e948a70243fee6073b563474f7cf7d77",name:"suffix"},!!this.count&&t("div",{key:"d91b7506276f82bc4ba879ee82df9b61d73d4713",class:"tab__counter",part:"counter"},this.count)))}get el(){return e(this)}};l.style=c;export{l as sc_tab};
//# sourceMappingURL=p-56da2a85.entry.js.map