npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.2 → 4.0.0 - Mend

@postnord/pn-marketweb-components 3.5.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1186) hide show

package/pn-market-web-components/{p-e8278e9e.entry.js.map → p-85b42b44.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnSiteFooterCss","PnSiteFooterStyle0","PnSiteFooter","componentWillLoad","render","h","Host","key","fill","viewBox","role","d","class","name","href","this","url","title","linktitle","xmlns","pnSiteFooterColCss","PnSiteFooterColStyle0","PnSiteFooterCol","translations","sv","preamble","text","en","da","no","fi","pnSwanCss","PnSwanStyle0","PnSwan","setTranslations","language","i18n","onLanguageChange","linkTo","id","width","height","transform","licenseNumber"],"sources":["src/components/navigation/pn-site-footer/pn-site-footer.scss?tag=pn-site-footer","src/components/navigation/pn-site-footer/pn-site-footer.tsx","src/components/navigation/pn-site-footer/pn-site-footer-col.scss?tag=pn-site-footer-col","src/components/navigation/pn-site-footer/pn-site-footer-col.tsx","src/components/minor/pn-swan/translations.ts","src/components/minor/pn-swan/pn-swan.scss?tag=pn-swan","src/components/minor/pn-swan/pn-swan.tsx"],"sourcesContent":["@import './pn-site-footer-common.scss';\n@import '../../../globals/main.scss';\n\npn-site-footer:not([theme='dotcom']) {\n display: block;\n line-height: 1.5;\n a {\n color: $blue700;\n &:hover {\n color: $blue900;\n text-decoration: underline;\n }\n }\n\n h3 {\n font-size: 2.4rem;\n margin-bottom: 0.5rem;\n line-height: 1.2;\n }\n p {\n font-size: 1.6rem;\n }\n\n pn-site-footer-col ul.social-media {\n display: flex;\n flex-flow: row;\n gap: 1.6rem;\n row-gap: 1.2rem;\n margin-bottom: 1.6rem;\n flex-wrap: wrap;\n\n li {\n margin-bottom: 0;\n }\n }\n > svg {\n display: block;\n }\n > div {\n background: $gray50;\n }\n\n .pn-sitefooter-top {\n display: flex;\n }\n\n .pn-sitefooter-cols {\n align-self: center;\n justify-content: center;\n display: block;\n flex-flow: row wrap;\n margin: 0 auto;\n max-width: 90em;\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n display: flex;\n }\n }\n\n .pn-sitefooter-bottom [slot='bottom'] {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n max-width: 90em;\n margin: 0 auto;\n padding: 1.6rem 0;\n border-top: 1px solid $gray200;\n border-bottom: 1px solid $gray200;\n\n span,\n a {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n a {\n text-decoration: underline !important;\n }\n\n @media screen and (min-width: $min-width-md) {\n gap: 0;\n flex-direction: row;\n \n span,\n a {\n flex-direction: row;\n align-items: flex-start;\n line-height: 2;\n margin: 0 1.6rem;\n text-decoration: none;\n }\n }\n\n li {\n line-height: 2em;\n margin: 0 1.6rem;\n }\n }\n\n .pn-sitefooter-logo {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding: 3rem;\n svg {\n display: block;\n width: 13.3rem;\n height: 2.6rem;\n }\n &:has(div) a slot-fb {\n display: none;\n }\n }\n}\n\npn-site-footer[theme='dotcom'] {\n width: 100%;\n display: flex;\n flex-direction: column;\n background-color: $blue900;\n margin: 0 auto;\n\n & > svg {\n background-color: $white;\n path {\n fill: $blue900;\n }\n }\n\n .pn-sitefooter-top {\n width: 100%;\n position: relative;\n top: -1px;\n\n background-color: $blue900;\n\n .pn-sitefooter-cols {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n padding-top: 4.8rem;\n padding-left: 3rem;\n padding-right: 3rem;\n\n margin: 0 auto;\n\n @media screen and (min-width: $min-width-md) {\n max-width: 72rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n max-width: 96rem;\n padding-left: 0;\n padding-right: 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n max-width: 114rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n max-width: 144rem;\n }\n\n h3 {\n font-weight: 500;\n }\n\n a:hover {\n text-decoration: underline;\n color: $white;\n }\n }\n }\n\n .pn-sitefooter-bottom {\n width: 100%;\n padding: 0.8rem 0;\n background-color: $blue900;\n\n & > [slot='bottom'] {\n max-width: 120rem;\n margin: 0 auto;\n padding-left: .8rem;\n padding-right: .8rem;\n\n @media screen and (min-width: $min-width-md) {\n padding-left: 3rem;\n padding-right: 3rem;\n }\n\n display: flex;\n flex-direction: column;\n gap: 2.4rem;\n\n & > .social-media {\n display: flex;\n justify-content: center;\n\n padding: 1.6rem 0;\n border-top: 1px solid #005d924d;\n border-bottom: 1px solid #005d924d;\n\n & > ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 2.4rem;\n\n margin: 0;\n padding: 0;\n list-style-type: none;\n\n & > li:hover {\n svg > circle {\n fill: $blue700;\n }\n }\n }\n }\n\n & > .copyright {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n\n a {\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n \n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n gap: 2.4rem;\n }\n\n & * {\n display: flex;\n align-items: center;\n color: $white;\n font-weight: 400;\n font-size: 1.4rem;\n line-height: 1.96rem;\n min-height: 26px;\n }\n \n & > ul {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n\n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n }\n\n & > li {\n display: inline;\n &:first-child {\n margin-left: 0;\n }\n @media screen and (min-width: $min-width-md) {\n margin-left: 2.4rem;\n }\n }\n }\n }\n }\n }\n\n .pn-sitefooter-logo {\n padding: 3rem;\n margin: 0 auto;\n [name='logo'] {\n & > svg {\n display: block;\n width: 13.3rem;\n height: 2.6rem;\n & > path {\n fill: $blue400;\n }\n }\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-site-footer',\n styleUrl: 'pn-site-footer.scss',\n})\nexport class PnSiteFooter {\n /** What you write in the comment block above each prop is what ends up in the description fields in the prop table in the documentation /\n @Prop() url: string = '#';\n @Prop() linktitle: string = 'PostNord';\n @Prop({ reflect: true }) theme: string = null;\n\n componentWillLoad() {}\n\n render() {\n return (\n <Host>\n <svg fill=\"none\" viewBox=\"0 0 1680 126\" role=\"presentation\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 124.425C265.751 43.517 547.794 0 840 0c292.21 0 574.25 43.517 840 124.425V126H0v-1.575z\" fill=\"#F3F2F2\"></path>\n </svg>\n <div class=\"pn-sitefooter-top\">\n <div class=\"pn-sitefooter-cols\">\n <slot />\n </div>\n </div>\n <div class=\"pn-sitefooter-bottom\">\n <slot name=\"bottom\" />\n </div>\n <div class=\"pn-sitefooter-logo\">\n <a href={this.url} title={this.linktitle} aria-label={this.linktitle}>\n <slot name=\"logo\">\n <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"PostNord\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n fill=\"black\"\n ></path>\n </svg>\n </slot>\n </a>\n </div>\n </Host>\n );\n }\n}\n","@import './pn-site-footer-common.scss';\n@import '../../../globals/main.scss';\n\npn-site-footer-col:not([theme='dotcom']) {\n min-width: 15em;\n padding: 2.5em 1.5rem 0;\n width: 100%;\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n width: 50%;\n }\n\n @media screen and (min-width: $sitefooter-media-smalldesktop) {\n max-width: 25%;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n }\n\n li {\n margin-bottom: 1.6rem;\n }\n\n a {\n text-decoration: none;\n width: fit-content;\n\n .pn-h2 {\n color: $black;\n }\n }\n\n p {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n}\n\npn-site-footer-col[theme='dotcom'] {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n & {\n color: $white;\n }\n\n @media screen and (min-width: $min-width-md) {\n width: 33%;\n padding-left: 0.8rem;\n padding-right: 0.8rem;\n\n &:nth-child(1),\n &:nth-child(4) {\n padding-left: 0;\n }\n\n &:nth-child(3),\n &:nth-child(5) {\n padding-right: 0;\n }\n }\n\n @media screen and (min-width: 1024px) {\n width: 20%;\n padding-left: 1.6rem;\n padding-right: 1.6rem;\n\n &:nth-child(1) {\n width: 20%;\n padding-left: 0;\n }\n\n &:nth-child(4) {\n padding-left: 1.6rem;\n }\n\n &:nth-child(3) {\n padding-right: 1.6rem;\n }\n\n &:nth-child(5) {\n padding-right: 0;\n }\n }\n\n .pn-h2 {\n margin-bottom: 1rem;\n font-weight: 700;\n font-size: 2rem;\n line-height: 2.2rem;\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 2.4rem;\n line-height: 2.64rem;\n }\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n margin-bottom: 1.4rem;\n\n li {\n margin-bottom: 1rem;\n }\n }\n\n a {\n display: flex;\n align-items: center;\n text-decoration: none;\n width: fit-content;\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 2.24rem;\n min-height: 26px;\n\n .pn-h2 {\n color: $white;\n }\n }\n\n p {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n\n div {\n min-height: 150px;\n margin-bottom: 1.4rem;\n\n p:nth-child(odd) {\n font-weight: 500;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-site-footer-col',\n styleUrl: 'pn-site-footer-col.scss',\n})\nexport class PnSiteFooterCol {\n @Prop({ reflect: true }) theme: string = null;\n\n render() {\n return (\n <Host>\n <slot />\n </Host>\n );\n }\n}\n","export const translations = {\n sv: {\n preamble: 'E-handelstransport',\n text: 'Vi erbjuder Svanenmärkta leveranser av e-handelspaket',\n },\n en: {\n preamble: 'E-commerce transport',\n text: 'We offer Nordic Ecolabelled deliveries of e-commerce packages',\n },\n da: {\n preamble: 'E-handel transport',\n text: 'Vi tilbyder svanemærkede leveringer af e-handelspakker',\n },\n no: {\n preamble: 'E-handelstransport',\n text: 'Vi tilbyr svanemerkede leveranser av e-handelspakker',\n },\n fi: {\n preamble: 'Sähköisen kaupankäynnin kuljetus',\n text: 'Tarjoamme pohjoismaisia Joutsenmerkittyjä verkkokaupan pakettien toimituksia',\n },\n};\n","@import '../../../globals/main.scss';\npn-swan {\n a {\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n span,\n .pn-swan-text {\n text-decoration: underline;\n }\n }\n }\n\n .pn-swan__wrapper {\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n gap: 0.8rem;\n\n color: $gray900;\n\n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n gap: 2.4rem;\n }\n }\n\n .pn-swan-icon__wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .pn-swan-icon {\n svg {\n width: 6rem;\n }\n }\n\n .pn-swan-icon__preamble {\n text-align: center;\n font-size: 1rem;\n font-weight: 500;\n\n span {\n display: block;\n font-weight: 400;\n }\n }\n\n .pn-swan-text {\n font-size: 1.2rem;\n max-width: 20rem;\n text-align: center;\n color: $blue700;\n\n @media screen and (min-width: $min-width-md) {\n text-align: left;\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-swan',\n styleUrl: 'pn-swan.scss',\n})\nexport class PnSwan {\n @Element() hostElement: HTMLElement;\n @Prop() licenseNumber: string;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @Prop() linkTo: string;\n\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <a href={this.linkTo}>\n <div class=\"pn-swan__wrapper\">\n <div class=\"pn-swan-icon__wrapper\">\n <div class=\"pn-swan-icon\">\n <svg viewBox=\"0 0 57 57\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_17509_174280)\">\n <path\n d=\"M28.5003 52.5053C41.0088 52.5053 51.149 42.4597 51.149 30.0679C51.149 17.6762 41.0088 7.63062 28.5003 7.63062C15.9917 7.63062 5.85156 17.6762 5.85156 30.0679C5.85156 42.4597 15.9917 52.5053 28.5003 52.5053Z\"\n fill=\"white\"\n />\n <path\n d=\"M28.5 56.5C43.964 56.5 56.5 43.964 56.5 28.5C56.5 13.036 43.964 0.5 28.5 0.5C13.036 0.5 0.5 13.036 0.5 28.5C0.5 43.964 13.036 56.5 28.5 56.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.3195 8.48928L5.88882 30.9266C5.88882 30.6653 5.88882 30.3666 5.88882 30.0679C5.85114 19.8013 12.8229 11.1399 22.3195 8.48928ZM41.3128 11.5506C40.0315 10.6919 38.6748 9.94528 37.2428 9.34795L16.9682 37.0493C17.9104 37.5346 18.4379 38.356 20.0207 38.356C20.9252 38.356 22.0934 37.7586 23.2239 36.228L41.3128 11.5506ZM7.99919 39.6253C9.54427 39.6253 11.5793 39.0653 12.6721 38.1693C13.6896 37.348 14.2549 36.6386 15.3101 36.6386C15.4608 36.6386 15.6493 36.6386 15.8 36.676L36.1122 8.93728C34.5672 8.37728 32.9467 8.00395 31.2885 7.81728L7.99919 39.6253ZM8.52678 40.6333C9.12974 41.7533 9.84575 42.836 10.5995 43.8066L12.9359 40.6333H8.52678ZM35.5846 40.6333L26.9171 52.468C27.4447 52.5053 27.9723 52.5053 28.4999 52.5053C29.9696 52.5053 31.4393 52.356 32.8336 52.0946L41.2374 40.596L35.5846 40.6333ZM29.9696 7.66795C29.4797 7.63062 28.9898 7.63062 28.4999 7.63062C26.9548 7.63062 25.4474 7.77995 24.0153 8.07861L6.00188 32.644C6.22799 34.66 6.7179 36.564 7.4716 38.3933L29.9696 7.66795ZM42.6694 40.6333L34.5295 51.7213C40.5591 50.0786 45.6089 46.0093 48.4729 40.6333H42.6694ZM28.4999 40.6333L20.7744 51.1986C22.3195 51.7586 23.94 52.132 25.5981 52.3559L34.1903 40.6333H28.4999ZM21.4151 40.6333L15.6116 48.548C16.8929 49.4066 18.2118 50.1533 19.6439 50.7506L27.0678 40.6333H21.4151ZM14.3303 40.6333L11.3155 44.74C12.333 45.8973 13.4635 46.9426 14.6694 47.876L19.983 40.6333H14.3303ZM15.3478 37.3479C14.8956 37.3479 14.5187 37.7213 14.5187 38.1693C14.5187 38.6173 14.8956 38.9906 15.3478 38.9906C15.8 38.9906 16.1768 38.6173 16.1768 38.1693C16.1768 37.7213 15.8 37.3479 15.3478 37.3479ZM51.1486 29.06C51.1109 28.4626 51.0732 27.9026 50.9978 27.3053L43.0463 38.132H44.4783L51.1486 29.06ZM48.9628 20.436L35.9615 38.1693H37.3935L49.5281 21.6306C49.3397 21.2199 49.1513 20.8093 48.9628 20.436ZM45.6089 15.3586L28.8767 38.1693H30.3087L46.3626 16.2546C46.1365 15.9559 45.8727 15.6573 45.6089 15.3586Z\"\n fill=\"#005D92\"\n />\n <path\n d=\"M9.2805 13.492C9.73272 13.9026 10.2226 13.7533 10.6372 13.3426C11.0517 12.8946 11.014 12.5213 10.7879 12.2973C10.5618 12.0733 10.3357 12.1106 10.1849 12.2226C9.92114 12.372 9.61966 12.596 9.09207 12.8946C8.48911 13.268 8.03689 13.156 7.73541 12.8573C7.13245 12.2973 7.39624 11.5133 7.88615 10.9533C8.48911 10.3186 9.2805 10.132 9.88346 10.692L9.39355 11.2146C8.97902 10.8786 8.60217 11.028 8.263 11.364C8.03689 11.588 7.84846 11.9986 8.11226 12.26C8.30069 12.4466 8.56448 12.4093 8.82828 12.26C8.86596 12.2226 9.65735 11.7373 9.88346 11.6253C10.3734 11.3266 10.8633 11.476 11.1647 11.7373C11.8054 12.3346 11.5416 13.1933 10.9763 13.7906C10.3357 14.4626 9.50661 14.724 8.75291 14.052L9.2805 13.492Z\"\n fill=\"black\"\n />\n <path d=\"M9.69531 9.23587L10.2983 8.78787L13.087 10.6172L11.9564 7.4812L12.5217 7.0332L13.916 11.0279L13.2754 11.5132L9.69531 9.23587Z\" fill=\"black\" />\n <path\n d=\"M14.1426 6.06254L14.8209 5.68921L18.2126 8.37721L17.5342 8.75054L16.6675 8.04121L15.2354 8.86254L15.4239 9.98254L14.7832 10.3559L14.1426 6.06254ZM15.1224 8.26521L16.2153 7.63054L14.8209 6.47321L15.1224 8.26521Z\"\n fill=\"black\"\n />\n <path\n d=\"M17.2695 4.42005L17.9855 4.15872L20.7742 6.28672L19.7567 3.52405L20.3974 3.30005L21.7917 7.03338L21.0757 7.29472L18.3247 5.16672L19.3422 7.92938L18.7016 8.15338L17.2695 4.42005Z\"\n fill=\"black\"\n />\n <path\n d=\"M21.9805 2.88937L24.8822 2.3667L24.9953 2.96403L22.8095 3.3747L22.998 4.42003L25.033 4.0467L25.146 4.6067L23.111 4.98003L23.3371 6.13737L25.5605 5.7267L25.6736 6.32403L22.7342 6.80937L21.9805 2.88937Z\"\n fill=\"black\"\n />\n <path\n d=\"M26.3145 2.21726H27.0682L28.9901 5.12927L28.9524 2.17993H29.6307L29.7061 6.1746H28.9524L27.0305 3.2626L27.0682 6.21193H26.3898L26.3145 2.21726Z\"\n fill=\"black\"\n />\n <path\n d=\"M31.4016 2.25464L32.3814 2.44131L32.9467 5.72664L34.6048 2.85197L35.5846 3.03864L34.8686 6.95864L34.1903 6.84664L34.7555 3.82264L33.0974 6.65997L32.4944 6.47331L31.9292 3.26264L31.3639 6.28664L30.6855 6.17464L31.4016 2.25464Z\"\n fill=\"black\"\n />\n <path\n d=\"M38.3359 3.93468L39.0519 4.19601V8.48934L38.3359 8.22801L38.3736 7.10801L36.8285 6.51068L36.0748 7.36934L35.3965 7.10801L38.3359 3.93468ZM37.2054 6.06268L38.3736 6.51068L38.4113 4.68134L37.2054 6.06268ZM38.0721 3.33734L38.2982 2.77734L38.9012 3.00134L38.6751 3.56134L38.0721 3.33734ZM39.8433 3.37468L39.6172 3.93468L39.0142 3.71068L39.2404 3.15068L39.8433 3.37468Z\"\n fill=\"black\"\n />\n <path\n d=\"M41.576 5.31592L43.2718 6.32392C44.0255 6.77192 44.214 7.36925 43.8748 7.92925C43.4603 8.60125 42.895 8.48925 42.7819 8.45192C42.9704 8.60125 43.1965 8.93725 42.8573 9.49725C42.6312 9.90792 42.4428 10.2813 42.5181 10.5053L41.8398 10.1319C41.8398 9.94525 41.9529 9.75858 42.0659 9.57192C42.4428 8.93725 42.4805 8.60125 41.9152 8.26525L41.0107 7.74258L40.144 9.16125L39.541 8.78792L41.576 5.31592ZM41.2368 7.21992L42.2543 7.81725C42.6312 8.04125 42.9704 8.00392 43.1965 7.63058C43.4603 7.18258 43.2342 6.92125 42.895 6.73458L41.8775 6.13725L41.2368 7.21992Z\"\n fill=\"black\"\n />\n <path\n d=\"M45.7214 7.96655L46.249 8.41455L45.043 9.79589L47.6056 9.57189L48.2463 10.1319L45.9852 10.2812L45.7214 13.1932L45.043 12.6332L45.3068 10.3186L44.5154 10.3559L43.6487 11.3639L43.1211 10.9159L45.7214 7.96655Z\"\n fill=\"black\"\n />\n <path\n d=\"M48.6246 10.5054L50.7727 12.932L50.3204 13.3427L49.4914 12.372L46.9288 14.612L46.4766 14.0894L49.0391 11.8494L48.2101 10.916L48.6246 10.5054Z\"\n fill=\"black\"\n />\n <path\n d=\"M28.5003 52.5053C41.0088 52.5053 51.149 42.4597 51.149 30.0679C51.149 17.6762 41.0088 7.63062 28.5003 7.63062C15.9917 7.63062 5.85156 17.6762 5.85156 30.0679C5.85156 42.4597 15.9917 52.5053 28.5003 52.5053Z\"\n fill=\"white\"\n />\n <path\n d=\"M28.5 56.5C43.964 56.5 56.5 43.964 56.5 28.5C56.5 13.036 43.964 0.5 28.5 0.5C13.036 0.5 0.5 13.036 0.5 28.5C0.5 43.964 13.036 56.5 28.5 56.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.3195 8.48928L5.88882 30.9266C5.88882 30.6653 5.88882 30.3666 5.88882 30.0679C5.85114 19.8013 12.8229 11.1399 22.3195 8.48928ZM41.3128 11.5506C40.0315 10.6919 38.6748 9.94528 37.2428 9.34795L16.9682 37.0493C17.9104 37.5346 18.4379 38.356 20.0207 38.356C20.9252 38.356 22.0934 37.7586 23.2239 36.228L41.3128 11.5506ZM7.99919 39.6253C9.54427 39.6253 11.5793 39.0653 12.6721 38.1693C13.6896 37.348 14.2549 36.6386 15.3101 36.6386C15.4608 36.6386 15.6493 36.6386 15.8 36.676L36.1122 8.93728C34.5672 8.37728 32.9467 8.00395 31.2885 7.81728L7.99919 39.6253ZM8.52678 40.6333C9.12974 41.7533 9.84575 42.836 10.5995 43.8066L12.9359 40.6333H8.52678ZM35.5846 40.6333L26.9171 52.4679C27.4447 52.5053 27.9723 52.5053 28.4999 52.5053C29.9696 52.5053 31.4393 52.3559 32.8336 52.0946L41.2374 40.596L35.5846 40.6333ZM29.9696 7.66795C29.4797 7.63062 28.9898 7.63062 28.4999 7.63062C26.9548 7.63062 25.4474 7.77995 24.0153 8.07861L6.00188 32.644C6.22799 34.66 6.71789 36.5639 7.4716 38.3933L29.9696 7.66795ZM42.6694 40.6333L34.5295 51.7213C40.5591 50.0786 45.6089 46.0093 48.4729 40.6333H42.6694ZM28.4999 40.6333L20.7744 51.1986C22.3195 51.7586 23.94 52.132 25.5981 52.3559L34.1903 40.6333H28.4999ZM21.4151 40.6333L15.6116 48.548C16.8929 49.4066 18.2118 50.1533 19.6439 50.7506L27.0678 40.6333H21.4151ZM14.3303 40.6333L11.3155 44.74C12.333 45.8973 13.4635 46.9426 14.6694 47.876L19.983 40.6333H14.3303ZM15.3478 37.3479C14.8956 37.3479 14.5187 37.7213 14.5187 38.1693C14.5187 38.6173 14.8956 38.9906 15.3478 38.9906C15.8 38.9906 16.1768 38.6173 16.1768 38.1693C16.1768 37.7213 15.8 37.3479 15.3478 37.3479ZM51.1486 29.0599C51.1109 28.4626 51.0732 27.9026 50.9978 27.3053L43.0463 38.132H44.4783L51.1486 29.0599ZM48.9628 20.436L35.9615 38.1693H37.3935L49.5281 21.6306C49.3397 21.2199 49.1513 20.8093 48.9628 20.436ZM45.6089 15.3586L28.8767 38.1693H30.3087L46.3626 16.2546C46.1365 15.9559 45.8727 15.6573 45.6089 15.3586Z\"\n fill=\"#00A65D\"\n />\n <path\n d=\"M9.2805 13.492C9.73272 13.9026 10.2226 13.7533 10.6372 13.3426C11.0517 12.8946 11.014 12.5213 10.7879 12.2973C10.5618 12.0733 10.3357 12.1106 10.1849 12.2226C9.92114 12.372 9.61966 12.596 9.09207 12.8946C8.48911 13.268 8.03689 13.156 7.73541 12.8573C7.13245 12.2973 7.39624 11.5133 7.88615 10.9533C8.48911 10.3186 9.2805 10.132 9.88346 10.692L9.39355 11.2146C8.97902 10.8786 8.60217 11.028 8.263 11.364C8.03689 11.588 7.84846 11.9986 8.11226 12.26C8.30069 12.4466 8.56448 12.4093 8.82828 12.26C8.86596 12.2226 9.65735 11.7373 9.88346 11.6253C10.3734 11.3266 10.8633 11.476 11.1647 11.7373C11.8054 12.3346 11.5416 13.1933 10.9763 13.7906C10.3357 14.4626 9.50661 14.724 8.75291 14.052L9.2805 13.492Z\"\n fill=\"black\"\n />\n <path d=\"M9.69531 9.23587L10.2983 8.78787L13.087 10.6172L11.9564 7.4812L12.5217 7.0332L13.916 11.0279L13.2754 11.5132L9.69531 9.23587Z\" fill=\"black\" />\n <path\n d=\"M14.1426 6.06254L14.8209 5.68921L18.2126 8.37721L17.5342 8.75054L16.6675 8.04121L15.2354 8.86254L15.4239 9.98254L14.7832 10.3559L14.1426 6.06254ZM15.1224 8.26521L16.2153 7.63054L14.8209 6.47321L15.1224 8.26521Z\"\n fill=\"black\"\n />\n <path\n d=\"M17.2695 4.42005L17.9855 4.15872L20.7742 6.28672L19.7567 3.52405L20.3974 3.30005L21.7917 7.03338L21.0757 7.29472L18.3247 5.16672L19.3422 7.92938L18.7016 8.15338L17.2695 4.42005Z\"\n fill=\"black\"\n />\n <path\n d=\"M21.9805 2.88937L24.8822 2.3667L24.9953 2.96403L22.8095 3.3747L22.998 4.42003L25.033 4.0467L25.146 4.6067L23.111 4.98003L23.3371 6.13737L25.5605 5.7267L25.6736 6.32403L22.7342 6.80937L21.9805 2.88937Z\"\n fill=\"black\"\n />\n <path\n d=\"M26.3145 2.21726H27.0682L28.9901 5.12927L28.9524 2.17993H29.6307L29.7061 6.1746H28.9524L27.0305 3.2626L27.0682 6.21193H26.3898L26.3145 2.21726Z\"\n fill=\"black\"\n />\n <path\n d=\"M31.4016 2.25464L32.3814 2.44131L32.9467 5.72664L34.6048 2.85197L35.5846 3.03864L34.8686 6.95864L34.1903 6.84664L34.7555 3.82264L33.0974 6.65997L32.4944 6.47331L31.9292 3.26264L31.3639 6.28664L30.6855 6.17464L31.4016 2.25464Z\"\n fill=\"black\"\n />\n <path\n d=\"M38.3359 3.93468L39.0519 4.19601V8.48934L38.3359 8.22801L38.3736 7.10801L36.8285 6.51068L36.0748 7.36934L35.3965 7.10801L38.3359 3.93468ZM37.2054 6.06268L38.3736 6.51068L38.4113 4.68134L37.2054 6.06268ZM38.0721 3.33734L38.2982 2.77734L38.9012 3.00134L38.6751 3.56134L38.0721 3.33734ZM39.8433 3.37468L39.6172 3.93468L39.0142 3.71068L39.2404 3.15068L39.8433 3.37468Z\"\n fill=\"black\"\n />\n <path\n d=\"M41.576 5.31592L43.2718 6.32392C44.0255 6.77192 44.214 7.36925 43.8748 7.92925C43.4603 8.60125 42.895 8.48925 42.7819 8.45192C42.9704 8.60125 43.1965 8.93725 42.8573 9.49725C42.6312 9.90792 42.4428 10.2813 42.5181 10.5053L41.8398 10.1319C41.8398 9.94525 41.9529 9.75858 42.0659 9.57192C42.4428 8.93725 42.4805 8.60125 41.9152 8.26525L41.0107 7.74258L40.144 9.16125L39.541 8.78792L41.576 5.31592ZM41.2368 7.21992L42.2543 7.81725C42.6312 8.04125 42.9704 8.00392 43.1965 7.63058C43.4603 7.18258 43.2342 6.92125 42.895 6.73458L41.8775 6.13725L41.2368 7.21992Z\"\n fill=\"black\"\n />\n <path\n d=\"M45.7214 7.96655L46.249 8.41455L45.043 9.79589L47.6056 9.57189L48.2463 10.1319L45.9852 10.2812L45.7214 13.1932L45.043 12.6332L45.3068 10.3186L44.5154 10.3559L43.6487 11.3639L43.1211 10.9159L45.7214 7.96655Z\"\n fill=\"black\"\n />\n <path\n d=\"M48.6246 10.5054L50.7727 12.932L50.3204 13.3427L49.4914 12.372L46.9288 14.612L46.4766 14.0894L49.0391 11.8494L48.2101 10.916L48.6246 10.5054Z\"\n fill=\"black\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_17509_174280\">\n <rect width=\"56\" height=\"56\" fill=\"white\" transform=\"translate(0.5 0.5)\" />\n </clipPath>\n </defs>\n </svg>\n </div>\n <div class=\"pn-swan-icon__preamble\">\n {this.i18n.preamble} <span>{this.licenseNumber}</span>\n </div>\n </div>\n <div class=\"pn-swan-text\">{this.i18n.text}</div>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["pnSiteFooterCss","PnSiteFooterStyle0","PnSiteFooter","componentWillLoad","render","h","Host","key","fill","viewBox","role","d","class","name","href","this","url","title","linktitle","xmlns","pnSiteFooterColCss","PnSiteFooterColStyle0","PnSiteFooterCol","translations","sv","preamble","text","en","da","no","fi","pnSwanCss","PnSwanStyle0","PnSwan","setTranslations","language","i18n","onLanguageChange","linkTo","id","width","height","transform","licenseNumber"],"sources":["src/components/navigation/pn-site-footer/pn-site-footer.scss?tag=pn-site-footer","src/components/navigation/pn-site-footer/pn-site-footer.tsx","src/components/navigation/pn-site-footer/pn-site-footer-col.scss?tag=pn-site-footer-col","src/components/navigation/pn-site-footer/pn-site-footer-col.tsx","src/components/minor/pn-swan/translations.ts","src/components/minor/pn-swan/pn-swan.scss?tag=pn-swan","src/components/minor/pn-swan/pn-swan.tsx"],"sourcesContent":["@import './pn-site-footer-common.scss';\n@import '../../../globals/main.scss';\n\npn-site-footer:not([theme='dotcom']) {\n display: block;\n line-height: 1.5;\n a {\n color: $blue700;\n &:hover {\n color: $blue900;\n text-decoration: underline;\n }\n }\n\n h3 {\n font-size: 2.4rem;\n margin-bottom: 0.5rem;\n line-height: 1.2;\n }\n p {\n font-size: 1.6rem;\n }\n\n pn-site-footer-col ul.social-media {\n display: flex;\n flex-flow: row;\n gap: 1.6rem;\n row-gap: 1.2rem;\n margin-bottom: 1.6rem;\n flex-wrap: wrap;\n\n li {\n margin-bottom: 0;\n }\n }\n > svg {\n display: block;\n }\n > div {\n background: $gray50;\n }\n\n .pn-sitefooter-top {\n display: flex;\n }\n\n .pn-sitefooter-cols {\n align-self: center;\n justify-content: center;\n display: block;\n flex-flow: row wrap;\n margin: 0 auto;\n max-width: 90em;\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n display: flex;\n }\n }\n\n .pn-sitefooter-bottom [slot='bottom'] {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n max-width: 90em;\n margin: 0 auto;\n padding: 1.6rem 0;\n border-top: 1px solid $gray200;\n border-bottom: 1px solid $gray200;\n\n span,\n a {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n a {\n text-decoration: underline !important;\n }\n\n @media screen and (min-width: $min-width-md) {\n gap: 0;\n flex-direction: row;\n \n span,\n a {\n flex-direction: row;\n align-items: flex-start;\n line-height: 2;\n margin: 0 1.6rem;\n text-decoration: none;\n }\n }\n\n li {\n line-height: 2em;\n margin: 0 1.6rem;\n }\n }\n\n .pn-sitefooter-logo {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding: 3rem;\n svg {\n display: block;\n width: 13.3rem;\n height: 2.6rem;\n }\n &:has(div) a slot-fb {\n display: none;\n }\n }\n}\n\npn-site-footer[theme='dotcom'] {\n width: 100%;\n display: flex;\n flex-direction: column;\n background-color: $blue900;\n margin: 0 auto;\n\n & > svg {\n background-color: $white;\n path {\n fill: $blue900;\n }\n }\n\n .pn-sitefooter-top {\n width: 100%;\n position: relative;\n top: -1px;\n\n background-color: $blue900;\n\n .pn-sitefooter-cols {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n padding-top: 4.8rem;\n padding-left: 3rem;\n padding-right: 3rem;\n\n margin: 0 auto;\n\n @media screen and (min-width: $min-width-md) {\n max-width: 72rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n max-width: 96rem;\n padding-left: 0;\n padding-right: 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n max-width: 114rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n max-width: 144rem;\n }\n\n h3 {\n font-weight: 500;\n }\n\n a:hover {\n text-decoration: underline;\n color: $white;\n }\n }\n }\n\n .pn-sitefooter-bottom {\n width: 100%;\n padding: 0.8rem 0;\n background-color: $blue900;\n\n & > [slot='bottom'] {\n max-width: 120rem;\n margin: 0 auto;\n padding-left: .8rem;\n padding-right: .8rem;\n\n @media screen and (min-width: $min-width-md) {\n padding-left: 3rem;\n padding-right: 3rem;\n }\n\n display: flex;\n flex-direction: column;\n gap: 2.4rem;\n\n & > .social-media {\n display: flex;\n justify-content: center;\n\n padding: 1.6rem 0;\n border-top: 1px solid #005d924d;\n border-bottom: 1px solid #005d924d;\n\n & > ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 2.4rem;\n\n margin: 0;\n padding: 0;\n list-style-type: none;\n\n & > li:hover {\n svg > circle {\n fill: $blue700;\n }\n }\n }\n }\n\n & > .copyright {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n\n a {\n text-decoration: underline;\n\n &:hover {\n text-decoration: none;\n }\n }\n \n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n gap: 2.4rem;\n }\n\n & * {\n display: flex;\n align-items: center;\n color: $white;\n font-weight: 400;\n font-size: 1.4rem;\n line-height: 1.96rem;\n min-height: 26px;\n }\n \n & > ul {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n\n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n }\n\n & > li {\n display: inline;\n &:first-child {\n margin-left: 0;\n }\n @media screen and (min-width: $min-width-md) {\n margin-left: 2.4rem;\n }\n }\n }\n }\n }\n }\n\n .pn-sitefooter-logo {\n padding: 3rem;\n margin: 0 auto;\n [name='logo'] {\n & > svg {\n display: block;\n width: 13.3rem;\n height: 2.6rem;\n & > path {\n fill: $blue400;\n }\n }\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-site-footer',\n styleUrl: 'pn-site-footer.scss',\n})\nexport class PnSiteFooter {\n /** What you write in the comment block above each prop is what ends up in the description fields in the prop table in the documentation /\n @Prop() url: string = '#';\n @Prop() linktitle: string = 'PostNord';\n @Prop({ reflect: true }) theme: string = null;\n\n componentWillLoad() {}\n\n render() {\n return (\n <Host>\n <svg fill=\"none\" viewBox=\"0 0 1680 126\" role=\"presentation\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 124.425C265.751 43.517 547.794 0 840 0c292.21 0 574.25 43.517 840 124.425V126H0v-1.575z\" fill=\"#F3F2F2\"></path>\n </svg>\n <div class=\"pn-sitefooter-top\">\n <div class=\"pn-sitefooter-cols\">\n <slot />\n </div>\n </div>\n <div class=\"pn-sitefooter-bottom\">\n <slot name=\"bottom\" />\n </div>\n <div class=\"pn-sitefooter-logo\">\n <a href={this.url} title={this.linktitle} aria-label={this.linktitle}>\n <slot name=\"logo\">\n <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"PostNord\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n fill=\"black\"\n ></path>\n </svg>\n </slot>\n </a>\n </div>\n </Host>\n );\n }\n}\n","@import './pn-site-footer-common.scss';\n@import '../../../globals/main.scss';\n\npn-site-footer-col:not([theme='dotcom']) {\n min-width: 15em;\n padding: 2.5em 1.5rem 0;\n width: 100%;\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n width: 50%;\n }\n\n @media screen and (min-width: $sitefooter-media-smalldesktop) {\n max-width: 25%;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n }\n\n li {\n margin-bottom: 1.6rem;\n }\n\n a {\n text-decoration: none;\n width: fit-content;\n\n .pn-h2 {\n color: $black;\n }\n }\n\n p {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n}\n\npn-site-footer-col[theme='dotcom'] {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n & {\n color: $white;\n }\n\n @media screen and (min-width: $min-width-md) {\n width: 33%;\n padding-left: 0.8rem;\n padding-right: 0.8rem;\n\n &:nth-child(1),\n &:nth-child(4) {\n padding-left: 0;\n }\n\n &:nth-child(3),\n &:nth-child(5) {\n padding-right: 0;\n }\n }\n\n @media screen and (min-width: 1024px) {\n width: 20%;\n padding-left: 1.6rem;\n padding-right: 1.6rem;\n\n &:nth-child(1) {\n width: 20%;\n padding-left: 0;\n }\n\n &:nth-child(4) {\n padding-left: 1.6rem;\n }\n\n &:nth-child(3) {\n padding-right: 1.6rem;\n }\n\n &:nth-child(5) {\n padding-right: 0;\n }\n }\n\n .pn-h2 {\n margin-bottom: 1rem;\n font-weight: 700;\n font-size: 2rem;\n line-height: 2.2rem;\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 2.4rem;\n line-height: 2.64rem;\n }\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n margin-bottom: 1.4rem;\n\n li {\n margin-bottom: 1rem;\n }\n }\n\n a {\n display: flex;\n align-items: center;\n text-decoration: none;\n width: fit-content;\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 2.24rem;\n min-height: 26px;\n\n .pn-h2 {\n color: $white;\n }\n }\n\n p {\n margin-top: 0;\n margin-bottom: 1rem;\n }\n\n div {\n min-height: 150px;\n margin-bottom: 1.4rem;\n\n p:nth-child(odd) {\n font-weight: 500;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-site-footer-col',\n styleUrl: 'pn-site-footer-col.scss',\n})\nexport class PnSiteFooterCol {\n @Prop({ reflect: true }) theme: string = null;\n\n render() {\n return (\n <Host>\n <slot />\n </Host>\n );\n }\n}\n","export const translations = {\n sv: {\n preamble: 'E-handelstransport',\n text: 'Vi erbjuder Svanenmärkta leveranser av e-handelspaket',\n },\n en: {\n preamble: 'E-commerce transport',\n text: 'We offer Nordic Ecolabelled deliveries of e-commerce packages',\n },\n da: {\n preamble: 'E-handel transport',\n text: 'Vi tilbyder svanemærkede leveringer af e-handelspakker',\n },\n no: {\n preamble: 'E-handelstransport',\n text: 'Vi tilbyr svanemerkede leveranser av e-handelspakker',\n },\n fi: {\n preamble: 'Sähköisen kaupankäynnin kuljetus',\n text: 'Tarjoamme pohjoismaisia Joutsenmerkittyjä verkkokaupan pakettien toimituksia',\n },\n};\n","@import '../../../globals/main.scss';\npn-swan {\n a {\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n span,\n .pn-swan-text {\n text-decoration: underline;\n }\n }\n }\n\n .pn-swan__wrapper {\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n gap: 0.8rem;\n\n color: $gray900;\n\n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n gap: 2.4rem;\n }\n }\n\n .pn-swan-icon__wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .pn-swan-icon {\n svg {\n width: 6rem;\n }\n }\n\n .pn-swan-icon__preamble {\n text-align: center;\n font-size: 1rem;\n font-weight: 500;\n\n span {\n display: block;\n font-weight: 400;\n }\n }\n\n .pn-swan-text {\n font-size: 1.2rem;\n max-width: 20rem;\n text-align: center;\n color: $blue700;\n\n @media screen and (min-width: $min-width-md) {\n text-align: left;\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-swan',\n styleUrl: 'pn-swan.scss',\n})\nexport class PnSwan {\n @Element() hostElement: HTMLElement;\n @Prop() licenseNumber: string;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @Prop() linkTo: string;\n\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <a href={this.linkTo}>\n <div class=\"pn-swan__wrapper\">\n <div class=\"pn-swan-icon__wrapper\">\n <div class=\"pn-swan-icon\">\n <svg viewBox=\"0 0 57 57\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_17509_174280)\">\n <path\n d=\"M28.5003 52.5053C41.0088 52.5053 51.149 42.4597 51.149 30.0679C51.149 17.6762 41.0088 7.63062 28.5003 7.63062C15.9917 7.63062 5.85156 17.6762 5.85156 30.0679C5.85156 42.4597 15.9917 52.5053 28.5003 52.5053Z\"\n fill=\"white\"\n />\n <path\n d=\"M28.5 56.5C43.964 56.5 56.5 43.964 56.5 28.5C56.5 13.036 43.964 0.5 28.5 0.5C13.036 0.5 0.5 13.036 0.5 28.5C0.5 43.964 13.036 56.5 28.5 56.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.3195 8.48928L5.88882 30.9266C5.88882 30.6653 5.88882 30.3666 5.88882 30.0679C5.85114 19.8013 12.8229 11.1399 22.3195 8.48928ZM41.3128 11.5506C40.0315 10.6919 38.6748 9.94528 37.2428 9.34795L16.9682 37.0493C17.9104 37.5346 18.4379 38.356 20.0207 38.356C20.9252 38.356 22.0934 37.7586 23.2239 36.228L41.3128 11.5506ZM7.99919 39.6253C9.54427 39.6253 11.5793 39.0653 12.6721 38.1693C13.6896 37.348 14.2549 36.6386 15.3101 36.6386C15.4608 36.6386 15.6493 36.6386 15.8 36.676L36.1122 8.93728C34.5672 8.37728 32.9467 8.00395 31.2885 7.81728L7.99919 39.6253ZM8.52678 40.6333C9.12974 41.7533 9.84575 42.836 10.5995 43.8066L12.9359 40.6333H8.52678ZM35.5846 40.6333L26.9171 52.468C27.4447 52.5053 27.9723 52.5053 28.4999 52.5053C29.9696 52.5053 31.4393 52.356 32.8336 52.0946L41.2374 40.596L35.5846 40.6333ZM29.9696 7.66795C29.4797 7.63062 28.9898 7.63062 28.4999 7.63062C26.9548 7.63062 25.4474 7.77995 24.0153 8.07861L6.00188 32.644C6.22799 34.66 6.7179 36.564 7.4716 38.3933L29.9696 7.66795ZM42.6694 40.6333L34.5295 51.7213C40.5591 50.0786 45.6089 46.0093 48.4729 40.6333H42.6694ZM28.4999 40.6333L20.7744 51.1986C22.3195 51.7586 23.94 52.132 25.5981 52.3559L34.1903 40.6333H28.4999ZM21.4151 40.6333L15.6116 48.548C16.8929 49.4066 18.2118 50.1533 19.6439 50.7506L27.0678 40.6333H21.4151ZM14.3303 40.6333L11.3155 44.74C12.333 45.8973 13.4635 46.9426 14.6694 47.876L19.983 40.6333H14.3303ZM15.3478 37.3479C14.8956 37.3479 14.5187 37.7213 14.5187 38.1693C14.5187 38.6173 14.8956 38.9906 15.3478 38.9906C15.8 38.9906 16.1768 38.6173 16.1768 38.1693C16.1768 37.7213 15.8 37.3479 15.3478 37.3479ZM51.1486 29.06C51.1109 28.4626 51.0732 27.9026 50.9978 27.3053L43.0463 38.132H44.4783L51.1486 29.06ZM48.9628 20.436L35.9615 38.1693H37.3935L49.5281 21.6306C49.3397 21.2199 49.1513 20.8093 48.9628 20.436ZM45.6089 15.3586L28.8767 38.1693H30.3087L46.3626 16.2546C46.1365 15.9559 45.8727 15.6573 45.6089 15.3586Z\"\n fill=\"#005D92\"\n />\n <path\n d=\"M9.2805 13.492C9.73272 13.9026 10.2226 13.7533 10.6372 13.3426C11.0517 12.8946 11.014 12.5213 10.7879 12.2973C10.5618 12.0733 10.3357 12.1106 10.1849 12.2226C9.92114 12.372 9.61966 12.596 9.09207 12.8946C8.48911 13.268 8.03689 13.156 7.73541 12.8573C7.13245 12.2973 7.39624 11.5133 7.88615 10.9533C8.48911 10.3186 9.2805 10.132 9.88346 10.692L9.39355 11.2146C8.97902 10.8786 8.60217 11.028 8.263 11.364C8.03689 11.588 7.84846 11.9986 8.11226 12.26C8.30069 12.4466 8.56448 12.4093 8.82828 12.26C8.86596 12.2226 9.65735 11.7373 9.88346 11.6253C10.3734 11.3266 10.8633 11.476 11.1647 11.7373C11.8054 12.3346 11.5416 13.1933 10.9763 13.7906C10.3357 14.4626 9.50661 14.724 8.75291 14.052L9.2805 13.492Z\"\n fill=\"black\"\n />\n <path d=\"M9.69531 9.23587L10.2983 8.78787L13.087 10.6172L11.9564 7.4812L12.5217 7.0332L13.916 11.0279L13.2754 11.5132L9.69531 9.23587Z\" fill=\"black\" />\n <path\n d=\"M14.1426 6.06254L14.8209 5.68921L18.2126 8.37721L17.5342 8.75054L16.6675 8.04121L15.2354 8.86254L15.4239 9.98254L14.7832 10.3559L14.1426 6.06254ZM15.1224 8.26521L16.2153 7.63054L14.8209 6.47321L15.1224 8.26521Z\"\n fill=\"black\"\n />\n <path\n d=\"M17.2695 4.42005L17.9855 4.15872L20.7742 6.28672L19.7567 3.52405L20.3974 3.30005L21.7917 7.03338L21.0757 7.29472L18.3247 5.16672L19.3422 7.92938L18.7016 8.15338L17.2695 4.42005Z\"\n fill=\"black\"\n />\n <path\n d=\"M21.9805 2.88937L24.8822 2.3667L24.9953 2.96403L22.8095 3.3747L22.998 4.42003L25.033 4.0467L25.146 4.6067L23.111 4.98003L23.3371 6.13737L25.5605 5.7267L25.6736 6.32403L22.7342 6.80937L21.9805 2.88937Z\"\n fill=\"black\"\n />\n <path\n d=\"M26.3145 2.21726H27.0682L28.9901 5.12927L28.9524 2.17993H29.6307L29.7061 6.1746H28.9524L27.0305 3.2626L27.0682 6.21193H26.3898L26.3145 2.21726Z\"\n fill=\"black\"\n />\n <path\n d=\"M31.4016 2.25464L32.3814 2.44131L32.9467 5.72664L34.6048 2.85197L35.5846 3.03864L34.8686 6.95864L34.1903 6.84664L34.7555 3.82264L33.0974 6.65997L32.4944 6.47331L31.9292 3.26264L31.3639 6.28664L30.6855 6.17464L31.4016 2.25464Z\"\n fill=\"black\"\n />\n <path\n d=\"M38.3359 3.93468L39.0519 4.19601V8.48934L38.3359 8.22801L38.3736 7.10801L36.8285 6.51068L36.0748 7.36934L35.3965 7.10801L38.3359 3.93468ZM37.2054 6.06268L38.3736 6.51068L38.4113 4.68134L37.2054 6.06268ZM38.0721 3.33734L38.2982 2.77734L38.9012 3.00134L38.6751 3.56134L38.0721 3.33734ZM39.8433 3.37468L39.6172 3.93468L39.0142 3.71068L39.2404 3.15068L39.8433 3.37468Z\"\n fill=\"black\"\n />\n <path\n d=\"M41.576 5.31592L43.2718 6.32392C44.0255 6.77192 44.214 7.36925 43.8748 7.92925C43.4603 8.60125 42.895 8.48925 42.7819 8.45192C42.9704 8.60125 43.1965 8.93725 42.8573 9.49725C42.6312 9.90792 42.4428 10.2813 42.5181 10.5053L41.8398 10.1319C41.8398 9.94525 41.9529 9.75858 42.0659 9.57192C42.4428 8.93725 42.4805 8.60125 41.9152 8.26525L41.0107 7.74258L40.144 9.16125L39.541 8.78792L41.576 5.31592ZM41.2368 7.21992L42.2543 7.81725C42.6312 8.04125 42.9704 8.00392 43.1965 7.63058C43.4603 7.18258 43.2342 6.92125 42.895 6.73458L41.8775 6.13725L41.2368 7.21992Z\"\n fill=\"black\"\n />\n <path\n d=\"M45.7214 7.96655L46.249 8.41455L45.043 9.79589L47.6056 9.57189L48.2463 10.1319L45.9852 10.2812L45.7214 13.1932L45.043 12.6332L45.3068 10.3186L44.5154 10.3559L43.6487 11.3639L43.1211 10.9159L45.7214 7.96655Z\"\n fill=\"black\"\n />\n <path\n d=\"M48.6246 10.5054L50.7727 12.932L50.3204 13.3427L49.4914 12.372L46.9288 14.612L46.4766 14.0894L49.0391 11.8494L48.2101 10.916L48.6246 10.5054Z\"\n fill=\"black\"\n />\n <path\n d=\"M28.5003 52.5053C41.0088 52.5053 51.149 42.4597 51.149 30.0679C51.149 17.6762 41.0088 7.63062 28.5003 7.63062C15.9917 7.63062 5.85156 17.6762 5.85156 30.0679C5.85156 42.4597 15.9917 52.5053 28.5003 52.5053Z\"\n fill=\"white\"\n />\n <path\n d=\"M28.5 56.5C43.964 56.5 56.5 43.964 56.5 28.5C56.5 13.036 43.964 0.5 28.5 0.5C13.036 0.5 0.5 13.036 0.5 28.5C0.5 43.964 13.036 56.5 28.5 56.5Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.3195 8.48928L5.88882 30.9266C5.88882 30.6653 5.88882 30.3666 5.88882 30.0679C5.85114 19.8013 12.8229 11.1399 22.3195 8.48928ZM41.3128 11.5506C40.0315 10.6919 38.6748 9.94528 37.2428 9.34795L16.9682 37.0493C17.9104 37.5346 18.4379 38.356 20.0207 38.356C20.9252 38.356 22.0934 37.7586 23.2239 36.228L41.3128 11.5506ZM7.99919 39.6253C9.54427 39.6253 11.5793 39.0653 12.6721 38.1693C13.6896 37.348 14.2549 36.6386 15.3101 36.6386C15.4608 36.6386 15.6493 36.6386 15.8 36.676L36.1122 8.93728C34.5672 8.37728 32.9467 8.00395 31.2885 7.81728L7.99919 39.6253ZM8.52678 40.6333C9.12974 41.7533 9.84575 42.836 10.5995 43.8066L12.9359 40.6333H8.52678ZM35.5846 40.6333L26.9171 52.4679C27.4447 52.5053 27.9723 52.5053 28.4999 52.5053C29.9696 52.5053 31.4393 52.3559 32.8336 52.0946L41.2374 40.596L35.5846 40.6333ZM29.9696 7.66795C29.4797 7.63062 28.9898 7.63062 28.4999 7.63062C26.9548 7.63062 25.4474 7.77995 24.0153 8.07861L6.00188 32.644C6.22799 34.66 6.71789 36.5639 7.4716 38.3933L29.9696 7.66795ZM42.6694 40.6333L34.5295 51.7213C40.5591 50.0786 45.6089 46.0093 48.4729 40.6333H42.6694ZM28.4999 40.6333L20.7744 51.1986C22.3195 51.7586 23.94 52.132 25.5981 52.3559L34.1903 40.6333H28.4999ZM21.4151 40.6333L15.6116 48.548C16.8929 49.4066 18.2118 50.1533 19.6439 50.7506L27.0678 40.6333H21.4151ZM14.3303 40.6333L11.3155 44.74C12.333 45.8973 13.4635 46.9426 14.6694 47.876L19.983 40.6333H14.3303ZM15.3478 37.3479C14.8956 37.3479 14.5187 37.7213 14.5187 38.1693C14.5187 38.6173 14.8956 38.9906 15.3478 38.9906C15.8 38.9906 16.1768 38.6173 16.1768 38.1693C16.1768 37.7213 15.8 37.3479 15.3478 37.3479ZM51.1486 29.0599C51.1109 28.4626 51.0732 27.9026 50.9978 27.3053L43.0463 38.132H44.4783L51.1486 29.0599ZM48.9628 20.436L35.9615 38.1693H37.3935L49.5281 21.6306C49.3397 21.2199 49.1513 20.8093 48.9628 20.436ZM45.6089 15.3586L28.8767 38.1693H30.3087L46.3626 16.2546C46.1365 15.9559 45.8727 15.6573 45.6089 15.3586Z\"\n fill=\"#00A65D\"\n />\n <path\n d=\"M9.2805 13.492C9.73272 13.9026 10.2226 13.7533 10.6372 13.3426C11.0517 12.8946 11.014 12.5213 10.7879 12.2973C10.5618 12.0733 10.3357 12.1106 10.1849 12.2226C9.92114 12.372 9.61966 12.596 9.09207 12.8946C8.48911 13.268 8.03689 13.156 7.73541 12.8573C7.13245 12.2973 7.39624 11.5133 7.88615 10.9533C8.48911 10.3186 9.2805 10.132 9.88346 10.692L9.39355 11.2146C8.97902 10.8786 8.60217 11.028 8.263 11.364C8.03689 11.588 7.84846 11.9986 8.11226 12.26C8.30069 12.4466 8.56448 12.4093 8.82828 12.26C8.86596 12.2226 9.65735 11.7373 9.88346 11.6253C10.3734 11.3266 10.8633 11.476 11.1647 11.7373C11.8054 12.3346 11.5416 13.1933 10.9763 13.7906C10.3357 14.4626 9.50661 14.724 8.75291 14.052L9.2805 13.492Z\"\n fill=\"black\"\n />\n <path d=\"M9.69531 9.23587L10.2983 8.78787L13.087 10.6172L11.9564 7.4812L12.5217 7.0332L13.916 11.0279L13.2754 11.5132L9.69531 9.23587Z\" fill=\"black\" />\n <path\n d=\"M14.1426 6.06254L14.8209 5.68921L18.2126 8.37721L17.5342 8.75054L16.6675 8.04121L15.2354 8.86254L15.4239 9.98254L14.7832 10.3559L14.1426 6.06254ZM15.1224 8.26521L16.2153 7.63054L14.8209 6.47321L15.1224 8.26521Z\"\n fill=\"black\"\n />\n <path\n d=\"M17.2695 4.42005L17.9855 4.15872L20.7742 6.28672L19.7567 3.52405L20.3974 3.30005L21.7917 7.03338L21.0757 7.29472L18.3247 5.16672L19.3422 7.92938L18.7016 8.15338L17.2695 4.42005Z\"\n fill=\"black\"\n />\n <path\n d=\"M21.9805 2.88937L24.8822 2.3667L24.9953 2.96403L22.8095 3.3747L22.998 4.42003L25.033 4.0467L25.146 4.6067L23.111 4.98003L23.3371 6.13737L25.5605 5.7267L25.6736 6.32403L22.7342 6.80937L21.9805 2.88937Z\"\n fill=\"black\"\n />\n <path\n d=\"M26.3145 2.21726H27.0682L28.9901 5.12927L28.9524 2.17993H29.6307L29.7061 6.1746H28.9524L27.0305 3.2626L27.0682 6.21193H26.3898L26.3145 2.21726Z\"\n fill=\"black\"\n />\n <path\n d=\"M31.4016 2.25464L32.3814 2.44131L32.9467 5.72664L34.6048 2.85197L35.5846 3.03864L34.8686 6.95864L34.1903 6.84664L34.7555 3.82264L33.0974 6.65997L32.4944 6.47331L31.9292 3.26264L31.3639 6.28664L30.6855 6.17464L31.4016 2.25464Z\"\n fill=\"black\"\n />\n <path\n d=\"M38.3359 3.93468L39.0519 4.19601V8.48934L38.3359 8.22801L38.3736 7.10801L36.8285 6.51068L36.0748 7.36934L35.3965 7.10801L38.3359 3.93468ZM37.2054 6.06268L38.3736 6.51068L38.4113 4.68134L37.2054 6.06268ZM38.0721 3.33734L38.2982 2.77734L38.9012 3.00134L38.6751 3.56134L38.0721 3.33734ZM39.8433 3.37468L39.6172 3.93468L39.0142 3.71068L39.2404 3.15068L39.8433 3.37468Z\"\n fill=\"black\"\n />\n <path\n d=\"M41.576 5.31592L43.2718 6.32392C44.0255 6.77192 44.214 7.36925 43.8748 7.92925C43.4603 8.60125 42.895 8.48925 42.7819 8.45192C42.9704 8.60125 43.1965 8.93725 42.8573 9.49725C42.6312 9.90792 42.4428 10.2813 42.5181 10.5053L41.8398 10.1319C41.8398 9.94525 41.9529 9.75858 42.0659 9.57192C42.4428 8.93725 42.4805 8.60125 41.9152 8.26525L41.0107 7.74258L40.144 9.16125L39.541 8.78792L41.576 5.31592ZM41.2368 7.21992L42.2543 7.81725C42.6312 8.04125 42.9704 8.00392 43.1965 7.63058C43.4603 7.18258 43.2342 6.92125 42.895 6.73458L41.8775 6.13725L41.2368 7.21992Z\"\n fill=\"black\"\n />\n <path\n d=\"M45.7214 7.96655L46.249 8.41455L45.043 9.79589L47.6056 9.57189L48.2463 10.1319L45.9852 10.2812L45.7214 13.1932L45.043 12.6332L45.3068 10.3186L44.5154 10.3559L43.6487 11.3639L43.1211 10.9159L45.7214 7.96655Z\"\n fill=\"black\"\n />\n <path\n d=\"M48.6246 10.5054L50.7727 12.932L50.3204 13.3427L49.4914 12.372L46.9288 14.612L46.4766 14.0894L49.0391 11.8494L48.2101 10.916L48.6246 10.5054Z\"\n fill=\"black\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_17509_174280\">\n <rect width=\"56\" height=\"56\" fill=\"white\" transform=\"translate(0.5 0.5)\" />\n </clipPath>\n </defs>\n </svg>\n </div>\n <div class=\"pn-swan-icon__preamble\">\n {this.i18n.preamble} <span>{this.licenseNumber}</span>\n </div>\n </div>\n <div class=\"pn-swan-text\">{this.i18n.text}</div>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-2509d18d.js → p-8836de82.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{e as t,f as e}from"./p-bb1c965e.js";const n=(t,e,n)=>{const s=t.get(e);if(!s){t.set(e,[n])}else if(!s.includes(n)){s.push(n)}};const s=(t,e)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...s)}),e)}};const o=t=>!("isConnected"in t)||t.isConnected;const r=s((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(o))}}),2e3);const c=()=>{if(typeof t!=="function"){return{}}const s=new Map;return{dispose:()=>s.clear(),get:e=>{const o=t();if(o){n(s,e,o)}},set:t=>{const n=s.get(t);if(n){s.set(t,n.filter(e))}r(s)},reset:()=>{s.forEach((t=>t.forEach(e)));r(s)}}};const i=t=>typeof t==="function"?t():t;const u=(t,e=((t,e)=>t!==e))=>{const n=i(t);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var e;s=new Map(Object.entries((e=i(t))!==null&&e!==void 0?e:{}));o.reset.forEach((t=>t()))};const c=()=>{o.dispose.forEach((t=>t()));r()};const u=t=>{o.get.forEach((e=>e(t)));return s.get(t)};const p=(t,n)=>{const r=s.get(t);if(e(n,r,t)){s.set(t,n);o.set.forEach((e=>e(t,n,r)))}};const a=typeof Proxy==="undefined"?{}:new Proxy(n,{get(t,e){return u(e)},ownKeys(t){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return s.has(e)},set(t,e,n){p(e,n);return true}});const l=(t,e)=>{o[t].push(e);return()=>{f(o[t],e)}};const d=(e,n)=>{const s=l("set",((t,s)=>{if(t===e){n(s)}}));const o=l("reset",(()=>n(i(t)[e])));return()=>{s();o()}};const g=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(l("set",e.set))}if(e.get){t.push(l("get",e.get))}if(e.reset){t.push(l("reset",e.reset))}if(e.dispose){t.push(l("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const y=t=>{const e=s.get(t);o.set.forEach((n=>n(t,e,e)))};return{state:a,get:u,set:p,on:l,onChange:d,use:g,dispose:c,reset:r,forceUpdate:y}};const f=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const p=(t,e)=>{const n=u(t,e);n.use(c());return n};export{p as c};
-//# sourceMappingURL=p-2509d18d.js.map
+import{e as t,f as e}from"./p-82546a44.js";const n=(t,e,n)=>{const s=t.get(e);if(!s){t.set(e,[n])}else if(!s.includes(n)){s.push(n)}};const s=(t,e)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...s)}),e)}};const o=t=>!("isConnected"in t)||t.isConnected;const r=s((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(o))}}),2e3);const c=()=>{if(typeof t!=="function"){return{}}const s=new Map;return{dispose:()=>s.clear(),get:e=>{const o=t();if(o){n(s,e,o)}},set:t=>{const n=s.get(t);if(n){s.set(t,n.filter(e))}r(s)},reset:()=>{s.forEach((t=>t.forEach(e)));r(s)}}};const i=t=>typeof t==="function"?t():t;const u=(t,e=((t,e)=>t!==e))=>{const n=i(t);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var e;s=new Map(Object.entries((e=i(t))!==null&&e!==void 0?e:{}));o.reset.forEach((t=>t()))};const c=()=>{o.dispose.forEach((t=>t()));r()};const u=t=>{o.get.forEach((e=>e(t)));return s.get(t)};const a=(t,n)=>{const r=s.get(t);if(e(n,r,t)){s.set(t,n);o.set.forEach((e=>e(t,n,r)))}};const p=typeof Proxy==="undefined"?{}:new Proxy(n,{get(t,e){return u(e)},ownKeys(t){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return s.has(e)},set(t,e,n){a(e,n);return true}});const l=(t,e)=>{o[t].push(e);return()=>{f(o[t],e)}};const d=(e,n)=>{const s=l("set",((t,s)=>{if(t===e){n(s)}}));const o=l("reset",(()=>n(i(t)[e])));return()=>{s();o()}};const g=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(l("set",e.set))}if(e.get){t.push(l("get",e.get))}if(e.reset){t.push(l("reset",e.reset))}if(e.dispose){t.push(l("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const y=t=>{const e=s.get(t);o.set.forEach((n=>n(t,e,e)))};return{state:p,get:u,set:a,on:l,onChange:d,use:g,dispose:c,reset:r,forceUpdate:y}};const f=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const a=(t,e)=>{const n=u(t,e);n.use(c());return n};export{a as c};
+//# sourceMappingURL=p-8836de82.js.map

package/pn-market-web-components/{p-560e5291.entry.js → p-8a651698.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,g as s,h as t,d as o}from"./p-bb1c965e.js";import{v as i}from"./p-4ed69de7.js";const l="pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";const a=l;const r={root:null,threshold:1,rootMargin:"0px 0px 0px 0px"};const c=(e,s,t)=>{if(!s){e&&e.play();t(false)}};const n=(e,s)=>{e&&e.pause();s(true)};const h=class{constructor(s){e(this,s);this.videoSrc="";this.observerOptions=r;this.showOverlay=false;this.videoId="";this.isManuallyPaused=false;this.isPaused=false}get hostElement(){return s(this)}localObserverOptions;testAdditionalParamIntoCallback=true;video;generateUniqueId(){return i()}componentWillLoad(){this.videoId=this.generateUniqueId()}componentDidLoad(){this.video=document.getElementById(this.videoId);this.video.addEventListener("click",this.handlePlayPauseClicked);this.localObserverOptions=this.observerOptions}handlePlayPauseClicked=()=>{if(this.video.paused||this.video.ended){this.video.play();this.isManuallyPaused=false;this.isPaused=false}else{this.video.pause();this.isManuallyPaused=true;this.isPaused=true}};togglePaused=e=>{this.isPaused=e};render(){return t(o,{key:"b76be7833abdd0c16b2b865e343a764fb5762466"},t("pn-scroll",{key:"c3dbb68e12611706fb4a3cbbbad84287ac3c2e73",intersectFunc:()=>c(this.video,this.isManuallyPaused,this.togglePaused),notIntersectFunc:()=>n(this.video,this.togglePaused),shouldLoop:true,behaviourClasses:"some-behaviour-class",observerOptions:this.localObserverOptions},t("div",{key:"461df9fcf966d409345e945117418eb35d58f540",slot:"scroll-affected"},t("video",{key:"1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0",playsinline:true,muted:true,autoPlay:true,id:`${this.videoId}`},t("source",{key:"8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8",src:this.videoSrc,type:"video/mp4"})),t("pn-video-overlay",{key:"21a69fa7ed440704f2e9aa5017f4616322fe9a4b",showOverlay:this.showOverlay,isPaused:this.isManuallyPaused||this.isPaused,onPlayPauseClicked:this.handlePlayPauseClicked}))))}};h.style=a;export{h as pn_play_on_scroll};
-//# sourceMappingURL=p-560e5291.entry.js.map
+import{r as s,g as e,h as t,d as o}from"./p-82546a44.js";import{v as i}from"./p-4ed69de7.js";const l="pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";const a=l;const r={root:null,threshold:1,rootMargin:"0px 0px 0px 0px"};const c=(s,e,t)=>{if(!e){s&&s.play();t(false)}};const n=(s,e)=>{s&&s.pause();e(true)};const h=class{constructor(e){s(this,e);this.videoSrc="";this.observerOptions=r;this.showOverlay=false;this.videoId="";this.isManuallyPaused=false;this.isPaused=false}get hostElement(){return e(this)}localObserverOptions;testAdditionalParamIntoCallback=true;video;generateUniqueId(){return i()}componentWillLoad(){this.videoId=this.generateUniqueId()}componentDidLoad(){this.video=document.getElementById(this.videoId);this.video.addEventListener("click",this.handlePlayPauseClicked);this.localObserverOptions=this.observerOptions}handlePlayPauseClicked=()=>{if(this.video.paused||this.video.ended){this.video.play();this.isManuallyPaused=false;this.isPaused=false}else{this.video.pause();this.isManuallyPaused=true;this.isPaused=true}};togglePaused=s=>{this.isPaused=s};render(){return t(o,{key:"b76be7833abdd0c16b2b865e343a764fb5762466"},t("pn-scroll",{key:"c3dbb68e12611706fb4a3cbbbad84287ac3c2e73",intersectFunc:()=>c(this.video,this.isManuallyPaused,this.togglePaused),notIntersectFunc:()=>n(this.video,this.togglePaused),shouldLoop:true,behaviourClasses:"some-behaviour-class",observerOptions:this.localObserverOptions},t("div",{key:"461df9fcf966d409345e945117418eb35d58f540",slot:"scroll-affected"},t("video",{key:"1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0",playsinline:true,muted:true,autoPlay:true,id:`${this.videoId}`},t("source",{key:"8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8",src:this.videoSrc,type:"video/mp4"})),t("pn-video-overlay",{key:"21a69fa7ed440704f2e9aa5017f4616322fe9a4b",showOverlay:this.showOverlay,isPaused:this.isManuallyPaused||this.isPaused,onPlayPauseClicked:this.handlePlayPauseClicked}))))}};h.style=a;export{h as pn_play_on_scroll};
+//# sourceMappingURL=p-8a651698.entry.js.map

package/pn-market-web-components/p-8d78b631.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function r(){try{const r="__storage_test__";localStorage.setItem(r,r);localStorage.removeItem(r);return true}catch(r){return false}}class t{available;constructor(){this.available=r()}get(r){if(!this.available)return null;try{const t=localStorage.getItem(r);return t?JSON.parse(t):null}catch(t){console.warn(`Error getting item ${r} from localStorage:`,t);return null}}set(r,t){if(!this.available)return;try{localStorage.setItem(r,JSON.stringify(t))}catch(t){console.warn(`Error setting item ${r} in localStorage:`,t)}}remove(r){if(!this.available)return;try{localStorage.removeItem(r)}catch(t){console.warn(`Error removing item ${r} from localStorage:`,t)}}clear(){if(!this.available)return;try{localStorage.clear()}catch(r){console.warn("Error clearing localStorage:",r)}}}export{t as L};
2	+ //# sourceMappingURL=p-8d78b631.js.map

package/pn-market-web-components/p-8d78b631.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["isLocalStorageAvailable","testKey","localStorage","setItem","removeItem","error","LocalStorageService","available","constructor","this","get","key","item","getItem","JSON","parse","console","warn","set","value","stringify","remove","clear"],"sources":["src/utils/utils.ts","src/globals/LocalStorageService.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function isLocalStorageAvailable(): boolean {\n try {\n const testKey = '__storage_test__';\n localStorage.setItem(testKey, testKey);\n localStorage.removeItem(testKey);\n return true;\n } catch (error) {\n return false;\n }\n}\n","import { isLocalStorageAvailable } from \"@/utils/utils\";\n\nexport interface StorageService {\n get(key: string): any | null;\n set(key: string, value: any): void;\n remove(key: string): void;\n clear(): void;\n}\n\nexport class LocalStorageService implements StorageService {\n private available: boolean;\n\n constructor() {\n this.available = isLocalStorageAvailable();\n }\n\n public get(key: string): any | null {\n if (!this.available) return null;\n\n try {\n const item = localStorage.getItem(key);\n return item ? JSON.parse(item) : null;\n } catch (error) {\n console.warn(`Error getting item ${key} from localStorage:`, error);\n return null;\n }\n }\n\n public set(key: string, value: any): void {\n if (!this.available) return;\n\n try {\n localStorage.setItem(key, JSON.stringify(value));\n } catch (error) {\n console.warn(`Error setting item ${key} in localStorage:`, error);\n }\n }\n\n public remove(key: string): void {\n if (!this.available) return;\n\n try {\n localStorage.removeItem(key);\n } catch (error) {\n console.warn(`Error removing item ${key} from localStorage:`, error);\n }\n }\n\n public clear(): void {\n if (!this.available) return;\n\n try {\n localStorage.clear();\n } catch (error) {\n console.warn('Error clearing localStorage:', error);\n }\n }\n}\n\n"],"mappings":"SAIgBA,IACd,IACE,MAAMC,EAAU,mBAChBC,aAAaC,QAAQF,EAASA,GAC9BC,aAAaE,WAAWH,GACxB,OAAO,I,CACP,MAAOI,GACP,OAAO,K,CAEX,C,MCJaC,EACHC,UAER,WAAAC,GACEC,KAAKF,UAAYP,G,CAGZ,GAAAU,CAAIC,GACT,IAAKF,KAAKF,UAAW,OAAO,KAE5B,IACE,MAAMK,EAAOV,aAAaW,QAAQF,GAClC,OAAOC,EAAOE,KAAKC,MAAMH,GAAQ,I,CACjC,MAAOP,GACPW,QAAQC,KAAK,sBAAsBN,uBAA0BN,GAC7D,OAAO,I,EAIJ,GAAAa,CAAIP,EAAaQ,GACtB,IAAKV,KAAKF,UAAW,OAErB,IACEL,aAAaC,QAAQQ,EAAKG,KAAKM,UAAUD,G,CACzC,MAAOd,GACPW,QAAQC,KAAK,sBAAsBN,qBAAwBN,E,EAIxD,MAAAgB,CAAOV,GACZ,IAAKF,KAAKF,UAAW,OAErB,IACEL,aAAaE,WAAWO,E,CACxB,MAAON,GACPW,QAAQC,KAAK,uBAAuBN,uBAA0BN,E,EAI3D,KAAAiB,GACL,IAAKb,KAAKF,UAAW,OAErB,IACEL,aAAaoB,O,CACb,MAAOjB,GACPW,QAAQC,KAAK,+BAAgCZ,E","ignoreList":[]}

package/pn-market-web-components/p-8d874454.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,g as n,h as i,d as a}from"./p-82546a44.js";import{s as t}from"./p-72828265.js";import"./p-8836de82.js";const o={sv:{open:"Öppna",close:"Stäng",navLabel:"Undernavigering"},en:{open:"Open",close:"Close",navLabel:"Sub navigation"},da:{open:"Åbne",close:"Stæng",navLabel:"Undernavigation"},no:{open:"Åpne",close:"Stäng",navLabel:"Undernavigering"},fi:{open:"Avaa",close:"Sulje",navLabel:"Ali navigointi"},de:{open:"Offen",close:"Schließen",navLabel:"Unternavigation"},zh:{open:"Open",close:"Close",navLabel:"Sub navigation"},it:{open:"Open",close:"Close",navLabel:"Sub navigation"},nl:{open:"Open",close:"Close",navLabel:"Sub navigation"}};const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";const d=s;const r=class{constructor(n){e(this,n);this.language="sv";this.navLabel="";this.i18n={open:"",close:"",navLabel:""}}get hostElement(){return n(this)}componentWillLoad(){this.init()}async init(){this.setLanguage();if(window.matchMedia("screen and (min-width:64em)").matches===false){t.openMenu=false}}setLanguage(){if(o[this.language]){t.i18n=o[this.language];if(!this.navLabel){this.navLabel=t.i18n.navLabel}}}onOpenSubMenuLevelChange(e){t.openLevel=e.detail}render(){return i(a,{key:"fd9f3c21c4741b54b72aaecc0ba0bd67b25cb294",open:(t.openMenu==true)+""},i("slot",{key:"0411b9c7e54b42206ba0aff9b4ae5159c621a2ee",name:"above"}),i("nav",{key:"f911986715e69c09e863bcba918ba01bdf34aa57",class:"sidenav","aria-label":this.navLabel},i("slot",{key:"683fc0f3fc92d5aa50a5fd2b8bef76ceec5eb901"})))}};r.style=d;export{r as pn_sidenav};
2	+ //# sourceMappingURL=p-8d874454.entry.js.map

package/pn-market-web-components/{p-b5a0275d.entry.js.map → p-8d874454.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["translations","sv","open","close","navLabel","en","da","no","fi","de","zh","it","nl","pnSidenavCss","PnSidenavStyle0","PnSidenav","componentWillLoad","this","init","setLanguage","window","matchMedia","matches","state","openMenu","language","i18n","onOpenSubMenuLevelChange","event","openLevel","detail","render","h","Host","key","name","class"],"sources":["src/components/navigation/pn-sidenav/translations.ts","src/components/navigation/pn-sidenav/pn-sidenav.scss?tag=pn-sidenav","src/components/navigation/pn-sidenav/pn-sidenav.tsx"],"sourcesContent":["export const translations = {\n sv: {\n open: 'Öppna',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n en: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n da: {\n open: 'Åbne',\n close: 'Stæng',\n navLabel: 'Undernavigation',\n },\n no: {\n open: 'Åpne',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n fi: {\n open: 'Avaa',\n close: 'Sulje',\n navLabel: 'Ali navigointi',\n },\n de: {\n open: 'Offen',\n close: 'Schließen',\n navLabel: 'Unternavigation',\n },\n zh: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n it: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n nl: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n};\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\nbody[data-siteheader-sidemenuopen='true'] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $sidenav-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-sidenav {\n display: block;\n height: auto;\n width: 100vw;\n padding: 0 1.6rem;\n background-color: $white;\n z-index: 6;\n transform: translateX(-100vw);\n transition: transform 0.2s 0s;\n transition-property: transform, visibility;\n flex-flow: column;\n visibility: hidden;\n position: fixed;\n overflow: auto;\n top: 10.2rem;\n bottom: 0;\n left: 0;\n\n &[open='true'] {\n visibility: visible;\n transform: none;\n }\n\n @media screen and (min-width: $sidenav-media-tablet) {\n top: 15.3rem;\n }\n\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n position: relative;\n transform: none;\n visibility: visible;\n top: 0;\n z-index: inherit;\n width: 100%;\n padding: 0;\n height: auto;\n bottom: auto;\n left: auto;\n }\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // &[open=\"true\"] {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n}\n\n.sidenav {\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // [open=\"true\"] > & {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n // height: auto;\n // width: 100vw;\n // background-color: $white;\n // z-index: 3;\n // transform: translateX(100vw);\n // transition: transform 0.2s 0s;\n // transition-property: transform, visibility;\n // display:flex;\n // flex-flow: column;\n // visibility: hidden;\n // position: fixed;\n // top: 15.3rem;\n // bottom: 0;\n // left:0;\n\n [open='true'] > & {\n // visibility: visible;\n // transform: translateX(0);\n }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav',\n styleUrl: 'pn-sidenav.scss',\n shadow: false,\n})\nexport class PnSidenav {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Sets the label of the navigation (Required if multiple nav elements are on a page) */\n @Prop() navLabel: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setLanguage();\n if (window.matchMedia('screen and (min-width:64em)').matches === false) {\n state.openMenu = false;\n }\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n state.i18n = translations[this.language] as SideMenui18n;\n \n if (!this.navLabel) {\n this.navLabel = state.i18n.navLabel;\n }\n }\n }\n\n @Listen('openSubMenuLevelChange')\n onOpenSubMenuLevelChange(event) {\n state.openLevel = event.detail;\n }\n\n render() {\n return (\n <Host open={(state.openMenu == true) + ''}>\n <slot name=\"above\"></slot>\n <nav class=\"sidenav\" aria-label={this.navLabel}>\n <slot></slot>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,KAAM,QACNC,MAAO,QACPC,SAAU,mBAEZC,GAAI,CACFH,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZE,GAAI,CACFJ,KAAM,OACNC,MAAO,QACPC,SAAU,mBAEZG,GAAI,CACFL,KAAM,OACNC,MAAO,QACPC,SAAU,mBAEZI,GAAI,CACFN,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZK,GAAI,CACFP,KAAM,QACNC,MAAO,YACPC,SAAU,mBAEZM,GAAI,CACFR,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZO,GAAI,CACFT,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZQ,GAAI,CACFV,KAAM,OACNC,MAAO,QACPC,SAAU,mBC5Cd,MAAMS,EAAe,~~s1BACrB,~~MAAAC,EAAeD,E,MCSFE,EAAS,M,uCAGO,K,cAEA,G,UAEG,CAAEb,KAAM,GAAIC,MAAO,GAAIC,SAAU,G,kCAE/D,iBAAAY,GACEC,KAAKC,M,CAGP,UAAMA,GACJD,KAAKE,cACL,GAAIC,OAAOC,WAAW,+BAA+BC,UAAY,MAAO,CACtEC,EAAMC,SAAW,K,EAKrB,WAAAL,GACE,GAAInB,EAAaiB,KAAKQ,UAAW,CAC/BF,EAAMG,KAAO1B,EAAaiB,KAAKQ,UAE/B,IAAKR,KAAKb,SAAU,CAClBa,KAAKb,SAAWmB,EAAMG,KAAKtB,Q,GAMjC,wBAAAuB,CAAyBC,GACvBL,EAAMM,UAAYD,EAAME,M,CAG1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAAChC,MAAOqB,EAAMC,UAAY,MAAQ,IACrCQ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAS,aAAanB,KAAKb,UACpC4B,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
1	+ {"version":3,"names":["translations","sv","open","close","navLabel","en","da","no","fi","de","zh","it","nl","pnSidenavCss","PnSidenavStyle0","PnSidenav","componentWillLoad","this","init","setLanguage","window","matchMedia","matches","state","openMenu","language","i18n","onOpenSubMenuLevelChange","event","openLevel","detail","render","h","Host","key","name","class"],"sources":["src/components/navigation/pn-sidenav/translations.ts","src/components/navigation/pn-sidenav/pn-sidenav.scss?tag=pn-sidenav","src/components/navigation/pn-sidenav/pn-sidenav.tsx"],"sourcesContent":["export const translations = {\n sv: {\n open: 'Öppna',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n en: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n da: {\n open: 'Åbne',\n close: 'Stæng',\n navLabel: 'Undernavigation',\n },\n no: {\n open: 'Åpne',\n close: 'Stäng',\n navLabel: 'Undernavigering',\n },\n fi: {\n open: 'Avaa',\n close: 'Sulje',\n navLabel: 'Ali navigointi',\n },\n de: {\n open: 'Offen',\n close: 'Schließen',\n navLabel: 'Unternavigation',\n },\n zh: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n it: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n nl: {\n open: 'Open',\n close: 'Close',\n navLabel: 'Sub navigation',\n },\n};\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\nbody[data-siteheader-sidemenuopen='true'] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $sidenav-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-sidenav {\n display: block;\n height: auto;\n width: 100vw;\n padding: 0 1.6rem;\n background-color: $white;\n z-index: 6;\n transform: translateX(-100vw);\n transition: transform 0.2s 0s;\n transition-property: transform, visibility;\n flex-flow: column;\n visibility: hidden;\n position: fixed;\n overflow: auto;\n top: 10.2rem;\n bottom: 0;\n left: 0;\n\n &[open='true'] {\n visibility: visible;\n transform: none;\n }\n\n @media screen and (min-width: $sidenav-media-tablet) {\n top: 15.3rem;\n }\n\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n position: relative;\n transform: none;\n visibility: visible;\n top: 0;\n z-index: inherit;\n width: 100%;\n padding: 0;\n height: auto;\n bottom: auto;\n left: auto;\n }\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // &[open=\"true\"] {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n}\n\n.sidenav {\n // transition:transform .15s ease, opacity .10s ease;\n // transform: translateX(-100%);\n // opacity:0;\n // [open=\"true\"] > & {\n // transform:none;\n // opacity:1;\n // }\n\n // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n // transform:none;\n // opacity:1;\n // }\n // height: auto;\n // width: 100vw;\n // background-color: $white;\n // z-index: 3;\n // transform: translateX(100vw);\n // transition: transform 0.2s 0s;\n // transition-property: transform, visibility;\n // display:flex;\n // flex-flow: column;\n // visibility: hidden;\n // position: fixed;\n // top: 15.3rem;\n // bottom: 0;\n // left:0;\n\n [open='true'] > & {\n // visibility: visible;\n // transform: translateX(0);\n }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav',\n styleUrl: 'pn-sidenav.scss',\n shadow: false,\n})\nexport class PnSidenav {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) /\n @Prop() language: string = 'sv';\n /* Sets the label of the navigation (Required if multiple nav elements are on a page) */\n @Prop() navLabel: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n componentWillLoad() {\n this.init();\n }\n\n async init() {\n this.setLanguage();\n if (window.matchMedia('screen and (min-width:64em)').matches === false) {\n state.openMenu = false;\n }\n }\n\n @Listen('language')\n setLanguage() {\n if (translations[this.language]) {\n state.i18n = translations[this.language] as SideMenui18n;\n \n if (!this.navLabel) {\n this.navLabel = state.i18n.navLabel;\n }\n }\n }\n\n @Listen('openSubMenuLevelChange')\n onOpenSubMenuLevelChange(event) {\n state.openLevel = event.detail;\n }\n\n render() {\n return (\n <Host open={(state.openMenu == true) + ''}>\n <slot name=\"above\"></slot>\n <nav class=\"sidenav\" aria-label={this.navLabel}>\n <slot></slot>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,KAAM,QACNC,MAAO,QACPC,SAAU,mBAEZC,GAAI,CACFH,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZE,GAAI,CACFJ,KAAM,OACNC,MAAO,QACPC,SAAU,mBAEZG,GAAI,CACFL,KAAM,OACNC,MAAO,QACPC,SAAU,mBAEZI,GAAI,CACFN,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZK,GAAI,CACFP,KAAM,QACNC,MAAO,YACPC,SAAU,mBAEZM,GAAI,CACFR,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZO,GAAI,CACFT,KAAM,OACNC,MAAO,QACPC,SAAU,kBAEZQ,GAAI,CACFV,KAAM,OACNC,MAAO,QACPC,SAAU,mBC5Cd,MAAMS,EAAe,+pCACrB,MAAAC,EAAeD,E,MCSFE,EAAS,M,uCAGO,K,cAEA,G,UAEG,CAAEb,KAAM,GAAIC,MAAO,GAAIC,SAAU,G,kCAE/D,iBAAAY,GACEC,KAAKC,M,CAGP,UAAMA,GACJD,KAAKE,cACL,GAAIC,OAAOC,WAAW,+BAA+BC,UAAY,MAAO,CACtEC,EAAMC,SAAW,K,EAKrB,WAAAL,GACE,GAAInB,EAAaiB,KAAKQ,UAAW,CAC/BF,EAAMG,KAAO1B,EAAaiB,KAAKQ,UAE/B,IAAKR,KAAKb,SAAU,CAClBa,KAAKb,SAAWmB,EAAMG,KAAKtB,Q,GAMjC,wBAAAuB,CAAyBC,GACvBL,EAAMM,UAAYD,EAAME,M,CAG1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAAChC,MAAOqB,EAAMC,UAAY,MAAQ,IACrCQ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAS,aAAanB,KAAKb,UACpC4B,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/pn-market-web-components/p-8d98f709.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,g as t,h as i,d as o}from"./p-82546a44.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:inline-block;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;transition-duration:220ms;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-property:border, background, box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#fff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-delay:none;transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{box-shadow:none}";const s=n;const c=class{constructor(t){e(this,t);this.value=undefined;this.name=undefined;this.checkboxid=undefined;this.disabled=false;this.checked=false;this.indeterminate=false}get hostElement(){return t(this)}handlechange(){this.indeterminate=false}componentDidLoad(){this.checkAndSetIndeterminateState();this.bindEvents()}componentDidUpdate(){this.checkAndSetIndeterminateState()}bindEvents(){const e=document.querySelectorAll('label[for="'+this.checkboxid+'"]');e.forEach((e=>{e.addEventListener("click",(()=>{this.hostElement.shadowRoot.querySelector("label").click()}))}));const t=this.hostElement.shadowRoot.querySelector("input");t.addEventListener("change",this.onCheckboxChange.bind(this,t))}onCheckboxChange(e){let t=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(t){t.value=e.checked?this.value:"";t.dispatchEvent(new CustomEvent("change",{detail:t}))}}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.checkboxid}`);if(e){e.indeterminate=this.indeterminate}}renderInputOutsideShadowRoot(){let e=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(!e){e=this.hostElement.ownerDocument.createElement("input");e.type="hidden";e.classList.add("hidden-"+this.checkboxid);this.hostElement.appendChild(e)}e.name=this.name??this.checkboxid}render(){this.renderInputOutsideShadowRoot();return i(o,{key:"1a101cf9d9e27cdefb8221945f24b83ba50d626b",checked:this.checked,id:this.checkboxid},i("input",{key:"cc4cf39da22f13e9069639aec4e21d457a4ccf99",type:"checkbox",id:this.checkboxid,value:this.value,name:this.name\|\|this.checkboxid,disabled:this.disabled,checked:this.checked}),i("label",{key:"50a5122f4979a1c5eae5402df7da7139543847e4",htmlFor:this.checkboxid,class:"pn-checkbox"},i("svg",{key:"1e4708a6c2d4b58da98c15f80eef72127cb8d08b",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},i("polyline",{key:"69894e88ad14a79b1ada504b15a96643b9c4a310",class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),i("polyline",{key:"1ff0d988a320a19fdecdeadaed68f69cd58f4334",class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))}};c.style=s;export{c as pn_filter_checkbox};
2	+ //# sourceMappingURL=p-8d98f709.entry.js.map

package/pn-market-web-components/{p-74fd7435.entry.js.map → p-8d98f709.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnFilterCheckboxCss","PnFilterCheckboxStyle0","PnFilterCheckbox","handlechange","this","indeterminate","componentDidLoad","checkAndSetIndeterminateState","bindEvents","componentDidUpdate","labels","document","querySelectorAll","checkboxid","forEach","label","addEventListener","hostElement","shadowRoot","querySelector","click","checkboxInput","onCheckboxChange","bind","outsideInput","value","checked","dispatchEvent","CustomEvent","detail","checkbox","renderInputOutsideShadowRoot","input","ownerDocument","createElement","type","classList","add","appendChild","name","render","h","Host","key","id","disabled","htmlFor","class","xmlns","viewBox","fill","points"],"sources":["src/components/input/pn-filter-checkbox/pn-filter-checkbox.scss?tag=pn-filter-checkbox&encapsulation=shadow","src/components/input/pn-filter-checkbox/pn-filter-checkbox.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\n:host {\n display: inline-block;\n user-select: none;\n\n input {\n opacity: 0;\n position: absolute;\n }\n\n input[type='checkbox'] {\n & + label.pn-checkbox {\n width: 1.5em;\n min-width: 1.5em;\n height: 1.5em;\n min-height: 1.5em;\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n border: 0.1rem solid $gray400;\n cursor: pointer;\n border-radius: 0.4rem;\n cursor: pointer;\n transition-duration: $bg-timing;\n transition-timing-function: $easing;\n transition-property: border, background, box-shadow;\n\n svg {\n width: 80%;\n fill: none;\n\n polyline {\n stroke: #fff;\n transform-origin: 0 0;\n stroke-linecap: round;\n stroke-dasharray: 23;\n stroke-dashoffset: 23;\n transition-delay: none;\n transition: stroke-dashoffset $check-timing $easing;\n }\n }\n }\n\n &:hover + label.pn-checkbox {\n border: 0.1rem solid $blue700;\n background: $blue50;\n }\n\n &:checked + label.pn-checkbox,\n &:indeterminate + label.pn-checkbox {\n background: $blue700;\n border: 0.1rem solid $blue700;\n\n svg polyline {\n transition-delay: $bg-timing;\n }\n }\n\n &:checked + label.pn-checkbox {\n svg polyline.checkmark-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate + label.pn-checkbox {\n svg polyline.indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:focus + label.pn-checkbox,\n &:active + label.pn-checkbox {\n box-shadow:\n 0 0 0 0.1rem white,\n 0 0 0 0.3rem $blue700;\n }\n\n &:disabled + label.pn-checkbox {\n background-color: $gray200;\n border: 0.1rem solid $gray400;\n cursor: not-allowed;\n\n svg polyline {\n stroke: $gray400;\n }\n }\n\n &:disabled:checked + label.pn-checkbox {\n border: 0.1rem solid transparent;\n }\n\n &:disabled:active + label.pn-checkbox {\n box-shadow: none;\n }\n }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n tag: 'pn-filter-checkbox',\n styleUrl: 'pn-filter-checkbox.scss',\n shadow: true,\n})\nexport class PnFilterCheckbox {\n /** This will be emitted on change and input, like a native checkbox /\n @Prop({ reflect: true }) value: any;\n /* The name of the checkbox group /\n @Prop() name: string;\n /* The string you put here will be what you'd make the ID of a native radio button, you can't name props \"id\" because it's reserved\n * so we went with the more descriptive name \"checkboxid\", if you want to create labels for your checkbox, you will bind it to this ID\n */\n @Prop() checkboxid: string;\n @Prop() disabled?: boolean = false;\n @Prop() checked?: boolean = false;\n @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @Listen('change')\n handlechange() {\n this.indeterminate = false;\n }\n\n componentDidLoad() {\n this.checkAndSetIndeterminateState();\n this.bindEvents();\n }\n\n componentDidUpdate() {\n this.checkAndSetIndeterminateState();\n }\n\n bindEvents() {\n const labels = document.querySelectorAll('label[for=\"' + this.checkboxid + '\"]');\n labels.forEach(label => {\n label.addEventListener('click', () => {\n this.hostElement.shadowRoot.querySelector('label').click();\n });\n });\n\n const checkboxInput = this.hostElement.shadowRoot.querySelector('input');\n checkboxInput.addEventListener('change', this.onCheckboxChange.bind(this, checkboxInput));\n }\n\n onCheckboxChange(checkboxInput: HTMLInputElement) {\n let outsideInput: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (outsideInput) {\n outsideInput.value = checkboxInput.checked ? this.value : '';\n outsideInput.dispatchEvent(new CustomEvent('change', { detail: outsideInput }));\n }\n }\n\n checkAndSetIndeterminateState() {\n let checkbox = this.hostElement.querySelector(`#${this.checkboxid}`) as HTMLInputElement;\n\n if (checkbox) {\n checkbox.indeterminate = this.indeterminate;\n }\n }\n\n private renderInputOutsideShadowRoot() {\n let input: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (!input) {\n input = this.hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n input.classList.add('hidden-' + this.checkboxid);\n this.hostElement.appendChild(input);\n }\n\n input.name = this.name ?? this.checkboxid;\n }\n\n render() {\n this.renderInputOutsideShadowRoot();\n\n return (\n <Host checked={this.checked} id={this.checkboxid}>\n <input type=\"checkbox\" id={this.checkboxid} value={this.value} name={this.name \|\| this.checkboxid} disabled={this.disabled} checked={this.checked} />\n <label htmlFor={this.checkboxid} class=\"pn-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n <polyline class=\"indeterminate-path\" points=\"4,12 20,12\" stroke-width=\"3\" />\n </svg>\n </label>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,~~0gEAC5B~~,MAAAC,EAAeD,E,MCMFE,EAAgB,M,0GASE,M,aACD,M,mBACuB,K,kCAKnD,YAAAC,GACEC,KAAKC,cAAgB,K,CAGvB,gBAAAC,GACEF,KAAKG,gCACLH,KAAKI,Y,CAGP,kBAAAC,GACEL,KAAKG,+B,CAGP,UAAAC,GACE,MAAME,EAASC,SAASC,iBAAiB,cAAgBR,KAAKS,WAAa,MAC3EH,EAAOI,SAAQC,IACbA,EAAMC,iBAAiB,SAAS,KAC9BZ,KAAKa,YAAYC,WAAWC,cAAc,SAASC,OAAO,GAC1D,IAGJ,MAAMC,EAAgBjB,KAAKa,YAAYC,WAAWC,cAAc,SAChEE,EAAcL,iBAAiB,SAAUZ,KAAKkB,iBAAiBC,KAAKnB,KAAMiB,G,CAG5E,gBAAAC,CAAiBD,GACf,IAAIG,EAAiCpB,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YAC3F,GAAIW,EAAc,CAChBA,EAAaC,MAAQJ,EAAcK,QAAUtB,KAAKqB,MAAQ,GAC1DD,EAAaG,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQL,I,EAInE,6BAAAjB,GACE,IAAIuB,EAAW1B,KAAKa,YAAYE,cAAc,IAAIf,KAAKS,cAEvD,GAAIiB,EAAU,CACZA,EAASzB,cAAgBD,KAAKC,a,EAI1B,4BAAA0B,GACN,IAAIC,EAA0B5B,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YACpF,IAAKmB,EAAO,CACVA,EAAQ5B,KAAKa,YAAYgB,cAAcC,cAAc,SACrDF,EAAMG,KAAO,SACbH,EAAMI,UAAUC,IAAI,UAAYjC,KAAKS,YACrCT,KAAKa,YAAYqB,YAAYN,E,CAG/BA,EAAMO,KAAOnC,KAAKmC,MAAQnC,KAAKS,U,CAGjC,MAAA2B,GACEpC,KAAK2B,+BAEL,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACjB,QAAStB,KAAKsB,QAASkB,GAAIxC,KAAKS,YACpC4B,EAAA,SAAAE,IAAA,2CAAOR,KAAK,WAAWS,GAAIxC,KAAKS,WAAYY,MAAOrB,KAAKqB,MAAOc,KAAMnC,KAAKmC,MAAQnC,KAAKS,WAAYgC,SAAUzC,KAAKyC,SAAUnB,QAAStB,KAAKsB,UAC1Ie,EAAA,SAAAE,IAAA,2CAAOG,QAAS1C,KAAKS,WAAYkC,MAAM,eACrCN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC/DT,EAAA,YAAAE,IAAA,2CAAUI,MAAM,iBAAiBI,OAAO,iBAAgB,eAAc,MACtEV,EAAA,YAAAE,IAAA,2CAAUI,MAAM,qBAAqBI,OAAO,aAAY,eAAc,Q","ignoreList":[]}
1	+ {"version":3,"names":["pnFilterCheckboxCss","PnFilterCheckboxStyle0","PnFilterCheckbox","handlechange","this","indeterminate","componentDidLoad","checkAndSetIndeterminateState","bindEvents","componentDidUpdate","labels","document","querySelectorAll","checkboxid","forEach","label","addEventListener","hostElement","shadowRoot","querySelector","click","checkboxInput","onCheckboxChange","bind","outsideInput","value","checked","dispatchEvent","CustomEvent","detail","checkbox","renderInputOutsideShadowRoot","input","ownerDocument","createElement","type","classList","add","appendChild","name","render","h","Host","key","id","disabled","htmlFor","class","xmlns","viewBox","fill","points"],"sources":["src/components/input/pn-filter-checkbox/pn-filter-checkbox.scss?tag=pn-filter-checkbox&encapsulation=shadow","src/components/input/pn-filter-checkbox/pn-filter-checkbox.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\n:host {\n display: inline-block;\n user-select: none;\n\n input {\n opacity: 0;\n position: absolute;\n }\n\n input[type='checkbox'] {\n & + label.pn-checkbox {\n width: 1.5em;\n min-width: 1.5em;\n height: 1.5em;\n min-height: 1.5em;\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n border: 0.1rem solid $gray400;\n cursor: pointer;\n border-radius: 0.4rem;\n cursor: pointer;\n transition-duration: $bg-timing;\n transition-timing-function: $easing;\n transition-property: border, background, box-shadow;\n\n svg {\n width: 80%;\n fill: none;\n\n polyline {\n stroke: #fff;\n transform-origin: 0 0;\n stroke-linecap: round;\n stroke-dasharray: 23;\n stroke-dashoffset: 23;\n transition-delay: none;\n transition: stroke-dashoffset $check-timing $easing;\n }\n }\n }\n\n &:hover + label.pn-checkbox {\n border: 0.1rem solid $blue700;\n background: $blue50;\n }\n\n &:checked + label.pn-checkbox,\n &:indeterminate + label.pn-checkbox {\n background: $blue700;\n border: 0.1rem solid $blue700;\n\n svg polyline {\n transition-delay: $bg-timing;\n }\n }\n\n &:checked + label.pn-checkbox {\n svg polyline.checkmark-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate + label.pn-checkbox {\n svg polyline.indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:focus + label.pn-checkbox,\n &:active + label.pn-checkbox {\n box-shadow:\n 0 0 0 0.1rem white,\n 0 0 0 0.3rem $blue700;\n }\n\n &:disabled + label.pn-checkbox {\n background-color: $gray200;\n border: 0.1rem solid $gray400;\n cursor: not-allowed;\n\n svg polyline {\n stroke: $gray400;\n }\n }\n\n &:disabled:checked + label.pn-checkbox {\n border: 0.1rem solid transparent;\n }\n\n &:disabled:active + label.pn-checkbox {\n box-shadow: none;\n }\n }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n tag: 'pn-filter-checkbox',\n styleUrl: 'pn-filter-checkbox.scss',\n shadow: true,\n})\nexport class PnFilterCheckbox {\n /** This will be emitted on change and input, like a native checkbox /\n @Prop({ reflect: true }) value: any;\n /* The name of the checkbox group /\n @Prop() name: string;\n /* The string you put here will be what you'd make the ID of a native radio button, you can't name props \"id\" because it's reserved\n * so we went with the more descriptive name \"checkboxid\", if you want to create labels for your checkbox, you will bind it to this ID\n */\n @Prop() checkboxid: string;\n @Prop() disabled?: boolean = false;\n @Prop() checked?: boolean = false;\n @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @Listen('change')\n handlechange() {\n this.indeterminate = false;\n }\n\n componentDidLoad() {\n this.checkAndSetIndeterminateState();\n this.bindEvents();\n }\n\n componentDidUpdate() {\n this.checkAndSetIndeterminateState();\n }\n\n bindEvents() {\n const labels = document.querySelectorAll('label[for=\"' + this.checkboxid + '\"]');\n labels.forEach(label => {\n label.addEventListener('click', () => {\n this.hostElement.shadowRoot.querySelector('label').click();\n });\n });\n\n const checkboxInput = this.hostElement.shadowRoot.querySelector('input');\n checkboxInput.addEventListener('change', this.onCheckboxChange.bind(this, checkboxInput));\n }\n\n onCheckboxChange(checkboxInput: HTMLInputElement) {\n let outsideInput: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (outsideInput) {\n outsideInput.value = checkboxInput.checked ? this.value : '';\n outsideInput.dispatchEvent(new CustomEvent('change', { detail: outsideInput }));\n }\n }\n\n checkAndSetIndeterminateState() {\n let checkbox = this.hostElement.querySelector(`#${this.checkboxid}`) as HTMLInputElement;\n\n if (checkbox) {\n checkbox.indeterminate = this.indeterminate;\n }\n }\n\n private renderInputOutsideShadowRoot() {\n let input: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (!input) {\n input = this.hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n input.classList.add('hidden-' + this.checkboxid);\n this.hostElement.appendChild(input);\n }\n\n input.name = this.name ?? this.checkboxid;\n }\n\n render() {\n this.renderInputOutsideShadowRoot();\n\n return (\n <Host checked={this.checked} id={this.checkboxid}>\n <input type=\"checkbox\" id={this.checkboxid} value={this.value} name={this.name \|\| this.checkboxid} disabled={this.disabled} checked={this.checked} />\n <label htmlFor={this.checkboxid} class=\"pn-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n <polyline class=\"indeterminate-path\" points=\"4,12 20,12\" stroke-width=\"3\" />\n </svg>\n </label>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,m1EAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,M,0GASE,M,aACD,M,mBACuB,K,kCAKnD,YAAAC,GACEC,KAAKC,cAAgB,K,CAGvB,gBAAAC,GACEF,KAAKG,gCACLH,KAAKI,Y,CAGP,kBAAAC,GACEL,KAAKG,+B,CAGP,UAAAC,GACE,MAAME,EAASC,SAASC,iBAAiB,cAAgBR,KAAKS,WAAa,MAC3EH,EAAOI,SAAQC,IACbA,EAAMC,iBAAiB,SAAS,KAC9BZ,KAAKa,YAAYC,WAAWC,cAAc,SAASC,OAAO,GAC1D,IAGJ,MAAMC,EAAgBjB,KAAKa,YAAYC,WAAWC,cAAc,SAChEE,EAAcL,iBAAiB,SAAUZ,KAAKkB,iBAAiBC,KAAKnB,KAAMiB,G,CAG5E,gBAAAC,CAAiBD,GACf,IAAIG,EAAiCpB,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YAC3F,GAAIW,EAAc,CAChBA,EAAaC,MAAQJ,EAAcK,QAAUtB,KAAKqB,MAAQ,GAC1DD,EAAaG,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQL,I,EAInE,6BAAAjB,GACE,IAAIuB,EAAW1B,KAAKa,YAAYE,cAAc,IAAIf,KAAKS,cAEvD,GAAIiB,EAAU,CACZA,EAASzB,cAAgBD,KAAKC,a,EAI1B,4BAAA0B,GACN,IAAIC,EAA0B5B,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YACpF,IAAKmB,EAAO,CACVA,EAAQ5B,KAAKa,YAAYgB,cAAcC,cAAc,SACrDF,EAAMG,KAAO,SACbH,EAAMI,UAAUC,IAAI,UAAYjC,KAAKS,YACrCT,KAAKa,YAAYqB,YAAYN,E,CAG/BA,EAAMO,KAAOnC,KAAKmC,MAAQnC,KAAKS,U,CAGjC,MAAA2B,GACEpC,KAAK2B,+BAEL,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACjB,QAAStB,KAAKsB,QAASkB,GAAIxC,KAAKS,YACpC4B,EAAA,SAAAE,IAAA,2CAAOR,KAAK,WAAWS,GAAIxC,KAAKS,WAAYY,MAAOrB,KAAKqB,MAAOc,KAAMnC,KAAKmC,MAAQnC,KAAKS,WAAYgC,SAAUzC,KAAKyC,SAAUnB,QAAStB,KAAKsB,UAC1Ie,EAAA,SAAAE,IAAA,2CAAOG,QAAS1C,KAAKS,WAAYkC,MAAM,eACrCN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC/DT,EAAA,YAAAE,IAAA,2CAAUI,MAAM,iBAAiBI,OAAO,iBAAgB,eAAc,MACtEV,EAAA,YAAAE,IAAA,2CAAUI,MAAM,qBAAqBI,OAAO,aAAY,eAAc,Q","ignoreList":[]}

package/pn-market-web-components/p-9088d3f5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,g as o,h as n,d as r}from"./p-82546a44.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pn-profile-modal-customernumber-button{display:block;border:0;margin:0;background:#fff;cursor:pointer;appearance:none;border:0;outline:0;padding:0.8rem;font-weight:400;font-size:1.4rem;border-radius:0.8rem;line-height:1.4;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-customernumber-button:hover,.pn-profile-modal-customernumber-button:focus,.pn-profile-modal-customernumber-button:active{background:#effbff}";const a=i;const s=class{constructor(o){e(this,o);this.urlSelected=t(this,"urlSelected",7);this.url=null;this.customernumber=null;this.selected=false}get hostElement(){return o(this)}urlSelected;onCustomerNumberClick(){this.selected=true;this.urlSelected.emit(this.url)}render(){return n(r,{key:"a3703484acaad80847127e72a704e2879b9ea5d5"},n("button",{key:"4a91f4c448bccb79b29629ea6a314f9c5d2c1e76",class:"pn-profile-modal-customernumber-button",onClick:this.onCustomerNumberClick.bind(this)},n("slot",{key:"59a7765883dba657be621595c061281bff8d4ab5"})))}};s.style=a;export{s as pn_profile_modal_customernumber};
2	+ //# sourceMappingURL=p-9088d3f5.entry.js.map

package/pn-market-web-components/{p-a72c2729.entry.js.map → p-9088d3f5.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnProfileModalCustomernumberCss","PnProfileModalCustomernumberStyle0","PnProfileModalCustomernumber","urlSelected","onCustomerNumberClick","this","selected","emit","url","render","h","Host","key","class","onClick","bind"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.scss?tag=pn-profile-modal-customernumber","src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-customernumber {\n}\n.pn-profile-modal-customernumber-button {\n display: block;\n border: 0;\n margin: 0;\n background: #fff;\n cursor: pointer;\n appearance: none;\n border: 0;\n outline: 0;\n padding: 0.8rem;\n font-weight: 400;\n font-size: 1.4rem;\n border-radius: 0.8rem;\n line-height: 1.4;\n\n transition: background 0.15s ease;\n text-align: left;\n width: 100%;\n &:hover,\n &:focus,\n &:active {\n background: $blue25;\n }\n}\n","import { Component, Prop, h, Event, EventEmitter, Element, Host } from '@stencil/core';\n@Component({\n tag: 'pn-profile-modal-customernumber',\n styleUrl: 'pn-profile-modal-customernumber.scss',\n})\nexport class PnProfileModalCustomernumber {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) url: string = null;\n @Prop({ reflect: true }) customernumber: string = null;\n @Prop({ reflect: true }) selected: boolean = false;\n\n @Event() urlSelected: EventEmitter;\n\n onCustomerNumberClick() {\n this.selected = true;\n this.urlSelected.emit(this.url);\n }\n render() {\n return (\n <Host>\n <button class=\"pn-profile-modal-customernumber-button\" onClick={this.onCustomerNumberClick.bind(this)}>\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkC,~~2gBACxC~~,MAAAC,EAAeD,E,MCIFE,EAA4B,M,2EAGA,K,oBACW,K,cACL,K,kCAEpCC,YAET,qBAAAC,GACEC,KAAKC,SAAW,KAChBD,KAAKF,YAAYI,KAAKF,KAAKG,I,CAE7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,yCAAyCC,QAAST,KAAKD,sBAAsBW,KAAKV,OAC9FK,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
1	+ {"version":3,"names":["pnProfileModalCustomernumberCss","PnProfileModalCustomernumberStyle0","PnProfileModalCustomernumber","urlSelected","onCustomerNumberClick","this","selected","emit","url","render","h","Host","key","class","onClick","bind"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.scss?tag=pn-profile-modal-customernumber","src/components/profile/pn-profile-modal/pn-profile-modal-customernumber.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-customernumber {\n}\n.pn-profile-modal-customernumber-button {\n display: block;\n border: 0;\n margin: 0;\n background: #fff;\n cursor: pointer;\n appearance: none;\n border: 0;\n outline: 0;\n padding: 0.8rem;\n font-weight: 400;\n font-size: 1.4rem;\n border-radius: 0.8rem;\n line-height: 1.4;\n\n transition: background 0.15s ease;\n text-align: left;\n width: 100%;\n &:hover,\n &:focus,\n &:active {\n background: $blue25;\n }\n}\n","import { Component, Prop, h, Event, EventEmitter, Element, Host } from '@stencil/core';\n@Component({\n tag: 'pn-profile-modal-customernumber',\n styleUrl: 'pn-profile-modal-customernumber.scss',\n})\nexport class PnProfileModalCustomernumber {\n @Element() hostElement: Element;\n\n @Prop({ reflect: true }) url: string = null;\n @Prop({ reflect: true }) customernumber: string = null;\n @Prop({ reflect: true }) selected: boolean = false;\n\n @Event() urlSelected: EventEmitter;\n\n onCustomerNumberClick() {\n this.selected = true;\n this.urlSelected.emit(this.url);\n }\n render() {\n return (\n <Host>\n <button class=\"pn-profile-modal-customernumber-button\" onClick={this.onCustomerNumberClick.bind(this)}>\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkC,o1BACxC,MAAAC,EAAeD,E,MCIFE,EAA4B,M,2EAGA,K,oBACW,K,cACL,K,kCAEpCC,YAET,qBAAAC,GACEC,KAAKC,SAAW,KAChBD,KAAKF,YAAYI,KAAKF,KAAKG,I,CAE7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,yCAAyCC,QAAST,KAAKD,sBAAsBW,KAAKV,OAC9FK,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/pn-market-web-components/p-920ce5f2.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,g as s,h as i,d as o}from"./p-82546a44.js";import{M as r}from"./p-6b1d045c.js";import{F as n}from"./p-3478f368.js";import{d as l}from"./p-3e4d9396.js";import{a}from"./p-76c2c01f.js";const d={sv:{errorEmpty:"Får inte vara tom",errorPostalCode:"Kan inte hitta postkoden",required:"obligatoriskt",addressNotFound:"Adressen hittades inte"},en:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode",required:"required",addressNotFound:"Address not found"},da:{errorEmpty:"Kan ikke være tom",errorPostalCode:"Kunne ikke finde postnummeret",required:"påkrævet",addressNotFound:"Adressen blev ikke fundet"},no:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},fi:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode",required:"pakollinen"},de:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},zh:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},fr:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},es:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},nl:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},it:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},tr:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},pl:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},pt:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},"pt-BR":{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"}};const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-address-autofill{display:flex;flex-direction:column;width:50rem}pn-address-autofill pn-input{width:50%}pn-address-autofill .input-container-row{display:flex;gap:1rem;margin-bottom:1rem}pn-address-autofill .label-container{color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-address-autofill .autocomplete-items{position:absolute;border-radius:0.8rem;border:0.1rem solid #5e554a;width:100%;max-height:30rem;overflow-y:auto}pn-address-autofill .autocomplete-items:hover,pn-address-autofill .autocomplete-items :focus{border:0.1rem solid #00a0d6}pn-address-autofill .autocomplete-items div{padding:1.6rem;cursor:pointer;background-color:#fff;border:0.1rem solid transparent}pn-address-autofill .autocomplete-items div:first-child{border-radius:0.8rem 0.8rem 0 0}pn-address-autofill .autocomplete-items div:last-child{border-radius:0 0 0.8rem 0.8rem}pn-address-autofill .autocomplete-items div:hover{background-color:#e0f8ff}pn-address-autofill .autocomplete-items .autocomplete-active{background-color:#e0f8ff}pn-address-autofill .autocomplete-items:empty{display:none}pn-address-autofill pn-input{max-width:25rem;width:100%}";const p=h;const u=class{constructor(s){t(this,s);this.addresscomplete=e(this,"addresscomplete",7);this.market=null;this.environment=null;this.endpoint=null;this.cache=true;this.countryCode=null;this.language=null;this.postalCodeProps=null;this.cityProps=null;this.streetAddressProps=null;this.streetNumberProps=null;this.addressNotFoundError=null;this.postalCode=null;this.city=null;this.streetAddress=null;this.streetNumber=null;this.validAddress=true;this.translation=undefined;this.postalCodeRequiredLabel=null;this.streetRequiredLabel=null;this.fullAddress=null;this.isLoading=true}get hostElement(){return s(this)}pnInputPostalCode=null;pnInputCity=null;pnInputStreetAddress=null;pnInputStreetNumber=null;postalCodeInputField=null;streetAddressInputField=null;streetNumberInputField=null;pnInputHiddenValue=null;endpointPath="/api/location/get-by-postalcode";_postalCodeProps=null;_cityProps=null;_streetAddressProps=null;_streetNumberProps=null;addresscomplete;fetchHelper=new n("PostalCodeCityAutofill");componentWillLoad(){this.setInitialValues();this._postalCodeProps=this.setProps(this.postalCodeProps);this._cityProps=this.setProps(this.cityProps);this._streetAddressProps=this.setProps(this.streetAddressProps);this._streetNumberProps=this.setProps(this.streetNumberProps)}setProps(t){if(typeof t==="string"){return JSON.parse(t)}else{return t}}componentDidLoad(){this.postalCodeInputField=this.pnInputPostalCode.querySelector("input");this.streetAddressInputField=this.pnInputStreetAddress.querySelector("input");this.streetNumberInputField=this.pnInputStreetNumber.querySelector("input");this.addEventHandlers()}async setInitialValues(t=window.location.href){const e=new r(t);if(!this.environment){this.environment=await e.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await e.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}if(!this.language){this.language=await e.getLanguage()}this.setTranslations();this.postalCodeRequiredLabel="";this.streetRequiredLabel="";if(this._postalCodeProps.postalCodeInputRequired===true){this.postalCodeRequiredLabel=" ("+this.translation.required+")"}if(this._streetAddressProps.streetAddressInputRequired===true){this.streetRequiredLabel=" ("+this.translation.required+")"}}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&d[this.language]){this.translation=d[this.language]}}addEventHandlers(){let t;this.postalCodeInputField.addEventListener("input",(e=>{this.isLoading=true;clearTimeout(t);t=window.setTimeout((()=>{this.fetchPostalCodeData(e)}),300)}));this.streetNumberInputField.addEventListener("input",l(this.fetchAddress.bind(this),300));this.streetAddressInputField.addEventListener("keydown",(()=>{this.streetNumberInputField.value=""}));this.addFormFieldEvent()}addFormFieldEvent(){const t=this.hostElement.querySelectorAll("input");t.forEach((t=>{["keyup","change","blur"].forEach((e=>{const s=l(this.updateHiddenValue.bind(this),1e3);t.addEventListener(e,s)}))}))}updateHiddenValue(t){if(t.target===this.streetNumberInputField){this.streetNumber=this.streetNumberInputField.value}if(this.validAddress&&this.postalCode&&this.city&&this.streetAddress&&this.streetNumber){this.fullAddress=`${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`}else{this.fullAddress=""}this.addresscomplete.emit(this.fullAddress)}async fetchPostalCodeData(t){if(!t){return}const e=this.postalCodeInputField.value;var s=4;if(e.length<s){this.resetFields();return}if(this.postalCode===e){return}this.resetFields();this.postalCode=e;var i=await this.fetchPostalCode(e);if(!i\|\|!i.addresses){this.city=null;this.isLoading=true;return}const o=i.addresses?.find((t=>t.postalCode===e));this.city=o?.city\|\|null;this.isLoading=false}async fetchPostalCode(t){const e=this.endpoint.endsWith("/")?this.endpoint.slice(0,-1):this.endpoint;const s=`${e}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${t}`;try{const t=await this.fetchHelper.fetchJson(s,{mode:"cors"},this.cache);if(!t?.addresses?.length){this.pnInputPostalCode.setAttribute("error",this._postalCodeProps.postalCodeInputError);return}return t}catch(t){console.error("Error fetching address data:",t);this.isLoading=true;return null}}resetFields(){this.streetAddressInputField.value="";this.streetNumberInputField.value="";this.city=null;this.streetAddress=null;this.streetNumber=null;this.validAddress=false;let t=document.getElementsByTagName("pn-input");Array.from(t).forEach((t=>{t.removeAttribute("error")}))}async fetchAddress(){const t=this.streetAddressInputField.value.trim();const e=this.streetNumberInputField.value.trim();if(!t\|\|!e){this.validAddress=false;return}const s=this.endpoint.endsWith("/")?this.endpoint.slice(0,-1):this.endpoint;const i=`${s}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${this.postalCodeInputField.value}&address=${t+" "+e}`;try{const s=await this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache);if(!s?.addresses?.length){this.validAddress=false}else{const i=this.normalizeChar(t);const o=this.normalizeChar(e);const r=s.addresses.some((t=>this.normalizeChar(t.street)===i&&this.normalizeChar(t.houseNumber)===o&&t.postalCode===this.postalCodeInputField.value));this.validAddress=r}}catch(t){console.error("Error fetching address data:",t);this.isLoading=true;this.validAddress=false}if(this.streetAddress===t&&this.streetNumber===e){return}if(t){this.streetAddress=t}if(e){this.streetNumber=e}}normalizeChar(t){const e={ø:"o",Ø:"o",æ:"ae",Æ:"ae"};var s=t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").split("").map((t=>e[t]\|\|t)).join("").toLowerCase();return s}render(){return i(o,{key:"6e09c78bcd1117bbcdbcec1fc65444772636036d",class:"pn-address-autofill"},this._postalCodeProps?.postalCodeCityLabel?i("div",{class:"label-container"},i("label",null,`${this._postalCodeProps.postalCodeCityLabel+" "+this.postalCodeRequiredLabel}`)):null,i("div",{key:"8f5a0760096e3618436b7554a6a5c89c1b0bab0a",class:"input-container-row"},i("pn-input",{key:"2490a7c926f9c693cf67dabbd60e56297aee44aa",type:"number",name:this._postalCodeProps?.postalCodeInputName,required:this._postalCodeProps?.postalCodeInputRequired,placeholder:this._postalCodeProps?.postalCodeInputPlaceholder,ref:t=>this.pnInputPostalCode=t,autocomplete:"off",helpertext:this._postalCodeProps?.postalCodeInputHelpertext}),i("pn-input",{key:"49bc2fdedb78d9ce11c973bd0d2ab127603ab148",type:"text",name:this._cityProps?.cityInputName,disabled:true,value:this.city,placeholder:this._cityProps?.cityInputPlaceholder,autocomplete:"off",helpertext:this._cityProps?.cityInputHelpertext})),this._streetAddressProps?.streetAddressNumberLabel?i("div",{class:"label-container"},i("label",null,`${this._streetAddressProps.streetAddressNumberLabel+" "+this.streetRequiredLabel}`)):null,i("div",{key:"fed64c4457c27593bf6a22dea066f029fcd4a53d",class:"input-container-row"},i("pn-input",{key:"7d7667465f4cad869cf8274158611aa32b7a8975",type:"text",name:this._streetAddressProps?.streetAddressInputName,required:this._streetAddressProps?.streetAddressInputRequired,value:this.streetAddress,placeholder:this._streetAddressProps?.streetAddressInputPlaceholder,ref:t=>this.pnInputStreetAddress=t,autocomplete:"off",helpertext:this._streetAddressProps?.streetAddressInputHelpertext,disabled:this.isLoading}),i("pn-input",{key:"8bc6498685c92de3e53034dcf4fe7078e171e41f",type:"text",name:this._streetNumberProps?.streetNumberInputName,required:this._streetNumberProps?.streetNumberInputRequired,value:this.streetNumber,placeholder:this._streetNumberProps?.streetNumberInputPlaceholder,ref:t=>this.pnInputStreetNumber=t,autocomplete:"off",helpertext:this._streetNumberProps?.streetNumberInputHelpertext,disabled:this.isLoading})),!this.validAddress&&this.streetAddressInputField.value&&this.streetNumberInputField.value?i("div",{class:"toast-container"},i("pn-toast",{text:this.addressNotFoundError??this.translation.addressNotFound,appearance:"warning",icon:a})):null)}};u.style=p;export{u as pn_address_autofill};
2	+ //# sourceMappingURL=p-920ce5f2.entry.js.map

package/pn-market-web-components/p-920ce5f2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["translations","sv","errorEmpty","errorPostalCode","required","addressNotFound","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnAddressAutofillCss","PnAddressAutofillStyle0","PnAddressAutofill","pnInputPostalCode","pnInputCity","pnInputStreetAddress","pnInputStreetNumber","postalCodeInputField","streetAddressInputField","streetNumberInputField","pnInputHiddenValue","endpointPath","_postalCodeProps","_cityProps","_streetAddressProps","_streetNumberProps","addresscomplete","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","setProps","postalCodeProps","cityProps","streetAddressProps","streetNumberProps","props","JSON","parse","componentDidLoad","querySelector","addEventHandlers","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","market","language","getLanguage","setTranslations","postalCodeRequiredLabel","streetRequiredLabel","postalCodeInputRequired","translation","streetAddressInputRequired","debounceTimeout","addEventListener","e","isLoading","clearTimeout","setTimeout","fetchPostalCodeData","debounce","fetchAddress","bind","value","addFormFieldEvent","allInputs","hostElement","querySelectorAll","forEach","element","eventName","debounceUpdate","updateHiddenValue","target","streetNumber","validAddress","postalCode","city","streetAddress","fullAddress","emit","postalCodeLength","length","resetFields","data","fetchPostalCode","addresses","cityInfo","find","addr","endpointBase","endsWith","slice","fetchUrl","countryCode","fetchJson","mode","cache","setAttribute","postalCodeInputError","error","console","inputs","document","getElementsByTagName","Array","from","removeAttribute","trim","inputStreetAddress","normalizeChar","inputStreetNumber","addressFound","some","street","houseNumber","str","specialCharMap","str1","normalize","replace","split","map","char","join","toLowerCase","render","h","Host","key","class","postalCodeCityLabel","type","name","postalCodeInputName","placeholder","postalCodeInputPlaceholder","ref","el","autocomplete","helpertext","postalCodeInputHelpertext","cityInputName","disabled","cityInputPlaceholder","cityInputHelpertext","streetAddressNumberLabel","streetAddressInputName","streetAddressInputPlaceholder","streetAddressInputHelpertext","streetNumberInputName","streetNumberInputRequired","streetNumberInputPlaceholder","streetNumberInputHelpertext","text","addressNotFoundError","appearance","icon","alert_exclamation_circle"],"sources":["src/components/input/pn-address-autofill/translations.ts","src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n errorEmpty: 'Får inte vara tom',\n errorPostalCode: 'Kan inte hitta postkoden',\n required: 'obligatoriskt',\n addressNotFound: 'Adressen hittades inte'\n },\n 'en': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n required: 'required',\n addressNotFound: 'Address not found'\n },\n 'da': {\n errorEmpty: 'Kan ikke være tom',\n errorPostalCode: 'Kunne ikke finde postnummeret',\n required: 'påkrævet',\n addressNotFound: 'Adressen blev ikke fundet'\n },\n 'no': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'fi': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n required: 'pakollinen'\n },\n 'de': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'zh': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'fr': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'es': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'nl': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'it': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'tr': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pl': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pt': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n 'pt-BR': {\n errorEmpty: 'Cannot be empty',\n errorPostalCode: 'Could not find postalcode',\n },\n};\n","@import '../../../globals/main.scss';\n\npn-address-autofill {\n display: flex;\n flex-direction: column;\n width: 50rem;\n\n pn-input {\n width: 50%;\n }\n\n .input-container-row {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .label-container {\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n }\n\n .autocomplete-items {\n position: absolute;\n border-radius: 0.8rem;\n border: 0.1rem solid $gray700;\n width: 100%;\n max-height: 30rem;\n overflow-y: auto;\n\n &:hover,\n :focus {\n border: 0.1rem solid $blue400;\n }\n\n div {\n padding: 1.6rem;\n cursor: pointer;\n background-color: #fff;\n border: 0.1rem solid transparent;\n\n &:first-child {\n border-radius: 0.8rem 0.8rem 0 0;\n }\n\n &:last-child {\n border-radius: 0 0 0.8rem 0.8rem;\n }\n\n &:hover {\n background-color: #e0f8ff;\n }\n }\n\n .autocomplete-active {\n background-color: #e0f8ff;\n }\n }\n\n .autocomplete-items:empty {\n display: none;\n }\n\n pn-input {\n max-width: 25rem;\n width: 100%;\n }\n}","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\nimport { translations } from './translations';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons';\n\n@Component({\n tag: 'pn-address-autofill',\n styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n @Element() hostElement: Element;\n pnInputPostalCode: HTMLElement = null;\n pnInputCity: HTMLElement = null;\n pnInputStreetAddress: HTMLElement = null;\n pnInputStreetNumber: HTMLElement = null;\n postalCodeInputField: HTMLInputElement = null;\n streetAddressInputField: HTMLInputElement = null;\n streetNumberInputField: HTMLInputElement = null;\n pnInputHiddenValue: HTMLElement = null;\n endpointPath = '/api/location/get-by-postalcode';\n private _postalCodeProps: PostalCodeProps = null;\n private _cityProps: CityProps = null;\n private _streetAddressProps: StreetAddressProps = null;\n private _streetNumberProps: StreetNumberProps = null;\n\n /** Specifies which market we want to show (se,dk,fi,no,com) */\n @Prop({ mutable: true, reflect: true }) market: string = null; //se\n /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n @Prop() endpoint: string = null;\n @Prop() cache: boolean = true;\n @Prop() countryCode: string = null;\n @Prop() language: string = null;\n\n @Prop() postalCodeProps: string | PostalCodeProps = null;\n @Prop() cityProps: string | CityProps = null;\n @Prop() streetAddressProps: string | StreetAddressProps = null;\n @Prop() streetNumberProps: string | StreetNumberProps = null;\n @Prop() addressNotFoundError: string = null;\n\n @State() postalCode: string = null;\n @State() city: string = null;\n @State() streetAddress: string = null;\n @State() streetNumber: string = null;\n @State() validAddress: boolean = true;\n @State() translation: any;\n @State() postalCodeRequiredLabel: string = null;\n @State() streetRequiredLabel: string = null;\n\n @State() fullAddress: string = null;\n @State() isLoading: boolean = true;\n\n @Event() addresscomplete: EventEmitter<string>;\n\n fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n componentWillLoad() {\n this.setInitialValues();\n this._postalCodeProps = this.setProps(this.postalCodeProps);\n this._cityProps = this.setProps(this.cityProps);\n this._streetAddressProps = this.setProps(this.streetAddressProps);\n this._streetNumberProps = this.setProps(this.streetNumberProps);\n }\n\n setProps(props) {\n if (typeof props === 'string') {\n return JSON.parse(props);\n } else {\n return props;\n }\n }\n\n componentDidLoad() {\n this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n\n this.addEventHandlers();\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n\n if (!this.endpoint) {\n this.endpoint = '';\n }\n\n if (!this.language) {\n this.language = await marketWebContextService.getLanguage();\n }\n\n this.setTranslations()\n\n this.postalCodeRequiredLabel = \"\";\n this.streetRequiredLabel = \"\";\n\n if (this._postalCodeProps.postalCodeInputRequired === true) {\n this.postalCodeRequiredLabel = \" (\" + this.translation.required + \")\";\n }\n\n if (this._streetAddressProps.streetAddressInputRequired === true) {\n this.streetRequiredLabel = \" (\" + this.translation.required + \")\";\n }\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.translation = translations[this.language];\n }\n }\n\n addEventHandlers() {\n let debounceTimeout: number | undefined;\n\n this.postalCodeInputField.addEventListener('input', (e) => {\n this.isLoading = true;\n clearTimeout(debounceTimeout);\n debounceTimeout = window.setTimeout(() => {\n this.fetchPostalCodeData(e);\n }, 300);\n });\n\n this.streetNumberInputField.addEventListener('input', debounce(this.fetchAddress.bind(this), 300));\n this.streetAddressInputField.addEventListener('keydown', () => { this.streetNumberInputField.value = '' });\n this.addFormFieldEvent();\n }\n\n addFormFieldEvent() {\n const allInputs = this.hostElement.querySelectorAll('input');\n allInputs.forEach(element => {\n ['keyup', 'change', 'blur'].forEach(eventName => {\n const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n element.addEventListener(eventName, debounceUpdate);\n });\n });\n }\n\n updateHiddenValue(e) {\n if (e.target === this.streetNumberInputField) {\n this.streetNumber = this.streetNumberInputField.value;\n }\n\n if (this.validAddress && this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n } else {\n this.fullAddress = '';\n }\n\n this.addresscomplete.emit(this.fullAddress);\n }\n\n async fetchPostalCodeData(e: Event) {\n if (!e) {\n return;\n }\n const postalCode = this.postalCodeInputField.value;\n\n var postalCodeLength = 4;\n\n if (postalCode.length < postalCodeLength) {\n this.resetFields();\n return;\n }\n\n if (this.postalCode === postalCode) {\n return;\n }\n\n this.resetFields();\n this.postalCode = postalCode;\n\n var data = (await this.fetchPostalCode(postalCode));\n\n if (!data || !data.addresses) {\n this.city = null;\n this.isLoading = true;\n return;\n }\n\n const cityInfo = data.addresses?.find(addr => addr.postalCode === postalCode);\n this.city = cityInfo?.city || null;\n\n this.isLoading = false;\n }\n\n\n async fetchPostalCode(postalCode) {\n const endpointBase = this.endpoint.endsWith('/')\n ? this.endpoint.slice(0, -1)\n : this.endpoint;\n\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${postalCode}`;\n\n try {\n const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n if (!data?.addresses?.length) {\n this.pnInputPostalCode.setAttribute('error', this._postalCodeProps.postalCodeInputError);\n return;\n }\n return data;\n }\n catch (error) {\n console.error(\"Error fetching address data:\", error);\n this.isLoading = true;\n return null;\n }\n }\n\n private resetFields() {\n this.streetAddressInputField.value = '';\n this.streetNumberInputField.value = '';\n this.city = null;\n this.streetAddress = null;\n this.streetNumber = null;\n this.validAddress = false;\n\n let inputs = document.getElementsByTagName('pn-input');\n\n Array.from(inputs).forEach(element => {\n element.removeAttribute('error');\n });\n }\n\n async fetchAddress() {\n const streetAddress = this.streetAddressInputField.value.trim();\n const streetNumber = this.streetNumberInputField.value.trim();\n\n if (!streetAddress || !streetNumber) {\n this.validAddress = false;\n return;\n }\n\n const endpointBase = this.endpoint.endsWith('/')\n ? this.endpoint.slice(0, -1)\n : this.endpoint;\n\n const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${this.postalCodeInputField.value}&address=${streetAddress + \" \" + streetNumber}`;\n\n try {\n const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n if (!data?.addresses?.length) {\n this.validAddress = false;\n } else {\n const inputStreetAddress = this.normalizeChar(streetAddress);\n const inputStreetNumber = this.normalizeChar(streetNumber);\n\n const addressFound = data.addresses.some(addr =>\n this.normalizeChar(addr.street) === inputStreetAddress &&\n this.normalizeChar(addr.houseNumber) === inputStreetNumber &&\n addr.postalCode === this.postalCodeInputField.value\n );\n\n this.validAddress = addressFound;\n }\n } catch (error) {\n console.error(\"Error fetching address data:\", error);\n this.isLoading = true;\n this.validAddress = false;\n }\n\n if (this.streetAddress === streetAddress && this.streetNumber === streetNumber) {\n return;\n }\n\n if (streetAddress) {\n this.streetAddress = streetAddress;\n }\n if (streetNumber) {\n this.streetNumber = streetNumber;\n }\n }\n //this function is added to compare the street input values if entered without special characters like é, ø ect\n normalizeChar(str) {\n\n const specialCharMap = {\n 'ø': 'o',\n 'Ø': 'o',\n 'æ': 'ae',\n 'Æ': 'ae',\n // Add more as needed\n };\n\n var str1 = str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")\n .split('').map(char => specialCharMap[char] || char)\n .join('').toLowerCase()\n return str1;\n }\n\n render() {\n return (\n <Host class=\"pn-address-autofill\">\n {this._postalCodeProps?.postalCodeCityLabel ? (\n <div class=\"label-container\">\n <label>{`${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-input\n type=\"number\"\n name={this._postalCodeProps?.postalCodeInputName}\n required={this._postalCodeProps?.postalCodeInputRequired}\n placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n ></pn-input>\n\n <pn-input\n type=\"text\"\n name={this._cityProps?.cityInputName}\n disabled\n value={this.city}\n placeholder={this._cityProps?.cityInputPlaceholder}\n autocomplete=\"off\"\n helpertext={this._cityProps?.cityInputHelpertext}\n ></pn-input>\n </div>\n\n {this._streetAddressProps?.streetAddressNumberLabel ? (\n <div class=\"label-container\">\n <label>{`${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`}</label>\n </div>\n ) : null}\n <div class=\"input-container-row\">\n <pn-input\n type=\"text\"\n name={this._streetAddressProps?.streetAddressInputName}\n required={this._streetAddressProps?.streetAddressInputRequired}\n value={this.streetAddress}\n placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n disabled={this.isLoading}\n ></pn-input>\n\n <pn-input\n type=\"text\"\n name={this._streetNumberProps?.streetNumberInputName}\n required={this._streetNumberProps?.streetNumberInputRequired}\n value={this.streetNumber}\n placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n autocomplete=\"off\"\n helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n disabled={this.isLoading}\n ></pn-input>\n </div>\n {(!this.validAddress && this.streetAddressInputField.value && this.streetNumberInputField.value) ? (\n <div class=\"toast-container\">\n <pn-toast text={this.addressNotFoundError ?? this.translation.addressNotFound} appearance=\"warning\" icon={alert_exclamation_circle}></pn-toast>\n </div>\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-959a37d9.js → p-930e2943.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{c as e}from"./p-2509d18d.js";const{state:a,onChange:t}=e({i18n:{componentheading:"",deliveryscopeheading:"",resultlistheading:"",sizeheading:"",weightheading:"",weightlabel:"",maxweightlabel:"",maxmeasurementlabel:"",senddirectcta:"",stampshopcta:"",message:"",servicePointHeader:"",servicePointLink:"",realPostcard:"",realPostcardMobile:"",ombudHeader:""},market:{currency:"",country:"",servicePoint:""}});export{a as s};
-//# sourceMappingURL=p-959a37d9.js.map
+import{c as e}from"./p-8836de82.js";const{state:a,onChange:t}=e({i18n:{componentheading:"",deliveryscopeheading:"",resultlistheading:"",sizeheading:"",weightheading:"",weightlabel:"",maxweightlabel:"",maxmeasurementlabel:"",senddirectcta:"",stampshopcta:"",message:"",servicePointHeader:"",servicePointLink:"",realPostcard:"",realPostcardMobile:"",ombudHeader:""},market:{currency:"",country:"",servicePoint:""}});export{a as s};
+//# sourceMappingURL=p-930e2943.js.map

package/pn-market-web-components/p-9454075f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as n,d as e}from"./p-82546a44.js";import{v as i}from"./p-4ed69de7.js";const a=(t,n=0,e=100,i=1e3,a="Sv-SE",s)=>{const o=new Intl.NumberFormat(a,s);if(i<=0){t.textContent=o.format(e);return}let d=null;const c=a=>{if(!d)d=a;const s=Math.min((a-d)/i,1);if(s<1){const i=Math.round((s(e-n)+n)10)/10;t.textContent=o.format(i);window.requestAnimationFrame(c)}else{t.textContent=o.format(e)}};window.requestAnimationFrame(c)};const s={Sv:{lang:"Sv",code:"Sv-SE"},En:{lang:"En",code:"En-GB"}};const o={Decimal:{style:"decimal"},Currency:{style:"currency",currency:"SEK"},Percent:{style:"percent"},None:{style:"decimal",useGrouping:false}};const d=(t,n,e)=>{t.forEach((t=>{t.target.classList.toggle(n,t.isIntersecting);e(t)}))};const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#f06365;display:flex;flex-direction:column;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:flex;flex-direction:row;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#ffffff}";const r=c;const p=class{constructor(n){t(this,n);this.format="En";this.formatStyle="Decimal";this.startValue=0;this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null}inViewPortCallback=t=>{if(t.isIntersecting){this.hasBeenShown=true}};generateUniqueId(){return i()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const e=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);if(e.classList.contains("is-inViewport")&&t!==n){a(e,this.startValue,this.data,this.duration,s[this.format].code,o[this.formatStyle])}}render(){return n(e,{key:"76ba8987c10c1134632d1d14e835e2d151e40d7d"},n("div",{key:"cfca356710ab65efc3332390b9ff2c9d6e90543f",class:"pn-stats-info-data__container"},n("div",{key:"fca178d07e51036cb8b63e064686572588069304",class:"pn-stats-info-data__container__content"},n("div",{key:"2bd549f1408aec0487e7cb7e0498141685e2d18c",class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),this.unit&&n("div",{key:"1c8913969b0eed7e98e6045c7b6320d6a6391517",class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{key:"e7c7f90a4661fbe22600946d8343e1d98e5cfaec",class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>d(t,"is-inViewport",this.inViewPortCallback)));const n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};p.style=r;export{p as pn_stats_info_data};
2	+ //# sourceMappingURL=p-9454075f.entry.js.map

package/pn-market-web-components/{p-45b8cadb.entry.js.map → p-9454075f.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n obj: HTMLElement,\n start: number = 0,\n end: number = 100,\n duration: number = 1000,\n numberFormat: string = 'Sv-SE',\n formatStyle: { style: \"decimal\" \| \"percent\" \| \"currency\"; currency?: string; useGrouping?: boolean },\n) => {\n const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n if (duration <= 0) {\n obj.textContent = formatter.format(end);\n return;\n }\n\n let startTimestamp = null;\n\n const step = (timestamp: number) => {\n if (!startTimestamp) startTimestamp = timestamp;\n\n const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n if (progress < 1) {\n const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n obj.textContent = formatter.format(animatedValue);\n window.requestAnimationFrame(step);\n } else {\n obj.textContent = formatter.format(end);\n }\n };\n window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n Sv: { lang: 'Sv', code: 'Sv-SE' },\n En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n Decimal: { style: 'decimal' },\n Currency: { style: 'currency', currency: 'SEK' },\n Percent: { style: 'percent' },\n None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n entries.forEach(entry => {\n entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n isEntryIntersectingCallBack(entry);\n });\n};\n","@import '../../../../globals/main.scss';\n\npn-stats-info-data {\n width: 50%;\n\n .pn-stats-info-data__container {\n width: 100%;\n\n background-color: transparent;\n color: $coral400;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2rem;\n\n @media screen and (min-width: $min-width-md) {\n justify-content: center;\n min-height: 102px;\n padding: 0 2rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 125px;\n }\n }\n\n .pn-stats-info-data__container__content {\n display: flex;\n flex-direction: row;\n justify-content: center;\n }\n\n .pn-stats-info-data__container__content__data {\n font-weight: 700;\n font-size: 3rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 5.6rem;\n }\n }\n\n .pn-stats-info-data__container__content__unit {\n font-weight: 700;\n font-size: 3rem;\n line-height: 110%;\n\n margin-left: 0.8rem;\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 5.6rem;\n }\n }\n\n .pn-stats-info-data__container__content__preamble {\n text-align: center;\n font-weight: 400;\n font-size: 1.4rem;\n line-height: 110%;\n color: $white;\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n tag: 'pn-stats-info-data',\n styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n @Prop() format: string = 'En';\n @Prop() formatStyle: string = 'Decimal';\n @Prop() startValue: number = 0;\n @Prop() data: number = 0;\n @Prop() unit: string = null;\n @Prop() preamble: string = null;\n @Prop() duration?: number = 1000; //ms;\n @Prop() index: number = null;\n\n @State() hasBeenShown: boolean = false;\n @State() compId: string = null;\n\n inViewPortCallback = (entry: IntersectionObserverEntry) => {\n if (entry.isIntersecting) {\n this.hasBeenShown = true;\n }\n };\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n @Watch('hasBeenShown')\n watchStateHandlder(newValue: boolean, oldValue: boolean) {\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-stats-info-data__container\">\n <div class=\"pn-stats-info-data__container__content\">\n <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n </div>\n <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n </div>\n </Host>\n );\n }\n\n componentDidRender() {\n const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n observer.observe(obj);\n }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,~~mwCAC3B~~,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}
1	+ {"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n obj: HTMLElement,\n start: number = 0,\n end: number = 100,\n duration: number = 1000,\n numberFormat: string = 'Sv-SE',\n formatStyle: { style: \"decimal\" \| \"percent\" \| \"currency\"; currency?: string; useGrouping?: boolean },\n) => {\n const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n if (duration <= 0) {\n obj.textContent = formatter.format(end);\n return;\n }\n\n let startTimestamp = null;\n\n const step = (timestamp: number) => {\n if (!startTimestamp) startTimestamp = timestamp;\n\n const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n if (progress < 1) {\n const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n obj.textContent = formatter.format(animatedValue);\n window.requestAnimationFrame(step);\n } else {\n obj.textContent = formatter.format(end);\n }\n };\n window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n Sv: { lang: 'Sv', code: 'Sv-SE' },\n En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n Decimal: { style: 'decimal' },\n Currency: { style: 'currency', currency: 'SEK' },\n Percent: { style: 'percent' },\n None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n entries.forEach(entry => {\n entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n isEntryIntersectingCallBack(entry);\n });\n};\n","@import '../../../../globals/main.scss';\n\npn-stats-info-data {\n width: 50%;\n\n .pn-stats-info-data__container {\n width: 100%;\n\n background-color: transparent;\n color: $coral400;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2rem;\n\n @media screen and (min-width: $min-width-md) {\n justify-content: center;\n min-height: 102px;\n padding: 0 2rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 125px;\n }\n }\n\n .pn-stats-info-data__container__content {\n display: flex;\n flex-direction: row;\n justify-content: center;\n }\n\n .pn-stats-info-data__container__content__data {\n font-weight: 700;\n font-size: 3rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 5.6rem;\n }\n }\n\n .pn-stats-info-data__container__content__unit {\n font-weight: 700;\n font-size: 3rem;\n line-height: 110%;\n\n margin-left: 0.8rem;\n\n @media screen and (min-width: $min-width-xl) {\n font-size: 5.6rem;\n }\n }\n\n .pn-stats-info-data__container__content__preamble {\n text-align: center;\n font-weight: 400;\n font-size: 1.4rem;\n line-height: 110%;\n color: $white;\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n tag: 'pn-stats-info-data',\n styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n @Prop() format: string = 'En';\n @Prop() formatStyle: string = 'Decimal';\n @Prop() startValue: number = 0;\n @Prop() data: number = 0;\n @Prop() unit: string = null;\n @Prop() preamble: string = null;\n @Prop() duration?: number = 1000; //ms;\n @Prop() index: number = null;\n\n @State() hasBeenShown: boolean = false;\n @State() compId: string = null;\n\n inViewPortCallback = (entry: IntersectionObserverEntry) => {\n if (entry.isIntersecting) {\n this.hasBeenShown = true;\n }\n };\n\n generateUniqueId() {\n return uuidv4();\n }\n\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n @Watch('hasBeenShown')\n watchStateHandlder(newValue: boolean, oldValue: boolean) {\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-stats-info-data__container\">\n <div class=\"pn-stats-info-data__container__content\">\n <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n </div>\n <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n </div>\n </Host>\n );\n }\n\n componentDidRender() {\n const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n observer.observe(obj);\n }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,4kDAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}