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

@postnord/pn-marketweb-components 4.0.2 → 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/esm/pn-proxio-productcard_4.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-proxio-productcard.pn-proxio-productcard-description.pn-proxio-productcard-information.pn-proxio-productcard-pricelink.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.scss?tag=pn-proxio-productcard","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.scss?tag=pn-proxio-productcard-description","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.scss?tag=pn-proxio-productcard-information","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.scss?tag=pn-proxio-productcard-pricelink","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard {\n .cardcontent {\n display: flex;\n flex-direction: row;\n border: solid 0.1rem $gray25;\n border-radius: 0.8rem;\n overflow: hidden;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 1.6rem;\n\n @media screen and (max-width: $productcard-media-tablet) {\n flex-direction: column;\n }\n }\n\n .carddetails {\n min-width: 70%;\n padding: 2.4rem 4.8rem;\n display: flex;\n gap: 0.8rem;\n flex-direction: column;\n\n @media screen and (max-width: $productcard-media-tablet) {\n gap: 1.6rem;\n margin-bottom: 0.8rem;\n }\n\n pn-illustration[slot='illustrationmobile'] {\n display: none;\n\n @media screen and (max-width: $productcard-media-tablet) {\n margin-top: 1.6rem;\n display: block;\n\n .pn-illustration {\n max-width: 8rem;\n height: 8rem;\n margin-left: auto;\n margin-right: auto;\n }\n }\n }\n }\n\n .cardcalltoactions {\n min-width: 30%;\n background-color: $blue25;\n\n pn-illustration[slot='illustration'] {\n @media screen and (max-width: $productcard-media-tablet) {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n max-width: 12rem;\n margin-left: auto;\n margin-right: auto;\n margin-top: 4rem;\n }\n }\n\n [slot='information'] {\n display: flex;\n gap: 1rem;\n\n @media screen and (max-width: $productcard-media-tablet) {\n flex-direction: column;\n gap: 1.6rem;\n }\n }\n\n [slot='uppertags'] {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 2rem;\n }\n\n [slot='bottomtags'] {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 2rem;\n margin: 0.8rem 0;\n }\n\n .heading {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n }\n\n [slot='title'] {\n text-decoration: underline;\n\n @media screen and (max-width: $productcard-media-tablet) {\n text-decoration: none;\n }\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-proxio-productcard',\n styleUrl: 'pn-proxio-productcard.scss',\n})\nexport class PnProxioProductcard {\n render() {\n return (\n <Host>\n <div class=\"cardcontent\">\n <div class=\"carddetails\">\n <slot name=\"illustrationmobile\" />\n <div class=\"heading\">\n <slot name=\"title\" />\n <slot name=\"uppertags\" />\n </div>\n <slot name=\"description\" />\n <slot name=\"information\" />\n <slot name=\"bottomtags\" />\n </div>\n <div class=\"cardcalltoactions\">\n <slot name=\"illustration\" />\n <slot name=\"pricelink\" />\n <slot name=\"insurance\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-description {\n h3 {\n font-size: 1.6rem;\n }\n\n ul {\n padding-left: 2.5rem;\n }\n\n li {\n font-size: 1.6rem;\n line-height: 2.2rem;\n }\n\n .highlight {\n color: #0aa85c;\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n tag: 'pn-proxio-productcard-description',\n styleUrl: 'pn-proxio-productcard-description.scss',\n})\nexport class PnProxioProductcardDescription {\n @Prop() heading: string;\n @Prop() highlight: string;\n @Prop() description: string;\n @Prop({ mutable: true }) list: string[] = [];\n\n render() {\n return (\n <Host>\n {this.heading ? <h3>{this.heading}</h3> : null}\n {this.highlight ? <h3 class=\"highlight\">{this.highlight}</h3> : null}\n {this.description ? <span>{this.description}</span> : null}\n {this.list ? (\n <ul>\n {this.list.map(text => {\n return <li>{text}</li>;\n })}\n </ul>\n ) : null}\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-information {\n p.cardinfocontent-title {\n margin-bottom: 0.4rem;\n }\n\n p strong.cardinfocontent-label {\n font-size: 1.4rem;\n font-weight: 500;\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { ProductGenericItem, ProductWeightGroupListItem } from '../pn-proxio-pricegroup/types';\n\n@Component({\n tag: 'pn-proxio-productcard-information',\n styleUrl: 'pn-proxio-productcard-information.scss',\n})\nexport class PnProxioProductcardInformation {\n @Prop() label: string;\n @Prop() information: ProductGenericItem[] = [];\n\n render() {\n return (\n <Host>\n <div class=\"cardinfocontent\">\n {this.information && this.information.length > 0 && this.label ? (\n <div class=\"cardinfocontent-item\">\n {this.label ? (\n <p class=\"cardinfocontent-title\">\n <strong>{this.label}</strong>\n </p>\n ) : null}\n {this.information.map(item =>\n item ? (\n <p>\n <strong class=\"cardinfocontent-label\">{item.item1}:</strong> {item.item2}\n </p>\n ) : null,\n )}\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard-pricelink {\n align-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 2rem 1rem;\n gap: 0.8rem;\n align-content: center;\n flex-wrap: wrap;\n\n @media screen and (max-width: $productcard-media-tablet) {\n margin: 2.4rem 1rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n pn-button {\n min-width: 17.3rem;\n\n a .pn-button-content {\n font-size: 1.4rem;\n font-weight: 500;\n }\n\n @media screen and (max-width: $productcard-media-tablet) {\n min-width: 30rem;\n }\n }\n\n .pn-pricelink-vat {\n font-weight: 400;\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-proxio-productcard-pricelink',\n styleUrl: 'pn-proxio-productcard-pricelink.scss',\n})\nexport class PnProxioProductcardPricelink {\n @Prop() price: string;\n @Prop() vatText: string = '';\n @Prop() link: string;\n @Prop() linktext: string;\n\n render() {\n return this.link && this.linktext ? (\n <Host>\n {this.price ? (\n <h3>\n {this.price} <span class=\"pn-pricelink-vat\">{this.vatText}</span>\n </h3>\n ) : null}\n <pn-button small=\"true\" icon={arrow_right} appearance=\"light\" href={this.link} target=\"_blank\" rel=\"noopener nofollower noreferrer\">\n {this.linktext}\n </pn-button>\n </Host>\n ) : null;\n }\n}\n"],"version":3}
1	+ {"file":"pn-proxio-productcard.pn-proxio-productcard-description.pn-proxio-productcard-information.pn-proxio-productcard-pricelink.entry.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,6kEAA6kE,CAAC;AAC7mE,kCAAe,sBAAsB;;MCKxB,mBAAmB;;;;IAC9B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,aAAa,IACtB,6DAAM,IAAI,EAAC,oBAAoB,GAAG,EAClC,4DAAK,KAAK,EAAC,SAAS,IAClB,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,6DAAM,IAAI,EAAC,WAAW,GAAG,CACrB,EACN,6DAAM,IAAI,EAAC,aAAa,GAAG,EAC3B,6DAAM,IAAI,EAAC,aAAa,GAAG,EAC3B,6DAAM,IAAI,EAAC,YAAY,GAAG,CACtB,EACN,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,6DAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,6DAAM,IAAI,EAAC,WAAW,GAAG,EACzB,6DAAM,IAAI,EAAC,WAAW,GAAG,CACrB,CACF,CACD,EACP;KACH;;;;AC7BH,MAAM,iCAAiC,GAAG,oUAAoU,CAAC;AAC/W,6CAAe,iCAAiC;;MCKnC,8BAA8B;;;;;;oBAIC,EAAE;;IAE5C,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,OAAO,GAAG,cAAK,IAAI,CAAC,OAAO,CAAM,GAAG,IAAI,EAC7C,IAAI,CAAC,SAAS,GAAG,UAAI,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,SAAS,CAAM,GAAG,IAAI,EACnE,IAAI,CAAC,WAAW,GAAG,gBAAO,IAAI,CAAC,WAAW,CAAQ,GAAG,IAAI,EACzD,IAAI,CAAC,IAAI,IACR,cACG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI;YACjB,OAAO,cAAK,IAAI,CAAM,CAAC;SACxB,CAAC,CACC,IACH,IAAI,CACH,EACP;KACH;;;;AC3BH,MAAM,iCAAiC,GAAG,kQAAkQ,CAAC;AAC7S,6CAAe,iCAAiC;;MCMnC,8BAA8B;;;;2BAEG,EAAE;;IAE9C,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,IAC5D,WAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,KAAK,IACT,SAAG,KAAK,EAAC,uBAAuB,IAC9B,kBAAS,IAAI,CAAC,KAAK,CAAU,CAC3B,IACF,IAAI,EACP,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,IACxB,IAAI,IACF,aACE,cAAQ,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,MAAW,OAAE,IAAI,CAAC,KAAK,CACtE,IACF,IAAI,CACT,CACG,IACJ,IAAI,CACJ,CACD,EACP;KACH;;;;AClCH,MAAM,+BAA+B,GAAG,gsBAAgsB,CAAC;AACzuB,2CAAe,+BAA+B;;MCMjC,4BAA4B;;;;uBAEb,EAAE;;;;IAI5B,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAC/B,EAAC,IAAI,QACF,IAAI,CAAC,KAAK,IACT,cACG,IAAI,CAAC,KAAK,OAAE,YAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC9D,IACH,IAAI,EACR,iBAAW,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,gCAAgC,IAChI,IAAI,CAAC,QAAQ,CACJ,CACP,IACL,IAAI,CAAC;KACV;;;;;;","names":[],"sources":["src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.scss?tag=pn-proxio-productcard","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.scss?tag=pn-proxio-productcard-description","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.scss?tag=pn-proxio-productcard-information","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.scss?tag=pn-proxio-productcard-pricelink","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard {\n .cardcontent {\n display: flex;\n flex-direction: row;\n border: solid 0.1rem $gray25;\n border-radius: 0.8rem;\n overflow: hidden;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 1.6rem;\n\n @media screen and (max-width: $productcard-media-tablet) {\n flex-direction: column;\n }\n }\n\n .carddetails {\n min-width: 70%;\n padding: 2.4rem 4.8rem;\n display: flex;\n gap: 0.8rem;\n flex-direction: column;\n\n @media screen and (max-width: $productcard-media-tablet) {\n gap: 1.6rem;\n margin-bottom: 0.8rem;\n }\n\n pn-illustration[slot='illustrationmobile'] {\n display: none;\n\n @media screen and (max-width: $productcard-media-tablet) {\n margin-top: 1.6rem;\n display: block;\n\n .pn-illustration {\n max-width: 8rem;\n height: 8rem;\n margin-left: auto;\n margin-right: auto;\n }\n }\n }\n }\n\n .cardcalltoactions {\n min-width: 30%;\n background-color: $blue25;\n\n pn-illustration[slot='illustration'] {\n @media screen and (max-width: $productcard-media-tablet) {\n display: none;\n }\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n max-width: 12rem;\n margin-left: auto;\n margin-right: auto;\n margin-top: 4rem;\n }\n }\n\n [slot='information'] {\n display: flex;\n gap: 1rem;\n\n @media screen and (max-width: $productcard-media-tablet) {\n flex-direction: column;\n gap: 1.6rem;\n }\n }\n\n [slot='uppertags'] {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 2rem;\n }\n\n [slot='bottomtags'] {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 2rem;\n margin: 0.8rem 0;\n }\n\n .heading {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n }\n\n [slot='title'] {\n text-decoration: underline;\n\n @media screen and (max-width: $productcard-media-tablet) {\n text-decoration: none;\n }\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-proxio-productcard',\n styleUrl: 'pn-proxio-productcard.scss',\n})\nexport class PnProxioProductcard {\n render() {\n return (\n <Host>\n <div class=\"cardcontent\">\n <div class=\"carddetails\">\n <slot name=\"illustrationmobile\" />\n <div class=\"heading\">\n <slot name=\"title\" />\n <slot name=\"uppertags\" />\n </div>\n <slot name=\"description\" />\n <slot name=\"information\" />\n <slot name=\"bottomtags\" />\n </div>\n <div class=\"cardcalltoactions\">\n <slot name=\"illustration\" />\n <slot name=\"pricelink\" />\n <slot name=\"insurance\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-description {\n h3 {\n font-size: 1.6rem;\n }\n\n ul {\n padding-left: 2.5rem;\n }\n\n li {\n font-size: 1.6rem;\n line-height: 2.2rem;\n }\n\n .highlight {\n color: #0aa85c;\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n tag: 'pn-proxio-productcard-description',\n styleUrl: 'pn-proxio-productcard-description.scss',\n})\nexport class PnProxioProductcardDescription {\n @Prop() heading: string;\n @Prop() highlight: string;\n @Prop() description: string;\n @Prop({ mutable: true }) list: string[] = [];\n\n render() {\n return (\n <Host>\n {this.heading ? <h3>{this.heading}</h3> : null}\n {this.highlight ? <h3 class=\"highlight\">{this.highlight}</h3> : null}\n {this.description ? <span>{this.description}</span> : null}\n {this.list ? (\n <ul>\n {this.list.map(text => {\n return <li>{text}</li>;\n })}\n </ul>\n ) : null}\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-information {\n p.cardinfocontent-title {\n margin-bottom: 0.4rem;\n }\n\n p strong.cardinfocontent-label {\n font-size: 1.4rem;\n font-weight: 500;\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { ProductGenericItem, ProductWeightGroupListItem } from '../pn-proxio-pricegroup/types';\n\n@Component({\n tag: 'pn-proxio-productcard-information',\n styleUrl: 'pn-proxio-productcard-information.scss',\n})\nexport class PnProxioProductcardInformation {\n @Prop() label: string;\n @Prop() information: ProductGenericItem[] = [];\n\n render() {\n return (\n <Host>\n <div class=\"cardinfocontent\">\n {this.information && this.information.length > 0 && this.label ? (\n <div class=\"cardinfocontent-item\">\n {this.label ? (\n <p class=\"cardinfocontent-title\">\n <strong>{this.label}</strong>\n </p>\n ) : null}\n {this.information.map(item =>\n item ? (\n <p>\n <strong class=\"cardinfocontent-label\">{item.item1}:</strong> {item.item2}\n </p>\n ) : null,\n )}\n </div>\n ) : null}\n </div>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard-pricelink {\n align-self: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 2rem 1rem;\n gap: 0.8rem;\n align-content: center;\n flex-wrap: wrap;\n\n @media screen and (max-width: $productcard-media-tablet) {\n margin: 2.4rem 1rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n pn-button {\n min-width: 17.3rem;\n\n a .pn-button-content {\n font-size: 1.4rem;\n font-weight: 500;\n }\n\n @media screen and (max-width: $productcard-media-tablet) {\n min-width: 30rem;\n }\n }\n\n .pn-pricelink-vat {\n font-weight: 400;\n }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-proxio-productcard-pricelink',\n styleUrl: 'pn-proxio-productcard-pricelink.scss',\n})\nexport class PnProxioProductcardPricelink {\n @Prop() price: string;\n @Prop() vatText: string = '';\n @Prop() link: string;\n @Prop() linktext: string;\n\n render() {\n return this.link && this.linktext ? (\n <Host>\n {this.price ? (\n <h3>\n {this.price} <span class=\"pn-pricelink-vat\">{this.vatText}</span>\n </h3>\n ) : null}\n <pn-button small=\"true\" icon={arrow_right} appearance=\"light\" href={this.link} target=\"_blank\" rel=\"noopener nofollower noreferrer\">\n {this.linktext}\n </pn-button>\n </Host>\n ) : null;\n }\n}\n"],"version":3}

package/dist/esm/pn-quick-cta.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
-const pnQuickCtaCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-quick-cta{width:100%}pn-quick-cta .quick-cta__content{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2.4rem;width:100%}pn-quick-cta .quick-cta__content .quick-cta__content__heading{padding:0;margin:0;font-size:2.4rem;font-weight:500;color:#0d234b}@media screen and (max-width: 768px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{display:none}}@media screen and (min-width: 1640px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{font-size:2.8rem;font-weight:700}}pn-quick-cta .quick-cta__content .quick-cta__content__preamble{font-weight:400;font-size:1.6rem;line-height:140%;padding:0;margin:0;color:#2d2013}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a{white-space:nowrap}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a:hover{text-decoration:none}pn-spotlight[data-cta-color=business] .quick-cta__content__heading{color:#f06365}pn-spotlight[data-cta-color=business] .quick-cta__content__preamble{color:#effbff}pn-spotlight[data-cta-color=private] .quick-cta__content__heading,pn-spotlight[data-cta-color=private] .quick-cta__content__preamble{color:#ffffff}pn-spotlight[data-cta-color=hybrid] .quick-cta__content__heading{color:#005d92}pn-spotlight[data-cta-color=hybrid] .quick-cta__content__preamble{color:#2d2013}";
+const pnQuickCtaCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-quick-cta{width:100%}pn-quick-cta .quick-cta__content{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2.4rem;width:100%}pn-quick-cta .quick-cta__content .quick-cta__content__heading{padding:0;margin:0;font-size:2.4rem;font-weight:500;color:#0d234b}@media screen and (max-width: 768px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{display:none}}@media screen and (min-width: 1640px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{font-size:2.8rem;font-weight:700}}pn-quick-cta .quick-cta__content .quick-cta__content__preamble{font-weight:400;font-size:1.6rem;line-height:140%;padding:0;margin:0;color:#2d2013}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a{white-space:nowrap}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a:hover{text-decoration:none}pn-spotlight[data-cta-color=business] .quick-cta__content__heading{color:#f06365}pn-spotlight[data-cta-color=business] .quick-cta__content__preamble{color:#effbff}pn-spotlight[data-cta-color=private] .quick-cta__content__heading,pn-spotlight[data-cta-color=private] .quick-cta__content__preamble{color:#ffffff}pn-spotlight[data-cta-color=hybrid] .quick-cta__content__heading{color:#005d92}pn-spotlight[data-cta-color=hybrid] .quick-cta__content__preamble{color:#2d2013}";
 const PnQuickCtaStyle0 = pnQuickCtaCss;
 const PnQuickCta = class {

package/dist/esm/pn-quick-cta.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-quick-cta.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,~~irDAAirD~~,CAAC;~~AACxsD~~,yBAAe,aAAa;;MCKf,UAAU;;;uBAEK,IAAI;wBACH,IAAI;;;IAE/B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,IAAI,CAAC,OAAO,IAAI,2DAAI,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,OAAO,CAAM,EAC7E,0DAAG,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,QAAQ,CAAK,EAC3D,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cta/pn-quick-cta/pn-quick-cta.scss?tag=pn-quick-cta","src/components/cta/pn-quick-cta/pn-quick-cta.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-quick-cta {\n width: 100%;\n\n .quick-cta__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n gap: 2.4rem;\n\n width: 100%;\n\n .quick-cta__content__heading {\n padding: 0;\n margin: 0;\n\n font-size: 2.4rem;\n font-weight: 500;\n color: $blue900;\n\n @media screen and (max-width: $min-width-md) {\n display: none;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2.8rem;\n font-weight: 700;\n }\n }\n\n .quick-cta__content__preamble {\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 140%;\n\n padding: 0;\n margin: 0;\n color: $gray900;\n }\n\n [slot='quick-cta-cta'] {\n a {\n white-space: nowrap;\n &:hover {\n text-decoration: none;\n }\n }\n }\n }\n}\n\n//colors\npn-spotlight[data-cta-color='business'] {\n .quick-cta__content__heading {\n color: $coral400;\n }\n .quick-cta__content__preamble {\n color: $blue25;\n }\n}\n\npn-spotlight[data-cta-color='private'] {\n .quick-cta__content__heading,\n .quick-cta__content__preamble {\n color: $white;\n }\n}\n\npn-spotlight[data-cta-color='hybrid'] {\n .quick-cta__content__heading {\n color: $blue700;\n }\n .quick-cta__content__preamble {\n color: $gray900;\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-quick-cta',\n styleUrl: 'pn-quick-cta.scss',\n})\nexport class PnQuickCta {\n @Element() hostElement: HTMLElement;\n @Prop() heading: string = null;\n @Prop() preamble: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"quick-cta__content\">\n { this.heading && <h2 class=\"quick-cta__content__heading\">{this.heading}</h2> }\n <p class=\"quick-cta__content__preamble\">{this.preamble}</p>\n <slot name=\"quick-cta-cta\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-quick-cta.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,w2CAAw2C,CAAC;AAC/3C,yBAAe,aAAa;;MCKf,UAAU;;;uBAEK,IAAI;wBACH,IAAI;;;IAE/B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,IAAI,CAAC,OAAO,IAAI,2DAAI,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,OAAO,CAAM,EAC7E,0DAAG,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,QAAQ,CAAK,EAC3D,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cta/pn-quick-cta/pn-quick-cta.scss?tag=pn-quick-cta","src/components/cta/pn-quick-cta/pn-quick-cta.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-quick-cta {\n width: 100%;\n\n .quick-cta__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n gap: 2.4rem;\n\n width: 100%;\n\n .quick-cta__content__heading {\n padding: 0;\n margin: 0;\n\n font-size: 2.4rem;\n font-weight: 500;\n color: $blue900;\n\n @media screen and (max-width: $min-width-md) {\n display: none;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 2.8rem;\n font-weight: 700;\n }\n }\n\n .quick-cta__content__preamble {\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 140%;\n\n padding: 0;\n margin: 0;\n color: $gray900;\n }\n\n [slot='quick-cta-cta'] {\n a {\n white-space: nowrap;\n &:hover {\n text-decoration: none;\n }\n }\n }\n }\n}\n\n//colors\npn-spotlight[data-cta-color='business'] {\n .quick-cta__content__heading {\n color: $coral400;\n }\n .quick-cta__content__preamble {\n color: $blue25;\n }\n}\n\npn-spotlight[data-cta-color='private'] {\n .quick-cta__content__heading,\n .quick-cta__content__preamble {\n color: $white;\n }\n}\n\npn-spotlight[data-cta-color='hybrid'] {\n .quick-cta__content__heading {\n color: $blue700;\n }\n .quick-cta__content__preamble {\n color: $gray900;\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-quick-cta',\n styleUrl: 'pn-quick-cta.scss',\n})\nexport class PnQuickCta {\n @Element() hostElement: HTMLElement;\n @Prop() heading: string = null;\n @Prop() preamble: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"quick-cta__content\">\n { this.heading && <h2 class=\"quick-cta__content__heading\">{this.heading}</h2> }\n <p class=\"quick-cta__content__preamble\">{this.preamble}</p>\n <slot name=\"quick-cta-cta\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/pn-quote-card.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
-const pnQuoteCardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-quote-card .pn-quote-card__container{margin:0 auto;display:flex;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:flex;flex-direction:row;justify-content:flex-start;gap:1.6rem;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{clip-path:circle(50%);max-width:unset}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005d92;color:#ffffff}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#ffffff;background-color:#ffffff}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#ffffff}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00a0d6;background-color:#00a0d6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00a0d6}pn-quote-card[data-line-color=blue900] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue900] .pn-line-shape__line,pn-quote-card[data-line-color=blue900] .pn-line-shape__dot{border-color:#0d234b;background-color:#0d234b}pn-quote-card[data-line-color=blue900] .pn-quote-card__quote svg>path{fill:#0d234b}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:flex;flex-direction:column;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:6rem;width:6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:9rem;width:9rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:3.8rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.6rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{position:relative;z-index:1;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";
+const pnQuoteCardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-quote-card .pn-quote-card__container{margin:0 auto;display:flex;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:flex;flex-direction:row;justify-content:flex-start;gap:1.6rem;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{clip-path:circle(50%);max-width:unset}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005d92;color:#ffffff}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#ffffff;background-color:#ffffff}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#ffffff}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00a0d6;background-color:#00a0d6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00a0d6}pn-quote-card[data-line-color=blue900] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue900] .pn-line-shape__line,pn-quote-card[data-line-color=blue900] .pn-line-shape__dot{border-color:#0d234b;background-color:#0d234b}pn-quote-card[data-line-color=blue900] .pn-quote-card__quote svg>path{fill:#0d234b}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:flex;flex-direction:column;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:6rem;width:6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:9rem;width:9rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:3.8rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.6rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{position:relative;z-index:1;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";
 const PnQuoteCardStyle0 = pnQuoteCardCss;
 const PnQuoteCard = class {

package/dist/esm/pn-quote-card.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-quote-card.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,gvSAAgvS,CAAC;AACxwS,0BAAe,cAAc;;MCKhB,WAAW;;;qBAGE,IAAI;oBACL,IAAI;0BACE,IAAI;;;IACjC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,wBAAwB,IACjC,4DAAK,KAAK,EAAC,0BAA0B,IACnC,6DAAM,IAAI,EAAC,eAAe,QAAS,EACnC,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,mEAAY,KAAK,EAAC,sBAAsB,IACtC,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DACE,CAAC,EAAC,2NAA2N,EAC7N,IAAI,EAAC,OAAO,GACZ,CACE,EAEL,IAAI,CAAC,KAAK,CACA,EAEb,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,EACpC,4DAAK,KAAK,EAAC,qCAAqC,IAC9C,6DAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,4DAAK,KAAK,EAAC,0BAA0B,IACnC,6DAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,IAAI,CAAQ,EAC/D,6DAAM,KAAK,EAAC,sCAAsC,IAAE,IAAI,CAAC,UAAU,CAAQ,CACvE,CACF,CACF,EACN,4DAAK,KAAK,EAAC,4BAA4B,IACrC,6DAAM,IAAI,EAAC,kBAAkB,GAAG,CAC5B,CACF,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cards/pn-quote-card/pn-quote-card.scss?tag=pn-quote-card","src/components/cards/pn-quote-card/pn-quote-card.tsx"],"sourcesContent":["@import '../../../globals/main';\n\npn-quote-card {\n .pn-quote-card__section {\n }\n\n .pn-quote-card__container {\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n\n min-height: 262px;\n padding: 0 2.4rem;\n }\n\n .pn-quote-card__quote__container {\n padding: 0 3.2rem;\n }\n\n .pn-quote-card__quote {\n position: relative;\n font-weight: 400;\n font-size: 2rem;\n line-height: 140%;\n margin: 0;\n\n svg {\n position: absolute;\n left: -3.2rem;\n top: 0.2rem;\n }\n }\n\n .pn-quote-card__reference__container {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n gap: 1.6rem;\n\n align-items: center;\n }\n\n .pn-quote-card__reference {\n }\n\n .pn-quote-card__reference__name {\n display: block;\n font-weight: 400;\n font-size: 2.4rem;\n line-height: 2.9rem;\n }\n\n .pn-quote-card__reference__occupation {\n display: block;\n font-weight: 400;\n font-size: 1.4rem;\n line-height: 1.7rem;\n }\n\n [slot='illustration'] {\n padding: 0;\n }\n\n [slot='illustration-big'] {\n padding: 0.8rem 0;\n }\n\n [slot='illustration'],\n [slot='illustration-big'] {\n aspect-ratio: 1/1;\n\n picture {\n aspect-ratio: 1 / 1;\n img {\n clip-path: circle(50%);\n max-width: unset;\n }\n }\n }\n}\n\n//line orientation\n\npn-quote-card {\n [slot='horizontal-line'],\n [slot='vertical-line'] {\n display: flex;\n }\n}\n\n//Colors\npn-quote-card[data-line-color='white'] {\n .pn-quote-card__section {\n background-color: $blue700;\n color: $white;\n }\n\n .pn-line-shape__line,\n .pn-line-shape__dot {\n border-color: $white;\n background-color: $white;\n }\n\n .pn-quote-card__quote {\n svg > path {\n fill: $white;\n }\n }\n}\n\npn-quote-card[data-line-color='blue'] {\n .pn-quote-card__section {\n background-color: $white;\n }\n\n .pn-line-shape__line,\n .pn-line-shape__dot {\n border-color: $blue400;\n background-color: $blue400;\n }\n\n .pn-quote-card__quote {\n svg > path {\n fill: $blue400;\n }\n }\n}\n\npn-quote-card[data-line-color='blue900'] {\n .pn-quote-card__section {\n background-color: $white;\n }\n\n .pn-line-shape__line,\n .pn-line-shape__dot {\n border-color: $blue900;\n background-color: $blue900;\n }\n\n .pn-quote-card__quote {\n svg > path {\n fill: $blue900;\n }\n }\n}\n\n//layouts\n\npn-quote-card[data-card-style='standalone'] {\n &[data-line-color='white'] {\n .pn-quote-card__section {\n border-radius: 2.4rem;\n }\n\n .pn-quote-card__container {\n padding: 2.4rem;\n }\n }\n .pn-quote-card__section {\n max-width: 100%;\n margin: 0 auto;\n\n @media screen and (min-width: $min-width-lg) {\n max-width: 70%;\n }\n @media screen and (min-width: $min-width-xl) {\n max-width: 60%;\n }\n }\n\n .pn-quote-card__container {\n min-height: unset;\n padding: 0;\n\n @media screen and (min-width: $min-width-md) {\n padding: 0 2.4rem;\n }\n }\n\n .pn-quote-card__quote__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 3.2rem;\n padding: 2.4rem 1.6rem 1.6rem 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n padding: 2.4rem 3.2rem 1.6rem 3.2rem;\n }\n }\n\n .pn-quote-card__quote {\n font-size: 1.6rem;\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 2rem;\n }\n\n svg {\n display: block;\n margin-bottom: 0.8rem;\n position: relative;\n top: 0;\n left: 0;\n }\n }\n\n .pn-quote-card__reference__container {\n [slot='illustration'] {\n picture {\n img {\n height: 6rem;\n width: 6rem;\n }\n }\n }\n @media screen and (min-width: $min-width-lg) {\n [slot='illustration'] {\n picture {\n img {\n height: 9rem;\n width: 9rem;\n }\n }\n }\n }\n }\n\n .pn-quote-card__reference__name {\n font-size: 1.6rem;\n @media screen and (min-width: $min-width-lg) {\n font-size: 2.4rem;\n }\n }\n\n .pn-quote-card__reference__occupation {\n font-size: 1.2rem;\n @media screen and (min-width: $min-width-lg) {\n font-size: 1.4rem;\n }\n }\n\n .pn-quote-card__large-photo {\n display: none;\n }\n}\n\npn-quote-card[data-card-style='combo'] {\n .pn-quote-card__section {\n width: 100%;\n margin: 0 auto;\n padding-top: 4rem;\n padding-bottom: 4rem;\n @media screen and (min-width: $min-width-lg) {\n padding-bottom: 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding-top: 10rem;\n }\n }\n\n .pn-quote-card__container {\n min-height: 10rem;\n padding-bottom: 0;\n\n @media screen and (min-width: $min-width-md) {\n max-width: 90%;\n width: 100%;\n }\n\n @media screen and (min-width: $min-width-lg) {\n max-width: $min-width-md;\n width: 100%;\n }\n @media screen and (min-width: $min-width-xl) {\n max-width: $max-width-xl;\n width: 100%;\n padding: 0 5.6rem;\n }\n @media screen and (min-width: $min-width-xxl) {\n max-width: $max-width-xxl;\n width: 100%;\n padding: 0 12rem;\n }\n }\n\n .pn-quote-card__quote__container {\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n\n @media screen and (min-width: $min-width-md) {\n padding-left: 2.4rem;\n padding-right: 2.4rem;\n }\n }\n\n .pn-quote-card__quote {\n font-size: 2rem;\n padding-left: 2.4rem;\n svg {\n left: -0.8rem;\n top: 0.2rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n padding-left: 4rem;\n svg {\n left: 0;\n }\n }\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 2.4rem;\n svg {\n left: 0;\n top: 0.4rem;\n scale: 1.3;\n }\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding-left: 0;\n font-size: 3.2rem;\n svg {\n left: -4.8rem;\n top: 1rem;\n scale: 1.4;\n }\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.8rem;\n svg {\n left: -6.4rem;\n top: 1.6rem;\n scale: 1.8;\n }\n }\n }\n\n .pn-quote-card__reference__container {\n flex-direction: row-reverse;\n }\n\n [slot='illustration'] {\n picture > img {\n max-width: 6rem;\n max-height: 6rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n picture > img {\n max-width: 10rem;\n max-height: 10rem;\n }\n }\n\n @media screen and (min-width: $max-width-xl) {\n display: none;\n }\n }\n\n .pn-quote-card__reference {\n text-align: right;\n }\n\n .pn-quote-card__reference__name {\n display: block;\n font-size: 1.4rem;\n @media screen and (min-width: $min-width-md) {\n font-size: 1.6rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 2rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.2rem;\n margin-bottom: 1rem;\n }\n }\n\n .pn-quote-card__reference__occupation {\n display: block;\n\n font-size: 1.2rem;\n @media screen and (min-width: $min-width-lg) {\n font-size: 1.4rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 1.6rem;\n }\n }\n\n .pn-quote-card__large-photo {\n display: none;\n\n @media screen and (min-width: $max-width-xl) {\n display: block;\n\n & > [slot='illustration-big'] {\n width: 18rem;\n height: 18rem;\n & picture > img {\n width: 18rem;\n height: 18rem;\n }\n }\n }\n\n @media screen and (min-width: $min-width-xxl) {\n display: block;\n width: 24rem;\n height: 24rem;\n & > [slot='illustration-big'] {\n position: relative;\n z-index: 1;\n width: 24rem;\n height: 24rem;\n\n & > picture > img {\n width: 24rem;\n height: 24rem;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-quote-card',\n styleUrl: 'pn-quote-card.scss',\n})\nexport class PnQuoteCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() quote: string = null;\n @Prop() name: string = null;\n @Prop() occupation: string = null;\n render() {\n return (\n <Host>\n <div class=\"pn-quote-card__section\">\n <div class=\"pn-quote-card__container\">\n <slot name=\"vertical-line\"> </slot>\n <div class=\"pn-quote-card__quote__container\">\n <blockquote class=\"pn-quote-card__quote\">\n <svg width=\"25\" height=\"18\" viewBox=\"0 0 25 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z\"\n fill=\"white\"\n />\n </svg>\n\n {this.quote}\n </blockquote>\n\n <slot name=\"horizontal-line\"></slot>\n <div class=\"pn-quote-card__reference__container\">\n <slot name=\"illustration\" />\n <div class=\"pn-quote-card__reference\">\n <span class=\"pn-quote-card__reference__name\">{this.name}</span>\n <span class=\"pn-quote-card__reference__occupation\">{this.occupation}</span>\n </div>\n </div>\n </div>\n <div class=\"pn-quote-card__large-photo\">\n <slot name=\"illustration-big\" />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-quote-card.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,u6RAAu6R,CAAC;AAC/7R,0BAAe,cAAc;;MCKhB,WAAW;;;qBAGE,IAAI;oBACL,IAAI;0BACE,IAAI;;;IACjC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,wBAAwB,IACjC,4DAAK,KAAK,EAAC,0BAA0B,IACnC,6DAAM,IAAI,EAAC,eAAe,QAAS,EACnC,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,mEAAY,KAAK,EAAC,sBAAsB,IACtC,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DACE,CAAC,EAAC,2NAA2N,EAC7N,IAAI,EAAC,OAAO,GACZ,CACE,EAEL,IAAI,CAAC,KAAK,CACA,EAEb,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,EACpC,4DAAK,KAAK,EAAC,qCAAqC,IAC9C,6DAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,4DAAK,KAAK,EAAC,0BAA0B,IACnC,6DAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,IAAI,CAAQ,EAC/D,6DAAM,KAAK,EAAC,sCAAsC,IAAE,IAAI,CAAC,UAAU,CAAQ,CACvE,CACF,CACF,EACN,4DAAK,KAAK,EAAC,4BAA4B,IACrC,6DAAM,IAAI,EAAC,kBAAkB,GAAG,CAC5B,CACF,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cards/pn-quote-card/pn-quote-card.scss?tag=pn-quote-card","src/components/cards/pn-quote-card/pn-quote-card.tsx"],"sourcesContent":["@import '../../../globals/main';\n\npn-quote-card {\n .pn-quote-card__section {\n }\n\n .pn-quote-card__container {\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n\n min-height: 262px;\n padding: 0 2.4rem;\n }\n\n .pn-quote-card__quote__container {\n padding: 0 3.2rem;\n }\n\n .pn-quote-card__quote {\n position: relative;\n font-weight: 400;\n font-size: 2rem;\n line-height: 140%;\n margin: 0;\n\n svg {\n position: absolute;\n left: -3.2rem;\n top: 0.2rem;\n }\n }\n\n .pn-quote-card__reference__container {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n gap: 1.6rem;\n\n align-items: center;\n }\n\n .pn-quote-card__reference {\n }\n\n .pn-quote-card__reference__name {\n display: block;\n font-weight: 400;\n font-size: 2.4rem;\n line-height: 2.9rem;\n }\n\n .pn-quote-card__reference__occupation {\n display: block;\n font-weight: 400;\n font-size: 1.4rem;\n line-height: 1.7rem;\n }\n\n [slot='illustration'] {\n padding: 0;\n }\n\n [slot='illustration-big'] {\n padding: 0.8rem 0;\n }\n\n [slot='illustration'],\n [slot='illustration-big'] {\n aspect-ratio: 1/1;\n\n picture {\n aspect-ratio: 1 / 1;\n img {\n clip-path: circle(50%);\n max-width: unset;\n }\n }\n }\n}\n\n//line orientation\n\npn-quote-card {\n [slot='horizontal-line'],\n [slot='vertical-line'] {\n display: flex;\n }\n}\n\n//Colors\npn-quote-card[data-line-color='white'] {\n .pn-quote-card__section {\n background-color: $blue700;\n color: $white;\n }\n\n .pn-line-shape__line,\n .pn-line-shape__dot {\n border-color: $white;\n background-color: $white;\n }\n\n .pn-quote-card__quote {\n svg > path {\n fill: $white;\n }\n }\n}\n\npn-quote-card[data-line-color='blue'] {\n .pn-quote-card__section {\n background-color: $white;\n }\n\n .pn-line-shape__line,\n .pn-line-shape__dot {\n border-color: $blue400;\n background-color: $blue400;\n }\n\n .pn-quote-card__quote {\n svg > path {\n fill: $blue400;\n }\n }\n}\n\npn-quote-card[data-line-color='blue900'] {\n .pn-quote-card__section {\n background-color: $white;\n }\n\n .pn-line-shape__line,\n .pn-line-shape__dot {\n border-color: $blue900;\n background-color: $blue900;\n }\n\n .pn-quote-card__quote {\n svg > path {\n fill: $blue900;\n }\n }\n}\n\n//layouts\n\npn-quote-card[data-card-style='standalone'] {\n &[data-line-color='white'] {\n .pn-quote-card__section {\n border-radius: 2.4rem;\n }\n\n .pn-quote-card__container {\n padding: 2.4rem;\n }\n }\n .pn-quote-card__section {\n max-width: 100%;\n margin: 0 auto;\n\n @media screen and (min-width: $min-width-lg) {\n max-width: 70%;\n }\n @media screen and (min-width: $min-width-xl) {\n max-width: 60%;\n }\n }\n\n .pn-quote-card__container {\n min-height: unset;\n padding: 0;\n\n @media screen and (min-width: $min-width-md) {\n padding: 0 2.4rem;\n }\n }\n\n .pn-quote-card__quote__container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 3.2rem;\n padding: 2.4rem 1.6rem 1.6rem 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n padding: 2.4rem 3.2rem 1.6rem 3.2rem;\n }\n }\n\n .pn-quote-card__quote {\n font-size: 1.6rem;\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 2rem;\n }\n\n svg {\n display: block;\n margin-bottom: 0.8rem;\n position: relative;\n top: 0;\n left: 0;\n }\n }\n\n .pn-quote-card__reference__container {\n [slot='illustration'] {\n picture {\n img {\n height: 6rem;\n width: 6rem;\n }\n }\n }\n @media screen and (min-width: $min-width-lg) {\n [slot='illustration'] {\n picture {\n img {\n height: 9rem;\n width: 9rem;\n }\n }\n }\n }\n }\n\n .pn-quote-card__reference__name {\n font-size: 1.6rem;\n @media screen and (min-width: $min-width-lg) {\n font-size: 2.4rem;\n }\n }\n\n .pn-quote-card__reference__occupation {\n font-size: 1.2rem;\n @media screen and (min-width: $min-width-lg) {\n font-size: 1.4rem;\n }\n }\n\n .pn-quote-card__large-photo {\n display: none;\n }\n}\n\npn-quote-card[data-card-style='combo'] {\n .pn-quote-card__section {\n width: 100%;\n margin: 0 auto;\n padding-top: 4rem;\n padding-bottom: 4rem;\n @media screen and (min-width: $min-width-lg) {\n padding-bottom: 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding-top: 10rem;\n }\n }\n\n .pn-quote-card__container {\n min-height: 10rem;\n padding-bottom: 0;\n\n @media screen and (min-width: $min-width-md) {\n max-width: 90%;\n width: 100%;\n }\n\n @media screen and (min-width: $min-width-lg) {\n max-width: $min-width-md;\n width: 100%;\n }\n @media screen and (min-width: $min-width-xl) {\n max-width: $max-width-xl;\n width: 100%;\n padding: 0 5.6rem;\n }\n @media screen and (min-width: $min-width-xxl) {\n max-width: $max-width-xxl;\n width: 100%;\n padding: 0 12rem;\n }\n }\n\n .pn-quote-card__quote__container {\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n\n @media screen and (min-width: $min-width-md) {\n padding-left: 2.4rem;\n padding-right: 2.4rem;\n }\n }\n\n .pn-quote-card__quote {\n font-size: 2rem;\n padding-left: 2.4rem;\n svg {\n left: -0.8rem;\n top: 0.2rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n padding-left: 4rem;\n svg {\n left: 0;\n }\n }\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 2.4rem;\n svg {\n left: 0;\n top: 0.4rem;\n scale: 1.3;\n }\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding-left: 0;\n font-size: 3.2rem;\n svg {\n left: -4.8rem;\n top: 1rem;\n scale: 1.4;\n }\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.8rem;\n svg {\n left: -6.4rem;\n top: 1.6rem;\n scale: 1.8;\n }\n }\n }\n\n .pn-quote-card__reference__container {\n flex-direction: row-reverse;\n }\n\n [slot='illustration'] {\n picture > img {\n max-width: 6rem;\n max-height: 6rem;\n }\n\n @media screen and (min-width: $min-width-md) {\n picture > img {\n max-width: 10rem;\n max-height: 10rem;\n }\n }\n\n @media screen and (min-width: $max-width-xl) {\n display: none;\n }\n }\n\n .pn-quote-card__reference {\n text-align: right;\n }\n\n .pn-quote-card__reference__name {\n display: block;\n font-size: 1.4rem;\n @media screen and (min-width: $min-width-md) {\n font-size: 1.6rem;\n }\n\n @media screen and (min-width: $min-width-lg) {\n font-size: 2rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 3.2rem;\n margin-bottom: 1rem;\n }\n }\n\n .pn-quote-card__reference__occupation {\n display: block;\n\n font-size: 1.2rem;\n @media screen and (min-width: $min-width-lg) {\n font-size: 1.4rem;\n }\n\n @media screen and (min-width: $min-width-xxl) {\n font-size: 1.6rem;\n }\n }\n\n .pn-quote-card__large-photo {\n display: none;\n\n @media screen and (min-width: $max-width-xl) {\n display: block;\n\n & > [slot='illustration-big'] {\n width: 18rem;\n height: 18rem;\n & picture > img {\n width: 18rem;\n height: 18rem;\n }\n }\n }\n\n @media screen and (min-width: $min-width-xxl) {\n display: block;\n width: 24rem;\n height: 24rem;\n & > [slot='illustration-big'] {\n position: relative;\n z-index: 1;\n width: 24rem;\n height: 24rem;\n\n & > picture > img {\n width: 24rem;\n height: 24rem;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-quote-card',\n styleUrl: 'pn-quote-card.scss',\n})\nexport class PnQuoteCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() quote: string = null;\n @Prop() name: string = null;\n @Prop() occupation: string = null;\n render() {\n return (\n <Host>\n <div class=\"pn-quote-card__section\">\n <div class=\"pn-quote-card__container\">\n <slot name=\"vertical-line\"> </slot>\n <div class=\"pn-quote-card__quote__container\">\n <blockquote class=\"pn-quote-card__quote\">\n <svg width=\"25\" height=\"18\" viewBox=\"0 0 25 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z\"\n fill=\"white\"\n />\n </svg>\n\n {this.quote}\n </blockquote>\n\n <slot name=\"horizontal-line\"></slot>\n <div class=\"pn-quote-card__reference__container\">\n <slot name=\"illustration\" />\n <div class=\"pn-quote-card__reference\">\n <span class=\"pn-quote-card__reference__name\">{this.name}</span>\n <span class=\"pn-quote-card__reference__occupation\">{this.occupation}</span>\n </div>\n </div>\n </div>\n <div class=\"pn-quote-card__large-photo\">\n <slot name=\"illustration-big\" />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/pn-scroll_2.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, d as Host, c as createEvent } from './index-c311acd6.js';
+import { r as registerInstance, g as getElement, h, d as Host, c as createEvent } from './index-51d67461.js';
 import { v as v4 } from './v4-964634d6.js';
 const pnScrollCss = "pn-scroll .scroll-wrapper{transition:all var(--transition-duration) ease-in-out 250ms}pn-scroll .scroll-wrapper.fade{opacity:0}pn-scroll .scroll-wrapper.fade.in-view{opacity:1}pn-scroll .scroll-wrapper.slide-up{transform:translateY(50px)}pn-scroll .scroll-wrapper.slide-up.in-view{transform:translateY(0)}";
@@ -92,7 +92,7 @@ const translations = {
     },
 };
-const pnVideoOverlayCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-video-overlay.pn-video-overlay--show-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-video-overlay button{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:none;outline:none;cursor:pointer;background-color:transparent}@media screen and (min-width: 768px){pn-video-overlay button{bottom:16px;left:16px}}pn-video-overlay button:hover svg rect{fill:#003d5f}pn-video-overlay button:active svg rect{fill:#001c2c}pn-video-overlay button:focus,pn-video-overlay button:focus-visible{outline:2px solid #ffffff}pn-video-overlay button svg{scale:0.7}@media screen and (min-width: 768px){pn-video-overlay button svg{scale:1}}";
+const pnVideoOverlayCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-video-overlay.pn-video-overlay--show-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-video-overlay button{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:none;outline:none;cursor:pointer;background-color:transparent}@media screen and (min-width: 768px){pn-video-overlay button{bottom:16px;left:16px}}pn-video-overlay button:hover svg rect{fill:#003d5f}pn-video-overlay button:active svg rect{fill:#001c2c}pn-video-overlay button:focus,pn-video-overlay button:focus-visible{outline:2px solid #ffffff}pn-video-overlay button svg{scale:0.7}@media screen and (min-width: 768px){pn-video-overlay button svg{scale:1}}";
 const PnVideoOverlayStyle0 = pnVideoOverlayCss;
 const PnVideoOverlay = class {

package/dist/esm/pn-scroll_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-scroll.pn-video-overlay.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,mTAAmT,CAAC;AACxU,uBAAe,WAAW;;ACG1B,MAAM,sBAAsB,GAA6B;IACvD,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,oBAAoB;CACjC,CAAC;AAEF,MAAM,SAAS,GAAG,uBAAuB,CAAC;MAM7B,QAAQ;;;+BAEiC,sBAAsB;gCACvC,eAAe;yCACN,GAAG;0BAChB,KAAK;;;sBAIV,IAAI;;;IAE9B,gBAAgB;QACd,OAAOA,EAAM,EAAE,CAAC;KACjB;IAED,kBAAkB,CAAC,OAAoC,EAAE,QAA+B,EAAE,cAAyB,EAAE,iBAA4B,EAAE,UAAoB;QACrK,OAAO,CAAC,OAAO,CAAC,KAAK;YACnB,IAAI,CAAC,UAAU,EAAE;gBACf,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;oBACzB,iBAAiB,GAAG,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACrC,OAAO;iBACR;gBACD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBACtC,cAAc,GAAG,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAClC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;aAClC;iBAAM;gBACL,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;gBAC/D,IAAI,KAAK,CAAC,cAAc,EAAE;oBACxB,cAAc,GAAG,KAAK,EAAE,QAAQ,CAAC,CAAC;iBACnC;qBAAM;oBACL,iBAAiB,GAAG,KAAK,EAAE,QAAQ,CAAC,CAAC;iBACtC;aACF;SACF,CAAC,CAAC;KACJ;;IAGD,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACvC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,EAC7H,IAAI,CAAC,eAAe,CACrB,CAAC;QACF,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9E,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;KACnC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC,yBAAyB,GAAG,EAAE,IAC/J,6DAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACD,EACP;KACH;;;;AC1EI,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,SAAS,EAAE,yBAAyB;KACrC;IACD,EAAE,EAAE;QACF,SAAS,EAAE,qBAAqB;KACjC;IACD,EAAE,EAAE;QACF,SAAS,EAAE,iCAAiC;KAC7C;IACD,EAAE,EAAE;QACF,SAAS,EAAE,oCAAoC;KAChD;IACD,EAAE,EAAE;QACF,SAAS,EAAE,2BAA2B;KACvC;IACD,EAAE,EAAE;QACF,SAAS,EAAE,+BAA+B;KAC3C;IACD,EAAE,EAAE;QACF,UAAU,EAAE,qBAAqB;KAClC;IACD,EAAE,EAAE;QACF,UAAU,EAAE,qBAAqB;KAClC;IACD,EAAE,EAAE;QACF,UAAU,EAAE,qBAAqB;KAClC;CACF;;AC5BD,MAAM,iBAAiB,GAAG,2qCAA2qC,CAAC;AACtsC,6BAAe,iBAAiB;;MCOnB,cAAc;;;;wBAEE,IAAI;wBACH,KAAK;2BACF,KAAK;;;;IAG3B,gBAAgB,CAAqB;IAE9C,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,sBAAsB,GAAG;QACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KAC9B,CAAC;IAEF,cAAc,GAAG;QACf,QACE,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EACtD,YACE,CAAC,EAAC,6dAA6d,EAC/d,IAAI,EAAC,OAAO,GACZ,EACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,0YAA0Y,EAC5Y,IAAI,EAAC,OAAO,GACZ,EACF,YACE,CAAC,EAAC,mOAAmO,EACrO,IAAI,EAAC,OAAO,GACZ,CACE,EACN;KACH,CAAC;IAEF,eAAe,GAAG;QAChB,QACE,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EACtD,YACE,CAAC,EAAC,6dAA6d,EAC/d,IAAI,EAAC,OAAO,GACZ,EACF,YACE,CAAC,EAAC,mOAAmO,EACrO,IAAI,EAAC,OAAO,GACZ,EACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,ieAAie,EACne,IAAI,EAAC,OAAO,GACZ,EACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,ieAAie,EACne,IAAI,EAAC,OAAO,GACZ,CACE,EACN;KACH,CAAC;IAEF,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,WAAW,GAAG,gCAAgC,GAAG,EAAE,EAAE,IACzF,+DAAQ,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,8BAA8B,gBAAa,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,sBAAsB,IAC/H,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CACxD,CACJ,EACP;KACH;;;;;;;;;","names":["uuidv4"],"sources":["src/components/animation/pn-scroll/pn-scroll.scss?tag=pn-scroll","src/components/animation/pn-scroll/pn-scroll.tsx","src/components/animation/pn-play-on-scroll/pn-video-overlay/translations.ts","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.scss?tag=pn-video-overlay","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.tsx"],"sourcesContent":["pn-scroll {\n .scroll-wrapper {\n transition: all var(--transition-duration) ease-in-out 250ms;\n\n &.fade {\n opacity: 0;\n\n &.in-view {\n opacity: 1;\n }\n }\n\n &.slide-up {\n transform: translateY(50px);\n &.in-view {\n transform: translateY(0);\n }\n }\n\n &.slide-in {\n &.in-view {\n }\n }\n\n &.slide-out {\n &.in-view {\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 0,\n rootMargin: '0px 0px -150px 0px',\n};\n\nconst SCROLL_ID = `pn-scroll-wrapper-id-`;\n\n@Component({\n tag: 'pn-scroll',\n styleUrl: 'pn-scroll.scss',\n})\nexport class PnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() behaviourClasses: string = 'fade slide-up';\n @Prop() transitionDurationSeconds: number = 0.5;\n @Prop() shouldLoop?: boolean = false;\n @Prop() intersectFunc?: Function;\n @Prop() notIntersectFunc?: Function;\n\n @State() compId: string = null;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n handleIntersection(entries: IntersectionObserverEntry[], observer?: IntersectionObserver, onIntersecting?: Function, onNotIntersecting?: Function, shouldLoop?: boolean) {\n entries.forEach(entry => {\n if (!shouldLoop) {\n if (!entry.isIntersecting) {\n onNotIntersecting?.(entry, observer);\n return;\n }\n entry.target.classList.add('in-view');\n onIntersecting?.(entry, observer);\n observer.unobserve(entry.target);\n } else {\n entry.target.classList.toggle('in-view', entry.isIntersecting);\n if (entry.isIntersecting) {\n onIntersecting?.(entry, observer);\n } else {\n onNotIntersecting?.(entry, observer);\n }\n }\n });\n }\n\n //on load, generate unique id for this wrapper\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n const observer = new IntersectionObserver(\n (entries, observer) => this.handleIntersection(entries, observer, this.intersectFunc, this.notIntersectFunc, this.shouldLoop),\n this.observerOptions,\n );\n const objectToObserve = document.getElementById(`${SCROLL_ID}${this.compId}`);\n observer.observe(objectToObserve);\n }\n\n render() {\n return (\n <Host>\n <div class={`scroll-wrapper ${this.behaviourClasses}`} id={`${SCROLL_ID}${this.compId}`} style={{ '--transition-duration': `${this.transitionDurationSeconds}s` }}>\n <slot name=\"scroll-affected\" />\n </div>\n </Host>\n );\n }\n}\n","export const translations = {\n sv: {\n ariaLabel: 'Spela eller pausa video',\n },\n en: {\n ariaLabel: 'Play or pause video',\n },\n da: {\n ariaLabel: 'Afspil eller sæt video på pause',\n },\n no: {\n ariaLabel: 'Spill av eller sett video på pause',\n },\n fi: {\n ariaLabel: 'Toista tai keskeytä video',\n },\n de: {\n ariaLabel: 'Video abspielen oder anhalten',\n },\n zh: {\n sharelabel: 'Play or pause video',\n },\n it: {\n sharelabel: 'Play or pause video',\n },\n nl: {\n sharelabel: 'Play or pause video',\n },\n};\n","@import '../../../../globals/main';\n\npn-video-overlay {\n &.pn-video-overlay--show-overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n }\n\n button {\n position: absolute;\n bottom: 8px;\n left: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n padding: 0;\n border: none;\n outline: none;\n cursor: pointer;\n background-color: transparent;\n\n @media screen and (min-width: $min-width-md) {\n bottom: 16px;\n left: 16px;\n }\n\n &:hover {\n svg rect {\n fill: darken(#005d92, 10%);\n }\n }\n\n &:active {\n svg rect {\n fill: darken(#005d92, 20%);\n }\n }\n\n &:focus,\n &:focus-visible {\n outline: 2px solid $white;\n }\n\n svg {\n scale: 0.7;\n @media screen and (min-width: $min-width-md) {\n scale: 1;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-video-overlay',\n styleUrl: 'pn-video-overlay.scss',\n})\nexport class PnVideoOverlay {\n @Element() hostElement: HTMLElement;\n @Prop() language: string = 'en';\n @Prop() isPaused: boolean = false;\n @Prop() showOverlay: boolean = false;\n @State() i18n: any;\n\n @Event() playPauseClicked: EventEmitter<void>;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n handlePlayPauseClicked = () => {\n this.playPauseClicked.emit();\n };\n\n renderPlayIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n renderPauseIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n render() {\n return (\n <Host class={`pn-video-overlay ${this.showOverlay ? 'pn-video-overlay--show-overlay' : ''}`}>\n <button type=\"button\" id=\"overlayed-button-pause-video\" aria-label={`${this.i18n.ariaLabel}`} onClick={this.handlePlayPauseClicked}>\n {this.isPaused ? this.renderPlayIcon() : this.renderPauseIcon()}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-scroll.pn-video-overlay.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/animation/pn-scroll/pn-scroll.scss?tag=pn-scroll","src/components/animation/pn-scroll/pn-scroll.tsx","src/components/animation/pn-play-on-scroll/pn-video-overlay/translations.ts","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.scss?tag=pn-video-overlay","src/components/animation/pn-play-on-scroll/pn-video-overlay/pn-video-overlay.tsx"],"sourcesContent":["pn-scroll {\n .scroll-wrapper {\n transition: all var(--transition-duration) ease-in-out 250ms;\n\n &.fade {\n opacity: 0;\n\n &.in-view {\n opacity: 1;\n }\n }\n\n &.slide-up {\n transform: translateY(50px);\n &.in-view {\n transform: translateY(0);\n }\n }\n\n &.slide-in {\n &.in-view {\n }\n }\n\n &.slide-out {\n &.in-view {\n }\n }\n }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nconst defaultObserverOptions: IntersectionObserverInit = {\n root: null,\n threshold: 0,\n rootMargin: '0px 0px -150px 0px',\n};\n\nconst SCROLL_ID = `pn-scroll-wrapper-id-`;\n\n@Component({\n tag: 'pn-scroll',\n styleUrl: 'pn-scroll.scss',\n})\nexport class PnScroll {\n @Element() hostElement: HTMLElement;\n @Prop() observerOptions: IntersectionObserverInit = defaultObserverOptions;\n @Prop() behaviourClasses: string = 'fade slide-up';\n @Prop() transitionDurationSeconds: number = 0.5;\n @Prop() shouldLoop?: boolean = false;\n @Prop() intersectFunc?: Function;\n @Prop() notIntersectFunc?: Function;\n\n @State() compId: string = null;\n\n generateUniqueId() {\n return uuidv4();\n }\n\n handleIntersection(entries: IntersectionObserverEntry[], observer?: IntersectionObserver, onIntersecting?: Function, onNotIntersecting?: Function, shouldLoop?: boolean) {\n entries.forEach(entry => {\n if (!shouldLoop) {\n if (!entry.isIntersecting) {\n onNotIntersecting?.(entry, observer);\n return;\n }\n entry.target.classList.add('in-view');\n onIntersecting?.(entry, observer);\n observer.unobserve(entry.target);\n } else {\n entry.target.classList.toggle('in-view', entry.isIntersecting);\n if (entry.isIntersecting) {\n onIntersecting?.(entry, observer);\n } else {\n onNotIntersecting?.(entry, observer);\n }\n }\n });\n }\n\n //on load, generate unique id for this wrapper\n componentWillLoad() {\n this.compId = this.generateUniqueId();\n }\n\n componentDidLoad() {\n const observer = new IntersectionObserver(\n (entries, observer) => this.handleIntersection(entries, observer, this.intersectFunc, this.notIntersectFunc, this.shouldLoop),\n this.observerOptions,\n );\n const objectToObserve = document.getElementById(`${SCROLL_ID}${this.compId}`);\n observer.observe(objectToObserve);\n }\n\n render() {\n return (\n <Host>\n <div class={`scroll-wrapper ${this.behaviourClasses}`} id={`${SCROLL_ID}${this.compId}`} style={{ '--transition-duration': `${this.transitionDurationSeconds}s` }}>\n <slot name=\"scroll-affected\" />\n </div>\n </Host>\n );\n }\n}\n","export const translations = {\n sv: {\n ariaLabel: 'Spela eller pausa video',\n },\n en: {\n ariaLabel: 'Play or pause video',\n },\n da: {\n ariaLabel: 'Afspil eller sæt video på pause',\n },\n no: {\n ariaLabel: 'Spill av eller sett video på pause',\n },\n fi: {\n ariaLabel: 'Toista tai keskeytä video',\n },\n de: {\n ariaLabel: 'Video abspielen oder anhalten',\n },\n zh: {\n sharelabel: 'Play or pause video',\n },\n it: {\n sharelabel: 'Play or pause video',\n },\n nl: {\n sharelabel: 'Play or pause video',\n },\n};\n","@import '../../../../globals/main';\n\npn-video-overlay {\n &.pn-video-overlay--show-overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n }\n\n button {\n position: absolute;\n bottom: 8px;\n left: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n padding: 0;\n border: none;\n outline: none;\n cursor: pointer;\n background-color: transparent;\n\n @media screen and (min-width: $min-width-md) {\n bottom: 16px;\n left: 16px;\n }\n\n &:hover {\n svg rect {\n fill: darken(#005d92, 10%);\n }\n }\n\n &:active {\n svg rect {\n fill: darken(#005d92, 20%);\n }\n }\n\n &:focus,\n &:focus-visible {\n outline: 2px solid $white;\n }\n\n svg {\n scale: 0.7;\n @media screen and (min-width: $min-width-md) {\n scale: 1;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-video-overlay',\n styleUrl: 'pn-video-overlay.scss',\n})\nexport class PnVideoOverlay {\n @Element() hostElement: HTMLElement;\n @Prop() language: string = 'en';\n @Prop() isPaused: boolean = false;\n @Prop() showOverlay: boolean = false;\n @State() i18n: any;\n\n @Event() playPauseClicked: EventEmitter<void>;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n handlePlayPauseClicked = () => {\n this.playPauseClicked.emit();\n };\n\n renderPlayIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n renderPauseIcon = () => {\n return (\n <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#005D92\" />\n <path\n d=\"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z\"\n fill=\"white\"\n />\n <path\n d=\"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z\"\n fill=\"white\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z\"\n fill=\"white\"\n />\n </svg>\n );\n };\n\n render() {\n return (\n <Host class={`pn-video-overlay ${this.showOverlay ? 'pn-video-overlay--show-overlay' : ''}`}>\n <button type=\"button\" id=\"overlayed-button-pause-video\" aria-label={`${this.i18n.ariaLabel}`} onClick={this.handlePlayPauseClicked}>\n {this.isPaused ? this.renderPlayIcon() : this.renderPauseIcon()}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/pn-share-item.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
-const pnShareItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";
+const pnShareItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #d3cecb;border-radius:0.8rem;background-color:#ffffff;transition:background-color ease-in-out 0.3s;width:fit-content}pn-share-item a{text-decoration:none;color:#005d92;transition:color 0.3s;display:flex;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005d92;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0d234b}pn-share-item:hover a{color:#ffffff;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0d234b}pn-share-item:hover [slot=icon] svg path{fill:#ffffff}";
 const PnShareItemStyle0 = pnShareItemCss;
 const PnShareItem = class {

package/dist/esm/pn-share-item.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-share-item.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,~~2nCAA2nC~~,CAAC;~~AACnpC~~,0BAAe,cAAc;;MCKhB,WAAW;;;oBAEC,IAAI;oBACJ,IAAI;;;IAE3B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,0BAA0B,IACnC,0DAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,IACrB,6DAAM,IAAI,EAAC,MAAM,GAAG,OAAE,IAAI,CAAC,IAAI,CAC7B,CACA,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cta/pn-share/pn-share-item.scss?tag=pn-share-item","src/components/cta/pn-share/pn-share-item.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-share-item {\n .pn-share-item__container {\n padding: 0.3rem 0.6rem;\n border: 1px solid $gray200;\n border-radius: 0.8rem;\n\n background-color: $white;\n transition: background-color ease-in-out 0.3s;\n width: fit-content;\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n transition: color 0.3s;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n font-size: 1.6rem;\n font-weight: 400;\n }\n\n [slot='icon'] {\n svg {\n height: 1.6rem;\n width: 1.6rem;\n path {\n fill: $blue700;\n transition: fill 0.3s;\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n\n .pn-share-item__container {\n background-color: $blue900;\n }\n\n a {\n color: $white;\n text-decoration: none;\n }\n\n [slot='icon'] {\n svg {\n fill: $blue900;\n path {\n fill: $white;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-share-item',\n styleUrl: 'pn-share-item.scss',\n})\nexport class PnShareItem {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop() text: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"pn-share-item__container\">\n <a href={`${this.link}`}>\n <slot name=\"icon\" /> {this.text}\n </a>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-share-item.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,kzBAAkzB,CAAC;AAC10B,0BAAe,cAAc;;MCKhB,WAAW;;;oBAEC,IAAI;oBACJ,IAAI;;;IAE3B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,0BAA0B,IACnC,0DAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,IACrB,6DAAM,IAAI,EAAC,MAAM,GAAG,OAAE,IAAI,CAAC,IAAI,CAC7B,CACA,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cta/pn-share/pn-share-item.scss?tag=pn-share-item","src/components/cta/pn-share/pn-share-item.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-share-item {\n .pn-share-item__container {\n padding: 0.3rem 0.6rem;\n border: 1px solid $gray200;\n border-radius: 0.8rem;\n\n background-color: $white;\n transition: background-color ease-in-out 0.3s;\n width: fit-content;\n }\n\n a {\n text-decoration: none;\n color: $blue700;\n transition: color 0.3s;\n display: flex;\n align-items: center;\n gap: 0.8rem;\n font-size: 1.6rem;\n font-weight: 400;\n }\n\n [slot='icon'] {\n svg {\n height: 1.6rem;\n width: 1.6rem;\n path {\n fill: $blue700;\n transition: fill 0.3s;\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n\n .pn-share-item__container {\n background-color: $blue900;\n }\n\n a {\n color: $white;\n text-decoration: none;\n }\n\n [slot='icon'] {\n svg {\n fill: $blue900;\n path {\n fill: $white;\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-share-item',\n styleUrl: 'pn-share-item.scss',\n})\nexport class PnShareItem {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop() text: string = null;\n\n render() {\n return (\n <Host>\n <div class=\"pn-share-item__container\">\n <a href={`${this.link}`}>\n <slot name=\"icon\" /> {this.text}\n </a>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/pn-share.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
 const translations = {
     sv: {
@@ -27,7 +27,7 @@ const translations = {
     },
 };
-const pnShareCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:\"\";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}";
+const pnShareCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:\"\";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}";
 const PnShareStyle0 = pnShareCss;
 const SHARE_URLS = [

package/dist/esm/pn-share.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-share.entry.js","mappings":";;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,SAAS;KACtB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,OAAO;KACpB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;CACF;;ACzBD,MAAM,UAAU,GAAG,~~swBAAswB~~,CAAC;~~AAC1xB~~,sBAAe,UAAU;;ACGzB,MAAM,UAAU,GAAG;IACjB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,sDAAsD,EAAE,IAAI,EAAE,UAAU,EAAE;IACvG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE;IACtF,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,+CAA+C,EAAE,IAAI,EAAE,UAAU,EAAE;CACjG,CAAC;MAMW,OAAO;;;oBAEK,IAAI;wBACgC,IAAI;;;;IAG/D,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,IAAI,CAAC,UAAU,MAAO,EAC1D,4DAAK,KAAK,EAAC,iBAAiB,IACzB,UAAU,CAAC,GAAG,CAAC,QAAQ;YACtB,QACE,qBAAe,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,IACrE,eAAS,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAY,CAC1C,EAChB;SACH,CAAC,CACE,CACF,CACD,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n sv: {\n sharelabel: 'Dela med',\n },\n en: {\n sharelabel: 'Share to',\n },\n da: {\n sharelabel: 'Del med',\n },\n no: {\n sharelabel: 'Dele med',\n },\n fi: {\n sharelabel: 'Jakaa',\n },\n zh: {\n sharelabel: 'Share to',\n },\n it: {\n sharelabel: 'Share to',\n },\n nl: {\n sharelabel: 'Share to',\n },\n};\n","@import '../../../globals/main.scss';\npn-share {\n .pn-share__container {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .pn-share__heading {\n font-size: 1.6rem;\n font-weight: 500;\n &:after {\n content: '';\n display: block;\n height: 0.2rem;\n background-color: $gray50;\n margin-top: 0.4rem;\n margin-bottom: 0.8rem;\n }\n }\n\n .pn-share__items {\n display: flex;\n flex-direction: row;\n gap: 0.8rem;\n align-items: center;\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n tag: 'pn-share',\n styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-share__container\">\n <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n <div class=\"pn-share__items\">\n {SHARE_URLS.map(platform => {\n return (\n <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n </pn-share-item>\n );\n })}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-share.entry.js","mappings":";;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,SAAS;KACtB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,OAAO;KACpB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;KACvB;CACF;;ACzBD,MAAM,UAAU,GAAG,6bAA6b,CAAC;AACjd,sBAAe,UAAU;;ACGzB,MAAM,UAAU,GAAG;IACjB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,sDAAsD,EAAE,IAAI,EAAE,UAAU,EAAE;IACvG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE;IACtF,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,+CAA+C,EAAE,IAAI,EAAE,UAAU,EAAE;CACjG,CAAC;MAMW,OAAO;;;oBAEK,IAAI;wBACgC,IAAI;;;;IAG/D,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,eAAe;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChD,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF;IAGD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,2DAAI,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,IAAI,CAAC,UAAU,MAAO,EAC1D,4DAAK,KAAK,EAAC,iBAAiB,IACzB,UAAU,CAAC,GAAG,CAAC,QAAQ;YACtB,QACE,qBAAe,IAAI,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,IACrE,eAAS,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAY,CAC1C,EAChB;SACH,CAAC,CACE,CACF,CACD,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n sv: {\n sharelabel: 'Dela med',\n },\n en: {\n sharelabel: 'Share to',\n },\n da: {\n sharelabel: 'Del med',\n },\n no: {\n sharelabel: 'Dele med',\n },\n fi: {\n sharelabel: 'Jakaa',\n },\n zh: {\n sharelabel: 'Share to',\n },\n it: {\n sharelabel: 'Share to',\n },\n nl: {\n sharelabel: 'Share to',\n },\n};\n","@import '../../../globals/main.scss';\npn-share {\n .pn-share__container {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .pn-share__heading {\n font-size: 1.6rem;\n font-weight: 500;\n &:after {\n content: '';\n display: block;\n height: 0.2rem;\n background-color: $gray50;\n margin-top: 0.4rem;\n margin-bottom: 0.8rem;\n }\n }\n\n .pn-share__items {\n display: flex;\n flex-direction: row;\n gap: 0.8rem;\n align-items: center;\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n tag: 'pn-share',\n styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n @Element() hostElement: HTMLElement;\n @Prop() link: string = null;\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @State() i18n: any;\n\n componentWillLoad() {\n this.setTranslations();\n }\n\n setTranslations() {\n if (this.language === 'nb') {\n this.language = 'no';\n }\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-share__container\">\n <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n <div class=\"pn-share__items\">\n {SHARE_URLS.map(platform => {\n return (\n <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n </pn-share-item>\n );\n })}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/pn-sidenav-level.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
-import { s as state, o as onChange } from './pn-sidenav-store-e2038d79.js';
-import './index-ae60ebec.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
+import { s as state, o as onChange } from './pn-sidenav-store-85bdb1e6.js';
+import './index-89124075.js';
-const pnSidenavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-level{display:block;flex-basis:100%}pn-sidenav-level[data-level=\"2\"]{padding-left:2.5em;overflow:hidden;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level=\"2\"][aria-hidden=true]{max-height:0}";
+const pnSidenavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-level{display:block;flex-basis:100%}pn-sidenav-level[data-level=\"2\"]{padding-left:2.5em;overflow:hidden;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level=\"2\"][aria-hidden=true]{max-height:0}";
 const PnSidenavLevelStyle0 = pnSidenavLevelCss;
 const PnSidenavLevel = class {
@@ -47,7 +47,7 @@ const PnSidenavLevel = class {
             'data-level': this.level + '',
             'id': this.levelId ?? '',
         };
-        return (h(Host, { key: '6610edd66828a070c1027c4fd2d18b0ca70da14d', ...attributes, "data-asdfasdf": this.isOpen }, h("slot", { key: 'e5753cd6edf435fbc81e05864a7e225ca671c7ff' })));
+        return (h(Host, { key: 'cbc0a99e4c9673d7fb7a5ddaa7702f1a12e9f640', ...attributes, "data-asdfasdf": this.isOpen }, h("slot", { key: 'a83ec9fe6accda600db1b59d78fa00883dd9f2a2' })));
     }
     static get watchers() { return {
         "isOpen": ["onOpen"]

package/dist/esm/pn-sidenav-level.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-level.entry.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,~~ioBAAioB~~,CAAC;~~AAC5pB~~,6BAAe,iBAAiB;;MCOnB,cAAc;;;qBAEA,CAAC;uBACC,EAAE;sBACF,KAAK;0BACF,EAAE;0BACF,EAAE;4BACA,EAAE;yBACL,OAAO;;;IAEpC,MAAM,iBAAiB;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QAC9C,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAChB;QACD,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE;YACtD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACvD,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,OAAO,GAAG,cAAc,IAAI,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC;YAE5D,IAAI,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE;gBAClD,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;SACF;QACD,QAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B,CAAC,CAAC;KACJ;IAGD,MAAM,MAAK;IACX,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC;KAChD;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,aAAa,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI;YACxD,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE;YAC7B,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;SACzB,CAAC;QACF,QACE,EAAC,IAAI,wDAAK,UAAU,mBAAiB,IAAI,CAAC,MAAM,IAC9C,8DAAQ,CACH,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-level.scss?tag=pn-sidenav-level","src/components/navigation/pn-sidenav/pn-sidenav-level.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-level {\n display: block;\n flex-basis: 100%;\n &[data-level='2'] {\n padding-left: 2.5em;\n overflow: hidden;\n transition: max-height ease 0.2s;\n max-height: 40em;\n &[aria-hidden='true'] {\n max-height: 0;\n }\n }\n}\n","import { Component, State, h, Host, Element, Watch } from '@stencil/core';\nimport { state, onChange } from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav-level',\n styleUrl: 'pn-sidenav-level.scss',\n shadow: false,\n})\nexport class PnSidenavLevel {\n @Element() hostElement: HTMLElement;\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n const parent = this.hostElement.parentElement;\n if (parent.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parent.tagName.toLowerCase() === 'pn-sidenav-link') {\n this.parentName = parent.getAttribute('name') + '';\n this.parentHref = parent.getAttribute('href') + '';\n this.parentLinkId = parent.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `sidenav-lvl${this.level}-${parentLinkName}`;\n\n if (parent.getAttribute('current') + '' === 'true') {\n state.openLevel = this.levelId;\n this.onChangeOpenLevel();\n }\n }\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('isOpen')\n onOpen() {}\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n }\n\n render() {\n const attributes = {\n 'aria-hidden': this.level > 1 ? !this.isOpen + '' : null,\n 'data-level': this.level + '',\n 'id': this.levelId ?? '',\n };\n return (\n <Host {...attributes} data-asdfasdf={this.isOpen}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav-level.entry.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,wTAAwT,CAAC;AACnV,6BAAe,iBAAiB;;MCOnB,cAAc;;;qBAEA,CAAC;uBACC,EAAE;sBACF,KAAK;0BACF,EAAE;0BACF,EAAE;4BACA,EAAE;yBACL,OAAO;;;IAEpC,MAAM,iBAAiB;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QAC9C,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;YAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAChB;QACD,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE;YACtD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACnD,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YACvD,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,OAAO,GAAG,cAAc,IAAI,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC;YAE5D,IAAI,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE;gBAClD,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;aAC1B;SACF;QACD,QAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B,CAAC,CAAC;KACJ;IAGD,MAAM,MAAK;IACX,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC;KAChD;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,aAAa,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI;YACxD,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE;YAC7B,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;SACzB,CAAC;QACF,QACE,EAAC,IAAI,wDAAK,UAAU,mBAAiB,IAAI,CAAC,MAAM,IAC9C,8DAAQ,CACH,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-level.scss?tag=pn-sidenav-level","src/components/navigation/pn-sidenav/pn-sidenav-level.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-level {\n display: block;\n flex-basis: 100%;\n &[data-level='2'] {\n padding-left: 2.5em;\n overflow: hidden;\n transition: max-height ease 0.2s;\n max-height: 40em;\n &[aria-hidden='true'] {\n max-height: 0;\n }\n }\n}\n","import { Component, State, h, Host, Element, Watch } from '@stencil/core';\nimport { state, onChange } from './pn-sidenav-store';\n\n@Component({\n tag: 'pn-sidenav-level',\n styleUrl: 'pn-sidenav-level.scss',\n shadow: false,\n})\nexport class PnSidenavLevel {\n @Element() hostElement: HTMLElement;\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n const parent = this.hostElement.parentElement;\n if (parent.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parent.tagName.toLowerCase() === 'pn-sidenav-link') {\n this.parentName = parent.getAttribute('name') + '';\n this.parentHref = parent.getAttribute('href') + '';\n this.parentLinkId = parent.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `sidenav-lvl${this.level}-${parentLinkName}`;\n\n if (parent.getAttribute('current') + '' === 'true') {\n state.openLevel = this.levelId;\n this.onChangeOpenLevel();\n }\n }\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('isOpen')\n onOpen() {}\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n }\n\n render() {\n const attributes = {\n 'aria-hidden': this.level > 1 ? !this.isOpen + '' : null,\n 'data-level': this.level + '',\n 'id': this.levelId ?? '',\n };\n return (\n <Host {...attributes} data-asdfasdf={this.isOpen}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/pn-sidenav-link.entry.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
-import { s as state } from './pn-sidenav-store-e2038d79.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
+import { s as state } from './pn-sidenav-store-85bdb1e6.js';
 import { a as angle_small_down } from './angle_small_down-55a4ab4b.js';
-import './index-ae60ebec.js';
+import './index-89124075.js';
 const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';
 const angle_small_up = icon;
-const pnSidenavLinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:\"\";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}";
+const pnSidenavLinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-link{display:flex;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92;font-size:1em;padding:1.1rem 1.5rem 1.1rem;overflow:hidden;text-decoration:none;cursor:pointer;flex-grow:1}.pn-sidenav-link::before{content:\"\";display:block;width:0.4rem;border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;height:100%;position:absolute;left:0;top:0;bottom:0;transform:translateX(-0.4rem);background:#005d92;transition:transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{transform:none}.pn-sidenav-link:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}.pn-sidenav-link>pn-icon{padding-right:1em}.pn-sidenav-link-expand{margin-left:auto;border:0;font-size:1em;background:transparent;outline:0;padding:0 1em 0 0.5em;cursor:pointer}.pn-sidenav-link-expand:hover,.pn-sidenav-link-expand:focus,[current=true]>.pn-sidenav-link-expand{background-color:#e0f8ff;color:#005d92;outline:0;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}";
 const PnSidenavLinkStyle0 = pnSidenavLinkCss;
 const PnSidenavLink = class {
@@ -54,7 +54,7 @@ const PnSidenavLink = class {
             'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',
             'onClick': this.onExpandClick.bind(this),
         };
-        return (h(Host, { key: 'cecdb17a715ca8cb8655b5c835d3529000fc134b', role: "listitem", name: this.name, href: this.href, linkid: this.linkid, current: this.currentSelection }, h(TagName, { key: '0e433674d160c0caed9d03fbac912c28ab31dbed', ...linkAttributes, ...(TagName === 'button' && { ...buttonAttributes }) }, this.icon ? h("pn-icon", { icon: this.icon, color: "blue700" }) : null, h("span", { key: 'd23891e675b357f9abd978a3687f3b91ee3b53b3' }, this.name), this.hasChildren && TagName === 'button' ? (h("div", { class: "pn-sidenav-link-expand" }, this.open ? (h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" })) : (h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" })))) : null), this.hasChildren && TagName === 'a' ? (h("button", { ...buttonAttributes, class: "pn-sidenav-link-expand" }, this.open ? h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" }) : h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" }))) : null, h("slot", { key: '91c389f2c5364503f291ae68386752bf7efef97a' })));
+        return (h(Host, { key: '4663770ef7296642cd66b19679798cc83c38c5d9', role: "listitem", name: this.name, href: this.href, linkid: this.linkid, current: this.currentSelection }, h(TagName, { key: '16d6cc300e4218af89f3190538c26cc57985cde4', ...linkAttributes, ...(TagName === 'button' && { ...buttonAttributes }) }, this.icon ? h("pn-icon", { icon: this.icon, color: "blue700" }) : null, h("span", { key: '02f0b6ece17c90a61f66d0d12e6c6d22c572cd4e' }, this.name), this.hasChildren && TagName === 'button' ? (h("div", { class: "pn-sidenav-link-expand" }, this.open ? (h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" })) : (h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" })))) : null), this.hasChildren && TagName === 'a' ? (h("button", { ...buttonAttributes, class: "pn-sidenav-link-expand" }, this.open ? h("pn-icon", { class: "first-level_icon", icon: angle_small_up, color: "blue700" }) : h("pn-icon", { class: "first-level_icon", icon: angle_small_down, color: "blue700" }))) : null, h("slot", { key: 'c4c305cdbb9736171fc148bdd8a853640fffd52d' })));
     }
 };
 PnSidenavLink.style = PnSidenavLinkStyle0;

package/dist/esm/pn-sidenav-link.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-link.entry.js","mappings":";;;;;AAAA,MAAM,IAAI,GAAG,2QAA2Q,CAAC;AAClR,MAAM,cAAc,GAAG,IAAI;;ACDlC,MAAM,gBAAgB,GAAG,~~q1DAAq1D~~,CAAC;~~AAC/2D~~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","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_up.js","src/components/navigation/pn-sidenav/pn-sidenav-link.scss?tag=pn-sidenav-link","src/components/navigation/pn-sidenav/pn-sidenav-link.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_up = icon;\nexport const angleSmallUp = icon;\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-link {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pn-sidenav-link {\n font-weight: normal;\n position: relative;\n border: 0 none;\n display: flex;\n align-items: center;\n background-color: transparent;\n color: $blue700;\n font-size: 1em;\n padding: 1.1rem 1.5rem 1.1rem;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n flex-grow: 1;\n\n &::before {\n content: '';\n display: block;\n width: 0.4rem;\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n transform: translateX(-0.4rem);\n background: $blue700;\n transition: transform linear 0.35s;\n }\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n &:active {\n background-color: $gray50;\n color: $blue400;\n box-shadow: none;\n }\n\n > pn-icon {\n padding-right: 1em;\n }\n}\n\n.pn-sidenav-link-expand {\n margin-left: auto;\n border: 0;\n font-size: 1em;\n background: transparent;\n outline: 0;\n padding: 0 1em 0 0.5em;\n cursor: pointer;\n\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n\n button > & {\n padding-right: 0;\n }\n pn-icon {\n width: 14px;\n }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-sidenav-store';\nimport { angle_small_down, angle_small_up } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-sidenav-link',\n styleUrl: 'pn-sidenav-link.scss',\n shadow: false,\n})\nexport class PnSidenavLink {\n @Element() hostElement: HTMLElement;\n\n /** Name /\n @Prop() name: string = '';\n /* Href /\n @Prop() href: string = '';\n /* Target /\n @Prop() target: string = null;\n /* Link id /\n @Prop() linkid: string = null;\n /* Icon /\n @Prop() icon: string = '';\n /* Currently selected /\n @Prop() currentSelection: boolean = false;\n\n /* Level ID that we control toggle on /\n @State() levelId: string = '';\n /* Menu item is open */\n @State() open: boolean = false;\n @State() hasChildren: boolean = false;\n\n componentWillLoad() {\n this.hasChildren = this.hostElement.querySelectorAll('pn-sidenav-level').length > 0;\n const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n if (this.hasChildren && this.name) {\n this.levelId = `sidenav-lvl${2}-${safeLevelName}`;\n }\n if (!this.linkid && this.name) {\n this.linkid = `sidenav-link-${safeLevelName}`;\n }\n }\n // onClick={this.setOpenMenuLevel.bind(this)}\n onExpandClick() {\n state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n }\n\n getTagName() {\n return this.href ? 'a' : 'button';\n }\n\n render() {\n const TagName = this.getTagName();\n const linkAttributes = {\n href: this.href,\n target: this.target,\n id: this.linkid,\n class: 'pn-sidenav-link',\n };\n\n let buttonAttributes = {\n 'aria-controls': this.levelId,\n 'aria-label': (this.open ? state.i18n.close : state.i18n.open) + ' ' + this.name,\n 'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',\n 'onClick': this.onExpandClick.bind(this),\n };\n\n return (\n <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid} current={this.currentSelection}>\n <TagName {...linkAttributes} {...(TagName === 'button' && { ...buttonAttributes })}>\n {this.icon ? <pn-icon icon={this.icon} color=\"blue700\"></pn-icon> : null}\n\n <span>{this.name}</span>\n\n {this.hasChildren && TagName === 'button' ? (\n <div class=\"pn-sidenav-link-expand\">\n {this.open ? (\n <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" />\n ) : (\n <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n )}\n </div>\n ) : null}\n </TagName>\n {this.hasChildren && TagName === 'a' ? (\n <button {...buttonAttributes} class=\"pn-sidenav-link-expand\">\n {this.open ? <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" /> : <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />}\n </button>\n ) : null}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav-link.entry.js","mappings":"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","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_small_up.js","src/components/navigation/pn-sidenav/pn-sidenav-link.scss?tag=pn-sidenav-link","src/components/navigation/pn-sidenav/pn-sidenav-link.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_small_up = icon;\nexport const angleSmallUp = icon;\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-link {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pn-sidenav-link {\n font-weight: normal;\n position: relative;\n border: 0 none;\n display: flex;\n align-items: center;\n background-color: transparent;\n color: $blue700;\n font-size: 1em;\n padding: 1.1rem 1.5rem 1.1rem;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n flex-grow: 1;\n\n &::before {\n content: '';\n display: block;\n width: 0.4rem;\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n transform: translateX(-0.4rem);\n background: $blue700;\n transition: transform linear 0.35s;\n }\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n &:active {\n background-color: $gray50;\n color: $blue400;\n box-shadow: none;\n }\n\n > pn-icon {\n padding-right: 1em;\n }\n}\n\n.pn-sidenav-link-expand {\n margin-left: auto;\n border: 0;\n font-size: 1em;\n background: transparent;\n outline: 0;\n padding: 0 1em 0 0.5em;\n cursor: pointer;\n\n &:hover,\n &:focus,\n [current='true'] > & {\n background-color: $blue50;\n color: $blue700;\n outline: 0;\n box-shadow: none;\n &::before {\n transform: none;\n }\n }\n\n button > & {\n padding-right: 0;\n }\n pn-icon {\n width: 14px;\n }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-sidenav-store';\nimport { angle_small_down, angle_small_up } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-sidenav-link',\n styleUrl: 'pn-sidenav-link.scss',\n shadow: false,\n})\nexport class PnSidenavLink {\n @Element() hostElement: HTMLElement;\n\n /** Name /\n @Prop() name: string = '';\n /* Href /\n @Prop() href: string = '';\n /* Target /\n @Prop() target: string = null;\n /* Link id /\n @Prop() linkid: string = null;\n /* Icon /\n @Prop() icon: string = '';\n /* Currently selected /\n @Prop() currentSelection: boolean = false;\n\n /* Level ID that we control toggle on /\n @State() levelId: string = '';\n /* Menu item is open */\n @State() open: boolean = false;\n @State() hasChildren: boolean = false;\n\n componentWillLoad() {\n this.hasChildren = this.hostElement.querySelectorAll('pn-sidenav-level').length > 0;\n const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n if (this.hasChildren && this.name) {\n this.levelId = `sidenav-lvl${2}-${safeLevelName}`;\n }\n if (!this.linkid && this.name) {\n this.linkid = `sidenav-link-${safeLevelName}`;\n }\n }\n // onClick={this.setOpenMenuLevel.bind(this)}\n onExpandClick() {\n state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n }\n\n getTagName() {\n return this.href ? 'a' : 'button';\n }\n\n render() {\n const TagName = this.getTagName();\n const linkAttributes = {\n href: this.href,\n target: this.target,\n id: this.linkid,\n class: 'pn-sidenav-link',\n };\n\n let buttonAttributes = {\n 'aria-controls': this.levelId,\n 'aria-label': (this.open ? state.i18n.close : state.i18n.open) + ' ' + this.name,\n 'aria-expanded': (state.openLevel + '' === this.levelId + '') + '',\n 'onClick': this.onExpandClick.bind(this),\n };\n\n return (\n <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid} current={this.currentSelection}>\n <TagName {...linkAttributes} {...(TagName === 'button' && { ...buttonAttributes })}>\n {this.icon ? <pn-icon icon={this.icon} color=\"blue700\"></pn-icon> : null}\n\n <span>{this.name}</span>\n\n {this.hasChildren && TagName === 'button' ? (\n <div class=\"pn-sidenav-link-expand\">\n {this.open ? (\n <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" />\n ) : (\n <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n )}\n </div>\n ) : null}\n </TagName>\n {this.hasChildren && TagName === 'a' ? (\n <button {...buttonAttributes} class=\"pn-sidenav-link-expand\">\n {this.open ? <pn-icon class=\"first-level_icon\" icon={angle_small_up} color=\"blue700\" /> : <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />}\n </button>\n ) : null}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/{pn-sidenav-store-e2038d79.js → pn-sidenav-store-85bdb1e6.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-ae60ebec.js';
+import { c as createStore } from './index-89124075.js';
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = createStore({
@@ -13,4 +13,4 @@ const { state, onChange } = createStore({
 export { onChange as o, state as s };
-//# sourceMappingURL=pn-sidenav-store-e2038d79.js.map
+//# sourceMappingURL=pn-sidenav-store-85bdb1e6.js.map

package/dist/esm/{pn-sidenav-store-e2038d79.js.map → pn-sidenav-store-85bdb1e6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-store-~~e2038d79~~.js","mappings":";;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACtC,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;CACF;;;;","names":[],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n openLevel: '',\n openMenu: false,\n i18n: {\n open: '',\n close: '',\n navLabel: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}
1	+ {"file":"pn-sidenav-store-85bdb1e6.js","mappings":";;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACtC,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;CACF;;;;","names":[],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n openLevel: '',\n openMenu: false,\n i18n: {\n open: '',\n close: '',\n navLabel: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}

package/dist/esm/pn-sidenav-togglebutton.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
-import { s as state } from './pn-sidenav-store-e2038d79.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
+import { s as state } from './pn-sidenav-store-85bdb1e6.js';
 import { b as bars } from './bars-1ff76ce4.js';
 import { c as close_small } from './close_small-e74be67d.js';
-import './index-ae60ebec.js';
+import './index-89124075.js';
-const pnSidenavTogglebuttonCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";
+const pnSidenavTogglebuttonCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#effbff}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";
 const PnSidenavTogglebuttonStyle0 = pnSidenavTogglebuttonCss;
 const PnSidenavTogglebutton = class {
@@ -20,7 +20,7 @@ const PnSidenavTogglebutton = class {
         body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');
     }
     render() {
-        return (h(Host, { key: '5b12dccee3851386ed82a2266a73e8be0979bb28' }, h("pn-button", { key: '919a87ac282aae97c3bf79ac058be48b516ddc31', appearance: "light", icon: state.openMenu ? close_small : bars, "left-icon": true, small: true, onclick: this.onClick.bind(this), label: this.label }, h("slot", { key: '2a28d5e852b331a581609ef617fbb0e691b9f1c1' }))));
+        return (h(Host, { key: '82e24b8349736d093de90378e2111d53484c3ad9' }, h("pn-button", { key: 'ec0121df7d23c19ae55fddd397dec390f792428d', appearance: "light", icon: state.openMenu ? close_small : bars, "left-icon": true, small: true, onclick: this.onClick.bind(this), label: this.label }, h("slot", { key: 'acafff83bb5eeeb63e880ca42cc23d12a6cef5b3' }))));
     }
 };
 PnSidenavTogglebutton.style = PnSidenavTogglebuttonStyle0;

package/dist/esm/pn-sidenav-togglebutton.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-sidenav-togglebutton.entry.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,~~8jBAA8jB~~,CAAC;~~AAChmB~~,oCAAe,wBAAwB;;MCU1B,qBAAqB;;;qBAGR,EAAE;oBAEI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,OAAO;QACL,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,CAAC,8BAA8B,EAAE,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;KACxE;IACD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEAAW,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,GAAG,WAAW,GAAG,IAAI,eAAa,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACxJ,8DAAQ,CACE,CACP,EACP;KACH;;;;;;","names":[],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.scss?tag=pn-sidenav-togglebutton","src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-togglebutton {\n display: block;\n width: 100%;\n padding: 0.8rem 1.6rem;\n background: $blue25;\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n display: none;\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';\nimport { close_small, bars } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n tag: 'pn-sidenav-togglebutton',\n styleUrl: 'pn-sidenav-togglebutton.scss',\n shadow: false,\n})\nexport class PnSidenavTogglebutton {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n @Prop() label: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n onClick() {\n state.openMenu = !state.openMenu;\n const body = document.querySelector('body');\n body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');\n }\n render() {\n return (\n <Host>\n <pn-button appearance=\"light\" icon={state.openMenu ? close_small : bars} left-icon={true} small={true} onclick={this.onClick.bind(this)} label={this.label}>\n <slot />\n </pn-button>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-sidenav-togglebutton.entry.js","mappings":";;;;;;AAAA,MAAM,wBAAwB,GAAG,qPAAqP,CAAC;AACvR,oCAAe,wBAAwB;;MCU1B,qBAAqB;;;qBAGR,EAAE;oBAEI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,OAAO;QACL,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,CAAC,8BAA8B,EAAE,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;KACxE;IACD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEAAW,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,GAAG,WAAW,GAAG,IAAI,eAAa,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACxJ,8DAAQ,CACE,CACP,EACP;KACH;;;;;;","names":[],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.scss?tag=pn-sidenav-togglebutton","src/components/navigation/pn-sidenav/pn-sidenav-togglebutton.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-togglebutton {\n display: block;\n width: 100%;\n padding: 0.8rem 1.6rem;\n background: $blue25;\n @media screen and (min-width: $sidenav-media-abovemobilemode) {\n display: none;\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';\nimport { close_small, bars } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n tag: 'pn-sidenav-togglebutton',\n styleUrl: 'pn-sidenav-togglebutton.scss',\n shadow: false,\n})\nexport class PnSidenavTogglebutton {\n @Element() hostElement: HTMLElement;\n /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n @Prop() label: string = '';\n\n @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n onClick() {\n state.openMenu = !state.openMenu;\n const body = document.querySelector('body');\n body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');\n }\n render() {\n return (\n <Host>\n <pn-button appearance=\"light\" icon={state.openMenu ? close_small : bars} left-icon={true} small={true} onclick={this.onClick.bind(this)} label={this.label}>\n <slot />\n </pn-button>\n </Host>\n );\n }\n}\n"],"version":3}