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

package/dist/components/pn-proxio-productcard-pricelink2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as arrow_right } from './arrow_right.js';
 
-const pnProxioProductcardPricelinkCss = "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-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";
+const pnProxioProductcardPricelinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";
 const PnProxioProductcardPricelinkStyle0 = pnProxioProductcardPricelinkCss;
 
 const PnProxioProductcardPricelink = /*@__PURE__*/ proxyCustomElement(class PnProxioProductcardPricelink extends HTMLElement {

package/dist/components/pn-proxio-productcard-pricelink2.js.map

@@ -1 +1 @@
-{"file":"pn-proxio-productcard-pricelink2.js","mappings":";;;AAAA,MAAM,+BAA+B,GAAG,ygCAAygC,CAAC;AACljC,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-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-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}
+{"file":"pn-proxio-productcard-pricelink2.js","mappings":";;;AAAA,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-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-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/components/pn-proxio-productcard2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const pnProxioProductcardCss = "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-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
+const pnProxioProductcardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
 const PnProxioProductcardStyle0 = pnProxioProductcardCss;
 
 const PnProxioProductcard = /*@__PURE__*/ proxyCustomElement(class PnProxioProductcard extends HTMLElement {
@@ -9,7 +9,7 @@ const PnProxioProductcard = /*@__PURE__*/ proxyCustomElement(class PnProxioProdu
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'a54ac8b5337b080c3684da1adf3924a66e8e2db5' }, h("div", { key: 'c9ec257fbe1a0a6f266e15d5615028389be32aeb', class: "cardcontent" }, h("div", { key: 'f4fa413b12e6796e43a85ef84be95af5e77c313f', class: "carddetails" }, h("slot", { key: 'd3e84fb18d8e21e5874b7f1896e923235195b380', name: "illustrationmobile" }), h("div", { key: 'f957632f1a121cde3f016ef74e05e287e8a76a61', class: "heading" }, h("slot", { key: 'a5ad524ac899686241ff5fa7fb75b805ff5d5364', name: "title" }), h("slot", { key: '8b2498d83972342c5fd1fe0c08d8a6841fe8fba4', name: "uppertags" })), h("slot", { key: 'ee3530c277aef75f1bdae161cf656c03c0efc151', name: "description" }), h("slot", { key: '399d0361f0302828d42e0f263331e526ad2656a7', name: "information" }), h("slot", { key: 'e41b169bd8a128542e274cd5786f4fcd21296a06', name: "bottomtags" })), h("div", { key: 'dd2ea4dfd8fd9a620a9bfac2facdb79ce9a28fd1', class: "cardcalltoactions" }, h("slot", { key: '64c7dc14217432fddf536c1256779de624f8d135', name: "illustration" }), h("slot", { key: '1c0dc3318e43c55210d4de994f38426bcf96e84d', name: "pricelink" }), h("slot", { key: '08f83562748f18e63e4963a76048cf7ccf3dea06', name: "insurance" })))));
+        return (h(Host, { key: '0b26ae1aa1292357c5030498adeb5f1e7f87d85d' }, h("div", { key: '9a0b5646b320dd48dfbab0f7801fcf010b189071', class: "cardcontent" }, h("div", { key: 'd858b0a8ce5078004e0bd4ba4dc60d3d658a4672', class: "carddetails" }, h("slot", { key: 'b94aa9596d36c92b9d2fb441a85d61418654c484', name: "illustrationmobile" }), h("div", { key: '7fbb7c981dc47668aef3e98e8e1cd84ddb6dcc6d', class: "heading" }, h("slot", { key: '4abe626da56d671cc091627b10f6b9af57705408', name: "title" }), h("slot", { key: '8a3b9650d82f7f3d746546bdd71597d8b44a8d17', name: "uppertags" })), h("slot", { key: '61d5bbe10032d715e9dd879c68e3e856edbadcec', name: "description" }), h("slot", { key: 'd16c7591857d86b855f12b7dbe5f7a41772c7d91', name: "information" }), h("slot", { key: '6671fb2c6925f5ff0b3db66e337329924f9ed43f', name: "bottomtags" })), h("div", { key: '3882ae15afcd9b3b2bbd385cba386843a648a5c4', class: "cardcalltoactions" }, h("slot", { key: 'd171da455aee350507418b360cef353e92a184b9', name: "illustration" }), h("slot", { key: 'bcec30db741fa30195ee4091fa4b45aa20498813', name: "pricelink" }), h("slot", { key: '841fa07224456488d1ec67f3c5752276627e0a19', name: "insurance" })))));
     }
     static get style() { return PnProxioProductcardStyle0; }
 }, [4, "pn-proxio-productcard"]);

package/dist/components/pn-proxio-productcard2.js.map

@@ -1 +1 @@
-{"file":"pn-proxio-productcard2.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,s5EAAs5E,CAAC;AACt7E,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;;;;;;;;;;;;;;;;;;;","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"],"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"],"version":3}
+{"file":"pn-proxio-productcard2.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;;;;;;;;;;;;;;;;;;;","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"],"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"],"version":3}

package/dist/components/pn-quick-cta.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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$1 = /*@__PURE__*/ proxyCustomElement(class PnQuickCta extends HTMLElement {

package/dist/components/pn-quick-cta.js.map

@@ -1 +1 @@
-{"file":"pn-quick-cta.js","mappings":";;AAAA,MAAM,aAAa,GAAG,irDAAirD,CAAC;AACxsD,yBAAe,aAAa;;MCKfA,YAAU;;;;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":["PnQuickCta"],"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}
+{"file":"pn-quick-cta.js","mappings":";;AAAA,MAAM,aAAa,GAAG,w2CAAw2C,CAAC;AAC/3C,yBAAe,aAAa;;MCKfA,YAAU;;;;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":["PnQuickCta"],"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/components/pn-quote-card.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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$1 = /*@__PURE__*/ proxyCustomElement(class PnQuoteCard extends HTMLElement {

package/dist/components/pn-quote-card.js.map

@@ -1 +1 @@
-{"file":"pn-quote-card.js","mappings":";;AAAA,MAAM,cAAc,GAAG,gvSAAgvS,CAAC;AACxwS,0BAAe,cAAc;;MCKhBA,aAAW;;;;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":["PnQuoteCard"],"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}
+{"file":"pn-quote-card.js","mappings":";;AAAA,MAAM,cAAc,GAAG,u6RAAu6R,CAAC;AAC/7R,0BAAe,cAAc;;MCKhBA,aAAW;;;;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":["PnQuoteCard"],"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/components/pn-share-item2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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 = /*@__PURE__*/ proxyCustomElement(class PnShareItem extends HTMLElement {

package/dist/components/pn-share-item2.js.map

@@ -1 +1 @@
-{"file":"pn-share-item2.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}
+{"file":"pn-share-item2.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/components/pn-share.js

@@ -28,7 +28,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/components/pn-share.js.map

@@ -1 +1 @@
-{"file":"pn-share.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;MAMWA,SAAO;;;;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":["PnShare"],"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}
+{"file":"pn-share.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;MAMWA,SAAO;;;;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":["PnShare"],"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/components/pn-sidenav-level.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as state, o as onChange } from './pn-sidenav-store.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$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenavLevel extends HTMLElement {
@@ -47,7 +47,7 @@ const PnSidenavLevel$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenavLevel e
             '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/components/pn-sidenav-level.js.map

@@ -1 +1 @@
-{"file":"pn-sidenav-level.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ioBAAioB,CAAC;AAC5pB,6BAAe,iBAAiB;;MCOnBA,gBAAc;;;;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":["PnSidenavLevel"],"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}
+{"file":"pn-sidenav-level.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,wTAAwT,CAAC;AACnV,6BAAe,iBAAiB;;MCOnBA,gBAAc;;;;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":["PnSidenavLevel"],"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/components/pn-sidenav-link.js

@@ -5,7 +5,7 @@ import { a as angle_small_down } from './angle_small_down.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$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenavLink extends HTMLElement {
@@ -54,7 +54,7 @@ const PnSidenavLink$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenavLink ext
             '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' })));
     }
     static get style() { return PnSidenavLinkStyle0; }
 }, [4, "pn-sidenav-link", {

package/dist/components/pn-sidenav-link.js.map

@@ -1 +1 @@
-{"file":"pn-sidenav-link.js","mappings":";;;;AAAA,MAAM,IAAI,GAAG,2QAA2Q,CAAC;AAClR,MAAM,cAAc,GAAG,IAAI;;ACDlC,MAAM,gBAAgB,GAAG,q1DAAq1D,CAAC;AAC/2D,4BAAe,gBAAgB;;MCQlBA,eAAa;;;;oBAID,EAAE;oBAEF,EAAE;sBAEA,IAAI;sBAEJ,IAAI;oBAEN,EAAE;gCAEW,KAAK;uBAGd,EAAE;oBAEJ,KAAK;2BACE,KAAK;;;IAErC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACpF,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,aAAa,EAAE,CAAC;SACnD;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,gBAAgB,aAAa,EAAE,CAAC;SAC/C;KACF;;IAED,aAAa;QACX,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;KAClF;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAC;KACnC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,cAAc,GAAG;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,KAAK,EAAE,iBAAiB;SACzB,CAAC;QAEF,IAAI,gBAAgB,GAAG;YACrB,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI;YAChF,eAAe,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE;YAClE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC;QAEF,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,IACzG,EAAC,OAAO,wDAAK,cAAc,MAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC,IAC/E,IAAI,CAAC,IAAI,GAAG,eAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAW,GAAG,IAAI,EAExE,+DAAO,IAAI,CAAC,IAAI,CAAQ,EAEvB,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,QAAQ,IACvC,WAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,IAAI,IACR,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,SAAS,GAAG,KAE1E,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,CAC7E,CACG,IACJ,IAAI,CACA,EACT,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,GAAG,IAClC,iBAAY,gBAAgB,EAAE,KAAK,EAAC,wBAAwB,IACzD,IAAI,CAAC,IAAI,GAAG,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,SAAS,GAAG,GAAG,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,CAC/J,IACP,IAAI,EACR,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnSidenavLink"],"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}
+{"file":"pn-sidenav-link.js","mappings":";;;;AAAA,MAAM,IAAI,GAAG,2QAA2Q,CAAC;AAClR,MAAM,cAAc,GAAG,IAAI;;ACDlC,MAAM,gBAAgB,GAAG,4gDAA4gD,CAAC;AACtiD,4BAAe,gBAAgB;;MCQlBA,eAAa;;;;oBAID,EAAE;oBAEF,EAAE;sBAEA,IAAI;sBAEJ,IAAI;oBAEN,EAAE;gCAEW,KAAK;uBAGd,EAAE;oBAEJ,KAAK;2BACE,KAAK;;;IAErC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACpF,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,aAAa,EAAE,CAAC;SACnD;QACD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,gBAAgB,aAAa,EAAE,CAAC;SAC/C;KACF;;IAED,aAAa;QACX,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;KAClF;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAC;KACnC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,cAAc,GAAG;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,KAAK,EAAE,iBAAiB;SACzB,CAAC;QAEF,IAAI,gBAAgB,GAAG;YACrB,eAAe,EAAE,IAAI,CAAC,OAAO;YAC7B,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI;YAChF,eAAe,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE;YAClE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC;QAEF,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,IACzG,EAAC,OAAO,wDAAK,cAAc,MAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC,IAC/E,IAAI,CAAC,IAAI,GAAG,eAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAW,GAAG,IAAI,EAExE,+DAAO,IAAI,CAAC,IAAI,CAAQ,EAEvB,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,QAAQ,IACvC,WAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,IAAI,IACR,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,SAAS,GAAG,KAE1E,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,CAC7E,CACG,IACJ,IAAI,CACA,EACT,IAAI,CAAC,WAAW,IAAI,OAAO,KAAK,GAAG,IAClC,iBAAY,gBAAgB,EAAE,KAAK,EAAC,wBAAwB,IACzD,IAAI,CAAC,IAAI,GAAG,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,SAAS,GAAG,GAAG,eAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,CAC/J,IACP,IAAI,EACR,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnSidenavLink"],"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/components/pn-sidenav-togglebutton.js

@@ -3,7 +3,7 @@ import { s as state } from './pn-sidenav-store.js';
 import { b as bars } from './bars.js';
 import { c as close_small } from './close_small.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$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenavTogglebutton extends HTMLElement {
@@ -20,7 +20,7 @@ const PnSidenavTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenav
         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' }))));
     }
     static get style() { return PnSidenavTogglebuttonStyle0; }
 }, [4, "pn-sidenav-togglebutton", {

package/dist/components/pn-sidenav-togglebutton.js.map

@@ -1 +1 @@
-{"file":"pn-sidenav-togglebutton.js","mappings":";;;;;AAAA,MAAM,wBAAwB,GAAG,8jBAA8jB,CAAC;AAChmB,oCAAe,wBAAwB;;MCU1BA,uBAAqB;;;;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":["PnSidenavTogglebutton"],"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}
+{"file":"pn-sidenav-togglebutton.js","mappings":";;;;;AAAA,MAAM,wBAAwB,GAAG,qPAAqP,CAAC;AACvR,oCAAe,wBAAwB;;MCU1BA,uBAAqB;;;;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":["PnSidenavTogglebutton"],"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}

package/dist/components/pn-sidenav.js

@@ -49,7 +49,7 @@ const translations = {
     },
 };
 
-const pnSidenavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";
+const pnSidenavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#ffffff;z-index:6;transform:translateX(-100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;flex-flow:column;visibility:hidden;position:fixed;overflow:auto;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";
 const PnSidenavStyle0 = pnSidenavCss;
 
 const PnSidenav$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenav extends HTMLElement {
@@ -82,7 +82,7 @@ const PnSidenav$1 = /*@__PURE__*/ proxyCustomElement(class PnSidenav extends HTM
         state.openLevel = event.detail;
     }
     render() {
-        return (h(Host, { key: 'fd9f3c21c4741b54b72aaecc0ba0bd67b25cb294', open: (state.openMenu == true) + '' }, h("slot", { key: '0411b9c7e54b42206ba0aff9b4ae5159c621a2ee', name: "above" }), h("nav", { key: 'f911986715e69c09e863bcba918ba01bdf34aa57', class: "sidenav", "aria-label": this.navLabel }, h("slot", { key: '683fc0f3fc92d5aa50a5fd2b8bef76ceec5eb901' }))));
+        return (h(Host, { key: '95a90a9701572d7e662c56dab5acde52617064b6', open: (state.openMenu == true) + '' }, h("slot", { key: '61905384ae757402c2e72013d6aeeb205392eb2b', name: "above" }), h("nav", { key: '9b6f33cda7764ea5b43fb2797b848bb6e1bd844e', class: "sidenav", "aria-label": this.navLabel }, h("slot", { key: 'a7d8d501d7bd18cbf1c89fc07095931162b1e28b' }))));
     }
     static get style() { return PnSidenavStyle0; }
 }, [4, "pn-sidenav", {

package/dist/components/pn-sidenav.js.map

@@ -1 +1 @@
-{"file":"pn-sidenav.js","mappings":";;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;CACF;;AC9CD,MAAM,YAAY,GAAG,8pCAA8pC,CAAC;AACprC,wBAAe,YAAY;;MCSdA,WAAS;;;;wBAGO,IAAI;wBAEJ,EAAE;oBAEC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM,IAAI;QACR,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,MAAM,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC,OAAO,KAAK,KAAK,EAAE;YACtE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;SACxB;KACF;IAGD,WAAW;QACT,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC/B,KAAK,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAiB,CAAC;YAEzD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;aACrC;SACF;KACF;IAGD,wBAAwB,CAAC,KAAK;QAC5B,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAChC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,EAAE,IACvC,6DAAM,IAAI,EAAC,OAAO,GAAQ,EAC1B,4DAAK,KAAK,EAAC,SAAS,gBAAa,IAAI,CAAC,QAAQ,IAC5C,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnSidenav"],"sources":["src/components/navigation/pn-sidenav/translations.ts","src/components/navigation/pn-sidenav/pn-sidenav.scss?tag=pn-sidenav","src/components/navigation/pn-sidenav/pn-sidenav.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    open: 'Öppna',\n    close: 'Stäng',\n    navLabel: 'Undernavigering',\n  },\n  en: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n  da: {\n    open: 'Åbne',\n    close: 'Stæng',\n    navLabel: 'Undernavigation',\n  },\n  no: {\n    open: 'Åpne',\n    close: 'Stäng',\n    navLabel: 'Undernavigering',\n  },\n  fi: {\n    open: 'Avaa',\n    close: 'Sulje',\n    navLabel: 'Ali navigointi',\n  },\n  de: {\n    open: 'Offen',\n    close: 'Schließen',\n    navLabel: 'Unternavigation',\n  },\n  zh: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n  it: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n  nl: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n};\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\nbody[data-siteheader-sidemenuopen='true'] {\n  max-height: 100vh;\n  overflow: hidden;\n  @media screen and (min-width: $sidenav-media-smalldesktop) {\n    max-height: initial;\n    overflow: initial;\n  }\n}\n\npn-sidenav {\n  display: block;\n  height: auto;\n  width: 100vw;\n  padding: 0 1.6rem;\n  background-color: $white;\n  z-index: 6;\n  transform: translateX(-100vw);\n  transition: transform 0.2s 0s;\n  transition-property: transform, visibility;\n  flex-flow: column;\n  visibility: hidden;\n  position: fixed;\n  overflow: auto;\n  top: 10.2rem;\n  bottom: 0;\n  left: 0;\n\n  &[open='true'] {\n    visibility: visible;\n    transform: none;\n  }\n\n  @media screen and (min-width: $sidenav-media-tablet) {\n    top: 15.3rem;\n  }\n\n  @media screen and (min-width: $sidenav-media-abovemobilemode) {\n    position: relative;\n    transform: none;\n    visibility: visible;\n    top: 0;\n    z-index: inherit;\n    width: 100%;\n    padding: 0;\n    height: auto;\n    bottom: auto;\n    left: auto;\n  }\n  // transition:transform .15s ease, opacity .10s ease;\n  // transform: translateX(-100%);\n  // opacity:0;\n  // &[open=\"true\"] {\n  //     transform:none;\n  //     opacity:1;\n  // }\n\n  // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n  //     transform:none;\n  //     opacity:1;\n  // }\n}\n\n.sidenav {\n  // transition:transform .15s ease, opacity .10s ease;\n  // transform: translateX(-100%);\n  // opacity:0;\n  // [open=\"true\"] > & {\n  //     transform:none;\n  //     opacity:1;\n  // }\n\n  // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n  //     transform:none;\n  //     opacity:1;\n  // }\n  // height: auto;\n  // width: 100vw;\n  // background-color: $white;\n  // z-index: 3;\n  // transform: translateX(100vw);\n  // transition: transform 0.2s 0s;\n  // transition-property: transform, visibility;\n  // display:flex;\n  // flex-flow: column;\n  // visibility: hidden;\n  // position: fixed;\n  // top: 15.3rem;\n  // bottom: 0;\n  // left:0;\n\n  [open='true'] > & {\n    // visibility: visible;\n    // transform: translateX(0);\n  }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\n\n@Component({\n  tag: 'pn-sidenav',\n  styleUrl: 'pn-sidenav.scss',\n  shadow: false,\n})\nexport class PnSidenav {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Sets the label of the navigation (Required if multiple nav elements are on a page) */\n  @Prop() navLabel: string = '';\n\n  @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setLanguage();\n    if (window.matchMedia('screen and (min-width:64em)').matches === false) {\n      state.openMenu = false;\n    }\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      state.i18n = translations[this.language] as SideMenui18n;\n      \n      if (!this.navLabel) {\n        this.navLabel = state.i18n.navLabel;\n      }\n    }\n  }\n\n  @Listen('openSubMenuLevelChange')\n  onOpenSubMenuLevelChange(event) {\n    state.openLevel = event.detail;\n  }\n\n  render() {\n    return (\n      <Host open={(state.openMenu == true) + ''}>\n        <slot name=\"above\"></slot>\n        <nav class=\"sidenav\" aria-label={this.navLabel}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-sidenav.js","mappings":";;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,iBAAiB;KAC5B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;IACD,EAAE,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gBAAgB;KAC3B;CACF;;AC9CD,MAAM,YAAY,GAAG,q1BAAq1B,CAAC;AAC32B,wBAAe,YAAY;;MCSdA,WAAS;;;;wBAGO,IAAI;wBAEJ,EAAE;oBAEC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;;;IAEnE,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM,IAAI;QACR,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,MAAM,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC,OAAO,KAAK,KAAK,EAAE;YACtE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;SACxB;KACF;IAGD,WAAW;QACT,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC/B,KAAK,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAiB,CAAC;YAEzD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;aACrC;SACF;KACF;IAGD,wBAAwB,CAAC,KAAK;QAC5B,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;KAChC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,EAAE,IACvC,6DAAM,IAAI,EAAC,OAAO,GAAQ,EAC1B,4DAAK,KAAK,EAAC,SAAS,gBAAa,IAAI,CAAC,QAAQ,IAC5C,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnSidenav"],"sources":["src/components/navigation/pn-sidenav/translations.ts","src/components/navigation/pn-sidenav/pn-sidenav.scss?tag=pn-sidenav","src/components/navigation/pn-sidenav/pn-sidenav.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    open: 'Öppna',\n    close: 'Stäng',\n    navLabel: 'Undernavigering',\n  },\n  en: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n  da: {\n    open: 'Åbne',\n    close: 'Stæng',\n    navLabel: 'Undernavigation',\n  },\n  no: {\n    open: 'Åpne',\n    close: 'Stäng',\n    navLabel: 'Undernavigering',\n  },\n  fi: {\n    open: 'Avaa',\n    close: 'Sulje',\n    navLabel: 'Ali navigointi',\n  },\n  de: {\n    open: 'Offen',\n    close: 'Schließen',\n    navLabel: 'Unternavigation',\n  },\n  zh: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n  it: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n  nl: {\n    open: 'Open',\n    close: 'Close',\n    navLabel: 'Sub navigation',\n  },\n};\n","@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\nbody[data-siteheader-sidemenuopen='true'] {\n  max-height: 100vh;\n  overflow: hidden;\n  @media screen and (min-width: $sidenav-media-smalldesktop) {\n    max-height: initial;\n    overflow: initial;\n  }\n}\n\npn-sidenav {\n  display: block;\n  height: auto;\n  width: 100vw;\n  padding: 0 1.6rem;\n  background-color: $white;\n  z-index: 6;\n  transform: translateX(-100vw);\n  transition: transform 0.2s 0s;\n  transition-property: transform, visibility;\n  flex-flow: column;\n  visibility: hidden;\n  position: fixed;\n  overflow: auto;\n  top: 10.2rem;\n  bottom: 0;\n  left: 0;\n\n  &[open='true'] {\n    visibility: visible;\n    transform: none;\n  }\n\n  @media screen and (min-width: $sidenav-media-tablet) {\n    top: 15.3rem;\n  }\n\n  @media screen and (min-width: $sidenav-media-abovemobilemode) {\n    position: relative;\n    transform: none;\n    visibility: visible;\n    top: 0;\n    z-index: inherit;\n    width: 100%;\n    padding: 0;\n    height: auto;\n    bottom: auto;\n    left: auto;\n  }\n  // transition:transform .15s ease, opacity .10s ease;\n  // transform: translateX(-100%);\n  // opacity:0;\n  // &[open=\"true\"] {\n  //     transform:none;\n  //     opacity:1;\n  // }\n\n  // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n  //     transform:none;\n  //     opacity:1;\n  // }\n}\n\n.sidenav {\n  // transition:transform .15s ease, opacity .10s ease;\n  // transform: translateX(-100%);\n  // opacity:0;\n  // [open=\"true\"] > & {\n  //     transform:none;\n  //     opacity:1;\n  // }\n\n  // @media screen and (min-width: $sidenav-media-abovemobilemode) {\n  //     transform:none;\n  //     opacity:1;\n  // }\n  // height: auto;\n  // width: 100vw;\n  // background-color: $white;\n  // z-index: 3;\n  // transform: translateX(100vw);\n  // transition: transform 0.2s 0s;\n  // transition-property: transform, visibility;\n  // display:flex;\n  // flex-flow: column;\n  // visibility: hidden;\n  // position: fixed;\n  // top: 15.3rem;\n  // bottom: 0;\n  // left:0;\n\n  [open='true'] > & {\n    // visibility: visible;\n    // transform: translateX(0);\n  }\n}\n","import { Component, Prop, h, Host, Listen, Element, State } from '@stencil/core';\nimport { translations } from './translations';\nimport { SideMenui18n } from './types';\nimport state from './pn-sidenav-store';\n\n@Component({\n  tag: 'pn-sidenav',\n  styleUrl: 'pn-sidenav.scss',\n  shadow: false,\n})\nexport class PnSidenav {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Sets the label of the navigation (Required if multiple nav elements are on a page) */\n  @Prop() navLabel: string = '';\n\n  @State() i18n: SideMenui18n = { open: '', close: '', navLabel: '' };\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setLanguage();\n    if (window.matchMedia('screen and (min-width:64em)').matches === false) {\n      state.openMenu = false;\n    }\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      state.i18n = translations[this.language] as SideMenui18n;\n      \n      if (!this.navLabel) {\n        this.navLabel = state.i18n.navLabel;\n      }\n    }\n  }\n\n  @Listen('openSubMenuLevelChange')\n  onOpenSubMenuLevelChange(event) {\n    state.openLevel = event.detail;\n  }\n\n  render() {\n    return (\n      <Host open={(state.openMenu == true) + ''}>\n        <slot name=\"above\"></slot>\n        <nav class=\"sidenav\" aria-label={this.navLabel}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pn-site-footer-col2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const pnSiteFooterColCss = "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-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-site-footer-col:not([theme=dotcom]){min-width:15em;padding:2.5em 1.5rem 0;width:100%}@media screen and (min-width: 33.125em){pn-site-footer-col:not([theme=dotcom]){width:50%}}@media screen and (min-width: 60em){pn-site-footer-col:not([theme=dotcom]){max-width:25%}}pn-site-footer-col:not([theme=dotcom]) ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col:not([theme=dotcom]) li{margin-bottom:1.6rem}pn-site-footer-col:not([theme=dotcom]) a{text-decoration:none;width:fit-content}pn-site-footer-col:not([theme=dotcom]) a .pn-h2{color:#000000}pn-site-footer-col:not([theme=dotcom]) p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom]{width:100%;display:flex;flex-direction:column}pn-site-footer-col[theme=dotcom] *{color:#ffffff}@media screen and (min-width: 768px){pn-site-footer-col[theme=dotcom]{width:33%;padding-left:0.8rem;padding-right:0.8rem}pn-site-footer-col[theme=dotcom]:nth-child(1),pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(3),pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}@media screen and (min-width: 1024px){pn-site-footer-col[theme=dotcom]{width:20%;padding-left:1.6rem;padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(1){width:20%;padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(3){padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}pn-site-footer-col[theme=dotcom] .pn-h2{margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2.2rem}@media screen and (min-width: 1200px){pn-site-footer-col[theme=dotcom] .pn-h2{font-size:2.4rem;line-height:2.64rem}}pn-site-footer-col[theme=dotcom] ul{list-style-type:none;padding:0;margin:0;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] ul li{margin-bottom:1rem}pn-site-footer-col[theme=dotcom] a{display:flex;align-items:center;text-decoration:none;width:fit-content;font-weight:400;font-size:1.6rem;line-height:2.24rem;min-height:26px}pn-site-footer-col[theme=dotcom] a .pn-h2{color:#ffffff}pn-site-footer-col[theme=dotcom] p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom] div{min-height:150px;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] div p:nth-child(odd){font-weight:500}";
+const pnSiteFooterColCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-site-footer-col:not([theme=dotcom]){min-width:15em;padding:2.5em 1.5rem 0;width:100%}@media screen and (min-width: 33.125em){pn-site-footer-col:not([theme=dotcom]){width:50%}}@media screen and (min-width: 60em){pn-site-footer-col:not([theme=dotcom]){max-width:25%}}pn-site-footer-col:not([theme=dotcom]) ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col:not([theme=dotcom]) li{margin-bottom:1.6rem}pn-site-footer-col:not([theme=dotcom]) a{text-decoration:none;width:fit-content}pn-site-footer-col:not([theme=dotcom]) a .pn-h2{color:#000000}pn-site-footer-col:not([theme=dotcom]) p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom]{width:100%;display:flex;flex-direction:column}pn-site-footer-col[theme=dotcom] *{color:#ffffff}@media screen and (min-width: 768px){pn-site-footer-col[theme=dotcom]{width:33%;padding-left:0.8rem;padding-right:0.8rem}pn-site-footer-col[theme=dotcom]:nth-child(1),pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(3),pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}@media screen and (min-width: 1024px){pn-site-footer-col[theme=dotcom]{width:20%;padding-left:1.6rem;padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(1){width:20%;padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(3){padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}pn-site-footer-col[theme=dotcom] .pn-h2{margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2.2rem}@media screen and (min-width: 1200px){pn-site-footer-col[theme=dotcom] .pn-h2{font-size:2.4rem;line-height:2.64rem}}pn-site-footer-col[theme=dotcom] ul{list-style-type:none;padding:0;margin:0;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] ul li{margin-bottom:1rem}pn-site-footer-col[theme=dotcom] a{display:flex;align-items:center;text-decoration:none;width:fit-content;font-weight:400;font-size:1.6rem;line-height:2.24rem;min-height:26px}pn-site-footer-col[theme=dotcom] a .pn-h2{color:#ffffff}pn-site-footer-col[theme=dotcom] p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom] div{min-height:150px;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] div p:nth-child(odd){font-weight:500}";
 const PnSiteFooterColStyle0 = pnSiteFooterColCss;
 
 const PnSiteFooterCol = /*@__PURE__*/ proxyCustomElement(class PnSiteFooterCol extends HTMLElement {
@@ -10,7 +10,7 @@ const PnSiteFooterCol = /*@__PURE__*/ proxyCustomElement(class PnSiteFooterCol e
         this.theme = null;
     }
     render() {
-        return (h(Host, { key: 'f2fd3b4acbcd2f3877bc3fea879f7312f806f677' }, h("slot", { key: '371832d210ea30df0d795e6204e0b5c2c978a4d3' })));
+        return (h(Host, { key: 'afd9ddfa5574158699db36b8c552e7c8d29df669' }, h("slot", { key: '7fcc6901710aed383cd75db33b234e114f8ca086' })));
     }
     static get style() { return PnSiteFooterColStyle0; }
 }, [4, "pn-site-footer-col", {

package/dist/components/pn-site-footer-col2.js.map

@@ -1 +1 @@
-{"file":"pn-site-footer-col2.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,mjGAAmjG,CAAC;AAC/kG,8BAAe,kBAAkB;;MCKpB,eAAe;;;;qBACe,IAAI;;IAE7C,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/navigation/pn-site-footer/pn-site-footer-col.scss?tag=pn-site-footer-col","src/components/navigation/pn-site-footer/pn-site-footer-col.tsx"],"sourcesContent":["@import './pn-site-footer-common.scss';\n@import '../../../globals/main.scss';\n\npn-site-footer-col:not([theme='dotcom']) {\n  min-width: 15em;\n  padding: 2.5em 1.5rem 0;\n  width: 100%;\n\n  @media screen and (min-width: $sitefooter-media-phoneheight) {\n    width: 50%;\n  }\n\n  @media screen and (min-width: $sitefooter-media-smalldesktop) {\n    max-width: 25%;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  li {\n    margin-bottom: 1.6rem;\n  }\n\n  a {\n    text-decoration: none;\n    width: fit-content;\n\n    .pn-h2 {\n      color: $black;\n    }\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n}\n\npn-site-footer-col[theme='dotcom'] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  & * {\n    color: $white;\n  }\n\n  @media screen and (min-width: $min-width-md) {\n    width: 33%;\n    padding-left: 0.8rem;\n    padding-right: 0.8rem;\n\n    &:nth-child(1),\n    &:nth-child(4) {\n      padding-left: 0;\n    }\n\n    &:nth-child(3),\n    &:nth-child(5) {\n      padding-right: 0;\n    }\n  }\n\n  @media screen and (min-width: 1024px) {\n    width: 20%;\n    padding-left: 1.6rem;\n    padding-right: 1.6rem;\n\n    &:nth-child(1) {\n      width: 20%;\n      padding-left: 0;\n    }\n\n    &:nth-child(4) {\n      padding-left: 1.6rem;\n    }\n\n    &:nth-child(3) {\n      padding-right: 1.6rem;\n    }\n\n    &:nth-child(5) {\n      padding-right: 0;\n    }\n  }\n\n  .pn-h2 {\n    margin-bottom: 1rem;\n    font-weight: 700;\n    font-size: 2rem;\n    line-height: 2.2rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 2.4rem;\n      line-height: 2.64rem;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n    margin-bottom: 1.4rem;\n\n    li {\n      margin-bottom: 1rem;\n    }\n  }\n\n  a {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    width: fit-content;\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 2.24rem;\n    min-height: 26px;\n\n    .pn-h2 {\n      color: $white;\n    }\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n\n  div {\n    min-height: 150px;\n    margin-bottom: 1.4rem;\n\n    p:nth-child(odd) {\n      font-weight: 500;\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-site-footer-col',\n  styleUrl: 'pn-site-footer-col.scss',\n})\nexport class PnSiteFooterCol {\n  @Prop({ reflect: true }) theme: string = null;\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-site-footer-col2.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,i6EAAi6E,CAAC;AAC77E,8BAAe,kBAAkB;;MCKpB,eAAe;;;;qBACe,IAAI;;IAE7C,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/navigation/pn-site-footer/pn-site-footer-col.scss?tag=pn-site-footer-col","src/components/navigation/pn-site-footer/pn-site-footer-col.tsx"],"sourcesContent":["@import './pn-site-footer-common.scss';\n@import '../../../globals/main.scss';\n\npn-site-footer-col:not([theme='dotcom']) {\n  min-width: 15em;\n  padding: 2.5em 1.5rem 0;\n  width: 100%;\n\n  @media screen and (min-width: $sitefooter-media-phoneheight) {\n    width: 50%;\n  }\n\n  @media screen and (min-width: $sitefooter-media-smalldesktop) {\n    max-width: 25%;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  li {\n    margin-bottom: 1.6rem;\n  }\n\n  a {\n    text-decoration: none;\n    width: fit-content;\n\n    .pn-h2 {\n      color: $black;\n    }\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n}\n\npn-site-footer-col[theme='dotcom'] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  & * {\n    color: $white;\n  }\n\n  @media screen and (min-width: $min-width-md) {\n    width: 33%;\n    padding-left: 0.8rem;\n    padding-right: 0.8rem;\n\n    &:nth-child(1),\n    &:nth-child(4) {\n      padding-left: 0;\n    }\n\n    &:nth-child(3),\n    &:nth-child(5) {\n      padding-right: 0;\n    }\n  }\n\n  @media screen and (min-width: 1024px) {\n    width: 20%;\n    padding-left: 1.6rem;\n    padding-right: 1.6rem;\n\n    &:nth-child(1) {\n      width: 20%;\n      padding-left: 0;\n    }\n\n    &:nth-child(4) {\n      padding-left: 1.6rem;\n    }\n\n    &:nth-child(3) {\n      padding-right: 1.6rem;\n    }\n\n    &:nth-child(5) {\n      padding-right: 0;\n    }\n  }\n\n  .pn-h2 {\n    margin-bottom: 1rem;\n    font-weight: 700;\n    font-size: 2rem;\n    line-height: 2.2rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 2.4rem;\n      line-height: 2.64rem;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n    margin-bottom: 1.4rem;\n\n    li {\n      margin-bottom: 1rem;\n    }\n  }\n\n  a {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    width: fit-content;\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 2.24rem;\n    min-height: 26px;\n\n    .pn-h2 {\n      color: $white;\n    }\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n\n  div {\n    min-height: 150px;\n    margin-bottom: 1.4rem;\n\n    p:nth-child(odd) {\n      font-weight: 500;\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-site-footer-col',\n  styleUrl: 'pn-site-footer-col.scss',\n})\nexport class PnSiteFooterCol {\n  @Prop({ reflect: true }) theme: string = null;\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}