import{p as e,H as s,h as t,t as a}from"./p-Bpcl2TqF.js";import{i as r,d as i,t as o}from"./p-94ZtGp9D.js";const l=()=>`:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}`;const n=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}get el(){return this}value=0;size;showLabel=false;internalValue;valueChanged(e,s){if(e!==s){this.internalValue=e}}componentWillLoad(){this.internalValue=this.value}async componentDidLoad(){if(!r(this.el)){const e=i();o("ifx-progress-bar",await e)}}render(){return t("div",{key:"1d36e6322b432ab25d976594cb685598ae00ac97",role:"progressbar","aria-valuenow":this.internalValue,"aria-valuemin":"0","aria-valuemax":"100","aria-label":`Progress: ${this.internalValue}%`,class:`progress-bar ${this.size}`},t("div",{key:"90e24334fa4d14f7922f13ba22cc1c72a1472d7e",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&t("span",{key:"02ebbbf3f2420af6b2077a57207ab270e4f82171",class:"label"},`${this.internalValue}%`)))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return l()}},[513,"ifx-progress-bar",{value:[2],size:[1],showLabel:[4,"show-label"],internalValue:[32]},undefined,{value:[{valueChanged:0}]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ifx-progress-bar"];e.forEach((e=>{switch(e){case"ifx-progress-bar":if(!customElements.get(a(e))){customElements.define(a(e),n)}break}}))}export{n as P,h as d};
//# sourceMappingURL=p-BGtkbMNy.js.map