@postnord/pn-marketweb-components 3.5.3 → 4.0.0

package/umd/modules/@postnord/web-components/postnord-web-components/{p-4d371963.entry.js → p-b556b835.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,f as n,h as s,a as r}from"./p-43660913.js";import{a as o}from"./p-2e6481e5.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;transform:translateZ(0);transition-property:outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-segmented-control{transition-duration:0s;transition-delay:0s}}pn-segmented-control:focus-within,pn-segmented-control:active{outline-color:#005d92}pn-segmented-control .pn-segmented-control{display:flex;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}pn-segmented-control .pn-segmented-control:hover .pn-sc-bg[data-hover]{opacity:1}pn-segmented-control .pn-segmented-control::-webkit-scrollbar{display:none}pn-segmented-control .pn-segmented-control .pn-sc-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;transition-property:width, transform, background-color, opacity, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-segmented-control .pn-sc-bg{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-active]{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.0625em solid #005d92;background-color:#ffffff;z-index:1}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover]{background-color:#e0f8ff;opacity:0;border:0.25em solid transparent;z-index:0}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover][data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg.pn-icon-svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{cursor:pointer;pointer-events:all;width:2.5em;height:2.5em;background:#ffffff;border:none;outline:none;display:flex;align-items:center;justify-content:center;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;transition-property:transform, opacity, background-color, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-left{transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-right{transform:translateX(100%);border-radius:50% 0 0 50%;box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;transform:translateX(0)}";const c=a;const d=class{constructor(t){e(this,t);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.name=undefined;this.value=undefined}mo;segmentContainer;segments=[];activeBg;hoverBg;scrollRegistered=false;get hostElement(){return t(this)}valueHandler(){this.setActiveSegment()}changeHandler(e){const t=e.target;this.value=t.value;this.setActiveSegment()}handleResize(){this.rerender()}handleHover(e){const{target:t}=e.detail;this.calcHighlight(t,true)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{n(this.hostElement);this.setSegments()}));this.mo.observe(this.hostElement,{childList:true});this.setSegments()}setSegments(){this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.setActiveSegment()}setActiveSegment(){this.segments.forEach((e=>{if(this.value===e.value)e.setAttribute("selected","true");else e.removeAttribute("selected")}));this.rerender()}rerender(){requestAnimationFrame((()=>{this.calcHighlight();this.scrollArrowRender()}))}calcHighlight(e,t){const n=t?this.hoverBg:this.activeBg;requestAnimationFrame((()=>{const t=e||this.segments.find((({value:e})=>e===this.value));const s=t?.closest("pn-segment");if(!s)return;const r=s.getBoundingClientRect();const{left:o}=this.segmentContainer.getBoundingClientRect();const{left:i,height:a,width:c}=r;const d=i-o+this.segmentContainer.scrollLeft;n.style.setProperty("transform",`translate(${d}px, -50%`);n.style.setProperty("width",`${c}px`);n.style.setProperty("height",`${a}px`);t.disabled?n.dataset.disabled="":delete n.dataset.disabled}))}scrollArrowRender(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);const t=e-this.segmentContainer.clientWidth;const n=this.segmentContainer.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(e){let t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){const e=["pn-sc-arrows"];if(this.showLeftArrow)e.push("pn-sc-left-visible");if(this.showRightArrow)e.push("pn-sc-right-visible");return e.join(" ")}render(){return s(r,{key:"aea003dbcf14cb96c8c3e7820918e1363dcdfca8"},s("div",{key:"42ecbc84057db97c23a7c25b9d687134a75cfcce",class:"pn-segmented-control",ref:e=>this.segmentContainer=e},s("slot",{key:"5f32c7aca5758f22d940c8940c2b7f23742f9631"}),s("div",{key:"a9a1726d5de7a5732b154c6614e8156ad9ad458c",class:"pn-sc-bg","data-active":true,ref:e=>this.activeBg=e}),s("div",{key:"d93f75665a4a1c8d8e1e9d65ea1a6aa7adc9b2e5",class:"pn-sc-bg","data-hover":true,ref:e=>this.hoverBg=e})),s("div",{key:"10d3355188c2e76da5cfa78a98917491002427df",class:this.scrollArrowClasses(),hidden:!this.showScrollArrows},s("button",{key:"cfea6659a62e3dba6a8b294e8cffd423f39a97f6","aria-label":"Left",class:"pn-sc-arrow pn-sc-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},s("pn-icon",{key:"e14140c5d410a33d2f2ea826d636a350463b4437",icon:o})),s("button",{key:"c0bad9bdf701ae1cc1e31f39478cfafc87be8ec6","aria-label":"Right",class:"pn-sc-arrow pn-sc-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},s("pn-icon",{key:"3ac708d78f09c4b3ac6cc6b2ab3de79ebfbb9920",icon:i}))))}static get watchers(){return{value:["valueHandler"]}}};d.style=c;export{d as pn_segmented_control};
-//# sourceMappingURL=p-4d371963.entry.js.map
+import{r as e,g as t,f as n,h as s,a as r}from"./p-43660913.js";import{a as o}from"./p-2e6481e5.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;transform:translateZ(0);transition-property:outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-segmented-control{transition-duration:0s;transition-delay:0s}}pn-segmented-control:focus-within,pn-segmented-control:active{outline-color:#005d92}pn-segmented-control .pn-segmented-control{display:flex;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}pn-segmented-control .pn-segmented-control:hover .pn-sc-bg[data-hover]{opacity:1}pn-segmented-control .pn-segmented-control::-webkit-scrollbar{display:none}pn-segmented-control .pn-segmented-control .pn-sc-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;transition-property:width, transform, background-color, opacity, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-segmented-control .pn-sc-bg{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-active]{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.0625em solid #005d92;background-color:#ffffff;z-index:1}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover]{background-color:#e0f8ff;opacity:0;border:0.25em solid transparent;z-index:0}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover][data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg.pn-icon-svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{cursor:pointer;pointer-events:all;width:2.5em;height:2.5em;background:#ffffff;border:none;outline:none;display:flex;align-items:center;justify-content:center;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;transition-property:transform, opacity, background-color, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-left{transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-right{transform:translateX(100%);border-radius:50% 0 0 50%;box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;transform:translateX(0)}";const c=a;const d=class{constructor(t){e(this,t);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.name=undefined;this.value=undefined}mo;segmentContainer;segments=[];activeBg;hoverBg;scrollRegistered=false;get hostElement(){return t(this)}valueHandler(){this.setActiveSegment()}changeHandler(e){const t=e.target;this.value=t.value;this.setActiveSegment()}handleResize(){this.rerender()}handleHover(e){const{target:t}=e.detail;this.calcHighlight(t,true)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{n(this.hostElement);this.setSegments()}));this.mo.observe(this.hostElement,{childList:true});this.setSegments()}setSegments(){this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.setActiveSegment()}setActiveSegment(){this.segments.forEach((e=>{if(this.value===e.value)e.setAttribute("selected","true");else e.removeAttribute("selected")}));this.rerender()}rerender(){requestAnimationFrame((()=>{this.calcHighlight();this.scrollArrowRender()}))}calcHighlight(e,t){const n=t?this.hoverBg:this.activeBg;requestAnimationFrame((()=>{const t=e||this.segments.find((({value:e})=>e===this.value));const s=t?.closest("pn-segment");if(!s)return;const r=s.getBoundingClientRect();const{left:o}=this.segmentContainer.getBoundingClientRect();const{left:i,height:a,width:c}=r;const d=i-o+this.segmentContainer.scrollLeft;n.style.setProperty("transform",`translate(${d}px, -50%`);n.style.setProperty("width",`${c}px`);n.style.setProperty("height",`${a}px`);t.disabled?n.dataset.disabled="":delete n.dataset.disabled}))}scrollArrowRender(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);const t=e-this.segmentContainer.clientWidth;const n=this.segmentContainer.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(e){let t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){const e=["pn-sc-arrows"];if(this.showLeftArrow)e.push("pn-sc-left-visible");if(this.showRightArrow)e.push("pn-sc-right-visible");return e.join(" ")}render(){return s(r,{key:"58ff89aa0cbb4ee126d5b61f5061df51eef69df0"},s("div",{key:"45e92ad1f5169facf2681d831cfee5c36a6696ca",class:"pn-segmented-control",ref:e=>this.segmentContainer=e},s("slot",{key:"80561deedd796d18ca9fde389fbcfb0f8d761403"}),s("div",{key:"b4e95afa434f77eb399616732afc9d3434dc724e",class:"pn-sc-bg","data-active":true,ref:e=>this.activeBg=e}),s("div",{key:"6889b7c2306eac3c0028c53736ce1cd279fc113f",class:"pn-sc-bg","data-hover":true,ref:e=>this.hoverBg=e})),s("div",{key:"5afb0f9778f422b093f3137e1a1af7cbbaef6dcc",class:this.scrollArrowClasses(),hidden:!this.showScrollArrows},s("button",{key:"12a9a28a37b94a2bcd6021874add132ef5d1e9fe","aria-label":"Left",class:"pn-sc-arrow pn-sc-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},s("pn-icon",{key:"9013d57af659c0e90442c4773e9b1632cea91a94",icon:o})),s("button",{key:"6eb71575e552897cb49dda3011e61b6ce8016198","aria-label":"Right",class:"pn-sc-arrow pn-sc-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},s("pn-icon",{key:"8729b2e9885ec045bb3c847347dc34c44042a824",icon:i}))))}static get watchers(){return{value:["valueHandler"]}}};d.style=c;export{d as pn_segmented_control};
+//# sourceMappingURL=p-b556b835.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-ab553e80.entry.js → p-b9a494ae.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as o,g as i,h as a,a as n}from"./p-43660913.js";import{u as r}from"./p-f64d17a6.js";const d="pn-radio-button{position:relative;display:inline-block}pn-radio-button .pn-radio{position:relative;display:flex;gap:0.75em}pn-radio-button .pn-radio-label{color:#2d2013}pn-radio-button .pn-radio-helpertext{color:#5e554a}pn-radio-button .pn-radio-content{margin:0;flex:1 1 100%;display:flex;flex-direction:column;justify-content:center}pn-radio-button .pn-radio-container{display:flex;gap:0.75em;padding:0}pn-radio-button .pn-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-outer{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio-inner{height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform:scale(0);transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-inner{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile]{padding:1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio[data-tile]{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile] .pn-radio-outer{outline:none}pn-radio-button .pn-radio[data-invalid]{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-radio-button>input[type=radio][aria-describedby]+.pn-radio[data-tile] .pn-radio-label{font-weight:500}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile] .pn-radio-outer{background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid] .pn-radio-outer{background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio .pn-radio-outer{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-tile][data-invalid]{border-color:#500715}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#500715}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:focus-visible+.pn-radio .pn-radio-outer{outline-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-invalid] .pn-radio-outer{outline-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]{outline-color:#005d92;border-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer{outline:none}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer{border-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{transform:scale(1);background-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#a70707}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]:disabled{cursor:not-allowed}pn-radio-button>input[type=radio]:disabled:active+.pn-radio{outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile],pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]{background-color:#f3f2f2;border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>pn-icon>.pn-icon-svg path,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>pn-icon>.pn-icon-svg path{fill:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>.pn-radio-content>.pn-radio-label,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>.pn-radio-content>.pn-radio-label{color:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}";const t=d;const e=class{constructor(i){o(this,i);this.label="";this.value=undefined;this.name=undefined;this.checked=false;this.helpertext=undefined;this.radioid=this.id;this.disabled=false;this.required=false;this.invalid=false;this.tile=false;this.icon=null}id=`pn-radio-button-${r()}`;idHelper=`${this.id}-helpertext`;get hostElement(){return i(this)}handleId(){this.idHelper=`${this.radioid}-helpertext`}componentWillLoad(){this.handleId()}render(){return a(n,{key:"8bb634e145b549e4cd83b716dee01ef0473d6ab0"},a("input",{key:"b3d28e2d722957d18f9ea2f6567917627f54c1f1",type:"radio",id:this.radioid,value:this.value,name:this.name,disabled:this.disabled,required:this.required,checked:this.checked,"aria-describedby":!!this.helpertext&&this.idHelper,"aria-invalid":this.invalid?.toString()}),a("div",{key:"84789bb4bdb07b5c9ae2a5512e70b22236b9efba",class:"pn-radio","data-tile":this.tile,"data-invalid":this.invalid},a("div",{key:"3a8d38272a31df6d779dbc0c04f25d7d514405c2",class:"pn-radio-container"},a("div",{key:"1c13d1d254e1fe915604acd957ba21bd6217b345",class:"pn-radio-outer"},a("div",{key:"6b576e1ae441544ad56f14d4cae0ab3f407a4200",class:"pn-radio-inner"}))),(this.label||this.helpertext)&&a("p",{key:"2f03734659b55b522e49f5daca3f9e494fa873f5",class:"pn-radio-content"},this.label&&a("label",{key:"0fd0b95621317be2f320e359118abdb9c3556100",htmlFor:this.radioid,class:"pn-radio-label"},this.label),this.helpertext&&a("span",{key:"8a0dea7825a3e71f54b896a93331f374f1811c65",id:this.idHelper,class:"pn-radio-helpertext"},this.helpertext)),this.tile&&this.icon&&a("pn-icon",{key:"695a8edf949944d8a86cbdaba665a048fafed99b",color:"gray900",icon:this.icon})))}static get watchers(){return{radioid:["handleId"]}}};e.style=t;export{e as pn_radio_button};
-//# sourceMappingURL=p-ab553e80.entry.js.map
+import{r as o,g as i,h as a,a as n}from"./p-43660913.js";import{u as r}from"./p-f64d17a6.js";const d="pn-radio-button{position:relative;display:inline-block}pn-radio-button .pn-radio{position:relative;display:flex;gap:0.75em}pn-radio-button .pn-radio-label{color:#2d2013}pn-radio-button .pn-radio-helpertext{color:#5e554a}pn-radio-button .pn-radio-content{margin:0;flex:1 1 100%;display:flex;flex-direction:column;justify-content:center}pn-radio-button .pn-radio-container{display:flex;gap:0.75em;padding:0}pn-radio-button .pn-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-outer{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio-inner{height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform:scale(0);transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-inner{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile]{padding:1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio[data-tile]{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile] .pn-radio-outer{outline:none}pn-radio-button .pn-radio[data-invalid]{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-radio-button>input[type=radio][aria-describedby]+.pn-radio[data-tile] .pn-radio-label{font-weight:500}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile] .pn-radio-outer{background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid] .pn-radio-outer{background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio .pn-radio-outer{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-tile][data-invalid]{border-color:#500715}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#500715}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:focus-visible+.pn-radio .pn-radio-outer{outline-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-invalid] .pn-radio-outer{outline-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]{outline-color:#005d92;border-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer{outline:none}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer{border-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{transform:scale(1);background-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#a70707}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]:disabled{cursor:not-allowed}pn-radio-button>input[type=radio]:disabled:active+.pn-radio{outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile],pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]{background-color:#f3f2f2;border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>pn-icon>.pn-icon-svg path,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>pn-icon>.pn-icon-svg path{fill:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>.pn-radio-content>.pn-radio-label,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>.pn-radio-content>.pn-radio-label{color:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}";const t=d;const e=class{constructor(i){o(this,i);this.label="";this.value=undefined;this.name=undefined;this.checked=false;this.helpertext=undefined;this.radioid=this.id;this.disabled=false;this.required=false;this.invalid=false;this.tile=false;this.icon=null}id=`pn-radio-button-${r()}`;idHelper=`${this.id}-helpertext`;get hostElement(){return i(this)}handleId(){this.idHelper=`${this.radioid}-helpertext`}componentWillLoad(){this.handleId()}render(){return a(n,{key:"ae520e0cfb3de29899ac40377cbb55061cd01b68"},a("input",{key:"d2195982014090f751f36f46687dc9c1e049e32d",type:"radio",id:this.radioid,value:this.value,name:this.name,disabled:this.disabled,required:this.required,checked:this.checked,"aria-describedby":!!this.helpertext&&this.idHelper,"aria-invalid":this.invalid?.toString()}),a("div",{key:"0ebb9fa07ebb3b896e8efd3545bc7fe295c56d05",class:"pn-radio","data-tile":this.tile,"data-invalid":this.invalid},a("div",{key:"a76dd992f2b3f2afb54e1db31ee50638002d5b4a",class:"pn-radio-container"},a("div",{key:"e456252ee2011d1dee97aff66f6ba4c122a5ca80",class:"pn-radio-outer"},a("div",{key:"dd7aee8305f27590d524b63336c619d7b440a781",class:"pn-radio-inner"}))),(this.label||this.helpertext)&&a("p",{key:"664c532213f996509cf6abe4a9d557b21ba60464",class:"pn-radio-content"},this.label&&a("label",{key:"090e79852aa459100d0a382778bc30b75e61fe32",htmlFor:this.radioid,class:"pn-radio-label"},this.label),this.helpertext&&a("span",{key:"1785f82b7d25eff5117587777db5d02584609885",id:this.idHelper,class:"pn-radio-helpertext"},this.helpertext)),this.tile&&this.icon&&a("pn-icon",{key:"2902b6b37407a1b3dc7b60d47405de5ead710a57",color:"gray900",icon:this.icon})))}static get watchers(){return{radioid:["handleId"]}}};e.style=t;export{e as pn_radio_button};
+//# sourceMappingURL=p-b9a494ae.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-49f5fdd2.entry.js → p-bc95d4b0.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as n,c as t,g as e,f as a,h as i,a as s}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";import{a as r}from"./p-2e6481e5.js";import{a as p}from"./p-d82ef4a1.js";import{c as d}from"./p-99600bc7.js";const h="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:inline-flex;border-radius:3em}.pn-page-nav{display:flex;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.0625em solid #d3cecb;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.0625em solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg.pn-icon-svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:#ffffff;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.0625em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg{width:100%;height:2em;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;transform:translateX(0)}@keyframes arrow{to{transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:flex;align-items:center;border:none;transition:background 0.15s;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#005d92}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;box-shadow:0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";const c=h;const l=class{constructor(e){n(this,e);this.navchange=t(this,"navchange",7);this.currentSelection=undefined;this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.dropdownLinks=[];this.dropdownActive=false;this.value=undefined;this.dropdown=false;this.navid=`pn-page-nav-${o()}`}mo;navContainer;navWrapper;navItems=[];dropdownButton;dropdownEl;dropdownItems;dropdownEls;eventHandler=this.keyboardEvents.bind(this);globalEventHandler=this.globalEvents.bind(this);activeBg;hoverBg;scrollRegistered=false;get hostElement(){return e(this)}navchange;changeHandler({target:n}){this.currentSelection=n.closest("pn-page-nav-item");if(n.value)this.value=n.value;if(this.dropdownOpen)this.dropdownOpen=false}handleResize(){this.rerender()}valueHandler(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()}dropdownHandler(){if(this.dropdownOpen){requestAnimationFrame((()=>{this.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()}componentWillLoad(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{a(this.hostElement);this.setActiveNavItem();this.rerender()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(({target:n})=>this.calcHighlight(n,this.hoverBg)));this.setActiveNavItem();this.rerender()}setActiveNavItem(){this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((n=>{if(this.value===n.value){this.currentSelection=n}else{n.removeAttribute("selected")}n.querySelector("a").addEventListener("focus",(({target:n})=>this.calcHighlight(n,this.hoverBg)))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map(((n,t)=>{n.setAttribute("data-index",`${t}`);return n.closest("pn-page-nav-dropdown-item").value}))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg);this.scrollArrowRender()}))}calcHighlight(n,t){if(!n?.closest("pn-page-nav-item")){t?.classList.add("hidden");return}if(t)t.classList.remove("hidden");const e=n.closest("pn-page-nav-item").getBoundingClientRect();const{left:a}=this.navContainer.getBoundingClientRect();const{left:i,height:s,width:o}=e;const r=i-a+this.navContainer.scrollLeft;t.style.setProperty("transform",`translate(${r}px, -50%`);t.style.setProperty("width",`${o}px`);t.style.setProperty("height",`${s}px`)}scrollArrowRender(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const n=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);const t=n-this.navWrapper.clientWidth;const e=this.navWrapper.scrollLeft;this.showLeftArrow=e>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(n){let t=this.navWrapper.scrollLeft+n;this.navWrapper.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){let n="pn-pn-arrows ";if(this.showLeftArrow)n+="pn-pn-left-visible ";if(this.showRightArrow)n+="pn-pn-right-visible ";return n}initiateDropdown(){requestAnimationFrame((()=>{this.dropdownButton=this.hostElement.querySelector(".pn-page-nav-dropdown-button");this.dropdownEl=this.hostElement.querySelector(".pn-page-nav-dropdown");this.addDropdownEventListeners()}))}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}isDropdownItemActive(){this.dropdownEls.forEach((n=>{if(n.value&&this.value===n.value){n.setAttribute("active","true");return}n.removeAttribute("active")}))}addDropdownEventListeners(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)}addGlobalEventListeners(){const n=this.hostElement.getRootNode();n.addEventListener("focusin",this.globalEventHandler);n.addEventListener("keydown",this.globalEventHandler);n.addEventListener("click",this.globalEventHandler)}removeGlobalEventListeners(){const n=this.hostElement.getRootNode();n.removeEventListener("focusin",this.globalEventHandler);n.removeEventListener("keydown",this.globalEventHandler);n.removeEventListener("click",this.globalEventHandler)}keyboardEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"){if(!this.dropdownOpen&&t===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(n.code)){this.dropdownOpen=true;requestAnimationFrame((()=>{this.focusNextDropdownItem()}))}}}globalEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"&&n.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(n.code==="ArrowDown")this.focusNextDropdownItem();if(n.code==="ArrowUp")this.focusPrevDropdownItem();if((n.type==="click"||n.type==="focusin")&&!this.dropdownEl.contains(t)){this.dropdownOpen=false}}focusNextDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}const t=parseInt(n.getAttribute("data-index"));if(t<this.dropdownItems.length-1){this.dropdownItems[t+1].focus()}}focusPrevDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}const t=parseInt(n.getAttribute("data-index"));if(t>0){this.dropdownItems[t-1].focus();return}this.dropdownButton.focus()}dropdownButtonClasses(){let n="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))n+="pn-page-nav-dropdown-active ";return n}dropdownClasses(){let n="pn-page-nav-dropdown ";if(this.dropdownOpen)n+="pn-page-nav-dropdown-open ";return n}render(){return i(s,{key:"2d472afc87973db1b342badc82b707f5767834e9"},i("div",{key:"a76c352f5e14f65d8bec6fa42ed25b2b287d7280",class:"pn-page-nav-wrapper"},i("nav",{key:"20ed1bb324c0fb4800c9f8f07d0d40100721e5e9",class:"pn-page-nav"},this.dropdownActive&&i("button",{key:"7dbbafa6c70b16cbad1fe832df007aa65c077ec7",type:"button",class:this.dropdownButtonClasses(),onClick:()=>this.toggleDropdown(),"aria-controls":"page-nav-dropdown","aria-expanded":`${this.dropdownOpen}`},this.dropdown,i("pn-icon",{key:"b2785a4afaa0f2f9ce19c890c6aebb0d2b7e0042",icon:d,color:"white",small:true}),i("div",{key:"876b33ce6d6a3bd0b83d5f8d97d63d24c0530074",class:"pn-page-nav-divider"})),i("ul",{key:"b4a29a198ac5e38baef3ed74b12e3aca14c8cc9b",class:"pn-page-nav-items"},i("slot",{key:"947c3412a48a441a0677a7815d7973ca448515c3"}),i("li",{key:"90141ec24493bcda61698d15b448f9910d70e2ed",class:"pn-pn-bg pn-pn-active",role:"presentation"}),i("li",{key:"02f007fe38b1512749971b0b4c006a3589517788",class:"pn-pn-bg pn-pn-hover",role:"presentation"}))),this.showScrollArrows&&i("div",{key:"ca4ea70291ecf8d9b7d3dc59b27c72176cc96938",class:this.scrollArrowClasses()},i("button",{key:"f6ff58345a9e44be31fbf8c22492710fb76e24a3",class:"pn-pn-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},i("pn-icon",{key:"c1b090b80ab3b3aa387bc7d550ee8ffdb7c769ad",icon:r,color:"white"})),i("button",{key:"2be256cd45c2355563a9ad239f3709619790f1ad",class:"pn-pn-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},i("pn-icon",{key:"afb76fc849b335ef1c216273301dd4d95a0b4cee",icon:p,color:"blue700"})))),this.dropdownActive&&i("ul",{key:"941559a72118dd220f684ece2151ace9c4c3e292",id:this.navid,class:this.dropdownClasses()},i("slot",{key:"9e546d81c3f8f98ac3978646a865f406e673d0e3",name:"dropdown-item"})))}static get watchers(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}}};l.style=c;export{l as pn_page_nav};
-//# sourceMappingURL=p-49f5fdd2.entry.js.map
+import{r as n,c as t,g as e,f as a,h as i,a as s}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";import{a as r}from"./p-bf967b50.js";import{a as p}from"./p-2e6481e5.js";import{a as d}from"./p-d82ef4a1.js";const h="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:inline-flex;border-radius:3em}.pn-page-nav{display:flex;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.0625em solid #d3cecb;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.0625em solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg.pn-icon-svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:#ffffff;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.0625em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg{width:100%;height:2em;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;transform:translateX(0)}@keyframes arrow{to{transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:flex;align-items:center;border:none;transition:background 0.15s;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#005d92}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;box-shadow:0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";const l=h;const c=class{constructor(e){n(this,e);this.navchange=t(this,"navchange",7);this.currentSelection=undefined;this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.dropdownLinks=[];this.dropdownActive=false;this.value=undefined;this.dropdown=false;this.navid=`pn-page-nav-${o()}`}mo;navContainer;navWrapper;navItems=[];dropdownButton;dropdownEl;dropdownItems;dropdownEls;eventHandler=this.keyboardEvents.bind(this);globalEventHandler=this.globalEvents.bind(this);activeBg;hoverBg;scrollRegistered=false;get hostElement(){return e(this)}navchange;changeHandler({target:n}){this.currentSelection=n.closest("pn-page-nav-item");if(n.value)this.value=n.value;if(this.dropdownOpen)this.dropdownOpen=false}handleResize(){this.rerender()}valueHandler(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()}dropdownHandler(){if(this.dropdownOpen){requestAnimationFrame((()=>{this.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()}componentWillLoad(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{a(this.hostElement);this.setActiveNavItem();this.rerender()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(({target:n})=>this.calcHighlight(n,this.hoverBg)));this.setActiveNavItem();this.rerender()}setActiveNavItem(){this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((n=>{if(this.value===n.value){this.currentSelection=n}else{n.removeAttribute("selected")}n.querySelector("a").addEventListener("focus",(({target:n})=>this.calcHighlight(n,this.hoverBg)))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map(((n,t)=>{n.setAttribute("data-index",`${t}`);return n.closest("pn-page-nav-dropdown-item").value}))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg);this.scrollArrowRender()}))}calcHighlight(n,t){if(!n?.closest("pn-page-nav-item")){t?.classList.add("hidden");return}if(t)t.classList.remove("hidden");const e=n.closest("pn-page-nav-item").getBoundingClientRect();const{left:a}=this.navContainer.getBoundingClientRect();const{left:i,height:s,width:o}=e;const r=i-a+this.navContainer.scrollLeft;t.style.setProperty("transform",`translate(${r}px, -50%`);t.style.setProperty("width",`${o}px`);t.style.setProperty("height",`${s}px`)}scrollArrowRender(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const n=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);const t=n-this.navWrapper.clientWidth;const e=this.navWrapper.scrollLeft;this.showLeftArrow=e>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(n){let t=this.navWrapper.scrollLeft+n;this.navWrapper.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){let n="pn-pn-arrows ";if(this.showLeftArrow)n+="pn-pn-left-visible ";if(this.showRightArrow)n+="pn-pn-right-visible ";return n}initiateDropdown(){requestAnimationFrame((()=>{this.dropdownButton=this.hostElement.querySelector(".pn-page-nav-dropdown-button");this.dropdownEl=this.hostElement.querySelector(".pn-page-nav-dropdown");this.addDropdownEventListeners()}))}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}isDropdownItemActive(){this.dropdownEls.forEach((n=>{if(n.value&&this.value===n.value){n.setAttribute("active","true");return}n.removeAttribute("active")}))}addDropdownEventListeners(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)}addGlobalEventListeners(){const n=this.hostElement.getRootNode();n.addEventListener("focusin",this.globalEventHandler);n.addEventListener("keydown",this.globalEventHandler);n.addEventListener("click",this.globalEventHandler)}removeGlobalEventListeners(){const n=this.hostElement.getRootNode();n.removeEventListener("focusin",this.globalEventHandler);n.removeEventListener("keydown",this.globalEventHandler);n.removeEventListener("click",this.globalEventHandler)}keyboardEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"){if(!this.dropdownOpen&&t===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(n.code)){this.dropdownOpen=true;requestAnimationFrame((()=>{this.focusNextDropdownItem()}))}}}globalEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"&&n.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(n.code==="ArrowDown")this.focusNextDropdownItem();if(n.code==="ArrowUp")this.focusPrevDropdownItem();if((n.type==="click"||n.type==="focusin")&&!this.dropdownEl.contains(t)){this.dropdownOpen=false}}focusNextDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}const t=parseInt(n.getAttribute("data-index"));if(t<this.dropdownItems.length-1){this.dropdownItems[t+1].focus()}}focusPrevDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}const t=parseInt(n.getAttribute("data-index"));if(t>0){this.dropdownItems[t-1].focus();return}this.dropdownButton.focus()}dropdownButtonClasses(){let n="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))n+="pn-page-nav-dropdown-active ";return n}dropdownClasses(){let n="pn-page-nav-dropdown ";if(this.dropdownOpen)n+="pn-page-nav-dropdown-open ";return n}render(){return i(s,{key:"78363e8727ce2d9b1525572a8d909b65141c4932"},i("div",{key:"1cdb635b439f40cf77df3a77432d542f3055e952",class:"pn-page-nav-wrapper"},i("nav",{key:"13ae19bf916612a04990edade8d7325665a91060",class:"pn-page-nav"},this.dropdownActive&&i("button",{key:"802fbae4d73a7b26a34ed4e41e5b5a6efd3ba101",type:"button",class:this.dropdownButtonClasses(),onClick:()=>this.toggleDropdown(),"aria-controls":"page-nav-dropdown","aria-expanded":`${this.dropdownOpen}`},this.dropdown,i("pn-icon",{key:"ac26e1ec6b9feeb52a898d7f80d2c4356423e93d",icon:r,color:"white",small:true}),i("div",{key:"c040e7c7ac1db10687b53ad6f59f6c3ded1d8e8a",class:"pn-page-nav-divider"})),i("ul",{key:"4bf5dc223bd55b0fb81fedebfa09fbe5db42569d",class:"pn-page-nav-items"},i("slot",{key:"3b77f7bd7a09700b860df10927b3889072e3bc34"}),i("li",{key:"71f85348e913043ca037efbe523f25a00bf8d211",class:"pn-pn-bg pn-pn-active",role:"presentation"}),i("li",{key:"462f8b0e8e1c788143d4ffaf5011b030ff100f5f",class:"pn-pn-bg pn-pn-hover",role:"presentation"}))),this.showScrollArrows&&i("div",{key:"c69db4a2202a5b5f9da49f72466bfa2d68eec0c8",class:this.scrollArrowClasses()},i("button",{key:"eb809646459a703b8ea984ef6f9ec8b23ea34029",class:"pn-pn-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},i("pn-icon",{key:"4d797edf6525213134b3acc0e36876ade74952a8",icon:p,color:"white"})),i("button",{key:"612286fcac6b7608a1162aa5b8ad3d6ff401bf87",class:"pn-pn-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},i("pn-icon",{key:"5a336276c0b4256fb976fc2bdc9037ec25cbc382",icon:d,color:"blue700"})))),this.dropdownActive&&i("ul",{key:"518b79ad7c1a7ff8652a5fb909f8285f94405a4a",id:this.navid,class:this.dropdownClasses()},i("slot",{key:"7d03ba12daffea62b0b0a7c0f1a1c1c006a125c4",name:"dropdown-item"})))}static get watchers(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}}};c.style=l;export{c as pn_page_nav};
+//# sourceMappingURL=p-bc95d4b0.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-bc95d4b0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnPageNavCss","PnPageNavStyle0","PnPageNav","uuidv4","mo","navContainer","navWrapper","navItems","dropdownButton","dropdownEl","dropdownItems","dropdownEls","eventHandler","this","keyboardEvents","bind","globalEventHandler","globalEvents","activeBg","hoverBg","scrollRegistered","navchange","changeHandler","target","currentSelection","closest","value","dropdownOpen","handleResize","rerender","valueHandler","calcHighlight","emit","dropdownActive","isDropdownItemActive","dropdownHandler","requestAnimationFrame","addGlobalEventListeners","removeGlobalEventListeners","componentWillLoad","dropdown","Array","from","hostElement","querySelectorAll","length","initiateDropdown","componentDidLoad","disconnect","MutationObserver","forceUpdate","setActiveNavItem","observe","childList","subtree","querySelector","addEventListener","forEach","navItemEl","removeAttribute","dropdownLinks","map","el","i","setAttribute","scrollArrowRender","bgEl","classList","add","remove","elRect","getBoundingClientRect","left","hostLeft","navLeft","height","navHeight","width","navWidth","offset","scrollLeft","style","setProperty","scrollWidth","clientWidth","showScrollArrows","amountScrolled","Math","round","distanceToEnd","distanceToStart","showLeftArrow","showRightArrow","scroll","val","amount","behavior","scrollArrowClasses","classNames","addDropdownEventListeners","toggleDropdown","root","getRootNode","removeEventListener","e","composedPath","type","includes","code","focusNextDropdownItem","focus","focusPrevDropdownItem","contains","activeElement","index","parseInt","getAttribute","dropdownButtonClasses","dropdownClasses","render","h","Host","key","class","onClick","icon","angle_down","color","small","role","tabindex","arrow_left","arrow_right","id","navid","name"],"sources":["src/components/navigation/pn-page-nav/menu/pn-page-nav.scss?tag=pn-page-nav","src/components/navigation/pn-page-nav/menu/pn-page-nav.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-page-nav {\n  display: block;\n  position: relative;\n  font-size: clamp(0.8em, 2vw, 1em);\n  z-index: 5;\n}\n\n.pn-page-nav-wrapper {\n  transform: translateZ(0);\n  font-size: inherit;\n  max-width: 100%;\n  overflow: hidden;\n  position: relative;\n  display: inline-flex;\n  border-radius: 3em;\n}\n\n.pn-page-nav {\n  display: flex;\n  align-items: center;\n  border-radius: 3em;\n  min-height: 3em;\n  background: main.$blue900;\n  border: 0.0625em solid main.$gray200;\n  position: relative;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.pn-page-nav ul.pn-page-nav-items {\n  display: flex;\n  list-style-type: none;\n  padding: 0.25em;\n  margin: 0;\n  position: relative;\n}\n\n.pn-page-nav-items > .pn-pn-bg {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  will-change: transform;\n  left: 0;\n  border-radius: 3em;\n  transition:\n    width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n    transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n    background 0.15s,\n    opacity 0.15s,\n    box-shadow 0.15s;\n\n  &.pn-pn-active {\n    box-shadow:\n      0px 0.3px 0.9px rgba(0, 0, 0, 0.1),\n      0px 1.6px 3.6px rgba(0, 0, 0, 0.13);\n    background: main.$blue700;\n    z-index: 1;\n  }\n\n  &.pn-pn-hover {\n    background: main.$white;\n    opacity: 0;\n    border: 0.0625em solid transparent;\n    z-index: 0;\n  }\n\n  &.hidden {\n    opacity: 0;\n  }\n}\n\n@media (hover: hover) {\n  ul.pn-page-nav-items:focus-within .pn-pn-hover,\n  ul.pn-page-nav-items:hover .pn-pn-hover {\n    opacity: 0.12;\n  }\n}\n\n/*---------------------------------------ARROWS-------------------------------------------*/\npn-page-nav .pn-pn-arrows {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 3;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  pointer-events: none;\n  padding: 0.125em 0.1em;\n\n  svg {\n    width: 1.5em;\n\n    &.pn-icon-svg path {\n      fill: main.$blue700;\n    }\n  }\n\n  > * {\n    transition:\n      transform 0.2s,\n      opacity 0.2s,\n      background 0.1s,\n      box-shadow 0.1s;\n    pointer-events: all;\n    height: 100%;\n    aspect-ratio: 1;\n    background: main.$white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    cursor: pointer;\n    opacity: 0;\n    will-change: transform;\n    -webkit-tap-highlight-color: transparent;\n    border-radius: 50%;\n    border: 0.0625em solid main.$blue900;\n\n    &.pn-pn-arrow-left {\n      transform: translateX(-100%);\n    }\n\n    &.pn-pn-arrow-right {\n      transform: translateX(100%);\n    }\n\n    @media screen and (max-width: 30em) {\n      border: none;\n\n      pn-icon .pn-icon-svg {\n        width: 100%;\n        height: 2em;\n        animation: arrow 0.6s ease-in-out alternate infinite;\n\n        path {\n          fill: main.$white;\n        }\n      }\n\n      &.pn-pn-arrow-left {\n        background: linear-gradient(to left, transparent, main.$blue900 60%);\n        border-radius: 50% 0 0 50%;\n      }\n\n      &.pn-pn-arrow-right {\n        background: linear-gradient(to right, transparent, main.$blue900 40%);\n        border-radius: 0 50% 50% 0;\n      }\n    }\n  }\n\n  &.pn-pn-left-visible .pn-pn-arrow-left,\n  &.pn-pn-right-visible .pn-pn-arrow-right {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes arrow {\n  to {\n    transform: translateX(10%);\n  }\n}\n/*---------------------------------------/ARROWS-------------------------------------------*/\n\n/*---------------------------------------DROPDOWN-------------------------------------------*/\nbutton.pn-page-nav-dropdown-button {\n  font-size: 1em;\n  border-radius: 3em 0 0 3em;\n  background: main.$blue900;\n  color: main.$white;\n  padding: 0.5em 1em 0.5em 1.5em;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  border: none;\n  transition: background 0.15s;\n  outline: none;\n  height: 100%;\n  position: relative;\n  margin: 0 0.5em 0 0;\n  font-weight: 500;\n\n  pn-icon {\n    margin-left: 0.5em;\n  }\n\n  &:hover,\n  &:focus {\n    background: #263655;\n  }\n\n  &:focus {\n    box-shadow:\n      inset 0 0 0 0.1em main.$blue700,\n      inset 0 0 0 0.2em main.$gray200;\n  }\n\n  &.pn-page-nav-dropdown-active {\n    background: main.$blue700;\n\n    &:hover,\n    &:focus {\n      background: main.$blue700;\n    }\n  }\n}\n\n.pn-page-nav-divider {\n  height: 60%;\n  background: main.$gray200;\n  width: 0.1em;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%);\n}\n\nul.pn-page-nav-dropdown {\n  position: absolute;\n  left: 0;\n  top: 110%;\n  background: main.$blue900;\n  border-radius: 0.5em;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  box-shadow:\n    0px 6.400000095367432px 14.399999618530273px 0px #00000021,\n    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001a;\n  font-size: inherit;\n  display: none;\n}\n\nul.pn-page-nav-dropdown.pn-page-nav-dropdown-open {\n  display: block;\n}\n/*---------------------------------------/DROPDOWN-------------------------------------------*/\n","import {\n  Component,\n  Element,\n  Prop,\n  h,\n  Host,\n  Listen,\n  State,\n  Watch,\n  forceUpdate,\n  EventEmitter,\n  Event,\n} from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\nimport { angle_down, arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-tablist` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-navigation-tablist--docs} Use `pn-tablist` instead.\n *\n * @slot dropdown-item - Place your `pn-page-nav-dropdown-item` components here.\n */\n@Component({\n  tag: 'pn-page-nav',\n  styleUrl: 'pn-page-nav.scss',\n})\nexport class PnPageNav {\n  mo: MutationObserver;\n\n  navContainer: HTMLUListElement;\n  navWrapper: HTMLElement;\n  navItems: HTMLPnPageNavItemElement[] = [];\n\n  dropdownButton: HTMLElement;\n  dropdownEl: HTMLElement;\n  dropdownItems: HTMLPnPageNavItemElement[];\n  dropdownEls: HTMLPnPageNavDropdownItemElement[];\n\n  eventHandler = this.keyboardEvents.bind(this);\n  globalEventHandler = this.globalEvents.bind(this);\n\n  activeBg: HTMLDivElement;\n  hoverBg: HTMLDivElement;\n\n  scrollRegistered: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() currentSelection: HTMLElement;\n  @State() showScrollArrows: boolean = false;\n  @State() showLeftArrow: boolean = false;\n  @State() showRightArrow: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() dropdownLinks: Array<string> = [];\n  @State() dropdownActive: boolean = false;\n\n  /** Currently active menu item value */\n  @Prop({ mutable: true }) value: string;\n  /** Pass a string which will be the text on the dropdown button. */\n  @Prop() dropdown: string | boolean = false;\n  /** Set a unique HTML ID. */\n  @Prop() navid: string = `pn-page-nav-${uuidv4()}`;\n\n  /** Emits the value of the selected item. */\n  @Event() navchange: EventEmitter<string>;\n\n  @Listen('itemselection')\n  changeHandler({ target }) {\n    this.currentSelection = target.closest('pn-page-nav-item');\n    if (target.value) this.value = target.value;\n\n    if (this.dropdownOpen) this.dropdownOpen = false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.rerender();\n  }\n\n  @Watch('value')\n  valueHandler() {\n    if (!this.value) this.currentSelection = null;\n    this.calcHighlight(this.currentSelection, this.activeBg);\n\n    this.navchange.emit(this.value);\n\n    if (!this.dropdownActive) return;\n    this.isDropdownItemActive();\n  }\n\n  @Watch('dropdownOpen')\n  dropdownHandler() {\n    if (this.dropdownOpen) {\n      requestAnimationFrame(() => {\n        this.addGlobalEventListeners();\n      });\n\n      return;\n    }\n\n    this.removeGlobalEventListeners();\n  }\n\n  /* ---------------------------------------LIFECYCLE--------------------------------------- */\n  componentWillLoad() {\n    if (!this.dropdown) return;\n    this.dropdownEls = Array.from(this.hostElement.querySelectorAll('pn-page-nav-dropdown-item'));\n    if (this.dropdownEls.length) {\n      this.dropdownActive = true;\n      this.initiateDropdown();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.mo) this.mo.disconnect();\n    this.mo = new MutationObserver(() => {\n      forceUpdate(this.hostElement);\n      this.setActiveNavItem();\n      this.rerender();\n    });\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n\n    this.navWrapper = this.hostElement.querySelector('.pn-page-nav');\n    this.navContainer = this.hostElement.querySelector('.pn-page-nav-items');\n    this.activeBg = this.hostElement.querySelector('.pn-pn-active');\n    this.hoverBg = this.hostElement.querySelector('.pn-pn-hover');\n\n    this.hostElement.addEventListener('mouseover', ({ target }) =>\n      this.calcHighlight(target as HTMLElement, this.hoverBg),\n    );\n\n    this.setActiveNavItem();\n    this.rerender();\n  }\n  /* ---------------------------------------/LIFECYCLE--------------------------------------- */\n\n  setActiveNavItem() {\n    this.navItems = Array.from(this.hostElement.querySelectorAll('pn-page-nav-item'));\n    this.navItems.forEach(navItemEl => {\n      if (this.value === navItemEl.value) {\n        this.currentSelection = navItemEl;\n      } else {\n        navItemEl.removeAttribute('selected');\n      }\n\n      navItemEl\n        .querySelector('a')\n        .addEventListener('focus', ({ target }) => this.calcHighlight(target as HTMLElement, this.hoverBg));\n    });\n\n    /* -----------------dropdown------------------ */\n    if (!this.dropdownActive) return;\n    this.dropdownItems = Array.from(this.hostElement.querySelectorAll('.pn-page-nav-dropdown-item'));\n\n    //Check active state on each item\n    this.isDropdownItemActive();\n\n    //Store all values to check if dropdown button should be active\n    this.dropdownLinks = this.dropdownItems.map((el, i) => {\n      el.setAttribute('data-index', `${i}`);\n      return (el.closest('pn-page-nav-dropdown-item') as any).value;\n    });\n    /* -----------------/dropdown------------------ */\n  }\n\n  rerender() {\n    requestAnimationFrame(() => {\n      this.calcHighlight(this.currentSelection, this.activeBg);\n      this.scrollArrowRender();\n    });\n  }\n\n  /*---------------------------------------HIGHLIGHT LOGIC-------------------------------------------*/\n  calcHighlight(el: HTMLElement, bgEl: HTMLElement) {\n    if (!el?.closest('pn-page-nav-item')) {\n      bgEl?.classList.add('hidden');\n      return;\n    }\n\n    if (bgEl) bgEl.classList.remove('hidden');\n\n    const elRect = el.closest('pn-page-nav-item').getBoundingClientRect();\n    const { left: hostLeft } = this.navContainer.getBoundingClientRect();\n    const { left: navLeft, height: navHeight, width: navWidth } = elRect;\n\n    const offset = navLeft - hostLeft + this.navContainer.scrollLeft;\n\n    bgEl.style.setProperty('transform', `translate(${offset}px, -50%`);\n    bgEl.style.setProperty('width', `${navWidth}px`);\n    bgEl.style.setProperty('height', `${navHeight}px`);\n  }\n  /*---------------------------------------/HIGHLIGHT LOGIC-------------------------------------------*/\n\n  /*---------------------------------------SCROLL ARROW LOGIC-------------------------------------------*/\n  scrollArrowRender() {\n    if (!this.navWrapper) return;\n    if (this.navWrapper.scrollWidth > this.navWrapper.clientWidth) {\n      this.showScrollArrows = true;\n\n      if (!this.scrollRegistered) {\n        this.navWrapper.addEventListener('scroll', this.scrollArrowRender.bind(this));\n        this.scrollRegistered = true;\n      }\n\n      const amountScrolled = Math.round(this.navWrapper.scrollWidth - this.navWrapper.scrollLeft);\n      const distanceToEnd = amountScrolled - this.navWrapper.clientWidth;\n      const distanceToStart = this.navWrapper.scrollLeft;\n\n      this.showLeftArrow = distanceToStart > 0;\n      this.showRightArrow = distanceToEnd > 0;\n\n      return;\n    }\n\n    this.showLeftArrow = false;\n    this.showRightArrow = false;\n    this.showScrollArrows = false;\n  }\n\n  scroll(val: number) {\n    let amount = this.navWrapper.scrollLeft + val;\n\n    this.navWrapper.scroll({\n      left: amount,\n      behavior: 'smooth',\n    });\n  }\n\n  scrollArrowClasses() {\n    let classNames = 'pn-pn-arrows ';\n\n    if (this.showLeftArrow) classNames += 'pn-pn-left-visible ';\n    if (this.showRightArrow) classNames += 'pn-pn-right-visible ';\n\n    return classNames;\n  }\n  /*---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------*/\n\n  /* ---------------------------------------DROPDOWN LOGIC--------------------------------------- */\n\n  initiateDropdown() {\n    requestAnimationFrame(() => {\n      this.dropdownButton = this.hostElement.querySelector('.pn-page-nav-dropdown-button');\n      this.dropdownEl = this.hostElement.querySelector('.pn-page-nav-dropdown');\n\n      this.addDropdownEventListeners();\n    });\n  }\n\n  toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n  }\n\n  isDropdownItemActive() {\n    this.dropdownEls.forEach(el => {\n      if (el.value && this.value === el.value) {\n        el.setAttribute('active', 'true');\n        return;\n      }\n\n      el.removeAttribute('active');\n    });\n  }\n\n  /* -----------------events------------------ */\n  /* -----------------temporary events------------------ */\n  addDropdownEventListeners() {\n    this.hostElement.addEventListener('keydown', this.eventHandler);\n    this.hostElement.addEventListener('click', this.eventHandler);\n  }\n\n  addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('focusin', this.globalEventHandler);\n    root.addEventListener('keydown', this.globalEventHandler);\n    root.addEventListener('click', this.globalEventHandler);\n  }\n\n  removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('focusin', this.globalEventHandler);\n    root.removeEventListener('keydown', this.globalEventHandler);\n    root.removeEventListener('click', this.globalEventHandler);\n  }\n  /* -----------------/temporary events------------------ */\n\n  /* -----------------Open dropdown with keyboard------------------ */\n  keyboardEvents(e: KeyboardEvent) {\n    const target: Element = e.composedPath()[0] as Element;\n\n    // As long as the dropdown is closed, we only want it to react to keyboard input\n    // is the user has focus on the button\n    if (e.type === 'keydown') {\n      if (!this.dropdownOpen && target === this.dropdownButton && ['ArrowUp', 'ArrowDown'].includes(e.code)) {\n        this.dropdownOpen = true;\n\n        requestAnimationFrame(() => {\n          this.focusNextDropdownItem();\n        });\n      }\n    }\n  }\n  /* -----------------/Open dropdown with keyboard------------------ */\n\n  globalEvents(e) {\n    const target: Element = e.composedPath()[0] as Element;\n\n    if (e.type === 'keydown' && e.code === 'Escape') {\n      this.dropdownOpen = false;\n      this.dropdownButton.focus();\n    }\n\n    if (e.code === 'ArrowDown') this.focusNextDropdownItem();\n    if (e.code === 'ArrowUp') this.focusPrevDropdownItem();\n\n    if ((e.type === 'click' || e.type === 'focusin') && !this.dropdownEl.contains(target)) {\n      this.dropdownOpen = false;\n    }\n  }\n  /* -----------------/events------------------ */\n\n  /* -----------------focusing------------------ */\n  focusNextDropdownItem() {\n    const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n    if (!activeElement.classList.contains('pn-page-nav-dropdown-item')) {\n      this.dropdownItems[0].focus();\n      return;\n    }\n\n    // focus next item\n    const index = parseInt(activeElement.getAttribute('data-index'));\n\n    if (index < this.dropdownItems.length - 1) {\n      this.dropdownItems[index + 1].focus();\n    }\n  }\n\n  focusPrevDropdownItem() {\n    const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n    if (!activeElement.classList.contains('dropdown-item')) {\n      this.dropdownItems[this.dropdownItems.length - 1].focus();\n    }\n\n    // focus previous item\n    const index = parseInt(activeElement.getAttribute('data-index'));\n\n    if (index > 0) {\n      this.dropdownItems[index - 1].focus();\n      return;\n    }\n\n    this.dropdownButton.focus();\n  }\n  /* -----------------/focusing------------------ */\n\n  dropdownButtonClasses() {\n    let classList = 'pn-page-nav-dropdown-button ';\n    if (this.dropdownLinks.includes(this.value)) classList += 'pn-page-nav-dropdown-active ';\n\n    return classList;\n  }\n\n  dropdownClasses() {\n    let classList = 'pn-page-nav-dropdown ';\n\n    if (this.dropdownOpen) classList += 'pn-page-nav-dropdown-open ';\n\n    return classList;\n  }\n  /* ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-page-nav-wrapper\">\n          <nav class=\"pn-page-nav\">\n            {this.dropdownActive && (\n              <button\n                type=\"button\"\n                class={this.dropdownButtonClasses()}\n                onClick={() => this.toggleDropdown()}\n                aria-controls=\"page-nav-dropdown\"\n                aria-expanded={`${this.dropdownOpen}`}\n              >\n                {this.dropdown}\n                <pn-icon icon={angle_down} color=\"white\" small></pn-icon>\n                <div class=\"pn-page-nav-divider\"></div>\n              </button>\n            )}\n\n            <ul class=\"pn-page-nav-items\">\n              <slot />\n              <li class=\"pn-pn-bg pn-pn-active\" role=\"presentation\"></li>\n              <li class=\"pn-pn-bg pn-pn-hover\" role=\"presentation\"></li>\n            </ul>\n          </nav>\n\n          {this.showScrollArrows && (\n            <div class={this.scrollArrowClasses()}>\n              <button class=\"pn-pn-arrow-left\" onClick={() => this.scroll(-120)} tabindex=\"-1\">\n                <pn-icon icon={arrow_left} color=\"white\"></pn-icon>\n              </button>\n\n              <button class=\"pn-pn-arrow-right\" onClick={() => this.scroll(120)} tabindex=\"-1\">\n                <pn-icon icon={arrow_right} color=\"blue700\"></pn-icon>\n              </button>\n            </div>\n          )}\n        </div>\n\n        {this.dropdownActive && (\n          <ul id={this.navid} class={this.dropdownClasses()}>\n            <slot name=\"dropdown-item\" />\n          </ul>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;uNAAA,MAAMA,EAAe,0mIACrB,MAAAC,EAAeD,E,MCyBFE,EAAS,M,oHAuBiB,M,mBACH,M,oBACC,M,kBACF,M,mBACO,G,oBACL,M,mCAKE,M,WAEb,eAAeC,K,CAlCvCC,GAEAC,aACAC,WACAC,SAAuC,GAEvCC,eACAC,WACAC,cACAC,YAEAC,aAAeC,KAAKC,eAAeC,KAAKF,MACxCG,mBAAqBH,KAAKI,aAAaF,KAAKF,MAE5CK,SACAC,QAEAC,iBAA4B,M,iCAoBnBC,UAGT,aAAAC,EAAcC,OAAEA,IACdV,KAAKW,iBAAmBD,EAAOE,QAAQ,oBACvC,GAAIF,EAAOG,MAAOb,KAAKa,MAAQH,EAAOG,MAEtC,GAAIb,KAAKc,aAAcd,KAAKc,aAAe,K,CAI7C,YAAAC,GACEf,KAAKgB,U,CAIP,YAAAC,GACE,IAAKjB,KAAKa,MAAOb,KAAKW,iBAAmB,KACzCX,KAAKkB,cAAclB,KAAKW,iBAAkBX,KAAKK,UAE/CL,KAAKQ,UAAUW,KAAKnB,KAAKa,OAEzB,IAAKb,KAAKoB,eAAgB,OAC1BpB,KAAKqB,sB,CAIP,eAAAC,GACE,GAAItB,KAAKc,aAAc,CACrBS,uBAAsB,KACpBvB,KAAKwB,yBAAyB,IAGhC,M,CAGFxB,KAAKyB,4B,CAIP,iBAAAC,GACE,IAAK1B,KAAK2B,SAAU,OACpB3B,KAAKF,YAAc8B,MAAMC,KAAK7B,KAAK8B,YAAYC,iBAAiB,8BAChE,GAAI/B,KAAKF,YAAYkC,OAAQ,CAC3BhC,KAAKoB,eAAiB,KACtBpB,KAAKiC,kB,EAIT,gBAAAC,GACE,GAAIlC,KAAKT,GAAIS,KAAKT,GAAG4C,aACrBnC,KAAKT,GAAK,IAAI6C,kBAAiB,KAC7BC,EAAYrC,KAAK8B,aACjB9B,KAAKsC,mBACLtC,KAAKgB,UAAU,IAEjBhB,KAAKT,GAAGgD,QAAQvC,KAAK8B,YAAa,CAAEU,UAAW,KAAMC,QAAS,OAE9DzC,KAAKP,WAAaO,KAAK8B,YAAYY,cAAc,gBACjD1C,KAAKR,aAAeQ,KAAK8B,YAAYY,cAAc,sBACnD1C,KAAKK,SAAWL,KAAK8B,YAAYY,cAAc,iBAC/C1C,KAAKM,QAAUN,KAAK8B,YAAYY,cAAc,gBAE9C1C,KAAK8B,YAAYa,iBAAiB,aAAa,EAAGjC,YAChDV,KAAKkB,cAAcR,EAAuBV,KAAKM,WAGjDN,KAAKsC,mBACLtC,KAAKgB,U,CAIP,gBAAAsB,GACEtC,KAAKN,SAAWkC,MAAMC,KAAK7B,KAAK8B,YAAYC,iBAAiB,qBAC7D/B,KAAKN,SAASkD,SAAQC,IACpB,GAAI7C,KAAKa,QAAUgC,EAAUhC,MAAO,CAClCb,KAAKW,iBAAmBkC,C,KACnB,CACLA,EAAUC,gBAAgB,W,CAG5BD,EACGH,cAAc,KACdC,iBAAiB,SAAS,EAAGjC,YAAaV,KAAKkB,cAAcR,EAAuBV,KAAKM,UAAS,IAIvG,IAAKN,KAAKoB,eAAgB,OAC1BpB,KAAKH,cAAgB+B,MAAMC,KAAK7B,KAAK8B,YAAYC,iBAAiB,+BAGlE/B,KAAKqB,uBAGLrB,KAAK+C,cAAgB/C,KAAKH,cAAcmD,KAAI,CAACC,EAAIC,KAC/CD,EAAGE,aAAa,aAAc,GAAGD,KACjC,OAAQD,EAAGrC,QAAQ,6BAAqCC,KAAK,G,CAKjE,QAAAG,GACEO,uBAAsB,KACpBvB,KAAKkB,cAAclB,KAAKW,iBAAkBX,KAAKK,UAC/CL,KAAKoD,mBAAmB,G,CAK5B,aAAAlC,CAAc+B,EAAiBI,GAC7B,IAAKJ,GAAIrC,QAAQ,oBAAqB,CACpCyC,GAAMC,UAAUC,IAAI,UACpB,M,CAGF,GAAIF,EAAMA,EAAKC,UAAUE,OAAO,UAEhC,MAAMC,EAASR,EAAGrC,QAAQ,oBAAoB8C,wBAC9C,MAAQC,KAAMC,GAAa5D,KAAKR,aAAakE,wBAC7C,MAAQC,KAAME,EAASC,OAAQC,EAAWC,MAAOC,GAAaR,EAE9D,MAAMS,EAASL,EAAUD,EAAW5D,KAAKR,aAAa2E,WAEtDd,EAAKe,MAAMC,YAAY,YAAa,aAAaH,aACjDb,EAAKe,MAAMC,YAAY,QAAS,GAAGJ,OACnCZ,EAAKe,MAAMC,YAAY,SAAU,GAAGN,M,CAKtC,iBAAAX,GACE,IAAKpD,KAAKP,WAAY,OACtB,GAAIO,KAAKP,WAAW6E,YAActE,KAAKP,WAAW8E,YAAa,CAC7DvE,KAAKwE,iBAAmB,KAExB,IAAKxE,KAAKO,iBAAkB,CAC1BP,KAAKP,WAAWkD,iBAAiB,SAAU3C,KAAKoD,kBAAkBlD,KAAKF,OACvEA,KAAKO,iBAAmB,I,CAG1B,MAAMkE,EAAiBC,KAAKC,MAAM3E,KAAKP,WAAW6E,YAActE,KAAKP,WAAW0E,YAChF,MAAMS,EAAgBH,EAAiBzE,KAAKP,WAAW8E,YACvD,MAAMM,EAAkB7E,KAAKP,WAAW0E,WAExCnE,KAAK8E,cAAgBD,EAAkB,EACvC7E,KAAK+E,eAAiBH,EAAgB,EAEtC,M,CAGF5E,KAAK8E,cAAgB,MACrB9E,KAAK+E,eAAiB,MACtB/E,KAAKwE,iBAAmB,K,CAG1B,MAAAQ,CAAOC,GACL,IAAIC,EAASlF,KAAKP,WAAW0E,WAAac,EAE1CjF,KAAKP,WAAWuF,OAAO,CACrBrB,KAAMuB,EACNC,SAAU,U,CAId,kBAAAC,GACE,IAAIC,EAAa,gBAEjB,GAAIrF,KAAK8E,cAAeO,GAAc,sBACtC,GAAIrF,KAAK+E,eAAgBM,GAAc,uBAEvC,OAAOA,C,CAMT,gBAAApD,GACEV,uBAAsB,KACpBvB,KAAKL,eAAiBK,KAAK8B,YAAYY,cAAc,gCACrD1C,KAAKJ,WAAaI,KAAK8B,YAAYY,cAAc,yBAEjD1C,KAAKsF,2BAA2B,G,CAIpC,cAAAC,GACEvF,KAAKc,cAAgBd,KAAKc,Y,CAG5B,oBAAAO,GACErB,KAAKF,YAAY8C,SAAQK,IACvB,GAAIA,EAAGpC,OAASb,KAAKa,QAAUoC,EAAGpC,MAAO,CACvCoC,EAAGE,aAAa,SAAU,QAC1B,M,CAGFF,EAAGH,gBAAgB,SAAS,G,CAMhC,yBAAAwC,GACEtF,KAAK8B,YAAYa,iBAAiB,UAAW3C,KAAKD,cAClDC,KAAK8B,YAAYa,iBAAiB,QAAS3C,KAAKD,a,CAGlD,uBAAAyB,GACE,MAAMgE,EAAiBxF,KAAK8B,YAAY2D,cAExCD,EAAK7C,iBAAiB,UAAW3C,KAAKG,oBACtCqF,EAAK7C,iBAAiB,UAAW3C,KAAKG,oBACtCqF,EAAK7C,iBAAiB,QAAS3C,KAAKG,mB,CAGtC,0BAAAsB,GACE,MAAM+D,EAAiBxF,KAAK8B,YAAY2D,cAExCD,EAAKE,oBAAoB,UAAW1F,KAAKG,oBACzCqF,EAAKE,oBAAoB,UAAW1F,KAAKG,oBACzCqF,EAAKE,oBAAoB,QAAS1F,KAAKG,mB,CAKzC,cAAAF,CAAe0F,GACb,MAAMjF,EAAkBiF,EAAEC,eAAe,GAIzC,GAAID,EAAEE,OAAS,UAAW,CACxB,IAAK7F,KAAKc,cAAgBJ,IAAWV,KAAKL,gBAAkB,CAAC,UAAW,aAAamG,SAASH,EAAEI,MAAO,CACrG/F,KAAKc,aAAe,KAEpBS,uBAAsB,KACpBvB,KAAKgG,uBAAuB,G,GAOpC,YAAA5F,CAAauF,GACX,MAAMjF,EAAkBiF,EAAEC,eAAe,GAEzC,GAAID,EAAEE,OAAS,WAAaF,EAAEI,OAAS,SAAU,CAC/C/F,KAAKc,aAAe,MACpBd,KAAKL,eAAesG,O,CAGtB,GAAIN,EAAEI,OAAS,YAAa/F,KAAKgG,wBACjC,GAAIL,EAAEI,OAAS,UAAW/F,KAAKkG,wBAE/B,IAAKP,EAAEE,OAAS,SAAWF,EAAEE,OAAS,aAAe7F,KAAKJ,WAAWuG,SAASzF,GAAS,CACrFV,KAAKc,aAAe,K,EAMxB,qBAAAkF,GACE,MAAMI,cAAEA,GAA4BpG,KAAK8B,YAAY2D,cAErD,IAAKW,EAAc9C,UAAU6C,SAAS,6BAA8B,CAClEnG,KAAKH,cAAc,GAAGoG,QACtB,M,CAIF,MAAMI,EAAQC,SAASF,EAAcG,aAAa,eAElD,GAAIF,EAAQrG,KAAKH,cAAcmC,OAAS,EAAG,CACzChC,KAAKH,cAAcwG,EAAQ,GAAGJ,O,EAIlC,qBAAAC,GACE,MAAME,cAAEA,GAA4BpG,KAAK8B,YAAY2D,cAErD,IAAKW,EAAc9C,UAAU6C,SAAS,iBAAkB,CACtDnG,KAAKH,cAAcG,KAAKH,cAAcmC,OAAS,GAAGiE,O,CAIpD,MAAMI,EAAQC,SAASF,EAAcG,aAAa,eAElD,GAAIF,EAAQ,EAAG,CACbrG,KAAKH,cAAcwG,EAAQ,GAAGJ,QAC9B,M,CAGFjG,KAAKL,eAAesG,O,CAItB,qBAAAO,GACE,IAAIlD,EAAY,+BAChB,GAAItD,KAAK+C,cAAc+C,SAAS9F,KAAKa,OAAQyC,GAAa,+BAE1D,OAAOA,C,CAGT,eAAAmD,GACE,IAAInD,EAAY,wBAEhB,GAAItD,KAAKc,aAAcwC,GAAa,6BAEpC,OAAOA,C,CAIT,MAAAoD,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACR9G,KAAKoB,gBACJuF,EAAA,UAAAE,IAAA,2CACEhB,KAAK,SACLiB,MAAO9G,KAAKwG,wBACZO,QAAS,IAAM/G,KAAKuF,iBAAgB,gBACtB,oBAAmB,gBAClB,GAAGvF,KAAKc,gBAEtBd,KAAK2B,SACNgF,EAAA,WAAAE,IAAA,2CAASG,KAAMC,EAAYC,MAAM,QAAQC,MAAK,OAC9CR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBAIfH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,qBACRH,EAAA,QAAAE,IAAA,6CACAF,EAAA,MAAAE,IAAA,2CAAIC,MAAM,wBAAwBM,KAAK,iBACvCT,EAAA,MAAAE,IAAA,2CAAIC,MAAM,uBAAuBM,KAAK,mBAIzCpH,KAAKwE,kBACJmC,EAAA,OAAAE,IAAA,2CAAKC,MAAO9G,KAAKoF,sBACfuB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mBAAmBC,QAAS,IAAM/G,KAAKgF,QAAQ,KAAMqC,SAAS,MAC1EV,EAAA,WAAAE,IAAA,2CAASG,KAAMM,EAAYJ,MAAM,WAGnCP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,oBAAoBC,QAAS,IAAM/G,KAAKgF,OAAO,KAAMqC,SAAS,MAC1EV,EAAA,WAAAE,IAAA,2CAASG,KAAMO,EAAaL,MAAM,eAMzClH,KAAKoB,gBACJuF,EAAA,MAAAE,IAAA,2CAAIW,GAAIxH,KAAKyH,MAAOX,MAAO9G,KAAKyG,mBAC9BE,EAAA,QAAAE,IAAA,2CAAMa,KAAK,mB","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-8e07bc17.entry.js → p-bd14cdca.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,g as o,h as s,a as n}from"./p-43660913.js";import{o as e}from"./p-773aa70a.js";import{k as i,S as r,e as p,N as a}from"./p-f64d17a6.js";const w={SE:{domain:{sv:"https://www.postnord.se",en:"https://www.postnord.se/en"},contact:{sv:"https://www.postnord.se/kundservice",en:"https://www.postnord.se/en/help-and-support/contact-us"},cookies:{sv:"https://www.postnord.se/cookies",en:"https://www.postnord.se/en/cookies"},privacy:{sv:"https://www.postnord.se/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{sv:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf",en:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}},DK:{domain:{da:"https://www.postnord.dk",en:"https://www.postnord.com/en"},contact:{da:"https://www.postnord.dk/kundeservice",en:"https://www.postnord.dk/en/help-and-support"},cookies:{da:"https://www.postnord.dk/cookies",en:"https://www.postnord.dk/en/cookies"},privacy:{da:"https://www.postnord.dk/personlige-oplysninger",en:"https://www.postnord.se/en/privacy-policy"},terms:{da:"https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf",en:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser"}},FI:{domain:{fi:"https://www.postnord.fi",sv:"https://www.postnord.fi/sv",en:"https://www.postnord.fi/en"},contact:{fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta",sv:"https://www.postnord.fi/sv/kundtjanst",en:"https://www.postnord.fi/en/customer-service"},cookies:{fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista",sv:"https://www.postnord.fi/sv/integritetspolicy/information-om-cookies",en:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies"},privacy:{fi:"https://www.postnord.fi/yksityisyydensuoja",sv:"https://www.postnord.fi/sv/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{fi:"https://www.postnord.fi/laheta/sopimusehdot",sv:"https://www.postnord.fi/sv/skicka/villkor",en:"https://www.postnord.fi/en/sending/terms"}},NO:{domain:{no:"https://www.postnord.no",en:"https://www.postnord.no/en"},contact:{no:"https://www.postnord.no/kundeservice",en:"https://www.postnord.no/en/contact-postnord"},cookies:{no:"https://www.postnord.no/cookies",en:"https://www.postnord.no/en/cookies"},privacy:{no:"https://www.postnord.no/personvernerklaering",en:"https://www.postnord.se/en/privacy-policy"}},contact:"https://portal.postnord.com/customerservice"};const d={cookies:{sv:"Cookies",en:"Cookies",da:"Cookies",fi:"Evästeet",no:"Cookies"},questions:{sv:"Undrar du över något?",en:"Do you have any questions?",da:"Har du nogen spørgsmål?",fi:"Onko sinulla kysyttävää?",no:"Har du noen spørsmål?"},contact:{sv:"Kontakta oss",en:"Get in touch",da:"Kontakt os",fi:"Ota yhteyttä",no:"Ta kontakt"},info:{sv:"Mer information om PostNord hittar du på",en:"More information about PostNord can be found at",da:"Mere information om PostNord findes på",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"Du finner mer informasjon om PostNord på"},privacy:{sv:"Integritetspolicy",en:"Privacy policy",da:"Integritetspolitik",fi:"Yksityisyysasetukset",no:"Privacy policy"},terms:{sv:"Villkor",en:"Terms and conditions",da:"Vilkår og betingelser",fi:"Sopimusehdot",no:"Betingelser og vilkår"}};const c="pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}pn-footer pn-text-link{margin-right:0.5em}pn-footer pn-text-link:last-child{margin-right:0}";const h=c;const f=class{constructor(o){t(this,o);this.market=null;this.language=null}get hostElement(){return o(this)}async componentWillLoad(){if(this.market&&this.language)return;await i(this.hostElement)}getLink(t){return w?.[this.market||r]?.[t]?.[this.language||p]}getText(t){if(t==="domain")return this.getLink(t)?.replace("https://www.","");return d?.[t]?.[this.language]}renderLink(t){const o=this.getLink(t);const n=this.getText(t);if(o&&n){return s("pn-text-link",{label:n,target:"_blank",rel:"noopener noreferrer",href:o,icon:e})}}render(){return s(n,{key:"eb51a2359d790d67d2a655fe98b1315e57558cb9"},s("div",{key:"e5c3ca2d99668b56a51f4cff35512c87a649fc8e",class:"pn-footer-row"},s("p",{key:"e0e95967f2f2a58875109acf64682ab6c34df81d"},this.getText("questions")),this.renderLink("contact")),s("div",{key:"c8c8770491f39445575f0770a2d52bb392d7095e",class:"pn-footer-row"},this.market!==a&&this.renderLink("terms"),this.renderLink("privacy"),this.renderLink("cookies")),s("div",{key:"944d4f4f3a3baa245da8a6ba25837314d385b4f8",class:"pn-footer-row"},s("p",{key:"3e35f3e9f882c07ba3b074a02c7752dc021d31b3"},this.getText("info")),this.renderLink("domain")))}};f.style=h;export{f as pn_footer};
-//# sourceMappingURL=p-8e07bc17.entry.js.map
+import{r as t,g as o,h as s,a as n}from"./p-43660913.js";import{o as e}from"./p-773aa70a.js";import{k as i,S as r,e as p,N as a}from"./p-f64d17a6.js";const d={SE:{domain:{sv:"https://www.postnord.se",en:"https://www.postnord.se/en"},contact:{sv:"https://www.postnord.se/kundservice",en:"https://www.postnord.se/en/help-and-support/contact-us"},cookies:{sv:"https://www.postnord.se/cookies",en:"https://www.postnord.se/en/cookies"},privacy:{sv:"https://www.postnord.se/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{sv:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf",en:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}},DK:{domain:{da:"https://www.postnord.dk",en:"https://www.postnord.com/en"},contact:{da:"https://www.postnord.dk/kundeservice",en:"https://www.postnord.dk/en/help-and-support"},cookies:{da:"https://www.postnord.dk/cookies",en:"https://www.postnord.dk/en/cookies"},privacy:{da:"https://www.postnord.dk/personlige-oplysninger",en:"https://www.postnord.se/en/privacy-policy"},terms:{da:"https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf",en:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser"}},FI:{domain:{fi:"https://www.postnord.fi",sv:"https://www.postnord.fi/sv",en:"https://www.postnord.fi/en"},contact:{fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta",sv:"https://www.postnord.fi/sv/kundtjanst",en:"https://www.postnord.fi/en/customer-service"},cookies:{fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista",sv:"https://www.postnord.fi/sv/integritetspolicy/information-om-cookies",en:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies"},privacy:{fi:"https://www.postnord.fi/yksityisyydensuoja",sv:"https://www.postnord.fi/sv/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{fi:"https://www.postnord.fi/laheta/sopimusehdot",sv:"https://www.postnord.fi/sv/skicka/villkor",en:"https://www.postnord.fi/en/sending/terms"}},NO:{domain:{no:"https://www.postnord.no",en:"https://www.postnord.no/en"},contact:{no:"https://www.postnord.no/kundeservice",en:"https://www.postnord.no/en/contact-postnord"},cookies:{no:"https://www.postnord.no/cookies",en:"https://www.postnord.no/en/cookies"},privacy:{no:"https://www.postnord.no/personvernerklaering",en:"https://www.postnord.se/en/privacy-policy"}},contact:"https://portal.postnord.com/customerservice"};const w={cookies:{sv:"Cookies",en:"Cookies",da:"Cookies",fi:"Evästeet",no:"Cookies"},questions:{sv:"Undrar du över något?",en:"Do you have any questions?",da:"Har du nogen spørgsmål?",fi:"Onko sinulla kysyttävää?",no:"Har du noen spørsmål?"},contact:{sv:"Kontakta oss",en:"Get in touch",da:"Kontakt os",fi:"Ota yhteyttä",no:"Ta kontakt"},info:{sv:"Mer information om PostNord hittar du på",en:"More information about PostNord can be found at",da:"Mere information om PostNord findes på",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"Du finner mer informasjon om PostNord på"},privacy:{sv:"Integritetspolicy",en:"Privacy policy",da:"Integritetspolitik",fi:"Yksityisyysasetukset",no:"Privacy policy"},terms:{sv:"Villkor",en:"Terms and conditions",da:"Vilkår og betingelser",fi:"Sopimusehdot",no:"Betingelser og vilkår"}};const c="pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}pn-footer pn-text-link{margin-right:0.5em}pn-footer pn-text-link:last-child{margin-right:0}";const h=c;const f=class{constructor(o){t(this,o);this.market=null;this.language=null}get hostElement(){return o(this)}async componentWillLoad(){if(this.market&&this.language)return;await i(this.hostElement)}getLink(t){return d?.[this.market||r]?.[t]?.[this.language||p]}getText(t){if(t==="domain")return this.getLink(t)?.replace("https://www.","");return w?.[t]?.[this.language]}renderLink(t){const o=this.getLink(t);const n=this.getText(t);if(o&&n){return s("pn-text-link",{label:n,target:"_blank",rel:"noopener noreferrer",href:o,icon:e})}}render(){return s(n,{key:"058cc2657df17548123ef669430f182ca5938fb3"},s("div",{key:"342b9994cd820a210c6a2340a7f380cd413dd445",class:"pn-footer-row"},s("p",{key:"32fc92b37a3a30cc713ad95f3e76089fcd5555c2"},this.getText("questions")),this.renderLink("contact")),s("div",{key:"dbe0d3496fb83b2a437ea52a6c7785c30fbd7a2c",class:"pn-footer-row"},this.market!==a&&this.renderLink("terms"),this.renderLink("privacy"),this.renderLink("cookies")),s("div",{key:"41bccfb8d19a869f15622be57e7b03beccc43d90",class:"pn-footer-row"},s("p",{key:"b9d133af8a47f8a97925200994a91a174595dea1"},this.getText("info")),this.renderLink("domain")))}};f.style=h;export{f as pn_footer};
+//# sourceMappingURL=p-bd14cdca.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-699b7bde.entry.js → p-bf015c0f.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,g as n,h as i}from"./p-43660913.js";const e="pn-text-link{display:inline}pn-text-link .pn-text-link{border-radius:0.25em;color:#005d92;font-weight:500;text-decoration:underline;font-size:1em;transition-property:color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-text-link .pn-text-link{transition-duration:0s;transition-delay:0s}}pn-text-link .pn-text-link:focus-visible{outline-color:#005d92}pn-text-link .pn-text-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]{display:inline-flex;gap:0.25em;align-items:center;text-decoration-color:transparent;padding:0.1em;border-radius:0.5em}pn-text-link .pn-text-link[data-icon] .pn-icon-svg path{fill:#005d92}pn-text-link .pn-text-link[data-icon]:hover{text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]:hover .pn-icon-svg path,pn-text-link .pn-text-link[data-icon]:focus-visible .pn-icon-svg path{fill:#0d234b}pn-text-link .pn-text-link[data-icon][data-icon-left]{flex-direction:row-reverse}pn-text-link .pn-text-link[data-light]{color:#ffffff}pn-text-link .pn-text-link[data-light]:focus-visible{outline-color:#ffffff}pn-text-link .pn-text-link[data-light]:hover{text-decoration-color:#ffffff}pn-text-link .pn-text-link[data-light][data-icon] pn-icon .pn-icon-svg path{fill:#ffffff}";const o=e;const l=class{constructor(n){t(this,n);this.label=undefined;this.href=undefined;this.light=false;this.icon=undefined;this.leftIcon=false;this.download=undefined;this.hreflang=undefined;this.media=undefined;this.referrerpolicy=undefined;this.rel="noopener noreferrer";this.target=undefined;this.linkid=undefined}get hostElement(){return n(this)}render(){return i("a",{key:"88ee2cf28a906eecb3b77f3bb4c25103368a6be1",id:this.linkid,class:"pn-text-link",href:this.href,rel:this.rel,target:this.target,download:this.download,hreflang:this.hreflang,media:this.media,referrerPolicy:this.referrerpolicy,"data-icon":!!this.icon,"data-icon-left":this.leftIcon,"data-light":this.light},this.label,i("slot",{key:"a0ceda16a5282b86356334e0f68872bdf6ddc8dd"}),this.icon&&i("pn-icon",{key:"85a9dc141e364134bb258bbdb5a7b76ad76b37bf",icon:this.icon}))}};l.style=o;export{l as pn_text_link};
-//# sourceMappingURL=p-699b7bde.entry.js.map
+import{r as t,g as n,h as i}from"./p-43660913.js";const e="pn-text-link{display:inline}pn-text-link .pn-text-link{border-radius:0.25em;color:#005d92;font-weight:500;text-decoration:underline;font-size:1em;transition-property:color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-text-link .pn-text-link{transition-duration:0s;transition-delay:0s}}pn-text-link .pn-text-link:focus-visible{outline-color:#005d92}pn-text-link .pn-text-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]{display:inline-flex;gap:0.25em;align-items:center;text-decoration-color:transparent;padding:0.1em;border-radius:0.5em}pn-text-link .pn-text-link[data-icon] .pn-icon-svg path{fill:#005d92}pn-text-link .pn-text-link[data-icon]:hover{text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]:hover .pn-icon-svg path,pn-text-link .pn-text-link[data-icon]:focus-visible .pn-icon-svg path{fill:#0d234b}pn-text-link .pn-text-link[data-icon][data-icon-left]{flex-direction:row-reverse}pn-text-link .pn-text-link[data-light]{color:#ffffff}pn-text-link .pn-text-link[data-light]:focus-visible{outline-color:#ffffff}pn-text-link .pn-text-link[data-light]:hover{text-decoration-color:#ffffff}pn-text-link .pn-text-link[data-light][data-icon] pn-icon .pn-icon-svg path{fill:#ffffff}";const o=e;const l=class{constructor(n){t(this,n);this.label=undefined;this.href=undefined;this.light=false;this.icon=undefined;this.leftIcon=false;this.download=undefined;this.hreflang=undefined;this.media=undefined;this.referrerpolicy=undefined;this.rel="noopener noreferrer";this.target=undefined;this.linkid=undefined}get hostElement(){return n(this)}render(){return i("a",{key:"e3eedcb07dbfb7530142b37f6fa11c2df8eabd08",id:this.linkid,class:"pn-text-link",href:this.href,rel:this.rel,target:this.target,download:this.download,hreflang:this.hreflang,media:this.media,referrerPolicy:this.referrerpolicy,"data-icon":!!this.icon,"data-icon-left":this.leftIcon,"data-light":this.light},this.label,i("slot",{key:"830b2a522a8c296540c2831d0b5fae2b35933337"}),this.icon&&i("pn-icon",{key:"97b8e1c3037cad1d5bd3b9910762508615a9e191",icon:this.icon}))}};l.style=o;export{l as pn_text_link};
+//# sourceMappingURL=p-bf015c0f.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-99600bc7.js → p-bf967b50.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const s=l;export{s as c};
-//# sourceMappingURL=p-99600bc7.js.map
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const s=l;export{s as a};
+//# sourceMappingURL=p-bf967b50.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-bf967b50.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","angle_down"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_down.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_down = icon;\nexport const angleDown = icon;\n"],"mappings":";;;;AAAA,MAAMA,EAAO,6QACD,MAACC,EAAaD,S","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-37297b9a.entry.js → p-c0d19737.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as n,g as e,h as i,a}from"./p-43660913.js";import{o}from"./p-f64d17a6.js";const s="pn-tab{position:relative;overflow:hidden;flex-shrink:0;scroll-snap-align:center;display:inline-block;border-radius:0.5em}pn-tab .pn-tab{position:relative;cursor:pointer;margin:1em 0.25em;padding:0 0.25em;border:none;border-radius:0.5em;color:#2d2013;background-color:transparent;font-family:inherit;font-size:1em;font-weight:500;text-decoration:none;display:flex;gap:0.5em;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition-property:color, outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}pn-tab .pn-tab .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){pn-tab .pn-tab{transition-duration:0s;transition-delay:0s}}pn-tab .pn-tab>span{line-height:1.5em}pn-tab .pn-tab>pn-icon>.pn-icon-svg path,pn-tab .pn-tab>pn-icon>.pn-icon-svg polygon{fill:#2d2013}pn-tab .pn-tab:focus-visible{overflow:hidden;outline-color:#005d92;background-color:#ffffff}pn-tab .pn-tab[aria-selected=true],pn-tab .pn-tab[aria-current=page]{color:#005d92}pn-tab .pn-tab[aria-selected=true]>pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-selected=true]>pn-icon>.pn-icon-svg polygon,pn-tab .pn-tab[aria-current=page]>pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-current=page]>pn-icon>.pn-icon-svg polygon{fill:#005d92}pn-tab .pn-tab[aria-selected=true]:focus,pn-tab .pn-tab[aria-current=page]:focus{color:#0d234b}pn-tab .pn-tab[aria-selected=true]:focus pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-selected=true]:focus pn-icon>.pn-icon-svg polygon,pn-tab .pn-tab[aria-current=page]:focus pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-current=page]:focus pn-icon>.pn-icon-svg polygon{fill:#0d234b}";const r=s;const c=class{constructor(e){t(this,e);this.setActiveTab=n(this,"setActiveTab",7);this.tabEnter=n(this,"tabEnter",7);this.tabLeave=n(this,"tabLeave",7);this.label=undefined;this.value=undefined;this.href=undefined;this.icon=undefined;this.ariacontrols=undefined;this.tabid=undefined;this.activeTab=undefined}tag="button";get hostElement(){return e(this)}setActiveTab;setActiveTabHandler({click:t=false,element:n}={}){if(t||this.isActive()){const t=n?.value||this.value;const e=n?.value&&n||this.hostElement;this.setActiveTab.emit({val:t,el:e})}}tabEnter;triggerEnter(t){this.tabEnter.emit(t)}tabLeave;triggerLeave(t){this.tabLeave.emit(t)}componentWillLoad(){this.tabTag()}componentDidUpdate(){this.setActiveTabHandler()}componentDidLoad(){this.setActiveTabHandler()}arrowKeyNav(t){if(!/^(ArrowRight|ArrowLeft|Home|End)$/.test(t.key))return;t.preventDefault();const n=t.target.closest("pn-tablist");const e=Array.from(n.querySelectorAll("pn-tab"));const i=e[0];const a=e[e.length-1];const o=this.hostElement.nextElementSibling;const s=this.hostElement.previousElementSibling;if(t.key==="Home")this.setActiveTabHandler({element:i});if(t.key==="End")this.setActiveTabHandler({element:a});if(t.key==="ArrowRight"){this.setActiveTabHandler({element:o?.value?o:i})}if(t.key==="ArrowLeft"){this.setActiveTabHandler({element:s?.value?s:a})}}isActive(){return this.activeTab===this.value}tabTag(){const t=this.hostElement.closest("pn-tablist");this.tag=t.slot==="menu"?"a":"button"}renderProperties(){return this.tag==="a"?{href:this.href,"aria-current":this.isActive()?"page":"false"}:{tabindex:this.isActive()?0:-1,type:"button",role:"tab","aria-selected":this.isActive().toString(),"aria-controls":this.ariacontrols}}handleClick(t){this.setActiveTabHandler({click:true});o(t,this.hostElement,".pn-tab")}render(){const t=this.tag;return i(a,{key:"50c638d4e12ae9011d8efa3606499e906c9cb8c3"},i(t,{key:"79baf88094716a8499801d0becaeb3a5cb3698d4",id:this.tabid,class:"pn-tab",...this.renderProperties(),onClick:t=>this.handleClick(t),onMouseEnter:t=>this.triggerEnter(t),onFocus:t=>this.triggerEnter(t),onMouseLeave:t=>this.triggerLeave(t),onBlur:t=>this.triggerLeave(t),onKeyDown:t=>this.arrowKeyNav(t)},!!this.icon&&i("pn-icon",{key:"4fd00fa65a2921a5c8197085fc7c2528773b084b",icon:this.icon}),i("slot",{key:"5c72c7d4813f0644a5777b0f4d2575409fcf8c36"}),i("span",{key:"b6ee7be6b34ac3dc234ec2bc07f948ba612992e4"},this.label)))}};c.style=r;export{c as pn_tab};
-//# sourceMappingURL=p-37297b9a.entry.js.map
+import{r as t,c as n,g as e,h as i,a}from"./p-43660913.js";import{o}from"./p-f64d17a6.js";const s="pn-tab{position:relative;overflow:hidden;flex-shrink:0;scroll-snap-align:center;display:inline-block;border-radius:0.5em}pn-tab .pn-tab{position:relative;cursor:pointer;margin:1em 0.25em;padding:0 0.25em;border:none;border-radius:0.5em;color:#2d2013;background-color:transparent;font-family:inherit;font-size:1em;font-weight:500;text-decoration:none;display:flex;gap:0.5em;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition-property:color, outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}pn-tab .pn-tab .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){pn-tab .pn-tab{transition-duration:0s;transition-delay:0s}}pn-tab .pn-tab>span{line-height:1.5em}pn-tab .pn-tab>pn-icon>.pn-icon-svg path,pn-tab .pn-tab>pn-icon>.pn-icon-svg polygon{fill:#2d2013}pn-tab .pn-tab:focus-visible{overflow:hidden;outline-color:#005d92;background-color:#ffffff}pn-tab .pn-tab[aria-selected=true],pn-tab .pn-tab[aria-current=page]{color:#005d92}pn-tab .pn-tab[aria-selected=true]>pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-selected=true]>pn-icon>.pn-icon-svg polygon,pn-tab .pn-tab[aria-current=page]>pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-current=page]>pn-icon>.pn-icon-svg polygon{fill:#005d92}pn-tab .pn-tab[aria-selected=true]:focus,pn-tab .pn-tab[aria-current=page]:focus{color:#0d234b}pn-tab .pn-tab[aria-selected=true]:focus pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-selected=true]:focus pn-icon>.pn-icon-svg polygon,pn-tab .pn-tab[aria-current=page]:focus pn-icon>.pn-icon-svg path,pn-tab .pn-tab[aria-current=page]:focus pn-icon>.pn-icon-svg polygon{fill:#0d234b}";const r=s;const c=class{constructor(e){t(this,e);this.setActiveTab=n(this,"setActiveTab",7);this.tabEnter=n(this,"tabEnter",7);this.tabLeave=n(this,"tabLeave",7);this.label=undefined;this.value=undefined;this.href=undefined;this.icon=undefined;this.ariacontrols=undefined;this.tabid=undefined;this.activeTab=undefined}tag="button";get hostElement(){return e(this)}setActiveTab;setActiveTabHandler({click:t=false,element:n}={}){if(t||this.isActive()){const t=n?.value||this.value;const e=n?.value&&n||this.hostElement;this.setActiveTab.emit({val:t,el:e})}}tabEnter;triggerEnter(t){this.tabEnter.emit(t)}tabLeave;triggerLeave(t){this.tabLeave.emit(t)}componentWillLoad(){this.tabTag()}componentDidUpdate(){this.setActiveTabHandler()}componentDidLoad(){this.setActiveTabHandler()}arrowKeyNav(t){if(!/^(ArrowRight|ArrowLeft|Home|End)$/.test(t.key))return;t.preventDefault();const n=t.target.closest("pn-tablist");const e=Array.from(n.querySelectorAll("pn-tab"));const i=e[0];const a=e[e.length-1];const o=this.hostElement.nextElementSibling;const s=this.hostElement.previousElementSibling;if(t.key==="Home")this.setActiveTabHandler({element:i});if(t.key==="End")this.setActiveTabHandler({element:a});if(t.key==="ArrowRight"){this.setActiveTabHandler({element:o?.value?o:i})}if(t.key==="ArrowLeft"){this.setActiveTabHandler({element:s?.value?s:a})}}isActive(){return this.activeTab===this.value}tabTag(){const t=this.hostElement.closest("pn-tablist");this.tag=t.slot==="menu"?"a":"button"}renderProperties(){return this.tag==="a"?{href:this.href,"aria-current":this.isActive()?"page":"false"}:{tabindex:this.isActive()?0:-1,type:"button",role:"tab","aria-selected":this.isActive().toString(),"aria-controls":this.ariacontrols}}handleClick(t){this.setActiveTabHandler({click:true});o(t,this.hostElement,".pn-tab")}render(){const t=this.tag;return i(a,{key:"ec9df780cc276853bfc6bcbb9af1f6d4f6e8d83e"},i(t,{key:"aa1b089953f69110583eef6c689973bd118d2fd6",id:this.tabid,class:"pn-tab",...this.renderProperties(),onClick:t=>this.handleClick(t),onMouseEnter:t=>this.triggerEnter(t),onFocus:t=>this.triggerEnter(t),onMouseLeave:t=>this.triggerLeave(t),onBlur:t=>this.triggerLeave(t),onKeyDown:t=>this.arrowKeyNav(t)},!!this.icon&&i("pn-icon",{key:"583bf623f788662aaa3f612552b52ecfc0edae51",icon:this.icon}),i("slot",{key:"a5f216eb6ac2ee8fcb7f90daec3f69cc597f9d7e"}),i("span",{key:"26c116fe67ce645c31eed9e37e5529da6fbc97ea"},this.label)))}};c.style=r;export{c as pn_tab};
+//# sourceMappingURL=p-c0d19737.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-1fe6fc61.entry.js → p-c2bbbcaa.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as e,g as n,h as i,a as s}from"./p-43660913.js";import{u as r,k as o,e as a}from"./p-f64d17a6.js";const c='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>';const u=c;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 2a1 1 0 0 1 1 1v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8V3a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const d=h;const l={DECREASE:{en:"Decrease",sv:"Minska",da:"Reducere",fi:"Vähentää",no:"Redusere"},INCREASE:{en:"Increase",sv:"Öka",da:"Øge",fi:"Lisääntyä",no:"Øke"},MAX_VALUE_MESSAGE:{en:"Maximum value is ",sv:"Högsta värde är ",da:"Højeste værdi er",fi:"Korkein arvo on",no:"Høyeste verdi er"},MIN_VALUE_MESSAGE:{en:"Minimum value is ",sv:"Lägsta värde är ",da:"Laveste værdi er ",fi:"Pienin arvo on ",no:"Laveste verdi er "}};const p="pn-counter{display:inline-block}pn-counter .pn-counter{display:inline-flex;flex-direction:column}pn-counter .pn-counter-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-label{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-label>span{font-size:0.875em}pn-counter .pn-counter-input{--pn-counter-ch:0ch;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);text-align:center;width:100%;max-width:calc(3.5em + var(--pn-counter-ch));outline:0.2rem solid transparent;outline-offset:0.2rem}pn-counter .pn-counter-input:-webkit-autofill,pn-counter .pn-counter-input:-webkit-autofill:hover,pn-counter .pn-counter-input:-webkit-autofill:focus,pn-counter .pn-counter-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-counter .pn-counter-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-input{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-input::placeholder{color:#5e554a;font-weight:normal}pn-counter .pn-counter-input:hover{border-color:#005d92}pn-counter .pn-counter-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-counter .pn-counter-input:focus-visible{outline-color:#005d92}pn-counter .pn-counter-input:read-only{border-color:#ffffff}pn-counter .pn-counter-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-counter .pn-counter-input::-webkit-inner-spin-button,pn-counter .pn-counter-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-counter .pn-counter-input[type=number]{appearance:textfield}pn-counter .pn-counter-items{display:inline-flex;flex-direction:row;gap:0.5em;transition-property:gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-items{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-items[data-hidebuttons]{gap:0}pn-counter .pn-counter-items[data-hidebuttons]>pn-button{transform:scale(0) translateZ(0);width:0}pn-counter .pn-counter-items>pn-button{transform:scale(1) translateZ(0);transform-origin:center center;width:3em;transition-property:transform, width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-items>pn-button{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-helpertext{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-counter .pn-counter-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}";const f=p;const b=class{constructor(n){t(this,n);this.counterInput=e(this,"counterInput",7);this.clearAriaTimer=undefined;this.displaySrValue=false;this.showMinMaxMessage=false;this.lastDispatchedValue=undefined;this.interactType=undefined;this.label=undefined;this.helpertext=undefined;this.value=0;this.counterid=this.id;this.language=null;this.labelDecrease=undefined;this.labelIncrease=undefined;this.minMessage=undefined;this.maxMessage=undefined;this.name=undefined;this.min=undefined;this.max=undefined;this.step=1;this.list=undefined;this.required=false;this.readonly=false;this.disabled=false}id=`pn-counter-${r()}`;idLabel=`${this.id}-label`;idText=`${this.id}-text`;idAmount=`${this.id}-count`;counterElement;get hostElement(){return n(this)}counterInput;watchValue(){this.showSrContent();this.showMinMaxMessage=false;if(this.hasMin()&&this.value<this.min){this.setMin();this.showMinMaxMessage=true}if(this.hasMax()&&this.value>this.max){this.setMax();this.showMinMaxMessage=true}if(this.lastDispatchedValue!==this.value)this.counterInput.emit({value:this.value,input:this.interactType==="input",decrease:this.interactType==="decrease",increase:this.interactType==="increase"});this.lastDispatchedValue=this.value;this.handleInputLength()}handleId(){this.idLabel=`${this.counterid}-label`;this.idText=`${this.counterid}-text`;this.idAmount=`${this.counterid}-count`}async componentWillLoad(){this.handleId();if(this.language)return;await o(this.hostElement)}componentDidLoad(){this.counterElement=this.hostElement.querySelector(".pn-counter-input");this.handleInputLength()}setVal(t){const{valueAsNumber:e}=t.target;if(isNaN(e))return;this.interactType="input";this.value=e}setMin(){if(this.hasMin())this.value=this.min}setMax(){if(this.hasMax())this.value=this.max}hasMin(){return typeof this.min==="number"}hasMax(){return typeof this.max==="number"}decreaseAmount(){if(this.hasMin()&&this.value<=this.min)this.showMinMaxMessage=true;this.interactType="decrease";this.value=this.value-this.step}increaseAmount(){if(this.hasMax()&&this.value>=this.max)this.showMinMaxMessage=true;this.interactType="increase";this.value=this.value+this.step}keyBoardInput(t){t.stopImmediatePropagation();if(!/^(Home|End)$/.test(t.key))return;t.preventDefault();this.interactType="input";if(t.key==="Home")this.setMin();if(t.key==="End")this.setMax()}showSrContent(){if(this.clearAriaTimer){clearTimeout(this.clearAriaTimer)}this.displaySrValue=true;this.clearAriaTimer=setTimeout((()=>{this.displaySrValue=false}),4e3)}toggleMinMaxMessage(){const t=this.value===this.max;const e=`${t?"MAX":"MIN"}_VALUE_MESSAGE`;const n=this.translate(e)+`${t?this.max:this.min}`.toString();return t?this.maxMessage||n:this.minMessage||n}getTextMessage(t=false){if(this.showMinMaxMessage)return this.toggleMinMaxMessage();return t?this.value.toString():this.helpertext}describedbyIds(){const t=[];if(this.helpertext)t.push(this.idText);if(this.displaySrValue)t.push(this.idAmount);if(t.length===0)return null;return t.join(" ")}translate(t){return l?.[t]?.[this.language||a]}noButtons(){return this.disabled||this.readonly}handleInputLength(){const t=this.max?this.max.toString():this.value.toString();if(t.length>3)this.counterElement.style.setProperty("--pn-counter-ch",`${t.length-3}ch`);else this.counterElement.style.setProperty("--pn-counter-ch","0ch")}render(){return i(s,{key:"ae9451959e2ebc720b69af2942deaa5d94e36565"},i("div",{key:"f631dd7d8c7acbb4a459b46da53ea3445ae96480",class:"pn-counter",role:"group","aria-labelledby":this.idLabel,"aria-describedby":this.describedbyIds()},i("label",{key:"2538568f65666aedc3a0f9e2f3f681b4b9647cd6",htmlFor:this.counterid,class:"pn-counter-label",id:this.idLabel},i("span",{key:"73abf4ec6f185201f95799910a70518f61f85577"},this.label)),i("div",{key:"8e99e77f67aae105b90052ed74ba6c3a438e22ca",class:"pn-counter-items","data-hidebuttons":this.noButtons()},i("pn-button",{key:"8d6f5c4af2a524bb43a3023c130b2a6e1814c53d","data-decrease":true,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:u,iconOnly:true,arialabel:this.labelDecrease||this.translate("DECREASE"),onClick:()=>this.decreaseAmount()}),i("input",{key:"93ab63799f90cdecdbf3694ca56dfe92a5fe9e80",id:this.counterid,class:"pn-counter-input",type:"number",min:this.min,max:this.max,step:this.step,value:this.value,name:this.name,required:this.required,readonly:this.readonly,disabled:this.disabled,"aria-describedby":this.describedbyIds(),onInput:t=>this.setVal(t),onKeyDown:t=>this.keyBoardInput(t)}),i("pn-button",{key:"a39f90c5ace631d8973a700f72d57a2490cad342","data-increase":true,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:d,iconOnly:true,arialabel:this.labelIncrease||this.translate("INCREASE"),onClick:()=>this.increaseAmount()})),!!this.getTextMessage()&&i("p",{key:"0ed6cc20cb56637faa7d70c6fe903a5e412fff0e",id:this.idText,class:"pn-counter-helpertext"},i("span",{key:"def00a454a70d4ebc952cdfbfdb5b11eece74452"},this.getTextMessage())),i("p",{key:"eef2cf6b2f193779d616e09c32a9fc0ece4c5104",id:this.idAmount,class:"pn-counter-sr-only","aria-live":"assertive"},this.displaySrValue?this.getTextMessage(true):"")))}static get watchers(){return{value:["watchValue"],counterid:["handleId"]}}};b.style=f;export{b as pn_counter};
-//# sourceMappingURL=p-1fe6fc61.entry.js.map
+import{r as t,c as e,g as n,h as i,a as s}from"./p-43660913.js";import{u as r,k as o,e as a}from"./p-f64d17a6.js";const c='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>';const u=c;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 2a1 1 0 0 1 1 1v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8V3a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const d=h;const l={DECREASE:{en:"Decrease",sv:"Minska",da:"Reducere",fi:"Vähentää",no:"Redusere"},INCREASE:{en:"Increase",sv:"Öka",da:"Øge",fi:"Lisääntyä",no:"Øke"},MAX_VALUE_MESSAGE:{en:"Maximum value is ",sv:"Högsta värde är ",da:"Højeste værdi er",fi:"Korkein arvo on",no:"Høyeste verdi er"},MIN_VALUE_MESSAGE:{en:"Minimum value is ",sv:"Lägsta värde är ",da:"Laveste værdi er ",fi:"Pienin arvo on ",no:"Laveste verdi er "}};const p="pn-counter{display:inline-block}pn-counter .pn-counter{display:inline-flex;flex-direction:column}pn-counter .pn-counter-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-label{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-label>span{font-size:0.875em}pn-counter .pn-counter-input{--pn-counter-ch:0ch;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);text-align:center;width:100%;max-width:calc(3.5em + var(--pn-counter-ch));outline:0.2rem solid transparent;outline-offset:0.2rem}pn-counter .pn-counter-input:-webkit-autofill,pn-counter .pn-counter-input:-webkit-autofill:hover,pn-counter .pn-counter-input:-webkit-autofill:focus,pn-counter .pn-counter-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-counter .pn-counter-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-input{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-input::placeholder{color:#5e554a;font-weight:normal}pn-counter .pn-counter-input:hover{border-color:#005d92}pn-counter .pn-counter-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-counter .pn-counter-input:focus-visible{outline-color:#005d92}pn-counter .pn-counter-input:read-only{border-color:#ffffff}pn-counter .pn-counter-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-counter .pn-counter-input::-webkit-inner-spin-button,pn-counter .pn-counter-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-counter .pn-counter-input[type=number]{appearance:textfield}pn-counter .pn-counter-items{display:inline-flex;flex-direction:row;gap:0.5em;transition-property:gap;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-items{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-items[data-hidebuttons]{gap:0}pn-counter .pn-counter-items[data-hidebuttons]>pn-button{transform:scale(0) translateZ(0);width:0}pn-counter .pn-counter-items>pn-button{transform:scale(1) translateZ(0);transform-origin:center center;width:3em;transition-property:transform, width;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-counter .pn-counter-items>pn-button{transition-duration:0s;transition-delay:0s}}pn-counter .pn-counter-helpertext{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-counter .pn-counter-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}";const f=p;const b=class{constructor(n){t(this,n);this.counterInput=e(this,"counterInput",7);this.clearAriaTimer=undefined;this.displaySrValue=false;this.showMinMaxMessage=false;this.lastDispatchedValue=undefined;this.interactType=undefined;this.label=undefined;this.helpertext=undefined;this.value=0;this.counterid=this.id;this.language=null;this.labelDecrease=undefined;this.labelIncrease=undefined;this.minMessage=undefined;this.maxMessage=undefined;this.name=undefined;this.min=undefined;this.max=undefined;this.step=1;this.list=undefined;this.required=false;this.readonly=false;this.disabled=false}id=`pn-counter-${r()}`;idLabel=`${this.id}-label`;idText=`${this.id}-text`;idAmount=`${this.id}-count`;counterElement;get hostElement(){return n(this)}counterInput;watchValue(){this.showSrContent();this.showMinMaxMessage=false;if(this.hasMin()&&this.value<this.min){this.setMin();this.showMinMaxMessage=true}if(this.hasMax()&&this.value>this.max){this.setMax();this.showMinMaxMessage=true}if(this.lastDispatchedValue!==this.value)this.counterInput.emit({value:this.value,input:this.interactType==="input",decrease:this.interactType==="decrease",increase:this.interactType==="increase"});this.lastDispatchedValue=this.value;this.handleInputLength()}handleId(){this.idLabel=`${this.counterid}-label`;this.idText=`${this.counterid}-text`;this.idAmount=`${this.counterid}-count`}async componentWillLoad(){this.handleId();if(this.language)return;await o(this.hostElement)}componentDidLoad(){this.counterElement=this.hostElement.querySelector(".pn-counter-input");this.handleInputLength()}setVal(t){const{valueAsNumber:e}=t.target;if(isNaN(e))return;this.interactType="input";this.value=e}setMin(){if(this.hasMin())this.value=this.min}setMax(){if(this.hasMax())this.value=this.max}hasMin(){return typeof this.min==="number"}hasMax(){return typeof this.max==="number"}decreaseAmount(){if(this.hasMin()&&this.value<=this.min)this.showMinMaxMessage=true;this.interactType="decrease";this.value=this.value-this.step}increaseAmount(){if(this.hasMax()&&this.value>=this.max)this.showMinMaxMessage=true;this.interactType="increase";this.value=this.value+this.step}keyBoardInput(t){t.stopImmediatePropagation();if(!/^(Home|End)$/.test(t.key))return;t.preventDefault();this.interactType="input";if(t.key==="Home")this.setMin();if(t.key==="End")this.setMax()}showSrContent(){if(this.clearAriaTimer){clearTimeout(this.clearAriaTimer)}this.displaySrValue=true;this.clearAriaTimer=setTimeout((()=>{this.displaySrValue=false}),4e3)}toggleMinMaxMessage(){const t=this.value===this.max;const e=`${t?"MAX":"MIN"}_VALUE_MESSAGE`;const n=this.translate(e)+`${t?this.max:this.min}`.toString();return t?this.maxMessage||n:this.minMessage||n}getTextMessage(t=false){if(this.showMinMaxMessage)return this.toggleMinMaxMessage();return t?this.value.toString():this.helpertext}describedbyIds(){const t=[];if(this.helpertext)t.push(this.idText);if(this.displaySrValue)t.push(this.idAmount);if(t.length===0)return null;return t.join(" ")}translate(t){return l?.[t]?.[this.language||a]}noButtons(){return this.disabled||this.readonly}handleInputLength(){const t=this.max?this.max.toString():this.value.toString();if(t.length>3)this.counterElement.style.setProperty("--pn-counter-ch",`${t.length-3}ch`);else this.counterElement.style.setProperty("--pn-counter-ch","0ch")}render(){return i(s,{key:"2fe59aa7c06e3005cd3f9c8b633bf3ee3c85833b"},i("div",{key:"206308ce9ff21a303013164a3ec4015074d494b2",class:"pn-counter",role:"group","aria-labelledby":this.idLabel,"aria-describedby":this.describedbyIds()},i("label",{key:"6843e23ed0c46cf33aaa6b83c9c7304775dba549",htmlFor:this.counterid,class:"pn-counter-label",id:this.idLabel},i("span",{key:"cbc609092923ef8806d7b5e77beb26021b490d44"},this.label)),i("div",{key:"df51b364dc11c020d390f3bed823caf7063a9c94",class:"pn-counter-items","data-hidebuttons":this.noButtons()},i("pn-button",{key:"52413b869322b9398eddfb81713609205594d59f","data-decrease":true,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:u,iconOnly:true,arialabel:this.labelDecrease||this.translate("DECREASE"),onClick:()=>this.decreaseAmount()}),i("input",{key:"8c9dd73dba29a17df0515758a48be4f4f8798bbf",id:this.counterid,class:"pn-counter-input",type:"number",min:this.min,max:this.max,step:this.step,value:this.value,name:this.name,required:this.required,readonly:this.readonly,disabled:this.disabled,"aria-describedby":this.describedbyIds(),onInput:t=>this.setVal(t),onKeyDown:t=>this.keyBoardInput(t)}),i("pn-button",{key:"c10fc2e4f25708ed81dc95b8ea07c0c07803df1f","data-increase":true,appearance:"light",variant:"outlined","no-tab":this.noButtons(),icon:d,iconOnly:true,arialabel:this.labelIncrease||this.translate("INCREASE"),onClick:()=>this.increaseAmount()})),!!this.getTextMessage()&&i("p",{key:"e01ab71ae17a042681b5c3a87766bac914c6be10",id:this.idText,class:"pn-counter-helpertext"},i("span",{key:"d51a1a0e851e7a6afe79a3c384167324c906939a"},this.getTextMessage())),i("p",{key:"c89af26fd950c7166cec80b08feb1651feb54bba",id:this.idAmount,class:"pn-counter-sr-only","aria-live":"assertive"},this.displaySrValue?this.getTextMessage(true):"")))}static get watchers(){return{value:["watchValue"],counterid:["handleId"]}}};b.style=f;export{b as pn_counter};
+//# sourceMappingURL=p-c2bbbcaa.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-e8050420.entry.js → p-c45dc75d.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as i,f as s,h as t,a as d}from"./p-43660913.js";import{u as n}from"./p-f64d17a6.js";import{a as l}from"./p-9a18b612.js";import{a as p}from"./p-fc06684e.js";const f="pn-fieldset{display:inline-block}pn-fieldset .pn-fieldset{border:0;padding:0;margin:0;color:#2d2013;display:flex;flex-direction:column;font-size:1em}pn-fieldset .pn-fieldset-legend{float:left;font-weight:500;line-height:1.4;padding:0}pn-fieldset .pn-fieldset-helpertext{color:#5e554a;margin:0}pn-fieldset .pn-fieldset-items{padding:0.75em 0;display:flex;flex-direction:column;gap:0.75em}pn-fieldset .pn-fieldset-message-wrapper{display:flex;gap:0.75em;color:#2d2013;line-height:1.4;font-weight:400}pn-fieldset .pn-fieldset-message-wrapper[hidden]{display:none}pn-fieldset .pn-fieldset-message{margin:0}pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-legend,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-helpertext,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-message-wrapper{color:#a70707}pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-legend>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-helpertext>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-message-wrapper>pn-icon .pn-icon-svg>path{fill:#a70707}pn-fieldset .pn-fieldset:disabled>.pn-fieldset-legend,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-helpertext,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message-wrapper{color:#2d2013}pn-fieldset .pn-fieldset:disabled>.pn-fieldset-legend>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-helpertext>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message-wrapper>pn-icon .pn-icon-svg>path{fill:#2d2013}";const a=f;const r=class{constructor(i){e(this,i);this.legend=undefined;this.helpertext=undefined;this.fieldsetId=this.id;this.form=undefined;this.name=undefined;this.disabled=false;this.invalid=false;this.error=undefined}mo;id=`pn-fieldset-${n()}`;idHelpertext=`${this.id}-helpertext`;get hostElement(){return i(this)}handleId(){this.idHelpertext=`${this.fieldsetId}-helpertext`}componentWillLoad(){this.handleId()}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>s(this.hostElement)));this.mo.observe(this.hostElement.querySelector(".pn-fieldset"),{childList:true,subtree:true})}componentDidRender(){if(this.form){this.hostElement.querySelector("fieldset")?.setAttribute("form",this.form)}}hasError(){return this.invalid||!!this.error}getSymbol(){if(this.disabled)return p;return l}render(){return t(d,{key:"f02790151992e43958982c27b08b91a2f625dc69"},t("fieldset",{key:"72f7ce4fa8c06a0d7a5cd628578e99df4af6feaa",id:this.fieldsetId,class:"pn-fieldset",disabled:this.disabled,"aria-describedby":this.helpertext&&this.idHelpertext,"aria-invalid":this.hasError().toString()},t("legend",{key:"d1e8927af562fac146d0d3d6bb8999cfed227251",class:"pn-fieldset-legend"},this.legend),this.helpertext&&t("p",{key:"565e38f11324a2999649a1507bdca869963d40fc",id:this.idHelpertext,class:"pn-fieldset-helpertext"},this.helpertext),t("div",{key:"41f24d04a919cc469265a909f4038a313450e5c1",class:"pn-fieldset-items"},t("slot",{key:"a69ed2d87fa287f72217608a394da2e28d16b012"})),t("div",{key:"a35cbee15cb692542331fe879f14ffca6bbd5954",class:"pn-fieldset-message-wrapper",role:"alert",hidden:!this.error},t("pn-icon",{key:"f2391c0f07ccd87f676fd3105f405826fe7f60c4",icon:this.getSymbol()}),t("p",{key:"44e30e61d9455c6fdf415658d760d86b6bba3af7",class:"pn-fieldset-message"},this.error))))}static get watchers(){return{fieldsetId:["handleId"]}}};r.style=a;export{r as pn_fieldset};
-//# sourceMappingURL=p-e8050420.entry.js.map
+import{r as e,g as i,f as s,h as t,a as d}from"./p-43660913.js";import{u as n}from"./p-f64d17a6.js";import{a as l}from"./p-9a18b612.js";import{a as p}from"./p-fc06684e.js";const a="pn-fieldset{display:inline-block}pn-fieldset .pn-fieldset{border:0;padding:0;margin:0;color:#2d2013;display:flex;flex-direction:column;font-size:1em}pn-fieldset .pn-fieldset-legend{float:left;font-weight:500;line-height:1.4;padding:0}pn-fieldset .pn-fieldset-helpertext{color:#5e554a;margin:0}pn-fieldset .pn-fieldset-items{padding:0.75em 0;display:flex;flex-direction:column;gap:0.75em}pn-fieldset .pn-fieldset-message-wrapper{display:flex;gap:0.75em;color:#2d2013;line-height:1.4;font-weight:400}pn-fieldset .pn-fieldset-message-wrapper[hidden]{display:none}pn-fieldset .pn-fieldset-message{margin:0}pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-legend,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-helpertext,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-message-wrapper{color:#a70707}pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-legend>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-helpertext>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset[aria-invalid=true]>.pn-fieldset-message-wrapper>pn-icon .pn-icon-svg>path{fill:#a70707}pn-fieldset .pn-fieldset:disabled>.pn-fieldset-legend,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-helpertext,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message-wrapper{color:#2d2013}pn-fieldset .pn-fieldset:disabled>.pn-fieldset-legend>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-helpertext>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message>pn-icon .pn-icon-svg>path,pn-fieldset .pn-fieldset:disabled>.pn-fieldset-message-wrapper>pn-icon .pn-icon-svg>path{fill:#2d2013}";const f=a;const r=class{constructor(i){e(this,i);this.legend=undefined;this.helpertext=undefined;this.fieldsetId=this.id;this.form=undefined;this.name=undefined;this.disabled=false;this.invalid=false;this.error=undefined}mo;id=`pn-fieldset-${n()}`;idHelpertext=`${this.id}-helpertext`;get hostElement(){return i(this)}handleId(){this.idHelpertext=`${this.fieldsetId}-helpertext`}componentWillLoad(){this.handleId()}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>s(this.hostElement)));this.mo.observe(this.hostElement.querySelector(".pn-fieldset"),{childList:true,subtree:true})}componentDidRender(){if(this.form){this.hostElement.querySelector("fieldset")?.setAttribute("form",this.form)}}hasError(){return this.invalid||!!this.error}getSymbol(){if(this.disabled)return p;return l}render(){return t(d,{key:"e22e77e7d49f4dd10607f1fc2cb500d3b63ee4f2"},t("fieldset",{key:"c6cb9c43620b223e69c5814446e26678c83d0fa3",id:this.fieldsetId,class:"pn-fieldset",disabled:this.disabled,"aria-describedby":this.helpertext&&this.idHelpertext,"aria-invalid":this.hasError().toString()},t("legend",{key:"ec669e86d003bd11db387c0e6e9619b792175c72",class:"pn-fieldset-legend"},this.legend),this.helpertext&&t("p",{key:"60cf8252ec833d0db9620cab9e57a5dbd2212a5e",id:this.idHelpertext,class:"pn-fieldset-helpertext"},this.helpertext),t("div",{key:"38191db1e9344469e37132c4b90c6197e1ba59d9",class:"pn-fieldset-items"},t("slot",{key:"8c4048eaea924b96d9fd4d95e64d96ef6b42e058"})),t("div",{key:"f2b627b8155e94cdeb681f9405601b480a8d7a1f",class:"pn-fieldset-message-wrapper",role:"alert",hidden:!this.error},t("pn-icon",{key:"fcd13f423dcd055821c7d0854b34b4babad17ad8",icon:this.getSymbol()}),t("p",{key:"e620363bcdca770ebc01d3190a9588f4f0a1f21e",class:"pn-fieldset-message"},this.error))))}static get watchers(){return{fieldsetId:["handleId"]}}};r.style=f;export{r as pn_fieldset};
+//# sourceMappingURL=p-c45dc75d.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-2f7bb5e8.js → p-c96ff403.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z" clip-rule="evenodd"/></svg>';const s=l;const n='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';const e=n;export{e as a,s as c};
-//# sourceMappingURL=p-2f7bb5e8.js.map
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z" clip-rule="evenodd"/></svg>';const s=l;const n='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';const e=n;export{s as a,e as b};
+//# sourceMappingURL=p-c96ff403.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-c96ff403.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","angle_left","angle_right"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_left.js","node_modules/pn-design-assets/pn-assets/icons/angle_right.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_left = icon;\nexport const angleLeft = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_right = icon;\nexport const angleRight = icon;\n"],"mappings":";;;;AAAA,MAAMA,EAAO,0QACD,MAACC,EAAaD,ECD1B,MAAMA,EAAO,6QACD,MAACE,EAAcF,S","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-fb5d6d47.entry.js → p-d3521b5d.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as i,g as t,h as s,a as n}from"./p-43660913.js";import{u as l,g as a,k as o,o as r,e as d}from"./p-f64d17a6.js";import{a as p}from"./p-9a18b612.js";import{c as f}from"./p-aae10869.js";const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M9 7.5a4.5 4.5 0 1 1 9 0V16a6 6 0 0 1-12 0v-3a1 1 0 1 1 2 0v3a4 4 0 0 0 8 0V7.5a2.5 2.5 0 0 0-5 0V16a1 1 0 1 0 2 0v-6a1 1 0 1 1 2 0v6a3 3 0 1 1-6 0zM7 9a1 1 0 0 1 1 1v.1a1 1 0 1 1-2 0V10a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const c=h;const u='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M10.5 4a1 1 0 0 0-1 1h5a1 1 0 0 0-1-1zm6 1a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3h-2A2.5 2.5 0 0 0 5 9.95V19a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9.95A2.5 2.5 0 0 0 18.5 5zm.5 5H7v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zM5.5 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1zm4.5 5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const m=u;const g='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-2a1 1 0 1 1 0-2h2a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3zm9 0a1 1 0 0 1 .707.293l4 4a1 1 0 0 1-1.414 1.414L13 11.414V17a1 1 0 1 1-2 0v-5.586l-2.293 2.293a1 1 0 0 1-1.414-1.414l4-4A1 1 0 0 1 12 8m-1 12.1V20a1 1 0 1 1 2 0v.1a1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';const v=g;class b extends Error{element;code;data;constructor(e,i,t="INVALID",s=null){super(e);this.name="PNFileUploadError";this.element=i;this.code=t;this.data=s}}const y={CLICKORDRAG:{sv:"Klicka eller dra en fil hit",en:"Click or drag a file here",da:"Klik eller træk en fil hertil",fi:"Klikkaa tai vedä tiedosto tähän",no:"Klikk eller dra en fil hit"},ACCEPTEDFORMATS:{sv:"Filformat som stöds",en:"Supported formats",da:"Støttede filformater",fi:"Tuetut tiedostomuodot",no:"Understøttede filformater"},MAXFILESIZE:{sv:"Max filstorlek",en:"Max filesize",da:"Max filstørrelse",fi:"Maksimitiedostokoko",no:"Maks filstørrelse"},REMOVE_FILE:{sv:"Ta bort filen",en:"Remove file",da:"Fjern fil",fi:"Poista tiedosto",no:"Fjern fil"}};const w="pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#e0f8ff}pn-file-upload .pn-file-upload-input{position:absolute;z-index:1;left:0;top:0;opacity:0;height:100%;width:100%;-webkit-tap-highlight-color:transparent}pn-file-upload .pn-file-upload-input:hover{cursor:pointer}pn-file-upload .pn-file-upload-input:hover+.pn-dropzone-inner{border-color:#005d92;background-color:#e0f8ff}pn-file-upload .pn-file-upload-input:focus-visible+.pn-dropzone-inner{border-color:#005d92;outline-color:#005d92}pn-file-upload .pn-file-upload-input:disabled{pointer-events:none}pn-file-upload .pn-file-upload-input:disabled+.pn-dropzone-inner{pointer-events:none;background-color:#f3f2f2;border-color:#2d2013}pn-file-upload .pn-file-upload-input:disabled+.pn-dropzone-inner .headline a{color:#5e554a}pn-file-upload .pn-file-upload-input:disabled+.pn-dropzone-inner .pn-icon-svg path{fill:#5e554a}pn-file-upload .pn-file-upload-container{position:relative;display:flex;flex-direction:column;gap:1em}pn-file-upload .pn-file-upload-container .pn-dropzone-container{position:relative}pn-file-upload .pn-file-upload-container .pn-dropzone-inner{position:relative;text-align:center;overflow:hidden;padding:2.5em;border:0.0625em #969087 dashed;border-radius:0.5em;display:flex;flex-direction:column;align-items:center;gap:0.5em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-file-upload .pn-file-upload-container .pn-dropzone-inner{transition-duration:0s;transition-delay:0s}}pn-file-upload .pn-file-upload-container .pn-dropzone-inner .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-file-upload .pn-file-upload-container .pn-dropzone-inner[data-hover]{background-color:#e0f8ff;border-color:#005d92}pn-file-upload .pn-file-upload-container .pn-dropzone-inner[data-invalid]{border-color:#a70707}pn-file-upload .pn-file-upload-container .pn-dropzone-inner .pn-file-upload-dropzone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0.5em}pn-file-upload .files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1em}pn-file-upload .files-list .filename{font-weight:400;font-size:0.75em}pn-file-upload .files-list .files-list-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#f9f8f8;padding:1em;border-radius:0.5em}pn-file-upload .files-list .files-list-item .file-list-item-title{display:flex;align-items:center;gap:0.5em;margin-right:0.5em}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:25em;flex:1}pn-file-upload .files-list .files-list-item.files-list-item-error{color:#a70707;background-color:#fdefee}pn-file-upload .files-list .files-list-item-text-error{color:#a70707;font-size:0.875em;font-weight:300;margin-top:0.25em}pn-file-upload .pn-file-upload-title{color:#2d2013}pn-file-upload .pn-file-upload-subtitle{color:#5e554a;font-size:0.75em}";const k=w;const x=class{constructor(t){e(this,t);this.filesAdded=i(this,"filesAdded",7);this.update=i(this,"update",7);this.fileuploaderror=i(this,"fileuploaderror",7);this.valid=i(this,"valid",7);this.uploadFile=i(this,"uploadFile",7);this.uploadCancelled=i(this,"uploadCancelled",7);this.uploadCompleted=i(this,"uploadCompleted",7);this.files=[];this.isHovering=false;this.label=undefined;this.helpertext=undefined;this.language=null;this.hideProgress=false;this.name=undefined;this.accept=undefined;this.maxSize="";this.capture=undefined;this.limit=1;this.multiple=undefined;this.required=false;this.disabled=false}id=`pn-file-upload-${l()}`;idFileUpload=`${this.id}-label`;idHelpertext=`${this.id}-helpertext`;idAccepttext=`${this.id}-accept`;fileInputElement;invalid=false;maxSizeInBytes=0;get hostElement(){return t(this)}handleLimit(){this.multiple=this.limit>1}handleMaxBytes(){this.maxSizeInBytes=a(this.maxSize)}filesAdded;update;fileuploaderror;valid;uploadFile;uploadCancelled;uploadCompleted;async componentWillLoad(){this.handleLimit();this.handleMaxBytes();if(this.language===null)await o(this.hostElement)}async startUpload(){if(!this.files.length)return;this.files=this.files.map(((e,i)=>{if(e.status==="queue"){e.status="start";this.uploadFile.emit({file:e,index:i,uploader:this})}return e}));const e=this.files.map((e=>e.xhrPromise().catch((()=>{}))));return Promise.all(e).then((e=>{const i=e.filter((e=>e));this.uploadCompleted.emit(i)}))}async clearUpload(){this.files=[];this.fileInputElement.value="";this.invalid=false;this.filesAdded.emit([])}async removeFile(e){let i=true;const t=[];for(const s in this.files){const n=this.files[s];if(!n.filename){continue}if(n.uuid!==e.uuid){try{this._validateFileSize(n);this._validateFileType(n);i=true}catch(e){i=false;n.error=e;n.progress=0;n.status="error"}t.push(n)}else if(n.status==="start"){n.xhr.abort();this.uploadCancelled.emit(n)}}this.filesAdded.emit(t);this.files=t;this.invalid=!i||!this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent()}async updateFile(e,i=null){let t=this.files;if(i===null){for(const s in t){const n=t[s];if(n.uuid===e.uuid){i=s;break}}}if(t[i]){if(e.progress>=100){e.progress=100;e.status="completed"}else if(e.progress<0){e.status="start";e.progress=0}if(e.error){e.progress=0;e.status="error";e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"}t[i]=e}this.files=[...t]}async _addFilesFromFileList(e){if(this.disabled||this.invalid){return}const i=Array.from(e);const t=[];if(this.multiple){i.forEach((e=>t.push(this._addFile(e))))}else{const e=i[0];if(this.limit===1){this.files=[];t.push(this._addFile(e))}else{t.push(this._addFile(e))}}return Promise.all(t).then((()=>{this.filesAdded.emit(this.files);this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent()}))}async _onAddFile(){const e=this.fileInputElement.files;return await this._addFilesFromFileList(e)}_onDragOverFile(e){e.preventDefault();e.stopPropagation();this.isHovering=true}_onDragLeaveFile(e){e.preventDefault();e.stopPropagation();this.isHovering=false}_onDropFile(e){e.preventDefault();e.stopPropagation();this.isHovering=false;r(e,this.hostElement,".pn-dropzone-inner");this._addFilesFromFileList(e.dataTransfer.files)}_validateFileType(e){const i=this.accept?this.accept.split(","):[];if(i.length){let t=false;for(const s of i){const i=s.trim().toLowerCase();const n=/^\w+\/[a-z\.\-]+$/i;const l=e.filename.match(/\.\w{3,4}($|\?)/)?.[0]?.toLowerCase();if(n.test(i)&&e.contentType===i||l===i){t=true;break}}if(!t){const i=new b(`Invalid file type.`,this.hostElement,"INVALID_FILE_TYPE",e);this.invalid=true;this.fileuploaderror.emit(i);throw i}}}_validateFileSize(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){const i=new b(`You can only add up to ${this.maxSize}.`,this.hostElement,"MAX_FILE_SIZE",e);this.invalid=true;this.fileuploaderror.emit(i);throw i}}_validateLimit(){if(this.limit&&this.files.length>this.limit){const e=new b(`You can only add up to ${this.limit} files.`,this.hostElement,"MAX_LIMIT",this.files);this.invalid=true;this.fileuploaderror.emit(e);throw e}}_isNotGreaterThanLimit(){try{this._validateLimit();return true}catch(e){return false}}_checkValidity(){if(!this.invalid){this.valid.emit(this)}return!this.invalid}_createBase64FromFile(e){return new Promise(((i,t)=>{const s=new FileReader;s.onload=()=>i(s.result);s.onerror=e=>t(e);s.onabort=()=>t("ABORTED");s.readAsDataURL(e)}))}async _addFile(e){return this._createBase64FromFile(e).then((i=>{const t=i.split(",");const s=t[1];const n=t[0].split(":")[1].split(";")[0];const a=new XMLHttpRequest;const o={uuid:l(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:s,contentType:n,error:null,errorMessage:"",file:e,xhr:a};try{this._validateFileSize(o);this._validateFileType(o)}catch(e){o.error=e;o.progress=0;o.status="error"}o.xhrPromise=()=>new Promise(((e,i)=>{a.responseType="json";a.addEventListener("progress",(e=>{if(e.lengthComputable){o.progress=e.loaded/e.total*100;this.updateFile(o)}else{o.progress=100;this.updateFile(o)}}));a.addEventListener("load",(i=>e(i.target.response)));a.addEventListener("error",(e=>{o.error=e;o.errorMessage="There was an error uploading your file, please try again";this.updateFile(o);const t=new b("There was an error uploading your file, please try again",this.hostElement,"UPLOAD_SERVER_ERROR",o);this.fileuploaderror.emit(t);i(e)}))}));this.files=[...this.files,o];return o}))}_emitUpdateEvent(){this.update.emit({files:this.files,element:this.hostElement})}translate(e){return y?.[e]?.[this.language||d]||e}isLoading(e){return e.status==="start"}getFileItemClass=e=>{let i="files-list-item";if(e.error){i+=" files-list-item-error"}return i};getFileIcon(e){if(e.error)return p;if(e.progress===100)return f;return c}getFileColor(e){if(e.error)return"warning";if(e.progress===100)return"green700";return"gray900"}describedBy(){const e=[this.accept&&this.idAccepttext,this.helpertext&&this.idHelpertext].filter(Boolean);if(!e.length)return null;return e.join(",")}render(){return s(n,{key:"30d80fef46dd4ec1a35ebed92cdd3a5799e8a274"},s("div",{key:"74424e1a3f093f5b39efff46be24b6e501c5967c",class:"pn-file-upload-container"},s("div",{key:"8575f8345855437ce1ab132931a6db83daedab63",class:"pn-dropzone-container"},s("input",{key:"e1f64e842cc835fc3b999a40125acc06aeca9d49",id:this.idFileUpload,class:"pn-file-upload-input",type:"file",name:this.name,multiple:this.multiple,accept:this.accept,capture:this.capture,disabled:this.disabled,required:this.required,"aria-describedby":this.describedBy(),"aria-invalid":this.invalid?.toString(),onClick:e=>r(e,this.hostElement,".pn-dropzone-inner"),onChange:()=>this._onAddFile(),onDragOver:e=>this._onDragOverFile(e),onDragLeave:e=>this._onDragLeaveFile(e),onDrop:e=>this._onDropFile(e),ref:e=>this.fileInputElement=e}),s("div",{key:"9d1a9a487c267a0b5a0d26469245490bf45113db",class:"pn-dropzone-inner","data-hover":this.isHovering,"data-invalid":this.invalid},s("pn-icon",{key:"c0625796810d3187b54060841dab300d0a3f88d2",class:"pn-file-upload-icon-element",icon:v,color:"blue700"}),s("label",{key:"15fa438f664fd63153153b70132f1577be6699ab",htmlFor:this.idFileUpload,class:"pn-file-upload-title"},this.label||this.translate("CLICKORDRAG")),this.helpertext&&s("p",{key:"2bdeea0f1cee2cdb77c0f5454a9a51977ceb2100",id:this.idHelpertext,class:"pn-file-upload-subtitle"},this.helpertext),this.accept&&s("p",{key:"2981fc00ff552d608db0f7ca9dee6551463c18cf",id:this.idAccepttext,class:"pn-file-upload-subtitle"},this.translate("ACCEPTEDFORMATS"),": ",this.accept,this.maxSize&&s("span",{key:"b9a481a9e54df2d25c104395259aac0c642db78a"}," ","(",this.translate("MAXFILESIZE"),": ",this.maxSize,")")))),!!this.files.length&&s("ul",{key:"4c2205aa04c293d9e3757ddb1606596147dd0d46",class:"files-list"},this.files.map((e=>s("li",{class:"files-list-item-container",key:e.uuid},s("div",{class:this.getFileItemClass(e)},s("div",{class:"file-list-item-title"},s("pn-icon",{icon:this.getFileIcon(e),color:this.getFileColor(e)}),this.hideProgress||e.progress===0?s("div",{class:"filename"},e.filename):s("pn-progress-bar",{label:e.filename,progress:e.progress,error:e.error&&e.errorMessage})),s("pn-button",{small:true,variant:"borderless",arialabel:`${this.translate("REMOVE_FILE")} ${e.filename}`,appearance:e.error?"warning":"light",icon:m,iconOnly:true,tooltip:this.translate("REMOVE_FILE"),loading:this.isLoading(e),onClick:()=>this.removeFile(e)})),e.error?s("div",{class:"files-list-item-text-error"},e.errorMessage||e.error.message):null)))),s("slot",{key:"c2838dd4eb5d553deab6c198f3f203ddf3612706"})))}static get watchers(){return{limit:["handleLimit"],maxSize:["handleMaxBytes"]}}};x.style=k;export{x as pn_file_upload};
-//# sourceMappingURL=p-fb5d6d47.entry.js.map
+import{r as e,c as i,g as t,h as s,a as n}from"./p-43660913.js";import{u as l,g as a,k as o,o as r,e as d}from"./p-f64d17a6.js";import{a as p}from"./p-9a18b612.js";import{c as f}from"./p-aae10869.js";const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M9 7.5a4.5 4.5 0 1 1 9 0V16a6 6 0 0 1-12 0v-3a1 1 0 1 1 2 0v3a4 4 0 0 0 8 0V7.5a2.5 2.5 0 0 0-5 0V16a1 1 0 1 0 2 0v-6a1 1 0 1 1 2 0v6a3 3 0 1 1-6 0zM7 9a1 1 0 0 1 1 1v.1a1 1 0 1 1-2 0V10a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const c=h;const u='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M10.5 4a1 1 0 0 0-1 1h5a1 1 0 0 0-1-1zm6 1a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3h-2A2.5 2.5 0 0 0 5 9.95V19a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9.95A2.5 2.5 0 0 0 18.5 5zm.5 5H7v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zM5.5 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1zm4.5 5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const m=u;const g='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-2a1 1 0 1 1 0-2h2a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3zm9 0a1 1 0 0 1 .707.293l4 4a1 1 0 0 1-1.414 1.414L13 11.414V17a1 1 0 1 1-2 0v-5.586l-2.293 2.293a1 1 0 0 1-1.414-1.414l4-4A1 1 0 0 1 12 8m-1 12.1V20a1 1 0 1 1 2 0v.1a1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';const v=g;class b extends Error{element;code;data;constructor(e,i,t="INVALID",s=null){super(e);this.name="PNFileUploadError";this.element=i;this.code=t;this.data=s}}const y={CLICKORDRAG:{sv:"Klicka eller dra en fil hit",en:"Click or drag a file here",da:"Klik eller træk en fil hertil",fi:"Klikkaa tai vedä tiedosto tähän",no:"Klikk eller dra en fil hit"},ACCEPTEDFORMATS:{sv:"Filformat som stöds",en:"Supported formats",da:"Støttede filformater",fi:"Tuetut tiedostomuodot",no:"Understøttede filformater"},MAXFILESIZE:{sv:"Max filstorlek",en:"Max filesize",da:"Max filstørrelse",fi:"Maksimitiedostokoko",no:"Maks filstørrelse"},REMOVE_FILE:{sv:"Ta bort filen",en:"Remove file",da:"Fjern fil",fi:"Poista tiedosto",no:"Fjern fil"}};const w="pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#e0f8ff}pn-file-upload .pn-file-upload-input{position:absolute;z-index:1;left:0;top:0;opacity:0;height:100%;width:100%;-webkit-tap-highlight-color:transparent}pn-file-upload .pn-file-upload-input:hover{cursor:pointer}pn-file-upload .pn-file-upload-input:hover+.pn-dropzone-inner{border-color:#005d92;background-color:#e0f8ff}pn-file-upload .pn-file-upload-input:focus-visible+.pn-dropzone-inner{border-color:#005d92;outline-color:#005d92}pn-file-upload .pn-file-upload-input:disabled{pointer-events:none}pn-file-upload .pn-file-upload-input:disabled+.pn-dropzone-inner{pointer-events:none;background-color:#f3f2f2;border-color:#2d2013}pn-file-upload .pn-file-upload-input:disabled+.pn-dropzone-inner .headline a{color:#5e554a}pn-file-upload .pn-file-upload-input:disabled+.pn-dropzone-inner .pn-icon-svg path{fill:#5e554a}pn-file-upload .pn-file-upload-container{position:relative;display:flex;flex-direction:column;gap:1em}pn-file-upload .pn-file-upload-container .pn-dropzone-container{position:relative}pn-file-upload .pn-file-upload-container .pn-dropzone-inner{position:relative;text-align:center;overflow:hidden;padding:2.5em;border:0.0625em #969087 dashed;border-radius:0.5em;display:flex;flex-direction:column;align-items:center;gap:0.5em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-file-upload .pn-file-upload-container .pn-dropzone-inner{transition-duration:0s;transition-delay:0s}}pn-file-upload .pn-file-upload-container .pn-dropzone-inner .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-file-upload .pn-file-upload-container .pn-dropzone-inner[data-hover]{background-color:#e0f8ff;border-color:#005d92}pn-file-upload .pn-file-upload-container .pn-dropzone-inner[data-invalid]{border-color:#a70707}pn-file-upload .pn-file-upload-container .pn-dropzone-inner .pn-file-upload-dropzone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0.5em}pn-file-upload .files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1em}pn-file-upload .files-list .filename{font-weight:400;font-size:0.75em}pn-file-upload .files-list .files-list-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#f9f8f8;padding:1em;border-radius:0.5em}pn-file-upload .files-list .files-list-item .file-list-item-title{display:flex;align-items:center;gap:0.5em;margin-right:0.5em}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:25em;flex:1}pn-file-upload .files-list .files-list-item.files-list-item-error{color:#a70707;background-color:#fdefee}pn-file-upload .files-list .files-list-item-text-error{color:#a70707;font-size:0.875em;font-weight:300;margin-top:0.25em}pn-file-upload .pn-file-upload-title{color:#2d2013}pn-file-upload .pn-file-upload-subtitle{color:#5e554a;font-size:0.75em}";const k=w;const x=class{constructor(t){e(this,t);this.filesAdded=i(this,"filesAdded",7);this.update=i(this,"update",7);this.fileuploaderror=i(this,"fileuploaderror",7);this.valid=i(this,"valid",7);this.uploadFile=i(this,"uploadFile",7);this.uploadCancelled=i(this,"uploadCancelled",7);this.uploadCompleted=i(this,"uploadCompleted",7);this.files=[];this.isHovering=false;this.label=undefined;this.helpertext=undefined;this.language=null;this.hideProgress=false;this.name=undefined;this.accept=undefined;this.maxSize="";this.capture=undefined;this.limit=1;this.multiple=undefined;this.required=false;this.disabled=false}id=`pn-file-upload-${l()}`;idFileUpload=`${this.id}-label`;idHelpertext=`${this.id}-helpertext`;idAccepttext=`${this.id}-accept`;fileInputElement;invalid=false;maxSizeInBytes=0;get hostElement(){return t(this)}handleLimit(){this.multiple=this.limit>1}handleMaxBytes(){this.maxSizeInBytes=a(this.maxSize)}filesAdded;update;fileuploaderror;valid;uploadFile;uploadCancelled;uploadCompleted;async componentWillLoad(){this.handleLimit();this.handleMaxBytes();if(this.language===null)await o(this.hostElement)}async startUpload(){if(!this.files.length)return;this.files=this.files.map(((e,i)=>{if(e.status==="queue"){e.status="start";this.uploadFile.emit({file:e,index:i,uploader:this})}return e}));const e=this.files.map((e=>e.xhrPromise().catch((()=>{}))));return Promise.all(e).then((e=>{const i=e.filter((e=>e));this.uploadCompleted.emit(i)}))}async clearUpload(){this.files=[];this.fileInputElement.value="";this.invalid=false;this.filesAdded.emit([])}async removeFile(e){let i=true;const t=[];for(const s in this.files){const n=this.files[s];if(!n.filename){continue}if(n.uuid!==e.uuid){try{this._validateFileSize(n);this._validateFileType(n);i=true}catch(e){i=false;n.error=e;n.progress=0;n.status="error"}t.push(n)}else if(n.status==="start"){n.xhr.abort();this.uploadCancelled.emit(n)}}this.filesAdded.emit(t);this.files=t;this.invalid=!i||!this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent()}async updateFile(e,i=null){let t=this.files;if(i===null){for(const s in t){const n=t[s];if(n.uuid===e.uuid){i=s;break}}}if(t[i]){if(e.progress>=100){e.progress=100;e.status="completed"}else if(e.progress<0){e.status="start";e.progress=0}if(e.error){e.progress=0;e.status="error";e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"}t[i]=e}this.files=[...t]}async _addFilesFromFileList(e){if(this.disabled||this.invalid){return}const i=Array.from(e);const t=[];if(this.multiple){i.forEach((e=>t.push(this._addFile(e))))}else{const e=i[0];if(this.limit===1){this.files=[];t.push(this._addFile(e))}else{t.push(this._addFile(e))}}return Promise.all(t).then((()=>{this.filesAdded.emit(this.files);this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent()}))}async _onAddFile(){const e=this.fileInputElement.files;return await this._addFilesFromFileList(e)}_onDragOverFile(e){e.preventDefault();e.stopPropagation();this.isHovering=true}_onDragLeaveFile(e){e.preventDefault();e.stopPropagation();this.isHovering=false}_onDropFile(e){e.preventDefault();e.stopPropagation();this.isHovering=false;r(e,this.hostElement,".pn-dropzone-inner");this._addFilesFromFileList(e.dataTransfer.files)}_validateFileType(e){const i=this.accept?this.accept.split(","):[];if(i.length){let t=false;for(const s of i){const i=s.trim().toLowerCase();const n=/^\w+\/[a-z\.\-]+$/i;const l=e.filename.match(/\.\w{3,4}($|\?)/)?.[0]?.toLowerCase();if(n.test(i)&&e.contentType===i||l===i){t=true;break}}if(!t){const i=new b(`Invalid file type.`,this.hostElement,"INVALID_FILE_TYPE",e);this.invalid=true;this.fileuploaderror.emit(i);throw i}}}_validateFileSize(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){const i=new b(`You can only add up to ${this.maxSize}.`,this.hostElement,"MAX_FILE_SIZE",e);this.invalid=true;this.fileuploaderror.emit(i);throw i}}_validateLimit(){if(this.limit&&this.files.length>this.limit){const e=new b(`You can only add up to ${this.limit} files.`,this.hostElement,"MAX_LIMIT",this.files);this.invalid=true;this.fileuploaderror.emit(e);throw e}}_isNotGreaterThanLimit(){try{this._validateLimit();return true}catch(e){return false}}_checkValidity(){if(!this.invalid){this.valid.emit(this)}return!this.invalid}_createBase64FromFile(e){return new Promise(((i,t)=>{const s=new FileReader;s.onload=()=>i(s.result);s.onerror=e=>t(e);s.onabort=()=>t("ABORTED");s.readAsDataURL(e)}))}async _addFile(e){return this._createBase64FromFile(e).then((i=>{const t=i.split(",");const s=t[1];const n=t[0].split(":")[1].split(";")[0];const a=new XMLHttpRequest;const o={uuid:l(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:s,contentType:n,error:null,errorMessage:"",file:e,xhr:a};try{this._validateFileSize(o);this._validateFileType(o)}catch(e){o.error=e;o.progress=0;o.status="error"}o.xhrPromise=()=>new Promise(((e,i)=>{a.responseType="json";a.addEventListener("progress",(e=>{if(e.lengthComputable){o.progress=e.loaded/e.total*100;this.updateFile(o)}else{o.progress=100;this.updateFile(o)}}));a.addEventListener("load",(i=>e(i.target.response)));a.addEventListener("error",(e=>{o.error=e;o.errorMessage="There was an error uploading your file, please try again";this.updateFile(o);const t=new b("There was an error uploading your file, please try again",this.hostElement,"UPLOAD_SERVER_ERROR",o);this.fileuploaderror.emit(t);i(e)}))}));this.files=[...this.files,o];return o}))}_emitUpdateEvent(){this.update.emit({files:this.files,element:this.hostElement})}translate(e){return y?.[e]?.[this.language||d]||e}isLoading(e){return e.status==="start"}getFileItemClass=e=>{let i="files-list-item";if(e.error){i+=" files-list-item-error"}return i};getFileIcon(e){if(e.error)return p;if(e.progress===100)return f;return c}getFileColor(e){if(e.error)return"warning";if(e.progress===100)return"green700";return"gray900"}describedBy(){const e=[this.accept&&this.idAccepttext,this.helpertext&&this.idHelpertext].filter(Boolean);if(!e.length)return null;return e.join(",")}render(){return s(n,{key:"e0e7b9b63230a961dd1c890f91ef94de3c606c82"},s("div",{key:"596aa72b9ba07f46eb6f77a49dcdb15f3bc8c58b",class:"pn-file-upload-container"},s("div",{key:"b839bd6e9a1c3086e9aa02381609dbee7d41fea3",class:"pn-dropzone-container"},s("input",{key:"0b3fb4a525536397a2ca5e9846d6e3b7cf19d9e7",id:this.idFileUpload,class:"pn-file-upload-input",type:"file",name:this.name,multiple:this.multiple,accept:this.accept,capture:this.capture,disabled:this.disabled,required:this.required,"aria-describedby":this.describedBy(),"aria-invalid":this.invalid?.toString(),onClick:e=>r(e,this.hostElement,".pn-dropzone-inner"),onChange:()=>this._onAddFile(),onDragOver:e=>this._onDragOverFile(e),onDragLeave:e=>this._onDragLeaveFile(e),onDrop:e=>this._onDropFile(e),ref:e=>this.fileInputElement=e}),s("div",{key:"75c8ce662c9a47234a177c511362612921e6c9dc",class:"pn-dropzone-inner","data-hover":this.isHovering,"data-invalid":this.invalid},s("pn-icon",{key:"7c70500c47945c71ad723b9138d94e2117649685",class:"pn-file-upload-icon-element",icon:v,color:"blue700"}),s("label",{key:"cc29b7e2122f5630c2807b2347f792b4887b63c2",htmlFor:this.idFileUpload,class:"pn-file-upload-title"},this.label||this.translate("CLICKORDRAG")),this.helpertext&&s("p",{key:"45d28882a24add96290ff6a731b8c1cd2c0042e8",id:this.idHelpertext,class:"pn-file-upload-subtitle"},this.helpertext),this.accept&&s("p",{key:"ab1a30e5402d234d16d8d9af14d38cd76597400d",id:this.idAccepttext,class:"pn-file-upload-subtitle"},this.translate("ACCEPTEDFORMATS"),": ",this.accept,this.maxSize&&s("span",{key:"7f32da6aa40127d1c886d38e38ff8c46ed361e30"}," ","(",this.translate("MAXFILESIZE"),": ",this.maxSize,")")))),!!this.files.length&&s("ul",{key:"e8f72fce52bfc8e7e2d12aa8e314330990cdc490",class:"files-list"},this.files.map((e=>s("li",{class:"files-list-item-container",key:e.uuid},s("div",{class:this.getFileItemClass(e)},s("div",{class:"file-list-item-title"},s("pn-icon",{icon:this.getFileIcon(e),color:this.getFileColor(e)}),this.hideProgress||e.progress===0?s("div",{class:"filename"},e.filename):s("pn-progress-bar",{label:e.filename,progress:e.progress,error:e.error&&e.errorMessage})),s("pn-button",{small:true,variant:"borderless",arialabel:`${this.translate("REMOVE_FILE")} ${e.filename}`,appearance:e.error?"warning":"light",icon:m,iconOnly:true,tooltip:this.translate("REMOVE_FILE"),loading:this.isLoading(e),onClick:()=>this.removeFile(e)})),e.error?s("div",{class:"files-list-item-text-error"},e.errorMessage||e.error.message):null)))),s("slot",{key:"d727bfefbb6d0404f655578d1225b84d678932d0"})))}static get watchers(){return{limit:["handleLimit"],maxSize:["handleMaxBytes"]}}};x.style=k;export{x as pn_file_upload};
+//# sourceMappingURL=p-d3521b5d.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-1cd57319.entry.js → p-d74ccbb2.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as n,g as t,h as o}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#0d234b}pn-page-nav-dropdown-item li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}";const d=a;const p=class{constructor(t){e(this,t);this.itemselection=n(this,"itemselection",7);this.value=undefined;this.href=undefined;this.active=false}get hostElement(){return t(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}setClassnames(){let e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e}getType(){return this.value?null:"button"}getTagName(){return this.value?"a":"button"}render(){const e=this.getTagName();return o("li",{key:"f4bdc8d41ea761f0fcca047fe70678cb83a0d0ad"},o(e,{key:"facd7296d4d26b872548c21491a901719e3bb278",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},o("slot",{key:"c70b49d7079403d41fe68d799f621b58a0f377c4"}),o("pn-icon",{key:"3731f2a595d7234c78fe33458f1d2cdb3544aa20",icon:i,color:"white"})),o("hr",{key:"f5da263701f5b73566353a58268cbe59c48db725"}))}};p.style=d;export{p as pn_page_nav_dropdown_item};
-//# sourceMappingURL=p-1cd57319.entry.js.map
+import{r as e,c as n,g as t,h as o}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#0d234b}pn-page-nav-dropdown-item li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}";const d=a;const p=class{constructor(t){e(this,t);this.itemselection=n(this,"itemselection",7);this.value=undefined;this.href=undefined;this.active=false}get hostElement(){return t(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}setClassnames(){let e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e}getType(){return this.value?null:"button"}getTagName(){return this.value?"a":"button"}render(){const e=this.getTagName();return o("li",{key:"118b8decf6fe97a27767bc70926ccc3b350bea31"},o(e,{key:"1417fbd74d2bd8119789b1ddb5f395cf5ea5571d",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},o("slot",{key:"51bdce9d5a7cdc1a7481ea13c49c11f073ae7660"}),o("pn-icon",{key:"63252ed87b9aaa6c2f26c4fe503e71b3d08169e9",icon:i,color:"white"})),o("hr",{key:"c7b2d942886b0aaafa859f3d564ba920ea07ca79"}))}};p.style=d;export{p as pn_page_nav_dropdown_item};
+//# sourceMappingURL=p-d74ccbb2.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-5ed7e9b7.entry.js → p-da713fc1.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r,g as e,h as s,a as t}from"./p-43660913.js";import{a}from"./p-9a18b612.js";import{c as i}from"./p-ffa37a87.js";import{u as o}from"./p-f64d17a6.js";const n="pn-progress-bar .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}pn-progress-bar .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}pn-progress-bar .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}pn-progress-bar .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-bar .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){pn-progress-bar .pn-progress-bar-value{transition-duration:0s}}pn-progress-bar .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-bar .pn-progress-bar-value[data-error]{background-color:#a70707}";const d=n;const p=class{constructor(e){r(this,e);this.progressPercentage=undefined;this.label=undefined;this.progress=0;this.progressText=undefined;this.successText=undefined;this.error=undefined;this.progressId=this.idProgress}uniqueId=o();idProgress=`pn-progress-bar-${this.uniqueId}`;idLabel=`${this.idProgress}-label`;idText=`${this.idProgress}-text`;get hostElement(){return e(this)}setProgress(){if(!Number.isInteger(this.progress))return;const r=this.progress<100?Math.ceil(this.progress):100;this.progressPercentage=`${r.toString()}%`;this.hostElement.style.setProperty("--progress-value",this.progressPercentage)}componentWillLoad(){this.setProgress()}hasLabel(){return!!this.label?.length}hasText(){return!!this.successText?.length}hasError(){return!!this.error?.length}isValid(){return this.progress===100}hasIcon(){return this.isValid()||this.hasError()}getSubtext(){if(this.hasError())return this.error;if(this.isValid()&&this.hasText())return this.successText;return this.progressText?this.progressText:this.progressPercentage}getIconSvg(){if(this.hasError())return a;return i}getIconColor(){if(this.hasError())return"warning";return"green500"}render(){return s(t,{key:"141fef1da768dc423cf53dfa8088f1b98429236c"},this.hasLabel()&&s("p",{key:"294199499037e6ed0e816f8a68850dfede795884",id:this.idLabel,class:"pn-progress-bar-label"},s("span",{key:"f292e951e29878d186b7f7896d7346fd41677006"},this.label),this.hasIcon()&&s("pn-icon",{key:"47b8065b97a8cd0f0d3e57ea4f68b07ad09c12a5",icon:this.getIconSvg(),color:this.getIconColor()})),s("div",{key:"0dd5189948aad2e501ee10076ed212987a52e4d8",id:this.progressId,class:"pn-progress-bar-container",role:"progressbar","aria-labelledby":this.idLabel,"aria-describedby":this.hasIcon()?this.idText:null,"aria-valuenow":this.progress,"aria-valuetext":this.progressPercentage},s("div",{key:"51ceae38d589385687dd3e25c86526b4758f2792",class:"pn-progress-bar-meter"},s("div",{key:"714d0aa19a487bf625ae10bcdd68d21d54b6f48a",class:"pn-progress-bar-value","data-error":this.hasError(),"data-valid":this.isValid()}))),s("p",{key:"b540a56c9d7fdfae49f508472d315ce1eeda5e99",id:this.idText,class:"pn-progress-bar-subtext",role:this.hasError()?"alert":null},s("span",{key:"35d515a823d117a6ab31e3cda778a2ada8093233"},this.getSubtext())))}static get watchers(){return{progress:["setProgress"]}}};p.style=d;export{p as pn_progress_bar};
-//# sourceMappingURL=p-5ed7e9b7.entry.js.map
+import{r,g as e,h as s,a as t}from"./p-43660913.js";import{a}from"./p-9a18b612.js";import{c as i}from"./p-ffa37a87.js";import{u as o}from"./p-f64d17a6.js";const n="pn-progress-bar .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}pn-progress-bar .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}pn-progress-bar .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}pn-progress-bar .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-bar .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){pn-progress-bar .pn-progress-bar-value{transition-duration:0s}}pn-progress-bar .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-bar .pn-progress-bar-value[data-error]{background-color:#a70707}";const d=n;const b=class{constructor(e){r(this,e);this.progressPercentage=undefined;this.label=undefined;this.progress=0;this.progressText=undefined;this.successText=undefined;this.error=undefined;this.progressId=this.idProgress}uniqueId=o();idProgress=`pn-progress-bar-${this.uniqueId}`;idLabel=`${this.idProgress}-label`;idText=`${this.idProgress}-text`;get hostElement(){return e(this)}setProgress(){if(!Number.isInteger(this.progress))return;const r=this.progress<100?Math.ceil(this.progress):100;this.progressPercentage=`${r.toString()}%`;this.hostElement.style.setProperty("--progress-value",this.progressPercentage)}componentWillLoad(){this.setProgress()}hasLabel(){return!!this.label?.length}hasText(){return!!this.successText?.length}hasError(){return!!this.error?.length}isValid(){return this.progress===100}hasIcon(){return this.isValid()||this.hasError()}getSubtext(){if(this.hasError())return this.error;if(this.isValid()&&this.hasText())return this.successText;return this.progressText?this.progressText:this.progressPercentage}getIconSvg(){if(this.hasError())return a;return i}getIconColor(){if(this.hasError())return"warning";return"green500"}render(){return s(t,{key:"e5e7d6c7ac2b3e2cc8838a616d697281c299ef21"},this.hasLabel()&&s("p",{key:"23155051cf0606bee3bf96c4be40cf1549b6ab44",id:this.idLabel,class:"pn-progress-bar-label"},s("span",{key:"98723d9fcc0e8a43ceaf4969a70046418d9d08bf"},this.label),this.hasIcon()&&s("pn-icon",{key:"402eea95c3733057d94df1b7abe92d02e7ef1dc8",icon:this.getIconSvg(),color:this.getIconColor()})),s("div",{key:"5d82dfaf2b4ca4ac5ec6aefc83b6422dc8c632fe",id:this.progressId,class:"pn-progress-bar-container",role:"progressbar","aria-labelledby":this.idLabel,"aria-describedby":this.hasIcon()?this.idText:null,"aria-valuenow":this.progress,"aria-valuetext":this.progressPercentage},s("div",{key:"7340eb78ac7cbcd5798e804dc173a1d7c0696f49",class:"pn-progress-bar-meter"},s("div",{key:"a9d2ab1009731727f98d349b9bf04bf39433c478",class:"pn-progress-bar-value","data-error":this.hasError(),"data-valid":this.isValid()}))),s("p",{key:"6f10b1183b320c1e1e4b03bf893a62135779a870",id:this.idText,class:"pn-progress-bar-subtext",role:this.hasError()?"alert":null},s("span",{key:"d6b8b56cf9853fa1f88aea6c6a43bf9999fa09cd"},this.getSubtext())))}static get watchers(){return{progress:["setProgress"]}}};b.style=d;export{b as pn_progress_bar};
+//# sourceMappingURL=p-da713fc1.entry.js.map