import{progress_bar_styles_default as e}from"./chunk.MISXRW77.js";import{LocalizeController as t}from"./chunk.2A3352EO.js";import{ShoelaceElement as r}from"./chunk.Z7XDKKOD.js";import{__decorateClass as i}from"./chunk.6M63UXML.js";import{classMap as s}from"../../../../lit/directives/class-map.js";import{html as a}from"../../../../lit/index.js";import{ifDefined as l}from"../../../../lit/directives/if-defined.js";import{property as o}from"../../../../lit/decorators.js";import{styleMap as p}from"../../../../lit/directives/style-map.js";var m=class extends r{constructor(){super(...arguments),this.localize=new t(this),this.value=0,this.indeterminate=!1,this.label=""}render(){return a`
      <div
        part="base"
        class=${s({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":"rtl"===this.localize.dir()})}
        role="progressbar"
        title=${l(this.title)}
        aria-label=${this.label.length>0?this.label:this.localize.term("progress")}
        aria-valuemin="0"
        aria-valuemax="100"
        aria-valuenow=${this.indeterminate?0:this.value}
      >
        <div part="indicator" class="progress-bar__indicator" style=${p({width:`${this.value}%`})}>
          ${this.indeterminate?"":a` <slot part="label" class="progress-bar__label"></slot> `}
        </div>
      </div>
    `}};m.styles=e,i([o({type:Number,reflect:!0})],m.prototype,"value",2),i([o({type:Boolean,reflect:!0})],m.prototype,"indeterminate",2),i([o()],m.prototype,"label",2);export{m as SlProgressBar};