import{p as e,H as i,h as t,t as n}from"./p-Bpcl2TqF.js";import{i as r,d as a,t as o}from"./p-94ZtGp9D.js";const s=()=>`: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=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}get el(){return 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=a();o("ifx-indicator",await e)}}componentWillUpdate(){this.handleNumber()}render(){return t("div",{key:"a1a7ac09b2a5426a6023489a5b32bad48d236d19","aria-label":this.ariaLabel,class:"indicator__container"},this.variant==="number"&&t("div",{key:"a8698480f035da024310a5f05a73185dcc2f810f",class:`number__container ${this.inverted?"inverted":""}`},t("div",{key:"370b7c8bd78a5ec8a95adf08602d4fbf80773001",class:"number__wrapper"},this.filteredNumber)),this.variant==="dot"&&t("div",{key:"f90308b1653054e2447395b606ee9f9ce56eed49",class:"dot__wrapper"}))}static get style(){return s()}},[513,"ifx-indicator",{inverted:[4],ariaLabel:[1,"aria-label"],variant:[1],number:[2],filteredNumber:[32]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ifx-indicator"];e.forEach((e=>{switch(e){case"ifx-indicator":if(!customElements.get(n(e))){customElements.define(n(e),c)}break}}))}export{c as I,d};
//# sourceMappingURL=p-DCEvWArd.js.map