import{r,h as a,g as i}from"./p-f06dc8f3.js";import{m as b}from"./p-84ba0a57.js";const e=class{constructor(a){r(this,a),this.addingArrows=()=>{const r=this.host.querySelectorAll("ibk-breadcrumb-item"),a=this.host.querySelector(".ibk-breadcrumb__container");Array.from(r,((r,i)=>{if(i>0){const i=document.createElement("i");i.setAttribute("class","ibk-breadcrumb__arrow icon-xs-arrow-right"),a.insertBefore(i,r)}this.negative&&r.setAttribute("negative","")}))}}componentDidLoad(){this.addingArrows()}containerClass(){return b("ibk-breadcrumb",[{separators:this.separators},{negative:this.negative}])}render(){return a("div",{class:this.containerClass()},a("div",{class:"ibk-breadcrumb__container"},a("slot",null)))}get host(){return i(this)}};e.style=".ibk-breadcrumb__container{display:inline-flex;align-items:center}.ibk-breadcrumb--separators .ibk-breadcrumb__container{border:solid var(--gray4);border-width:1px 0 1px 0;padding:30px 0}.ibk-breadcrumb__arrow{font-size:8px;color:var(--gray2);padding:3px 7px 0 7px}.ibk-breadcrumb--negative.ibk-breadcrumb--separators .ibk-breadcrumb__container{border-color:rgba(255,255,255,0.25)}.ibk-breadcrumb--negative .ibk-breadcrumb__arrow{color:rgba(255,255,255,0.25)}";export{e as ibk_breadcrumb}