import{r as t,h as e,H as r,g as i}from"./p-268dca3f.js";const a=class{constructor(e){t(this,e),this.type="determinate",this.value=0,this.text=null,this.reversed=!1}render(){return e(r,null,e("div",{class:"track"},e("div",{class:{bar:!0,indeterminate:"indeterminate"===this.type,reversed:this.reversed},style:"determinate"===this.type?{width:100*this.value+"%"}:{}})),this.text?e("div",{class:"text"},this.text):null)}get el(){return i(this)}};a.style=":host([hidden]){display:none}:host{position:relative;display:block;width:100%}.track,.bar{position:absolute;top:0;height:2px}.track{background:var(--calcite-ui-border-3);z-index:0;width:100%;overflow:hidden}.bar{background-color:var(--calcite-ui-blue-1);z-index:0}.indeterminate{width:20%;-webkit-animation:looping-progress-bar-ani 2200ms linear infinite;animation:looping-progress-bar-ani 2200ms linear infinite}.reversed{animation-direction:reverse}.text{padding:1.5rem 0 0 0;text-align:center;font-size:0.875rem;line-height:1.5}@-webkit-keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}50%{width:40%}100%{-webkit-transform:translate3d(600%, 0, 0);transform:translate3d(600%, 0, 0)}}";export{a as calcite_progress}