@postnord/pn-marketweb-components 3.5.3 → 4.0.0

package/umd/modules/@postnord/web-components/postnord-web-components/{p-d2f7b4a9.entry.js → p-76b020f0.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as n,h as t,a as i}from"./p-43660913.js";import{k as s,s as r}from"./p-f64d17a6.js";const a={SEARCH_BUTTON:{da:"Search",en:"Search",fi:"Search",no:"Search",sv:"Sök"},SEARCH_SUCCESS:{da:"Your OCR number is",en:"Your OCR number is",fi:"Your OCR number is",no:"Your OCR number is",sv:"Ditt OCR-nummer är"},ERROR_INVALID_LICENSE_NUMBER:{da:"Invalid license number",en:"Invalid license number",fi:"Invalid license number",no:"Invalid license number",sv:"Ogiltligt licensnummer"},ERROR_NO_RESULTS:{da:"The search did not generate any results",en:"The search did not generate any results",fi:"The search did not generate any results",no:"The search did not generate any results",sv:"Sökningen genererade inga träffar"},ERROR_REASON_HEADER:{da:"It may be due to:",en:"It may be due to:",fi:"It may be due to:",no:"It may be due to:",sv:"Det kan bero på:"},ERROR_REASON_ONE:{da:"We could not find that license number",en:"We could not find that license number",fi:"We could not find that license number",no:"We could not find that license number",sv:"Vi hittar inget sådant licensnummer"},ERROR_REASON_TWO:{da:"Check the information and try again.",en:"Check the information and try again.",fi:"Check the information and try again.",no:"Check the information and try again.",sv:"Kontrollera uppgifterna och försök igen."},PLACEHOLDER_TEXT:{da:"License number 6 digits",en:"License number 6 digits",fi:"License number 6 digits",no:"License number 6 digits",sv:"Licensnummer 6 tecken"}};const o="pn-ocr-search .bold{font-weight:700}pn-ocr-search .search-results,pn-ocr-search .error-text-container{padding:1em 0.5em}pn-ocr-search .invalid-text-container{padding:0.5em 1em}pn-ocr-search .invalid-text-container .invalid-ocr{color:#a70707}";const c=o;const h=class{constructor(n){e(this,n);this.loading=false;this.error=false;this.ocrNumber=undefined;this.searchSuccess=false;this.invalidOcrNumber=false;this.language=null}get hostElement(){return n(this)}async componentWillLoad(){if(this.language===null)await s(this.hostElement)}getTranslation(e){return a[e][this.language||r]}handleSearch(e){this.invalidOcrNumber=false;this.searchSuccess=false;this.error=false;const n=this.validateOcrNumber(e.detail);if(n.error){this.invalidOcrNumber=true;return}this.ocrNumberSearch(n.value)}async ocrNumberSearch(e){this.loading=true;await fetch(`https://portal.postnord.com/public-service/api/ocr?key=${e}`).then((e=>e.json())).then((e=>{this.ocrNumber=e.newOcr;this.searchSuccess=true})).catch((()=>{this.error=true;this.searchSuccess=false})).finally((()=>{this.loading=false}))}validateOcrNumber(e){const n=e?e.replace(/[ -]/gi,""):"";const t=new RegExp(/\D+/);const i=t.test(n)||n.length!==6;return{error:i,value:n}}renderSearchResult(){if(!this.loading&&!this.error&&this.searchSuccess){return t("div",{class:"search-results"},this.getTranslation("SEARCH_SUCCESS"),": ",t("b",null,this.ocrNumber))}}renderErrorMessage(){if(this.invalidOcrNumber&&!this.loading){return t("div",{class:"invalid-text-container"},t("p",{class:"invalid-ocr"},this.getTranslation("ERROR_INVALID_LICENSE_NUMBER")))}if(this.error&&!this.loading){return t("div",{class:"error-text-container"},t("p",{class:"bold"},this.getTranslation("ERROR_NO_RESULTS")),t("p",{class:"bold"},this.getTranslation("ERROR_REASON_HEADER")),t("p",null,this.getTranslation("ERROR_REASON_ONE")),t("p",null,this.getTranslation("ERROR_REASON_TWO")))}}render(){return t(i,{key:"917961782b3f330e4271aa6f25427c36398c252e"},t("pn-search-field",{key:"e04856aba0427ece6d332e8375313d87212106af",loading:this.loading,label:this.getTranslation("SEARCH_BUTTON"),button:"icon",buttonLabel:this.getTranslation("SEARCH_BUTTON"),placeholder:this.getTranslation("PLACEHOLDER_TEXT"),onSearch:e=>this.handleSearch(e)}),this.renderSearchResult(),this.renderErrorMessage())}};h.style=c;export{h as pn_ocr_search};
-//# sourceMappingURL=p-d2f7b4a9.entry.js.map
+import{r as e,g as n,h as t,a as i}from"./p-43660913.js";import{k as s,s as r}from"./p-f64d17a6.js";const a={SEARCH_BUTTON:{da:"Search",en:"Search",fi:"Search",no:"Search",sv:"Sök"},SEARCH_SUCCESS:{da:"Your OCR number is",en:"Your OCR number is",fi:"Your OCR number is",no:"Your OCR number is",sv:"Ditt OCR-nummer är"},ERROR_INVALID_LICENSE_NUMBER:{da:"Invalid license number",en:"Invalid license number",fi:"Invalid license number",no:"Invalid license number",sv:"Ogiltligt licensnummer"},ERROR_NO_RESULTS:{da:"The search did not generate any results",en:"The search did not generate any results",fi:"The search did not generate any results",no:"The search did not generate any results",sv:"Sökningen genererade inga träffar"},ERROR_REASON_HEADER:{da:"It may be due to:",en:"It may be due to:",fi:"It may be due to:",no:"It may be due to:",sv:"Det kan bero på:"},ERROR_REASON_ONE:{da:"We could not find that license number",en:"We could not find that license number",fi:"We could not find that license number",no:"We could not find that license number",sv:"Vi hittar inget sådant licensnummer"},ERROR_REASON_TWO:{da:"Check the information and try again.",en:"Check the information and try again.",fi:"Check the information and try again.",no:"Check the information and try again.",sv:"Kontrollera uppgifterna och försök igen."},PLACEHOLDER_TEXT:{da:"License number 6 digits",en:"License number 6 digits",fi:"License number 6 digits",no:"License number 6 digits",sv:"Licensnummer 6 tecken"}};const o="pn-ocr-search .bold{font-weight:700}pn-ocr-search .search-results,pn-ocr-search .error-text-container{padding:1em 0.5em}pn-ocr-search .invalid-text-container{padding:0.5em 1em}pn-ocr-search .invalid-text-container .invalid-ocr{color:#a70707}";const c=o;const h=class{constructor(n){e(this,n);this.loading=false;this.error=false;this.ocrNumber=undefined;this.searchSuccess=false;this.invalidOcrNumber=false;this.language=null}get hostElement(){return n(this)}async componentWillLoad(){if(this.language===null)await s(this.hostElement)}getTranslation(e){return a[e][this.language||r]}handleSearch(e){this.invalidOcrNumber=false;this.searchSuccess=false;this.error=false;const n=this.validateOcrNumber(e.detail);if(n.error){this.invalidOcrNumber=true;return}this.ocrNumberSearch(n.value)}async ocrNumberSearch(e){this.loading=true;await fetch(`https://portal.postnord.com/public-service/api/ocr?key=${e}`).then((e=>e.json())).then((e=>{this.ocrNumber=e.newOcr;this.searchSuccess=true})).catch((()=>{this.error=true;this.searchSuccess=false})).finally((()=>{this.loading=false}))}validateOcrNumber(e){const n=e?e.replace(/[ -]/gi,""):"";const t=new RegExp(/\D+/);const i=t.test(n)||n.length!==6;return{error:i,value:n}}renderSearchResult(){if(!this.loading&&!this.error&&this.searchSuccess){return t("div",{class:"search-results"},this.getTranslation("SEARCH_SUCCESS"),": ",t("b",null,this.ocrNumber))}}renderErrorMessage(){if(this.invalidOcrNumber&&!this.loading){return t("div",{class:"invalid-text-container"},t("p",{class:"invalid-ocr"},this.getTranslation("ERROR_INVALID_LICENSE_NUMBER")))}if(this.error&&!this.loading){return t("div",{class:"error-text-container"},t("p",{class:"bold"},this.getTranslation("ERROR_NO_RESULTS")),t("p",{class:"bold"},this.getTranslation("ERROR_REASON_HEADER")),t("p",null,this.getTranslation("ERROR_REASON_ONE")),t("p",null,this.getTranslation("ERROR_REASON_TWO")))}}render(){return t(i,{key:"c4392bef058b06addd7357e34ce304f5804a1b44"},t("pn-search-field",{key:"2f8f4beedb4c90e97ef63437fb39e649b0ae7d33",loading:this.loading,label:this.getTranslation("SEARCH_BUTTON"),button:"icon",buttonLabel:this.getTranslation("SEARCH_BUTTON"),placeholder:this.getTranslation("PLACEHOLDER_TEXT"),onSearch:e=>this.handleSearch(e)}),this.renderSearchResult(),this.renderErrorMessage())}};h.style=c;export{h as pn_ocr_search};
+//# sourceMappingURL=p-76b020f0.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-7ae9c053.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as t,c as n,g as o,h as i,a}from"./p-43660913.js";import{o as e}from"./p-f64d17a6.js";const r='pn-button{display:inline-block}pn-button .pn-button{position:relative;cursor:pointer;padding:0.75em 1.5em;width:round(up, 100%, 1px);min-height:3em;min-width:5.5em;border:none;border-radius:3em;font-family:inherit;font-size:1em;font-weight:500;color:#ffffff;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.5em;-webkit-tap-highlight-color:transparent;transition-property:color, 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-button .pn-button{transition-duration:0s;transition-delay:0s}}pn-button .pn-button:focus-visible{outline-color:#005d92}pn-button .pn-button:disabled,pn-button .pn-button[aria-disabled]{cursor:auto;pointer-events:none}pn-button .pn-button-content{z-index:2;display:flex;justify-content:center;align-items:center;gap:0.5em;transition-property:opacity, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){pn-button .pn-button-content{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%) translateY(0);border-radius:3em;border:none;background-color:#005d92;overflow:hidden;transition-property:width, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s, 0s, 0s}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-bg::after{content:"";position:absolute;will-change:transform;width:100%;height:100%;background-color:#0d234b;border-radius:inherit;left:0;transform:translateX(-103%);opacity:0.5;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}pn-button .pn-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#ffffff;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-button .pn-button-tooltip{z-index:5;position:absolute;top:calc(100% + 0.35em);left:50%;pointer-events:none;color:#ffffff;background-color:#0d234b;box-shadow:0 0.075em 0.225em rgba(0, 0, 0, 0.1), 0 0.4em 0.9em rgba(0, 0, 0, 0.13);padding:0.25em 0.75em;border-radius:inherit;max-width:min(95vw, 40em);transform:translateX(-50%) translateX(var(--pn-dx));width:max-content;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-tooltip-text{font-size:0.875em;font-weight:300}pn-button .pn-button pn-icon{flex-shrink:0}pn-button .pn-button pn-icon .pn-icon-svg path{fill:#ffffff}pn-button .pn-button pn-spinner{position:absolute;transform:scale(0)}pn-button .pn-button:hover .pn-button-bg:after,pn-button .pn-button:focus .pn-button-bg:after{transform:translateX(0)}pn-button .pn-button[data-appearance=light]{color:#005d92}pn-button .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#005d92}pn-button .pn-button[data-appearance=light] pn-spinner .pn-spinner-circle{stroke:#005d92}pn-button .pn-button[data-appearance=light] pn-spinner .pn-spinner-dot{fill:#005d92}pn-button .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}pn-button .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}pn-button .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}pn-button .pn-button[data-appearance=warning]{color:#a70707;outline:0.2rem solid transparent;outline-offset:0.2rem}pn-button .pn-button[data-appearance=warning] pn-icon .pn-icon-svg path{fill:#a70707}pn-button .pn-button[data-appearance=warning] pn-spinner .pn-spinner-circle{stroke:#a70707}pn-button .pn-button[data-appearance=warning] pn-spinner .pn-spinner-dot{fill:#a70707}pn-button .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}pn-button .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-appearance=warning]:hover,pn-button .pn-button[data-appearance=warning]:focus{color:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-icon .pn-icon-svg path,pn-button .pn-button[data-appearance=warning]:focus pn-icon .pn-icon-svg path{fill:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-spinner .pn-spinner-circle,pn-button .pn-button[data-appearance=warning]:focus pn-spinner .pn-spinner-circle{stroke:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-spinner .pn-spinner-dot,pn-button .pn-button[data-appearance=warning]:focus pn-spinner .pn-spinner-dot{fill:#ffffff}pn-button .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}pn-button .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}pn-button .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}pn-button .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}pn-button .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}pn-button .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}pn-button .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}pn-button .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}pn-button .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}pn-button .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}pn-button .pn-button[data-icon-only]{width:3em;min-width:0}pn-button .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}pn-button .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}pn-button .pn-button[data-small] .pn-button-content{gap:0.25em}pn-button .pn-button[data-small] .pn-button-text{font-size:0.875em}pn-button .pn-button[data-small] pn-icon .pn-icon-svg{height:1.25em;width:1.25em}pn-button .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}pn-button .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button .pn-button[data-loading] pn-spinner{transform:scale(1);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){pn-button .pn-button[data-loading] pn-spinner{transition-duration:0s;transition-delay:0s}}pn-button .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}pn-button .pn-button[data-loading] .pn-button-bg{width:3em}pn-button .pn-button[data-loading][data-small] .pn-button-bg{width:2em}';const s=r;const p=class{constructor(o){t(this,o);this.pnClick=n(this,"pnClick",7);this.tooltipOpen=false;this.tooltipUpwards=false;this.label="";this.appearance="";this.variant="";this.small=false;this.loading=false;this.icon=undefined;this.iconOnly=false;this.leftIcon=false;this.tooltip=undefined;this.tooltipUp=false;this.type="button";this.form=undefined;this.href=undefined;this.rel=undefined;this.target=undefined;this.download=undefined;this.buttonId=null;this.arialabel=null;this.arialabelledby=null;this.ariacurrent=null;this.ariacontrols=null;this.ariapressed=null;this.ariahaspopup=null;this.ariaexpanded=null;this.noTab=false}buttonEl;tooltipEl;tooltipDx;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];get hostElement(){return o(this)}openHandler(){if(this.tooltipOpen)this.checkTooltipPosition()}iconOnlyHandler(){this.checkTooltipPosition();if(this.tooltip)this.initTooltip();else this.removeTooltip()}pnClick;componentWillLoad(){this.tooltipUpwards=this.tooltipUp}componentDidLoad(){this.iconOnlyHandler()}getRect(t){return t.getBoundingClientRect()}initTooltip(){this.eventListeners.forEach((t=>this.buttonEl.addEventListener(t,this.toggleTooltip)))}removeTooltip(){this.eventListeners.forEach((t=>this.buttonEl.removeEventListener(t,this.toggleTooltip)))}toggleTooltip=t=>{this.tooltipOpen=this.openEvents.includes(t.type)};setTooltipOffset(){this.tooltipEl.style.setProperty("--pn-dx",`${this.tooltipDx}px`)}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)";this.tooltipUpwards=this.tooltipUp;requestAnimationFrame((()=>{const{top:t,x:n,y:o,right:i,height:a}=this.getRect(this.tooltipEl);const e=16;this.tooltipDx=0;this.tooltipUpwards=this.tooltipUp?t>a:o+a>window.innerHeight;this.tooltipEl.style.transform="";if(n<0)this.tooltipDx=n*-1+e;if(i>window.innerWidth)this.tooltipDx=window.innerWidth-i-e-8;requestAnimationFrame((()=>this.setTooltipOffset()))}))}getAttributes(){const t=this.href?{href:this.href,rel:!this.rel&&this.target==="_blank"?"noopener":this.rel,target:this.target??null,download:this.download??null,"aria-current":this.ariacurrent,"aria-disabled":this.loading?"true":null}:{type:this.type,form:this.form,disabled:this.loading,"aria-pressed":this.ariapressed,"aria-controls":this.ariacontrols,"aria-haspopup":this.ariahaspopup,"aria-expanded":this.ariaexpanded};const n=["light","warning"];const o=["borderless","outlined"];return{tabindex:this.noTab||this.href&&this.loading?"-1":null,"data-small":this.small,"data-loading":this.loading,"data-tooltip-open":this.tooltipOpen,"data-tooltip-upwards":this.tooltipUpwards,"data-icon-only":this.showIconOnly(),"data-left-icon":this.leftIcon,"data-appearance":n.includes(this.appearance)?this.appearance:null,"data-variant":o.includes(this.variant)?this.variant:null,...t}}getTagName(){return this.href?"a":"button"}showIconOnly(){return!!this.icon&&this.iconOnly&&!!(this.tooltip||this.arialabel||this.arialabelledby)}handleClick(t){e(t,this.hostElement,".pn-button-bg");this.pnClick.emit(t)}render(){const t=this.getTagName();return i(a,{key:"3a706bd5d794474ce5204947a29747c9b349a498"},i(t,{key:"2a2f50005dd46fe9a45bd64894a3cbb7ae27c055",class:"pn-button",id:this.buttonId,"aria-label":this.arialabel,"aria-labelledby":this.arialabelledby,onClick:t=>this.handleClick(t),...this.getAttributes(),ref:t=>this.buttonEl=t},i("div",{key:"1c44b76aa62e31549b25a546c51ffd457ab4ae5d",class:"pn-button-bg"}),i("div",{key:"05ff0f5123666179851e5fc99a8f38bfe04eb39c",class:"pn-button-content"},i("div",{key:"76fc799235d5aee8c985c2399816e0bbba9cb779",class:"pn-button-text",hidden:this.showIconOnly()},this.label,i("slot",{key:"695ba8672a40e227bcaa40028ba25f27d6256691"})),!!this.icon&&i("pn-icon",{key:"4e167490d074fc72de0b2a7328be12fcaef4a6df",icon:this.icon})),i("pn-spinner",{key:"f914a0678f92c91609b0d84751d7c9214d4302c0",light:true}),i("div",{key:"c71a4da00f39e991c4d5a22ed03f7908d138937b",class:"pn-button-tooltip",hidden:!this.tooltip,ref:t=>this.tooltipEl=t},i("span",{key:"a0896edbda372dcac471fb95c62083cfcf4282eb",class:"pn-button-tooltip-text"},this.tooltip))))}static get watchers(){return{tooltipOpen:["openHandler"],tooltip:["iconOnlyHandler"]}}};p.style=s;const d="pn-spinner{display:inline-block}pn-spinner .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-spinner .pn-spinner{animation-duration:2s}}pn-spinner .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-spinner .pn-spinner-circle{animation-duration:4s}}pn-spinner .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}";const u=d;const b=class{constructor(n){t(this,n);this.light=false;this.size=1.5}get hostElement(){return o(this)}getColor(){if(this.light)return"#fff";return"#005d92"}getSize(){return`${this.size}em`}render(){return i(a,{key:"70929226e52cdda66312d599b0f8d4c83e902263"},i("svg",{key:"0e4a3843737f29304996b5eb81b772b904f2d1c7",class:"pn-spinner",style:{"--pn-spinner-size":this.getSize(),"--pn-spinner-color":this.getColor()},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},i("circle",{key:"09d5ab69786a82fa44fc8b62aeb00b93ae4e8c0d",class:"pn-spinner-circle",cx:"12",cy:"12",r:"10","stroke-width":"3"}),i("circle",{key:"de94ea674640b278406a32486d8dbac3ebaec156",class:"pn-spinner-dot",cx:"21.3",cy:"16",r:"1.48"})))}};b.style=u;export{p as pn_button,b as pn_spinner};
+//# sourceMappingURL=p-7ae9c053.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-240f6613.entry.js.map → p-7ae9c053.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnButtonCss","PnButtonStyle0","PnButton","buttonEl","tooltipEl","tooltipDx","openEvents","closeEvents","eventListeners","this","openHandler","tooltipOpen","checkTooltipPosition","iconOnlyHandler","tooltip","initTooltip","removeTooltip","pnClick","componentWillLoad","tooltipUpwards","tooltipUp","componentDidLoad","getRect","element","getBoundingClientRect","forEach","e","addEventListener","toggleTooltip","removeEventListener","event","includes","type","setTooltipOffset","style","setProperty","transform","requestAnimationFrame","top","x","y","right","height","extraMargin","window","innerHeight","innerWidth","getAttributes","attrs","href","rel","target","download","ariacurrent","loading","form","disabled","ariapressed","ariacontrols","ariahaspopup","ariaexpanded","appearances","variations","tabindex","noTab","small","showIconOnly","leftIcon","appearance","variant","getTagName","icon","iconOnly","arialabel","arialabelledby","handleClick","ripple","hostElement","emit","render","TagName","h","Host","key","class","id","buttonId","onClick","ref","el","hidden","label","light","pnSpinnerCss","PnSpinnerStyle0","PnSpinner","getColor","getSize","size","xmlns","viewBox","fill","cx","cy","r"],"sources":["src/components/buttons/pn-button/pn-button.scss?tag=pn-button","src/components/buttons/pn-button/pn-button.tsx","src/components/feedback/pn-spinner/pn-spinner.scss?tag=pn-spinner","src/components/feedback/pn-spinner/pn-spinner.tsx"],"sourcesContent":["@use 'sass:string';\n@use 'src/globals/main';\n\npn-button {\n  display: inline-block;\n}\n\npn-button .pn-button {\n  position: relative;\n  cursor: pointer;\n\n  padding: 0.75em 1.5em;\n  width: string.unquote('round(up, 100%, 1px)');\n  min-height: 3em;\n  min-width: 5.5em;\n\n  border: none;\n  border-radius: 3em;\n\n  font-family: inherit;\n  font-size: 1em;\n  font-weight: 500;\n\n  color: main.$white;\n  background-color: transparent;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-decoration: none;\n  line-height: 1.5em;\n  -webkit-tap-highlight-color: transparent;\n\n  @include main.pn-transition('color, outline-color');\n  @include main.pn-focus();\n\n  &:disabled,\n  &[aria-disabled] {\n    cursor: auto;\n    pointer-events: none;\n  }\n\n  &-content {\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5em;\n\n    @include main.pn-transition('opacity, transform');\n    transition-delay: main.$timing;\n  }\n\n  // This is a separate element because it has to be a leaf node to avoid bogging down performance when animating\n  &-bg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(0);\n    border-radius: 3em;\n    border: none;\n    background-color: main.$blue700;\n    overflow: hidden;\n\n    @include main.pn-transition('width, background-color, border-color');\n    transition-delay: main.$timing, 0s, 0s;\n\n    // Hover element (sliding background)\n    &::after {\n      content: '';\n      position: absolute;\n      will-change: transform;\n      width: 100%;\n      height: 100%;\n      background-color: main.$blue900;\n      border-radius: inherit;\n      left: 0;\n      transform: translateX(-103%);\n      opacity: 0.5;\n      @include main.pn-transition('transform');\n    }\n  }\n\n  @include main.pn-ripple(main.$white);\n\n  &-tooltip {\n    z-index: 5;\n    position: absolute;\n    top: calc(100% + 0.35em);\n    left: 50%;\n    pointer-events: none;\n\n    color: main.$white;\n    background-color: main.$blue900;\n    box-shadow:\n      0 0.075em 0.225em rgba(0, 0, 0, 0.1),\n      0 0.4em 0.9em rgba(0, 0, 0, 0.13);\n\n    padding: 0.25em 0.75em;\n    border-radius: inherit;\n\n    max-width: min(95vw, 40em);\n    transform: translateX(-50%) translateX(var(--pn-dx));\n    width: max-content;\n\n    opacity: 0;\n    @include main.pn-transition('opacity');\n\n    &-text {\n      font-size: 0.875em;\n      font-weight: 300;\n    }\n  }\n\n  pn-icon {\n    flex-shrink: 0;\n    .pn-icon-svg path {\n      fill: main.$white;\n    }\n  }\n\n  pn-spinner {\n    position: absolute;\n    transform: scale(0);\n  }\n\n  &:hover,\n  &:focus {\n    .pn-button-bg:after {\n      transform: translateX(0);\n    }\n  }\n\n  &[data-appearance='light'] {\n    color: main.$blue700;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$blue700;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$blue700;\n      }\n      .pn-spinner-dot {\n        fill: main.$blue700;\n      }\n    }\n\n    .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n\n      &:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n\n      .pn-ripple {\n        background-color: main.$blue700;\n      }\n    }\n  }\n\n  &[data-appearance='warning'] {\n    color: main.$warning;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$warning;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$warning;\n      }\n      .pn-spinner-dot {\n        fill: main.$warning;\n      }\n    }\n\n    .pn-button-bg {\n      border: 0.0625em solid main.$warning;\n      background-color: main.$coral50;\n\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n\n    &:hover,\n    &:focus {\n      color: main.$white;\n      pn-icon .pn-icon-svg path {\n        fill: main.$white;\n      }\n\n      pn-spinner {\n        .pn-spinner-circle {\n          stroke: main.$white;\n        }\n        .pn-spinner-dot {\n          fill: main.$white;\n        }\n      }\n    }\n\n    @include main.pn-focus(main.$warning);\n  }\n\n  &[data-variant='borderless'] {\n    .pn-button-bg {\n      border: none;\n      background-color: transparent;\n    }\n\n    .pn-button-bg:after {\n      background-color: main.$white;\n      opacity: 0.1;\n    }\n    &[data-appearance='light'] {\n      .pn-button-bg:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n    }\n    &[data-appearance='warning'] {\n      .pn-button-bg:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-variant='outlined'] {\n    .pn-button-bg {\n      border: 0.0625em solid main.$white;\n      background-color: transparent;\n      &:after {\n        background-color: main.$white;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='light'] .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n      &:after {\n        background-color: main.$blue400;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='warning'] .pn-button-bg {\n      border-color: main.$warning;\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-left-icon] .pn-button-content {\n    flex-direction: row-reverse;\n  }\n\n  &[data-icon-only] {\n    width: 3em;\n    min-width: 0;\n\n    &[data-small] {\n      width: 2em;\n      min-width: 0;\n      padding: 0;\n    }\n  }\n\n  &[data-small] {\n    padding: 0.375em 1em;\n    min-height: 2em;\n    min-width: unset;\n    line-height: 1.25em;\n\n    .pn-button-content {\n      gap: 0.25em;\n    }\n\n    .pn-button-text {\n      font-size: 0.875em;\n    }\n\n    pn-icon .pn-icon-svg {\n      height: 1.25em;\n      width: 1.25em;\n    }\n  }\n\n  &[data-tooltip-open] {\n    .pn-button-tooltip {\n      opacity: 1;\n    }\n  }\n\n  &[data-tooltip-upwards] {\n    .pn-button-tooltip {\n      top: auto;\n      bottom: calc(100% + 0.35em);\n    }\n  }\n\n  &[data-loading] {\n    pn-spinner {\n      transform: scale(1);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n\n    .pn-button-content {\n      pointer-events: none;\n      opacity: 0;\n      transition-delay: 0s;\n      transform: translateY(100%);\n    }\n\n    .pn-button-bg {\n      width: 3em;\n    }\n\n    &[data-small] .pn-button-bg {\n      width: 2em;\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { ripple, PnButtonAppearance, PnButtonVariant } from '@/index';\n\n/**\n * The `pn-button` is built with a native `button` or `a` element, if you use the `href` attribute.\n *\n * @nativeClick Use the `click` event to listen when the button is clicked.\n */\n@Component({\n  tag: 'pn-button',\n  styleUrl: 'pn-button.scss',\n})\nexport class PnButton {\n  buttonEl: HTMLElement;\n  tooltipEl: HTMLDivElement;\n  tooltipDx: number;\n\n  openEvents: string[] = ['mouseover', 'focus'];\n  closeEvents: string[] = ['mouseleave', 'blur', 'touchcancel', 'touchleave'];\n  eventListeners: string[] = [...this.openEvents, ...this.closeEvents];\n\n  @Element() hostElement: HTMLElement;\n\n  @State() tooltipOpen: boolean = false;\n  @State() tooltipUpwards: boolean = false;\n\n  /** The label of the button, this is the same as using the default slot. */\n  @Prop() label?: string = '';\n  /**\n   * Select the button appearance: default (blue), `light` (white) and  `warning` (red).\n   *\n   * @category Visual\n   */\n  @Prop() appearance?: PnButtonAppearance = '';\n  /**\n   * Select the button variant: default (colored background), `outlined` (bordered, no background) and `borderless` (borderless, no background).\n   *\n   * @category Visual\n   */\n  @Prop() variant?: PnButtonVariant = '';\n  /** Use the small button. @category Visual */\n  @Prop() small?: boolean = false;\n  /** Display the loading indicator. @category Visual */\n  @Prop({ reflect: true }) loading?: boolean = false;\n\n  /**\n   * The SVG content of the icon you want.\n   * @see {@link https://portal.postnord.com/web-components/?path=/docs/docs-assets--docs pn-design-assets}\n   * @category Icon\n   */\n  @Prop() icon?: string;\n  /**\n   * Turn the button into an icon only. Requires `icon` and one of the following props to work: `tooltip`, `arialabel` or `arialabelledby`.\n   * @summary __You need an `icon` selected, as well as either `tooltip`, `arialabel` or `arialabelledby` for this to work__.\n   * @see {@link icon}\n   * @category Icon\n   */\n  @Prop() iconOnly?: boolean = false;\n  /**\n   * Place the `icon` to the left of the button.\n   *\n   * @summary __You need an `icon` selected for this to work__.\n   * @see {@link icon}\n   * @category Icon\n   */\n  @Prop() leftIcon?: boolean = false;\n\n  /**\n   * When the user focus/hover the button, the `tooltip` text will show up.\n   *\n   * @category Tooltip\n   */\n  @Prop() tooltip?: string;\n  /**\n   * Prefer the tooltip to open upwards. Will still go downwards if there is no space.\n   * @category Tooltip\n   */\n  @Prop() tooltipUp?: boolean = false;\n\n  /** Select HTML button type. @category Button */\n  @Prop() type?: 'button' | 'reset' | 'submit' | '' = 'button';\n  /**\n   * Connect this button to a HTML form.\n   * @category Button\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form HTML button form}\n   */\n  @Prop() form?: string;\n\n  /** Pass an href to make the button into link (a-tag). @category Link */\n  @Prop() href?: string;\n  /** The rel attribute of the link. @category Link */\n  @Prop() rel?: string;\n  /** The target attribute of the link. @category Link */\n  @Prop() target?: string;\n  /** The download attribute of the link. @category Link */\n  @Prop() download?: string;\n\n  /** HTML ID. @category HTML attributes */\n  @Prop() buttonId?: string = null;\n  /** HTML aria-label attribute. @category HTML attributes */\n  @Prop() arialabel?: string = null;\n  /** HTML aria-labelledby attribute. @category HTML attributes */\n  @Prop() arialabelledby?: string = null;\n  /** HTML aria-current attribute. @category HTML attributes */\n  @Prop() ariacurrent?: string = null;\n  /** HTML aria-controls attribute. @category HTML attributes */\n  @Prop() ariacontrols?: string = null;\n  /** HTML aria-pressed attribute. @category HTML attributes */\n  @Prop() ariapressed?: string = null;\n  /** HTML aria-haspopup attribute. @category HTML attributes */\n  @Prop() ariahaspopup?: string = null;\n  /** HTML aria-expanded attribute. @category HTML attributes */\n  @Prop() ariaexpanded?: string = null;\n  /** HTML tabindex. @category HTML attributes */\n  @Prop() noTab?: boolean = false;\n\n  @Watch('tooltipOpen')\n  openHandler() {\n    if (this.tooltipOpen) this.checkTooltipPosition();\n  }\n\n  @Watch('tooltip')\n  iconOnlyHandler() {\n    this.checkTooltipPosition();\n    if (this.tooltip) this.initTooltip();\n    else this.removeTooltip();\n  }\n\n  /**\n   * This event is fired when the `button`/`a` element of the `pn-button` is clicked.\n   * Setting an eventListener for `click` on the `pn-button` will trigger if you click outside of the button area\n   * or if the button is `disabled` with the `loading` prop.\n   **/\n  @Event() pnClick: EventEmitter<MouseEvent>;\n\n  componentWillLoad() {\n    this.tooltipUpwards = this.tooltipUp;\n  }\n\n  componentDidLoad() {\n    this.iconOnlyHandler();\n  }\n\n  getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  initTooltip() {\n    this.eventListeners.forEach(e => this.buttonEl.addEventListener(e, this.toggleTooltip));\n  }\n\n  removeTooltip() {\n    this.eventListeners.forEach(e => this.buttonEl.removeEventListener(e, this.toggleTooltip));\n  }\n\n  toggleTooltip = (event: MouseEvent | FocusEvent) => {\n    this.tooltipOpen = this.openEvents.includes(event.type);\n  };\n\n  setTooltipOffset() {\n    this.tooltipEl.style.setProperty('--pn-dx', `${this.tooltipDx}px`);\n  }\n\n  checkTooltipPosition() {\n    this.tooltipEl.style.transform = 'translateX(-50%)';\n    this.tooltipUpwards = this.tooltipUp;\n\n    requestAnimationFrame(() => {\n      const { top, x, y, right, height } = this.getRect(this.tooltipEl);\n      const extraMargin = 16;\n      this.tooltipDx = 0;\n\n      this.tooltipUpwards = this.tooltipUp ? top > height : y + height > window.innerHeight;\n      this.tooltipEl.style.transform = '';\n\n      if (x < 0) this.tooltipDx = x * -1 + extraMargin;\n      if (right > window.innerWidth) this.tooltipDx = window.innerWidth - right - extraMargin - 8;\n\n      requestAnimationFrame(() => this.setTooltipOffset());\n    });\n  }\n\n  getAttributes() {\n    const attrs = this.href\n      ? {\n          'href': this.href,\n          'rel': !this.rel && this.target === '_blank' ? 'noopener' : this.rel,\n          'target': this.target ?? null,\n          'download': this.download ?? null,\n          'aria-current': this.ariacurrent,\n          'aria-disabled': this.loading ? 'true' : null,\n        }\n      : {\n          'type': this.type,\n          'form': this.form,\n          'disabled': this.loading,\n          'aria-pressed': this.ariapressed,\n          'aria-controls': this.ariacontrols,\n          'aria-haspopup': this.ariahaspopup,\n          'aria-expanded': this.ariaexpanded,\n        };\n\n    const appearances: PnButtonAppearance[] = ['light', 'warning'];\n    const variations: PnButtonVariant[] = ['borderless', 'outlined'];\n\n    return {\n      'tabindex': this.noTab || (this.href && this.loading) ? '-1' : null,\n      'data-small': this.small,\n      'data-loading': this.loading,\n      'data-tooltip-open': this.tooltipOpen,\n      'data-tooltip-upwards': this.tooltipUpwards,\n      'data-icon-only': this.showIconOnly(),\n      'data-left-icon': this.leftIcon,\n      'data-appearance': appearances.includes(this.appearance) ? this.appearance : null,\n      'data-variant': variations.includes(this.variant) ? this.variant : null,\n      ...attrs,\n    };\n  }\n\n  getTagName() {\n    return this.href ? 'a' : 'button';\n  }\n\n  showIconOnly(): boolean {\n    return !!this.icon && this.iconOnly && !!(this.tooltip || this.arialabel || this.arialabelledby);\n  }\n\n  handleClick(event: MouseEvent) {\n    ripple(event, this.hostElement, '.pn-button-bg');\n    this.pnClick.emit(event);\n  }\n\n  render() {\n    const TagName = this.getTagName();\n\n    return (\n      <Host>\n        <TagName\n          class=\"pn-button\"\n          id={this.buttonId}\n          aria-label={this.arialabel}\n          aria-labelledby={this.arialabelledby}\n          onClick={e => this.handleClick(e)}\n          {...this.getAttributes()}\n          ref={(el: HTMLElement) => (this.buttonEl = el)}\n        >\n          <div class=\"pn-button-bg\"></div>\n          <div class=\"pn-button-content\">\n            <div class=\"pn-button-text\" hidden={this.showIconOnly()}>\n              {this.label}\n              <slot />\n            </div>\n            {!!this.icon && <pn-icon icon={this.icon} />}\n          </div>\n          <pn-spinner light />\n\n          <div class=\"pn-button-tooltip\" hidden={!this.tooltip} ref={el => (this.tooltipEl = el)}>\n            <span class=\"pn-button-tooltip-text\">{this.tooltip}</span>\n          </div>\n        </TagName>\n      </Host>\n    );\n  }\n}\n","@use 'src/globals/main';\n\npn-spinner {\n  display: inline-block;\n}\n\npn-spinner .pn-spinner {\n  --pn-spinner-size: 1.5em;\n  --pn-spinner-color: main.$blue700;\n\n  height: var(--pn-spinner-size);\n  width: var(--pn-spinner-size);\n  display: block;\n\n  animation: rotate 1s infinite;\n  animation-timing-function: main.$easing;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation-duration: 2s;\n  }\n\n  &-circle {\n    stroke: var(--pn-spinner-color);\n    transform-origin: center center;\n    transform: rotate(-310deg);\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 64;\n    animation: loading 2s infinite;\n    animation-timing-function: main.$easing;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 4s;\n    }\n  }\n\n  &-dot {\n    fill: var(--pn-spinner-color);\n  }\n}\n\n@keyframes loading {\n  0% {\n    stroke-dashoffset: 55;\n  }\n  50% {\n    stroke-dashoffset: 12;\n  }\n  100% {\n    stroke-dashoffset: 55;\n  }\n}\n\n@keyframes rotate {\n  from {\n    transform: rotate(-180deg) scaleX(-1);\n  }\n  to {\n    transform: rotate(180deg) scaleX(-1);\n  }\n}\n","import { Component, Element, Prop, h, Host } from '@stencil/core';\n\n/** Display a spinner to indicate a loading state. */\n@Component({\n  tag: 'pn-spinner',\n  styleUrl: 'pn-spinner.scss',\n})\nexport class PnSpinner {\n  @Element() hostElement: HTMLElement;\n\n  /** Light version of the spinner. */\n  @Prop() light: boolean = false;\n  /** Size in em. */\n  @Prop() size: number = 1.5;\n\n  private getColor() {\n    if (this.light) return '#fff';\n    return '#005d92';\n  }\n\n  private getSize() {\n    return `${this.size}em`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          class=\"pn-spinner\"\n          style={{ '--pn-spinner-size': this.getSize(), '--pn-spinner-color': this.getColor() }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n        >\n          <circle class=\"pn-spinner-circle\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"3\" />\n          <circle class=\"pn-spinner-dot\" cx=\"21.3\" cy=\"16\" r=\"1.48\" />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAc,+jPACpB,MAAAC,EAAeD,E,MCWFE,EAAQ,M,2EAWa,M,oBACG,M,WAGV,G,gBAMiB,G,aAMN,G,WAEV,M,aAEmB,M,kCAchB,M,cAQA,M,sCAYC,M,UAGsB,S,uHAkBxB,K,eAEC,K,oBAEK,K,iBAEH,K,kBAEC,K,iBAED,K,kBAEC,K,kBAEA,K,WAEN,K,CArG1BC,SACAC,UACAC,UAEAC,WAAuB,CAAC,YAAa,SACrCC,YAAwB,CAAC,aAAc,OAAQ,cAAe,cAC9DC,eAA2B,IAAIC,KAAKH,cAAeG,KAAKF,a,iCAkGxD,WAAAG,GACE,GAAID,KAAKE,YAAaF,KAAKG,sB,CAI7B,eAAAC,GACEJ,KAAKG,uBACL,GAAIH,KAAKK,QAASL,KAAKM,mBAClBN,KAAKO,e,CAQHC,QAET,iBAAAC,GACET,KAAKU,eAAiBV,KAAKW,S,CAG7B,gBAAAC,GACEZ,KAAKI,iB,CAGP,OAAAS,CAAQC,GACN,OAAOA,EAAQC,uB,CAGjB,WAAAT,GACEN,KAAKD,eAAeiB,SAAQC,GAAKjB,KAAKN,SAASwB,iBAAiBD,EAAGjB,KAAKmB,gB,CAG1E,aAAAZ,GACEP,KAAKD,eAAeiB,SAAQC,GAAKjB,KAAKN,SAAS0B,oBAAoBH,EAAGjB,KAAKmB,gB,CAG7EA,cAAiBE,IACfrB,KAAKE,YAAcF,KAAKH,WAAWyB,SAASD,EAAME,KAAK,EAGzD,gBAAAC,GACExB,KAAKL,UAAU8B,MAAMC,YAAY,UAAW,GAAG1B,KAAKJ,c,CAGtD,oBAAAO,GACEH,KAAKL,UAAU8B,MAAME,UAAY,mBACjC3B,KAAKU,eAAiBV,KAAKW,UAE3BiB,uBAAsB,KACpB,MAAMC,IAAEA,EAAGC,EAAEA,EAACC,EAAEA,EAACC,MAAEA,EAAKC,OAAEA,GAAWjC,KAAKa,QAAQb,KAAKL,WACvD,MAAMuC,EAAc,GACpBlC,KAAKJ,UAAY,EAEjBI,KAAKU,eAAiBV,KAAKW,UAAYkB,EAAMI,EAASF,EAAIE,EAASE,OAAOC,YAC1EpC,KAAKL,UAAU8B,MAAME,UAAY,GAEjC,GAAIG,EAAI,EAAG9B,KAAKJ,UAAYkC,GAAK,EAAII,EACrC,GAAIF,EAAQG,OAAOE,WAAYrC,KAAKJ,UAAYuC,OAAOE,WAAaL,EAAQE,EAAc,EAE1FN,uBAAsB,IAAM5B,KAAKwB,oBAAmB,G,CAIxD,aAAAc,GACE,MAAMC,EAAQvC,KAAKwC,KACf,CACEA,KAAQxC,KAAKwC,KACbC,KAAQzC,KAAKyC,KAAOzC,KAAK0C,SAAW,SAAW,WAAa1C,KAAKyC,IACjEC,OAAU1C,KAAK0C,QAAU,KACzBC,SAAY3C,KAAK2C,UAAY,KAC7B,eAAgB3C,KAAK4C,YACrB,gBAAiB5C,KAAK6C,QAAU,OAAS,MAE3C,CACEtB,KAAQvB,KAAKuB,KACbuB,KAAQ9C,KAAK8C,KACbC,SAAY/C,KAAK6C,QACjB,eAAgB7C,KAAKgD,YACrB,gBAAiBhD,KAAKiD,aACtB,gBAAiBjD,KAAKkD,aACtB,gBAAiBlD,KAAKmD,cAG5B,MAAMC,EAAoC,CAAC,QAAS,WACpD,MAAMC,EAAgC,CAAC,aAAc,YAErD,MAAO,CACLC,SAAYtD,KAAKuD,OAAUvD,KAAKwC,MAAQxC,KAAK6C,QAAW,KAAO,KAC/D,aAAc7C,KAAKwD,MACnB,eAAgBxD,KAAK6C,QACrB,oBAAqB7C,KAAKE,YAC1B,uBAAwBF,KAAKU,eAC7B,iBAAkBV,KAAKyD,eACvB,iBAAkBzD,KAAK0D,SACvB,kBAAmBN,EAAY9B,SAAStB,KAAK2D,YAAc3D,KAAK2D,WAAa,KAC7E,eAAgBN,EAAW/B,SAAStB,KAAK4D,SAAW5D,KAAK4D,QAAU,QAChErB,E,CAIP,UAAAsB,GACE,OAAO7D,KAAKwC,KAAO,IAAM,Q,CAG3B,YAAAiB,GACE,QAASzD,KAAK8D,MAAQ9D,KAAK+D,aAAe/D,KAAKK,SAAWL,KAAKgE,WAAahE,KAAKiE,e,CAGnF,WAAAC,CAAY7C,GACV8C,EAAO9C,EAAOrB,KAAKoE,YAAa,iBAChCpE,KAAKQ,QAAQ6D,KAAKhD,E,CAGpB,MAAAiD,GACE,MAAMC,EAAUvE,KAAK6D,aAErB,OACEW,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACD,EAAO,CAAAG,IAAA,2CACNC,MAAM,YACNC,GAAI5E,KAAK6E,SAAQ,aACL7E,KAAKgE,UAAS,kBACThE,KAAKiE,eACtBa,QAAS7D,GAAKjB,KAAKkE,YAAYjD,MAC3BjB,KAAKsC,gBACTyC,IAAMC,GAAqBhF,KAAKN,SAAWsF,GAE3CR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBM,OAAQjF,KAAKyD,gBACtCzD,KAAKkF,MACNV,EAAA,QAAAE,IAAA,gDAEC1E,KAAK8D,MAAQU,EAAA,WAAAE,IAAA,2CAASZ,KAAM9D,KAAK8D,QAEtCU,EAAA,cAAAE,IAAA,2CAAYS,MAAK,OAEjBX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBAAoBM,QAASjF,KAAKK,QAAS0E,IAAKC,GAAOhF,KAAKL,UAAYqF,GACjFR,EAAA,QAAAE,IAAA,2CAAMC,MAAM,0BAA0B3E,KAAKK,W,mGCjQvD,MAAM+E,EAAe,w8BACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,oCAIK,M,UAEF,G,kCAEf,QAAAC,GACN,GAAIvF,KAAKmF,MAAO,MAAO,OACvB,MAAO,S,CAGD,OAAAK,GACN,MAAO,GAAGxF,KAAKyF,Q,CAGjB,MAAAnB,GACE,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNlD,MAAO,CAAE,oBAAqBzB,KAAKwF,UAAW,qBAAsBxF,KAAKuF,YACzEG,MAAM,6BACNC,QAAQ,YACRC,KAAK,QAELpB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,oBAAoBkB,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAI,eAAc,MACtEvB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iBAAiBkB,GAAG,OAAOC,GAAG,KAAKC,EAAE,U","ignoreList":[]}
+{"version":3,"names":["pnButtonCss","PnButtonStyle0","PnButton","buttonEl","tooltipEl","tooltipDx","openEvents","closeEvents","eventListeners","this","openHandler","tooltipOpen","checkTooltipPosition","iconOnlyHandler","tooltip","initTooltip","removeTooltip","pnClick","componentWillLoad","tooltipUpwards","tooltipUp","componentDidLoad","getRect","element","getBoundingClientRect","forEach","e","addEventListener","toggleTooltip","removeEventListener","event","includes","type","setTooltipOffset","style","setProperty","transform","requestAnimationFrame","top","x","y","right","height","extraMargin","window","innerHeight","innerWidth","getAttributes","attrs","href","rel","target","download","ariacurrent","loading","form","disabled","ariapressed","ariacontrols","ariahaspopup","ariaexpanded","appearances","variations","tabindex","noTab","small","showIconOnly","leftIcon","appearance","variant","getTagName","icon","iconOnly","arialabel","arialabelledby","handleClick","ripple","hostElement","emit","render","TagName","h","Host","key","class","id","buttonId","onClick","ref","el","hidden","label","light","pnSpinnerCss","PnSpinnerStyle0","PnSpinner","getColor","getSize","size","xmlns","viewBox","fill","cx","cy","r"],"sources":["src/components/buttons/pn-button/pn-button.scss?tag=pn-button","src/components/buttons/pn-button/pn-button.tsx","src/components/feedback/pn-spinner/pn-spinner.scss?tag=pn-spinner","src/components/feedback/pn-spinner/pn-spinner.tsx"],"sourcesContent":["@use 'sass:string';\n@use 'src/globals/main';\n\npn-button {\n  display: inline-block;\n}\n\npn-button .pn-button {\n  position: relative;\n  cursor: pointer;\n\n  padding: 0.75em 1.5em;\n  width: string.unquote('round(up, 100%, 1px)');\n  min-height: 3em;\n  min-width: 5.5em;\n\n  border: none;\n  border-radius: 3em;\n\n  font-family: inherit;\n  font-size: 1em;\n  font-weight: 500;\n\n  color: main.$white;\n  background-color: transparent;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-decoration: none;\n  line-height: 1.5em;\n  -webkit-tap-highlight-color: transparent;\n\n  @include main.pn-transition('color, outline-color');\n  @include main.pn-focus();\n\n  &:disabled,\n  &[aria-disabled] {\n    cursor: auto;\n    pointer-events: none;\n  }\n\n  &-content {\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5em;\n\n    @include main.pn-transition('opacity, transform');\n    transition-delay: main.$timing;\n  }\n\n  // This is a separate element because it has to be a leaf node to avoid bogging down performance when animating\n  &-bg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(0);\n    border-radius: 3em;\n    border: none;\n    background-color: main.$blue700;\n    overflow: hidden;\n\n    @include main.pn-transition('width, background-color, border-color');\n    transition-delay: main.$timing, 0s, 0s;\n\n    // Hover element (sliding background)\n    &::after {\n      content: '';\n      position: absolute;\n      will-change: transform;\n      width: 100%;\n      height: 100%;\n      background-color: main.$blue900;\n      border-radius: inherit;\n      left: 0;\n      transform: translateX(-103%);\n      opacity: 0.5;\n      @include main.pn-transition('transform');\n    }\n  }\n\n  @include main.pn-ripple(main.$white);\n\n  &-tooltip {\n    z-index: 5;\n    position: absolute;\n    top: calc(100% + 0.35em);\n    left: 50%;\n    pointer-events: none;\n\n    color: main.$white;\n    background-color: main.$blue900;\n    box-shadow:\n      0 0.075em 0.225em rgba(0, 0, 0, 0.1),\n      0 0.4em 0.9em rgba(0, 0, 0, 0.13);\n\n    padding: 0.25em 0.75em;\n    border-radius: inherit;\n\n    max-width: min(95vw, 40em);\n    transform: translateX(-50%) translateX(var(--pn-dx));\n    width: max-content;\n\n    opacity: 0;\n    @include main.pn-transition('opacity');\n\n    &-text {\n      font-size: 0.875em;\n      font-weight: 300;\n    }\n  }\n\n  pn-icon {\n    flex-shrink: 0;\n    .pn-icon-svg path {\n      fill: main.$white;\n    }\n  }\n\n  pn-spinner {\n    position: absolute;\n    transform: scale(0);\n  }\n\n  &:hover,\n  &:focus {\n    .pn-button-bg:after {\n      transform: translateX(0);\n    }\n  }\n\n  &[data-appearance='light'] {\n    color: main.$blue700;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$blue700;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$blue700;\n      }\n      .pn-spinner-dot {\n        fill: main.$blue700;\n      }\n    }\n\n    .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n\n      &:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n\n      .pn-ripple {\n        background-color: main.$blue700;\n      }\n    }\n  }\n\n  &[data-appearance='warning'] {\n    color: main.$warning;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$warning;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$warning;\n      }\n      .pn-spinner-dot {\n        fill: main.$warning;\n      }\n    }\n\n    .pn-button-bg {\n      border: 0.0625em solid main.$warning;\n      background-color: main.$coral50;\n\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n\n    &:hover,\n    &:focus {\n      color: main.$white;\n      pn-icon .pn-icon-svg path {\n        fill: main.$white;\n      }\n\n      pn-spinner {\n        .pn-spinner-circle {\n          stroke: main.$white;\n        }\n        .pn-spinner-dot {\n          fill: main.$white;\n        }\n      }\n    }\n\n    @include main.pn-focus(main.$warning);\n  }\n\n  &[data-variant='borderless'] {\n    .pn-button-bg {\n      border: none;\n      background-color: transparent;\n    }\n\n    .pn-button-bg:after {\n      background-color: main.$white;\n      opacity: 0.1;\n    }\n    &[data-appearance='light'] {\n      .pn-button-bg:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n    }\n    &[data-appearance='warning'] {\n      .pn-button-bg:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-variant='outlined'] {\n    .pn-button-bg {\n      border: 0.0625em solid main.$white;\n      background-color: transparent;\n      &:after {\n        background-color: main.$white;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='light'] .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n      &:after {\n        background-color: main.$blue400;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='warning'] .pn-button-bg {\n      border-color: main.$warning;\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-left-icon] .pn-button-content {\n    flex-direction: row-reverse;\n  }\n\n  &[data-icon-only] {\n    width: 3em;\n    min-width: 0;\n\n    &[data-small] {\n      width: 2em;\n      min-width: 0;\n      padding: 0;\n    }\n  }\n\n  &[data-small] {\n    padding: 0.375em 1em;\n    min-height: 2em;\n    min-width: unset;\n    line-height: 1.25em;\n\n    .pn-button-content {\n      gap: 0.25em;\n    }\n\n    .pn-button-text {\n      font-size: 0.875em;\n    }\n\n    pn-icon .pn-icon-svg {\n      height: 1.25em;\n      width: 1.25em;\n    }\n  }\n\n  &[data-tooltip-open] {\n    .pn-button-tooltip {\n      opacity: 1;\n    }\n  }\n\n  &[data-tooltip-upwards] {\n    .pn-button-tooltip {\n      top: auto;\n      bottom: calc(100% + 0.35em);\n    }\n  }\n\n  &[data-loading] {\n    pn-spinner {\n      transform: scale(1);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n\n    .pn-button-content {\n      pointer-events: none;\n      opacity: 0;\n      transition-delay: 0s;\n      transform: translateY(100%);\n    }\n\n    .pn-button-bg {\n      width: 3em;\n    }\n\n    &[data-small] .pn-button-bg {\n      width: 2em;\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { ripple, PnButtonAppearance, PnButtonVariant } from '@/index';\n\n/**\n * The `pn-button` is built with a native `button` or `a` element, if you use the `href` attribute.\n *\n * @nativeClick Use the `click` event to listen when the button is clicked.\n */\n@Component({\n  tag: 'pn-button',\n  styleUrl: 'pn-button.scss',\n})\nexport class PnButton {\n  buttonEl: HTMLElement;\n  tooltipEl: HTMLDivElement;\n  tooltipDx: number;\n\n  openEvents: string[] = ['mouseover', 'focus'];\n  closeEvents: string[] = ['mouseleave', 'blur', 'touchcancel', 'touchleave'];\n  eventListeners: string[] = [...this.openEvents, ...this.closeEvents];\n\n  @Element() hostElement: HTMLElement;\n\n  @State() tooltipOpen: boolean = false;\n  @State() tooltipUpwards: boolean = false;\n\n  /** The label of the button, this is the same as using the default slot. */\n  @Prop() label?: string = '';\n  /**\n   * Select the button appearance: default (blue), `light` (white) and  `warning` (red).\n   *\n   * @category Visual\n   */\n  @Prop() appearance?: PnButtonAppearance = '';\n  /**\n   * Select the button variant: default (colored background), `outlined` (bordered, no background) and `borderless` (borderless, no background).\n   *\n   * @category Visual\n   */\n  @Prop() variant?: PnButtonVariant = '';\n  /** Use the small button. @category Visual */\n  @Prop() small?: boolean = false;\n  /** Display the loading indicator. @category Visual */\n  @Prop({ reflect: true }) loading?: boolean = false;\n\n  /**\n   * The SVG content of the icon you want.\n   * @see {@link https://portal.postnord.com/web-components/?path=/docs/docs-assets--docs pn-design-assets}\n   * @category Icon\n   */\n  @Prop() icon?: string;\n  /**\n   * Turn the button into an icon only. Requires `icon` and one of the following props to work: `tooltip`, `arialabel` or `arialabelledby`.\n   * @summary __You need an `icon` selected, as well as either `tooltip`, `arialabel` or `arialabelledby` for this to work__.\n   * @see {@link icon}\n   * @category Icon\n   */\n  @Prop() iconOnly?: boolean = false;\n  /**\n   * Place the `icon` to the left of the button.\n   *\n   * @summary __You need an `icon` selected for this to work__.\n   * @see {@link icon}\n   * @category Icon\n   */\n  @Prop() leftIcon?: boolean = false;\n\n  /**\n   * When the user focus/hover the button, the `tooltip` text will show up.\n   *\n   * @category Tooltip\n   */\n  @Prop() tooltip?: string;\n  /**\n   * Prefer the tooltip to open upwards. Will still go downwards if there is no space.\n   * @category Tooltip\n   */\n  @Prop() tooltipUp?: boolean = false;\n\n  /** Select HTML button type. @category Button */\n  @Prop() type?: 'button' | 'reset' | 'submit' | '' = 'button';\n  /**\n   * Connect this button to a HTML form.\n   * @category Button\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form HTML button form}\n   */\n  @Prop() form?: string;\n\n  /** Pass an href to make the button into link (a-tag). @category Link */\n  @Prop() href?: string;\n  /** The rel attribute of the link. @category Link */\n  @Prop() rel?: string;\n  /** The target attribute of the link. @category Link */\n  @Prop() target?: string;\n  /** The download attribute of the link. @category Link */\n  @Prop() download?: string;\n\n  /** HTML ID. @category HTML attributes */\n  @Prop() buttonId?: string = null;\n  /** HTML aria-label attribute. @category HTML attributes */\n  @Prop() arialabel?: string = null;\n  /** HTML aria-labelledby attribute. @category HTML attributes */\n  @Prop() arialabelledby?: string = null;\n  /** HTML aria-current attribute. @category HTML attributes */\n  @Prop() ariacurrent?: string = null;\n  /** HTML aria-controls attribute. @category HTML attributes */\n  @Prop() ariacontrols?: string = null;\n  /** HTML aria-pressed attribute. @category HTML attributes */\n  @Prop() ariapressed?: string = null;\n  /** HTML aria-haspopup attribute. @category HTML attributes */\n  @Prop() ariahaspopup?: string = null;\n  /** HTML aria-expanded attribute. @category HTML attributes */\n  @Prop() ariaexpanded?: string = null;\n  /** HTML tabindex. @category HTML attributes */\n  @Prop() noTab?: boolean = false;\n\n  @Watch('tooltipOpen')\n  openHandler() {\n    if (this.tooltipOpen) this.checkTooltipPosition();\n  }\n\n  @Watch('tooltip')\n  iconOnlyHandler() {\n    this.checkTooltipPosition();\n    if (this.tooltip) this.initTooltip();\n    else this.removeTooltip();\n  }\n\n  /**\n   * This event is fired when the `button`/`a` element of the `pn-button` is clicked.\n   * Setting an eventListener for `click` on the `pn-button` will trigger if you click outside of the button area\n   * or if the button is `disabled` with the `loading` prop.\n   **/\n  @Event() pnClick: EventEmitter<MouseEvent>;\n\n  componentWillLoad() {\n    this.tooltipUpwards = this.tooltipUp;\n  }\n\n  componentDidLoad() {\n    this.iconOnlyHandler();\n  }\n\n  getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  initTooltip() {\n    this.eventListeners.forEach(e => this.buttonEl.addEventListener(e, this.toggleTooltip));\n  }\n\n  removeTooltip() {\n    this.eventListeners.forEach(e => this.buttonEl.removeEventListener(e, this.toggleTooltip));\n  }\n\n  toggleTooltip = (event: MouseEvent | FocusEvent) => {\n    this.tooltipOpen = this.openEvents.includes(event.type);\n  };\n\n  setTooltipOffset() {\n    this.tooltipEl.style.setProperty('--pn-dx', `${this.tooltipDx}px`);\n  }\n\n  checkTooltipPosition() {\n    this.tooltipEl.style.transform = 'translateX(-50%)';\n    this.tooltipUpwards = this.tooltipUp;\n\n    requestAnimationFrame(() => {\n      const { top, x, y, right, height } = this.getRect(this.tooltipEl);\n      const extraMargin = 16;\n      this.tooltipDx = 0;\n\n      this.tooltipUpwards = this.tooltipUp ? top > height : y + height > window.innerHeight;\n      this.tooltipEl.style.transform = '';\n\n      if (x < 0) this.tooltipDx = x * -1 + extraMargin;\n      if (right > window.innerWidth) this.tooltipDx = window.innerWidth - right - extraMargin - 8;\n\n      requestAnimationFrame(() => this.setTooltipOffset());\n    });\n  }\n\n  getAttributes() {\n    const attrs = this.href\n      ? {\n          'href': this.href,\n          'rel': !this.rel && this.target === '_blank' ? 'noopener' : this.rel,\n          'target': this.target ?? null,\n          'download': this.download ?? null,\n          'aria-current': this.ariacurrent,\n          'aria-disabled': this.loading ? 'true' : null,\n        }\n      : {\n          'type': this.type,\n          'form': this.form,\n          'disabled': this.loading,\n          'aria-pressed': this.ariapressed,\n          'aria-controls': this.ariacontrols,\n          'aria-haspopup': this.ariahaspopup,\n          'aria-expanded': this.ariaexpanded,\n        };\n\n    const appearances: PnButtonAppearance[] = ['light', 'warning'];\n    const variations: PnButtonVariant[] = ['borderless', 'outlined'];\n\n    return {\n      'tabindex': this.noTab || (this.href && this.loading) ? '-1' : null,\n      'data-small': this.small,\n      'data-loading': this.loading,\n      'data-tooltip-open': this.tooltipOpen,\n      'data-tooltip-upwards': this.tooltipUpwards,\n      'data-icon-only': this.showIconOnly(),\n      'data-left-icon': this.leftIcon,\n      'data-appearance': appearances.includes(this.appearance) ? this.appearance : null,\n      'data-variant': variations.includes(this.variant) ? this.variant : null,\n      ...attrs,\n    };\n  }\n\n  getTagName() {\n    return this.href ? 'a' : 'button';\n  }\n\n  showIconOnly(): boolean {\n    return !!this.icon && this.iconOnly && !!(this.tooltip || this.arialabel || this.arialabelledby);\n  }\n\n  handleClick(event: MouseEvent) {\n    ripple(event, this.hostElement, '.pn-button-bg');\n    this.pnClick.emit(event);\n  }\n\n  render() {\n    const TagName = this.getTagName();\n\n    return (\n      <Host>\n        <TagName\n          class=\"pn-button\"\n          id={this.buttonId}\n          aria-label={this.arialabel}\n          aria-labelledby={this.arialabelledby}\n          onClick={e => this.handleClick(e)}\n          {...this.getAttributes()}\n          ref={(el: HTMLElement) => (this.buttonEl = el)}\n        >\n          <div class=\"pn-button-bg\"></div>\n          <div class=\"pn-button-content\">\n            <div class=\"pn-button-text\" hidden={this.showIconOnly()}>\n              {this.label}\n              <slot />\n            </div>\n            {!!this.icon && <pn-icon icon={this.icon} />}\n          </div>\n          <pn-spinner light />\n\n          <div class=\"pn-button-tooltip\" hidden={!this.tooltip} ref={el => (this.tooltipEl = el)}>\n            <span class=\"pn-button-tooltip-text\">{this.tooltip}</span>\n          </div>\n        </TagName>\n      </Host>\n    );\n  }\n}\n","@use 'src/globals/main';\n\npn-spinner {\n  display: inline-block;\n}\n\npn-spinner .pn-spinner {\n  --pn-spinner-size: 1.5em;\n  --pn-spinner-color: main.$blue700;\n\n  height: var(--pn-spinner-size);\n  width: var(--pn-spinner-size);\n  display: block;\n\n  animation: rotate 1s infinite;\n  animation-timing-function: main.$easing;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation-duration: 2s;\n  }\n\n  &-circle {\n    stroke: var(--pn-spinner-color);\n    transform-origin: center center;\n    transform: rotate(-310deg);\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 64;\n    animation: loading 2s infinite;\n    animation-timing-function: main.$easing;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 4s;\n    }\n  }\n\n  &-dot {\n    fill: var(--pn-spinner-color);\n  }\n}\n\n@keyframes loading {\n  0% {\n    stroke-dashoffset: 55;\n  }\n  50% {\n    stroke-dashoffset: 12;\n  }\n  100% {\n    stroke-dashoffset: 55;\n  }\n}\n\n@keyframes rotate {\n  from {\n    transform: rotate(-180deg) scaleX(-1);\n  }\n  to {\n    transform: rotate(180deg) scaleX(-1);\n  }\n}\n","import { Component, Element, Prop, h, Host } from '@stencil/core';\n\n/** Display a spinner to indicate a loading state. */\n@Component({\n  tag: 'pn-spinner',\n  styleUrl: 'pn-spinner.scss',\n})\nexport class PnSpinner {\n  @Element() hostElement: HTMLElement;\n\n  /** Light version of the spinner. */\n  @Prop() light: boolean = false;\n  /** Size in em. */\n  @Prop() size: number = 1.5;\n\n  private getColor() {\n    if (this.light) return '#fff';\n    return '#005d92';\n  }\n\n  private getSize() {\n    return `${this.size}em`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          class=\"pn-spinner\"\n          style={{ '--pn-spinner-size': this.getSize(), '--pn-spinner-color': this.getColor() }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n        >\n          <circle class=\"pn-spinner-circle\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"3\" />\n          <circle class=\"pn-spinner-dot\" cx=\"21.3\" cy=\"16\" r=\"1.48\" />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;+FAAA,MAAMA,EAAc,+jPACpB,MAAAC,EAAeD,E,MCWFE,EAAQ,M,2EAWa,M,oBACG,M,WAGV,G,gBAMiB,G,aAMN,G,WAEV,M,aAEmB,M,kCAchB,M,cAQA,M,sCAYC,M,UAGsB,S,uHAkBxB,K,eAEC,K,oBAEK,K,iBAEH,K,kBAEC,K,iBAED,K,kBAEC,K,kBAEA,K,WAEN,K,CArG1BC,SACAC,UACAC,UAEAC,WAAuB,CAAC,YAAa,SACrCC,YAAwB,CAAC,aAAc,OAAQ,cAAe,cAC9DC,eAA2B,IAAIC,KAAKH,cAAeG,KAAKF,a,iCAkGxD,WAAAG,GACE,GAAID,KAAKE,YAAaF,KAAKG,sB,CAI7B,eAAAC,GACEJ,KAAKG,uBACL,GAAIH,KAAKK,QAASL,KAAKM,mBAClBN,KAAKO,e,CAQHC,QAET,iBAAAC,GACET,KAAKU,eAAiBV,KAAKW,S,CAG7B,gBAAAC,GACEZ,KAAKI,iB,CAGP,OAAAS,CAAQC,GACN,OAAOA,EAAQC,uB,CAGjB,WAAAT,GACEN,KAAKD,eAAeiB,SAAQC,GAAKjB,KAAKN,SAASwB,iBAAiBD,EAAGjB,KAAKmB,gB,CAG1E,aAAAZ,GACEP,KAAKD,eAAeiB,SAAQC,GAAKjB,KAAKN,SAAS0B,oBAAoBH,EAAGjB,KAAKmB,gB,CAG7EA,cAAiBE,IACfrB,KAAKE,YAAcF,KAAKH,WAAWyB,SAASD,EAAME,KAAK,EAGzD,gBAAAC,GACExB,KAAKL,UAAU8B,MAAMC,YAAY,UAAW,GAAG1B,KAAKJ,c,CAGtD,oBAAAO,GACEH,KAAKL,UAAU8B,MAAME,UAAY,mBACjC3B,KAAKU,eAAiBV,KAAKW,UAE3BiB,uBAAsB,KACpB,MAAMC,IAAEA,EAAGC,EAAEA,EAACC,EAAEA,EAACC,MAAEA,EAAKC,OAAEA,GAAWjC,KAAKa,QAAQb,KAAKL,WACvD,MAAMuC,EAAc,GACpBlC,KAAKJ,UAAY,EAEjBI,KAAKU,eAAiBV,KAAKW,UAAYkB,EAAMI,EAASF,EAAIE,EAASE,OAAOC,YAC1EpC,KAAKL,UAAU8B,MAAME,UAAY,GAEjC,GAAIG,EAAI,EAAG9B,KAAKJ,UAAYkC,GAAK,EAAII,EACrC,GAAIF,EAAQG,OAAOE,WAAYrC,KAAKJ,UAAYuC,OAAOE,WAAaL,EAAQE,EAAc,EAE1FN,uBAAsB,IAAM5B,KAAKwB,oBAAmB,G,CAIxD,aAAAc,GACE,MAAMC,EAAQvC,KAAKwC,KACf,CACEA,KAAQxC,KAAKwC,KACbC,KAAQzC,KAAKyC,KAAOzC,KAAK0C,SAAW,SAAW,WAAa1C,KAAKyC,IACjEC,OAAU1C,KAAK0C,QAAU,KACzBC,SAAY3C,KAAK2C,UAAY,KAC7B,eAAgB3C,KAAK4C,YACrB,gBAAiB5C,KAAK6C,QAAU,OAAS,MAE3C,CACEtB,KAAQvB,KAAKuB,KACbuB,KAAQ9C,KAAK8C,KACbC,SAAY/C,KAAK6C,QACjB,eAAgB7C,KAAKgD,YACrB,gBAAiBhD,KAAKiD,aACtB,gBAAiBjD,KAAKkD,aACtB,gBAAiBlD,KAAKmD,cAG5B,MAAMC,EAAoC,CAAC,QAAS,WACpD,MAAMC,EAAgC,CAAC,aAAc,YAErD,MAAO,CACLC,SAAYtD,KAAKuD,OAAUvD,KAAKwC,MAAQxC,KAAK6C,QAAW,KAAO,KAC/D,aAAc7C,KAAKwD,MACnB,eAAgBxD,KAAK6C,QACrB,oBAAqB7C,KAAKE,YAC1B,uBAAwBF,KAAKU,eAC7B,iBAAkBV,KAAKyD,eACvB,iBAAkBzD,KAAK0D,SACvB,kBAAmBN,EAAY9B,SAAStB,KAAK2D,YAAc3D,KAAK2D,WAAa,KAC7E,eAAgBN,EAAW/B,SAAStB,KAAK4D,SAAW5D,KAAK4D,QAAU,QAChErB,E,CAIP,UAAAsB,GACE,OAAO7D,KAAKwC,KAAO,IAAM,Q,CAG3B,YAAAiB,GACE,QAASzD,KAAK8D,MAAQ9D,KAAK+D,aAAe/D,KAAKK,SAAWL,KAAKgE,WAAahE,KAAKiE,e,CAGnF,WAAAC,CAAY7C,GACV8C,EAAO9C,EAAOrB,KAAKoE,YAAa,iBAChCpE,KAAKQ,QAAQ6D,KAAKhD,E,CAGpB,MAAAiD,GACE,MAAMC,EAAUvE,KAAK6D,aAErB,OACEW,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACD,EAAO,CAAAG,IAAA,2CACNC,MAAM,YACNC,GAAI5E,KAAK6E,SAAQ,aACL7E,KAAKgE,UAAS,kBACThE,KAAKiE,eACtBa,QAAS7D,GAAKjB,KAAKkE,YAAYjD,MAC3BjB,KAAKsC,gBACTyC,IAAMC,GAAqBhF,KAAKN,SAAWsF,GAE3CR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBM,OAAQjF,KAAKyD,gBACtCzD,KAAKkF,MACNV,EAAA,QAAAE,IAAA,gDAEC1E,KAAK8D,MAAQU,EAAA,WAAAE,IAAA,2CAASZ,KAAM9D,KAAK8D,QAEtCU,EAAA,cAAAE,IAAA,2CAAYS,MAAK,OAEjBX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBAAoBM,QAASjF,KAAKK,QAAS0E,IAAKC,GAAOhF,KAAKL,UAAYqF,GACjFR,EAAA,QAAAE,IAAA,2CAAMC,MAAM,0BAA0B3E,KAAKK,W,mGCjQvD,MAAM+E,EAAe,w8BACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,oCAIK,M,UAEF,G,kCAEf,QAAAC,GACN,GAAIvF,KAAKmF,MAAO,MAAO,OACvB,MAAO,S,CAGD,OAAAK,GACN,MAAO,GAAGxF,KAAKyF,Q,CAGjB,MAAAnB,GACE,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNlD,MAAO,CAAE,oBAAqBzB,KAAKwF,UAAW,qBAAsBxF,KAAKuF,YACzEG,MAAM,6BACNC,QAAQ,YACRC,KAAK,QAELpB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,oBAAoBkB,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAI,eAAc,MACtEvB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iBAAiBkB,GAAG,OAAOC,GAAG,KAAKC,EAAE,U","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-8eaa2540.entry.js → p-7bd6d804.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as a,f as t,h as s,a as i}from"./p-43660913.js";import{e as d,k as n}from"./p-f64d17a6.js";import{a as h}from"./p-2e6481e5.js";const c="pn-header{display:block}pn-header h1{color:#2d2013;margin:0}pn-header p{color:#5e554a;margin:0}pn-header .pn-header-breadcrumbs{width:100%}pn-header .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}pn-header .pn-header-container>pn-text-link{display:block}pn-header .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}pn-header .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}";const r=c;const l={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"};const o=class{constructor(a){e(this,a);this.heading=undefined;this.maxWidth=undefined;this.goBackHref=undefined;this.goBackText=undefined;this.language=null;this.goBackTextTranslated=undefined}mo;hasBreadcrumb=false;hasMenu=false;hasButtons=false;get hostElement(){return a(this)}setMaxWidth(){if(!this.maxWidth)return;this.hostElement.style.setProperty("--max-width",this.maxWidth)}setLanguage(){this.goBackTextTranslated=this.goBackText||l[this.language||d]}async componentWillLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{t(this.hostElement);this.checkSlots()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.checkSlots();this.setMaxWidth();this.setLanguage();if(this.language)return;await n(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]');this.hasMenu=!!this.hostElement.querySelector('[slot="menu"]');this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}render(){return s(i,{key:"0c5653c92c6502f2f3ee2db0595be669a5588dd7"},s("header",{key:"fdc4a48ee31a83e86cbba171677d09d5845c6e0f",class:"pn-header"},s("div",{key:"dca702aad4ca3c0b658bf16ecd2621094db8e893",class:"pn-header-container"},s("div",{key:"6da162eb32c0a76e9cd631559d522c82b8e682b9",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"02e7658941132a034bd058b0e3e716f32cba7f98",label:this.goBackTextTranslated,href:this.goBackHref,icon:h,leftIcon:true}),s("slot",{key:"1f358d45875bc7e7382e34eb00d845f34c3ae33f",name:"breadcrumb"})),s("div",{key:"402dcd759dc7e200899a61ac5f198105e28c8202",class:"pn-header-content"},this.heading&&s("h1",{key:"6b5755ad86d300f4e070b5444a04399fa497ac6f"},this.heading),s("slot",{key:"c51eb23c6e206762395cf40f86fe870ae8eb8afb"})),s("div",{key:"5beec993b7da17304cdeb31cafb5850adb878611",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"d38cec8bea8f49c85a1ed504f197aad06c8fee6d",name:"buttons"})),s("slot",{key:"31c06cf9cfbcf4b0b76bb0356db4b736aa8a9a81",name:"menu"}))))}static get watchers(){return{maxWidth:["setMaxWidth"],language:["setLanguage"]}}};o.style=r;export{o as pn_header};
-//# sourceMappingURL=p-8eaa2540.entry.js.map
+import{r as e,g as a,f as t,h as s,a as d}from"./p-43660913.js";import{e as i,k as n}from"./p-f64d17a6.js";import{a as h}from"./p-2e6481e5.js";const c="pn-header{display:block}pn-header h1{color:#2d2013;margin:0}pn-header p{color:#5e554a;margin:0}pn-header .pn-header-breadcrumbs{width:100%}pn-header .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}pn-header .pn-header-container>pn-text-link{display:block}pn-header .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}pn-header .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}";const r=c;const b={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"};const l=class{constructor(a){e(this,a);this.heading=undefined;this.maxWidth=undefined;this.goBackHref=undefined;this.goBackText=undefined;this.language=null;this.goBackTextTranslated=undefined}mo;hasBreadcrumb=false;hasMenu=false;hasButtons=false;get hostElement(){return a(this)}setMaxWidth(){if(!this.maxWidth)return;this.hostElement.style.setProperty("--max-width",this.maxWidth)}setLanguage(){this.goBackTextTranslated=this.goBackText||b[this.language||i]}async componentWillLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{t(this.hostElement);this.checkSlots()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.checkSlots();this.setMaxWidth();this.setLanguage();if(this.language)return;await n(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]');this.hasMenu=!!this.hostElement.querySelector('[slot="menu"]');this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}render(){return s(d,{key:"8493b17c1f553672941e7bddf7382e3e80377c71"},s("header",{key:"2026f9c75dde59abda45a0e376c24907657fe8e7",class:"pn-header"},s("div",{key:"dbf01bc588ed38cccb0f951fed4047c9e8192354",class:"pn-header-container"},s("div",{key:"115a52c44b0e5addf49e4807b21adeb84a531de9",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"b2cce5ed46b6dcdb10a72bb806c5a406b6ff5e15",label:this.goBackTextTranslated,href:this.goBackHref,icon:h,leftIcon:true}),s("slot",{key:"27a3d3c38b30cba6d51c79a2c0bd18c6afa13a4c",name:"breadcrumb"})),s("div",{key:"8134ae8b844e9db548cb3db6bf995479c404fff1",class:"pn-header-content"},this.heading&&s("h1",{key:"3bf46740c66ca137adbc50fe6cdde178e82bfdbc"},this.heading),s("slot",{key:"94ee53b3dee5a388ef84ae91c54a5b96c14a2661"})),s("div",{key:"d44728888d295fd84285b28102b348da90ba5d80",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"7af9da3f81bedb69639f7f723c24d93caebaba24",name:"buttons"})),s("slot",{key:"6c55a22b94293e59c8fdb33906c2d4612d067cc4",name:"menu"}))))}static get watchers(){return{maxWidth:["setMaxWidth"],language:["setLanguage"]}}};l.style=r;export{l as pn_header};
+//# sourceMappingURL=p-7bd6d804.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-01472170.entry.js → p-7e88df1f.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as s,c as t,g as e,h as i,a}from"./p-43660913.js";import{u as h,k as r,s as n}from"./p-f64d17a6.js";const o={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}};const c="pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}pn-zipcode-search .pn-search-results span{color:#5e554a}pn-zipcode-search .pn-search-results h3{color:#2d2013}pn-zipcode-search .pn-error-text{color:#a70707;padding:0 0.75em}pn-zipcode-search>pn-search-field{width:100%;margin-bottom:1em}";const l=c;const d=class{constructor(e){s(this,e);this.searchsuccessful=t(this,"searchsuccessful",7);this.validZipCode=undefined;this.loading=false;this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};this.error=false;this.errorMessage=undefined;this.language=null;this.value=undefined}searchId=`pn-zipcode-${h()}`;get hostElement(){return e(this)}searchsuccessful;async componentWillLoad(){if(this.language===null)await r(this.hostElement);if(!!this.value)this.handleSearch(this.value)}translation(s){return o[s][this.language||n]}handleSearch(s){this.value=s;this.validateZipCode();if(this.error){this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch()}async zipCodeSearch(){this.loading=true;await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`).then((s=>s.json())).then((s=>{this.showResult=true;this.zipCodeSearchResult=s;this.searchsuccessful.emit(true)})).catch((()=>{this.error=true;this.errorMessage="SERVER_ERROR_MESSAGE";this.searchsuccessful.emit(false)})).finally((()=>{this.loading=false}))}validateZipCode(){const s=this.value?this.value.replace(/[ -]/gi,""):"";const t=/^\d{5}$/;const e=t.test(s);this.error=!e;if(e){this.validZipCode=s}}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult){return i("output",{class:"pn-search-results",htmlFor:this.searchId},i("p",{class:"text-row"},i("span",null,this.translation("CLOSEST_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),i("p",{class:"text-row"},i("span",null,this.translation("NEXT_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),i("p",{class:"text-row"},i("span",null,this.translation("ZIP_CODE")),i("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}}renderErrorMessage(){if(this.error&&!this.loading){return i("p",{class:"pn-error-text",role:"alert"},i("small",null,this.translation(this.errorMessage)))}}render(){return i(a,{key:"cc6f1ccb014330d11b8b75fa09e2f39da079a7f4"},i("pn-search-field",{key:"60bbf5751e937c820afbf997a3f51ba9ac85d762",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:s=>this.handleSearch(s.detail)}),this.renderSearchResult(),this.renderErrorMessage())}};d.style=l;export{d as pn_zipcode_search};
-//# sourceMappingURL=p-01472170.entry.js.map
+import{r as s,c as t,g as e,h as i,a}from"./p-43660913.js";import{u as h,k as r,s as n}from"./p-f64d17a6.js";const o={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}};const l="pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}pn-zipcode-search .pn-search-results span{color:#5e554a}pn-zipcode-search .pn-search-results h3{color:#2d2013}pn-zipcode-search .pn-error-text{color:#a70707;padding:0 0.75em}pn-zipcode-search>pn-search-field{width:100%;margin-bottom:1em}";const c=l;const d=class{constructor(e){s(this,e);this.searchsuccessful=t(this,"searchsuccessful",7);this.validZipCode=undefined;this.loading=false;this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};this.error=false;this.errorMessage=undefined;this.language=null;this.value=undefined}searchId=`pn-zipcode-${h()}`;get hostElement(){return e(this)}searchsuccessful;async componentWillLoad(){if(this.language===null)await r(this.hostElement);if(!!this.value)this.handleSearch(this.value)}translation(s){return o[s][this.language||n]}handleSearch(s){this.value=s;this.validateZipCode();if(this.error){this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch()}async zipCodeSearch(){this.loading=true;await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`).then((s=>s.json())).then((s=>{this.showResult=true;this.zipCodeSearchResult=s;this.searchsuccessful.emit(true)})).catch((()=>{this.error=true;this.errorMessage="SERVER_ERROR_MESSAGE";this.searchsuccessful.emit(false)})).finally((()=>{this.loading=false}))}validateZipCode(){const s=this.value?this.value.replace(/[ -]/gi,""):"";const t=/^\d{5}$/;const e=t.test(s);this.error=!e;if(e){this.validZipCode=s}}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult){return i("output",{class:"pn-search-results",htmlFor:this.searchId},i("p",{class:"text-row"},i("span",null,this.translation("CLOSEST_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),i("p",{class:"text-row"},i("span",null,this.translation("NEXT_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),i("p",{class:"text-row"},i("span",null,this.translation("ZIP_CODE")),i("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}}renderErrorMessage(){if(this.error&&!this.loading){return i("p",{class:"pn-error-text",role:"alert"},i("small",null,this.translation(this.errorMessage)))}}render(){return i(a,{key:"ab60b367efe4208942f13a524f10325323d1f499"},i("pn-search-field",{key:"6449ae03e55e4bb228b70245863aa0448ce87957",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:s=>this.handleSearch(s.detail)}),this.renderSearchResult(),this.renderErrorMessage())}};d.style=c;export{d as pn_zipcode_search};
+//# sourceMappingURL=p-7e88df1f.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-cebe3a25.entry.js → p-81f9f367.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,g as o,h as n}from"./p-43660913.js";import{a as i}from"./p-9a18b612.js";const e='<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="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.015 7.207c.14-.422.536-.707.981-.707h.18a.87.87 0 0 1 .854.871c0 .313-.179.6-.447.735A2.81 2.81 0 0 0 11 12.618V13a1 1 0 1 0 2 0v-.382a.81.81 0 0 1 .447-.724A2.83 2.83 0 0 0 15 9.371C15 7.807 13.734 6.5 12.146 6.5h-.18a3.03 3.03 0 0 0-2.878 2.075l-.037.109a1 1 0 1 0 1.898.632zM12 17.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>';const r=e;const a='pn-tooltip{display:inline-block;font-size:1em}pn-tooltip .pn-tooltip{background:none;background-color:transparent;border:none;position:relative;padding:0;border-radius:50%;transition-property:outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:pointer;font-size:inherit;outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-tooltip .pn-tooltip{transition-duration:0s;transition-delay:0s}}pn-tooltip .pn-tooltip:focus-visible{outline-color:#005d92;background-color:#e0f8ff}pn-tooltip .pn-tooltip:hover{background-color:#e0f8ff}pn-tooltip .pn-tooltip[data-light] pn-icon .pn-icon-svg path{fill:#ffffff}pn-tooltip .pn-tooltip[data-light]:focus,pn-tooltip .pn-tooltip[data-light]:hover{background-color:rgba(255, 255, 255, 0.2)}pn-tooltip .pn-tooltip[data-warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-tooltip .pn-tooltip[data-warning] pn-icon .pn-icon-svg path{fill:#a70707}pn-tooltip .pn-tooltip[data-warning]:focus-visible{outline-color:#a70707;background-color:#fdefee}pn-tooltip .pn-tooltip[data-warning]:hover{background-color:#fdefee}pn-tooltip .pn-tooltip-content{position:absolute;text-align:left;bottom:calc(100% + 0.75em);left:50%;background:#ffffff;padding:1em;border-radius:0.8rem;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:1;max-width:min(95vw, 40em);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.15s;transform:scale(0) translateX(-50%);transform-origin:bottom left;width:max-content;color:#2d2013}@media (prefers-reduced-motion: reduce){pn-tooltip .pn-tooltip-content{transition-duration:0s;transition-delay:0s}}pn-tooltip .pn-tooltip-content[data-simple]{background:#0d234b;color:#ffffff;border-radius:10em;padding:0.5em 0.85em;bottom:100%;font-size:0.875em;font-weight:300;margin-bottom:0.1em;margin-top:0.1em}pn-tooltip .pn-tooltip>pn-icon{position:relative;pointer-events:none}pn-tooltip .pn-tooltip>pn-icon:before{content:"";pointer-events:none;width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #ffffff;filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));bottom:102%;left:50%;position:absolute;z-index:2;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0;transform:scale(0) translateX(-50%);transform-origin:top left}@media (prefers-reduced-motion: reduce){pn-tooltip .pn-tooltip>pn-icon:before{transition-duration:0s;transition-delay:0s}}pn-tooltip .pn-tooltip>pn-icon[data-simple]:before{content:none}pn-tooltip .pn-tooltip[data-open] .pn-tooltip-content{transition-delay:0}pn-tooltip .pn-tooltip[data-open] pn-icon:before{transform:scale(1) translateX(-50%);transition-delay:0.15s;pointer-events:auto}pn-tooltip .pn-tooltip[data-downwards] .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);transform-origin:top left}pn-tooltip .pn-tooltip[data-downwards] pn-icon:before{top:102%;transform-origin:bottom left;filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #ffffff}';const s=a;const p=class{constructor(o){t(this,o);this.downwards=false;this.open=false;this.deltaX="0";this.warning=false;this.light=false;this.tooltip=undefined}content;button;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];timeout;get hostElement(){return o(this)}openHandler(){if(this.open)this.checkPosition();else this.setTransform()}componentDidLoad(){this.initTooltip()}setTransform(){this.content.style.transform=`scale(${Number(this.open)}) translateX(-50%) translateX(${this.deltaX}px)`}getSymbol(){return this.warning?i:r}checkPosition(){this.content.style.transition="none";this.content.style.transform="scale(1) translateX(-50%)";this.downwards=false;requestAnimationFrame((()=>{const{x:t,y:o,right:n}=this.content.getBoundingClientRect();const i=8;this.deltaX="0";this.downwards=o<0;this.content.style.transform="";if(t<0)this.deltaX=`${t*-1+i}`;if(n>window.innerWidth)this.deltaX=`${window.innerWidth-n-i}`;requestAnimationFrame((()=>{this.content.style.transition="";this.setTransform()}))}))}initTooltip(){this.eventListeners.forEach((t=>this.button.addEventListener(t,(t=>this.toggleTooltip(t)))))}toggleTooltip(t){const o=this.openEvents.includes(t.type);let n=500;if(o)n=0;clearTimeout(this.timeout);this.timeout=setTimeout((()=>{this.open=o}),n)}render(){return n("button",{key:"a421dbdcba2a38e9adc8f7364c5ff185372f1deb",class:"pn-tooltip","data-light":this.light,"data-warning":this.warning,"data-downwards":this.downwards,"data-open":this.open,ref:t=>this.button=t},n("pn-icon",{key:"61409db0c58289bf1b606e0dc323266c0322b64b",icon:this.getSymbol(),"data-simple":!!this.tooltip}),n("div",{key:"2164d90ba6dabac1309d751772c9ae20c9c118c1",class:"pn-tooltip-content","data-simple":!!this.tooltip,ref:t=>this.content=t},this.tooltip,n("div",{key:"e30e4bdee6fe1666b5ad6154773a06fd5649dd92",hidden:!!this.tooltip},n("slot",{key:"4456ff966d227bbca13599565c9ceb0adb6c91d6"}))))}static get watchers(){return{open:["openHandler"]}}};p.style=s;export{p as pn_tooltip};
-//# sourceMappingURL=p-cebe3a25.entry.js.map
+import{r as t,g as o,h as n}from"./p-43660913.js";import{a as i}from"./p-9a18b612.js";const e='<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="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m-1.015 7.207c.14-.422.536-.707.981-.707h.18a.87.87 0 0 1 .854.871c0 .313-.179.6-.447.735A2.81 2.81 0 0 0 11 12.618V13a1 1 0 1 0 2 0v-.382a.81.81 0 0 1 .447-.724A2.83 2.83 0 0 0 15 9.371C15 7.807 13.734 6.5 12.146 6.5h-.18a3.03 3.03 0 0 0-2.878 2.075l-.037.109a1 1 0 1 0 1.898.632zM12 17.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>';const r=e;const a='pn-tooltip{display:inline-block;font-size:1em}pn-tooltip .pn-tooltip{background:none;background-color:transparent;border:none;position:relative;padding:0;border-radius:50%;transition-property:outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:pointer;font-size:inherit;outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-tooltip .pn-tooltip{transition-duration:0s;transition-delay:0s}}pn-tooltip .pn-tooltip:focus-visible{outline-color:#005d92;background-color:#e0f8ff}pn-tooltip .pn-tooltip:hover{background-color:#e0f8ff}pn-tooltip .pn-tooltip[data-light] pn-icon .pn-icon-svg path{fill:#ffffff}pn-tooltip .pn-tooltip[data-light]:focus,pn-tooltip .pn-tooltip[data-light]:hover{background-color:rgba(255, 255, 255, 0.2)}pn-tooltip .pn-tooltip[data-warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-tooltip .pn-tooltip[data-warning] pn-icon .pn-icon-svg path{fill:#a70707}pn-tooltip .pn-tooltip[data-warning]:focus-visible{outline-color:#a70707;background-color:#fdefee}pn-tooltip .pn-tooltip[data-warning]:hover{background-color:#fdefee}pn-tooltip .pn-tooltip-content{position:absolute;text-align:left;bottom:calc(100% + 0.75em);left:50%;background:#ffffff;padding:1em;border-radius:0.8rem;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:1;max-width:min(95vw, 40em);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.15s;transform:scale(0) translateX(-50%);transform-origin:bottom left;width:max-content;color:#2d2013}@media (prefers-reduced-motion: reduce){pn-tooltip .pn-tooltip-content{transition-duration:0s;transition-delay:0s}}pn-tooltip .pn-tooltip-content[data-simple]{background:#0d234b;color:#ffffff;border-radius:10em;padding:0.5em 0.85em;bottom:100%;font-size:0.875em;font-weight:300;margin-bottom:0.1em;margin-top:0.1em}pn-tooltip .pn-tooltip>pn-icon{position:relative;pointer-events:none}pn-tooltip .pn-tooltip>pn-icon:before{content:"";pointer-events:none;width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #ffffff;filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));bottom:102%;left:50%;position:absolute;z-index:2;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0;transform:scale(0) translateX(-50%);transform-origin:top left}@media (prefers-reduced-motion: reduce){pn-tooltip .pn-tooltip>pn-icon:before{transition-duration:0s;transition-delay:0s}}pn-tooltip .pn-tooltip>pn-icon[data-simple]:before{content:none}pn-tooltip .pn-tooltip[data-open] .pn-tooltip-content{transition-delay:0}pn-tooltip .pn-tooltip[data-open] pn-icon:before{transform:scale(1) translateX(-50%);transition-delay:0.15s;pointer-events:auto}pn-tooltip .pn-tooltip[data-downwards] .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);transform-origin:top left}pn-tooltip .pn-tooltip[data-downwards] pn-icon:before{top:102%;transform-origin:bottom left;filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #ffffff}';const s=a;const p=class{constructor(o){t(this,o);this.downwards=false;this.open=false;this.deltaX="0";this.warning=false;this.light=false;this.tooltip=undefined}content;button;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];timeout;get hostElement(){return o(this)}openHandler(){if(this.open)this.checkPosition();else this.setTransform()}componentDidLoad(){this.initTooltip()}setTransform(){this.content.style.transform=`scale(${Number(this.open)}) translateX(-50%) translateX(${this.deltaX}px)`}getSymbol(){return this.warning?i:r}checkPosition(){this.content.style.transition="none";this.content.style.transform="scale(1) translateX(-50%)";this.downwards=false;requestAnimationFrame((()=>{const{x:t,y:o,right:n}=this.content.getBoundingClientRect();const i=8;this.deltaX="0";this.downwards=o<0;this.content.style.transform="";if(t<0)this.deltaX=`${t*-1+i}`;if(n>window.innerWidth)this.deltaX=`${window.innerWidth-n-i}`;requestAnimationFrame((()=>{this.content.style.transition="";this.setTransform()}))}))}initTooltip(){this.eventListeners.forEach((t=>this.button.addEventListener(t,(t=>this.toggleTooltip(t)))))}toggleTooltip(t){const o=this.openEvents.includes(t.type);let n=500;if(o)n=0;clearTimeout(this.timeout);this.timeout=setTimeout((()=>{this.open=o}),n)}render(){return n("button",{key:"7b0253721fbc44e83afc6daa41d984e9dbf16c0b",class:"pn-tooltip","data-light":this.light,"data-warning":this.warning,"data-downwards":this.downwards,"data-open":this.open,ref:t=>this.button=t},n("pn-icon",{key:"d6086755274289dad52757b42aa508927d0746d2",icon:this.getSymbol(),"data-simple":!!this.tooltip}),n("div",{key:"e155c88aa2ee2b33c5622741efa59bb07ba548c7",class:"pn-tooltip-content","data-simple":!!this.tooltip,ref:t=>this.content=t},this.tooltip,n("div",{key:"62a3db64ee0d4e3da5d3e2f414850f3792235f1c",hidden:!!this.tooltip},n("slot",{key:"e769400a4d5e1ceddc7fb6a953fe37eeea1b4218"}))))}static get watchers(){return{open:["openHandler"]}}};p.style=s;export{p as pn_tooltip};
+//# sourceMappingURL=p-81f9f367.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-10532427.entry.js → p-8773152d.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as t,g as i,h as n,a}from"./p-43660913.js";const s="pn-page-nav-item{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-page-nav-item a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}pn-page-nav-item a:focus{box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}pn-page-nav-item:last-of-type{margin-right:0}";const o=s;const r=class{constructor(i){e(this,i);this.itemselection=t(this,"itemselection",7);this.value=undefined;this.href=undefined;this.icon=undefined}get hostElement(){return i(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}render(){return n(a,{key:"661feb5107ecf8dadaa62f137d8dd8ca54e83de7"},n("li",{key:"39f97a818c74ab3740592d997fc0ea9cf7ae9129"},n("a",{key:"a5528e3389075f88328bc8f64d608830f9c882ba",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"bee33613667acc22c223ed8192a0751df8186129",icon:this.icon,color:"white"}),n("slot",{key:"15d6a38762c81898f15f93f99eac390b92dc6209"}))))}};r.style=o;export{r as pn_page_nav_item};
-//# sourceMappingURL=p-10532427.entry.js.map
+import{r as e,c as t,g as i,h as n,a}from"./p-43660913.js";const s="pn-page-nav-item{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-page-nav-item a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}pn-page-nav-item a:focus{box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}pn-page-nav-item:last-of-type{margin-right:0}";const o=s;const r=class{constructor(i){e(this,i);this.itemselection=t(this,"itemselection",7);this.value=undefined;this.href=undefined;this.icon=undefined}get hostElement(){return i(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}render(){return n(a,{key:"a2dcede0a4f6789eda151fa2fcd5496588897361"},n("li",{key:"029058cffbfbf1c04d57c7605b9e887cce0abbd1"},n("a",{key:"38f2a5a9e15bc96a9efb91d85c9d67b21d27b40b",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"110592957f990a4c9594820d748aa1c6458742a5",icon:this.icon,color:"white"}),n("slot",{key:"9b72c3dc62e9dfc9fe7cc0415d0ea0f67ea0d47f"}))))}};r.style=o;export{r as pn_page_nav_item};
+//# sourceMappingURL=p-8773152d.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-8bc8f614.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as s,c as t,g as e,h as r}from"./p-43660913.js";const i=".pn-progress-indicator{display:flex;padding:2.8em 1em 0}";const o=i;const a=class{constructor(e){s(this,e);this.progresschange=t(this,"progresschange",7);this.activeStep=0}get hostElement(){return e(this)}progresschange;setActiveStepHandler({detail:s}){this.activeStep=s;this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){const s=Array.from(this.hostElement.querySelectorAll("pn-progress-indicator-step"));s.forEach(((s,t)=>{s.activeStep=this.activeStep;s.index=t}))}render(){return r("div",{key:"7809a31648a1c899311e83dc28db7b0b23272547",class:"pn-progress-indicator"},r("slot",{key:"a1b9970f16de43052e473ea166829a1ad6e5e725"}))}};a.style=o;export{a as pn_progress_indicator};
+//# sourceMappingURL=p-8bc8f614.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnProgressIndicatorCss","PnProgressIndicatorStyle0","PnProgressIndicator","progresschange","setActiveStepHandler","detail","this","activeStep","emit","componentWillLoad","passPropsToChildren","componentDidUpdate","children","Array","from","hostElement","querySelectorAll","forEach","child","i","index","render","h","key","class"],"sources":["src/components/feedback/pn-progress-indicator/pn-progress-indicator.scss?tag=pn-progress-indicator","src/components/feedback/pn-progress-indicator/pn-progress-indicator.tsx"],"sourcesContent":[".pn-progress-indicator {\n  display: flex;\n  padding: 2.8em 1em 0;\n}\n","import { Component, Prop, Element, Listen, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'pn-progress-indicator',\n  styleUrl: 'pn-progress-indicator.scss',\n})\nexport class PnProgressIndicator {\n  @Element() hostElement: HTMLElement;\n\n  /** Takes the index of the active step */\n  @Prop({ mutable: true }) activeStep: number = 0;\n\n  /** This will emit when progress is changed and is the value you want to bind to your VM state */\n  @Event() progresschange: EventEmitter<number>;\n\n  @Listen('setactivestep')\n  setActiveStepHandler({ detail }) {\n    this.activeStep = detail;\n    this.progresschange.emit(this.activeStep);\n  }\n\n  componentWillLoad() {\n    this.passPropsToChildren();\n  }\n\n  componentDidUpdate() {\n    this.passPropsToChildren();\n  }\n\n  passPropsToChildren() {\n    const children = Array.from(\n      this.hostElement.querySelectorAll<HTMLPnProgressIndicatorStepElement>('pn-progress-indicator-step'),\n    );\n\n    children.forEach((child, i) => {\n      child.activeStep = this.activeStep;\n      child.index = i;\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"pn-progress-indicator\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;yDAAA,MAAMA,EAAyB,2DAC/B,MAAAC,EAAeD,E,MCKFE,EAAmB,M,wFAIgB,C,kCAGrCC,eAGT,oBAAAC,EAAqBC,OAAEA,IACrBC,KAAKC,WAAaF,EAClBC,KAAKH,eAAeK,KAAKF,KAAKC,W,CAGhC,iBAAAE,GACEH,KAAKI,qB,CAGP,kBAAAC,GACEL,KAAKI,qB,CAGP,mBAAAA,GACE,MAAME,EAAWC,MAAMC,KACrBR,KAAKS,YAAYC,iBAAqD,+BAGxEJ,EAASK,SAAQ,CAACC,EAAOC,KACvBD,EAAMX,WAAaD,KAAKC,WACxBW,EAAME,MAAQD,CAAC,G,CAInB,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-ae04e001.entry.js → p-936ed2a1.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 o}from"./p-43660913.js";import{a as c}from"./p-9a18b612.js";import{c as i}from"./p-99600bc7.js";import{u as l}from"./p-f64d17a6.js";const r="pn-select{display:inline-block}pn-select .pn-select-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-select .pn-select-label{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-label>span{font-size:0.875em}pn-select .pn-select-input{position:relative}pn-select .pn-select-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;background-color:transparent}pn-select .pn-select-icon[data-default]{right:0.75em}pn-select .pn-select-icon[data-custom]{left:0.75em}pn-select .pn-select-icon[data-custom]~.pn-select-element{padding-left:3em}pn-select .pn-select-icon[data-error]{right:3em}pn-select .pn-select-icon[data-error]~.pn-select-element{padding-right:5em}pn-select .pn-select-icon>.pn-icon-svg{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-select .pn-select-icon>.pn-icon-svg{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element{cursor:pointer;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);width:100%;padding-right:3em;-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-select .pn-select-element:-webkit-autofill,pn-select .pn-select-element:-webkit-autofill:hover,pn-select .pn-select-element:-webkit-autofill:focus,pn-select .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-select .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-select .pn-select-element{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element::placeholder{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{border-color:#005d92}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element:open+pn-icon .pn-icon-svg{transform:rotate(180deg)}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element[data-placeholder]{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{color:#2d2013;background-color:#effbff}pn-select .pn-select-no-results{margin:0;padding:0.75em}pn-select .pn-select-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-select .pn-select-helper[role=alert]{color:#a70707}pn-select .pn-select[data-error]>.pn-select-label{color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}";const a=r;const p=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.selectId=this.id;this.icon=undefined;this.name=undefined;this.form=undefined;this.autocomplete=undefined;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-select-${l()}`;idHelpertext=`${this.id}-text`;select;mo;get hostElement(){return t(this)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>n(this.hostElement)));this.mo.observe(this.hostElement,{childList:true,subtree:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}render(){return s(o,{key:"557d5e0407e14089b58198108c6ac44f90db21ab"},s("div",{key:"d322762f5c51b96cb35a9e023b4082812113a273",class:"pn-select","data-error":this.hasError()},this.label&&s("label",{key:"2dcf2247ba943591055418cdf38735be3e8386f8",htmlFor:this.selectId,class:"pn-select-label"},s("span",{key:"29401388d7065dc6ade239f0307c5df9cc61629b"},this.label)),s("div",{key:"725851becae25fd36ebaeed7262b732c7a2cd05e",class:"pn-select-input"},this.icon&&s("pn-icon",{key:"4c40b12865b8019bdeca9dcae62bf4767f3cdb90",class:"pn-select-icon",icon:this.icon,"data-custom":true,"aria-hidden":"true"}),this.hasError()&&s("pn-icon",{key:"8b0d2445db71a83aafbcf7ad34a08aea692cab5c",class:"pn-select-icon",icon:c,color:"warning","data-error":true,"aria-hidden":"true"}),s("select",{key:"8d1555e92ceaffa72a7c12e1911c683a60a4fe42",id:this.selectId,class:"pn-select-element",name:this.name,form:this.form,autocomplete:this.autocomplete,"aria-describedby":this.hasMessage()&&this.idHelpertext,"aria-invalid":this.hasError().toString(),disabled:this.disabled,"data-placeholder":this.select?.value==="",ref:e=>this.select=e},s("slot",{key:"e0ca451783c2e2736c06b13097331058fec82118"})),s("pn-icon",{key:"37d957e3319d281848cfa35b68cc5fa6cb0789cc",class:"pn-select-icon",icon:i,color:"blue700","data-default":true,"aria-hidden":"true"})),this.hasMessage()&&s("p",{key:"f98839737c466c368f1f5e4db3aaf77ec45ab236",id:this.idHelpertext,class:"pn-select-helper",role:!!this.error?"alert":null},s("span",{key:"8622d967db51059efb8a96e4bc661ede16e36730"},this.error||this.helpertext))))}};p.style=a;export{p as pn_select};
-//# sourceMappingURL=p-ae04e001.entry.js.map
+import{r as e,g as t,f as n,h as s,a as o}from"./p-43660913.js";import{a as i}from"./p-9a18b612.js";import{a as l}from"./p-bf967b50.js";import{u as c}from"./p-f64d17a6.js";const r="pn-select{display:inline-block}pn-select .pn-select-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-select .pn-select-label{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-label>span{font-size:0.875em}pn-select .pn-select-input{position:relative}pn-select .pn-select-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;background-color:transparent}pn-select .pn-select-icon[data-default]{right:0.75em}pn-select .pn-select-icon[data-custom]{left:0.75em}pn-select .pn-select-icon[data-custom]~.pn-select-element{padding-left:3em}pn-select .pn-select-icon[data-error]{right:3em}pn-select .pn-select-icon[data-error]~.pn-select-element{padding-right:5em}pn-select .pn-select-icon>.pn-icon-svg{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-select .pn-select-icon>.pn-icon-svg{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element{cursor:pointer;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);width:100%;padding-right:3em;-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-select .pn-select-element:-webkit-autofill,pn-select .pn-select-element:-webkit-autofill:hover,pn-select .pn-select-element:-webkit-autofill:focus,pn-select .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-select .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-select .pn-select-element{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element::placeholder{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{border-color:#005d92}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element:open+pn-icon .pn-icon-svg{transform:rotate(180deg)}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element[data-placeholder]{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{color:#2d2013;background-color:#effbff}pn-select .pn-select-no-results{margin:0;padding:0.75em}pn-select .pn-select-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-select .pn-select-helper[role=alert]{color:#a70707}pn-select .pn-select[data-error]>.pn-select-label{color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}";const a=r;const d=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.selectId=this.id;this.icon=undefined;this.name=undefined;this.form=undefined;this.autocomplete=undefined;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-select-${c()}`;idHelpertext=`${this.id}-text`;select;mo;get hostElement(){return t(this)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>n(this.hostElement)));this.mo.observe(this.hostElement,{childList:true,subtree:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}render(){return s(o,{key:"1e9048eda53ecaa901689f0164cba2a389f543df"},s("div",{key:"e24db0f74c4d3657bb1ee6903160fcdaf2910da4",class:"pn-select","data-error":this.hasError()},this.label&&s("label",{key:"c4e6c6c613df6392b0a67123d46f9474ae0e305f",htmlFor:this.selectId,class:"pn-select-label"},s("span",{key:"58965840227667a57d624538702990125c5f7dca"},this.label)),s("div",{key:"d48cef7cd8ceb7cc7fafce1da20574d933d9413f",class:"pn-select-input"},this.icon&&s("pn-icon",{key:"f4021fd781fb67e2df267606b165607369fd0371",class:"pn-select-icon",icon:this.icon,"data-custom":true,"aria-hidden":"true"}),this.hasError()&&s("pn-icon",{key:"e7d35d9f8191aec7c0ced7442b2419c9dc88fb44",class:"pn-select-icon",icon:i,color:"warning","data-error":true,"aria-hidden":"true"}),s("select",{key:"1b2bd070a7d12e7504bfddfb389d1cb3e9a9053f",id:this.selectId,class:"pn-select-element",name:this.name,form:this.form,autocomplete:this.autocomplete,"aria-describedby":this.hasMessage()&&this.idHelpertext,"aria-invalid":this.hasError().toString(),disabled:this.disabled,"data-placeholder":this.select?.value==="",ref:e=>this.select=e},s("slot",{key:"b9d68ad6844d3c0444f4a4c0f53e7f4c98ce41f7"})),s("pn-icon",{key:"66bc82e862821f70b7f62559c00a9937301b3715",class:"pn-select-icon",icon:l,color:"blue700","data-default":true,"aria-hidden":"true"})),this.hasMessage()&&s("p",{key:"100c25db7cb319a1ae7389bc862ffbcdb6b8f6d3",id:this.idHelpertext,class:"pn-select-helper",role:!!this.error?"alert":null},s("span",{key:"73a0373c059ee9d0ec9abd4bcbf99a48409d8112"},this.error||this.helpertext))))}};d.style=a;export{d as pn_select};
+//# sourceMappingURL=p-936ed2a1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnSelectCss","PnSelectStyle0","PnSelect","this","id","uuidv4","idHelpertext","select","mo","componentDidLoad","disconnect","MutationObserver","forceUpdate","hostElement","observe","childList","subtree","hasError","invalid","error","hasMessage","helpertext","render","h","Host","key","class","label","htmlFor","selectId","icon","alert_exclamation_circle","color","name","form","autocomplete","toString","disabled","value","ref","el","angle_down","role"],"sources":["src/components/input/pn-select/pn-select.scss?tag=pn-select","src/components/input/pn-select/pn-select.tsx"],"sourcesContent":["@use 'src/globals/main';\n\n$border: 0.0625em;\n$radius: 0.5em;\n\n$timing: 0.3s;\n\npn-select {\n  display: inline-block;\n}\n\npn-select .pn-select {\n  &-label {\n    @include main.pn-input-label;\n  }\n\n  &-input {\n    position: relative;\n  }\n\n  &-icon {\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 1.5em;\n    height: 1.5em;\n    border-radius: 50%;\n    background-color: transparent;\n    &[data-default] {\n      right: 0.75em;\n    }\n    &[data-custom] {\n      left: 0.75em;\n      ~ .pn-select-element {\n        padding-left: 3em;\n      }\n    }\n    &[data-error] {\n      right: 3em;\n      ~ .pn-select-element {\n        padding-right: 5em;\n      }\n    }\n\n    > .pn-icon-svg {\n      @include main.pn-transition('transform');\n    }\n  }\n\n  &-element {\n    cursor: pointer;\n\n    @include main.pn-input-field;\n    width: 100%;\n    padding-right: 3em;\n\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n\n    &:open + pn-icon .pn-icon-svg {\n      transform: rotate(180deg);\n    }\n\n    &:disabled {\n      @include main.pn-disabled;\n    }\n\n    &[data-placeholder] {\n      @include main.pn-placeholder;\n    }\n\n    &:hover {\n      color: main.$input-color;\n      background-color: main.$input-background-hover;\n    }\n  }\n\n  &-no-results {\n    margin: 0;\n    padding: 0.75em;\n  }\n\n  &-helper {\n    @include main.pn-input-helpertext;\n    &[role='alert'] {\n      color: main.$helpertext-color-error;\n    }\n  }\n\n  &[data-error] {\n    > .pn-select-label {\n      color: main.$warning;\n    }\n    > .pn-select-input > .pn-select-element {\n      @include main.pn-input-field-error;\n      &:hover {\n        background-color: main.$input-background-error-hover;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, Prop, forceUpdate } from '@stencil/core';\nimport { alert_exclamation_circle, angle_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { uuidv4 } from '@/index';\n\n/**\n * The `pn-select` uses a native `select` element under the hood.\n * Use the slot to include `option` elements.\n *\n * Just like a regular `select`, you can use the `selected` prop on the nested option elements to preselect an option.\n *\n * @slot - This is the default slot, where the `option` elements go.\n *\n * @nativeChange Use the `change` event to listen to changes on the select element.\n */\n@Component({\n  tag: 'pn-select',\n  styleUrl: 'pn-select.scss',\n})\nexport class PnSelect {\n  id: string = `pn-select-${uuidv4()}`;\n  idHelpertext: string = `${this.id}-text`;\n\n  select: HTMLSelectElement;\n\n  mo: MutationObserver;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Label placed above the select. */\n  @Prop() label!: string;\n  /** Display a helper text underneath the select. */\n  @Prop() helpertext?: string;\n  /** Select HTML id */\n  @Prop() selectId: string = this.id;\n  /** Display an icon to the left of the select input. */\n  @Prop() icon?: string;\n\n  /** HTML select name. @category HTML */\n  @Prop() name: string;\n  /** HTML form name. @category HTML */\n  @Prop() form: string;\n  /** HTML autocomplete. @category HTML */\n  @Prop() autocomplete: string;\n  /**\n   * Set the select as required.\n   * @category Validation\n   */\n  @Prop() required?: boolean = false;\n  /**\n   * Disable the select.\n   * @category Validation\n   */\n  @Prop() disabled?: boolean = false;\n  /**\n   * Trigger the invalid state.\n   * @category Validation\n   */\n  @Prop() invalid?: boolean = false;\n  /**\n   * Display an error message and trigger the invalid state.\n   * @category Validation\n   */\n  @Prop() error?: string;\n\n  componentDidLoad() {\n    if (this.mo) this.mo.disconnect();\n\n    this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n  }\n\n  hasError() {\n    return this.invalid || !!this.error;\n  }\n\n  hasMessage() {\n    return !!this.helpertext || !!this.error;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-select\" data-error={this.hasError()}>\n          {this.label && (\n            <label htmlFor={this.selectId} class=\"pn-select-label\">\n              <span>{this.label}</span>\n            </label>\n          )}\n          <div class=\"pn-select-input\">\n            {this.icon && <pn-icon class=\"pn-select-icon\" icon={this.icon} data-custom aria-hidden=\"true\" />}\n\n            {this.hasError() && (\n              <pn-icon\n                class=\"pn-select-icon\"\n                icon={alert_exclamation_circle}\n                color=\"warning\"\n                data-error\n                aria-hidden=\"true\"\n              />\n            )}\n\n            <select\n              id={this.selectId}\n              class=\"pn-select-element\"\n              name={this.name}\n              form={this.form}\n              autocomplete={this.autocomplete}\n              aria-describedby={this.hasMessage() && this.idHelpertext}\n              aria-invalid={this.hasError().toString()}\n              disabled={this.disabled}\n              data-placeholder={this.select?.value === ''}\n              ref={el => (this.select = el)}\n            >\n              <slot />\n            </select>\n\n            <pn-icon class=\"pn-select-icon\" icon={angle_down} color=\"blue700\" data-default aria-hidden=\"true\" />\n          </div>\n\n          {this.hasMessage() && (\n            <p id={this.idHelpertext} class=\"pn-select-helper\" role={!!this.error ? 'alert' : null}>\n              <span>{this.error || this.helpertext}</span>\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAc,0nHACpB,MAAAC,EAAeD,E,MCiBFE,EAAQ,M,sFAeQC,KAAKC,G,sGAcH,M,cAKA,M,aAKD,M,qBAtC5BA,GAAa,aAAaC,MAC1BC,aAAuB,GAAGH,KAAKC,UAE/BG,OAEAC,G,iCAwCA,gBAAAC,GACE,GAAIN,KAAKK,GAAIL,KAAKK,GAAGE,aAErBP,KAAKK,GAAK,IAAIG,kBAAiB,IAAMC,EAAYT,KAAKU,eAEtDV,KAAKK,GAAGM,QAAQX,KAAKU,YAAa,CAAEE,UAAW,KAAMC,QAAS,M,CAGhE,QAAAC,GACE,OAAOd,KAAKe,WAAaf,KAAKgB,K,CAGhC,UAAAC,GACE,QAASjB,KAAKkB,cAAgBlB,KAAKgB,K,CAGrC,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAW,aAAavB,KAAKc,YACrCd,KAAKwB,OACJJ,EAAA,SAAAE,IAAA,2CAAOG,QAASzB,KAAK0B,SAAUH,MAAM,mBACnCH,EAAA,QAAAE,IAAA,4CAAOtB,KAAKwB,QAGhBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRvB,KAAK2B,MAAQP,EAAA,WAAAE,IAAA,2CAASC,MAAM,iBAAiBI,KAAM3B,KAAK2B,KAAI,iCAA0B,SAEtF3B,KAAKc,YACJM,EAAA,WAAAE,IAAA,2CACEC,MAAM,iBACNI,KAAMC,EACNC,MAAM,UAAS,gCAEH,SAIhBT,EAAA,UAAAE,IAAA,2CACErB,GAAID,KAAK0B,SACTH,MAAM,oBACNO,KAAM9B,KAAK8B,KACXC,KAAM/B,KAAK+B,KACXC,aAAchC,KAAKgC,aAAY,mBACbhC,KAAKiB,cAAgBjB,KAAKG,aAAY,eAC1CH,KAAKc,WAAWmB,WAC9BC,SAAUlC,KAAKkC,SAAQ,mBACLlC,KAAKI,QAAQ+B,QAAU,GACzCC,IAAKC,GAAOrC,KAAKI,OAASiC,GAE1BjB,EAAA,QAAAE,IAAA,8CAGFF,EAAA,WAAAE,IAAA,2CAASC,MAAM,iBAAiBI,KAAMW,EAAYT,MAAM,UAAS,kCAA0B,UAG5F7B,KAAKiB,cACJG,EAAA,KAAAE,IAAA,2CAAGrB,GAAID,KAAKG,aAAcoB,MAAM,mBAAmBgB,OAAQvC,KAAKgB,MAAQ,QAAU,MAChFI,EAAA,QAAAE,IAAA,4CAAOtB,KAAKgB,OAAShB,KAAKkB,c","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-6f9a21be.entry.js → p-9bc1d14f.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as a,c as e,g as n,h as t,a as r}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";import{o as c}from"./p-773aa70a.js";import{u as d,o}from"./p-f64d17a6.js";const s='pn-card{position:relative;display:block}pn-card .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property: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-card .pn-card{transition-duration:0s;transition-delay:0s}}pn-card .pn-card[data-link]:hover{background-color:#e0f8ff}pn-card .pn-card[data-link][data-focus]{outline-color:#005d92}pn-card .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}pn-card .pn-card[data-horizontal]{flex-direction:row}pn-card .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}pn-card .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}pn-card .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}pn-card .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}pn-card .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}pn-card .pn-card[data-reverse]{flex-direction:column-reverse}pn-card .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}pn-card .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}pn-card .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}pn-card .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}pn-card .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-card .pn-card-link{transition-duration:0s;transition-delay:0s}}pn-card .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:hover>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:focus>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}pn-card .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}pn-card .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}pn-card .pn-card-section-paragraph,pn-card .pn-card-section p{margin:0 0 0.25em}pn-card .pn-card-section-paragraph:last-child,pn-card .pn-card-section p:last-child{margin:0em}pn-card .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-navigation>pn-button{flex:1 1 12em}pn-card .pn-card-navigation:empty{display:none}pn-card .pn-card-image{position:relative;display:flex;flex-direction:column}pn-card .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}pn-card .pn-card-picture:empty{display:none}pn-card .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}pn-card .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-tags:empty{display:none}pn-card .pn-card>.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}}';const p=s;const l=class{constructor(n){a(this,n);this.pnCard=e(this,"pnCard",7);this.visibleOutline=false;this.label=undefined;this.labelTag="h3";this.overline=undefined;this.text=undefined;this.cardId=null;this.horizontal=false;this.reverse=false;this.aspectRatio="";this.href=undefined;this.hrefLabel=undefined;this.target=undefined;this.rel="noopener noreferrer";this.icon=null}id=`pn-card-${d()}`;idTitle=`${this.id}-title`;get hostElement(){return n(this)}watchCardId(){const a=this.cardId||this.id;this.idTitle=`${a}-title`}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return this.target==="_blank"}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){if(!!this.icon)return this.icon;return this.isExternal()?c:i}getHeadingTag(){const a=["h2","h3","h4","h5","h6","p"];return a.includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:a,target:e}){this.visibleOutline=a==="focus"&&e.matches(":focus-visible")}handleClick(a){o(a,this.hostElement,".pn-card");this.pnCard.emit({click:a})}render(){const a=this.getHeadingTag();return t(r,{key:"821cee3f202421ab0e60bbba012b8ad8dbb05793"},t("article",{key:"41ff1c612af9e2be99b446b549088e5892771fb2",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"780140151f04b678c9c74bb722a9b45447f66645",class:"pn-card-image"},t("picture",{key:"94f932a7b6bf22e6f13789c1bae776cbcf99291d",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"ccb5f90249e4f5cd73924a15fcd86ccb1ce08f87",name:"image"}))),t("div",{key:"2cc59cc4c75444be12802a3bc723f59c225b4336",class:"pn-card-content"},t("header",{key:"4f5824bad2bff67c416c177138703ec6b2e9baeb",class:"pn-card-header"},t("div",{key:"cef69f9a720f8cd69df4f5dbc34973b3ebc2750a",class:"pn-card-tags"},t("slot",{key:"c6b93db08c9b0bcd268b6d9faaf9f4a8d9cd86c6",name:"tags"})),!!this.overline&&t("p",{key:"ca27f600423daf37e77cfefec9e8ab9710998d98",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"c6c4803f194c727c9bc3f0bf6592a4ea77e99a4a",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"cb5757f5575590542047bd07282481601c5f399f",name:"header"})),t("section",{key:"19c80b379dff1a6c3f734498b6b32a0a486d0183",class:"pn-card-section"},!!this.text&&t("p",{key:"b807218d4d0554ea65462caf013e0208dcfd340d",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"15638a8de80d16b8779415aa2d23cdf0a56e08c9"})),t("nav",{key:"ff50a2c165936be2feff4cb0f1f821c60e6da204",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"7994139742f0a623e0e9ce17a8cd3f1088f9753d",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:a=>this.handleClick(a),onFocus:a=>this.handleFocus(a),onBlur:a=>this.handleFocus(a)},this.hrefLabel,t("pn-icon",{key:"bfac7739393db47a446b987a631143601ca33ceb",color:"blue700",icon:this.getIcon()})),t("slot",{key:"3fab25b3c69c45c6b09536a6454f20a0735f80e2",name:"navigation"})))))}static get watchers(){return{cardId:["watchCardId"]}}};l.style=p;export{l as pn_card};
-//# sourceMappingURL=p-6f9a21be.entry.js.map
+import{r as a,c as e,g as n,h as t,a as r}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";import{o as c}from"./p-773aa70a.js";import{u as d,o}from"./p-f64d17a6.js";const s='pn-card{position:relative;display:block}pn-card .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property: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-card .pn-card{transition-duration:0s;transition-delay:0s}}pn-card .pn-card[data-link]:hover{background-color:#e0f8ff}pn-card .pn-card[data-link][data-focus]{outline-color:#005d92}pn-card .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}pn-card .pn-card[data-horizontal]{flex-direction:row}pn-card .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}pn-card .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}pn-card .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}pn-card .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}pn-card .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}pn-card .pn-card[data-reverse]{flex-direction:column-reverse}pn-card .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}pn-card .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}pn-card .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}pn-card .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}pn-card .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-card .pn-card-link{transition-duration:0s;transition-delay:0s}}pn-card .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:hover>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:focus>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}pn-card .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}pn-card .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}pn-card .pn-card-section-paragraph,pn-card .pn-card-section p{margin:0 0 0.25em}pn-card .pn-card-section-paragraph:last-child,pn-card .pn-card-section p:last-child{margin:0em}pn-card .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-navigation>pn-button{flex:1 1 12em}pn-card .pn-card-navigation:empty{display:none}pn-card .pn-card-image{position:relative;display:flex;flex-direction:column}pn-card .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}pn-card .pn-card-picture:empty{display:none}pn-card .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}pn-card .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-tags:empty{display:none}pn-card .pn-card>.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}}';const p=s;const l=class{constructor(n){a(this,n);this.pnCard=e(this,"pnCard",7);this.visibleOutline=false;this.label=undefined;this.labelTag="h3";this.overline=undefined;this.text=undefined;this.cardId=null;this.horizontal=false;this.reverse=false;this.aspectRatio="";this.href=undefined;this.hrefLabel=undefined;this.target=undefined;this.rel="noopener noreferrer";this.icon=null}id=`pn-card-${d()}`;idTitle=`${this.id}-title`;get hostElement(){return n(this)}watchCardId(){const a=this.cardId||this.id;this.idTitle=`${a}-title`}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return this.target==="_blank"}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){if(!!this.icon)return this.icon;return this.isExternal()?c:i}getHeadingTag(){const a=["h2","h3","h4","h5","h6","p"];return a.includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:a,target:e}){this.visibleOutline=a==="focus"&&e.matches(":focus-visible")}handleClick(a){o(a,this.hostElement,".pn-card");this.pnCard.emit({click:a})}render(){const a=this.getHeadingTag();return t(r,{key:"4c1a897e5b6fd69663aa076de44231cbde9b85b1"},t("article",{key:"a93fb7255cd352eed29814f010f0111eebcf0d46",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"1861f3a85267df00d8d974ed2f014fb097288d4c",class:"pn-card-image"},t("picture",{key:"d0acfe747efd63762ddb0dd7cbe67baadb7ad4e1",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"e8360ba8b54d5ad376b549189102eb6412fb6a3e",name:"image"}))),t("div",{key:"1b613813ac38d257cd2c64cb3e7f053950b8d58a",class:"pn-card-content"},t("header",{key:"4048f0f93b62c71f3caa553ba0f217064f1f8b80",class:"pn-card-header"},t("div",{key:"071f1f13e492909e27aa4fb860c8ba3a9e88efc4",class:"pn-card-tags"},t("slot",{key:"bb4ad165fc8443b55784fcad35d8733f89e34b55",name:"tags"})),!!this.overline&&t("p",{key:"c75cfc0045739d7dfa4c2c6aef79dd57d64ccbc1",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"e65289e4307c08f8c92e9b83b3981cd8413a63d4",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"d901c192ed2e029f9b2a0a7df421d6c008f80ea6",name:"header"})),t("section",{key:"da99e7c8a01924e670a9cbee424ac899870c1a8f",class:"pn-card-section"},!!this.text&&t("p",{key:"c27938d4704111825dca3ab621133bdd99e401f0",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"6dfd91ac2b404b23522812c22247d01c5da6a557"})),t("nav",{key:"10252f1454848d360a727c2a85b9ab5461d73b0b",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"82640b1972e9f740694a5c135857e8b3c87e7a2b",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:a=>this.handleClick(a),onFocus:a=>this.handleFocus(a),onBlur:a=>this.handleFocus(a)},this.hrefLabel,t("pn-icon",{key:"50d3021b2f7f2722426f5299fea249b596e8f28b",color:"blue700",icon:this.getIcon()})),t("slot",{key:"be97f6fc934ccd5f55fb577028c52757ada6c128",name:"navigation"})))))}static get watchers(){return{cardId:["watchCardId"]}}};l.style=p;export{l as pn_card};
+//# sourceMappingURL=p-9bc1d14f.entry.js.map

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

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";const g="pn-toggle-switch{display:inline-block;position:relative}pn-toggle-switch .pn-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}pn-toggle-switch .pn-toggle-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:500;color:#2d2013;margin: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-toggle-switch .pn-toggle-label{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-label>span{font-size:1em}pn-toggle-switch .pn-toggle-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-toggle-switch .pn-toggle-content{flex:1 0}pn-toggle-switch .pn-toggle-button{position:relative;font-size:1em;width:3.625em;height:2em;padding:0.1875em;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-button{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-button[data-small]{width:2.625em;height:1.5em}pn-toggle-switch .pn-toggle-button[data-small] .pn-toggle-circle{width:1.125em;height:1.125em}pn-toggle-switch .pn-toggle-button[data-small][data-loading]>.pn-toggle-bg{width:1.5em}pn-toggle-switch .pn-toggle-button[data-large]{width:4.625em;height:2.5em}pn-toggle-switch .pn-toggle-button[data-large] .pn-toggle-circle{width:2.125em;height:2.125em}pn-toggle-switch .pn-toggle-button[data-large][data-loading]>.pn-toggle-bg{width:2.5em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-bg{width:2em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-circle,pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(50%)}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:0}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke-dashoffset:23;transition-delay:0s}pn-toggle-switch .pn-toggle-button[data-loading] pn-spinner{opacity:1}pn-toggle-switch .pn-toggle-bg{position:absolute;top:0;left:50%;width:100%;height:100%;z-index:0;border-radius:2em;background-color:#969087;transform:translateX(-50%);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:width, 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-toggle-switch .pn-toggle-bg{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-circle{position:relative;z-index:1;width:1.625em;height:1.625em;background-color:#ffffff;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;padding:0.25em;transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transform:translateX(0%)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-element{position:absolute;z-index:3;top:0;left:0;cursor:pointer;width:100%;height:100%;opacity:0;margin:0;}pn-toggle-switch .pn-toggle-element:focus-visible+.pn-toggle-bg{outline-color:#005d92}pn-toggle-switch .pn-toggle-element:hover+.pn-toggle-bg{background-color:#5e554a}pn-toggle-switch .pn-toggle-element:hover:checked+.pn-toggle-bg{background-color:#0d234b}pn-toggle-switch .pn-toggle-element:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#0d234b}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-bg{background-color:#005d92}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(100%)}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:1}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{transition-delay:0.2s, 0s;stroke-dashoffset:0}pn-toggle-switch .pn-toggle-element:disabled{cursor:not-allowed}pn-toggle-switch .pn-toggle-element:disabled+.pn-toggle-bg{background-color:#d3cecb;box-shadow:none}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle{background-color:#f3f2f2}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-circle{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-dot{fill:#969087}pn-toggle-switch .pn-toggle-element:disabled:hover+.pn-toggle-bg,pn-toggle-switch .pn-toggle-element:disabled:hover:checked+.pn-toggle-bg{background-color:#d3cecb}pn-toggle-switch .pn-toggle-element:disabled:hover~.pn-toggle-circle .pn-toggle-check polyline,pn-toggle-switch .pn-toggle-element:disabled:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-check{position:absolute;left:50%;top:50%;height:1.5em;width:1.5em;padding:0.25em;transform:translate(-50%, -50%);opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-check polyline{stroke:#005d92;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset, stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check polyline{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner{opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-property:stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-duration:0s;transition-delay:0s}}";const l=g;const s=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.checked=false;this.toggleid=this.id;this.name=null;this.value=null;this.small=false;this.large=false;this.disabled=false;this.loading=false}id=`pn-toggle-${o()}`;idHelper=`${this.id}-helper`;get hostElement(){return t(this)}handleHelperId(){if(this.id!==this.toggleid)this.idHelper=`${this.toggleid}-helper`}componentWillLoad(){this.handleHelperId()}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}render(){return n(i,{key:"ab6fe1d4472bf8a817d28c503dd4268af259c34d"},n("div",{key:"f16a8d97ba68161a192f1b1b3b254c21f0ff804b",class:"pn-toggle"},this.label&&n("div",{key:"c3666dc49b09637cc10b0bdc12e573d57e005268",class:"pn-toggle-content"},n("label",{key:"977c13dfd61a8b10a8dd2606a750d0716fe30adb",htmlFor:this.toggleid,class:"pn-toggle-label"},n("span",{key:"3c4399a7456fc446f8279dd7d46b06e5fe663e06"},this.label)),n("p",{key:"e300cfac23f9f290641f8fc345611a1cebf5b173",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&n("span",{key:"15f3b3bceafb9f868d16d4623cc977b58add2a6c"},this.helpertext),n("slot",{key:"6a19bcbc616bf74371d145545605bfbe6873a707",name:"helpertext"}))),n("div",{key:"6b4590a7e6b32a684d11661baa9ced6b482b17d3",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},n("input",{key:"afa8576dfd3ae59631ae54049b95a268dc139e95",id:this.toggleid,class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedBy()}),n("div",{key:"ad9ae48c3b5f2a72b5067f71b34f8410766f09c8",class:"pn-toggle-bg"}),n("div",{key:"644f991914000783c81dc3f3c0a84406e117c177",class:"pn-toggle-circle"},n("svg",{key:"9d6c808e21fb87486ceec83deb990fcbc738a8f7",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{key:"796e5a93439baf1bbb88cf7ac50f2960a7ca819c",points:"4,12 9,17 20,6","stroke-width":"3"})),n("pn-spinner",{key:"55995adf95f2de9658a54f06dd6156fd006aed4b",size:1.125})))))}static get watchers(){return{toggleid:["handleHelperId"]}}};s.style=l;export{s as pn_toggle_switch};
-//# sourceMappingURL=p-b202a599.entry.js.map
+import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";const g="pn-toggle-switch{display:inline-block;position:relative}pn-toggle-switch .pn-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}pn-toggle-switch .pn-toggle-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:500;color:#2d2013;margin: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-toggle-switch .pn-toggle-label{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-label>span{font-size:1em}pn-toggle-switch .pn-toggle-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-toggle-switch .pn-toggle-content{flex:1 0}pn-toggle-switch .pn-toggle-button{position:relative;font-size:1em;width:3.625em;height:2em;padding:0.1875em;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-button{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-button[data-small]{width:2.625em;height:1.5em}pn-toggle-switch .pn-toggle-button[data-small] .pn-toggle-circle{width:1.125em;height:1.125em}pn-toggle-switch .pn-toggle-button[data-small][data-loading]>.pn-toggle-bg{width:1.5em}pn-toggle-switch .pn-toggle-button[data-large]{width:4.625em;height:2.5em}pn-toggle-switch .pn-toggle-button[data-large] .pn-toggle-circle{width:2.125em;height:2.125em}pn-toggle-switch .pn-toggle-button[data-large][data-loading]>.pn-toggle-bg{width:2.5em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-bg{width:2em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-circle,pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(50%)}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:0}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke-dashoffset:23;transition-delay:0s}pn-toggle-switch .pn-toggle-button[data-loading] pn-spinner{opacity:1}pn-toggle-switch .pn-toggle-bg{position:absolute;top:0;left:50%;width:100%;height:100%;z-index:0;border-radius:2em;background-color:#969087;transform:translateX(-50%);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:width, 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-toggle-switch .pn-toggle-bg{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-circle{position:relative;z-index:1;width:1.625em;height:1.625em;background-color:#ffffff;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;padding:0.25em;transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transform:translateX(0%)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-element{position:absolute;z-index:3;top:0;left:0;cursor:pointer;width:100%;height:100%;opacity:0;margin:0;}pn-toggle-switch .pn-toggle-element:focus-visible+.pn-toggle-bg{outline-color:#005d92}pn-toggle-switch .pn-toggle-element:hover+.pn-toggle-bg{background-color:#5e554a}pn-toggle-switch .pn-toggle-element:hover:checked+.pn-toggle-bg{background-color:#0d234b}pn-toggle-switch .pn-toggle-element:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#0d234b}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-bg{background-color:#005d92}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(100%)}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:1}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{transition-delay:0.2s, 0s;stroke-dashoffset:0}pn-toggle-switch .pn-toggle-element:disabled{cursor:not-allowed}pn-toggle-switch .pn-toggle-element:disabled+.pn-toggle-bg{background-color:#d3cecb;box-shadow:none}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle{background-color:#f3f2f2}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-circle{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-dot{fill:#969087}pn-toggle-switch .pn-toggle-element:disabled:hover+.pn-toggle-bg,pn-toggle-switch .pn-toggle-element:disabled:hover:checked+.pn-toggle-bg{background-color:#d3cecb}pn-toggle-switch .pn-toggle-element:disabled:hover~.pn-toggle-circle .pn-toggle-check polyline,pn-toggle-switch .pn-toggle-element:disabled:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-check{position:absolute;left:50%;top:50%;height:1.5em;width:1.5em;padding:0.25em;transform:translate(-50%, -50%);opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-check polyline{stroke:#005d92;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset, stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check polyline{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner{opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-property:stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-duration:0s;transition-delay:0s}}";const l=g;const s=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.checked=false;this.toggleid=this.id;this.name=null;this.value=null;this.small=false;this.large=false;this.disabled=false;this.loading=false}id=`pn-toggle-${o()}`;idHelper=`${this.id}-helper`;get hostElement(){return t(this)}handleHelperId(){if(this.id!==this.toggleid)this.idHelper=`${this.toggleid}-helper`}componentWillLoad(){this.handleHelperId()}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}render(){return n(i,{key:"9806bc50780935f442660701539941efd05d92d5"},n("div",{key:"a2babfadbf6443da619b35f9d8cb09a7b0bd4a59",class:"pn-toggle"},this.label&&n("div",{key:"525510807f8f7e505b589c8055f277b196f813cd",class:"pn-toggle-content"},n("label",{key:"cc58536e57de5a852762de90c5edf0ad2f92a05f",htmlFor:this.toggleid,class:"pn-toggle-label"},n("span",{key:"a43dba51d8becebf1f508300ccb72530400535c7"},this.label)),n("p",{key:"d86c250e53ceb45830444a13a8f2c609173542de",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&n("span",{key:"02a55f8a4c9da87b33b31ecd3d30ad6a73d70714"},this.helpertext),n("slot",{key:"065675c0046d2cbdd581ef0c5ec745a5b03393eb",name:"helpertext"}))),n("div",{key:"6cbc83780caacb03d778aa2b9f882858231206ca",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},n("input",{key:"1a7062923c2668cb41b4c4b14f948c4074cf416e",id:this.toggleid,class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedBy()}),n("div",{key:"3a85ff013cb29f5c7bef3d088ec782a53b3924ac",class:"pn-toggle-bg"}),n("div",{key:"955a78cfd16980bd437e03e51f3cde49185fe954",class:"pn-toggle-circle"},n("svg",{key:"fc0802cf056f5413c1228584c53abae8b21a8813",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{key:"e881ac5ae0b5838293ac2e5af74a0c56ddd85687",points:"4,12 9,17 20,6","stroke-width":"3"})),n("pn-spinner",{key:"78e5dd0484be70fc75315475daffed5b2e63c8bb",size:1.125})))))}static get watchers(){return{toggleid:["handleHelperId"]}}};s.style=l;export{s as pn_toggle_switch};
+//# sourceMappingURL=p-a4df55c4.entry.js.map

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

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as i,g as e,h as a,a as n}from"./p-43660913.js";import{a as s}from"./p-2e6481e5.js";import{a as r}from"./p-d82ef4a1.js";import{k as o,e as p}from"./p-f64d17a6.js";const h={PAGINATION:{sv:"Paginering",en:"Pagination",da:"Paginering",fi:"Sivunumerointi",no:"Paginering"},PAGE:{sv:"Sida",en:"Page",da:"Side",fi:"Sivu",no:"Side"},PREVIOUS_PAGE:{sv:"Föregående sida",en:"Previous page",da:"Forrige side",fi:"Edellinen sivu",no:"Forrige side"},NEXT_PAGE:{sv:"Nästa sida",en:"Next page",da:"Næste side",fi:"Seuraava sivu",no:"Neste side"},ROWS_PAGE:{sv:"Object per sida",en:"Items per page",da:"Varer pr. side",fi:"Kohteita per sivu",no:"Elementer per side"}};const l="pn-pagination{display:block;margin-top:1.5em}pn-pagination .pn-pagination{display:flex;gap:1em;flex-wrap:wrap;padding-top:1em;border-top:0.0625em solid #e9e6e5}pn-pagination .pn-pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em;margin:0 auto}pn-pagination .pn-pagination-container[data-right]{margin-right:0}pn-pagination .pn-pagination-container>[data-arrow]{display:none}pn-pagination .pn-pagination-container>[data-arrow][data-show]{display:inline-block}pn-pagination .pn-pagination-rows{flex:0 0 auto;margin-right:auto}pn-pagination .pn-pagination-pages{flex:0 0 auto;margin-left:auto}pn-pagination .pn-pagination-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em}pn-pagination .pn-pagination-list pn-button>.pn-button{padding:0.375em 0.75em}pn-pagination .pn-pagination-dot{display:none;padding:0.375em 0.5em;height:2em;width:2.5em;text-align:center}pn-pagination .pn-pagination-dot[data-show]{display:inline-block}";const g=l;const d=class{constructor(e){t(this,e);this.pageSelected=i(this,"pageSelected",7);this.rowsSelected=i(this,"rowsSelected",7);this.list=undefined;this.label=undefined;this.urlTemplate="?page={page}";this.paginationId=null;this.language=null;this.page=1;this.pages=undefined;this.pagesVisible=5;this.rows=null;this.rowsList="10,25,50";this.rowsLabel=null}listElement;get hostElement(){return e(this)}handlePage(){if(this.page>this.pages)this.page=this.pages;else if(this.page<1)this.page=1}handlePages(){const t=[];if(this.pages>1e4){console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`);this.pages=1e4}for(let i=0;this.pages>i;i++){const e=i+1;t.push({index:i,page:e})}this.list=t;this.handlePage()}handlePagesVisible(){if(5>this.pagesVisible)this.pagesVisible=5;if(this.pagesVisible%2===0)this.pagesVisible=Math.round(this.pagesVisible)-1}pageSelected;rowsSelected;async componentWillLoad(){this.handlePagesVisible();this.handlePages();if(this.language===null)await o(this.hostElement)}translate(t){return h[t][this.language||p]}isActivePage(t){return t===this.page}navigate({page:t,event:i,focus:e}){if(typeof t==="number"&&t>=1&&this.pages>=t)this.page=t;this.pageSelected.emit({page:this.page,mouse:i});if(e)requestAnimationFrame((()=>{const t=this.listElement.querySelector('a[aria-current="page"]');t?.focus({preventScroll:true})}))}useRowList(){return!!this.rows&&!!this.rowsList}setRows(t){const i=t.target;this.rows=Number(i.value);this.rowsSelected.emit({rows:this.rows,change:t})}getRowList(){return this.rowsList.split(",").map((t=>Number(t.trim())))}getPaginationIndex(){const t=this.page;let i=t-Math.ceil(this.pagesVisible/2);let e=t+Math.floor(this.pagesVisible/2);for(let t=0;this.pagesVisible>t;t++){if(i<0){e++;i++}else if(e>this.pages){e--;i--}}const a=0>i?0:i;const n=a>=1;const s=this.pages>e;return{low:s&&n?a+1:a,high:s&&n?e-1:e,leftIndent:n,rightIndent:s}}getPagination(){const{low:t,high:i}=this.getPaginationIndex();return this.list.slice(t,i)}getUrl(t){return this.setPageText(this.urlTemplate,t)}setPageText(t,i){return t.replace("{page}",i.toString())}getPrevPage(){let t=this.page;return t>1?t-=1:1}getNextPage(){let t=this.page;return this.pages>t?t+=1:this.pages}showIntendation(t=false){const{leftIndent:i,rightIndent:e}=this.getPaginationIndex();return t?e:i}renderDivider(t=false){return a("span",{class:"pn-pagination-dot","data-show":this.showIntendation(t)},"...")}renderButton({page:t,dataAttr:i}){const e=this.isActivePage(t);return a("pn-button",{label:t.toString(),arialabel:`${this.translate("PAGE")} ${t}`,ariacurrent:e?"page":null,href:this.getUrl(t),variant:e?"outlined":"",appearance:"light",small:true,"data-arrow":i,"data-show":i&&this.showIntendation(i==="last"),onPnClick:({detail:i})=>this.navigate({page:t,event:i,focus:true})})}renderItem({page:t}){return a("li",{class:"pn-pagination-list-item","aria-setsize":this.pages,"aria-posinset":t},this.renderButton({page:t}))}renderJumpButton(t=false){const i=t?"next":"prev";const e=t?r:s;const n=t?this.getNextPage():this.getPrevPage();const o=t?this.pages===this.page:1===this.page;const p=t?"NEXT_PAGE":"PREVIOUS_PAGE";const h=o?"":` (${n})`;const l=`${this.translate(p)}${h}`;return a("pn-button",{arialabel:l,ariacurrent:o?"page":null,href:this.getUrl(n),rel:o?null:i,appearance:"light",small:true,icon:e,iconOnly:true,onPnClick:({detail:t})=>this.navigate({page:n,event:t})})}render(){return a(n,{key:"1f33db59423d42f0e7803588c1792eab786b8de7"},a("nav",{key:"540f96e45b8d9f57ee74fa64873c4386ec5c5886",id:this.paginationId,class:"pn-pagination","aria-label":this.label||this.translate("PAGINATION")},this.useRowList()&&a("pn-select",{key:"4819db7a03b6ce337210679a72d0e33b684015e3",class:"pn-pagination-rows",label:this.rowsLabel||this.translate("ROWS_PAGE"),onChange:t=>this.setRows(t)},this.getRowList().map((t=>a("option",{value:t,selected:this.rows===Number(t),innerHTML:`${t}`})))),a("div",{key:"653ae1faeda706b1f58b10597f392f582e758e52",class:"pn-pagination-container","data-right":this.useRowList()},this.renderJumpButton(),this.renderButton({page:1,dataAttr:"first"}),this.renderDivider(),a("ol",{key:"df640b8caf32ae986dbd0523b1a782df4910026f",class:"pn-pagination-list",ref:t=>this.listElement=t},this.getPagination().map((t=>this.renderItem(t)))),this.renderDivider(true),this.renderButton({page:this.pages,dataAttr:"last"}),this.renderJumpButton(true))))}static get watchers(){return{page:["handlePage"],pages:["handlePages"],pagesVisible:["handlePagesVisible"]}}};d.style=g;export{d as pn_pagination};
-//# sourceMappingURL=p-4eaab357.entry.js.map
+import{r as t,c as i,g as e,h as a,a as n}from"./p-43660913.js";import{a as s}from"./p-2e6481e5.js";import{a as r}from"./p-d82ef4a1.js";import{k as o,e as p}from"./p-f64d17a6.js";const h={PAGINATION:{sv:"Paginering",en:"Pagination",da:"Paginering",fi:"Sivunumerointi",no:"Paginering"},PAGE:{sv:"Sida",en:"Page",da:"Side",fi:"Sivu",no:"Side"},PREVIOUS_PAGE:{sv:"Föregående sida",en:"Previous page",da:"Forrige side",fi:"Edellinen sivu",no:"Forrige side"},NEXT_PAGE:{sv:"Nästa sida",en:"Next page",da:"Næste side",fi:"Seuraava sivu",no:"Neste side"},ROWS_PAGE:{sv:"Object per sida",en:"Items per page",da:"Varer pr. side",fi:"Kohteita per sivu",no:"Elementer per side"}};const l="pn-pagination{display:block;margin-top:1.5em}pn-pagination .pn-pagination{display:flex;gap:1em;flex-wrap:wrap;padding-top:1em;border-top:0.0625em solid #e9e6e5}pn-pagination .pn-pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em;margin:0 auto}pn-pagination .pn-pagination-container[data-right]{margin-right:0}pn-pagination .pn-pagination-container>[data-arrow]{display:none}pn-pagination .pn-pagination-container>[data-arrow][data-show]{display:inline-block}pn-pagination .pn-pagination-rows{flex:0 0 auto;margin-right:auto}pn-pagination .pn-pagination-pages{flex:0 0 auto;margin-left:auto}pn-pagination .pn-pagination-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em}pn-pagination .pn-pagination-list pn-button>.pn-button{padding:0.375em 0.75em}pn-pagination .pn-pagination-dot{display:none;padding:0.375em 0.5em;height:2em;width:2.5em;text-align:center}pn-pagination .pn-pagination-dot[data-show]{display:inline-block}";const g=l;const d=class{constructor(e){t(this,e);this.pageSelected=i(this,"pageSelected",7);this.rowsSelected=i(this,"rowsSelected",7);this.list=undefined;this.label=undefined;this.urlTemplate="?page={page}";this.paginationId=null;this.language=null;this.page=1;this.pages=undefined;this.pagesVisible=5;this.rows=null;this.rowsList="10,25,50";this.rowsLabel=null}listElement;get hostElement(){return e(this)}handlePage(){if(this.page>this.pages)this.page=this.pages;else if(this.page<1)this.page=1}handlePages(){const t=[];if(this.pages>1e4){console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`);this.pages=1e4}for(let i=0;this.pages>i;i++){const e=i+1;t.push({index:i,page:e})}this.list=t;this.handlePage()}handlePagesVisible(){if(5>this.pagesVisible)this.pagesVisible=5;if(this.pagesVisible%2===0)this.pagesVisible=Math.round(this.pagesVisible)-1}pageSelected;rowsSelected;async componentWillLoad(){this.handlePagesVisible();this.handlePages();if(this.language===null)await o(this.hostElement)}translate(t){return h[t][this.language||p]}isActivePage(t){return t===this.page}navigate({page:t,event:i,focus:e}){if(typeof t==="number"&&t>=1&&this.pages>=t)this.page=t;this.pageSelected.emit({page:this.page,mouse:i});if(e)requestAnimationFrame((()=>{const t=this.listElement.querySelector('a[aria-current="page"]');t?.focus({preventScroll:true})}))}useRowList(){return!!this.rows&&!!this.rowsList}setRows(t){const i=t.target;this.rows=Number(i.value);this.rowsSelected.emit({rows:this.rows,change:t})}getRowList(){return this.rowsList.split(",").map((t=>Number(t.trim())))}getPaginationIndex(){const t=this.page;let i=t-Math.ceil(this.pagesVisible/2);let e=t+Math.floor(this.pagesVisible/2);for(let t=0;this.pagesVisible>t;t++){if(i<0){e++;i++}else if(e>this.pages){e--;i--}}const a=0>i?0:i;const n=a>=1;const s=this.pages>e;return{low:s&&n?a+1:a,high:s&&n?e-1:e,leftIndent:n,rightIndent:s}}getPagination(){const{low:t,high:i}=this.getPaginationIndex();return this.list.slice(t,i)}getUrl(t){return this.setPageText(this.urlTemplate,t)}setPageText(t,i){return t.replace("{page}",i.toString())}getPrevPage(){let t=this.page;return t>1?t-=1:1}getNextPage(){let t=this.page;return this.pages>t?t+=1:this.pages}showIntendation(t=false){const{leftIndent:i,rightIndent:e}=this.getPaginationIndex();return t?e:i}renderDivider(t=false){return a("span",{class:"pn-pagination-dot","data-show":this.showIntendation(t)},"...")}renderButton({page:t,dataAttr:i}){const e=this.isActivePage(t);return a("pn-button",{label:t.toString(),arialabel:`${this.translate("PAGE")} ${t}`,ariacurrent:e?"page":null,href:this.getUrl(t),variant:e?"outlined":"",appearance:"light",small:true,"data-arrow":i,"data-show":i&&this.showIntendation(i==="last"),onPnClick:({detail:i})=>this.navigate({page:t,event:i,focus:true})})}renderItem({page:t}){return a("li",{class:"pn-pagination-list-item","aria-setsize":this.pages,"aria-posinset":t},this.renderButton({page:t}))}renderJumpButton(t=false){const i=t?"next":"prev";const e=t?r:s;const n=t?this.getNextPage():this.getPrevPage();const o=t?this.pages===this.page:1===this.page;const p=t?"NEXT_PAGE":"PREVIOUS_PAGE";const h=o?"":` (${n})`;const l=`${this.translate(p)}${h}`;return a("pn-button",{arialabel:l,ariacurrent:o?"page":null,href:this.getUrl(n),rel:o?null:i,appearance:"light",small:true,icon:e,iconOnly:true,onPnClick:({detail:t})=>this.navigate({page:n,event:t})})}render(){return a(n,{key:"d1cd7756a1bf0a5e5d4d59e8a5c8c6f759cee285"},a("nav",{key:"f7c4d02b8a1f147f849bf7c8b3093098745933c1",id:this.paginationId,class:"pn-pagination","aria-label":this.label||this.translate("PAGINATION")},this.useRowList()&&a("pn-select",{key:"1297805c338445d019524d2a51e11e786529d899",class:"pn-pagination-rows",label:this.rowsLabel||this.translate("ROWS_PAGE"),onChange:t=>this.setRows(t)},this.getRowList().map((t=>a("option",{value:t,selected:this.rows===Number(t),innerHTML:`${t}`})))),a("div",{key:"fdb8a131a50ed56deca325db959042a32f8d335b",class:"pn-pagination-container","data-right":this.useRowList()},this.renderJumpButton(),this.renderButton({page:1,dataAttr:"first"}),this.renderDivider(),a("ol",{key:"6bb693d0b87cc6d95368525288dc1eaa2eef67fa",class:"pn-pagination-list",ref:t=>this.listElement=t},this.getPagination().map((t=>this.renderItem(t)))),this.renderDivider(true),this.renderButton({page:this.pages,dataAttr:"last"}),this.renderJumpButton(true))))}static get watchers(){return{page:["handlePage"],pages:["handlePages"],pagesVisible:["handlePagesVisible"]}}};d.style=g;export{d as pn_pagination};
+//# sourceMappingURL=p-ab29b9c0.entry.js.map

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

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as i,c as t,h as e,a as s}from"./p-43660913.js";import{w as r}from"./p-9b57dd6e.js";const n='pn-progress-indicator-step{display:flex;flex:1 0 4em}pn-progress-indicator-step:first-child{flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}';const o=n;const a=class{constructor(e){i(this,e);this.setactivestep=t(this,"setactivestep",7);this.activated=undefined;this.done=undefined;this.activeStep=undefined;this.index=undefined;this.name=undefined;this.checked=false;this.active=undefined}setactivestep;setActiveStepHandler(){if(this.done||this.activated){this.setactivestep.emit(this.index)}}componentWillLoad(){this.checkStatus()}componentDidUpdate(){this.checkStatus()}checkStatus(){if(!this.done){this.done=this.checked||this.activeStep>this.index}if(this.active==="yes"){this.activated=true}else if(this.active==="no"){this.activated=false;this.done=false}else if(!this.activated){this.activated=this.activeStep>=this.index}}getClassNames(){let i="pn-progress-indicator-step";if(this.done||this.checked)i+=" done";if(this.activated)i+=" activated";if(this.activeStep===this.index)i+=" active";return i}render(){return e(s,{key:"e5518f2d8c21c889738beb3a42e6865e7c64ac76",class:this.getClassNames(),onClick:()=>this.setActiveStepHandler()},e("div",{key:"b0f5f684ca12fda2b22b51945d3b0b41ab490fa3",class:"progress-line"}),e("div",{key:"8d05494d4cc77145e44270666b678cf48eb05a96",class:"info-container"},e("slot",{key:"864bea1ce3dd348be1abadcc3f8fb3757ac009b9"}),this.name),e("div",{key:"7d8394e5a4919404a137fd30ce125dfda5ed3034",class:"circle"},this.done||this.checked?e("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",id:"checkmark",version:"1.0",viewBox:"0 0 24 24"},e("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:r,"stroke-miterlimit":"10","stroke-width":"3"})):""))}};a.style=o;export{a as pn_progress_indicator_step};
-//# sourceMappingURL=p-1e7c31ed.entry.js.map
+import{r as i,c as t,h as e,a as s}from"./p-43660913.js";import{w as r}from"./p-9b57dd6e.js";const n='pn-progress-indicator-step{display:flex;flex:1 0 4em}pn-progress-indicator-step:first-child{flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}';const o=n;const a=class{constructor(e){i(this,e);this.setactivestep=t(this,"setactivestep",7);this.activated=undefined;this.done=undefined;this.activeStep=undefined;this.index=undefined;this.name=undefined;this.checked=false;this.active=undefined}setactivestep;setActiveStepHandler(){if(this.done||this.activated){this.setactivestep.emit(this.index)}}componentWillLoad(){this.checkStatus()}componentDidUpdate(){this.checkStatus()}checkStatus(){if(!this.done){this.done=this.checked||this.activeStep>this.index}if(this.active==="yes"){this.activated=true}else if(this.active==="no"){this.activated=false;this.done=false}else if(!this.activated){this.activated=this.activeStep>=this.index}}getClassNames(){let i="pn-progress-indicator-step";if(this.done||this.checked)i+=" done";if(this.activated)i+=" activated";if(this.activeStep===this.index)i+=" active";return i}render(){return e(s,{key:"72cc83f88a80acff2dc2d379abddf32d1f7100a8",class:this.getClassNames(),onClick:()=>this.setActiveStepHandler()},e("div",{key:"39f44c9b4e625898d16278575894ed8f01261a89",class:"progress-line"}),e("div",{key:"17858a1e590a364b82db40088f0017a5ddfde37e",class:"info-container"},e("slot",{key:"bd8a6e97e2a0aa6e3a0ff0565069792dc4e5cd0e"}),this.name),e("div",{key:"0122ff04b13f3d610a036bd354333e5b4ed4b898",class:"circle"},this.done||this.checked?e("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",id:"checkmark",version:"1.0",viewBox:"0 0 24 24"},e("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:r,"stroke-miterlimit":"10","stroke-width":"3"})):""))}};a.style=o;export{a as pn_progress_indicator_step};
+//# sourceMappingURL=p-adc6404b.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnProgressIndicatorStepCss","PnProgressIndicatorStepStyle0","PnProgressIndicatorStep","setactivestep","setActiveStepHandler","this","done","activated","emit","index","componentWillLoad","checkStatus","componentDidUpdate","checked","activeStep","active","getClassNames","className","render","h","Host","key","class","onClick","name","xmlns","id","version","viewBox","fill","points","stroke","white"],"sources":["src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.scss?tag=pn-progress-indicator-step","src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-progress-indicator-step {\n  display: flex;\n  flex: 1 0 4em;\n\n  &:first-child {\n    flex: 0 0 auto;\n\n    .progress-line {\n      display: none;\n    }\n\n    .info-container {\n      transform: translateX(-50%);\n      left: 50%;\n    }\n  }\n}\n\n.pn-progress-indicator-step {\n  position: relative;\n  display: flex;\n  flex: 1 0 4em;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  .circle {\n    width: 1.5em;\n    height: 1.5em;\n    padding: 0.3rem;\n    border-radius: 50%;\n    background-color: main.$gray50;\n    @include main.pn-transition('background-color');\n  }\n\n  .info-container {\n    position: absolute;\n    bottom: -2.5em;\n    right: 0;\n    transform: translateX(50%) translateX(-1.2rem);\n    white-space: nowrap;\n    color: main.$gray50;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    font-size: 1em;\n    font-weight: normal;\n    @include main.pn-transition('color');\n\n    .pn-icon-svg {\n      height: 1.7em;\n      width: 1.7em;\n      margin-bottom: 0.1em;\n    }\n\n    .pn-icon-svg path,\n    .pn-icon-svg polygon {\n      fill: main.$gray50;\n    }\n  }\n\n  .progress-line {\n    flex: 1 1 auto;\n    margin: auto 4px;\n    height: 0.8rem;\n    background-color: main.$gray50;\n    position: relative;\n    overflow: hidden;\n    pointer-events: none;\n    border-radius: 10rem;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 0.8rem;\n      width: 100%;\n      background-color: main.$blue700;\n      transform: translateX(-100%);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n  }\n\n  &.active {\n    .info-container {\n      color: main.$black;\n\n      .pn-icon-svg path {\n        fill: main.$black;\n      }\n\n      .pn-icon-svg polygon {\n        fill: main.$black;\n      }\n    }\n  }\n\n  &.activated {\n    cursor: pointer;\n  }\n\n  &.done,\n  &.active {\n    .progress-line:after {\n      transform: translateX(0);\n    }\n\n    .circle {\n      background-color: main.$blue700;\n    }\n  }\n\n  &.done {\n    .checkmark-path {\n      stroke-linecap: round;\n      stroke-dasharray: 27;\n      stroke-dashoffset: -23;\n      animation: dash main.$timing cubic-bezier(0.55, 0, 0.1, 1) both;\n    }\n  }\n}\n\n@keyframes dash {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { white } from 'pn-design-assets/pn-assets/colors.js';\n\n@Component({\n  tag: 'pn-progress-indicator-step',\n  styleUrl: 'pn-progress-indicator-step.scss',\n})\nexport class PnProgressIndicatorStep {\n  @State() activated: boolean;\n  @State() done: boolean;\n\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() activeStep: number;\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() index: number;\n  /** The step name. */\n  @Prop() name: string;\n  /** Set the step as checked, meaning a white check mark will appear. */\n  @Prop() checked: boolean = false;\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() active?: 'yes' | 'no';\n\n  @Event() setactivestep: EventEmitter<number>;\n  setActiveStepHandler() {\n    if (this.done || this.activated) {\n      this.setactivestep.emit(this.index);\n    }\n  }\n\n  componentWillLoad() {\n    this.checkStatus();\n  }\n\n  componentDidUpdate() {\n    this.checkStatus();\n  }\n\n  checkStatus() {\n    if (!this.done) {\n      this.done = this.checked || this.activeStep > this.index;\n    }\n\n    if (this.active === 'yes') {\n      this.activated = true;\n    } else if (this.active === 'no') {\n      this.activated = false;\n      this.done = false;\n    } else if (!this.activated) {\n      this.activated = this.activeStep >= this.index;\n    }\n  }\n\n  getClassNames() {\n    let className = 'pn-progress-indicator-step';\n    if (this.done || this.checked) className += ' done';\n    if (this.activated) className += ' activated';\n    if (this.activeStep === this.index) className += ' active';\n    return className;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()} onClick={() => this.setActiveStepHandler()}>\n        <div class=\"progress-line\" />\n        <div class=\"info-container\">\n          <slot />\n          {this.name}\n        </div>\n        <div class=\"circle\">\n          {this.done || this.checked ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              enable-background=\"new 0 0 24 24\"\n              id=\"checkmark\"\n              version=\"1.0\"\n              viewBox=\"0 0 24 24\"\n            >\n              <polyline\n                class=\"checkmark-path\"\n                fill=\"none\"\n                points=\"20,6 9,17 4,12\"\n                stroke={white}\n                stroke-miterlimit=\"10\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          ) : (\n            ''\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;6FAAA,MAAMA,EAA6B,gzFACnC,MAAAC,EAAeD,E,MCMFE,EAAuB,M,mMAWP,M,sBAIlBC,cACT,oBAAAC,GACE,GAAIC,KAAKC,MAAQD,KAAKE,UAAW,CAC/BF,KAAKF,cAAcK,KAAKH,KAAKI,M,EAIjC,iBAAAC,GACEL,KAAKM,a,CAGP,kBAAAC,GACEP,KAAKM,a,CAGP,WAAAA,GACE,IAAKN,KAAKC,KAAM,CACdD,KAAKC,KAAOD,KAAKQ,SAAWR,KAAKS,WAAaT,KAAKI,K,CAGrD,GAAIJ,KAAKU,SAAW,MAAO,CACzBV,KAAKE,UAAY,I,MACZ,GAAIF,KAAKU,SAAW,KAAM,CAC/BV,KAAKE,UAAY,MACjBF,KAAKC,KAAO,K,MACP,IAAKD,KAAKE,UAAW,CAC1BF,KAAKE,UAAYF,KAAKS,YAAcT,KAAKI,K,EAI7C,aAAAO,GACE,IAAIC,EAAY,6BAChB,GAAIZ,KAAKC,MAAQD,KAAKQ,QAASI,GAAa,QAC5C,GAAIZ,KAAKE,UAAWU,GAAa,aACjC,GAAIZ,KAAKS,aAAeT,KAAKI,MAAOQ,GAAa,UACjD,OAAOA,C,CAGT,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOjB,KAAKW,gBAAiBO,QAAS,IAAMlB,KAAKD,wBACrDe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,6CACChB,KAAKmB,MAERL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACRjB,KAAKC,MAAQD,KAAKQ,QACjBM,EAAA,OACEM,MAAM,6BAA4B,oBAChB,gBAClBC,GAAG,YACHC,QAAQ,MACRC,QAAQ,aAERT,EAAA,YACEG,MAAM,iBACNO,KAAK,OACLC,OAAO,iBACPC,OAAQC,EAAK,oBACK,KAAI,eACT,OAEX,I","ignoreList":[]}