import{p as e,H as s,h as r,d as a,t as c}from"./p-yZBlG3YQ.js";const o=()=>`verdocs-progress-bar{font-family:"Inter", "Barlow", sans-serif;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-progress-bar .labels{display:-ms-flexbox;display:flex;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-progress-bar .labels .label{display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin-right:8px;color:#33364b}verdocs-progress-bar .bar{display:-ms-flexbox;display:flex;-ms-flex:0 0 10px;flex:0 0 10px;border-radius:5px;background-color:#cccccc}verdocs-progress-bar .bar .slider{display:-ms-flexbox;display:flex;border-radius:5px;background-color:#55bc81}`;const l=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.label="";this.showPercent=false;this.percent=0}render(){const e=Math.ceil(100*Math.min(this.percent,100)/100);console.log("Rendering progress bar",{widthPercent:e,label:this.label,showPercent:this.showPercent,percent:this.percent});return r(a,{key:"deb87ba92583c69d4257c9b0ac2e288c5968dcec"},r("div",{key:"6122cb2a4629aaff872b7aaa78d6c48e72a1c4a6",class:"labels"},this.label&&r("div",{key:"39d984b137bfccf228a397baf25eb94d918ba5a1",class:"label"},this.label),this.showPercent&&r("div",{key:"9e5e8d5b01fac6ad5ee539ed6ed979399e035798",class:"label"},this.percent,"%")),r("div",{key:"5a2d126da3607ab523a795139741c3490cf0b27b",class:"bar"},r("div",{key:"f58d38908e994413826c740efc343e962ec4b50a",class:"slider",style:{width:`${e}%`}})))}static get style(){return o()}},[0,"verdocs-progress-bar",{label:[1],showPercent:[4,"show-percent"],percent:[2]}]);function t(){if(typeof customElements==="undefined"){return}const e=["verdocs-progress-bar"];e.forEach((e=>{switch(e){case"verdocs-progress-bar":if(!customElements.get(c(e))){customElements.define(c(e),l)}break}}))}export{l as V,t as d};
//# sourceMappingURL=p-2bW-AL6b.js.map