import{r as e,a as i,h as t}from"./p-wX3eJOEL.js";import{i as n}from"./p-CtINY9El.js";import{d as r,t as a}from"./p-DNHOWgWh.js";const o=class{constructor(i){e(this,i)}get el(){return i(this)}filteredNumber;inverted=!1;ariaLabelText;variant="number";number=0;handleNumber(){this.filteredNumber=!isNaN(this.number)&&this.number>99?"99+":this.number}componentWillLoad(){this.handleNumber()}async componentDidLoad(){if(!n(this.el)){const e=r();a("ifx-indicator",await e)}}componentWillUpdate(){this.handleNumber()}render(){return t("div",{key:"6c212fffc7b33332438df4e5d98154d61e4b855b","aria-label-text":this.ariaLabelText,class:"indicator__container"},"number"===this.variant&&t("div",{key:"ec325f386325568ae061fb3eb7b4bd7b2ae6529e",class:"number__container "+(this.inverted?"inverted":"")},t("div",{key:"9fcc8c347a1b0542e8edd4e77a0b73f2152a06f4",class:"number__wrapper"},this.filteredNumber)),"dot"===this.variant&&t("div",{key:"c16a0356314fddd1f7c5e851f0f54136f0ec7909",class:"dot__wrapper"}))}};o.style=":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}";export{o as ifx_indicator}