text: import{r as e,h as r,H as s,i as a}from"./p-4d70e85a.js";import{c as d,b as o}from"./p-2e2691bb.js";import{j as p}from"./p-90f9de28.js";import{h as n}from"./p-8519437c.js";import{g as i}from"./p-06394cd8.js";const t=class{constructor(r){e(this,r),this.percentage=!1,this.type="determinate",this.reversed=!1,this.value=0,this.buffer=1}render(){const{dsColor:e,type:a,reversed:p,value:t,buffer:l,percentage:x,dsName:g}=this,b=d.getBoolean("_testing"),h=o(this);return r(s,{role:"progressbar","aria-valuenow":"determinate"===a?t:null,"aria-valuemin":"0","aria-valuemax":"1",class:i(e,{[h]:!0,"med-progress-bar":!0,[`med-progress-bar--${g}`]:void 0!==g,[`progress-bar-${a}`]:!0,percentage:x,"progress-paused":b,"progress-bar-reversed":"rtl"===document.dir?!p:p,"in-med-header":n("med-header",this.el)})},"indeterminate"===a?m():c(t,l))}get el(){return a(this)}},m=()=>r("div",{part:"track",class:"progress-buffer-bar"},r("div",{class:"indeterminate-bar-primary"},r("span",{part:"progress",class:"progress-indeterminate"})),r("div",{class:"indeterminate-bar-secondary"},r("span",{part:"progress",class:"progress-indeterminate"}))),c=(e,s)=>{const a=0!==e?100*e:8,d=0!==e?"%":"px",o=p(0,s,1),n=100*e;return[r("div",{class:"progress-container"},r("div",{part:"progress",class:"progress "+(100===a?"progress--correct":""),style:{width:`${a}${d}`}}),r("span",{class:"progress__percentage"},n.toFixed(),"%")),r("div",{class:{"buffer-circles-container":!0,"ion-hide":1===o},style:{transform:`translateX(${100*o}%)`}},r("div",{class:"buffer-circles-container",style:{transform:`translateX(-${100*o}%)`}},r("div",{part:"stream",class:"buffer-circles"}))),r("div",{part:"track",class:"progress-buffer-bar",style:{transform:`translateX(${o})`}})]};t.style={ios:':root{--med-font-family-brand:"fsemeric";--med-font-family-base:"fsemeric";--med-font-size-nano:10px;--med-font-size-xxxs:12px;--med-font-size-xxs:14px;--med-font-size-xs:16px;--med-font-size-sm:20px;--med-font-size-md:24px;--med-font-size-lg:32px;--med-font-size-xl:40px;--med-font-size-xxl:48px;--med-font-size-xxxl:64px;--med-font-size-huge:96px;--med-font-weight-thin:250;--med-font-weight-light:300;--med-font-weight-regular:400;--med-font-weight-medium:500;--med-font-weight-semibold:600;--med-font-weight-bold:700;--med-font-weight-extrabold:800;--med-font-weight-heavy:900;--med-letter-spacing-ultracompressed:-0.04;--med-letter-spacing-compressed:-0.02;--med-letter-spacing-default:0;--med-letter-spacing-medium:0.02;--med-letter-spacing-expanded:0.05;--med-letter-spacing-distant:0.1;--med-letter-spacing-far:0.2;--med-line-height-compressed:100%;--med-line-height-default:24px;--med-line-height-double:200%}:root{--med-spacing-inset-nano:4px;--med-spacing-inset-xs:8px;--med-spacing-inset-sm:16px;--med-spacing-inset-base:24px;--med-spacing-inset-md:32px;--med-spacing-inset-lg:40px;--med-spacing-inset-xl:48px;--med-spacing-inset-xxl:64px;--med-spacing-squish-nano:4px 8px;--med-spacing-squish-xs:8px 16px;--med-spacing-squish-sm:8px 24px;--med-spacing-squish-base:8px 32px;--med-spacing-squish-md:16px 24px;--med-spacing-squish-lg:16px 32px;--med-spacing-squish-xl:24px 32px;--med-spacing-squish-xxl:32px 40px;--med-spacing-stretch-nano:8px 4px;--med-spacing-stretch-xs:16px 8px;--med-spacing-stretch-sm:24px 8px;--med-spacing-stretch-base:32px 8px;--med-spacing-stretch-md:24px 16px;--med-spacing-stretch-lg:32px 16px;--med-spacing-stretch-xl:32px 24px;--med-spacing-stretch-xxl:40px 32px;--med-spacing-inline-quark:2px;--med-spacing-inline-nano:4px;--med-spacing-inline-xxxs:8px;--med-spacing-inline-base:16px;--med-spacing-inline-xxs:24px;--med-spacing-inline-xs:32px;--med-spacing-inline-sm:40px;--med-spacing-inline-md:48px;--med-spacing-inline-lg:56px;--med-spacing-inline-xl:64px;--med-spacing-inline-xxl:72px;--med-spacing-inline-xxxl:80px;--med-spacing-inline-huge:120px;--med-spacing-inline-ultra:160px;--med-spacing-stack-quark:2px;--med-spacing-stack-nano:4px;--med-spacing-stack-xxxs:8px;--med-spacing-stack-base:16px;--med-spacing-stack-xxs:24px;--med-spacing-stack-xs:32px;--med-spacing-stack-sm:40px;--med-spacing-stack-md:48px;--med-spacing-stack-lg:56px;--med-spacing-stack-xl:64px;--med-spacing-stack-xxl:72px;--med-spacing-stack-xxxl:80px;--med-spacing-stack-huge:120px;--med-spacing-stack-ultra:160px}:root{--med-border-radius-none:0;--med-border-radius-quark:2px;--med-border-radius-nano:4px;--med-border-radius-sm:8px;--med-border-radius-md:16px;--med-border-radius-lg:24px;--med-border-radius-pill:31.25em;--med-border-radius-full:50%;--med-border-radius-speech-left-down:8px 8px 8px 0;--med-border-radius-speech-right-down:8px 8px 0 8px;--med-border-radius-speech-right-up:8px 0 8px 0px;--med-border-radius-speech-left-up:0 8px 8px 0px;--med-border-radius-table-down-sm:0 0 8px 8px;--med-border-radius-table-up-sm:8px 8px 0 0;--med-border-radius-table-down-md:16px 16px 0 0;--med-border-radius-table-up-md:0 0 16px 16px;--med-border-width-none:0;--med-border-width-quark:0.25px;--med-border-width-nano:0.5px;--med-border-width-hairline:1px;--med-border-width-thin:2px;--med-border-width-thick:4px;--med-border-width-bold:8px;--med-border-width-heavy:16px;--med-opacity-level-semiopaque:0.8;--med-opacity-level-intense:0.64;--med-opacity-level-half:0.5;--med-opacity-level-medium:0.32;--med-opacity-level-light:0.16;--med-opacity-level-semitransparent:0.08;--med-shadow-level-0:none;--med-shadow-level-1:0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.2);--med-shadow-level-2:0 2px 4px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);--med-shadow-level-3:0 3px 3px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.2);--med-shadow-level-4:0 0 2px rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2);--med-shadow-level-5:0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);--med-shadow-level-6:0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.2);--med-shadow-level-7:0 9px 12px rgba(0, 0, 0, 0.14), 0 3px 16px rgba(0, 0, 0, 0.12), 0 5px 6px rgba(0, 0, 0, 0.2);--med-shadow-level-8:0 12px 17px rgba(0, 0, 0, 0.14), 0 5px 22px rgba(0, 0, 0, 0.12), 0 7px 8px rgba(0, 0, 0, 0.2);--med-shadow-level-9:0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);--med-shadow-level-10:0 24px 38px rgba(0, 0, 0, 0.14), 0 9px 46px rgba(0, 0, 0, 0.12), 0 11px 15px rgba(0, 0, 0, 0.2)}:host{--background:transparent;--progress-background:hsl(var(--med-color-brand-4));--buffer-background:transparent;--color-label-skin:hsl(var(--med-color-brand-4));--color-progress-skin:hsl(var(--med-color-brand-4));--progress-correct-background:hsl(var(--med-color-fb-success));--percentage-color:hsl(var(--med-color-neutral-10));--height:8px;display:block;position:relative;contain:strict;overflow:hidden;width:100%;height:var(--height)}.progress-container{display:-ms-flexbox;display:flex;border-radius:100px;background-color:var(--background)}:host(.in-med-header) .progress-container{background:hsl(var(--med-color-neutral-8));border-radius:0}:host(.in-med-header) .progress{border-top-left-radius:0;border-bottom-left-radius:0}:host(.in-med-header) .progress__percentage{display:none}:host(.in-med-header) .progress--correct{background:hsl(var(--med-color-brand-4));border-top-right-radius:0;border-bottom-right-radius:0}.progress{width:100%;height:100%;border-radius:100px;height:var(--height);background:var(--progress-background)}.progress__percentage{font-size:var(--med-font-size-nano);font-weight:var(--med-font-weight-regular);line-height:var(--med-line-height-compressed);color:var(--percentage-color);margin-left:var(--med-spacing-inline-xxxs);display:none}.progress--correct{background:var(--progress-correct-background)}:host(.percentage) .progress__percentage{display:block}:host(.med-color){--progress-background:hsl(var(--med-color-4))}:host(.med-color-neutral){--progress-background:hsl(var(--med-color-neutral))}:host(.med-color-feedback){--progress-background:hsl(var(--med-color-feedback))}:host(.med-progress-bar--minimalist){--background:hsl(var(--med-color-brand-1));--progress-correct-background:hsl(var(--med-color-brand-4));--height:4px}:host(.med-progress-bar--minimalist) .progress{border-radius:0}:host(.med-progress-bar--minimalist) .progress__percentage{display:none}:host(.med-progress-bar--minimalist) .progress-container{border-radius:0}:host(.med-color.med-progress-bar--minimalist){--background:hsl(var(--med-color-1));--progress-correct-background:hsl(var(--med-color-4))}:host(.med-color-neutral.med-progress-bar--minimalist){--background:transparent;--progress-correct-background:hsl(var(--med-color-neutral))}:host(.med-color-feedback.med-progress-bar--minimalist){--background:transparent;--progress-correct-background:hsl(var(--med-color-feedback))}:host(.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:var(--color-progress-skin);--percentage-color:var(--color-label-skin);--height:10px}:host(.med-progress-bar--skin) .progress-container{width:96%}:host(.med-progress-bar--skin) .progress__percentage{position:absolute;right:0px}:host(.med-color.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:hsl(var(--med-color-4));--percentage-color:hsl(var(--med-color-4))}:host(.med-color-neutral.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:hsl(var(--med-color-neutral));--percentage-color:hsl(var(--med-color-neutral))}:host(.med-color-feedback.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:hsl(var(--med-color-feedback));--percentage-color:hsl(var(--med-color-feedback))}',md:':root{--med-font-family-brand:"fsemeric";--med-font-family-base:"fsemeric";--med-font-size-nano:10px;--med-font-size-xxxs:12px;--med-font-size-xxs:14px;--med-font-size-xs:16px;--med-font-size-sm:20px;--med-font-size-md:24px;--med-font-size-lg:32px;--med-font-size-xl:40px;--med-font-size-xxl:48px;--med-font-size-xxxl:64px;--med-font-size-huge:96px;--med-font-weight-thin:250;--med-font-weight-light:300;--med-font-weight-regular:400;--med-font-weight-medium:500;--med-font-weight-semibold:600;--med-font-weight-bold:700;--med-font-weight-extrabold:800;--med-font-weight-heavy:900;--med-letter-spacing-ultracompressed:-0.04;--med-letter-spacing-compressed:-0.02;--med-letter-spacing-default:0;--med-letter-spacing-medium:0.02;--med-letter-spacing-expanded:0.05;--med-letter-spacing-distant:0.1;--med-letter-spacing-far:0.2;--med-line-height-compressed:100%;--med-line-height-default:24px;--med-line-height-double:200%}:root{--med-spacing-inset-nano:4px;--med-spacing-inset-xs:8px;--med-spacing-inset-sm:16px;--med-spacing-inset-base:24px;--med-spacing-inset-md:32px;--med-spacing-inset-lg:40px;--med-spacing-inset-xl:48px;--med-spacing-inset-xxl:64px;--med-spacing-squish-nano:4px 8px;--med-spacing-squish-xs:8px 16px;--med-spacing-squish-sm:8px 24px;--med-spacing-squish-base:8px 32px;--med-spacing-squish-md:16px 24px;--med-spacing-squish-lg:16px 32px;--med-spacing-squish-xl:24px 32px;--med-spacing-squish-xxl:32px 40px;--med-spacing-stretch-nano:8px 4px;--med-spacing-stretch-xs:16px 8px;--med-spacing-stretch-sm:24px 8px;--med-spacing-stretch-base:32px 8px;--med-spacing-stretch-md:24px 16px;--med-spacing-stretch-lg:32px 16px;--med-spacing-stretch-xl:32px 24px;--med-spacing-stretch-xxl:40px 32px;--med-spacing-inline-quark:2px;--med-spacing-inline-nano:4px;--med-spacing-inline-xxxs:8px;--med-spacing-inline-base:16px;--med-spacing-inline-xxs:24px;--med-spacing-inline-xs:32px;--med-spacing-inline-sm:40px;--med-spacing-inline-md:48px;--med-spacing-inline-lg:56px;--med-spacing-inline-xl:64px;--med-spacing-inline-xxl:72px;--med-spacing-inline-xxxl:80px;--med-spacing-inline-huge:120px;--med-spacing-inline-ultra:160px;--med-spacing-stack-quark:2px;--med-spacing-stack-nano:4px;--med-spacing-stack-xxxs:8px;--med-spacing-stack-base:16px;--med-spacing-stack-xxs:24px;--med-spacing-stack-xs:32px;--med-spacing-stack-sm:40px;--med-spacing-stack-md:48px;--med-spacing-stack-lg:56px;--med-spacing-stack-xl:64px;--med-spacing-stack-xxl:72px;--med-spacing-stack-xxxl:80px;--med-spacing-stack-huge:120px;--med-spacing-stack-ultra:160px}:root{--med-border-radius-none:0;--med-border-radius-quark:2px;--med-border-radius-nano:4px;--med-border-radius-sm:8px;--med-border-radius-md:16px;--med-border-radius-lg:24px;--med-border-radius-pill:31.25em;--med-border-radius-full:50%;--med-border-radius-speech-left-down:8px 8px 8px 0;--med-border-radius-speech-right-down:8px 8px 0 8px;--med-border-radius-speech-right-up:8px 0 8px 0px;--med-border-radius-speech-left-up:0 8px 8px 0px;--med-border-radius-table-down-sm:0 0 8px 8px;--med-border-radius-table-up-sm:8px 8px 0 0;--med-border-radius-table-down-md:16px 16px 0 0;--med-border-radius-table-up-md:0 0 16px 16px;--med-border-width-none:0;--med-border-width-quark:0.25px;--med-border-width-nano:0.5px;--med-border-width-hairline:1px;--med-border-width-thin:2px;--med-border-width-thick:4px;--med-border-width-bold:8px;--med-border-width-heavy:16px;--med-opacity-level-semiopaque:0.8;--med-opacity-level-intense:0.64;--med-opacity-level-half:0.5;--med-opacity-level-medium:0.32;--med-opacity-level-light:0.16;--med-opacity-level-semitransparent:0.08;--med-shadow-level-0:none;--med-shadow-level-1:0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.2);--med-shadow-level-2:0 2px 4px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.2);--med-shadow-level-3:0 3px 3px rgba(0, 0, 0, 0.14), 0 3px 4px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.2);--med-shadow-level-4:0 0 2px rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2);--med-shadow-level-5:0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);--med-shadow-level-6:0 8px 10px rgba(0, 0, 0, 0.14), 0 3px 14px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.2);--med-shadow-level-7:0 9px 12px rgba(0, 0, 0, 0.14), 0 3px 16px rgba(0, 0, 0, 0.12), 0 5px 6px rgba(0, 0, 0, 0.2);--med-shadow-level-8:0 12px 17px rgba(0, 0, 0, 0.14), 0 5px 22px rgba(0, 0, 0, 0.12), 0 7px 8px rgba(0, 0, 0, 0.2);--med-shadow-level-9:0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);--med-shadow-level-10:0 24px 38px rgba(0, 0, 0, 0.14), 0 9px 46px rgba(0, 0, 0, 0.12), 0 11px 15px rgba(0, 0, 0, 0.2)}:host{--background:transparent;--progress-background:hsl(var(--med-color-brand-4));--buffer-background:transparent;--color-label-skin:hsl(var(--med-color-brand-4));--color-progress-skin:hsl(var(--med-color-brand-4));--progress-correct-background:hsl(var(--med-color-fb-success));--percentage-color:hsl(var(--med-color-neutral-10));--height:8px;display:block;position:relative;contain:strict;overflow:hidden;width:100%;height:var(--height)}.progress-container{display:-ms-flexbox;display:flex;border-radius:100px;background-color:var(--background)}:host(.in-med-header) .progress-container{background:hsl(var(--med-color-neutral-8));border-radius:0}:host(.in-med-header) .progress{border-top-left-radius:0;border-bottom-left-radius:0}:host(.in-med-header) .progress__percentage{display:none}:host(.in-med-header) .progress--correct{background:hsl(var(--med-color-brand-4));border-top-right-radius:0;border-bottom-right-radius:0}.progress{width:100%;height:100%;border-radius:100px;height:var(--height);background:var(--progress-background)}.progress__percentage{font-size:var(--med-font-size-nano);font-weight:var(--med-font-weight-regular);line-height:var(--med-line-height-compressed);color:var(--percentage-color);margin-left:var(--med-spacing-inline-xxxs);display:none}.progress--correct{background:var(--progress-correct-background)}:host(.percentage) .progress__percentage{display:block}:host(.med-color){--progress-background:hsl(var(--med-color-4))}:host(.med-color-neutral){--progress-background:hsl(var(--med-color-neutral))}:host(.med-color-feedback){--progress-background:hsl(var(--med-color-feedback))}:host(.med-progress-bar--minimalist){--background:hsl(var(--med-color-brand-1));--progress-correct-background:hsl(var(--med-color-brand-4));--height:4px}:host(.med-progress-bar--minimalist) .progress{border-radius:0}:host(.med-progress-bar--minimalist) .progress__percentage{display:none}:host(.med-progress-bar--minimalist) .progress-container{border-radius:0}:host(.med-color.med-progress-bar--minimalist){--background:hsl(var(--med-color-1));--progress-correct-background:hsl(var(--med-color-4))}:host(.med-color-neutral.med-progress-bar--minimalist){--background:transparent;--progress-correct-background:hsl(var(--med-color-neutral))}:host(.med-color-feedback.med-progress-bar--minimalist){--background:transparent;--progress-correct-background:hsl(var(--med-color-feedback))}:host(.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:var(--color-progress-skin);--percentage-color:var(--color-label-skin);--height:10px}:host(.med-progress-bar--skin) .progress-container{width:96%}:host(.med-progress-bar--skin) .progress__percentage{position:absolute;right:0px}:host(.med-color.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:hsl(var(--med-color-4));--percentage-color:hsl(var(--med-color-4))}:host(.med-color-neutral.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:hsl(var(--med-color-neutral));--percentage-color:hsl(var(--med-color-neutral))}:host(.med-color-feedback.med-progress-bar--skin){--background:hsl(var(--med-color-neutral-2));--progress-background:hsl(var(--med-color-feedback));--percentage-color:hsl(var(--med-color-feedback))}'};export{t as ion_progress_bar}