https://www.detfagligehus.dk/progress-bar-T5n4wUb2.js

1import{n as u,a1 as d,t as h,a2 as b,q as f,x as v,A as p,C as y}from"./main-DP3nfA8R.js";const c="important",g=" !"+c,_=u(class extends d{constructor(n){if(super(n),n.type!==h.ATTRIBUTE||n.name!=="style"||n.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(n){return Object.keys(n).reduce(((r,t)=>{const e=n[t];return e==null?r:r+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`}),"")}update(n,[r]){const{style:t}=n.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(r)),this.render(r);for(const e of this.ft)r[e]==null&&(this.ft.delete(e),e.includes("-")?t.removeProperty(e):t[e]=null);for(const e in r){const s=r[e];if(s!=null){this.ft.add(e);const i=typeof s=="string"&&s.endsWith(g);e.includes("-")||i?t.setProperty(e,i?s.slice(0,-11):s,i?c:""):t[e]=s}}return b}});var m=Object.defineProperty,S=Object.getOwnPropertyDescriptor,l=(n,r,t,e)=>{for(var s=e>1?void 0:e?S(r,t):r,i=n.length-1,a;i>=0;i--)(a=n[i])&&(s=(e?a(r,t,s):a(s))||s);return e&&s&&m(r,t,s),s};let o=class extends f{constructor(){super(...arguments),this.currentStep=0,this.totalSteps=0}connectedCallback(){super.connectedCallback()}createRenderRoot(){return this}render(){return v`
2            <div class="progress-bar">
3                <p class="progress-bar__text">Trin ${`${this.currentStep}/${this.totalSteps}`}</p>
4                <div class="progress-bar__line-wrapper">
5                    <div class="progress-bar__background"></div>
6                    <div class="progress-bar__line" style="${_({"flex-basis":`${this.getLineWidth()}%`})}"></div>
7                </div>
8            </div>
9        `}getLineWidth(){return this.currentStep/this.totalSteps*100}};l([p({type:Number})],o.prototype,"currentStep",2);l([p({type:Number})],o.prototype,"totalSteps",2);o=l([y("progress-bar")],o);export{o as ProgressBar};