import{r as e,c as t,h as a,H as i,g as r}from"./p-b447a3c4.js";import"./p-f5676def.js";const n=class{constructor(a){e(this,a),this.changeChoice=t(this,"changeChoice",7),this.clickProfileMenu=t(this,"clickProfileMenu",7),this.iconOnly=!1,this.disabled=!1,this.openProfileMenu=!1,this.toggleProfileMenu=e=>{e.stopPropagation()}}componentWillLoad(){}componentDidLoad(){this.loadMenu()}loadMenu(){this.datalist=[{url:"123",label:"Option 1",icon:"home",active:!0},{url:"124",label:"Opción 2",icon:"calendar",active:!1},{url:"125",label:"Opción 3",icon:"user",active:!1},{url:"126",label:"Opción 4",icon:"globe",active:!1},{url:"127",label:"Opción 5",icon:"book",active:!1},{url:"128",label:"Opción 6",icon:"dollar-sign",active:!1},{url:"123",label:"Option 7",icon:"send",active:!1}]}render(){return a(i,null,this.datalist&&this.datalist.length?a("div",{class:"navbar"},a("div",null,a("cc-button",{class:"navbar__toggle",href:"#",target:"_blank"},a("cc-icon",{name:"menu",class:"menu"})),a("ul",{class:{"navbar__list--vertical":!0,navbar__list:!0}},this.datalist.map(e=>a("li",{class:{navbar__item:!0,"navbar__item--selected":e.active}},a("cc-button",{fill:"clear",href:e.url,target:"_blank"},a("cc-icon",{size:24,name:e.icon}),a("span",{class:"navbar__item-text"},e.label))))))):a("div",null,"Cargando..."))}get el(){return r(this)}};n.style=".navbar{width:8.8rem;overflow:hidden}.navbar__toggle .button.sc-cc-button{border-radius:0;width:8.8rem;height:7.2rem}.navbar__list{background-color:var(--neutral-04);width:8.8rem}.navbar__list--vertical .button__text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.navbar__item-text{font-size:1.1rem}.navbar__item{width:8.8rem;height:7.2rem}.navbar__item .button.sc-cc-button{border-radius:0;width:8.8rem;height:7.2rem}.navbar__item a.button--clear{color:var(--neutral-02);width:8.8rem}.navbar__item--selected a.button--clear{color:var(--primary)}";export{n as cc_navbar_web}