import{r as e,a as i,h as n}from"./p-Cby2wKoI.js";import{i as r}from"./p-CtINY9El.js";import{d as t,t as a}from"./p-DNHOWgWh.js";const o=()=>`:host{display:inline-flex}.indicator__container .dot__wrapper{display:flex;width:8px;height:8px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#0A8276}.indicator__container .number__container{height:16px;display:inline-flex;padding:0;min-width:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276}.indicator__container .number__container .number__wrapper{padding:0 4px;color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.indicator__container .number__container.inverted{background-color:#FFFFFF}.indicator__container .number__container.inverted .number__wrapper{color:#0A8276}`;const c=class{constructor(i){e(this,i)}get el(){return i(this)}filteredNumber;inverted=false;ariaLabel;variant="number";number=0;handleNumber(){this.filteredNumber=!isNaN(this.number)&&this.number>99?"99+":this.number}componentWillLoad(){this.handleNumber()}async componentDidLoad(){if(!r(this.el)){const e=t();a("ifx-indicator",await e)}}componentWillUpdate(){this.handleNumber()}render(){return n("div",{key:"a1a7ac09b2a5426a6023489a5b32bad48d236d19","aria-label":this.ariaLabel,class:"indicator__container"},this.variant==="number"&&n("div",{key:"a8698480f035da024310a5f05a73185dcc2f810f",class:`number__container ${this.inverted?"inverted":""}`},n("div",{key:"370b7c8bd78a5ec8a95adf08602d4fbf80773001",class:"number__wrapper"},this.filteredNumber)),this.variant==="dot"&&n("div",{key:"f90308b1653054e2447395b606ee9f9ce56eed49",class:"dot__wrapper"}))}};c.style=o();export{c as ifx_indicator};
//# sourceMappingURL=p-4a534c1b.entry.js.map