https://www.postnord.com/dist/client/pn-progress-stepper.entry-20260923.js

1var i=Object.defineProperty;var n=(t,e,a)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a;var s=(t,e,a)=>n(t,typeof e!="symbol"?e+"":e,a);import{r as p,g as l,h as o,H as d,t as r}from"./client-20260923.js";import{u as c,e as h,b as g}from"./index-202609233.js";import"./preload-helper-20260923.js";import"./helpers-20260923.js";import"./index-20260923.js";import"./index-202609232.js";/*!
2 * Built with Stencil
3 * By PostNord.
4 */const m={STEP:{da:"Trin",en:"Step",fi:"Vaihe",no:"Trinn",sv:"Steg"}},u=()=>`${r("pn-progress-stepper")}{display:block}${r("pn-progress-stepper")} .pn-progress{position:relative;width:100%;background:#f3f2f2;height:0.5em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}${r("pn-progress-stepper")} .pn-progress-label{display:block;color:#2d2013;font-size:1em;margin-bottom:0.5em}${r("pn-progress-stepper")} .pn-progress-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.625em;background-color:#005d92;width:calc(var(--pn-progress-value) + 0.125em);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${r("pn-progress-stepper")} .pn-progress-value{transition-duration:0s;transition-delay:0s}}${r("pn-progress-stepper")} .pn-progress-value[data-full]{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}${r("pn-progress-stepper")} .pn-progress-dots{display:flex;align-items:center;justify-content:center;gap:1em}${r("pn-progress-stepper")} .pn-progress-dot{width:0.875em;height:0.875em;background-color:#f3f2f2;border:0.0625em solid #d3cecb;border-radius:50%;transform:scale(1) translateY(0%);transition-property:background-color, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${r("pn-progress-stepper")} .pn-progress-dot{transition-duration:0s;transition-delay:0s}}${r("pn-progress-stepper")} .pn-progress-dot{animation:pnBackwards 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}${r("pn-progress-stepper")} .pn-progress-dot[data-active]{background-color:#005d92;border-color:#005d92;animation:pnForward 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}${r("pn-progress-stepper")} .pn-progress-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}@keyframes pnForward{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(20%)}75%{transform:scale(1.1) translateY(10%)}100%{transform:scale(1) translateY(0%)}}@keyframes pnBackwards{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(-20%)}75%{transform:scale(0.9) translateY(-10%)}100%{transform:scale(1) translateY(0%)}}`,b=class{constructor(t){s(this,"id",`pn-progress-stepper-${c()}`);s(this,"minStep",1);s(this,"maxStep",7);s(this,"builtInLabel");s(this,"progressValue",0);s(this,"label","");s(this,"progressStepperId","");s(this,"language",null);s(this,"totalSteps",this.maxStep);s(this,"currentStep",this.minStep);s(this,"stepName");s(this,"dots",!1);p(this,t)}get hostElement(){return l(this)}stepWatchers(t,e,a){a==="currentStep"&&this.validate(t,"currentStep"),a==="totalSteps"&&this.validate(e,"totalSteps"),this.calculateProgress()}watchLanguage(){this.builtInLabel=m.STEP[this.language||h]}async componentWillLoad(){this.watchLanguage(),this.validate(this.currentStep,"currentStep"),this.validate(this.totalSteps,"totalSteps"),this.calculateProgress(),this.language===null&&await g(this.hostElement)}validate(t,e){const a=this.hostElement.localName;t<this.minStep&&(console.warn(`${a}: The ${e} ${t} is below the minimum allowed steps of ${this.minStep}. ${e} will default to ${this.minStep}.`),this[e]=this.minStep),e==="currentStep"&&t>this.totalSteps&&(console.warn(`${a}: The ${e} ${t} is above totalSteps ${this.totalSteps}, ${e} will default to ${this.totalSteps}.`),this[e]=this.totalSteps),t>this.maxStep&&(console.warn(`${a}: The ${e} ${t} is above the maximum allowed steps of ${this.maxStep}. ${e} will default to ${this.maxStep}.`),this[e]=this.maxStep)}calculateProgress(){try{this.progressValue=Math.floor(this.currentStep/this.totalSteps*100),this.hostElement.style.setProperty("--pn-progress-value",`${this.progressValue}%`)}catch(t){console.error(`${this.hostElement.localName}:`,t.message)}}getLabel(){return this.label||this.builtInLabel}getId(){return this.progressStepperId||this.id}render(){return o(d,{key:"eae49d6f5d3085e714bff2e668694523185c6fb6"},o("label",{key:"d5ec64934b8e8eab33b771d20aa34cdfb595f600",htmlFor:this.getId(),class:"pn-progress-label"+(this.dots?" pn-progress-sr-only":"")},o("span",{key:"a30465882d45cdc3ee6513c79a9b9a0cacb68a88"},this.getLabel()," ",this.currentStep,"/",this.totalSteps),this.stepName&&o("span",{key:"fb4f2eb25ccd60c648c7a2d077dfce35b6888f52"}," - ",this.stepName)),o("progress",{key:"6822b750b6d86644f5a77115d449c050b7be418d",id:this.getId(),class:"pn-progress-sr-only",max:"100",value:this.progressValue}),this.dots?o("div",{class:"pn-progress-dots","aria-hidden":"true"},[...Array(this.totalSteps)].map((t,e)=>o("div",{class:"pn-progress-dot","data-active":e+1<=this.currentStep,key:e}))):o("div",{"aria-hidden":"true",class:"pn-progress"},o("div",{class:"pn-progress-value","data-full":this.currentStep===this.totalSteps})))}static get watchers(){return{currentStep:[{stepWatchers:0}],totalSteps:[{stepWatchers:0}],language:[{watchLanguage:0}]}}};b.style=u();

4export{b as pn_progress_stepper};