p-d27d7d68.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r,h as t,H as a,g as o}from"./p-0e3693b5.js";import{h as e}from"./p-3e9fe89f.js";const s=class{constructor(t){r(this,t),this.animated=!1,this.disabled=!1,this.indeterminate=!1,this.max=100,this.min=0,this.orientation="horizontal",this.textVisible=!0,this.striped=!1,this.theme="default",this.text="",this.value=0}onIndeterminateChanged(){this.updateProgress()}onValueChanged(){this.validateValue(),this.updateProgress()}componentDidLoad(){this.validateValue(),this.updateProgress()}async getPart(r){return new Promise((t=>{t(this.el.shadowRoot.querySelector(`[part~="${r}"]`))}))}updateProgress(){this.el.style.setProperty("--_dwc-progressbar-percent",`${String(this.indeterminate?100:this.getTranslatedValue())}%`)}getTextOrPercentage(){const r=this.text.trim(),t=this.value,a=this.getTranslatedValue();return r.length?r.replace(/\{\{x\}\}/g,a).replace(/\{\{value\}\}/g,String(t)):`${String(this.getTranslatedValue())}%`}validateValue(){this.value=this.value<this.min?0:this.value>this.max?this.max:this.value}getTranslatedValue(){return String(Number(Math.floor(100*(this.value-this.min))/(this.max-this.min)).toFixed(0))}render(){return t(a,{key:"7e005d818426bcb1fc637b6f779d2cc20b4950bb",class:e({BBjControl:!0,BBjProgressBar:!0,"bbj-disabled":this.disabled})},t("div",{key:"9023b8d088ff76135c615854020edf712ad8f95c",part:"control",class:{striped:!!this.indeterminate||this.striped,animated:!!this.indeterminate||this.animated}},t("div",{key:"c93bf4cc9199e76b047369d179d0dd3701314bd2",part:"front"},t("div",{key:"a89e14a317964ea4849b16e670388fe6e1a610b3",part:"text front-text",hidden:!this.textVisible},this.getTextOrPercentage())),t("div",{key:"ae5fbd35c78f249c31c53cccf4dd8f863ab21481",part:"back"},t("div",{key:"8733fb96d633006f09b1990c08c6c1e3b484df62",part:"text back-text",hidden:!this.textVisible},this.getTextOrPercentage()))))}get el(){return o(this)}static get watchers(){return{indeterminate:["onIndeterminateChanged"],value:["onValueChanged"]}}};s.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}@keyframes stripes-animation{0%{background-position-x:-1rem}}:host{--__dwc-stripes-color:var(--dwc-stripes-color, rgba(255, 255, 255, 0.15));display:inline-block;height:var(--dwc-progressbar-height, 25px);width:var(--dwc-progressbar-width, 100%)}:host([disabled]){cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;pointer-events:none}:host([disabled]) *{cursor:var(--dwc-disabled-cursor);user-select:none;pointer-events:none}[part=control]{display:flex;height:inherit;overflow:hidden;position:relative;width:inherit}[part~=text]{font-size:var(--dwc-font-size-s);white-space:nowrap}[part~=front],[part~=back]{align-items:center;display:flex;justify-content:center}[part~=back]{width:100%}[part=control].striped [part~=back]{background-image:linear-gradient(135deg, var(--__dwc-stripes-color) 25%, transparent 25%, transparent 50%, var(--__dwc-stripes-color) 50%, var(--__dwc-stripes-color) 75%, transparent 75%, transparent);background-size:1rem 1rem}[part=control].animated [part~=back]{animation:stripes-animation 1s linear infinite}:host([disabled]) [part~=back]{animation:none}[part~=front]{background-color:var(--dwc-progressbar-front-background, var(--dwc-color-default));bottom:0;color:var(--dwc-progressbar-front-color, var(--dwc-color-on-default-text));left:0;position:absolute;right:0;top:0;transition:clip-path var(--dwc-transition-fast) linear}:host([orientation=horizontal]) [part~=front]{clip-path:inset(0 0 0 var(--_dwc-progressbar-percent))}:host([orientation=vertical]) [part~=front]{clip-path:inset(0 0 var(--_dwc-progressbar-percent) 0)}[part~=back]{background-color:var(--dwc-progressbar-back-background, var(--dwc-color-primary));color:var(--dwc-progressbar-back-color, var(--dwc-color-on-primary-text))}[part~=front],[part~=back]{border:var(--dwc-border-width) var(--dwc-border-style) var(--dwc-progressbar-border-color, var(--dwc-color-default-dark));border-radius:var(--dwc-border-radius-xl)}:host([theme=success]){--dwc-progressbar-back-background:var(--dwc-color-success);--dwc-progressbar-back-color:var(--dwc-color-on-success-text)}:host([theme=warning]){--dwc-progressbar-back-background:var(--dwc-color-warning);--dwc-progressbar-back-color:var(--dwc-color-on-warning-text)}:host([theme=danger]){--dwc-progressbar-back-background:var(--dwc-color-danger);--dwc-progressbar-back-color:var(--dwc-color-on-danger-text)}:host([theme=info]){--dwc-progressbar-back-background:var(--dwc-color-info);--dwc-progressbar-back-color:var(--dwc-color-on-info-text)}:host([theme=gray]){--dwc-progressbar-back-background:var(--dwc-color-gray);--dwc-progressbar-back-color:var(--dwc-color-on-gray-text)}";export{s as dwc_progressbar}