@postnord/pn-marketweb-components 2.0.73 → 2.0.75

package/umd/modules/@postnord/web-components/esm-es5/pn-footer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var contactUrls={DK:{default:"https://www.postnord.dk/en/help-and-support",da:"https://www.postnord.dk/kundeservice"},FI:{default:"https://www.postnord.fi/en/customer-service",fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta"},NO:{default:"https://www.postnord.no/en/contact-postnord",no:"https://www.postnord.no/kundeservice"},SE:{default:"https://www.postnord.se/en/help-and-support/contact-us",sv:"https://www.postnord.se/kundservice"},customerService:"https://portal.postnord.com/customerservice"};var cookieUrls={DK:{default:"https://www.postnord.dk/en/cookies",da:"https://www.postnord.dk/cookies"},FI:{default:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies",fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista"},NO:{default:"https://www.postnord.no/en/cookies",no:"https://www.postnord.no/cookies"},SE:{default:"https://www.postnord.se/en/cookies",sv:"https://www.postnord.se/cookies"}};var domainUrls={DK:{default:"postnord.com",dk:"postnord.dk"},FI:{default:"postnord.com",fi:"postnord.fi"},NO:{default:"postnord.com",no:"postnord.no"},SE:{default:"postnord.com",se:"postnord.se"}};var privacyUrls={DK:{default:"https://www.postnord.se/en/privacy-policy",da:"https://www.postnord.dk/personlige-oplysninger"},FI:{default:"https://www.postnord.se/en/privacy-policy",fi:"https://www.postnord.fi/yksityisyydensuoja"},NO:{default:"https://www.postnord.se/en/privacy-policy",no:"https://www.postnord.no/personvernerklaering"},SE:{default:"https://www.postnord.se/en/privacy-policy",sv:"https://www.postnord.se/integritetspolicy"}};var termsandConditionsUrls={DK:{default:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser",da:"https://www.postnord.dk/siteassets/pdf/forretningsbetingelser/2020/kundeportalen.pdf"},FI:{default:"https://www.postnord.fi/en/sending/terms",fi:"https://www.postnord.fi/laheta/sopimusehdot"},SE:{default:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}};var translations={COOKIES:{da:"Cookies",en:"Cookies",fi:"Evästeet",no:"Cookies",sv:"Cookies"},DO_YOU_HAVE_ANY_QUESTIONS:{da:"Har du nogen spørgsmål?",en:"Do you have any questions?",fi:"Onko sinulla kysyttävää?",no:"",sv:"Undrar du över något?"},GET_IN_TOUCH:{da:"Kontakt os",en:"Get in touch",fi:"Ota yhteyttä",no:"",sv:"Kontakta oss"},MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT:{da:"Mere information om PostNord findes på",en:"More information about PostNord can be found at",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"",sv:"Mer information om PostNord hittar du på"},PRIVACY_POLICY:{da:"Integritetspolitik",en:"Privacy policy",fi:"Yksityisyysasetukset",no:"Privacy policy",sv:"Integritetspolicy"},TERMS_AND_CONDITIONS:{da:"Vilkår og betingelser",en:"Terms and conditions",fi:"Sopimusehdot",no:"Betingelser og vilkår",sv:"Villkor"}};var pnFooterCss="pn-footer{color:#5E554A;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p,pn-footer .pn-footer-row a{margin-right:0.2em;display:inline-block}pn-footer a{color:#005D92}pn-footer pn-icon{margin-left:0.2em}pn-footer #ot-sdk-btn{-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;color:#005D92;display:inline-block;font-size:0.9em;margin-right:0.2em;text-align:center;text-decoration:none;visibility:inherit}";var PnFooter=function(){function t(t){registerInstance(this,t);this.market="SE";this.language="en";this.isLoggedIn=false;this.isBusinessUser=false}t.prototype.componentWillLoad=function(){var t=this;var e=window.pnTopbar;if(e){this.init()}else{window.addEventListener("topbarLoaded",(function(){t.init()}))}};t.prototype.init=function(){var t=this;var e=window.pnTopbar;if(e){this.market=e.market;this.language=e.language;this.isLoggedIn=e.isLoggedIn;this.isBusinessUser=e.isBusinessUser;e.onChangeMarket=function(e){t.market=e};e.onChangeLanguage=function(e){t.language=e}}};t.prototype.getTranslation=function(t,e){for(var o=0,n=Object.entries(translations);o<n.length;o++){var r=n[o],s=r[0],i=r[1];if(s===t.toUpperCase()){var a=translations[s].en;for(var p=0,l=Object.entries(i);p<l.length;p++){var d=l[p],h=d[0],u=d[1];if(h===e.toLowerCase()){if(this.isEmpty(u)){return a}else{return u}}}return a}}return t};t.prototype.getUrl=function(t,e,o){for(var n=0,r=Object.entries(t);n<r.length;n++){var s=r[n],i=s[0],a=s[1];if(i===e.toUpperCase()){for(var p=0,l=Object.entries(a);p<l.length;p++){var d=l[p],h=d[0],u=d[1];if(h===o.toLowerCase()){return u}}var f=t[i].default;return f}}var w=t.SE.default;return w};t.prototype.getDomain=function(t,e){var o=t.SE.default;for(var n=0,r=Object.entries(t);n<r.length;n++){var s=r[n],i=s[0],a=s[1];if(i===e.toUpperCase()){var p=a[i.toLowerCase()];if(this.isEmpty(p)){return o}else{return p}}}return o};t.prototype.render=function(){var t=this.market==="FI"&&this.isLoggedIn&&!this.isBusinessUser;return h(Host,null,h("div",{class:"pn-footer-row"},h("p",null,this.getTranslation("DO_YOU_HAVE_ANY_QUESTIONS",this.language)),this.isLoggedIn&&!t?h("a",{href:contactUrls.customerService},this.getTranslation("GET_IN_TOUCH",this.language)):h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(contactUrls,this.market,this.language)},this.getTranslation("GET_IN_TOUCH",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"}))),h("div",{class:"pn-footer-row"},this.market!=="NO"?h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(termsandConditionsUrls,this.market,this.language)},this.getTranslation("TERMS_AND_CONDITIONS",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"})):null,h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(privacyUrls,this.market,this.language)},this.getTranslation("PRIVACY_POLICY",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"})),h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(cookieUrls,this.market,this.language)},this.getTranslation("COOKIES",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"}))),h("div",{class:"pn-footer-row"},h("p",null,this.getTranslation("MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT",this.language)),h("a",{target:"_blank",rel:"noopener noreferrer",href:"https://www.".concat(this.getDomain(domainUrls,this.market))},this.getDomain(domainUrls,this.market),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"}))))};t.prototype.isEmpty=function(t){var e=!t;if(e){return true}var o=t.trim().length===0;if(o){return true}else{return false}};return t}();PnFooter.style=pnFooterCss;export{PnFooter as pn_footer};
+import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var contactUrls={DK:{default:"https://www.postnord.dk/en/help-and-support",da:"https://www.postnord.dk/kundeservice"},FI:{default:"https://www.postnord.fi/en/customer-service",fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta"},NO:{default:"https://www.postnord.no/en/contact-postnord",no:"https://www.postnord.no/kundeservice"},SE:{default:"https://www.postnord.se/en/help-and-support/contact-us",sv:"https://www.postnord.se/kundservice"},customerService:"https://portal.postnord.com/customerservice"};var cookieUrls={DK:{default:"https://www.postnord.dk/en/cookies",da:"https://www.postnord.dk/cookies"},FI:{default:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies",fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista"},NO:{default:"https://www.postnord.no/en/cookies",no:"https://www.postnord.no/cookies"},SE:{default:"https://www.postnord.se/en/cookies",sv:"https://www.postnord.se/cookies"}};var domainUrls={DK:{default:"postnord.com",dk:"postnord.dk"},FI:{default:"postnord.com",fi:"postnord.fi"},NO:{default:"postnord.com",no:"postnord.no"},SE:{default:"postnord.com",se:"postnord.se"}};var privacyUrls={DK:{default:"https://www.postnord.se/en/privacy-policy",da:"https://www.postnord.dk/personlige-oplysninger"},FI:{default:"https://www.postnord.se/en/privacy-policy",fi:"https://www.postnord.fi/yksityisyydensuoja"},NO:{default:"https://www.postnord.se/en/privacy-policy",no:"https://www.postnord.no/personvernerklaering"},SE:{default:"https://www.postnord.se/en/privacy-policy",sv:"https://www.postnord.se/integritetspolicy"}};var termsandConditionsUrls={DK:{default:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser",da:"https://www.postnord.dk/siteassets/pdf/forretningsbetingelser/2020/kundeportalen.pdf"},FI:{default:"https://www.postnord.fi/en/sending/terms",fi:"https://www.postnord.fi/laheta/sopimusehdot"},SE:{default:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}};var translations={COOKIES:{da:"Cookies",en:"Cookies",fi:"Evästeet",no:"Cookies",sv:"Cookies"},DO_YOU_HAVE_ANY_QUESTIONS:{da:"Har du nogen spørgsmål?",en:"Do you have any questions?",fi:"Onko sinulla kysyttävää?",no:"",sv:"Undrar du över något?"},GET_IN_TOUCH:{da:"Kontakt os",en:"Get in touch",fi:"Ota yhteyttä",no:"",sv:"Kontakta oss"},MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT:{da:"Mere information om PostNord findes på",en:"More information about PostNord can be found at",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"",sv:"Mer information om PostNord hittar du på"},PRIVACY_POLICY:{da:"Integritetspolitik",en:"Privacy policy",fi:"Yksityisyysasetukset",no:"Privacy policy",sv:"Integritetspolicy"},TERMS_AND_CONDITIONS:{da:"Vilkår og betingelser",en:"Terms and conditions",fi:"Sopimusehdot",no:"Betingelser og vilkår",sv:"Villkor"}};var pnFooterCss="pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p,pn-footer .pn-footer-row a{margin-right:0.2em;display:inline-block}pn-footer a{color:#005d92}pn-footer pn-icon{margin-left:0.2em}pn-footer #ot-sdk-btn{-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;color:#005d92;display:inline-block;font-size:0.9em;margin-right:0.2em;text-align:center;text-decoration:none;visibility:inherit}";var PnFooter=function(){function t(t){registerInstance(this,t);this.market="SE";this.language="en";this.isLoggedIn=false;this.isBusinessUser=false}t.prototype.componentWillLoad=function(){var t=this;var e=window.pnTopbar;if(e){this.init()}else{window.addEventListener("topbarLoaded",(function(){t.init()}))}};t.prototype.init=function(){var t=this;var e=window.pnTopbar;if(e){this.market=e.market;this.language=e.language;this.isLoggedIn=e.isLoggedIn;this.isBusinessUser=e.isBusinessUser;e.onChangeMarket=function(e){t.market=e};e.onChangeLanguage=function(e){t.language=e}}};t.prototype.getTranslation=function(t,e){for(var o=0,n=Object.entries(translations);o<n.length;o++){var r=n[o],s=r[0],i=r[1];if(s===t.toUpperCase()){var a=translations[s].en;for(var p=0,l=Object.entries(i);p<l.length;p++){var d=l[p],h=d[0],u=d[1];if(h===e.toLowerCase()){if(this.isEmpty(u)){return a}else{return u}}}return a}}return t};t.prototype.getUrl=function(t,e,o){for(var n=0,r=Object.entries(t);n<r.length;n++){var s=r[n],i=s[0],a=s[1];if(i===e.toUpperCase()){for(var p=0,l=Object.entries(a);p<l.length;p++){var d=l[p],h=d[0],u=d[1];if(h===o.toLowerCase()){return u}}var f=t[i].default;return f}}var w=t.SE.default;return w};t.prototype.getDomain=function(t,e){var o=t.SE.default;for(var n=0,r=Object.entries(t);n<r.length;n++){var s=r[n],i=s[0],a=s[1];if(i===e.toUpperCase()){var p=a[i.toLowerCase()];if(this.isEmpty(p)){return o}else{return p}}}return o};t.prototype.render=function(){var t=this.market==="FI"&&this.isLoggedIn&&!this.isBusinessUser;return h(Host,null,h("div",{class:"pn-footer-row"},h("p",null,this.getTranslation("DO_YOU_HAVE_ANY_QUESTIONS",this.language)),this.isLoggedIn&&!t?h("a",{href:contactUrls.customerService},this.getTranslation("GET_IN_TOUCH",this.language)):h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(contactUrls,this.market,this.language)},this.getTranslation("GET_IN_TOUCH",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"}))),h("div",{class:"pn-footer-row"},this.market!=="NO"?h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(termsandConditionsUrls,this.market,this.language)},this.getTranslation("TERMS_AND_CONDITIONS",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"})):null,h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(privacyUrls,this.market,this.language)},this.getTranslation("PRIVACY_POLICY",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"})),h("a",{target:"_blank",rel:"noopener noreferrer",href:this.getUrl(cookieUrls,this.market,this.language)},this.getTranslation("COOKIES",this.language),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"}))),h("div",{class:"pn-footer-row"},h("p",null,this.getTranslation("MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT",this.language)),h("a",{target:"_blank",rel:"noopener noreferrer",href:"https://www.".concat(this.getDomain(domainUrls,this.market))},this.getDomain(domainUrls,this.market),h("pn-icon",{color:"blue700",small:true,symbol:"open-in-new"}))))};t.prototype.isEmpty=function(t){var e=!t;if(e){return true}var o=t.trim().length===0;if(o){return true}else{return false}};return t}();PnFooter.style=pnFooterCss;export{PnFooter as pn_footer};

package/umd/modules/@postnord/web-components/esm-es5/pn-header.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";import{c as colors}from"./colors-dad016c3.js";var pnHeaderCss='pn-header{border-radius:0.5em;background-color:#effbff;background-color:var(--bg);display:block;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}pn-header>.page-nav{padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em) 1em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-header>.page-nav>pn-page-nav{min-width:0}.pn-header-content-wrapper{position:relative}pn-header .pn-header-content{max-width:var(--max-width);margin:auto;display:-ms-flexbox;display:flex;gap:0.5em;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;padding-right:0;position:relative;text-align:left;-ms-flex-align:space-between;align-items:space-between;background-color:var(--bg);z-index:1}pn-header .pn-header-content>*{min-width:0}pn-header .pn-header-left{-ms-flex:1 1 60%;flex:1 1 60%;padding:1em;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5em}pn-header .pn-header-left h1{font-size:clamp(1.85em, 5vw, 2em)}pn-header .pn-header-left p{font-size:1.25em;max-width:60ch;line-height:1.4}pn-header [slot=buttons]{display:-ms-flexbox;display:flex;gap:0.5em;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:center;justify-content:center;max-width:30em}pn-header [slot=buttons]>*{-ms-flex:1 1 auto;flex:1 1 auto}.pn-header-content-wrapper.pn-header-illustration .pn-header-right{background-color:#e0f8ff;background-color:var(--pill-color);border-radius:20em 1em 1em 20em}.pn-header-content-wrapper.pn-header-illustration::after{content:"";background-color:var(--pill-color);position:absolute;right:0;top:0;width:50%;height:100%;border-radius:0 0 0.5em 0}.pn-header-content-wrapper.pn-header-illustration .pn-header-right{-ms-flex:1 1 12em;flex:1 1 12em;margin-left:2em;padding-left:2em;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.pn-header-content-wrapper.pn-header-illustration .pn-header-right [slot=illustration]{max-height:clamp(6em, 35vw, 25em);height:-webkit-min-content;height:-moz-min-content;height:min-content}';var PnHeader=function(){function e(e){registerInstance(this,e);this.color="blue";this.maxWidth=null}e.prototype.colorHandler=function(){this.setColor()};e.prototype.componentWillLoad=function(){this.setColor();this.checkSlots()};e.prototype.setColor=function(){var e=["blue","coral","gray","orange","green"];this.color=e.includes(this.color)?this.color:"blue";this.hostElement.style.setProperty("--bg",colors["".concat(this.color,"25")]);this.hostElement.style.setProperty("--pill-color",colors["".concat(this.color,"50")]);if(this.maxWidth)this.hostElement.style.setProperty("--max-width","".concat(this.maxWidth))};e.prototype.checkSlots=function(){var e=this.hostElement.querySelector('[slot="illustration"]');var t=this.hostElement.querySelector('[slot="top-menu"]');this.topNav=!!t;this.pill=!!e};e.prototype.wrapperClasses=function(){var e="pn-header-content-wrapper ";if(this.pill)e+="pn-header-illustration ";return e};e.prototype.render=function(){return h(Host,null,this.topNav&&h("div",{class:"page-nav"},h("slot",{name:"top-menu"})),h("div",{class:this.wrapperClasses()},h("div",{class:"pn-header-content"},h("div",{class:"pn-header-left"},h("h1",null,this.heading),h("p",null,h("slot",null)),h("slot",{name:"buttons"}),h("slot",{name:"bottom-menu"})),h("div",{class:"pn-header-right"},h("slot",{name:"illustration"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:["colorHandler"]}},enumerable:false,configurable:true});return e}();PnHeader.style=pnHeaderCss;export{PnHeader as pn_header};

package/umd/modules/@postnord/web-components/esm-es5/pn-icon-grid.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,r){function n(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function a(e){try{c(r.next(e))}catch(t){i(t)}}function s(e){try{c(r["throw"](e))}catch(t){i(t)}}function c(e){e.done?o(e.value):n(e.value).then(a,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(o)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-602e59ea.js";import{a as allIcons}from"./icons-179d0f16.js";import{c as colors}from"./colors-7b5cb327.js";var pnIconGridCss='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 17rem);grid-gap:5rem;max-width:120rem}.icon-grid .icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:14rem;position:relative;cursor:pointer;overflow:hidden}.icon-grid .icon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.icon-grid .icon.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.icon-grid .icon.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.icon-grid .icon span{position:absolute;top:1.5rem;right:1.5rem;color:#5E554A;font-size:0.9em}.icon-grid .icon p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5E554A;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.icon-grid .icon p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.symbol-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var PnIconGrid=function(){function e(e){registerInstance(this,e);this.small=false;this.color=colors["grey-08-night"];this.activeSymbol=null}e.prototype.copySymbolName=function(e){return __awaiter(this,void 0,void 0,(function(){var t;var o=this;return __generator(this,(function(r){switch(r.label){case 0:if(!navigator.clipboard){return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-icon symbol="'.concat(e,'" small="').concat(this.small,'" color="').concat(this.color,'" />'))];case 2:r.sent();this.activeSymbol=e;setTimeout((function(){o.activeSymbol=null}),3e3);return[3,4];case 3:t=r.sent();console.error("Failed to copy!",t);return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;return h("div",{class:"icon-grid"},Object.keys(allIcons).map((function(t){return h("div",{class:t===e.activeSymbol?"active icon":"icon",onClick:function(){return e.copySymbolName(t)}},t===e.activeSymbol&&h("span",{class:"copied"},"Copied"),h("pn-icon",{symbol:t,color:e.color,small:e.small}),h("p",{class:"symbol-name"},t),h("p",{class:"copy"},"Click to copy"))})))};return e}();PnIconGrid.style=pnIconGridCss;export{PnIconGrid as pn_icon_grid};
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){function n(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function a(e){try{c(r.next(e))}catch(t){i(t)}}function s(e){try{c(r["throw"](e))}catch(t){i(t)}}function c(e){e.done?o(e.value):n(e.value).then(a,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(o)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=t.call(e,o)}catch(s){a=[6,s];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-602e59ea.js";import{a as allIcons}from"./icons-87afa544.js";import{c as colors}from"./colors-dad016c3.js";var pnIconGridCss='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 17rem);grid-gap:5rem;max-width:120rem}.icon-grid .icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:14rem;position:relative;cursor:pointer;overflow:hidden}.icon-grid .icon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.icon-grid .icon.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.icon-grid .icon.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.icon-grid .icon span{position:absolute;top:1.5rem;right:1.5rem;color:#5e554a;font-size:0.9em}.icon-grid .icon p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5e554a;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.icon-grid .icon p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.symbol-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var PnIconGrid=function(){function e(e){registerInstance(this,e);this.small=false;this.color=colors["grey-08-night"];this.activeSymbol=null}e.prototype.copySymbolName=function(e){return __awaiter(this,void 0,void 0,(function(){var t;var o=this;return __generator(this,(function(r){switch(r.label){case 0:if(!navigator.clipboard){return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-icon symbol="'.concat(e,'" small="').concat(this.small,'" color="').concat(this.color,'" />'))];case 2:r.sent();this.activeSymbol=e;setTimeout((function(){o.activeSymbol=null}),3e3);return[3,4];case 3:t=r.sent();console.error("Failed to copy!",t);return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;return h("div",{class:"icon-grid"},Object.keys(allIcons).map((function(t){return h("div",{class:t===e.activeSymbol?"active icon":"icon",onClick:function(){return e.copySymbolName(t)}},t===e.activeSymbol&&h("span",{class:"copied"},"Copied"),h("pn-icon",{symbol:t,color:e.color,small:e.small}),h("p",{class:"symbol-name"},t),h("p",{class:"copy"},"Click to copy"))})))};return e}();PnIconGrid.style=pnIconGridCss;export{PnIconGrid as pn_icon_grid};

package/umd/modules/@postnord/web-components/esm-es5/pn-icon.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";import{a as allIcons}from"./icons-179d0f16.js";import{c as colors}from"./colors-7b5cb327.js";var pnIconCss="pn-icon{display:inline-block;vertical-align:top}pn-icon svg{display:block;height:1.5em;width:1.5em}pn-icon.small svg{height:1em;width:1em}";var PnIcon=function(){function n(n){registerInstance(this,n);this.symbol=null;this.small=false;this.color="black"}n.prototype.getIcon=function(){return(allIcons[this.symbol]||"").replace(/black/g,colors[this.color])};n.prototype.render=function(){return h(Host,{class:"pn-icon ".concat(this.small?"small":""),innerHTML:this.getIcon()})};return n}();PnIcon.style=pnIconCss;export{PnIcon as pn_icon};
+import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";import{a as allIcons}from"./icons-87afa544.js";import{c as colors}from"./colors-dad016c3.js";var pnIconCss="pn-icon{display:inline-block;vertical-align:top}pn-icon svg{display:block;height:1.5em;width:1.5em}pn-icon.small svg{height:1em;width:1em}";var PnIcon=function(){function n(n){registerInstance(this,n);this.symbol=null;this.small=false;this.color="black"}n.prototype.getIcon=function(){return(allIcons[this.symbol]||"").replace(/black/g,colors[this.color])};n.prototype.render=function(){return h(Host,{class:"pn-icon ".concat(this.small?"small":""),innerHTML:this.getIcon()})};return n}();PnIcon.style=pnIconCss;export{PnIcon as pn_icon};

package/umd/modules/@postnord/web-components/esm-es5/pn-illustration-grid.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{l(e.next(t))}catch(r){a(r)}}function s(t){try{l(e["throw"](t))}catch(r){a(r)}}function l(t){t.done?i(t.value):n(t.value).then(o,s)}l((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return l([t,r])}}function l(o){if(e)throw new TypeError("Generator is already executing.");while(i)try{if(e=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=r.call(t,i)}catch(s){o=[6,s];n=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-602e59ea.js";import{a as allIllustrations}from"./illustrations-5dd6b6a9.js";import{c as colors}from"./colors-7b5cb327.js";var pnIllustrationGridCss='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.illustration-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 19rem);grid-gap:5rem;max-width:120rem}.illustration-grid .illustration{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:16rem;position:relative;cursor:pointer;overflow:hidden}.illustration-grid .illustration svg{height:8rem}.illustration-grid .illustration:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.illustration-grid .illustration.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.illustration-grid .illustration.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.illustration-grid .illustration span{position:absolute;top:1.5rem;right:1.5rem;color:#5E554A;font-size:0.9em}.illustration-grid .illustration p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5E554A;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.illustration-grid .illustration p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.illustration-grid .illustration:hover p.illustration-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.illustration-grid .illustration:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var PnIllustrationGrid=function(){function t(t){registerInstance(this,t);this.size="medium";this.color=colors["postnord-default"];this.activeIllustration=null}t.prototype.copyIllustrationName=function(t){return __awaiter(this,void 0,void 0,(function(){var r;var i=this;return __generator(this,(function(e){switch(e.label){case 0:if(!navigator.clipboard){return[2]}e.label=1;case 1:e.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-illustration illustration="'.concat(t,'" />'))];case 2:e.sent();this.activeIllustration=t;setTimeout((function(){i.activeIllustration=null}),3e3);return[3,4];case 3:r=e.sent();console.error("Failed to copy!",r);return[3,4];case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return h("div",{class:"illustration-grid"},Object.keys(allIllustrations).map((function(r){return h("div",{class:r===t.activeIllustration?"active illustration":"illustration",onClick:function(){return t.copyIllustrationName(r)}},r===t.activeIllustration&&h("span",{class:"copied"},"Copied"),h("pn-illustration",{illustration:r}),h("p",{class:"illustration-name"},r),h("p",{class:"copy"},"Click to copy"))})))};return t}();PnIllustrationGrid.style=pnIllustrationGridCss;export{PnIllustrationGrid as pn_illustration_grid};
+var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{l(e.next(t))}catch(r){a(r)}}function s(t){try{l(e["throw"](t))}catch(r){a(r)}}function l(t){t.done?i(t.value):n(t.value).then(o,s)}l((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return l([t,r])}}function l(o){if(e)throw new TypeError("Generator is already executing.");while(i)try{if(e=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=r.call(t,i)}catch(s){o=[6,s];n=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-602e59ea.js";import{a as allIllustrations}from"./illustrations-5dd6b6a9.js";import{c as colors}from"./colors-dad016c3.js";var pnIllustrationGridCss='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.illustration-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 19rem);grid-gap:5rem;max-width:120rem}.illustration-grid .illustration{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:16rem;position:relative;cursor:pointer;overflow:hidden}.illustration-grid .illustration svg{height:8rem}.illustration-grid .illustration:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.illustration-grid .illustration.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.illustration-grid .illustration.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.illustration-grid .illustration span{position:absolute;top:1.5rem;right:1.5rem;color:#5e554a;font-size:0.9em}.illustration-grid .illustration p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5e554a;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.illustration-grid .illustration p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.illustration-grid .illustration:hover p.illustration-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.illustration-grid .illustration:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var PnIllustrationGrid=function(){function t(t){registerInstance(this,t);this.size="medium";this.color=colors["postnord-default"];this.activeIllustration=null}t.prototype.copyIllustrationName=function(t){return __awaiter(this,void 0,void 0,(function(){var r;var i=this;return __generator(this,(function(e){switch(e.label){case 0:if(!navigator.clipboard){return[2]}e.label=1;case 1:e.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-illustration illustration="'.concat(t,'" />'))];case 2:e.sent();this.activeIllustration=t;setTimeout((function(){i.activeIllustration=null}),3e3);return[3,4];case 3:r=e.sent();console.error("Failed to copy!",r);return[3,4];case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return h("div",{class:"illustration-grid"},Object.keys(allIllustrations).map((function(r){return h("div",{class:r===t.activeIllustration?"active illustration":"illustration",onClick:function(){return t.copyIllustrationName(r)}},r===t.activeIllustration&&h("span",{class:"copied"},"Copied"),h("pn-illustration",{illustration:r}),h("p",{class:"illustration-name"},r),h("p",{class:"copy"},"Click to copy"))})))};return t}();PnIllustrationGrid.style=pnIllustrationGridCss;export{PnIllustrationGrid as pn_illustration_grid};

package/umd/modules/@postnord/web-components/esm-es5/pn-input.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var pnInputCss="pn-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}pn-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-input input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-input input::-moz-placeholder{color:#969087;font-weight:normal}pn-input input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-input input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-input input::placeholder{color:#969087;font-weight:normal}pn-input input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-input input:hover{border:0.1rem solid #00A0D6}pn-input input:disabled{background:#F3F2F2;border:none}pn-input>.input-container{position:relative}pn-input>.input-container>button{position:absolute;right:1.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005D92;padding:0.6rem;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, background 0.2s, color 0.1s;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-input>.input-container>button:focus{border:0.1rem solid #005D92}pn-input>.input-container>button:hover{background:#E0F8FF}pn-input>.input-container>button:active{background:#005D92;color:white}pn-input>.input-container>svg{position:absolute;right:0.75em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-input>.input-container>svg polyline{stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005E41;stroke-dashoffset:23;stroke-dasharray:23}pn-input .label-container{margin-bottom:0.4rem;color:#5E554A;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}pn-input .label-container label{cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s}.label-container label.char-count{-ms-flex-negative:0;flex-shrink:0;padding-left:0.5em}pn-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5E554A}pn-input.error{color:#A70707}pn-input.error label{color:#A70707}pn-input.error small{color:#A70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #A70707}pn-input.error input:focus{border:0.1rem solid #A70707;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-input.error input:hover{border:0.1rem solid #F06365}pn-input.valid{color:#005E41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005E41}pn-input.valid input{border:0.1rem solid #005E41}pn-input.valid input:focus{border:0.1rem solid #005E41;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41}pn-input.valid input:hover{border:0.1rem solid #5EC584}pn-input.password input{padding-right:4em}pn-input.icon input{padding-right:2.3em}";var Pninput=function(){function t(t){registerInstance(this,t);this.disabled=false;this.error="";this.invalid=false;this.helpertext="";this.label="";this.placeholder="";this.inputid="".concat(Math.random());this.name="";this.required=null;this.type="text";this.autocomplete=null;this.valid=null;this.value="";this.maxlength="";this.min=null;this.max=null;this.showText=false}t.prototype.getTextMessage=function(){if(this.error)return this.error;if(this.helpertext)return this.helpertext;return null};t.prototype.toggleTextVisibility=function(){this.showText=!this.showText};t.prototype.getInputType=function(){var t=["text","password","url","tel","search","number","email"];return t.includes(this.type)&&!this.showText?this.type:"text"};t.prototype.setVal=function(t){var i;var n=(i=t.composedPath)===null||i===void 0?void 0:i.call(t)[0];this.value=n.value};t.prototype.getClassNames=function(){var t="pn-input ";if(this.error.length>0||this.invalid)t+="error ";if(this.valid)t+="valid ";if(this.type==="password")t+="password ";if(this.error||this.invalid||this.valid)t+="icon ";return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames()},(this.label||this.maxlength)&&h("div",{class:"label-container"},this.label&&h("label",{htmlFor:this.inputid},this.label),parseInt(this.maxlength)>0&&h("label",{class:"char-count",htmlFor:this.inputid},"".concat(this.value.length,"/").concat(this.maxlength))),h("div",{class:"input-container"},h("input",{type:this.getInputType(),value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,onInput:function(i){return t.setVal(i)},maxlength:this.maxlength,min:this.min,max:this.max}),h("svg",{class:"pn-input-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"})),this.type==="password"&&!this.disabled&&h("button",{onClick:function(){return t.toggleTextVisibility()}},"Show")),this.getTextMessage()&&h("small",null,this.error&&h("pn-icon",{symbol:"alert-exclamation-circle",small:true,color:"warning"}),this.getTextMessage()))};return t}();Pninput.style=pnInputCss;export{Pninput as pn_input};
+import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var pnInputCss="pn-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}pn-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5e554a;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-input input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-input input::-moz-placeholder{color:#969087;font-weight:normal}pn-input input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-input input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-input input::placeholder{color:#969087;font-weight:normal}pn-input input:focus{border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-input input:hover{border:0.1rem solid #00a0d6}pn-input input:disabled{background:#f3f2f2;border:none}pn-input>.input-container{position:relative}pn-input>.input-container>button{position:absolute;right:1.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005d92;padding:0.6rem;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, background 0.2s, color 0.1s;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-input>.input-container>button:focus{border:0.1rem solid #005d92}pn-input>.input-container>button:hover{background:#e0f8ff}pn-input>.input-container>button:active{background:#005d92;color:white}pn-input>.input-container>svg{position:absolute;right:0.75em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-input>.input-container>svg polyline{stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005e41;stroke-dashoffset:23;stroke-dasharray:23}pn-input .label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}pn-input .label-container label{cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s}.label-container label.char-count{-ms-flex-negative:0;flex-shrink:0;padding-left:0.5em}pn-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5e554a}pn-input.error{color:#a70707}pn-input.error label{color:#a70707}pn-input.error small{color:#a70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #a70707}pn-input.error input:focus{border:0.1rem solid #a70707;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-input.error input:hover{border:0.1rem solid #f06365}pn-input.valid{color:#005e41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005e41}pn-input.valid input{border:0.1rem solid #005e41}pn-input.valid input:focus{border:0.1rem solid #005e41;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-input.valid input:hover{border:0.1rem solid #5ec584}pn-input.password input{padding-right:4em}pn-input.icon input{padding-right:2.3em}";var Pninput=function(){function t(t){registerInstance(this,t);this.disabled=false;this.error="";this.invalid=false;this.helpertext="";this.label="";this.placeholder="";this.inputid="".concat(Math.random());this.name="";this.required=null;this.type="text";this.autocomplete=null;this.valid=null;this.value="";this.maxlength="";this.min=null;this.max=null;this.ariaLabel=null;this.showText=false}t.prototype.getTextMessage=function(){if(this.error)return this.error;if(this.helpertext)return this.helpertext;return null};t.prototype.toggleTextVisibility=function(){this.showText=!this.showText};t.prototype.getInputType=function(){var t=["text","password","url","tel","search","number","email"];return t.includes(this.type)&&!this.showText?this.type:"text"};t.prototype.setVal=function(t){var e;var i=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];this.value=i.value};t.prototype.getClassNames=function(){var t="pn-input ";if(this.error.length>0||this.invalid)t+="error ";if(this.valid)t+="valid ";if(this.type==="password")t+="password ";if(this.error||this.invalid||this.valid)t+="icon ";return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames()},(this.label||this.maxlength)&&h("div",{class:"label-container"},this.label&&h("label",{htmlFor:this.inputid},this.label),parseInt(this.maxlength)>0&&h("label",{class:"char-count",htmlFor:this.inputid},"".concat(this.value.length,"/").concat(this.maxlength))),h("div",{class:"input-container"},h("input",{type:this.getInputType(),value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,onInput:function(e){return t.setVal(e)},maxlength:this.maxlength,min:this.min,max:this.max,"aria-lavel":this.ariaLabel}),h("svg",{class:"pn-input-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"})),this.type==="password"&&!this.disabled&&h("button",{onClick:function(){return t.toggleTextVisibility()}},"Show")),this.getTextMessage()&&h("small",null,this.error&&h("pn-icon",{symbol:"alert-exclamation-circle",small:true,color:"warning"}),this.getTextMessage()))};return t}();Pninput.style=pnInputCss;export{Pninput as pn_input};

package/umd/modules/@postnord/web-components/esm-es5/pn-modal.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnModalCss="pn-modal .pn-modal{position:fixed;bottom:50%;left:50%;width:95%;max-width:45em;max-height:85vh;border:0.1rem solid #F3F2F2;border-radius:0.8rem;-webkit-transform:translate(-50%, 60%);transform:translate(-50%, 60%);-webkit-box-shadow:0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);box-shadow:0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);background:#FFFFFF;z-index:999;-webkit-transition:none;transition:none;pointer-events:none;opacity:0;visibility:hidden;overflow-y:auto;-webkit-transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1)}pn-modal[data-open] .pn-modal{visibility:visible;opacity:1;pointer-events:auto;-webkit-transition:visibility 0s linear 0s, opacity 0.55s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0s, opacity 0.55s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0s, opacity 0.55s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0s, opacity 0.55s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.pn-modal>.pn-modal-content{width:100%;padding:1.5em}.pn-modal>.pn-modal-close-button{position:absolute;right:1em;top:1em;outline:none;border:none;border-radius:50%;padding:0.3em;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, background 0.15s;transition:box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;cursor:pointer;background:#FFFFFF}.pn-modal>.pn-modal-close-button svg path{-webkit-transition:fill 0.15s;transition:fill 0.15s;pointer-events:none}.pn-modal>.pn-modal-close-button:hover,.pn-modal>.pn-modal-close-button:focus{background:#E0F8FF}.pn-modal>.pn-modal-close-button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}.pn-modal>.pn-modal-close-button:active{background:#0D234B}.pn-modal>.pn-modal-close-button:active svg path{fill:#FFFFFF}pn-modal .pn-modal>[slot=buttons]{position:static;width:100%;background:white;border-top:0.1rem solid #D3CECB;padding:0.5em 1em;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}pn-modal .pn-modal>[slot=buttons]>*{margin:0.5em}pn-modal>.pn-modal-backdrop{position:fixed;width:120vw;height:120vh;top:-10vh;left:-10vw;background:#2D2013;opacity:0;z-index:9;visibility:hidden;-webkit-transition:visibility 0s linear 0.3s, opacity 0.3s;transition:visibility 0s linear 0.3s, opacity 0.3s}pn-modal[data-open] .pn-modal-backdrop{opacity:0.65;visibility:visible;-webkit-transition:visibility 0s linear 0s, opacity 0.3s;transition:visibility 0s linear 0s, opacity 0.3s}@media screen and (max-width: 30em){pn-modal .pn-modal{width:100%;max-height:95vh;bottom:0;-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%);border-radius:0.8rem 0.8rem 0 0}pn-modal[data-open] .pn-modal{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}pn-modal .pn-modal>[slot=buttons]{-ms-flex-pack:center;justify-content:center}pn-modal .pn-modal>[slot=buttons]>*{-ms-flex:1 0 auto;flex:1 0 auto}}@supports ((position: -webkit-sticky) or (position: sticky)){pn-modal .pn-modal>[slot=buttons]{position:-webkit-sticky;position:sticky;bottom:0;left:0;z-index:2}pn-modal .pn-modal>.pn-modal-close-button{position:-webkit-sticky;position:sticky;display:block;left:100%;margin:1em 1em 0 0;z-index:10}pn-modal .pn-modal>.pn-modal-content{margin-top:-3em}}";var PnModal=function(){function t(t){registerInstance(this,t);this.close=createEvent(this,"close",7);this.open=false;this.handleFocus=this.focusHandler.bind(this);this.handleBlur=this.blurHandler.bind(this);this.handleEsc=this.escHandler.bind(this);this.handleGlobalClick=this.globalClickHandler.bind(this)}t.prototype.componentDidLoad=function(){var t=this;if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){forceUpdate(t.hostElement);t.setFocusableElements()}));e.observe(this.hostElement.querySelector(".pn-modal"),{childList:true,subtree:true});if(this.open)this.addEventListeners();this.setFocusableElements()};t.prototype.openHandler=function(){if(this.open){this.addEventListeners()}else{this.removeEventListeners();this.elToFocus=null;this.close.emit(this.open)}};t.prototype.setFocusableElements=function(){var t=this;requestAnimationFrame((function(){t.focusableEls=Array.from(t.hostElement.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]):not(.pn-modal-backdrop), pn-option'));t.untabbable=Array.from(t.hostElement.querySelectorAll('[tabindex="-1"]'))}))};t.prototype.addEventListeners=function(){var t=this;var e=this.hostElement.getRootNode();e.addEventListener("focusin",this.handleFocus);e.addEventListener("focusout",this.handleBlur);e.addEventListener("keydown",this.handleEsc);requestAnimationFrame((function(){document.addEventListener("pointerdown",t.handleGlobalClick)}))};t.prototype.removeEventListeners=function(){var t=this.hostElement.getRootNode();t.removeEventListener("focusin",this.handleFocus);t.removeEventListener("focusout",this.handleBlur);t.removeEventListener("keydown",this.handleEsc);document.removeEventListener("pointerdown",this.handleGlobalClick)};t.prototype.focusHandler=function(t){var e=t.composedPath()[0];if(!this.focusableEls.includes(e)&&!this.untabbable.includes(e)||e.classList.contains("pn-modal-backdrop")){if(this.elToFocus){this.elToFocus.focus();return}this.focusableEls[0].focus()}};t.prototype.blurHandler=function(t){var e;var o=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];var i=this.focusableEls.indexOf(o);var n=this.focusableEls.length-1;if(i===0)this.elToFocus=this.focusableEls[n];if(i===n)this.elToFocus=this.focusableEls[0]};t.prototype.escHandler=function(t){var e=t.code;if(e==="Escape")this.open=false};t.prototype.globalClickHandler=function(t){var e;var o=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];if(!this.hostElement.contains(o)||o.classList.contains("pn-modal-backdrop")){t.preventDefault();this.open=false}};t.prototype.render=function(){var t=this;return h(Host,{"data-open":this.open},h("div",{class:"pn-modal-backdrop",tabindex:"0"}),h("div",{class:"pn-modal"},h("button",{class:"pn-modal-close-button",onClick:function(){return t.open=false},type:"button",title:"close","aria-label":"close"},h("pn-icon",{symbol:"close",color:"blue700"})),h("div",{class:"pn-modal-content"},h("slot",null)),h("slot",{name:"buttons"})),h("div",{class:"pn-modal-backdrop",tabindex:"0"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnModal.style=pnModalCss;export{PnModal as pn_modal};
+import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnModalCss="pn-modal .pn-modal{position:fixed;bottom:50%;left:50%;width:95%;max-width:45em;max-height:85vh;border:0.1rem solid #f3f2f2;border-radius:0.8rem;-webkit-transform:translate(-50%, 60%);transform:translate(-50%, 60%);-webkit-box-shadow:0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);box-shadow:0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);background:#ffffff;z-index:999;-webkit-transition:none;transition:none;pointer-events:none;opacity:0;visibility:hidden;overflow-y:auto;-webkit-transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0.55s, opacity 0.25s 0.15s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1)}pn-modal[data-open] .pn-modal{visibility:visible;opacity:1;pointer-events:auto;-webkit-transition:visibility 0s linear 0s, opacity 0.55s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0s, opacity 0.55s, -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0s, opacity 0.55s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);transition:visibility 0s linear 0s, opacity 0.55s, transform 0.55s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.55s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.pn-modal>.pn-modal-content{width:100%;padding:1.5em}.pn-modal>.pn-modal-close-button{position:absolute;right:1em;top:1em;outline:none;border:none;border-radius:50%;padding:0.3em;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, background 0.15s;transition:box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;cursor:pointer;background:#ffffff}.pn-modal>.pn-modal-close-button svg path{-webkit-transition:fill 0.15s;transition:fill 0.15s;pointer-events:none}.pn-modal>.pn-modal-close-button:hover,.pn-modal>.pn-modal-close-button:focus{background:#e0f8ff}.pn-modal>.pn-modal-close-button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}.pn-modal>.pn-modal-close-button:active{background:#0d234b}.pn-modal>.pn-modal-close-button:active svg path{fill:#ffffff}pn-modal .pn-modal>[slot=buttons]{position:static;width:100%;background:white;border-top:0.1rem solid #d3cecb;padding:0.5em 1em;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}pn-modal .pn-modal>[slot=buttons]>*{margin:0.5em}pn-modal>.pn-modal-backdrop{position:fixed;width:120vw;height:120vh;top:-10vh;left:-10vw;background:#2d2013;opacity:0;z-index:9;visibility:hidden;-webkit-transition:visibility 0s linear 0.3s, opacity 0.3s;transition:visibility 0s linear 0.3s, opacity 0.3s}pn-modal[data-open] .pn-modal-backdrop{opacity:0.65;visibility:visible;-webkit-transition:visibility 0s linear 0s, opacity 0.3s;transition:visibility 0s linear 0s, opacity 0.3s}@media screen and (max-width: 30em){pn-modal .pn-modal{width:100%;max-height:95vh;bottom:0;-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%);border-radius:0.8rem 0.8rem 0 0}pn-modal[data-open] .pn-modal{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}pn-modal .pn-modal>[slot=buttons]{-ms-flex-pack:center;justify-content:center}pn-modal .pn-modal>[slot=buttons]>*{-ms-flex:1 0 auto;flex:1 0 auto}}@supports ((position: -webkit-sticky) or (position: sticky)){pn-modal .pn-modal>[slot=buttons]{position:-webkit-sticky;position:sticky;bottom:0;left:0;z-index:2}pn-modal .pn-modal>.pn-modal-close-button{position:-webkit-sticky;position:sticky;display:block;left:100%;margin:1em 1em 0 0;z-index:10}pn-modal .pn-modal>.pn-modal-content{margin-top:-3em}}";var PnModal=function(){function t(t){registerInstance(this,t);this.close=createEvent(this,"close",7);this.open=false;this.handleFocus=this.focusHandler.bind(this);this.handleBlur=this.blurHandler.bind(this);this.handleEsc=this.escHandler.bind(this);this.handleGlobalClick=this.globalClickHandler.bind(this)}t.prototype.componentDidLoad=function(){var t=this;if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){forceUpdate(t.hostElement);t.setFocusableElements()}));e.observe(this.hostElement.querySelector(".pn-modal"),{childList:true,subtree:true});if(this.open)this.addEventListeners();this.setFocusableElements()};t.prototype.openHandler=function(){if(this.open){this.addEventListeners()}else{this.removeEventListeners();this.elToFocus=null;this.close.emit(this.open)}};t.prototype.setFocusableElements=function(){var t=this;requestAnimationFrame((function(){t.focusableEls=Array.from(t.hostElement.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]):not(.pn-modal-backdrop), pn-option'));t.untabbable=Array.from(t.hostElement.querySelectorAll('[tabindex="-1"]'))}))};t.prototype.addEventListeners=function(){var t=this;var e=this.hostElement.getRootNode();e.addEventListener("focusin",this.handleFocus);e.addEventListener("focusout",this.handleBlur);e.addEventListener("keydown",this.handleEsc);requestAnimationFrame((function(){document.addEventListener("pointerdown",t.handleGlobalClick)}))};t.prototype.removeEventListeners=function(){var t=this.hostElement.getRootNode();t.removeEventListener("focusin",this.handleFocus);t.removeEventListener("focusout",this.handleBlur);t.removeEventListener("keydown",this.handleEsc);document.removeEventListener("pointerdown",this.handleGlobalClick)};t.prototype.focusHandler=function(t){var e=t.composedPath()[0];if(!this.focusableEls.includes(e)&&!this.untabbable.includes(e)||e.classList.contains("pn-modal-backdrop")){if(this.elToFocus){this.elToFocus.focus();return}this.focusableEls[0].focus()}};t.prototype.blurHandler=function(t){var e;var o=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];var i=this.focusableEls.indexOf(o);var n=this.focusableEls.length-1;if(i===0)this.elToFocus=this.focusableEls[n];if(i===n)this.elToFocus=this.focusableEls[0]};t.prototype.escHandler=function(t){var e=t.code;if(e==="Escape")this.open=false};t.prototype.globalClickHandler=function(t){var e;var o=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];if(!this.hostElement.contains(o)||o.classList.contains("pn-modal-backdrop")){t.preventDefault();this.open=false}};t.prototype.render=function(){var t=this;return h(Host,{"data-open":this.open},h("div",{class:"pn-modal-backdrop",tabindex:"0"}),h("div",{class:"pn-modal"},h("button",{class:"pn-modal-close-button",onClick:function(){return t.open=false},type:"button",title:"close","aria-label":"close"},h("pn-icon",{symbol:"close",color:"blue700"})),h("div",{class:"pn-modal-content"},h("slot",null)),h("slot",{name:"buttons"})),h("div",{class:"pn-modal-backdrop",tabindex:"0"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnModal.style=pnModalCss;export{PnModal as pn_modal};

package/umd/modules/@postnord/web-components/esm-es5/pn-nav-dropdown.entry.js

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(t,n,e){if(e||arguments.length===2)for(var o=0,r=n.length,i;o<r;o++){if(i||!(o in n)){if(!i)i=Array.prototype.slice.call(n,0,o);i[o]=n[o]}}return t.concat(i||Array.prototype.slice.call(n))};import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnNavDropdownCss="pn-nav-dropdown{display:inline-block;position:relative}pn-nav-dropdown>button{background:none;outline:none;border-radius:0.8rem;border:none;cursor:pointer;padding:0.25em;font-size:1em;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, background 0.15s;transition:box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#005D92;font-weight:normal}pn-nav-dropdown>button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-nav-dropdown>button:hover,pn-nav-dropdown>button:focus{background:#EFFBFF}.pn-nav-dropdown-label>pn-icon{margin-left:0.4em}.nav-dropdown-content-container{position:absolute;top:130%;left:0;border-radius:1em;-webkit-box-shadow:0 0.2rem 1.6rem rgba(0, 0, 0, 0.2);box-shadow:0 0.2rem 1.6rem rgba(0, 0, 0, 0.2);-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:-webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;-webkit-transform:scale(0);transform:scale(0);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;z-index:10;background:#FFFFFF}pn-nav-dropdown.nav-dropdown-right .nav-dropdown-content-container{left:unset;right:0;-webkit-transform-origin:top right;transform-origin:top right}.nav-dropdown-content{padding:1em;opacity:0;-webkit-transition:opacity 0.1s cubic-bezier(0.6, 0, 0.4, 1);transition:opacity 0.1s cubic-bezier(0.6, 0, 0.4, 1);-webkit-transition-delay:0s;transition-delay:0s;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%}pn-nav-dropdown[data-open=true] .nav-dropdown-content-container{-webkit-transition-delay:0s;transition-delay:0s}pn-nav-dropdown[data-open=true] .nav-dropdown-content{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transition-duration:0.18s;transition-duration:0.18s;opacity:1}pn-nav-dropdown .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.6, 0, 0.4, 1);animation:ripple 0.4s cubic-bezier(0.6, 0, 0.4, 1);position:absolute;border-radius:50%;background:#005D92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}";var PnnavDropdown=function(){function t(t){registerInstance(this,t);this.label="Dropdown";this.icon="";this.open=false;this.position="";this.right=false;this.handleGlobalEvents=this.globalHandler.bind(this)}t.prototype.componentDidLoad=function(){var t=Array.from(this.hostElement.querySelectorAll(".nav-dropdown-content a"));var n=Array.from(this.hostElement.querySelectorAll(".nav-dropdown-content button"));var e=Array.from(this.hostElement.querySelectorAll(".nav-dropdown-content input"));this.dropdown=this.hostElement.querySelector(".nav-dropdown-content-container");this.focusableElements=__spreadArray(__spreadArray(__spreadArray([],n,true),t,true),e,true);this.toggleTabOrder()};t.prototype.openHandler=function(){this.toggleTabOrder();this.toggleDropdown();if(this.open){document.addEventListener("click",this.handleGlobalEvents);document.addEventListener("keyup",this.handleGlobalEvents)}if(!this.open){document.removeEventListener("click",this.handleGlobalEvents);document.removeEventListener("keyup",this.handleGlobalEvents)}};t.prototype.globalHandler=function(t){if(!this.hostElement.contains(t.target)&&t.type!=="scroll"||(t===null||t===void 0?void 0:t.key)==="Escape"){this.open=false}else if(t.type==="scroll"){var n=this.hostElement.getBoundingClientRect().top;var e=window.innerHeight-this.hostElement.getBoundingClientRect().bottom;if(e<=0||n<=0){this.open=false}}};t.prototype.toggleDropdown=function(){var t=this;this.right=this.hostElement.offsetLeft>window.innerWidth/2;requestAnimationFrame((function(){if(t.open){t.dropdown.style.transition="none";t.dropdown.style.transform="none"}var n=t.dropdown.getBoundingClientRect();var e;if(n.right>window.innerWidth||n.x<0){e=n.x+n.width+window.innerWidth*.025-window.innerWidth}else{e=0}t.dropdown.style.transform="";requestAnimationFrame((function(){t.dropdown.style.transition="";t.dropdown.style.transform=t.open?"scale(1) translateX(-".concat(e,"px)"):"";requestAnimationFrame((function(){t.hostElement.dataset.open="".concat(t.open)}))}))}))};t.prototype.toggleTabOrder=function(){if(!this.focusableElements.length)return;var t=this.open?"0":"-1";this.focusableElements.forEach((function(n){n.setAttribute("tabindex",t)}))};t.prototype.ripple=function(t){var n=this.hostElement.querySelector(".pn-nav-dropdown-label");this.open=!this.open;var e=n.getBoundingClientRect();var o=e.left;var r=e.top;var i=document.createElement("div");var a=e.width>e.height?e.width:e.height;i.classList.add("pn-ripple");n.appendChild(i);i.style.height="".concat(a*2,"px");i.style.width="".concat(a*2,"px");i.style.left=t.clientX>0?"".concat(t.clientX-o,"px"):"50%";i.style.top=t.clientY>0?"".concat(t.clientY-r,"px"):"50%";setTimeout((function(){return i.remove()}),400)};t.prototype.getClassNames=function(){var t="";if(this.right)t+="nav-dropdown-right ";return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames()},h("button",{class:"pn-nav-dropdown-label",type:"button",onClick:function(n){return t.ripple(n)}},this.label,this.icon?h("pn-icon",{symbol:this.icon,color:"blue700"}):null),h("div",{class:"nav-dropdown-content-container"},h("div",{class:"nav-dropdown-content"},h("slot",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnnavDropdown.style=pnNavDropdownCss;export{PnnavDropdown as pn_nav_dropdown};
+var __spreadArray=this&&this.__spreadArray||function(t,n,e){if(e||arguments.length===2)for(var o=0,r=n.length,i;o<r;o++){if(i||!(o in n)){if(!i)i=Array.prototype.slice.call(n,0,o);i[o]=n[o]}}return t.concat(i||Array.prototype.slice.call(n))};import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnNavDropdownCss="pn-nav-dropdown{display:inline-block;position:relative}pn-nav-dropdown>button{background:none;outline:none;border-radius:0.8rem;border:none;cursor:pointer;padding:0.25em;font-size:1em;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, background 0.15s;transition:box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;position:relative;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#005d92;font-weight:normal}pn-nav-dropdown>button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-nav-dropdown>button:hover,pn-nav-dropdown>button:focus{background:#effbff}.pn-nav-dropdown-label>pn-icon{margin-left:0.4em}.nav-dropdown-content-container{position:absolute;top:130%;left:0;border-radius:1em;-webkit-box-shadow:0 0.2rem 1.6rem rgba(0, 0, 0, 0.2);box-shadow:0 0.2rem 1.6rem rgba(0, 0, 0, 0.2);-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:-webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s;-webkit-transform:scale(0);transform:scale(0);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;z-index:10;background:#ffffff}pn-nav-dropdown.nav-dropdown-right .nav-dropdown-content-container{left:unset;right:0;-webkit-transform-origin:top right;transform-origin:top right}.nav-dropdown-content{padding:1em;opacity:0;-webkit-transition:opacity 0.1s cubic-bezier(0.6, 0, 0.4, 1);transition:opacity 0.1s cubic-bezier(0.6, 0, 0.4, 1);-webkit-transition-delay:0s;transition-delay:0s;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%}pn-nav-dropdown[data-open=true] .nav-dropdown-content-container{-webkit-transition-delay:0s;transition-delay:0s}pn-nav-dropdown[data-open=true] .nav-dropdown-content{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transition-duration:0.18s;transition-duration:0.18s;opacity:1}pn-nav-dropdown .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.6, 0, 0.4, 1);animation:ripple 0.4s cubic-bezier(0.6, 0, 0.4, 1);position:absolute;border-radius:50%;background:#005d92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}";var PnnavDropdown=function(){function t(t){registerInstance(this,t);this.label="Dropdown";this.icon="";this.open=false;this.position="";this.right=false;this.handleGlobalEvents=this.globalHandler.bind(this)}t.prototype.componentDidLoad=function(){var t=Array.from(this.hostElement.querySelectorAll(".nav-dropdown-content a"));var n=Array.from(this.hostElement.querySelectorAll(".nav-dropdown-content button"));var e=Array.from(this.hostElement.querySelectorAll(".nav-dropdown-content input"));this.dropdown=this.hostElement.querySelector(".nav-dropdown-content-container");this.focusableElements=__spreadArray(__spreadArray(__spreadArray([],n,true),t,true),e,true);this.toggleTabOrder()};t.prototype.openHandler=function(){this.toggleTabOrder();this.toggleDropdown();if(this.open){document.addEventListener("click",this.handleGlobalEvents);document.addEventListener("keyup",this.handleGlobalEvents)}if(!this.open){document.removeEventListener("click",this.handleGlobalEvents);document.removeEventListener("keyup",this.handleGlobalEvents)}};t.prototype.globalHandler=function(t){if(!this.hostElement.contains(t.target)&&t.type!=="scroll"||(t===null||t===void 0?void 0:t.key)==="Escape"){this.open=false}else if(t.type==="scroll"){var n=this.hostElement.getBoundingClientRect().top;var e=window.innerHeight-this.hostElement.getBoundingClientRect().bottom;if(e<=0||n<=0){this.open=false}}};t.prototype.toggleDropdown=function(){var t=this;this.right=this.hostElement.offsetLeft>window.innerWidth/2;requestAnimationFrame((function(){if(t.open){t.dropdown.style.transition="none";t.dropdown.style.transform="none"}var n=t.dropdown.getBoundingClientRect();var e;if(n.right>window.innerWidth||n.x<0){e=n.x+n.width+window.innerWidth*.025-window.innerWidth}else{e=0}t.dropdown.style.transform="";requestAnimationFrame((function(){t.dropdown.style.transition="";t.dropdown.style.transform=t.open?"scale(1) translateX(-".concat(e,"px)"):"";requestAnimationFrame((function(){t.hostElement.dataset.open="".concat(t.open)}))}))}))};t.prototype.toggleTabOrder=function(){if(!this.focusableElements.length)return;var t=this.open?"0":"-1";this.focusableElements.forEach((function(n){n.setAttribute("tabindex",t)}))};t.prototype.ripple=function(t){var n=this.hostElement.querySelector(".pn-nav-dropdown-label");this.open=!this.open;var e=n.getBoundingClientRect();var o=e.left;var r=e.top;var i=document.createElement("div");var a=e.width>e.height?e.width:e.height;i.classList.add("pn-ripple");n.appendChild(i);i.style.height="".concat(a*2,"px");i.style.width="".concat(a*2,"px");i.style.left=t.clientX>0?"".concat(t.clientX-o,"px"):"50%";i.style.top=t.clientY>0?"".concat(t.clientY-r,"px"):"50%";setTimeout((function(){return i.remove()}),400)};t.prototype.getClassNames=function(){var t="";if(this.right)t+="nav-dropdown-right ";return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames()},h("button",{class:"pn-nav-dropdown-label",type:"button",onClick:function(n){return t.ripple(n)}},this.label,this.icon?h("pn-icon",{symbol:this.icon,color:"blue700"}):null),h("div",{class:"nav-dropdown-content-container"},h("div",{class:"nav-dropdown-content"},h("slot",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnnavDropdown.style=pnNavDropdownCss;export{PnnavDropdown as pn_nav_dropdown};

package/umd/modules/@postnord/web-components/esm-es5/pn-ocr-search.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,n,r,t){function a(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,i){function s(e){try{c(t.next(e))}catch(n){i(n)}}function o(e){try{c(t["throw"](e))}catch(n){i(n)}}function c(e){e.done?r(e.value):a(e.value).then(s,o)}c((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(n){return c([e,n])}}function c(s){if(t)throw new TypeError("Generator is already executing.");while(r)try{if(t=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=n.call(e,r)}catch(o){s=[6,o];a=0}finally{t=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var translations={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"}};var pnOcrSearchCss="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}";var PnOcrSearch=function(){function e(e){registerInstance(this,e);this.language="";this.loading=false;this.error=false;this.ocrNumber="";this.searchSuccess=false;this.invalidOcrNumber=false}e.prototype.getTranslation=function(e,n){var r,t;return((r=translations[e])===null||r===void 0?void 0:r[n])||((t=translations[e])===null||t===void 0?void 0:t.sv)||e};e.prototype.handleSearch=function(e){this.invalidOcrNumber=false;this.searchSuccess=false;this.error=false;var n=this.validateOcrNumber(e.detail);if(n.error){this.invalidOcrNumber=true;return}this.ocrNumberSearch(n.value)};e.prototype.ocrNumberSearch=function(e){return __awaiter(this,void 0,void 0,(function(){var n=this;return __generator(this,(function(r){switch(r.label){case 0:this.loading=true;return[4,fetch("https://portal.postnord.com/public-service/api/ocr?key=".concat(e)).then((function(e){return e.json()})).then((function(e){n.loading=false;n.ocrNumber=e.newOcr;n.searchSuccess=true})).catch((function(){n.error=true;n.loading=false;n.searchSuccess=false}))];case 1:r.sent();return[2]}}))}))};e.prototype.validateOcrNumber=function(e){var n=e?e.replace(/[ -]/gi,""):"";var r=new RegExp(/\D+/);var t=r.test(n)||n.length!==6;return{error:t,value:n}};e.prototype.renderSearchResult=function(){if(!this.loading&&!this.error&&this.searchSuccess){return h("div",{class:"search-results"},this.getTranslation("SEARCH_SUCCESS",this.language),": ",h("b",null,this.ocrNumber))}};e.prototype.renderErrorMessage=function(){if(this.invalidOcrNumber&&!this.loading){return h("div",{class:"invalid-text-container"},h("p",{class:"invalid-ocr"},this.getTranslation("ERROR_INVALID_LICENSE_NUMBER",this.language)))}if(this.error&&!this.loading){return h("div",{class:"error-text-container"},h("p",{class:"bold"},this.getTranslation("ERROR_NO_RESULTS",this.language)),h("p",{class:"bold"},this.getTranslation("ERROR_REASON_HEADER",this.language)),h("p",null,this.getTranslation("ERROR_REASON_ONE",this.language)),h("p",null,this.getTranslation("ERROR_REASON_TWO",this.language)))}};e.prototype.render=function(){var e=this;return h(Host,null,h("pn-search-field",{loading:this.loading,label:this.getTranslation("SEARCH_BUTTON",this.language),button:"",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.language),onSearch:function(n){return e.handleSearch(n)}}),this.renderSearchResult(),this.renderErrorMessage())};return e}();PnOcrSearch.style=pnOcrSearchCss;export{PnOcrSearch as pn_ocr_search};
+var __awaiter=this&&this.__awaiter||function(e,n,r,t){function a(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,i){function s(e){try{c(t.next(e))}catch(n){i(n)}}function o(e){try{c(t["throw"](e))}catch(n){i(n)}}function c(e){e.done?r(e.value):a(e.value).then(s,o)}c((t=t.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(n){return c([e,n])}}function c(s){if(t)throw new TypeError("Generator is already executing.");while(r)try{if(t=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=n.call(e,r)}catch(o){s=[6,o];a=0}finally{t=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var translations={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"}};var pnOcrSearchCss="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}";var PnOcrSearch=function(){function e(e){registerInstance(this,e);this.language="";this.loading=false;this.error=false;this.ocrNumber="";this.searchSuccess=false;this.invalidOcrNumber=false}e.prototype.getTranslation=function(e,n){var r,t;return((r=translations[e])===null||r===void 0?void 0:r[n])||((t=translations[e])===null||t===void 0?void 0:t.sv)||e};e.prototype.handleSearch=function(e){this.invalidOcrNumber=false;this.searchSuccess=false;this.error=false;var n=this.validateOcrNumber(e.detail);if(n.error){this.invalidOcrNumber=true;return}this.ocrNumberSearch(n.value)};e.prototype.ocrNumberSearch=function(e){return __awaiter(this,void 0,void 0,(function(){var n=this;return __generator(this,(function(r){switch(r.label){case 0:this.loading=true;return[4,fetch("https://portal.postnord.com/public-service/api/ocr?key=".concat(e)).then((function(e){return e.json()})).then((function(e){n.loading=false;n.ocrNumber=e.newOcr;n.searchSuccess=true})).catch((function(){n.error=true;n.loading=false;n.searchSuccess=false}))];case 1:r.sent();return[2]}}))}))};e.prototype.validateOcrNumber=function(e){var n=e?e.replace(/[ -]/gi,""):"";var r=new RegExp(/\D+/);var t=r.test(n)||n.length!==6;return{error:t,value:n}};e.prototype.renderSearchResult=function(){if(!this.loading&&!this.error&&this.searchSuccess){return h("div",{class:"search-results"},this.getTranslation("SEARCH_SUCCESS",this.language),": ",h("b",null,this.ocrNumber))}};e.prototype.renderErrorMessage=function(){if(this.invalidOcrNumber&&!this.loading){return h("div",{class:"invalid-text-container"},h("p",{class:"invalid-ocr"},this.getTranslation("ERROR_INVALID_LICENSE_NUMBER",this.language)))}if(this.error&&!this.loading){return h("div",{class:"error-text-container"},h("p",{class:"bold"},this.getTranslation("ERROR_NO_RESULTS",this.language)),h("p",{class:"bold"},this.getTranslation("ERROR_REASON_HEADER",this.language)),h("p",null,this.getTranslation("ERROR_REASON_ONE",this.language)),h("p",null,this.getTranslation("ERROR_REASON_TWO",this.language)))}};e.prototype.render=function(){var e=this;return h(Host,null,h("pn-search-field",{loading:this.loading,label:this.getTranslation("SEARCH_BUTTON",this.language),button:"",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.language),onSearch:function(n){return e.handleSearch(n)}}),this.renderSearchResult(),this.renderErrorMessage())};return e}();PnOcrSearch.style=pnOcrSearchCss;export{PnOcrSearch as pn_ocr_search};

package/umd/modules/@postnord/web-components/esm-es5/pn-option.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnOptionCss="pn-option{outline:none;background:#fff;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow-wrap:break-word}pn-option .pn-option-content{max-width:100%}pn-option pn-checkbox{margin-right:0.5em}pn-option:hover,pn-option:focus{background-color:#E0F8FF}pn-option:focus{-webkit-box-shadow:0 0.1rem 0 0 #005D92, 0 -0.1rem 0 0 #005D92;box-shadow:0 0.1rem 0 0 #005D92, 0 -0.1rem 0 0 #005D92}";var PnOption=function(){function e(e){registerInstance(this,e);this.selectOption=createEvent(this,"selectOption",7);this.checkchange=createEvent(this,"checkchange",3);this.selected=false;this.selectHasLoaded=false;this.parentValue=null;this.checked=false;this.checkbox=false;this.index=null}e.prototype.changeHandler=function(e){this.checked=e.target.checked};e.prototype.componentDidLoad=function(){this.registerEventHandlers()};e.prototype.componentDidUpdate=function(){if(this.selected||this.value===this.parentValue)this.selectOption.emit(this.value);this.checkchange.emit(this.checked)};e.prototype.registerEventHandlers=function(){var e=this;var t=["click","keydown"];var n=["Enter","Space"];t.forEach((function(t){e.hostElement.addEventListener(t,(function(t){if(t.type==="click"||n.includes(t.code)){if(t.type==="keydown")t.preventDefault();if(e.checkbox){e.checked=!e.checked}else{e.selected=true}}}))}))};e.prototype.render=function(){var e=this;return h(Host,{tabindex:"-1"},this.checkbox?h("pn-checkbox",{checkboxid:"id-".concat(this.index),onChange:function(t){return e.changeHandler(t)},checked:this.checked}):"",h("div",{class:"pn-option-content"},h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnOption.style=pnOptionCss;export{PnOption as pn_option};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnOptionCss="pn-option{outline:none;background:#fff;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow-wrap:break-word}pn-option .pn-option-content{max-width:100%}pn-option pn-checkbox{margin-right:0.5em}pn-option:hover,pn-option:focus{background-color:#e0f8ff}pn-option:focus{-webkit-box-shadow:0 0.1rem 0 0 #005d92, 0 -0.1rem 0 0 #005d92;box-shadow:0 0.1rem 0 0 #005d92, 0 -0.1rem 0 0 #005d92}";var PnOption=function(){function e(e){registerInstance(this,e);this.selectOption=createEvent(this,"selectOption",7);this.checkchange=createEvent(this,"checkchange",3);this.selected=false;this.selectHasLoaded=false;this.parentValue=null;this.checked=false;this.checkbox=false;this.index=null}e.prototype.changeHandler=function(e){this.checked=e.target.checked};e.prototype.componentDidLoad=function(){this.registerEventHandlers()};e.prototype.componentDidUpdate=function(){if(this.selected||this.value===this.parentValue)this.selectOption.emit(this.value);this.checkchange.emit(this.checked)};e.prototype.registerEventHandlers=function(){var e=this;var t=["click","keydown"];var n=["Enter","Space"];t.forEach((function(t){e.hostElement.addEventListener(t,(function(t){if(t.type==="click"||n.includes(t.code)){if(t.type==="keydown")t.preventDefault();if(e.checkbox){e.checked=!e.checked}else{e.selected=true}}}))}))};e.prototype.render=function(){var e=this;return h(Host,{tabindex:"-1"},this.checkbox?h("pn-checkbox",{checkboxid:"id-".concat(this.index),onChange:function(t){return e.changeHandler(t)},checked:this.checked}):"",h("div",{class:"pn-option-content"},h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnOption.style=pnOptionCss;export{PnOption as pn_option};

package/umd/modules/@postnord/web-components/esm-es5/pn-page-nav-dropdown-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";var pnPageNavDropdownItemCss="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#FFFFFF;font-size:inherit;border:none;padding:1em;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005D92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#0068a6}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#263d64}pn-page-nav-dropdown-item li>*:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005D92, inset 0 0 0 0.2em #D3CECB;box-shadow:inset 0 0 0 0.1em #005D92, inset 0 0 0 0.2em #D3CECB}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.1em solid #D3CECB;opacity:0.6;width:85%}";var PnPageNavDropdownItem=function(){function e(e){var n=this;registerInstance(this,e);this.itemselection=createEvent(this,"itemselection",7);this.select=function(e){if(n.value&&!n.href)e.preventDefault();n.itemselection.emit(n.value)}}e.prototype.setClassnames=function(){var e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e};e.prototype.getType=function(){return this.value?"text/html":"button"};e.prototype.getTagName=function(){return this.value?"a":"button"};e.prototype.render=function(){var e=this.getTagName();return h("li",null,h(e,{href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:this.select,tabindex:"-1"},h("slot",null),h("pn-icon",{symbol:"arrow-right",color:"white"})),h("hr",null))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnPageNavDropdownItem.style=pnPageNavDropdownItemCss;export{PnPageNavDropdownItem as pn_page_nav_dropdown_item};
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";var pnPageNavDropdownItemCss="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#0068a6}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#263d64}pn-page-nav-dropdown-item li>*:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.1em solid #d3cecb;opacity:0.6;width:85%}";var PnPageNavDropdownItem=function(){function e(e){var n=this;registerInstance(this,e);this.itemselection=createEvent(this,"itemselection",7);this.select=function(e){if(n.value&&!n.href)e.preventDefault();n.itemselection.emit(n.value)}}e.prototype.setClassnames=function(){var e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e};e.prototype.getType=function(){return this.value?"text/html":"button"};e.prototype.getTagName=function(){return this.value?"a":"button"};e.prototype.render=function(){var e=this.getTagName();return h("li",null,h(e,{href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:this.select,tabindex:"-1"},h("slot",null),h("pn-icon",{symbol:"arrow-right",color:"white"})),h("hr",null))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnPageNavDropdownItem.style=pnPageNavDropdownItemCss;export{PnPageNavDropdownItem as pn_page_nav_dropdown_item};

package/umd/modules/@postnord/web-components/esm-es5/pn-page-nav-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnPageNavItemCss="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;-webkit-transform:translateZ(0);transform:translateZ(0)}pn-page-nav-item:last-of-type{margin-right:0}pn-page-nav-item a{text-decoration:none;color:white;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.1rem solid transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;outline:none;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-page-nav-item a:focus{-webkit-box-shadow:0 0 0 0.1em #D3CECB;box-shadow:0 0 0 0.1em #D3CECB}pn-page-nav-item a>pn-icon{margin-right:0.5em}";var PnPageNavItem=function(){function e(e){var t=this;registerInstance(this,e);this.itemselection=createEvent(this,"itemselection",7);this.select=function(e){if(t.value&&!t.href)e.preventDefault();t.itemselection.emit(t.value)}}e.prototype.setClassnames=function(){var e="pn-page-nav-item ";return e};e.prototype.render=function(){return h(Host,null,h("li",null,h("a",{href:this.href||"#",class:this.setClassnames(),onClick:this.select},this.icon&&h("pn-icon",{symbol:this.icon,color:"white"}),h("slot",null))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnPageNavItem.style=pnPageNavItemCss;export{PnPageNavItem as pn_page_nav_item};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnPageNavItemCss="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;-webkit-transform:translateZ(0);transform:translateZ(0)}pn-page-nav-item:last-of-type{margin-right:0}pn-page-nav-item a{text-decoration:none;color:white;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.1rem solid transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;outline:none;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-page-nav-item a:focus{-webkit-box-shadow:0 0 0 0.1em #d3cecb;box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}";var PnPageNavItem=function(){function e(e){var t=this;registerInstance(this,e);this.itemselection=createEvent(this,"itemselection",7);this.select=function(e){if(t.value&&!t.href)e.preventDefault();t.itemselection.emit(t.value)}}e.prototype.setClassnames=function(){var e="pn-page-nav-item ";return e};e.prototype.render=function(){return h(Host,null,h("li",null,h("a",{href:this.href||"#",class:this.setClassnames(),onClick:this.select},this.icon&&h("pn-icon",{symbol:this.icon,color:"white"}),h("slot",null))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnPageNavItem.style=pnPageNavItemCss;export{PnPageNavItem as pn_page_nav_item};

package/umd/modules/@postnord/web-components/esm-es5/pn-page-nav.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnPageNavCss="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em)}.pn-page-nav-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:-ms-inline-flexbox;display:inline-flex;border-radius:3em}.pn-page-nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;background:#0D234B;border:0.1em solid #D3CECB;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:-ms-flexbox;display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005D92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#FFFFFF;opacity:0;border:0.5rem solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg path{fill:#005D92}pn-page-nav .pn-pn-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.2em solid #0D234B}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon svg{width:100%;height:2em;-webkit-animation:arrow 0.6s ease-in-out alternate infinite;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon svg path{fill:#FFFFFF}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:-webkit-gradient(linear, right top, left top, from(transparent), color-stop(60%, #0D234B));background:linear-gradient(to left, transparent, #0D234B 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #0D234B));background:linear-gradient(to right, transparent, #0D234B 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}@keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0D234B;color:#FFFFFF;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;-webkit-transition:background 0.15s;transition:background 0.15s;position:relative;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005D92, inset 0 0 0 0.2em #D3CECB;box-shadow:inset 0 0 0 0.1em #005D92, inset 0 0 0 0.2em #D3CECB}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005D92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#0068a6}.pn-page-nav-divider{height:60%;background:#D3CECB;width:0.1em;position:absolute;right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0D234B;border-radius:0.5em;margin:0;padding:0;list-style-type:none;-webkit-box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";var PnPageNav=function(){function t(t){registerInstance(this,t);this.navchange=createEvent(this,"navchange",7);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.navItems=[];this.scrollRegistered=false;this.dropdown=false;this.dropdownLinks=[];this.dropdownActive=false;this.eventHandler=this.keyboardEvents.bind(this);this.globalEventHandler=this.globalEvents.bind(this)}t.prototype.changeHandler=function(t){var e=t.target;this.currentSelection=e.closest("pn-page-nav-item");if(e.value)this.value=e.value;if(this.dropdownOpen)this.dropdownOpen=false};t.prototype.handleResize=function(){this.rerender()};t.prototype.valueHandler=function(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()};t.prototype.componentWillLoad=function(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}};t.prototype.componentDidLoad=function(){var t=this;if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){forceUpdate(t.hostElement);t.setActiveNavItem();t.rerender()}));e.observe(this.hostElement,{childList:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(function(e){var n=e.target;return t.calcHighlight(n,t.hoverBg)}));this.setActiveNavItem();this.rerender()};t.prototype.setActiveNavItem=function(){var t=this;this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((function(e){if(t.value===e.value){t.currentSelection=e}else{e.removeAttribute("selected")}e.querySelector("a").addEventListener("focus",(function(e){var n=e.target;return t.calcHighlight(n,t.hoverBg)}))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map((function(t,e){t.setAttribute("data-index","".concat(e));return t.closest("pn-page-nav-dropdown-item").value}))};t.prototype.rerender=function(){var t=this;requestAnimationFrame((function(){t.calcHighlight(t.currentSelection,t.activeBg);t.scrollArrowRender()}))};t.prototype.calcHighlight=function(t,e){if(!(t===null||t===void 0?void 0:t.closest("pn-page-nav-item"))){e===null||e===void 0?void 0:e.classList.add("hidden");return}if(e)e.classList.remove("hidden");var n=t.closest("pn-page-nav-item").getBoundingClientRect();var o=this.navContainer.getBoundingClientRect().left;var r=n.left,a=n.height,i=n.width;var s=r-o+this.navContainer.scrollLeft;e.style.setProperty("transform","translate(".concat(s,"px, -50%"));e.style.setProperty("width","".concat(i,"px"));e.style.setProperty("height","".concat(a,"px"))};t.prototype.scrollArrowRender=function(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}var t=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);var e=t-this.navWrapper.clientWidth;var n=this.navWrapper.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=e>0;return}else{this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}};t.prototype.scroll=function(t){var e=this.navWrapper.scrollLeft+t;this.navWrapper.scroll({left:e,behavior:"smooth"})};t.prototype.scrollArrowClasses=function(){var t="pn-pn-arrows ";if(this.showLeftArrow)t+="pn-pn-left-visible ";if(this.showRightArrow)t+="pn-pn-right-visible ";return t};t.prototype.initiateDropdown=function(){var t=this;requestAnimationFrame((function(){t.dropdownButton=t.hostElement.querySelector(".pn-page-nav-dropdown-button");t.dropdownEl=t.hostElement.querySelector(".pn-page-nav-dropdown");t.addDropdownEventListeners()}))};t.prototype.toggleDropdown=function(){this.dropdownOpen=!this.dropdownOpen};t.prototype.isDropdownItemActive=function(){var t=this;this.dropdownEls.forEach((function(e){if(e.value&&t.value===e.value){e.setAttribute("active",true);return}e.removeAttribute("active")}))};t.prototype.dropdownHandler=function(){var t=this;if(this.dropdownOpen){requestAnimationFrame((function(){t.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()};t.prototype.addDropdownEventListeners=function(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)};t.prototype.addGlobalEventListeners=function(){var t=this.hostElement.getRootNode();t.addEventListener("focusin",this.globalEventHandler);t.addEventListener("keydown",this.globalEventHandler);t.addEventListener("click",this.globalEventHandler)};t.prototype.removeGlobalEventListeners=function(){var t=this.hostElement.getRootNode();t.removeEventListener("focusin",this.globalEventHandler);t.removeEventListener("keydown",this.globalEventHandler);t.removeEventListener("click",this.globalEventHandler)};t.prototype.keyboardEvents=function(t){var e=this;var n=t.composedPath()[0];if(t.type==="keydown"){if(!this.dropdownOpen&&n===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(t.code)){this.dropdownOpen=true;requestAnimationFrame((function(){e.focusNextDropdownItem()}))}}};t.prototype.globalEvents=function(t){var e=t.composedPath()[0];if(t.type==="keydown"&&t.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(t.code==="ArrowDown")this.focusNextDropdownItem();if(t.code==="ArrowUp")this.focusPrevDropdownItem();if((t.type==="click"||t.type==="focusin")&&!this.dropdownEl.contains(e)){this.dropdownOpen=false}};t.prototype.focusNextDropdownItem=function(){var t=this.hostElement.getRootNode().activeElement;if(!t.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}var e=parseInt(t.getAttribute("data-index"));if(e<this.dropdownItems.length-1){this.dropdownItems[e+1].focus();return}};t.prototype.focusPrevDropdownItem=function(){var t=this.hostElement.getRootNode().activeElement;if(!t.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}var e=parseInt(t.getAttribute("data-index"));if(e>0){this.dropdownItems[e-1].focus();return}this.dropdownButton.focus()};t.prototype.dropdownButtonClasses=function(){var t="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))t+="pn-page-nav-dropdown-active ";return t};t.prototype.dropdownClasses=function(){var t="pn-page-nav-dropdown ";if(this.dropdownOpen)t+="pn-page-nav-dropdown-open ";return t};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"pn-page-nav-wrapper"},h("nav",{class:"pn-page-nav"},this.dropdownActive&&h("button",{type:"button",class:this.dropdownButtonClasses(),onClick:function(){return t.toggleDropdown()},"aria-controls":"page-nav-dropdown","aria-expanded":"".concat(this.dropdownOpen)},"More",h("pn-icon",{symbol:"angle-down",color:"white",small:true}),h("div",{class:"pn-page-nav-divider"})),h("ul",{class:"pn-page-nav-items"},h("slot",null),h("div",{class:"pn-pn-bg pn-pn-active"}),h("div",{class:"pn-pn-bg pn-pn-hover"}))),this.showScrollArrows&&h("div",{class:this.scrollArrowClasses()},h("button",{class:"pn-pn-arrow-left",onClick:function(){return t.scroll(-120)},tabindex:"-1"},h("pn-icon",{symbol:"arrow-left",color:"white"})),h("button",{class:"pn-pn-arrow-right",onClick:function(){return t.scroll(120)},tabindex:"-1"},h("pn-icon",{symbol:"arrow-right",color:"blue700"})))),this.dropdownActive&&h("ul",{class:this.dropdownClasses(),id:"page-nav-dropdown","aria-hidden":"".concat(!this.dropdownOpen)},h("slot",{name:"dropdown-item"})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}},enumerable:false,configurable:true});return t}();PnPageNav.style=pnPageNavCss;export{PnPageNav as pn_page_nav};
+import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnPageNavCss="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:-ms-inline-flexbox;display:inline-flex;border-radius:3em}.pn-page-nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.1em solid #d3cecb;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:-ms-flexbox;display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.5rem solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.2em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon svg{width:100%;height:2em;-webkit-animation:arrow 0.6s ease-in-out alternate infinite;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:-webkit-gradient(linear, right top, left top, from(transparent), color-stop(60%, #0d234b));background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #0d234b));background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}@keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;-webkit-transition:background 0.15s;transition:background 0.15s;position:relative;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#0068a6}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;-webkit-box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";var PnPageNav=function(){function t(t){registerInstance(this,t);this.navchange=createEvent(this,"navchange",7);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.navItems=[];this.scrollRegistered=false;this.dropdown=false;this.dropdownLinks=[];this.dropdownActive=false;this.eventHandler=this.keyboardEvents.bind(this);this.globalEventHandler=this.globalEvents.bind(this)}t.prototype.changeHandler=function(t){var e=t.target;this.currentSelection=e.closest("pn-page-nav-item");if(e.value)this.value=e.value;if(this.dropdownOpen)this.dropdownOpen=false};t.prototype.handleResize=function(){this.rerender()};t.prototype.valueHandler=function(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()};t.prototype.componentWillLoad=function(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}};t.prototype.componentDidLoad=function(){var t=this;if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){forceUpdate(t.hostElement);t.setActiveNavItem();t.rerender()}));e.observe(this.hostElement,{childList:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(function(e){var n=e.target;return t.calcHighlight(n,t.hoverBg)}));this.setActiveNavItem();this.rerender()};t.prototype.setActiveNavItem=function(){var t=this;this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((function(e){if(t.value===e.value){t.currentSelection=e}else{e.removeAttribute("selected")}e.querySelector("a").addEventListener("focus",(function(e){var n=e.target;return t.calcHighlight(n,t.hoverBg)}))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map((function(t,e){t.setAttribute("data-index","".concat(e));return t.closest("pn-page-nav-dropdown-item").value}))};t.prototype.rerender=function(){var t=this;requestAnimationFrame((function(){t.calcHighlight(t.currentSelection,t.activeBg);t.scrollArrowRender()}))};t.prototype.calcHighlight=function(t,e){if(!(t===null||t===void 0?void 0:t.closest("pn-page-nav-item"))){e===null||e===void 0?void 0:e.classList.add("hidden");return}if(e)e.classList.remove("hidden");var n=t.closest("pn-page-nav-item").getBoundingClientRect();var o=this.navContainer.getBoundingClientRect().left;var r=n.left,a=n.height,i=n.width;var s=r-o+this.navContainer.scrollLeft;e.style.setProperty("transform","translate(".concat(s,"px, -50%"));e.style.setProperty("width","".concat(i,"px"));e.style.setProperty("height","".concat(a,"px"))};t.prototype.scrollArrowRender=function(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}var t=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);var e=t-this.navWrapper.clientWidth;var n=this.navWrapper.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=e>0;return}else{this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}};t.prototype.scroll=function(t){var e=this.navWrapper.scrollLeft+t;this.navWrapper.scroll({left:e,behavior:"smooth"})};t.prototype.scrollArrowClasses=function(){var t="pn-pn-arrows ";if(this.showLeftArrow)t+="pn-pn-left-visible ";if(this.showRightArrow)t+="pn-pn-right-visible ";return t};t.prototype.initiateDropdown=function(){var t=this;requestAnimationFrame((function(){t.dropdownButton=t.hostElement.querySelector(".pn-page-nav-dropdown-button");t.dropdownEl=t.hostElement.querySelector(".pn-page-nav-dropdown");t.addDropdownEventListeners()}))};t.prototype.toggleDropdown=function(){this.dropdownOpen=!this.dropdownOpen};t.prototype.isDropdownItemActive=function(){var t=this;this.dropdownEls.forEach((function(e){if(e.value&&t.value===e.value){e.setAttribute("active",true);return}e.removeAttribute("active")}))};t.prototype.dropdownHandler=function(){var t=this;if(this.dropdownOpen){requestAnimationFrame((function(){t.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()};t.prototype.addDropdownEventListeners=function(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)};t.prototype.addGlobalEventListeners=function(){var t=this.hostElement.getRootNode();t.addEventListener("focusin",this.globalEventHandler);t.addEventListener("keydown",this.globalEventHandler);t.addEventListener("click",this.globalEventHandler)};t.prototype.removeGlobalEventListeners=function(){var t=this.hostElement.getRootNode();t.removeEventListener("focusin",this.globalEventHandler);t.removeEventListener("keydown",this.globalEventHandler);t.removeEventListener("click",this.globalEventHandler)};t.prototype.keyboardEvents=function(t){var e=this;var n=t.composedPath()[0];if(t.type==="keydown"){if(!this.dropdownOpen&&n===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(t.code)){this.dropdownOpen=true;requestAnimationFrame((function(){e.focusNextDropdownItem()}))}}};t.prototype.globalEvents=function(t){var e=t.composedPath()[0];if(t.type==="keydown"&&t.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(t.code==="ArrowDown")this.focusNextDropdownItem();if(t.code==="ArrowUp")this.focusPrevDropdownItem();if((t.type==="click"||t.type==="focusin")&&!this.dropdownEl.contains(e)){this.dropdownOpen=false}};t.prototype.focusNextDropdownItem=function(){var t=this.hostElement.getRootNode().activeElement;if(!t.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}var e=parseInt(t.getAttribute("data-index"));if(e<this.dropdownItems.length-1){this.dropdownItems[e+1].focus();return}};t.prototype.focusPrevDropdownItem=function(){var t=this.hostElement.getRootNode().activeElement;if(!t.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}var e=parseInt(t.getAttribute("data-index"));if(e>0){this.dropdownItems[e-1].focus();return}this.dropdownButton.focus()};t.prototype.dropdownButtonClasses=function(){var t="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))t+="pn-page-nav-dropdown-active ";return t};t.prototype.dropdownClasses=function(){var t="pn-page-nav-dropdown ";if(this.dropdownOpen)t+="pn-page-nav-dropdown-open ";return t};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"pn-page-nav-wrapper"},h("nav",{class:"pn-page-nav"},this.dropdownActive&&h("button",{type:"button",class:this.dropdownButtonClasses(),onClick:function(){return t.toggleDropdown()},"aria-controls":"page-nav-dropdown","aria-expanded":"".concat(this.dropdownOpen)},"More",h("pn-icon",{symbol:"angle-down",color:"white",small:true}),h("div",{class:"pn-page-nav-divider"})),h("ul",{class:"pn-page-nav-items"},h("slot",null),h("div",{class:"pn-pn-bg pn-pn-active"}),h("div",{class:"pn-pn-bg pn-pn-hover"}))),this.showScrollArrows&&h("div",{class:this.scrollArrowClasses()},h("button",{class:"pn-pn-arrow-left",onClick:function(){return t.scroll(-120)},tabindex:"-1"},h("pn-icon",{symbol:"arrow-left",color:"white"})),h("button",{class:"pn-pn-arrow-right",onClick:function(){return t.scroll(120)},tabindex:"-1"},h("pn-icon",{symbol:"arrow-right",color:"blue700"})))),this.dropdownActive&&h("ul",{class:this.dropdownClasses(),id:"page-nav-dropdown","aria-hidden":"".concat(!this.dropdownOpen)},h("slot",{name:"dropdown-item"})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}},enumerable:false,configurable:true});return t}();PnPageNav.style=pnPageNavCss;export{PnPageNav as pn_page_nav};

package/umd/modules/@postnord/web-components/esm-es5/pn-progress-bar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,g as getElement}from"./index-602e59ea.js";var pnProgressBarCss="pn-progress-bar{display:inline;overflow:hidden}pn-progress-bar .pn-progress-container{margin:16px 16px 8px 0;display:inline-block;min-width:380px}pn-progress-bar .pn-progress-container .pn-progress-label{height:20px;color:#1e1e1e;font-size:14px;font-weight:bold;line-height:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}pn-progress-bar .pn-progress-container .pn-progress-label>pn-spinner{vertical-align:middle;margin-left:5px}pn-progress-bar .pn-progress-container .pn-progress-bar{position:relative;padding-top:1px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line{width:0;position:absolute;top:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1,pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{width:100%;height:7px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#8EDDF9}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#00A0D6}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:12px;background-color:#D3CECB}pn-progress-bar .pn-progress-container .pn-progress-percentage{margin-top:5px;text-align:right;font-size:12px;line-height:16px;color:#00A0D6}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line1,pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line2{height:4px}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:6px}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#5EC584}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#005E41}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#A70707}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#A70707}";var PnSpinner=function(){function r(r){registerInstance(this,r);this.progress=0;this.size="medium";this.color="default";this.width="300px";this.label=null;this.showSpinner=false;this.showPercentage=false}r.prototype.render=function(){var r=this.progress!==undefined?this.progress:0;var s=r<100?Math.ceil(r):100;var e={width:s.toString()+"%"};var n={width:this.width||"300px"};var p=["medium","small"];var o=!!~p.indexOf(this.size)?this.size:"medium";this.hostElement.classList.add("pn-progress-size-"+o);var a=["default","success","error"];var i=!!~a.indexOf(this.color)?this.color:"default";this.hostElement.classList.add("pn-progress-color-"+i);if(this.showPercentage){this.hostElement.classList.add("pn-progress-show-percentage")}return h("div",{class:"pn-progress-container",style:n},this._hasLabel()?h("div",{class:"pn-progress-label"},this.label,this.showSpinner?h("pn-spinner",null):null):null,h("div",{class:"pn-progress-bar"},h("div",{class:"pn-progress-bar-line",style:e},h("div",{class:"pn-progress-bar-line1"}),h("div",{class:"pn-progress-bar-line2"})),h("div",{class:"pn-progress-bar-bg"})),this.showPercentage?h("div",{class:"pn-progress-percentage",style:e},r,"%"):null)};r.prototype._hasLabel=function(){return this.label&&this.label!==""};Object.defineProperty(r.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PnSpinner.style=pnProgressBarCss;export{PnSpinner as pn_progress_bar};
+import{r as registerInstance,h,g as getElement}from"./index-602e59ea.js";var pnProgressBarCss="pn-progress-bar{display:inline;overflow:hidden}pn-progress-bar .pn-progress-container{margin:16px 16px 8px 0;display:inline-block;min-width:380px}pn-progress-bar .pn-progress-container .pn-progress-label{height:20px;color:#1e1e1e;font-size:14px;font-weight:bold;line-height:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}pn-progress-bar .pn-progress-container .pn-progress-label>pn-spinner{vertical-align:middle;margin-left:5px}pn-progress-bar .pn-progress-container .pn-progress-bar{position:relative;padding-top:1px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line{width:0;position:absolute;top:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1,pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{width:100%;height:7px}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#8eddf9}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#00a0d6}pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:12px;background-color:#d3cecb}pn-progress-bar .pn-progress-container .pn-progress-percentage{margin-top:5px;text-align:right;font-size:12px;line-height:16px;color:#00a0d6}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line1,pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line2{height:4px}pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-bg{height:6px}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#5ec584}pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#005e41}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1{background-color:#a70707}pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2{background-color:#a70707}";var PnSpinner=function(){function r(r){registerInstance(this,r);this.progress=0;this.size="medium";this.color="default";this.width="300px";this.label=null;this.showSpinner=false;this.showPercentage=false}r.prototype.render=function(){var r=this.progress!==undefined?this.progress:0;var s=r<100?Math.ceil(r):100;var e={width:s.toString()+"%"};var n={width:this.width||"300px"};var p=["medium","small"];var o=!!~p.indexOf(this.size)?this.size:"medium";this.hostElement.classList.add("pn-progress-size-"+o);var a=["default","success","error"];var i=!!~a.indexOf(this.color)?this.color:"default";this.hostElement.classList.add("pn-progress-color-"+i);if(this.showPercentage){this.hostElement.classList.add("pn-progress-show-percentage")}return h("div",{class:"pn-progress-container",style:n},this._hasLabel()?h("div",{class:"pn-progress-label"},this.label,this.showSpinner?h("pn-spinner",null):null):null,h("div",{class:"pn-progress-bar"},h("div",{class:"pn-progress-bar-line",style:e},h("div",{class:"pn-progress-bar-line1"}),h("div",{class:"pn-progress-bar-line2"})),h("div",{class:"pn-progress-bar-bg"})),this.showPercentage?h("div",{class:"pn-progress-percentage",style:e},r,"%"):null)};r.prototype._hasLabel=function(){return this.label&&this.label!==""};Object.defineProperty(r.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PnSpinner.style=pnProgressBarCss;export{PnSpinner as pn_progress_bar};

package/umd/modules/@postnord/web-components/esm-es5/pn-progress-indicator-step.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host}from"./index-602e59ea.js";var pnProgressIndicatorStepCss='pn-progress-indicator-step{display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;flex:1 0 4em}pn-progress-indicator-step:first-child{-ms-flex:0 0 auto;flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;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;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;-webkit-transform:translateX(50%) translateX(-1.2rem);transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#F3F2F2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;font-size:1em;font-weight:normal}.pn-progress-indicator-step .info-container svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container svg path,.pn-progress-indicator-step .info-container svg polygon{fill:#F3F2F2;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.pn-progress-indicator-step .progress-line{-ms-flex:1 1 auto;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;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pn-progress-indicator-step.active .info-container{color:black}.pn-progress-indicator-step.active .info-container svg path{fill:#000}.pn-progress-indicator-step.active .info-container svg polygon{fill:#000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{-webkit-transform:translateX(0);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;-webkit-animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both;animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}';var PnProgressIndicatorStep=function(){function t(t){registerInstance(this,t);this.setactivestep=createEvent(this,"setactivestep",7)}t.prototype.setActiveStepHandler=function(){if(this.done||this.activated){this.setactivestep.emit(this.index)}};t.prototype.componentWillLoad=function(){this.checkStatus()};t.prototype.componentDidUpdate=function(){this.checkStatus()};t.prototype.checkStatus=function(){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}};t.prototype.getClassNames=function(){var t="pn-progress-indicator-step";if(this.done||this.checked)t+=" done";if(this.activated)t+=" activated";if(this.activeStep===this.index)t+=" active";return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames(),onClick:function(){return t.setActiveStepHandler()}},h("div",{class:"progress-line"}),h("div",{class:"info-container"},h("slot",null),this.name),h("div",{class:"circle"},this.done||this.checked?h("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"},h("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:"#FFF","stroke-miterlimit":"10","stroke-width":"3"})):""))};return t}();PnProgressIndicatorStep.style=pnProgressIndicatorStepCss;export{PnProgressIndicatorStep as pn_progress_indicator_step};
+import{r as registerInstance,c as createEvent,h,a as Host}from"./index-602e59ea.js";var pnProgressIndicatorStepCss='pn-progress-indicator-step{display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;flex:1 0 4em}pn-progress-indicator-step:first-child{-ms-flex:0 0 auto;flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 0 4em;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;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;-webkit-transform:translateX(50%) translateX(-1.2rem);transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;font-size:1em;font-weight:normal}.pn-progress-indicator-step .info-container svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container svg path,.pn-progress-indicator-step .info-container svg polygon{fill:#f3f2f2;-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out}.pn-progress-indicator-step .progress-line{-ms-flex:1 1 auto;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;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;transition:transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pn-progress-indicator-step.active .info-container{color:black}.pn-progress-indicator-step.active .info-container svg path{fill:#000}.pn-progress-indicator-step.active .info-container svg polygon{fill:#000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{-webkit-transform:translateX(0);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;-webkit-animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both;animation:dash 0.3s cubic-bezier(0.55, 0, 0.1, 1) both}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}';var PnProgressIndicatorStep=function(){function t(t){registerInstance(this,t);this.setactivestep=createEvent(this,"setactivestep",7)}t.prototype.setActiveStepHandler=function(){if(this.done||this.activated){this.setactivestep.emit(this.index)}};t.prototype.componentWillLoad=function(){this.checkStatus()};t.prototype.componentDidUpdate=function(){this.checkStatus()};t.prototype.checkStatus=function(){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}};t.prototype.getClassNames=function(){var t="pn-progress-indicator-step";if(this.done||this.checked)t+=" done";if(this.activated)t+=" activated";if(this.activeStep===this.index)t+=" active";return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames(),onClick:function(){return t.setActiveStepHandler()}},h("div",{class:"progress-line"}),h("div",{class:"info-container"},h("slot",null),this.name),h("div",{class:"circle"},this.done||this.checked?h("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"},h("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:"#FFF","stroke-miterlimit":"10","stroke-width":"3"})):""))};return t}();PnProgressIndicatorStep.style=pnProgressIndicatorStepCss;export{PnProgressIndicatorStep as pn_progress_indicator_step};

package/umd/modules/@postnord/web-components/esm-es5/pn-radio-button.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var pnRadioButtonCss="pn-radio-button{}pn-radio-button input[type=radio]{opacity:0;position:absolute;white-space:nowrap;pointer-events:none}pn-radio-button input[type=radio]+label{display:inline-block;cursor:pointer;}pn-radio-button input[type=radio]+label .pn-radio-outer{background:#fff;border:0.1em solid #D3CECB;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}pn-radio-button input[type=radio]+label .pn-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005D92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}pn-radio-button input[type=radio]:checked+label .pn-radio-inner{-webkit-transform:scale(1);transform:scale(1)}pn-radio-button input[type=radio]:checked+label .pn-radio-outer{border:0.1rem solid #005D92}pn-radio-button input[type=radio]:focus+label .pn-radio-outer,pn-radio-button input[type=radio]:active+label .pn-radio-outer{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}pn-radio-button input[type=radio]:hover+label .pn-radio-outer{border:0.1rem solid #005D92;background:#E0F8FF}pn-radio-button input[type=radio]:disabled+label{cursor:not-allowed}pn-radio-button input[type=radio]:disabled+label .pn-radio-outer{cursor:not-allowed;border:0.1rem solid #969087;background-color:#D3CECB}pn-radio-button input[type=radio]:disabled+label .pn-radio-inner{cursor:not-allowed;background-color:#969087}pn-radio-button input[type=radio]:active:disabled+label .pn-radio-outer{-webkit-box-shadow:none;box-shadow:none}";var PnradioButton=function(){function o(o){registerInstance(this,o);this.disabled=false;this.checked=false}o.prototype.render=function(){return h(Host,null,h("input",{type:"radio",id:this.radioid||this.value,value:this.value,name:this.name,disabled:this.disabled,checked:this.checked}),h("label",{htmlFor:this.radioid||this.value},h("div",{class:"pn-radio-outer"},h("div",{class:"pn-radio-inner"}))))};return o}();PnradioButton.style=pnRadioButtonCss;export{PnradioButton as pn_radio_button};
+import{r as registerInstance,h,a as Host}from"./index-602e59ea.js";var pnRadioButtonCss="pn-radio-button{}pn-radio-button input[type=radio]{opacity:0;position:absolute;white-space:nowrap;pointer-events:none}pn-radio-button input[type=radio]+label{display:inline-block;cursor:pointer;}pn-radio-button input[type=radio]+label .pn-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}pn-radio-button input[type=radio]+label .pn-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}pn-radio-button input[type=radio]:checked+label .pn-radio-inner{-webkit-transform:scale(1);transform:scale(1)}pn-radio-button input[type=radio]:checked+label .pn-radio-outer{border:0.1rem solid #005d92}pn-radio-button input[type=radio]:focus+label .pn-radio-outer,pn-radio-button input[type=radio]:active+label .pn-radio-outer{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}pn-radio-button input[type=radio]:hover+label .pn-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}pn-radio-button input[type=radio]:disabled+label{cursor:not-allowed}pn-radio-button input[type=radio]:disabled+label .pn-radio-outer{cursor:not-allowed;border:0.1rem solid #969087;background-color:#d3cecb}pn-radio-button input[type=radio]:disabled+label .pn-radio-inner{cursor:not-allowed;background-color:#969087}pn-radio-button input[type=radio]:active:disabled+label .pn-radio-outer{-webkit-box-shadow:none;box-shadow:none}";var PnradioButton=function(){function o(o){registerInstance(this,o);this.disabled=false;this.checked=false}o.prototype.render=function(){return h(Host,null,h("input",{type:"radio",id:this.radioid||this.value,value:this.value,name:this.name,disabled:this.disabled,checked:this.checked}),h("label",{htmlFor:this.radioid||this.value},h("div",{class:"pn-radio-outer"},h("div",{class:"pn-radio-inner"}))))};return o}();PnradioButton.style=pnRadioButtonCss;export{PnradioButton as pn_radio_button};

package/umd/modules/@postnord/web-components/esm-es5/pn-radio-tile.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnRadioTileCss="pn-radio-tile{position:relative;display:inline-block}pn-radio-tile input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;white-space:nowrap;pointer-events:none}pn-radio-tile>label{cursor:pointer;overflow:hidden;position:relative;background:#FFFFFF;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5em;color:#005D92;font-weight:500;border:0.1em solid #D3CECB;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s}pn-radio-tile>label>pn-illustration,pn-radio-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-radio-tile>label:hover{background:#EFFBFF;border:0.1em solid #00A0D6}pn-radio-tile input[type=radio]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-radio-tile input[type=radio]:checked+label{border:0.1em solid #005D92;background:#EFFBFF;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}";var PnRadioTile=function(){function e(e){registerInstance(this,e);this.checked=false;this.slottedIllustration=false}e.prototype.componentWillLoad=function(){this.slottedIllustration=!!this.hostElement.querySelector('[slot="illustration"]')};e.prototype.render=function(){return h(Host,null,h("input",{type:"radio",id:this.radioid||this.value,value:this.value,name:this.name,checked:this.checked}),h("label",{htmlFor:this.radioid||this.value},this.illustration&&!this.slottedIllustration&&h("pn-illustration",{illustration:this.illustration}),h("slot",{name:"illustration"}),h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnRadioTile.style=pnRadioTileCss;export{PnRadioTile as pn_radio_tile};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnRadioTileCss="pn-radio-tile{position:relative;display:inline-block}pn-radio-tile input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;white-space:nowrap;pointer-events:none}pn-radio-tile>label{cursor:pointer;overflow:hidden;position:relative;background:#ffffff;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5em;color:#005d92;font-weight:500;border:0.1em solid #d3cecb;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s}pn-radio-tile>label>pn-illustration,pn-radio-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-radio-tile>label:hover{background:#effbff;border:0.1em solid #00a0d6}pn-radio-tile input[type=radio]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-radio-tile input[type=radio]:checked+label{border:0.1em solid #005d92;background:#effbff;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}";var PnRadioTile=function(){function e(e){registerInstance(this,e);this.checked=false;this.slottedIllustration=false}e.prototype.componentWillLoad=function(){this.slottedIllustration=!!this.hostElement.querySelector('[slot="illustration"]')};e.prototype.render=function(){return h(Host,null,h("input",{type:"radio",id:this.radioid||this.value,value:this.value,name:this.name,checked:this.checked}),h("label",{htmlFor:this.radioid||this.value},this.illustration&&!this.slottedIllustration&&h("pn-illustration",{illustration:this.illustration}),h("slot",{name:"illustration"}),h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnRadioTile.style=pnRadioTileCss;export{PnRadioTile as pn_radio_tile};

package/umd/modules/@postnord/web-components/esm-es5/pn-segment.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnSegmentCss="pn-segment{position:relative;color:#005D92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment input{margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}pn-segment label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.1rem solid transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s, -webkit-box-shadow 0.15s 0.2s}pn-segment label>pn-icon{margin-right:0.5em}pn-segment label pn-icon svg path{-webkit-transition:fill 0.15s;transition:fill 0.15s}";var PnSegment=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{tabindex:"-1"},h("input",{class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value}),h("label",{htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&h("pn-icon",{symbol:this.icon,color:"blue700"}),h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnSegment.style=pnSegmentCss;export{PnSegment as pn_segment};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnSegmentCss="pn-segment{position:relative;color:#005d92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment input{margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}pn-segment label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.1rem solid transparent;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, color 0.15s, -webkit-box-shadow 0.15s 0.2s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s;transition:background 0.15s, border 0.15s, box-shadow 0.15s 0.2s, color 0.15s, -webkit-box-shadow 0.15s 0.2s}pn-segment label>pn-icon{margin-right:0.5em}pn-segment label pn-icon svg path{-webkit-transition:fill 0.15s;transition:fill 0.15s}";var PnSegment=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{tabindex:"-1"},h("input",{class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value}),h("label",{htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&h("pn-icon",{symbol:this.icon,color:"blue700"}),h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnSegment.style=pnSegmentCss;export{PnSegment as pn_segment};

package/umd/modules/@postnord/web-components/esm-es5/pn-segmented-control.entry.js

@@ -1 +1 @@
-import{r as registerInstance,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnSegmentedControlCss="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#F3F2F2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.1rem solid #005D92;background:#FFFFFF;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#E0F8FF;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005D92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}";var PnSegmentedControl=function(){function e(e){registerInstance(this,e);this.name="example-id";this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.segments=[];this.scrollRegistered=false}e.prototype.changeHandler=function(e){var t=e.target;this.value=t.value;this.currentSelection=t.closest("pn-segment")};e.prototype.handleResize=function(){this.rerender()};e.prototype.selectionHandler=function(){this.rerender()};e.prototype.componentDidLoad=function(){var e=this;if(this.mo)this.mo.disconnect();var t=this.mo=new MutationObserver((function(){forceUpdate(e.hostElement);e.setActiveSegment();e.rerender()}));t.observe(this.hostElement,{childList:true});this.segmentContainer=this.hostElement.querySelector(".pn-segmented-control");this.activeBg=this.hostElement.querySelector(".pn-sc-active");this.hoverBg=this.hostElement.querySelector(".pn-sc-hover");this.hostElement.addEventListener("mouseover",(function(t){var r=t.target;return e.calcHighlight(r,e.hoverBg)}));this.setActiveSegment()};e.prototype.setActiveSegment=function(){var e=this;this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.segments.forEach((function(t){if(e.value===t.value){e.currentSelection=t;t.setAttribute("selected","true")}t.setAttribute("name",e.name)}))};e.prototype.rerender=function(){var e=this;requestAnimationFrame((function(){e.calcHighlight(e.currentSelection,e.activeBg);e.scrollArrowRender()}))};e.prototype.calcHighlight=function(e,t){if(!(e===null||e===void 0?void 0:e.closest("pn-segment")))return;var r=e.closest("pn-segment").getBoundingClientRect();var s=this.segmentContainer.getBoundingClientRect().left;var n=r.left,o=r.height,i=r.width;var a=n-s+this.segmentContainer.scrollLeft;t.style.setProperty("transform","translate(".concat(a,"px, -50%"));t.style.setProperty("width","".concat(i,"px"));t.style.setProperty("height","".concat(o,"px"))};e.prototype.scrollArrowRender=function(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}var e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);var t=e-this.segmentContainer.clientWidth;var r=this.segmentContainer.scrollLeft;this.showLeftArrow=r>0;this.showRightArrow=t>0;return}else{this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}};e.prototype.scroll=function(e){var t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})};e.prototype.scrollArrowClasses=function(){var e="pn-sc-arrows ";if(this.showLeftArrow)e+="pn-sc-left-visible ";if(this.showRightArrow)e+="pn-sc-right-visible ";return e};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"pn-segmented-control"},h("slot",null),h("div",{class:"pn-sc-bg pn-sc-active"}),h("div",{class:"pn-sc-bg pn-sc-hover"})),this.showScrollArrows&&h("div",{class:this.scrollArrowClasses()},h("button",{class:"pn-sc-arrow-left",onClick:function(){return e.scroll(-120)},tabindex:"-1"},h("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),h("button",{class:"pn-sc-arrow-right",onClick:function(){return e.scroll(120)},tabindex:"-1"},h("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{currentSelection:["selectionHandler"]}},enumerable:false,configurable:true});return e}();PnSegmentedControl.style=pnSegmentedControlCss;export{PnSegmentedControl as pn_segmented_control};
+import{r as registerInstance,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnSegmentedControlCss="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.1rem solid #005d92;background:#ffffff;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#e0f8ff;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}";var PnSegmentedControl=function(){function e(e){registerInstance(this,e);this.name="example-id";this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.segments=[];this.scrollRegistered=false}e.prototype.changeHandler=function(e){var t=e.target;this.value=t.value;this.selectSegment(t.closest("pn-segment"))};e.prototype.handleResize=function(){this.rerender()};e.prototype.valueHandler=function(){this.selectSegment(false)};e.prototype.selectSegment=function(e){var t=this;if(e){this.currentSelection=e;this.rerender();return}this.segments.forEach((function(e){if(t.value===e.value){t.currentSelection=e;e.setAttribute("selected","true")}else{e.removeAttribute("selected")}}));this.rerender()};e.prototype.componentDidLoad=function(){var e=this;if(this.mo)this.mo.disconnect();var t=this.mo=new MutationObserver((function(){forceUpdate(e.hostElement);e.setActiveSegment();e.rerender()}));t.observe(this.hostElement,{childList:true});this.segmentContainer=this.hostElement.querySelector(".pn-segmented-control");this.activeBg=this.hostElement.querySelector(".pn-sc-active");this.hoverBg=this.hostElement.querySelector(".pn-sc-hover");this.hostElement.addEventListener("mouseover",(function(t){var r=t.target;return e.calcHighlight(r,e.hoverBg)}));this.setActiveSegment();this.rerender()};e.prototype.setActiveSegment=function(){var e=this;this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.segments.forEach((function(t){if(e.value===t.value){e.currentSelection=t;t.setAttribute("selected","true")}t.setAttribute("name",e.name)}))};e.prototype.rerender=function(){var e=this;requestAnimationFrame((function(){e.calcHighlight(e.currentSelection,e.activeBg);e.scrollArrowRender()}))};e.prototype.calcHighlight=function(e,t){var r=this;requestAnimationFrame((function(){if(!(e===null||e===void 0?void 0:e.closest("pn-segment")))return;var s=e.closest("pn-segment").getBoundingClientRect();var n=r.segmentContainer.getBoundingClientRect().left;var o=s.left,i=s.height,a=s.width;var l=o-n+r.segmentContainer.scrollLeft;t.style.setProperty("transform","translate(".concat(l,"px, -50%"));t.style.setProperty("width","".concat(a,"px"));t.style.setProperty("height","".concat(i,"px"))}))};e.prototype.scrollArrowRender=function(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}var e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);var t=e-this.segmentContainer.clientWidth;var r=this.segmentContainer.scrollLeft;this.showLeftArrow=r>0;this.showRightArrow=t>0;return}else{this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}};e.prototype.scroll=function(e){var t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})};e.prototype.scrollArrowClasses=function(){var e="pn-sc-arrows ";if(this.showLeftArrow)e+="pn-sc-left-visible ";if(this.showRightArrow)e+="pn-sc-right-visible ";return e};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"pn-segmented-control"},h("slot",null),h("div",{class:"pn-sc-bg pn-sc-active"}),h("div",{class:"pn-sc-bg pn-sc-hover"})),this.showScrollArrows&&h("div",{class:this.scrollArrowClasses()},h("button",{class:"pn-sc-arrow-left",onClick:function(){return e.scroll(-120)},tabindex:"-1"},h("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),h("button",{class:"pn-sc-arrow-right",onClick:function(){return e.scroll(120)},tabindex:"-1"},h("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueHandler"]}},enumerable:false,configurable:true});return e}();PnSegmentedControl.style=pnSegmentedControlCss;export{PnSegmentedControl as pn_segmented_control};