npm - @postnord/pn-marketweb-components - Versions diffs - 4.0.3 → 4.0.4-test - Mend

@postnord/pn-marketweb-components 4.0.3 → 4.0.4-test

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 (1163) hide show

package/dist/pn-market-web-components/{p-230ef9aa.entry.js.map → p-a419cd91.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnChartsCardCss","PnChartsCardStyle0","PnChartsCard","showCtaLinkText","this","ctaLinkText","h","class","href","sourceUrl","rel","openInNewWindow","target","icon","arrow_right","render","Host","key","name","header","highlight","preamble","label","source"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n width: 100%;\n height: 100%;\n display: flex;\n\n .pn-charts-card__wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n border-radius: 2.4rem;\n padding: 2.4rem;\n\n @media screen and (min-width: $min-width-xl) {\n padding: 3.2rem;\n }\n }\n\n .pn-charts-card__heading__wrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: 0.8rem;\n }\n\n .pn-charts-card__heading {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.2rem;\n }\n }\n\n .pn-charts-card__heading__highlight {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 110%;\n color: $blue700;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.2rem;\n }\n }\n\n .pn-charts-card__content__wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .pn-charts-card__text__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n }\n\n .pn-charts-card__heading__wrapper--horizontal {\n display: none;\n }\n\n .pn-charts-card__text__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n margin-bottom: 5.4rem;\n }\n }\n\n .pn-charts-card__preamble {\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 140%;\n flex-grow: 1;\n margin-bottom: 1.6rem;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem;\n }\n }\n\n .pn-charts-card__source {\n display: flex;\n flex-direction: column;\n\n label {\n background-color: $blue700;\n color: $white;\n border-radius: 0.4rem;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1;\n text-transform: uppercase;\n padding: 0.4rem;\n margin-bottom: 0.6rem;\n width: fit-content;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 1.2rem;\n padding: 0.6rem;\n }\n }\n\n .pn-chart-card__text__heading {\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 140%;\n color: $blue700;\n margin-bottom: 0;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem;\n }\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n &:hover {\n text-decoration: underline;\n }\n\n font-weight: 500;\n font-size: 1.6rem;\n text-decoration: none;\n color: $blue700;\n font-weight: 400;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem;\n }\n\n pn-icon svg {\n path {\n fill: $blue700;\n }\n }\n\n &[target='_blank']:not(.pn-button):after {\n display: none;\n }\n }\n }\n}\n\n//horizontal layout\n.fullwidth {\n & > pn-charts-card {\n .pn-charts-card__wrapper {\n padding: 2.4rem;\n @media screen and (min-width: $min-width-lg) {\n padding: 4rem;\n }\n }\n\n .pn-charts-card__heading__wrapper {\n margin-bottom: 3.2rem;\n @media screen and (min-width: $min-width-md) {\n justify-content: flex-start;\n }\n\n gap: 1.6rem;\n }\n\n .pn-charts-card__heading,\n .pn-charts-card__heading__highlight {\n font-size: 2.4rem;\n @media screen and (min-width: $min-width-md) {\n font-size: 3.2rem;\n }\n }\n\n .pn-charts-card__content__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media screen and (min-width: $min-width-lg) {\n flex-direction: row-reverse;\n gap: 5.6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n gap: 4rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n gap: 3.2rem;\n }\n }\n\n .pn-charts-card__text__container {\n justify-content: center;\n @media screen and (min-width: $min-width-md) {\n width: 100%;\n }\n }\n\n .pn-charts-card__heading__wrapper--vertical {\n display: flex;\n\n @media screen and (min-width: $min-width-lg) {\n display: none;\n }\n }\n\n .pn-charts-card__heading__wrapper--horizontal {\n display: none;\n @media screen and (min-width: $min-width-lg) {\n display: flex;\n }\n }\n\n .pn-charts-card__preamble {\n @media screen and (min-width: $min-width-md) {\n flex-grow: 0;\n font-size: 2rem;\n }\n }\n }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n & > .pn-charts-card__wrapper {\n background-color: $blue25;\n }\n}\n\npn-charts-card[data-chart-color='coral'] {\n & > .pn-charts-card__wrapper {\n background-color: $coral50;\n }\n}\n\npn-charts-card[data-chart-color='green'] {\n & > .pn-charts-card__wrapper {\n background-color: $green50;\n }\n}\n\npn-charts-card[data-chart-color='white'] {\n & > .pn-charts-card__wrapper {\n background-color: $white;\n }\n}\n\npn-charts-card[data-chart-color='gray'] {\n & > .pn-charts-card__wrapper {\n background-color: $gray25;\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-charts-card',\n styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() header: string = null;\n @Prop() highlight: string;\n @Prop() preamble: string;\n @Prop() label: string;\n @Prop() source: string;\n @Prop() sourceUrl: string;\n @Prop() ctaLinkText: string;\n @Prop() openInNewWindow: boolean = false;\n\n showCtaLinkText = () => {\n if (this.ctaLinkText) {\n return (\n <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n </a>\n );\n }\n return null;\n };\n\n render() {\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-charts-card__wrapper\">\n {this.header &&\n (\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n <h2 class=\"pn-charts-card__heading\">{this.header}</h2>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n )\n }\n <div class=\"pn-charts-card__content__wrapper\">\n <slot name=\"chart\"></slot>\n <div class=\"pn-charts-card__text__container\">\n {this.header &&\n (\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n <h2 class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</h2>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n )\n }\n <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n <div class=\"pn-charts-card__text__wrapper\">\n <div class=\"pn-charts-card__source\">\n <label>{this.label}</label>\n {this.source ? <p class=\"pn-chart-card__text__heading\">{this.source}</p> : null}\n {this.showCtaLinkText()}\n </div>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,~~gzKACxB~~,MAAAC,EAAeD,E,MCMFE,EAAY,M,qCAGE,K,qKAOU,K,kCAEnCC,gBAAkB,KAChB,GAAIC,KAAKC,YAAa,CACpB,OACEC,EAAA,KAAGC,MAAM,iBAAiBC,KAAMJ,KAAKK,UAAWC,IAAKN,KAAKO,gBAAkB,iCAAmC,KAAMC,OAAQR,KAAKO,gBAAkB,SAAW,MAC5JP,KAAKC,YAAW,IAAEC,EAAA,WAASO,KAAMC,GAAW,K,CAInD,OAAO,IAAI,EAGb,MAAAC,GACE,OACET,EAACU,EAAI,CAAAC,IAAA,4CACHX,EAAA,QAAAW,IAAA,2CAAMC,KAAK,4BACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,+EACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,2BAA2BH,KAAKe,QAC1Cb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,OAAAW,IAAA,2CAAKV,MAAM,oCACTD,EAAA,QAAAW,IAAA,2CAAMC,KAAK,UACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mCACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iFACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,mDAAmDH,KAAKe,QAClEb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,QAAAW,IAAA,2CAAMV,MAAM,4BAA4BH,KAAKiB,UAC7Cf,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,0BACTD,EAAA,SAAAW,IAAA,4CAAQb,KAAKkB,OACZlB,KAAKmB,OAASjB,EAAA,KAAGC,MAAM,gCAAgCH,KAAKmB,QAAc,KAC1EnB,KAAKD,uB","ignoreList":[]}
1	+ {"version":3,"names":["pnChartsCardCss","PnChartsCardStyle0","PnChartsCard","showCtaLinkText","this","ctaLinkText","h","class","href","sourceUrl","rel","openInNewWindow","target","icon","arrow_right","render","Host","key","name","header","highlight","preamble","label","source"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n width: 100%;\n height: 100%;\n display: flex;\n\n .pn-charts-card__wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n border-radius: 2.4rem;\n padding: 2.4rem;\n\n @media screen and (min-width: $min-width-xl) {\n padding: 3.2rem;\n }\n }\n\n .pn-charts-card__heading__wrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: 0.8rem;\n }\n\n .pn-charts-card__heading {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.2rem;\n }\n }\n\n .pn-charts-card__heading__highlight {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 110%;\n color: $blue700;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.2rem;\n }\n }\n\n .pn-charts-card__content__wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .pn-charts-card__text__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n }\n\n .pn-charts-card__heading__wrapper--horizontal {\n display: none;\n }\n\n .pn-charts-card__text__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n margin-bottom: 5.4rem;\n }\n }\n\n .pn-charts-card__preamble {\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 140%;\n flex-grow: 1;\n margin-bottom: 1.6rem;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem;\n }\n }\n\n .pn-charts-card__source {\n display: flex;\n flex-direction: column;\n\n label {\n background-color: $blue700;\n color: $white;\n border-radius: 0.4rem;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1;\n text-transform: uppercase;\n padding: 0.4rem;\n margin-bottom: 0.6rem;\n width: fit-content;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 1.2rem;\n padding: 0.6rem;\n }\n }\n\n .pn-chart-card__text__heading {\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 140%;\n color: $blue700;\n margin-bottom: 0;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem;\n }\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n &:hover {\n text-decoration: underline;\n }\n\n font-weight: 500;\n font-size: 1.6rem;\n text-decoration: none;\n color: $blue700;\n font-weight: 400;\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2rem;\n }\n\n pn-icon svg {\n path {\n fill: $blue700;\n }\n }\n\n &[target='_blank']:not(.pn-button):after {\n display: none;\n }\n }\n }\n}\n\n//horizontal layout\n.fullwidth {\n & > pn-charts-card {\n .pn-charts-card__wrapper {\n padding: 2.4rem;\n @media screen and (min-width: $min-width-lg) {\n padding: 4rem;\n }\n }\n\n .pn-charts-card__heading__wrapper {\n margin-bottom: 3.2rem;\n @media screen and (min-width: $min-width-md) {\n justify-content: flex-start;\n }\n\n gap: 1.6rem;\n }\n\n .pn-charts-card__heading,\n .pn-charts-card__heading__highlight {\n font-size: 2.4rem;\n @media screen and (min-width: $min-width-md) {\n font-size: 3.2rem;\n }\n }\n\n .pn-charts-card__content__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media screen and (min-width: $min-width-lg) {\n flex-direction: row-reverse;\n gap: 5.6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n gap: 4rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n gap: 3.2rem;\n }\n }\n\n .pn-charts-card__text__container {\n justify-content: center;\n @media screen and (min-width: $min-width-md) {\n width: 100%;\n }\n }\n\n .pn-charts-card__heading__wrapper--vertical {\n display: flex;\n\n @media screen and (min-width: $min-width-lg) {\n display: none;\n }\n }\n\n .pn-charts-card__heading__wrapper--horizontal {\n display: none;\n @media screen and (min-width: $min-width-lg) {\n display: flex;\n }\n }\n\n .pn-charts-card__preamble {\n @media screen and (min-width: $min-width-md) {\n flex-grow: 0;\n font-size: 2rem;\n }\n }\n }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n & > .pn-charts-card__wrapper {\n background-color: $blue25;\n }\n}\n\npn-charts-card[data-chart-color='coral'] {\n & > .pn-charts-card__wrapper {\n background-color: $coral50;\n }\n}\n\npn-charts-card[data-chart-color='green'] {\n & > .pn-charts-card__wrapper {\n background-color: $green50;\n }\n}\n\npn-charts-card[data-chart-color='white'] {\n & > .pn-charts-card__wrapper {\n background-color: $white;\n }\n}\n\npn-charts-card[data-chart-color='gray'] {\n & > .pn-charts-card__wrapper {\n background-color: $gray25;\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-charts-card',\n styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() header: string = null;\n @Prop() highlight: string;\n @Prop() preamble: string;\n @Prop() label: string;\n @Prop() source: string;\n @Prop() sourceUrl: string;\n @Prop() ctaLinkText: string;\n @Prop() openInNewWindow: boolean = false;\n\n showCtaLinkText = () => {\n if (this.ctaLinkText) {\n return (\n <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n </a>\n );\n }\n return null;\n };\n\n render() {\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-charts-card__wrapper\">\n {this.header &&\n (\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n <h2 class=\"pn-charts-card__heading\">{this.header}</h2>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n )\n }\n <div class=\"pn-charts-card__content__wrapper\">\n <slot name=\"chart\"></slot>\n <div class=\"pn-charts-card__text__container\">\n {this.header &&\n (\n <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n <h2 class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</h2>\n <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n </div>\n )\n }\n <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n <div class=\"pn-charts-card__text__wrapper\">\n <div class=\"pn-charts-card__source\">\n <label>{this.label}</label>\n {this.source ? <p class=\"pn-chart-card__text__heading\">{this.source}</p> : null}\n {this.showCtaLinkText()}\n </div>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,u+JACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,qCAGE,K,qKAOU,K,kCAEnCC,gBAAkB,KAChB,GAAIC,KAAKC,YAAa,CACpB,OACEC,EAAA,KAAGC,MAAM,iBAAiBC,KAAMJ,KAAKK,UAAWC,IAAKN,KAAKO,gBAAkB,iCAAmC,KAAMC,OAAQR,KAAKO,gBAAkB,SAAW,MAC5JP,KAAKC,YAAW,IAAEC,EAAA,WAASO,KAAMC,GAAW,K,CAInD,OAAO,IAAI,EAGb,MAAAC,GACE,OACET,EAACU,EAAI,CAAAC,IAAA,4CACHX,EAAA,QAAAW,IAAA,2CAAMC,KAAK,4BACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,+EACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,2BAA2BH,KAAKe,QAC1Cb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,OAAAW,IAAA,2CAAKV,MAAM,oCACTD,EAAA,QAAAW,IAAA,2CAAMC,KAAK,UACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mCACRH,KAAKe,QAEFb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iFACTD,EAAA,MAAAW,IAAA,2CAAIV,MAAM,mDAAmDH,KAAKe,QAClEb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAI5Dd,EAAA,QAAAW,IAAA,2CAAMV,MAAM,4BAA4BH,KAAKiB,UAC7Cf,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,0BACTD,EAAA,SAAAW,IAAA,4CAAQb,KAAKkB,OACZlB,KAAKmB,OAASjB,EAAA,KAAGC,MAAM,gCAAgCH,KAAKmB,QAAc,KAC1EnB,KAAKD,uB","ignoreList":[]}

package/dist/pn-market-web-components/p-a54a298b.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{h as t,r as e,g as o,d as i}from"./p-bb1c965e.js";import{F as r,M as n}from"./p-65f243c1.js";const s=(t="",e="#005D92")=>{switch(t){case"facebook":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}" />\n <path fill-rule="evenodd" clip-rule="evenodd" d="M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z" fill="white" />\n </svg>`;case"twitter":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}"/>\n <path d="M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z" fill="white"/>\n </svg>`;case"linkedin":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}" />\n <path d="M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z" fill="white" />\n </svg>`;case"instagram":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}" />\n <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z" fill="white" />\n </svg>`;case"youtube":return`<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">\n <circle fill="${e}" cx="28" cy="28" r="28"></circle>\n <g transform="translate(9937 4831.656)">\n <path fill="#fff" d="M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3\n c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7\n c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7\n s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1\n c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6\n s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6\n c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6\n c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z\n M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z"></path>\n </g>\n </svg>`;default:return""}};const a={sv:{searchlabel:"Sök",searchplaceholder:"Vad letar du efter?",searchbuttontext:"Sök",menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start"},en:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},da:{searchlabel:"Søg",searchplaceholder:"Søg",searchbuttontext:"Søg",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start"},no:{searchlabel:"Søk",searchplaceholder:"Søk",searchbuttontext:"Søk",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start"},fi:{searchlabel:"Hae",searchplaceholder:"Hae",searchbuttontext:"Hae",menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa"},zh:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},it:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},nl:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"}};const l=({heading:e,level:o,cssClass:i,additionalProps:r})=>{const n=o;return t(n,{className:i,...r},e)};const m="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-sitefooter .social-media a[target=_blank]:not(.pn-button):after{content:none}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]){display:flex;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-width:min-content}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop]{display:block;margin-top:auto;margin-bottom:1.6rem}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop] .trustpilot-widget{display:flex;justify-content:flex-start}}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:block;margin-top:1rem;margin-bottom:2.3rem}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{display:flex;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{justify-content:flex-start}}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:none}}div[slot=middle-extra-mobile],div[slot=middle-extra]{display:none}pn-marketweb-sitefooter[theme=dotcom]{width:100%}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediamobile],pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediadesktop]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:block;width:100%;text-align:-webkit-center;margin:2.4rem 0}@media screen and (min-width: 1024px){pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra]{display:block;width:100%;text-align:-webkit-center;margin:3.2rem 0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:0;margin-right:4.8rem}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{width:auto;flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{border-top:1px solid #d3cecb;margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{display:flex;width:1px;height:auto;min-height:90%;background-color:#d3cecb;margin-right:4.8rem;margin-bottom:0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .swan{justify-self:center;align-self:center}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-swan {color:white}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]{background-color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]>svg path{fill:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #d3cecb;border-bottom:0.1rem solid #d3cecb}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media>ul>li:hover svg>circle{fill:#8eddf9}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-swan {color:white}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]{background-color:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]>svg path{fill:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #d3cecb;border-bottom:0.1rem solid #d3cecb}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg circle{fill:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg:hover>circle{fill:#00a0d6}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright {color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] {color:#0d234b}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#0d234b}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] a:not(.pn-h2){color:#005d92}pn-marketweb-sitefooter[theme=tpl] pn-site-footer{background-color:#0d234b;padding-top:6rem}@media screen and (max-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] pn-site-footer{padding-left:2.6rem;padding-right:2.6rem}}pn-marketweb-sitefooter[theme=tpl] pn-site-footer>svg{display:none}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom{background-color:#0d234b;color:#ffffff;margin:2.5rem 0}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom div[slot=bottom]{border-top:1px solid #005d92;border-bottom:1px solid #005d92}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a{color:#ffffff}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a:hover{text-decoration:underline;color:#ffffff}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo{background-color:#0d234b;color:#ffffff}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a{color:#fbc2c1}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a:hover,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a:hover{text-decoration:underline;color:#fbc2c1}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 8rem}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 5rem}}@media screen and (max-width: 48em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 3rem}}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{width:114rem;justify-content:space-between}}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-logo a svg path{fill:#00a0d6}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col{width:unset;min-width:unset}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:45%}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:100%;padding-top:0}}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a{display:inline-flex;gap:0.7rem;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a .pn-h2{color:#ffffff}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a span.footer-tpl-links{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a:hover{text-decoration:underline;color:#fbc2c1}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg{background-color:#fbc2c1;border-radius:0.3rem;height:1.7rem;width:1.7rem;margin-top:0.3rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg path{fill:#0d234b}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col .pn-h2{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{flex-direction:column;gap:0.5rem;row-gap:0rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media li{max-height:4rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a{align-items:center;gap:0}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a circle{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a span.footer-tpl-links{display:block}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg{height:3.7rem;width:3.7rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg path{fill:#fbc2c1}";const c=m;const d=class{constructor(t){e(this,t);this.market="se";this.language="sv";this.environment=null;this.endpoint=null;this.siteDomainInUrls=false;this.cache=false;this.theme="default";this.backgroundcolor="darkestblue";this.showSwan=false;this.headingLevel="h2";this.siteDefinition=undefined;this.footerContent=undefined;this.i18n=undefined;this.gotData=false;this.fetchingData=false}get hostElement(){return o(this)}fetchHelper=new r("sitefooter");endpointPath="/api/footer/footer";componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(t=window.location.href){const e=new n(t);if(!this.market){const t=await e.getMarket();this.market=t}if(!this.language){const t=await e.getLanguage();this.language=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=""}}async init(){this.setTranslations();await this.fetchData()}setTranslations(){if(this.language&&a[this.language]){this.i18n=a[this.language]}}onLanguageChange(){this.setTranslations();this.fetchData()}onMarketChange(){this.fetchData()}setFetchUrl(t){switch(this.theme){case"dotcom":return`${t}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;default:return`${t}${this.endpointPath}?market=${this.market}&language=${this.language}`}}async fetchData(){if(this.endpoint===null\|\|!this.market\|\|!this.language){return}this.fetchingData=true;const t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const e=this.setFetchUrl(t);const o=await this.fetchHelper.fetchJson(e,{mode:"cors"},this.cache,this.onFetchRefreshed.bind(this));await this.setStateFromData(o)}onFetchRefreshed(t){this.setStateFromData(t)}setStateFromData(t){if(typeof t!=="object"){console.warn("Data was not valid",t)}this.siteDefinition=t.sitedefinition;this.footerContent=t.footer;if(this.siteDomainInUrls){this.adjustLinks()}this.gotData=true;this.fetchingData=true}adjustLinks(){this.footerContent.bottomLinks.forEach((t=>{t.linkHref=this.adjustHref(t.linkHref)}));this.footerContent.columns.forEach((t=>{t.links.forEach((t=>{t.linkHref=this.adjustHref(t.linkHref)}))}))}adjustHref(t){if(!t\|\|t.indexOf("http")===0\|\|this.siteDomainInUrls){return t}const e=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;t=e+t;return t}uniqueId(t){return"footer-"+t.replace(/[^A-Za-z0-9.\\\/]/gim,"")}renderCols(){if(this.gotData&&this.footerContent?.columns){return this.footerContent.columns.map((e=>t("pn-site-footer-col",{theme:this.theme},e.firstLinkAsHeader&&e.links&&e.links[0]?t("a",{href:e.links[0].linkHref,target:e.links[0].openInNewWindow?"_blank":null,rel:e.links[0].openInNewWindow?"noopener nofollower noreferrer":null,title:e.links[0].linkText,id:this.uniqueId(e.links[0].linkText)},t(l,{heading:e.links[0].linkText,level:this.headingLevel,cssClass:`${"pn-"+this.headingLevel}`})):t(l,{heading:e.heading,level:this.headingLevel,cssClass:`${"pn-"+this.headingLevel}`}),e.links&&(!e.body\|\|this.theme==="tpl")?t("ul",{...e.links&&e.links[0]&&e.links[0].linkType&&{class:"social-media"}},e.links.map(((o,i)=>{if(!o.linkHref\|\|e.firstLinkAsHeader&&i==0){return false}let r=o.linkText;if(o.linkType){r=s(o.linkType)}let n=this.uniqueId(r);return t("li",null,t("a",{href:o.linkHref,...o.openInNewWindow&&{target:"_blank"},title:o.linkText,innerHTML:r,id:n},this.theme==="tpl"?t("span",{class:"footer-tpl-links"},o.linkText):null))}))):null,e.body?t("div",{innerHTML:e.body}):null,t("slot",{name:"bottomsocialmediadesktop"}),t("slot",{name:"bottomsocialmediamobile"}))))}else{return null}}renderBottomLinks(){return this.footerContent.bottomLinks.map((e=>{if(!e.linkHref){return t("li",null,e.linkText)}let o=this.uniqueId(e.linkText);return t("li",null,t("a",{href:e.linkHref,...e.openInNewWindow&&{target:"_blank"},title:e.linkText,id:o},e.linkText))}))}renderDefaultFooter(){return t(i,{language:this.language,market:this.market,environment:this.environment},t("pn-site-footer",{url:this.siteDefinition?.url??""},t("slot",{name:"logo"}),this.renderCols(),t("div",{slot:"bottom"},this.gotData&&this.footerContent?.copyrightText?t("span",null,this.footerContent.copyrightText):null,this.gotData&&this.footerContent?.bottomLinks?t("span",null,this.footerContent.bottomLinks.map((e=>{if(!e.linkHref){return t("span",null,e.linkText)}let o=this.uniqueId(e.linkText);return t("a",{href:e.linkHref,...e.openInNewWindow&&{target:"_blank"},title:e.linkText,id:o},e.linkText)}))):null)))}renderSocialMeidaIconListElements(){return this.gotData&&this.footerContent?.socialmedialinks.map((e=>{let o=s(e.linkType,"#00A0D6");let i=this.uniqueId(e.linkText);return t("li",null,t("a",{href:e.linkHref,...e.openInNewWindow&&{target:"_blank"},title:e.linkText,innerHTML:o,id:i}))}))}renderSwanComponent(){return this.showSwan&&t("div",{class:"swan-wrapper"},t("div",{class:"separator"}),t("pn-swan",{language:this.language,"license-number":this.footerContent?.swanInfo?.swanLicense,"link-to":this.footerContent?.swanInfo?.swanLink}))}renderDotComFooter(){return t(i,{language:this.language,market:this.market,environment:this.environment},t("pn-site-footer",{theme:this.theme,url:this.siteDefinition?.url??""},this.renderCols(),t("slot",{name:"middle-extra"}),t("slot",{name:"middle-extra-mobile"}),t("div",{slot:"bottom"},t("div",{class:`social-media ${this.showSwan?"social-media--swan":""}`},t("ul",null,this.renderSocialMeidaIconListElements()),this.renderSwanComponent()),t("div",{class:"copyright"},this.gotData&&this.footerContent?.copyrightText?t("span",null,this.footerContent.copyrightText):null,this.gotData&&this.footerContent?.bottomLinks?t("ul",null,this.renderBottomLinks()):null))))}render(){switch(this.theme){case"dotcom":return this.renderDotComFooter();default:return this.renderDefaultFooter()}}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};d.style=c;export{d as pn_marketweb_sitefooter};
2	+ //# sourceMappingURL=p-a54a298b.entry.js.map

package/dist/pn-market-web-components/p-a54a298b.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["getSocialMediaIconsByType","linkType","fill","translations","sv","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","en","da","no","fi","zh","it","nl","HeadingTag","heading","level","cssClass","additionalProps","Tag","h","className","pnMarketwebSitefooterCss","PnMarketwebSitefooterStyle0","PnMarketwebSiteheader","fetchHelper","FetchHelper","endpointPath","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","market","resolvedMarket","getMarket","language","getLanguage","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","setTranslations","fetchData","i18n","onLanguageChange","onMarketChange","setFetchUrl","endpointBase","theme","fetchingData","lastIndexOf","length","substring","fetchUrl","data","fetchJson","mode","cache","onFetchRefreshed","bind","setStateFromData","console","warn","siteDefinition","sitedefinition","footerContent","footer","siteDomainInUrls","adjustLinks","gotData","bottomLinks","forEach","link","linkHref","adjustHref","columns","col","links","domainUrl","url","uniqueId","text","replace","renderCols","map","column","firstLinkAsHeader","target","openInNewWindow","rel","title","linkText","id","headingLevel","body","class","i","linkId","innerHTML","name","renderBottomLinks","renderDefaultFooter","Host","slot","copyrightText","renderSocialMeidaIconListElements","socialmedialinks","renderSwanComponent","showSwan","swanInfo","swanLicense","swanLink","renderDotComFooter","render"],"sources":["src/components/layout-components/pn-marketweb-sitefooter/socialMediaIcons.ts","src/components/layout-components/pn-marketweb-sitefooter/translations.ts","src/globals/HeadingTag.tsx","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.scss?tag=pn-marketweb-sitefooter","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"sourcesContent":["export const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {\n switch (linkType) {\n case 'facebook':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z\" fill=\"white\" />\n </svg>`;\n case 'twitter':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\"/>\n <path d=\"M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z\" fill=\"white\"/>\n </svg>`;\n case 'linkedin':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n <path d=\"M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z\" fill=\"white\" />\n </svg>`;\n case 'instagram':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z\" fill=\"white\" />\n </svg>`;\n case 'youtube':\n return `<svg width=\"56\" height=\"56\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 56 56\" style=\"enable-background:new 0 0 56 56;\" xml:space=\"preserve\">\n <circle fill=\"${fill}\" cx=\"28\" cy=\"28\" r=\"28\"></circle>\n <g transform=\"translate(9937 4831.656)\">\n <path fill=\"#fff\" d=\"M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3\n c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7\n c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7\n s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1\n c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6\n s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6\n c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6\n c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z\n M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z\"></path>\n </g>\n </svg>`;\n default:\n return '';\n }\n};\n","export const translations = {\n sv: {\n searchlabel: 'Sök',\n searchplaceholder: 'Vad letar du efter?',\n searchbuttontext: 'Sök',\n menuHomeButton: 'Hem',\n menuGoBackButton: 'Gå tillbaka',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n },\n en: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n da: {\n searchlabel: 'Søg',\n searchplaceholder: 'Søg',\n searchbuttontext: 'Søg',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbage',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n no: {\n searchlabel: 'Søk',\n searchplaceholder: 'Søk',\n searchbuttontext: 'Søk',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbake',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n },\n fi: {\n searchlabel: 'Hae',\n searchplaceholder: 'Hae',\n searchbuttontext: 'Hae',\n menuHomeButton: 'Koti',\n menuGoBackButton: 'Mene takaisin',\n mainMenuButton: 'Valikko',\n menuStartButton: 'Alkaa',\n },\n zh: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n it: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n nl: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n};\n","import { h, FunctionalComponent } from '@stencil/core';\n\ninterface HeadingTagProps {\n heading: string;\n level: string;\n cssClass?: string;\n additionalProps?: { [key: string]: string };\n}\n\nexport const HeadingTag: FunctionalComponent<HeadingTagProps> = ({ heading, level, cssClass, additionalProps }) => {\n const Tag = level;\n\n return (\n <Tag className={cssClass} {...additionalProps}>\n {heading}\n </Tag>\n );\n};\n","@import '../../../globals/main.scss';\n@import '../../navigation/pn-site-footer/pn-site-footer-common.scss';\n\npn-marketweb-sitefooter {\n .social-media {\n a[target='_blank']:not(.pn-button):after {\n content: none;\n }\n }\n}\n\npn-marketweb-sitefooter:not([theme='dotcom']) {\n @media screen and (min-width: $sitefooter-media-smalldesktop) {\n pn-site-footer-col:has(div[slot='bottomsocialmediadesktop']) {\n display: flex;\n align-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n min-width: min-content;\n\n div[slot='bottomsocialmediadesktop'] {\n display: block;\n margin-top: auto;\n margin-bottom: 1.6rem;\n\n .trustpilot-widget {\n display: flex;\n justify-content: flex-start;\n }\n }\n }\n }\n\n [slot='bottomsocialmediamobile'] {\n display: block;\n margin-top: 1rem;\n margin-bottom: 2.3rem;\n\n .trustpilot-widget {\n display: flex;\n justify-content: center;\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n justify-content: flex-start;\n }\n }\n\n @media screen and (min-width: $sitefooter-media-smalldesktop) {\n display: none;\n }\n }\n}\n\ndiv[slot='middle-extra-mobile'],\ndiv[slot='middle-extra'] {\n display: none;\n}\n\npn-marketweb-sitefooter[theme='dotcom'] {\n width: 100%;\n\n div[slot='bottomsocialmediamobile'],\n div[slot='bottomsocialmediadesktop'] {\n display: none;\n }\n\n div[slot='middle-extra-mobile'] {\n display: block;\n width: 100%;\n text-align: -webkit-center;\n margin: 2.4rem 0;\n }\n\n @media screen and (min-width: 1024px) {\n div[slot='middle-extra-mobile'] {\n display: none;\n }\n\n div[slot='middle-extra'] {\n display: block;\n width: 100%;\n text-align: -webkit-center;\n margin: 3.2rem 0;\n }\n }\n\n div[slot='bottom'] .social-media.social-media--swan {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n }\n\n ul {\n margin-bottom: 1.6rem;\n @media screen and (min-width: $min-width-md) {\n margin-bottom: 0;\n margin-right: 4.8rem;\n }\n }\n\n .swan-wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media screen and (min-width: $min-width-md) {\n width: auto;\n flex-direction: row;\n }\n\n .separator {\n border-top: 1px solid #d3cecb;\n margin-bottom: 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n display: flex;\n width: 1px;\n height: auto;\n min-height: 90%;\n background-color: #d3cecb;\n margin-right: 4.8rem;\n margin-bottom: 0;\n }\n }\n\n .swan {\n justify-self: center;\n align-self: center;\n }\n }\n }\n\n //com layout in different colors\n &[backgroundcolor='bluedarkest'] pn-site-footer[theme='dotcom'] {\n pn-site-footer-col[theme='dotcom'] svg path {\n fill: $white;\n }\n\n pn-swan * {\n color: white;\n }\n }\n\n &[backgroundcolor='blue'] pn-site-footer[theme='dotcom'] {\n background-color: $blue700;\n\n .pn-sitefooter-top,\n .pn-sitefooter-bottom {\n background-color: $blue700;\n }\n\n > svg path {\n fill: $blue700;\n }\n\n .pn-sitefooter-bottom .social-media {\n border-top: 0.1rem solid $gray200;\n border-bottom: 0.1rem solid $gray200;\n\n & > ul > li:hover svg > circle {\n fill: $blue200;\n }\n }\n\n pn-site-footer-col[theme='dotcom'] svg path {\n fill: $white;\n }\n\n pn-swan * {\n color: white;\n }\n }\n\n &[backgroundcolor='gray'] pn-site-footer[theme='dotcom'] {\n background-color: $gray50;\n\n > svg path {\n fill: $gray50;\n }\n\n .pn-sitefooter-top,\n .pn-sitefooter-bottom {\n background-color: $gray50;\n }\n\n .pn-sitefooter-bottom {\n .social-media {\n border-top: 0.1rem solid $gray200;\n border-bottom: 0.1rem solid $gray200;\n\n li svg circle {\n fill: $blue700;\n }\n\n li svg:hover > circle {\n fill: $blue400;\n }\n }\n\n > [slot='bottom'] > .copyright * {\n color: $blue700;\n }\n }\n\n pn-site-footer-col[theme='dotcom'] {\n * {\n color: $blue900;\n }\n\n svg path {\n fill: $blue900;\n }\n\n a:not(.pn-h2) {\n color: $blue700;\n }\n }\n }\n}\n\npn-marketweb-sitefooter[theme='tpl'] {\n pn-site-footer {\n background-color: $blue900;\n padding-top: 6rem;\n\n @media screen and (max-width: $sitefooter-media-phoneheight) {\n padding-left: 2.6rem;\n padding-right: 2.6rem;\n }\n\n & > svg {\n display: none;\n }\n }\n\n div.pn-sitefooter-bottom {\n background-color: $blue900;\n color: $white;\n margin: 2.5rem 0;\n\n div[slot='bottom'] {\n border-top: 1px solid $blue700;\n border-bottom: 1px solid $blue700;\n }\n\n a {\n color: $white;\n\n &:hover {\n text-decoration: underline;\n color: $white;\n }\n }\n }\n\n .pn-sitefooter-top,\n .pn-sitefooter-logo {\n background-color: $blue900;\n color: $white;\n\n a {\n color: $coral200;\n\n &:hover {\n text-decoration: underline;\n color: $coral200;\n }\n }\n }\n\n .pn-sitefooter-top .pn-sitefooter-cols {\n @media screen and (max-width: $sitefooter-media-smalldesktop) {\n padding: 0 8rem;\n }\n\n @media screen and (max-width: $sitefooter-media-smalldesktop) {\n padding: 0 5rem;\n }\n\n @media screen and (max-width: $sitefooter-media-tablet) {\n padding: 0 3rem;\n }\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n width: 114rem;\n justify-content: space-between;\n }\n }\n\n div.pn-sitefooter-logo a svg path {\n fill: $blue400;\n }\n\n div pn-site-footer-col {\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n width: unset;\n min-width: unset;\n\n &:first-child {\n min-width: 45%;\n }\n }\n\n &:first-child {\n @media screen and (max-width: $sitefooter-media-smalldesktop) {\n min-width: 100%;\n padding-top: 0;\n }\n }\n\n a {\n display: inline-flex;\n gap: 0.7rem;\n align-items: flex-start;\n\n .pn-h2 {\n color: $white;\n }\n\n span.footer-tpl-links {\n display: none;\n }\n\n &:hover {\n text-decoration: underline;\n color: $coral200;\n }\n\n pn-icon svg {\n background-color: $coral200;\n border-radius: 0.3rem;\n height: 1.7rem;\n width: 1.7rem;\n margin-top: 0.3rem;\n\n path {\n fill: $blue900;\n }\n }\n }\n\n .pn-h2 {\n margin-bottom: 3.5rem;\n }\n\n ul.social-media {\n flex-direction: column;\n gap: 0.5rem;\n row-gap: 0rem;\n\n li {\n max-height: 4rem;\n }\n\n a {\n align-items: center;\n gap: 0;\n\n circle {\n display: none;\n }\n\n span.footer-tpl-links {\n display: block;\n }\n\n svg {\n height: 3.7rem;\n width: 3.7rem;\n\n path {\n fill: $coral200;\n }\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n tag: 'pn-marketweb-sitefooter',\n styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n\n @Prop({ mutable: true, reflect: true }) market: string = 'se';\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @Prop({ mutable: true, reflect: true }) environment: string = null;\n @Prop() endpoint: string = null;\n\n /** Adjusts the menus URLs */\n @Prop() siteDomainInUrls: boolean = false;\n\n /** If the component should use cached requests */\n @Prop() cache: boolean = false;\n\n /** dotcom prop */\n @Prop({ reflect: true }) theme: string = 'default';\n /** dotcom backgroundcolor */\n @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n @Prop() showSwan: boolean = false;\n @Prop() headingLevel: string = \"h2\";\n\n @State() siteDefinition: MenuSiteDefinition;\n @State() footerContent: SiteFooterContentModel;\n\n @State() i18n: any;\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n\n fetchHelper = new FetchHelper('sitefooter');\n endpointPath = '/api/footer/footer';\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n }\n\n setTranslations() {\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 this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.fetchData();\n }\n\n setFetchUrl(endpointBase: string) {\n switch (this.theme) {\n case 'dotcom':\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n default:\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n }\n }\n\n async fetchData() {\n if (this.endpoint === null || !this.market || !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = this.setFetchUrl(endpointBase);\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n this.onFetchRefreshed.bind(this),\n )) as any;\n await this.setStateFromData(data);\n }\n\n onFetchRefreshed(data) {\n this.setStateFromData(data);\n }\n\n setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n this.siteDefinition = data.sitedefinition;\n this.footerContent = data.footer;\n\n if (this.siteDomainInUrls) {\n this.adjustLinks();\n }\n\n this.gotData = true;\n this.fetchingData = true;\n }\n adjustLinks() {\n this.footerContent.bottomLinks.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n this.footerContent.columns.forEach(col => {\n col.links.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n });\n }\n\n adjustHref(href: string) {\n if (!href || href.indexOf('http') === 0 || this.siteDomainInUrls) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n href = domainUrl + href;\n return href;\n }\n\n uniqueId(text: string) {\n return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n renderCols() {\n if (this.gotData && this.footerContent?.columns) {\n return this.footerContent.columns.map(column => {\n return (\n <pn-site-footer-col theme={this.theme}>\n {column.firstLinkAsHeader && column.links && column.links[0] ? (\n <a\n href={column.links[0].linkHref}\n target={column.links[0].openInNewWindow ? '_blank' : null}\n rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n title={column.links[0].linkText}\n id={this.uniqueId(column.links[0].linkText)}\n >\n <HeadingTag heading={column.links[0].linkText} level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}/>\n </a>\n ) : (\n <HeadingTag heading={column.heading} level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}/>\n )}\n {column.links && (!column.body || this.theme === 'tpl') ? (\n <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n {column.links.map((link, i) => {\n if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {\n return false;\n }\n let linkText = link.linkText;\n if (link.linkType) {\n linkText = getSocialMediaIconsByType(link.linkType);\n }\n let linkId = this.uniqueId(linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n </a>\n </li>\n );\n })}\n </ul>\n ) : null}\n {column.body ? <div innerHTML={column.body}></div> : null}\n <slot name=\"bottomsocialmediadesktop\" />\n <slot name=\"bottomsocialmediamobile\" />\n </pn-site-footer-col>\n );\n });\n } else {\n return null;\n }\n }\n\n renderBottomLinks() {\n return this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <li>{link.linkText}</li>;\n }\n let linkId = this.uniqueId(link.linkText);\n\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n </li>\n );\n });\n }\n\n renderDefaultFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n <slot name=\"logo\"></slot>\n {this.renderCols()}\n\n <div slot=\"bottom\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? (\n <span>\n {this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <span>{link.linkText}</span>;\n }\n let linkId = this.uniqueId(link.linkText);\n return (\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n );\n })}\n </span>\n ) : null}\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n renderSocialMeidaIconListElements() {\n return (\n this.gotData &&\n this.footerContent?.socialmedialinks.map(link => {\n let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n let linkId = this.uniqueId(link.linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n </li>\n );\n })\n );\n }\n\n renderSwanComponent() {\n return (\n this.showSwan && (\n <div class=\"swan-wrapper\">\n <div class=\"separator\"></div>\n <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n </div>\n )\n );\n }\n\n renderDotComFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n {this.renderCols()}\n <slot name=\"middle-extra\"></slot>\n <slot name=\"middle-extra-mobile\"></slot>\n <div slot=\"bottom\">\n <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n <ul>{this.renderSocialMeidaIconListElements()}</ul>\n {this.renderSwanComponent()}\n </div>\n\n <div class=\"copyright\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n </div>\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n render() {\n switch (this.theme) {\n case 'dotcom':\n return this.renderDotComFooter();\n default:\n return this.renderDefaultFooter();\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-a6866467.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,g as o,h as t,d as n}from"./p-bb1c965e.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-customernumber-selector-option{display:flex;flex-direction:column;width:100%;overflow:hidden}pn-customernumber-selector-option:last-of-type{border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem}.customernumberoption{overflow:hidden;max-width:100%;text-decoration:none;background:#ffffff;transition:background 0.15s ease;padding:1.6rem 1rem}.customernumberoption:hover,.customernumberoption:focus,.customernumberoption:active{background:#e0f8ff;text-decoration:none}.customernumberoption-text{font-weight:700;color:#2d2013}.customernumberoption-title{display:block;font-size:1em;color:#005d92;font-weight:700}.customernumberoption-description{font-size:0.75em;color:#5e554a;font-weight:normal}";const s=r;const c=class{constructor(o){e(this,o);this.heading="";this.description="";this.url=""}get hostElement(){return o(this)}render(){return t(n,{key:"d0aa3dffdfed44d609a37b9dd566f092b36808f8"},t("a",{key:"968d1eef084a71f813f840dd3574768fc90aeca6",class:"customernumberoption",href:this.url},t("span",{key:"cdf8fa316075821a579a967aa16316dec75643f4",class:"customernumberoption-text"},t("span",{key:"4eab480ea560ae5eedb2a26df6854604c5c1e7be",class:"customernumberoption-title"},this.heading),t("span",{key:"6194c352124efdf08c34dc83a807ecc37cbafba4",class:"customernumberoption-description"},this.description),t("slot",{key:"2d8936f96d18b9f7f75a9e07038c6011dfc21bdc"}))))}};c.style=s;export{c as pn_customernumber_selector_option};
2	+ //# sourceMappingURL=p-a6866467.entry.js.map

package/dist/pn-market-web-components/{p-619f2143.entry.js.map → p-a6866467.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnCustomernumberSelectorOptionCss","PnCustomernumberSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description"],"sources":["src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.scss?tag=pn-customernumber-selector-option","src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-customernumber-selector-option {\n display: flex;\n flex-direction: column;\n width: 100%;\n overflow: hidden;\n &:last-of-type {\n border-bottom-left-radius: 0.8rem;\n border-bottom-right-radius: 0.8rem;\n }\n}\n.customernumberoption {\n overflow: hidden;\n max-width: 100%;\n text-decoration: none;\n background: $white;\n transition: background 0.15s ease;\n padding: 1.6rem 1rem;\n &:hover,\n &:focus,\n &:active {\n background: $blue50;\n text-decoration: none;\n }\n}\n.customernumberoption-text {\n font-weight: 700;\n color: $gray900;\n}\n\n.customernumberoption-title {\n display: block;\n font-size: 1em;\n color: $blue700;\n font-weight: 700;\n}\n\n.customernumberoption-description {\n font-size: 0.75em;\n color: $gray700;\n font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\n@Component({\n tag: 'pn-customernumber-selector-option',\n styleUrl: 'pn-customernumber-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n @Element() hostElement: Element;\n\n @Prop() heading: string = '';\n @Prop() description: string = '';\n @Prop() url: string = '';\n\n render() {\n return (\n <Host>\n <a class=\"customernumberoption\" href={this.url}>\n <span class=\"customernumberoption-text\">\n <span class=\"customernumberoption-title\">{this.heading}</span>\n <span class=\"customernumberoption-description\">{this.description}</span>\n <slot />\n </span>\n </a>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoC~~,+lCAC1C~~,MAAAC,EAAeD,E,MCIFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,uBAAuBC,KAAMC,KAAKC,KACzCN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BAA8BE,KAAKE,SAC/CP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCAAoCE,KAAKG,aACrDR,EAAA,QAAAE,IAAA,+C","ignoreList":[]}
1	+ {"version":3,"names":["pnCustomernumberSelectorOptionCss","PnCustomernumberSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description"],"sources":["src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.scss?tag=pn-customernumber-selector-option","src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-customernumber-selector-option {\n display: flex;\n flex-direction: column;\n width: 100%;\n overflow: hidden;\n &:last-of-type {\n border-bottom-left-radius: 0.8rem;\n border-bottom-right-radius: 0.8rem;\n }\n}\n.customernumberoption {\n overflow: hidden;\n max-width: 100%;\n text-decoration: none;\n background: $white;\n transition: background 0.15s ease;\n padding: 1.6rem 1rem;\n &:hover,\n &:focus,\n &:active {\n background: $blue50;\n text-decoration: none;\n }\n}\n.customernumberoption-text {\n font-weight: 700;\n color: $gray900;\n}\n\n.customernumberoption-title {\n display: block;\n font-size: 1em;\n color: $blue700;\n font-weight: 700;\n}\n\n.customernumberoption-description {\n font-size: 0.75em;\n color: $gray700;\n font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\n@Component({\n tag: 'pn-customernumber-selector-option',\n styleUrl: 'pn-customernumber-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n @Element() hostElement: Element;\n\n @Prop() heading: string = '';\n @Prop() description: string = '';\n @Prop() url: string = '';\n\n render() {\n return (\n <Host>\n <a class=\"customernumberoption\" href={this.url}>\n <span class=\"customernumberoption-text\">\n <span class=\"customernumberoption-title\">{this.heading}</span>\n <span class=\"customernumberoption-description\">{this.description}</span>\n <slot />\n </span>\n </a>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoC,sxBAC1C,MAAAC,EAAeD,E,MCIFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,uBAAuBC,KAAMC,KAAKC,KACzCN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BAA8BE,KAAKE,SAC/CP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCAAoCE,KAAKG,aACrDR,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/pn-market-web-components/p-a72c2729.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,g as o,h as n,d as r}from"./p-bb1c965e.js";const s="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.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 c=s;const i=class{constructor(o){t(this,o);this.urlSelected=e(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:"8ca40917c866bd5fccf4af74453e6b52719069b9"},n("button",{key:"5bc6cce56b89597773d2d0a2dcae62b7d6cdf4b0",class:"pn-profile-modal-customernumber-button",onClick:this.onCustomerNumberClick.bind(this)},n("slot",{key:"38e279fcba41b79c5cd7607346463b34694c98c9"})))}};i.style=c;export{i as pn_profile_modal_customernumber};
2	+ //# sourceMappingURL=p-a72c2729.entry.js.map

package/dist/pn-market-web-components/{p-9088d3f5.entry.js.map → p-a72c2729.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,~~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":[]}
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":[]}

package/dist/pn-market-web-components/p-aeeabb32.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as i,h as n,d as l}from"./p-bb1c965e.js";const t='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-link-list .link-list__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:0.8rem}pn-link-list .link-list__heading{margin-bottom:0.8rem}@media screen and (min-width: 1140px){pn-link-list .link-list__heading{font-size:3.2rem}}pn-link-list .link-list__preamble{max-width:85rem;text-align:center;margin-bottom:0}@media screen and (min-width: 1140px){pn-link-list .link-list__preamble{text-wrap:balance}}pn-link-list .link-list{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;margin-bottom:2.4rem;padding:0}pn-link-list .link-list__container{overflow-x:auto;text-align:center;white-space:nowrap}pn-link-list .link-list__container.link-list__active a,pn-link-list .link-list__container.link-list__active li,pn-link-list .link-list__container.link-list__active ul{cursor:grab;cursor:-webkit-grab}pn-link-list .link-list__container::-webkit-scrollbar{height:0.4rem;margin-top:2rem;-webkit-appearance:none}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar{height:0.6rem}}pn-link-list .link-list__container::-webkit-scrollbar-thumb{background:#005d92;border-radius:2rem}pn-link-list .link-list__container::-webkit-scrollbar-track{background:#d3cecb;border-radius:2rem;width:100%;margin:0 5rem}@media screen and (min-width: 768px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 10rem}}@media screen and (min-width: 1140px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 15rem}}@media screen and (min-width: 1440px){pn-link-list .link-list__container::-webkit-scrollbar-track{margin:0 20rem}}pn-link-list .link-list__container::-webkit-resizer{display:none}pn-link-list .link-list__container::before,pn-link-list .link-list__container::after{content:"";position:absolute;top:0;bottom:0;height:85%;width:10%}pn-link-list .link-list__container::before{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);left:0}pn-link-list .link-list__container::after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);right:0}pn-link-list .link-list__scrollable{display:inline-block;padding:2rem 0 1rem}@media screen and (min-width: 992px){pn-link-list .link-list__scrollable{padding:0.5rem 2rem 1rem}}pn-link-list [slot=linklist] ul{display:flex;list-style:none;margin:0;padding:0 1.6rem}pn-link-list [slot=linklist] li>a{display:block;color:#2d2013;font-size:1.4rem;font-weight:500;line-height:140%;text-decoration:none;cursor:pointer;background-color:#ffffff;border:0.1rem solid #d3cecb;border-radius:0.8rem;margin:0 0.8rem;padding:1rem}@media screen and (min-width: 1410px){pn-link-list [slot=linklist] li>a{font-size:1.6rem}}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:active,pn-link-list [slot=linklist] li>a:focus{color:#fff}pn-link-list [slot=linklist] li>a:hover,pn-link-list [slot=linklist] li>a:focus{background-color:#005d92}pn-link-list [slot=linklist] li>a:active{background-color:#0d234b}pn-link-list [slot=linklist] li>a:focus{outline:2px solid #005d92;outline-offset:2px}pn-link-list .link-list__button{display:flex;justify-content:center}@-moz-document url-prefix(){pn-link-list .link-list__container{scrollbar-color:#005d92 #d3cecb}pn-link-list .link-list__scrollable{padding:0.5rem 2rem 2rem}}';const e=t;const s=class{constructor(n){i(this,n);this.heading=null;this.label=null;this.preamble=null;this.url=null;this.showMoreLabel=null;this.showMoreUrl=null}slider=null;isDragging=false;startX=0;scrollLeft=0;componentDidLoad(){this.slider=document.querySelector(".link-list__container")}handleMouseDown=i=>{const n=i.target;const l=n.classList.contains("link-list__container");const t=n.tagName==="A";if(l\|\|t){this.isDragging=true;this.slider?.classList.add("link-list__active");this.startX=i.pageX-this.slider?.offsetLeft;this.scrollLeft=this.slider?.scrollLeft;if(t){i.preventDefault()}}};handleMouseLeave=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseUp=()=>{this.isDragging=false;this.slider?.classList.remove("link-list__active")};handleMouseMove=i=>{if(this.isDragging){const n=i.pageX-this.slider?.offsetLeft;const l=(n-this.startX)*2;this.slider.scrollLeft=this.scrollLeft-l}};render(){return n(l,{key:"0cfb80f2de46eeae8943f13868ca744c54974a09"},(this.heading\|\|this.preamble)&&n("div",{key:"a396fea209035c911b5f545919ae1b1c9ff77e79",class:"link-list__header"},this.heading&&n("h2",{key:"fbf8d3282fe16b7acc4b1568357e1db099597262",class:"link-list__heading"},this.heading),this.preamble&&n("p",{key:"06ee3ced935e335782f258a214b76de728978481",class:"link-list__preamble"},this.preamble)),n("div",{key:"c5a5d02539b7c687d4024d8ef97c68a16f9c8227",class:"link-list"},n("div",{key:"7e77c23f6c72c0fe9ce14d39aef88223c4af00a4",class:"link-list__container",onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove},n("div",{key:"d0948943177059f1aa66f079574a02a7a23ee79b",class:"link-list__scrollable"},n("slot",{key:"52c2ed2c68dc45f5ee0c75b986f84183a9bc7dc5",name:"linklist"})))),this.showMoreUrl?n("div",{class:"link-list__button"},n("pn-button",{appearance:"light",href:this.showMoreUrl},this.showMoreLabel)," "):"")}};s.style=e;export{s as pn_link_list};
2	+ //# sourceMappingURL=p-aeeabb32.entry.js.map

package/dist/pn-market-web-components/{p-4f639380.entry.js.map → p-aeeabb32.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnLinkListCss","PnLinkListStyle0","PnLinkList","slider","isDragging","startX","scrollLeft","componentDidLoad","this","document","querySelector","handleMouseDown","e","target","isContainerClick","classList","contains","isLinkClick","tagName","add","pageX","offsetLeft","preventDefault","handleMouseLeave","remove","handleMouseUp","handleMouseMove","x","move","render","h","Host","key","heading","preamble","class","onMouseDown","onMouseUp","onMouseLeave","onMouseMove","name","showMoreUrl","appearance","href","showMoreLabel"],"sources":["src/components/widgets/pn-link-list/pn-link-list.scss?tag=pn-link-list","src/components/widgets/pn-link-list/pn-link-list.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-link-list {\n .link-list__header {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n margin-bottom: 0.8rem;\n }\n\n .link-list__heading {\n margin-bottom: 0.8rem;\n\n @media screen and (min-width: $max-width-xl) {\n font-size: 3.2rem;\n }\n }\n\n .link-list__preamble {\n max-width: 85rem;\n text-align: center;\n margin-bottom: 0;\n\n @media screen and (min-width: $max-width-xl) {\n text-wrap: balance;\n }\n }\n\n .link-list {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n\n margin: 0;\n margin-bottom: 2.4rem;\n padding: 0;\n }\n\n .link-list__container {\n overflow-x: auto;\n text-align: center;\n white-space: nowrap;\n\n &.link-list__active {\n a,\n li,\n ul {\n cursor: grab;\n cursor: -webkit-grab;\n }\n }\n\n &::-webkit-scrollbar {\n height: 0.4rem;\n margin-top: 2rem;\n -webkit-appearance: none;\n\n @media screen and (min-width: $min-width-md) {\n height: 0.6rem;\n }\n }\n\n &::-webkit-scrollbar-thumb {\n background: $blue700;\n border-radius: 2rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #d3cecb;\n border-radius: 2rem;\n width: 100%;\n margin: 0 5rem;\n\n @media screen and (min-width: $min-width-md) {\n margin: 0 10rem;\n }\n\n @media screen and (min-width: $max-width-xl) {\n margin: 0 15rem;\n }\n\n @media screen and (min-width: $max-width-xxl) {\n margin: 0 20rem;\n }\n }\n\n &::-webkit-resizer {\n display: none;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n height: 85%;\n width: 10%;\n }\n\n &::before {\n background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n left: 0;\n }\n\n &::after {\n background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n right: 0;\n }\n }\n\n .link-list__scrollable {\n display: inline-block;\n padding: 2rem 0 1rem;\n\n @media screen and (min-width: $min-width-lg) {\n padding: 0.5rem 2rem 1rem;\n }\n }\n\n [slot='linklist'] {\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0 1.6rem;\n }\n\n li {\n & > a {\n display: block;\n color: $gray900;\n font-size: 1.4rem;\n font-weight: 500;\n line-height: 140%;\n text-decoration: none;\n cursor: pointer;\n\n background-color: $white;\n border: 0.1rem solid $gray200;\n border-radius: 0.8rem;\n margin: 0 0.8rem;\n padding: 1rem;\n\n @media screen and (min-width: 1410px) {\n font-size: 1.6rem;\n }\n\n &:hover,\n &:active,\n &:focus {\n color: #fff;\n }\n\n &:hover,\n &:focus {\n background-color: $blue700;\n }\n\n &:active {\n background-color: $blue900;\n }\n\n &:focus {\n outline: 2px solid $blue700;\n outline-offset: 2px;\n }\n }\n }\n }\n\n .link-list__button {\n display: flex;\n justify-content: center;\n }\n\n @-moz-document url-prefix() {\n .link-list__container {\n scrollbar-color: $blue700 #d3cecb;\n }\n\n .link-list__scrollable {\n padding: 0.5rem 2rem 2rem;\n }\n }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'pn-link-list',\n styleUrl: 'pn-link-list.scss',\n})\nexport class PnLinkList {\n @Prop() heading: string = null;\n @Prop() label: string = null;\n @Prop() preamble: string = null;\n @Prop() url: string = null;\n @Prop() showMoreLabel: string = null;\n @Prop() showMoreUrl: string = null;\n\n private slider: HTMLElement = null;\n private isDragging = false;\n private startX = 0;\n private scrollLeft = 0;\n\n componentDidLoad() {\n this.slider = document.querySelector('.link-list__container') as HTMLElement;\n }\n\n private handleMouseDown = (e: MouseEvent) => {\n const target = e.target as HTMLElement;\n\n const isContainerClick = target.classList.contains('link-list__container');\n const isLinkClick = target.tagName === 'A';\n\n if (isContainerClick \|\| isLinkClick) {\n this.isDragging = true;\n this.slider?.classList.add('link-list__active');\n this.startX = e.pageX - this.slider?.offsetLeft;\n this.scrollLeft = this.slider?.scrollLeft;\n\n if (isLinkClick) {\n e.preventDefault();\n }\n }\n };\n\n private handleMouseLeave = () => {\n this.isDragging = false;\n this.slider?.classList.remove('link-list__active');\n };\n\n private handleMouseUp = () => {\n this.isDragging = false;\n this.slider?.classList.remove('link-list__active');\n };\n\n private handleMouseMove = (e: MouseEvent) => {\n if (this.isDragging) {\n const x = e.pageX - this.slider?.offsetLeft;\n const move = (x - this.startX) * 2;\n this.slider.scrollLeft = this.scrollLeft - move;\n }\n };\n\n render() {\n return (\n <Host>\n {(this.heading \|\| this.preamble) && (\n <div class=\"link-list__header\">\n {this.heading && <h2 class=\"link-list__heading\">{this.heading}</h2>}\n {this.preamble && <p class=\"link-list__preamble\">{this.preamble}</p>}\n </div>\n )}\n <div class=\"link-list\">\n <div\n class=\"link-list__container\"\n onMouseDown={this.handleMouseDown}\n onMouseUp={this.handleMouseUp}\n onMouseLeave={this.handleMouseLeave}\n onMouseMove={this.handleMouseMove}\n >\n <div class=\"link-list__scrollable\">\n <slot name=\"linklist\" />\n </div>\n </div>\n </div>\n {this.showMoreUrl ? (\n <div class=\"link-list__button\">\n <pn-button appearance=\"light\" href={this.showMoreUrl}>\n {this.showMoreLabel}\n </pn-button>{' '}\n </div>\n ) : (\n ''\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,~~wqHACtB,~~MAAAC,EAAeD,E,MCKFE,EAAU,M,sCACK,K,WACF,K,cACG,K,SACL,K,mBACU,K,iBACF,I,CAEtBC,OAAsB,KACtBC,WAAa,MACbC,OAAS,EACTC,WAAa,EAErB,gBAAAC,GACEC,KAAKL,OAASM,SAASC,cAAc,wB,CAG/BC,gBAAmBC,IACzB,MAAMC,EAASD,EAAEC,OAEjB,MAAMC,EAAmBD,EAAOE,UAAUC,SAAS,wBACnD,MAAMC,EAAcJ,EAAOK,UAAY,IAEvC,GAAIJ,GAAoBG,EAAa,CACnCT,KAAKJ,WAAa,KAClBI,KAAKL,QAAQY,UAAUI,IAAI,qBAC3BX,KAAKH,OAASO,EAAEQ,MAAQZ,KAAKL,QAAQkB,WACrCb,KAAKF,WAAaE,KAAKL,QAAQG,WAE/B,GAAIW,EAAa,CACfL,EAAEU,gB,IAKAC,iBAAmB,KACzBf,KAAKJ,WAAa,MAClBI,KAAKL,QAAQY,UAAUS,OAAO,oBAAoB,EAG5CC,cAAgB,KACtBjB,KAAKJ,WAAa,MAClBI,KAAKL,QAAQY,UAAUS,OAAO,oBAAoB,EAG5CE,gBAAmBd,IACzB,GAAIJ,KAAKJ,WAAY,CACnB,MAAMuB,EAAIf,EAAEQ,MAAQZ,KAAKL,QAAQkB,WACjC,MAAMO,GAAQD,EAAInB,KAAKH,QAAU,EACjCG,KAAKL,OAAOG,WAAaE,KAAKF,WAAasB,C,GAI/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDxB,KAAKyB,SAAWzB,KAAK0B,WACrBJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,qBACR3B,KAAKyB,SAAWH,EAAA,MAAAE,IAAA,2CAAIG,MAAM,sBAAsB3B,KAAKyB,SACrDzB,KAAK0B,UAAYJ,EAAA,KAAAE,IAAA,2CAAGG,MAAM,uBAAuB3B,KAAK0B,WAG3DJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,OAAAE,IAAA,2CACEG,MAAM,uBACNC,YAAa5B,KAAKG,gBAClB0B,UAAW7B,KAAKiB,cAChBa,aAAc9B,KAAKe,iBACnBgB,YAAa/B,KAAKkB,iBAElBI,EAAA,OAAAE,IAAA,2CAAKG,MAAM,yBACTL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,gBAIhBhC,KAAKiC,YACJX,EAAA,OAAKK,MAAM,qBACTL,EAAA,aAAWY,WAAW,QAAQC,KAAMnC,KAAKiC,aACtCjC,KAAKoC,eACK,KACT,G","ignoreList":[]}
1	+ {"version":3,"names":["pnLinkListCss","PnLinkListStyle0","PnLinkList","slider","isDragging","startX","scrollLeft","componentDidLoad","this","document","querySelector","handleMouseDown","e","target","isContainerClick","classList","contains","isLinkClick","tagName","add","pageX","offsetLeft","preventDefault","handleMouseLeave","remove","handleMouseUp","handleMouseMove","x","move","render","h","Host","key","heading","preamble","class","onMouseDown","onMouseUp","onMouseLeave","onMouseMove","name","showMoreUrl","appearance","href","showMoreLabel"],"sources":["src/components/widgets/pn-link-list/pn-link-list.scss?tag=pn-link-list","src/components/widgets/pn-link-list/pn-link-list.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-link-list {\n .link-list__header {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n margin-bottom: 0.8rem;\n }\n\n .link-list__heading {\n margin-bottom: 0.8rem;\n\n @media screen and (min-width: $max-width-xl) {\n font-size: 3.2rem;\n }\n }\n\n .link-list__preamble {\n max-width: 85rem;\n text-align: center;\n margin-bottom: 0;\n\n @media screen and (min-width: $max-width-xl) {\n text-wrap: balance;\n }\n }\n\n .link-list {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n\n margin: 0;\n margin-bottom: 2.4rem;\n padding: 0;\n }\n\n .link-list__container {\n overflow-x: auto;\n text-align: center;\n white-space: nowrap;\n\n &.link-list__active {\n a,\n li,\n ul {\n cursor: grab;\n cursor: -webkit-grab;\n }\n }\n\n &::-webkit-scrollbar {\n height: 0.4rem;\n margin-top: 2rem;\n -webkit-appearance: none;\n\n @media screen and (min-width: $min-width-md) {\n height: 0.6rem;\n }\n }\n\n &::-webkit-scrollbar-thumb {\n background: $blue700;\n border-radius: 2rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #d3cecb;\n border-radius: 2rem;\n width: 100%;\n margin: 0 5rem;\n\n @media screen and (min-width: $min-width-md) {\n margin: 0 10rem;\n }\n\n @media screen and (min-width: $max-width-xl) {\n margin: 0 15rem;\n }\n\n @media screen and (min-width: $max-width-xxl) {\n margin: 0 20rem;\n }\n }\n\n &::-webkit-resizer {\n display: none;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n height: 85%;\n width: 10%;\n }\n\n &::before {\n background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n left: 0;\n }\n\n &::after {\n background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n right: 0;\n }\n }\n\n .link-list__scrollable {\n display: inline-block;\n padding: 2rem 0 1rem;\n\n @media screen and (min-width: $min-width-lg) {\n padding: 0.5rem 2rem 1rem;\n }\n }\n\n [slot='linklist'] {\n ul {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0 1.6rem;\n }\n\n li {\n & > a {\n display: block;\n color: $gray900;\n font-size: 1.4rem;\n font-weight: 500;\n line-height: 140%;\n text-decoration: none;\n cursor: pointer;\n\n background-color: $white;\n border: 0.1rem solid $gray200;\n border-radius: 0.8rem;\n margin: 0 0.8rem;\n padding: 1rem;\n\n @media screen and (min-width: 1410px) {\n font-size: 1.6rem;\n }\n\n &:hover,\n &:active,\n &:focus {\n color: #fff;\n }\n\n &:hover,\n &:focus {\n background-color: $blue700;\n }\n\n &:active {\n background-color: $blue900;\n }\n\n &:focus {\n outline: 2px solid $blue700;\n outline-offset: 2px;\n }\n }\n }\n }\n\n .link-list__button {\n display: flex;\n justify-content: center;\n }\n\n @-moz-document url-prefix() {\n .link-list__container {\n scrollbar-color: $blue700 #d3cecb;\n }\n\n .link-list__scrollable {\n padding: 0.5rem 2rem 2rem;\n }\n }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'pn-link-list',\n styleUrl: 'pn-link-list.scss',\n})\nexport class PnLinkList {\n @Prop() heading: string = null;\n @Prop() label: string = null;\n @Prop() preamble: string = null;\n @Prop() url: string = null;\n @Prop() showMoreLabel: string = null;\n @Prop() showMoreUrl: string = null;\n\n private slider: HTMLElement = null;\n private isDragging = false;\n private startX = 0;\n private scrollLeft = 0;\n\n componentDidLoad() {\n this.slider = document.querySelector('.link-list__container') as HTMLElement;\n }\n\n private handleMouseDown = (e: MouseEvent) => {\n const target = e.target as HTMLElement;\n\n const isContainerClick = target.classList.contains('link-list__container');\n const isLinkClick = target.tagName === 'A';\n\n if (isContainerClick \|\| isLinkClick) {\n this.isDragging = true;\n this.slider?.classList.add('link-list__active');\n this.startX = e.pageX - this.slider?.offsetLeft;\n this.scrollLeft = this.slider?.scrollLeft;\n\n if (isLinkClick) {\n e.preventDefault();\n }\n }\n };\n\n private handleMouseLeave = () => {\n this.isDragging = false;\n this.slider?.classList.remove('link-list__active');\n };\n\n private handleMouseUp = () => {\n this.isDragging = false;\n this.slider?.classList.remove('link-list__active');\n };\n\n private handleMouseMove = (e: MouseEvent) => {\n if (this.isDragging) {\n const x = e.pageX - this.slider?.offsetLeft;\n const move = (x - this.startX) * 2;\n this.slider.scrollLeft = this.scrollLeft - move;\n }\n };\n\n render() {\n return (\n <Host>\n {(this.heading \|\| this.preamble) && (\n <div class=\"link-list__header\">\n {this.heading && <h2 class=\"link-list__heading\">{this.heading}</h2>}\n {this.preamble && <p class=\"link-list__preamble\">{this.preamble}</p>}\n </div>\n )}\n <div class=\"link-list\">\n <div\n class=\"link-list__container\"\n onMouseDown={this.handleMouseDown}\n onMouseUp={this.handleMouseUp}\n onMouseLeave={this.handleMouseLeave}\n onMouseMove={this.handleMouseMove}\n >\n <div class=\"link-list__scrollable\">\n <slot name=\"linklist\" />\n </div>\n </div>\n </div>\n {this.showMoreUrl ? (\n <div class=\"link-list__button\">\n <pn-button appearance=\"light\" href={this.showMoreUrl}>\n {this.showMoreLabel}\n </pn-button>{' '}\n </div>\n ) : (\n ''\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,+1GACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,sCACK,K,WACF,K,cACG,K,SACL,K,mBACU,K,iBACF,I,CAEtBC,OAAsB,KACtBC,WAAa,MACbC,OAAS,EACTC,WAAa,EAErB,gBAAAC,GACEC,KAAKL,OAASM,SAASC,cAAc,wB,CAG/BC,gBAAmBC,IACzB,MAAMC,EAASD,EAAEC,OAEjB,MAAMC,EAAmBD,EAAOE,UAAUC,SAAS,wBACnD,MAAMC,EAAcJ,EAAOK,UAAY,IAEvC,GAAIJ,GAAoBG,EAAa,CACnCT,KAAKJ,WAAa,KAClBI,KAAKL,QAAQY,UAAUI,IAAI,qBAC3BX,KAAKH,OAASO,EAAEQ,MAAQZ,KAAKL,QAAQkB,WACrCb,KAAKF,WAAaE,KAAKL,QAAQG,WAE/B,GAAIW,EAAa,CACfL,EAAEU,gB,IAKAC,iBAAmB,KACzBf,KAAKJ,WAAa,MAClBI,KAAKL,QAAQY,UAAUS,OAAO,oBAAoB,EAG5CC,cAAgB,KACtBjB,KAAKJ,WAAa,MAClBI,KAAKL,QAAQY,UAAUS,OAAO,oBAAoB,EAG5CE,gBAAmBd,IACzB,GAAIJ,KAAKJ,WAAY,CACnB,MAAMuB,EAAIf,EAAEQ,MAAQZ,KAAKL,QAAQkB,WACjC,MAAMO,GAAQD,EAAInB,KAAKH,QAAU,EACjCG,KAAKL,OAAOG,WAAaE,KAAKF,WAAasB,C,GAI/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDxB,KAAKyB,SAAWzB,KAAK0B,WACrBJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,qBACR3B,KAAKyB,SAAWH,EAAA,MAAAE,IAAA,2CAAIG,MAAM,sBAAsB3B,KAAKyB,SACrDzB,KAAK0B,UAAYJ,EAAA,KAAAE,IAAA,2CAAGG,MAAM,uBAAuB3B,KAAK0B,WAG3DJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,OAAAE,IAAA,2CACEG,MAAM,uBACNC,YAAa5B,KAAKG,gBAClB0B,UAAW7B,KAAKiB,cAChBa,aAAc9B,KAAKe,iBACnBgB,YAAa/B,KAAKkB,iBAElBI,EAAA,OAAAE,IAAA,2CAAKG,MAAM,yBACTL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,gBAIhBhC,KAAKiC,YACJX,EAAA,OAAKK,MAAM,qBACTL,EAAA,aAAWY,WAAW,QAAQC,KAAMnC,KAAKiC,aACtCjC,KAAKoC,eACK,KACT,G","ignoreList":[]}

package/dist/pn-market-web-components/p-b35cdbac.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as n,d as l}from"./p-bb1c965e.js";import{s}from"./p-cafe11a9.js";import"./p-2509d18d.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";const i=o;const e=class{constructor(n){t(this,n);this.item=null;this.shownitems=[];this.weightText=""}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}render(){return n(l,{key:"6a4bac61a7b07cd203798ad66e723bd7e45298e2"},this.shownitems.map((t=>n("pn-product-card",null,n("pn-illustration",{slot:"illustration",illustration:t.illustration}),n("div",{slot:"content"},n("div",{class:"content"},n("h3",null,t.name),t.description?n("div",{class:"description"},t.description):null,t.info?n("div",{class:"description"},t.info):null)),t.maxweight?n("pn-product-tile-info",{label:s.i18n.maxweightlabel,text:this.weightText}):null,t.pricestamps?n("pn-product-tile-price",{slot:"price",label:s.i18n.stampshopcta,amount:t.pricestamps+"",currency:s.market.currency}):null,t.pricesenddirect?n("pn-product-tile-price",{slot:"price",label:s.i18n.senddirectcta,amount:t.pricesenddirect+"",currency:s.market.currency,url:"https://portal.postnord.com/skickadirekt/"}):null,t.note?n("small",{slot:"note"},n("p",null,t.note)):null))))}static get watchers(){return{item:["composeItems"]}}};e.style=i;export{e as pn_find_service_and_price_result};
2	+ //# sourceMappingURL=p-b35cdbac.entry.js.map

package/dist/pn-market-web-components/{p-5a981927.entry.js.map → p-b35cdbac.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnFindServiceAndPriceResultCss","PnFindServiceAndPriceResultStyle0","PnfindServiceAndPriceResult","componentWillLoad","this","composeItems","shownitems","item","render","h","Host","key","map","slot","illustration","class","name","description","info","maxweight","label","state","i18n","maxweightlabel","text","weightText","pricestamps","stampshopcta","amount","currency","market","pricesenddirect","senddirectcta","url","note"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.scss?tag=pn-find-service-and-price-result","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-find-service-and-price-result {\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n tag: 'pn-find-service-and-price-result',\n styleUrl: 'pn-find-service-and-price-result.scss',\n})\nexport class PnfindServiceAndPriceResult {\n @Prop({ mutable: true }) item: ProductPriceItem = null;\n\n @Prop() shownitems: ProductPriceItem[] = [];\n @State() weightText = '';\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n this.shownitems = [this.item];\n // this.shownitems = [];\n // if (this.item.pricestamps) {\n // this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});\n // }\n // if (this.item.priceagent) {\n // this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});\n // }\n // if (this.item.pricesenddirect) {\n // this.shownitems.push({...this.item, pricestamps: null, priceagent: null});\n // }\n // Parcels are always in KG. Letter KG must be converted from grams\n // this.weightText = (this.item.what === \"parcel\") ? this.item.maxweight + 'kg' :\n // (this.item.what === \"letter\" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + \" kg\" : this.item.maxweight + \" g\";\n }\n\n render() {\n return (\n <Host>\n {this.shownitems.map(item => (\n <pn-product-card>\n <pn-illustration slot=\"illustration\" illustration={item.illustration}></pn-illustration>\n <div slot=\"content\">\n <div class=\"content\">\n <h3>{item.name}</h3>\n {item.description ? <div class=\"description\">{item.description}</div> : null}\n {item.info ? <div class=\"description\">{item.info}</div> : null}\n </div>\n </div>\n\n {item.maxweight ? <pn-product-tile-info label={state.i18n.maxweightlabel} text={this.weightText}></pn-product-tile-info> : null}\n {/* { item.maximummeasurements ? (<pn-product-tile-info label={state.i18n.maxmeasurementlabel} text={item.maximummeasurements}></pn-product-tile-info>) : null } /}\n {item.pricestamps ? (\n <pn-product-tile-price slot=\"price\" label={state.i18n.stampshopcta} amount={item.pricestamps + ''} currency={state.market.currency}></pn-product-tile-price>\n ) : null}\n {/ { item.priceagent ? (<pn-product-tile-price slot=\"price\" label=\"\" amount={item.priceagent+''} currency={ state.market.currency } url=\"https://shop.postnord.se/ebutik/default.aspx\"></pn-product-tile-price>) : null } */}\n {item.pricesenddirect ? (\n <pn-product-tile-price\n slot=\"price\"\n label={state.i18n.senddirectcta}\n amount={item.pricesenddirect + ''}\n currency={state.market.currency}\n url=\"https://portal.postnord.com/skickadirekt/\"\n ></pn-product-tile-price>\n ) : null}\n {item.note ? (\n <small slot=\"note\">\n <p>{item.note}</p>\n </small>\n ) : null}\n </pn-product-card>\n ))}\n </Host>\n );\n }\n}\n"],"mappings":"~~8GAAA~~,MAAMA,EAAiC,~~2ZACvC~~,MAAAC,EAAeD,E,MCOFE,EAA2B,M,mCACY,K,gBAET,G,gBACnB,E,CACtB,iBAAAC,GACEC,KAAKC,c,CAIP,YAAAA,GACED,KAAKE,WAAa,CAACF,KAAKG,K,CAgB1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFP,KAAKE,WAAWM,KAAIL,GACnBE,EAAA,uBACEA,EAAA,mBAAiBI,KAAK,eAAeC,aAAcP,EAAKO,eACxDL,EAAA,OAAKI,KAAK,WACRJ,EAAA,OAAKM,MAAM,WACTN,EAAA,UAAKF,EAAKS,MACTT,EAAKU,YAAcR,EAAA,OAAKM,MAAM,eAAeR,EAAKU,aAAqB,KACvEV,EAAKW,KAAOT,EAAA,OAAKM,MAAM,eAAeR,EAAKW,MAAc,OAI7DX,EAAKY,UAAYV,EAAA,wBAAsBW,MAAOC,EAAMC,KAAKC,eAAgBC,KAAMpB,KAAKqB,aAAsC,KAE1HlB,EAAKmB,YACJjB,EAAA,yBAAuBI,KAAK,QAAQO,MAAOC,EAAMC,KAAKK,aAAcC,OAAQrB,EAAKmB,YAAc,GAAIG,SAAUR,EAAMS,OAAOD,WACxH,KAEHtB,EAAKwB,gBACJtB,EAAA,yBACEI,KAAK,QACLO,MAAOC,EAAMC,KAAKU,cAClBJ,OAAQrB,EAAKwB,gBAAkB,GAC/BF,SAAUR,EAAMS,OAAOD,SACvBI,IAAI,8CAEJ,KACH1B,EAAK2B,KACJzB,EAAA,SAAOI,KAAK,QACVJ,EAAA,SAAIF,EAAK2B,OAET,Q","ignoreList":[]}
1	+ {"version":3,"names":["pnFindServiceAndPriceResultCss","PnFindServiceAndPriceResultStyle0","PnfindServiceAndPriceResult","componentWillLoad","this","composeItems","shownitems","item","render","h","Host","key","map","slot","illustration","class","name","description","info","maxweight","label","state","i18n","maxweightlabel","text","weightText","pricestamps","stampshopcta","amount","currency","market","pricesenddirect","senddirectcta","url","note"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.scss?tag=pn-find-service-and-price-result","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-find-service-and-price-result {\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n tag: 'pn-find-service-and-price-result',\n styleUrl: 'pn-find-service-and-price-result.scss',\n})\nexport class PnfindServiceAndPriceResult {\n @Prop({ mutable: true }) item: ProductPriceItem = null;\n\n @Prop() shownitems: ProductPriceItem[] = [];\n @State() weightText = '';\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n this.shownitems = [this.item];\n // this.shownitems = [];\n // if (this.item.pricestamps) {\n // this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});\n // }\n // if (this.item.priceagent) {\n // this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});\n // }\n // if (this.item.pricesenddirect) {\n // this.shownitems.push({...this.item, pricestamps: null, priceagent: null});\n // }\n // Parcels are always in KG. Letter KG must be converted from grams\n // this.weightText = (this.item.what === \"parcel\") ? this.item.maxweight + 'kg' :\n // (this.item.what === \"letter\" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + \" kg\" : this.item.maxweight + \" g\";\n }\n\n render() {\n return (\n <Host>\n {this.shownitems.map(item => (\n <pn-product-card>\n <pn-illustration slot=\"illustration\" illustration={item.illustration}></pn-illustration>\n <div slot=\"content\">\n <div class=\"content\">\n <h3>{item.name}</h3>\n {item.description ? <div class=\"description\">{item.description}</div> : null}\n {item.info ? <div class=\"description\">{item.info}</div> : null}\n </div>\n </div>\n\n {item.maxweight ? <pn-product-tile-info label={state.i18n.maxweightlabel} text={this.weightText}></pn-product-tile-info> : null}\n {/* { item.maximummeasurements ? (<pn-product-tile-info label={state.i18n.maxmeasurementlabel} text={item.maximummeasurements}></pn-product-tile-info>) : null } /}\n {item.pricestamps ? (\n <pn-product-tile-price slot=\"price\" label={state.i18n.stampshopcta} amount={item.pricestamps + ''} currency={state.market.currency}></pn-product-tile-price>\n ) : null}\n {/ { item.priceagent ? (<pn-product-tile-price slot=\"price\" label=\"\" amount={item.priceagent+''} currency={ state.market.currency } url=\"https://shop.postnord.se/ebutik/default.aspx\"></pn-product-tile-price>) : null } */}\n {item.pricesenddirect ? (\n <pn-product-tile-price\n slot=\"price\"\n label={state.i18n.senddirectcta}\n amount={item.pricesenddirect + ''}\n currency={state.market.currency}\n url=\"https://portal.postnord.com/skickadirekt/\"\n ></pn-product-tile-price>\n ) : null}\n {item.note ? (\n <small slot=\"note\">\n <p>{item.note}</p>\n </small>\n ) : null}\n </pn-product-card>\n ))}\n </Host>\n );\n }\n}\n"],"mappings":"yGAAA,MAAMA,EAAiC,kFACvC,MAAAC,EAAeD,E,MCOFE,EAA2B,M,mCACY,K,gBAET,G,gBACnB,E,CACtB,iBAAAC,GACEC,KAAKC,c,CAIP,YAAAA,GACED,KAAKE,WAAa,CAACF,KAAKG,K,CAgB1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFP,KAAKE,WAAWM,KAAIL,GACnBE,EAAA,uBACEA,EAAA,mBAAiBI,KAAK,eAAeC,aAAcP,EAAKO,eACxDL,EAAA,OAAKI,KAAK,WACRJ,EAAA,OAAKM,MAAM,WACTN,EAAA,UAAKF,EAAKS,MACTT,EAAKU,YAAcR,EAAA,OAAKM,MAAM,eAAeR,EAAKU,aAAqB,KACvEV,EAAKW,KAAOT,EAAA,OAAKM,MAAM,eAAeR,EAAKW,MAAc,OAI7DX,EAAKY,UAAYV,EAAA,wBAAsBW,MAAOC,EAAMC,KAAKC,eAAgBC,KAAMpB,KAAKqB,aAAsC,KAE1HlB,EAAKmB,YACJjB,EAAA,yBAAuBI,KAAK,QAAQO,MAAOC,EAAMC,KAAKK,aAAcC,OAAQrB,EAAKmB,YAAc,GAAIG,SAAUR,EAAMS,OAAOD,WACxH,KAEHtB,EAAKwB,gBACJtB,EAAA,yBACEI,KAAK,QACLO,MAAOC,EAAMC,KAAKU,cAClBJ,OAAQrB,EAAKwB,gBAAkB,GAC/BF,SAAUR,EAAMS,OAAOD,SACvBI,IAAI,8CAEJ,KACH1B,EAAK2B,KACJzB,EAAA,SAAOI,KAAK,QACVJ,EAAA,SAAIF,EAAK2B,OAET,Q","ignoreList":[]}

package/dist/pn-market-web-components/p-b5a0275d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,g as n,h as i,d as a}from"./p-bb1c965e.js";import{s as t}from"./p-652f97b9.js";import"./p-2509d18d.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}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 l=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:"95a90a9701572d7e662c56dab5acde52617064b6",open:(t.openMenu==true)+""},i("slot",{key:"61905384ae757402c2e72013d6aeeb205392eb2b",name:"above"}),i("nav",{key:"9b6f33cda7764ea5b43fb2797b848bb6e1bd844e",class:"sidenav","aria-label":this.navLabel},i("slot",{key:"a7d8d501d7bd18cbf1c89fc07095931162b1e28b"})))}};l.style=d;export{l as pn_sidenav};
2	+ //# sourceMappingURL=p-b5a0275d.entry.js.map

package/dist/pn-market-web-components/{p-8d874454.entry.js.map → p-b5a0275d.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~~,+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":[]}
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":[]}

package/dist/pn-market-web-components/p-b693f78a.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{g as t,r as i,c as e,h as s,d as n}from"./p-bb1c965e.js";import{d as l}from"./p-3e4d9396.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-4ed69de7.js";const d={sv:{dropdownPlaceholder:"Välj ett alternativ"},en:{dropdownPlaceholder:"Select an option"},da:{dropdownPlaceholder:"Vælg en mulighed"}};const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const a=r;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=e(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.firstInputLabel=null;this.firstInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.disabledDates=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDeleteConfirm=false;this.i18n=undefined;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate();this.setTranslations()}setTranslations(){this.i18n=d[this.languageCode]\|\|d["en"]}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const e=i.getFullYear();const s=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=e+t;this.firstValidDateString=`${e.toString()}-${s}-${n}`;this.lastValidDateString=`${l.toString()}-${s}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e?.length){return}const s=this.dropdownDataRoot.find((t=>t.value.toString()===e));this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}));handleSecondDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e){return}const s=e;if(!s?.length){return}const n=parseInt(s);if(n<this._secondDropdownSelection){this.showDeleteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this._secondDropdownSelection=n;this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const e=t.detail;this.rowData[i]={...this.rowData[i],firstInput:e.firstInput,secondInput:e.secondInput,date:e.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(e.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(e.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData?.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData?.splice(i,1);this.rowData=[...this.rowData];this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData?.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){if(this._secondDropdownSelection===null){return}const t=this.rowData?.length-this._secondDropdownSelection;for(let i=0;i<t;i++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDeleteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDeleteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData?.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const e={name:this.firstInputLabel,value:t.firstInput};i.row.push(e)}if(t.secondInput?.length){const e={name:this.secondInputLabel,value:t.secondInput};i.row.push(e)}if(t.date){const e={name:this.dateLabel,value:t.date};i.row.push(e)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData?.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return s(n,{key:"d9992e503344eb152be393b957716e25bd89171a",class:"dropdown-with-multi-input-element"},s("div",{key:"1fcee1e584d6f0687ad54f968750129e2ee87855",class:"dropdown-with-multi-input-element__row"},s("div",{key:"de06f80ae79b4a3f7dbd90a7c8fc984e431ad5e3",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"ff1d4ae35266f01206f9100d3eb48193f75c5f3a",ref:t=>this.pnFirstDropdown=t,onChange:l(this.handleFirstDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},s("option",{key:"515bb0593a47aec2763f73798725bbf20db64b8c",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.dropdownDataRoot?.map((t=>s("option",{value:t.value},t.label)))),this.firstDropdownHelperText?.length?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"ddc383429253a9338d95542a73caf42d5d67ccd0",class:"dropdown-with-multi-input-element__row"},s("div",{key:"ae2087bfa6efb48882fbfcfd7fabfaa2e4aa195d",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"e4c79dde30b1c21ccd6265b72bdc8769b6f167de",ref:t=>this.pnSecondDropdown=t,onChange:l(this.handleSecondDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},s("option",{key:"9384dc96252920c25606ab2db38c25c65340cd23",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.secondDropdownArr?.map((t=>s("option",{value:t},t)))),this.secondDropdownHelperText?.length?s("small",null,this.secondDropdownHelperText):null)),this.showDeleteConfirm?s("div",{class:"dropdown-with-multi-input-element__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"e2a18a378964fc9e31f534a2d9432e002c674a48",class:"dropdown-with-multi-input-element__label-row"},s("div",{key:"9fce1185add5a750898aa75057263ea93ee050a7",class:"dropdown-with-multi-input-element__label"},s("label",{key:"4b33a863f16cf020282da9d7bad7dcd81a941e74"},this.firstInputLabel)),s("div",{key:"a28e0b57e3cc5c7cd3b5693b432665d684df1c7b",class:"dropdown-with-multi-input-element__label"},s("label",{key:"ed4580f6a1d0eb793c00e03078a0f9acc80ce3c8"},this.secondInputLabel)),s("div",{key:"a20a403e978d9ef0c8e63e6df3048f8d16c9a917",class:"dropdown-with-multi-input-element__label"},s("label",{key:"2be0daa6b5ef9cbef7af2ee2b2c23f537de8ec8d"},this.dateLabel))),this.rowData?.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"first-input-placeholder":this.firstInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i,"disabled-dates":this.disabledDates})))),s("div",{key:"ac42ac72b4f63b207fd099406c4af82b7659f1e2",class:"dropdown-with-multi-input-element__row sum-row"},s("pn-input",{key:"966ce0ab3d9a40607898ea1121e17c9ab0a9f569",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"b526f744b87020adfe852bbc68dd4ccc80cb17b8",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?s("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}static get watchers(){return{languageCode:["setTranslations"]}}};u.style=a;export{u as pn_dropdown_with_multi_input_rows};
2	+ //# sourceMappingURL=p-b693f78a.entry.js.map