import{r as t,c as e,h as n,H as a,a as c}from"./p-3173867a.js";const i=class{constructor(n){t(this,n),this.selected=e(this,"selected",7),this.navBarSelectors={navBarClass:"tc-left-nav",navlinkClass:"tc-left-link",navItemClass:"tc-left-item",activeClass:"tc-active"},this.setActiveTab=(t,e,n)=>{this.activeItem&&this.activeItem.classList.toggle(this.navBarSelectors.activeClass),this.activeItem=t,this.activeItem.classList.toggle(this.navBarSelectors.activeClass),n||this.selected.emit(e)}}async setTab(t,e){return this.setTabApi(t,e)}async clearTabs(){this.activeItem={},this.render()}componentWillLoad(){this.children=Array.from(this.el.children),this.el.innerHTML=""}componentDidLoad(){}setTabApi(t,e){const n=this.el.shadowRoot.getElementById(t.id);n&&this.setActiveTab(n,t,e)}render(){return n(a,null,this.tabs?n("div",{class:"tc-left-nav"},n("div",{class:"tc-trigger-wrapper"},n("div",{class:"tc-trigger"}),n("span",{class:"tc-title"})),n("div",{class:"tc-navbar-background"}),n("nav",{class:"tc-left-navbar"},n("div",{class:"tc-close-icon"}),n("div",{class:"tc-content"},n("ul",{class:"tc-menu"},this.tabs.map((t=>n("li",{class:"tc-menu-item",id:t.id,onClick:e=>this.setActiveTab(e.currentTarget,t)},n("a",{class:"tc-menu-link"},n("span",{class:"tc-menu-icon development-menu-item"}),n("span",null,t.label)," ")))))),n("div",{class:"tc-collapse-icon-wrapper"}))):n("div",null))}get el(){return c(this)}};i.style=':host{display:block;height:100%}.tc-left-nav{padding:0;top:85px;bottom:0;z-index:9999;background-color:transparent;width:200px;height:100%}.tc-left-navbar{top:85px;bottom:0;z-index:9999;text-align:left;font-size:16px;padding:0;width:200px;height:100%}.tc-left-navbar .tc-content{background-color:#f4f4f4;opacity:1;height:100%;transition:opacity .4s ease-out;overflow-y:auto;white-space:nowrap}.tc-left-navbar .tc-content::-webkit-scrollbar{background-color:#f4f4f4}.tc-left-navbar .tc-content::-webkit-scrollbar-thumb{display:none}.tc-left-navbar .tc-content.scroll::-webkit-scrollbar-thumb{display:block;border-radius:100px;background-color:#dedede}.tc-left-navbar .tc-menu{padding-right:0;padding-left:0;margin-left:0;list-style-type:none}.tc-left-navbar .tc-menu a{color:#0081cb;display:block}.tc-left-navbar .tc-menu-item{position:relative;overflow:hidden}.tc-left-navbar .tc-menu-item:hover{cursor:pointer}.tc-left-navbar .tc-menu-item:first-child{margin-top:8px}.tc-left-navbar .tc-menu-item a{padding:8px 27px 8px 20px;text-decoration:none}.tc-left-navbar .tc-menu-item.tc-active>a{font-weight:600;line-height:1.5;background-color:#fff;padding-left:16px;border-left:4px solid #062e79;color:#062e79}.tc-left-navbar .tc-menu-item:hover>a{background-color:#fff}.tc-left-navbar .tc-menu-item .tc-sub-menu{list-style-type:none;padding:0;overflow:hidden;max-height:0;transition:max-height .4s ease-out}.tc-left-navbar .tc-menu-item.tc-open .tc-sub-menu{max-height:600px}.tc-left-navbar .tc-menu-item.tc-open .tc-dropdown-icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.tc-left-navbar .tc-dropdown-icon{background-image:url("../img/ic-dropdown-open.svg");width:24px;height:24px;position:absolute;right:8px;top:8px;cursor:pointer;transition:all .4s ease-out}.tc-left-navbar .tc-sub-menu-item{position:relative}.tc-left-navbar .tc-sub-menu-item a{padding:8px 0 8px 48px}.tc-left-navbar .tc-sub-menu-item.tc-active>a{font-weight:600;line-height:1.5;color:#062e79}.tc-left-navbar .tc-footer{display:none;background-color:#f4f4f4}.tc-left-navbar .tc-close .tc-content{opacity:0;pointer-events:none}.tc-left-navbar.tc-close .tc-content .tc-dropdown-icon{display:none}.tc-left-navbar.tc-close .tc-content .tc-menu-item{overflow:hidden}.tc-left-navbar.tc-close .tc-content .tc-sub-menu-item a{overflow:hidden}';export{i as uxpl_left_nav}