@postnord/pn-marketweb-components 2.1.9 → 2.2.1

package/components/pn-proxio-productcard-description.js

@@ -1,6 +0,0 @@
-import { P as PnProxioProductcardDescription$1, d as defineCustomElement$1 } from './pn-proxio-productcard-description2.js';
-
-const PnProxioProductcardDescription = PnProxioProductcardDescription$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProxioProductcardDescription, defineCustomElement };

package/components/pn-proxio-productcard-description2.js

@@ -1,43 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnProxioProductcardDescriptionCss = "pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";
-
-const PnProxioProductcardDescription = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.heading = undefined;
-    this.highlight = undefined;
-    this.description = undefined;
-    this.list = [];
-  }
-  render() {
-    return (h(Host, null, this.heading ? (h("h3", null, this.heading)) : (null), this.highlight ? (h("h3", { class: "highlight" }, this.highlight)) : (null), this.description ? (h("span", null, this.description)) : (null), this.list ?
-      (h("ul", null, this.list.map((text) => {
-        return (h("li", null, text));
-      })))
-      : (null)));
-  }
-  static get style() { return pnProxioProductcardDescriptionCss; }
-}, [0, "pn-proxio-productcard-description", {
-    "heading": [1],
-    "highlight": [1],
-    "description": [1],
-    "list": [1040]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-proxio-productcard-description"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-proxio-productcard-description":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProxioProductcardDescription);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PnProxioProductcardDescription as P, defineCustomElement as d };

package/components/pn-proxio-productcard-information.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProxioProductcardInformation extends Components.PnProxioProductcardInformation, HTMLElement {}
-export const PnProxioProductcardInformation: {
-  prototype: PnProxioProductcardInformation;
-  new (): PnProxioProductcardInformation;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-proxio-productcard-information.js

@@ -1,6 +0,0 @@
-import { P as PnProxioProductcardInformation$1, d as defineCustomElement$1 } from './pn-proxio-productcard-information2.js';
-
-const PnProxioProductcardInformation = PnProxioProductcardInformation$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProxioProductcardInformation, defineCustomElement };

package/components/pn-proxio-productcard-information2.js

@@ -1,37 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnProxioProductcardInformationCss = "pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";
-
-const PnProxioProductcardInformation = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = undefined;
-    this.information = [];
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : (null), this.information.map((item) => (item ?
-      (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2))
-      : (null))))) : null)));
-  }
-  static get style() { return pnProxioProductcardInformationCss; }
-}, [0, "pn-proxio-productcard-information", {
-    "label": [1],
-    "information": [16]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-proxio-productcard-information"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-proxio-productcard-information":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProxioProductcardInformation);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PnProxioProductcardInformation as P, defineCustomElement as d };

package/components/pn-proxio-productcard-pricelink.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProxioProductcardPricelink extends Components.PnProxioProductcardPricelink, HTMLElement {}
-export const PnProxioProductcardPricelink: {
-  prototype: PnProxioProductcardPricelink;
-  new (): PnProxioProductcardPricelink;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-proxio-productcard-pricelink.js

@@ -1,6 +0,0 @@
-import { P as PnProxioProductcardPricelink$1, d as defineCustomElement$1 } from './pn-proxio-productcard-pricelink2.js';
-
-const PnProxioProductcardPricelink = PnProxioProductcardPricelink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProxioProductcardPricelink, defineCustomElement };

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

@@ -1,38 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnProxioProductcardPricelinkCss = "pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;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}}";
-
-const PnProxioProductcardPricelink = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.price = undefined;
-    this.link = undefined;
-    this.linktext = undefined;
-  }
-  render() {
-    return this.link && this.linktext ?
-      (h(Host, null, this.price ? (h("h3", null, this.price)) : (null), h("pn-button", { small: "true", icon: "arrow-right", appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : (null);
-  }
-  static get style() { return pnProxioProductcardPricelinkCss; }
-}, [0, "pn-proxio-productcard-pricelink", {
-    "price": [1],
-    "link": [1],
-    "linktext": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-proxio-productcard-pricelink"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-proxio-productcard-pricelink":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProxioProductcardPricelink);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PnProxioProductcardPricelink as P, defineCustomElement as d };

package/components/pn-proxio-productcard.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnProxioProductcard extends Components.PnProxioProductcard, HTMLElement {}
-export const PnProxioProductcard: {
-  prototype: PnProxioProductcard;
-  new (): PnProxioProductcard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-proxio-productcard.js

@@ -1,6 +0,0 @@
-import { P as PnProxioProductcard$1, d as defineCustomElement$1 } from './pn-proxio-productcard2.js';
-
-const PnProxioProductcard = PnProxioProductcard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnProxioProductcard, defineCustomElement };

package/components/pn-proxio-productcard2.js

@@ -1,30 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnProxioProductcardCss = "pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;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{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;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;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;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 PnProxioProductcard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
-  }
-  static get style() { return pnProxioProductcardCss; }
-}, [4, "pn-proxio-productcard"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-proxio-productcard"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-proxio-productcard":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnProxioProductcard);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { PnProxioProductcard as P, defineCustomElement as d };

package/components/pn-quick-cta.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnQuickCta extends Components.PnQuickCta, HTMLElement {}
-export const PnQuickCta: {
-  prototype: PnQuickCta;
-  new (): PnQuickCta;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-quick-cta.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnQuickCtaCss = "pn-quick-cta{width:100%}pn-quick-cta .quick-cta__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;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}";
-
-const PnQuickCta$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.heading = null;
-    this.preamble = null;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "quick-cta__content" }, h("h2", { class: "quick-cta__content__heading" }, this.heading), h("p", { class: "quick-cta__content__preamble" }, this.preamble), h("slot", { name: "quick-cta-cta" }))));
-  }
-  get hostElement() { return this; }
-  static get style() { return pnQuickCtaCss; }
-}, [4, "pn-quick-cta", {
-    "heading": [1],
-    "preamble": [1]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-quick-cta"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-quick-cta":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnQuickCta$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnQuickCta = PnQuickCta$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnQuickCta, defineCustomElement };

package/components/pn-quote-card.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnQuoteCard extends Components.PnQuoteCard, HTMLElement {}
-export const PnQuoteCard: {
-  prototype: PnQuoteCard;
-  new (): PnQuoteCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-quote-card.js

@@ -1,41 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const pnQuoteCardCss = "pn-quote-card .pn-quote-card__container{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;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:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;gap:1.6rem;-ms-flex-align:center;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{-webkit-clip-path:circle(50%);clip-path:circle(50%)}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:-ms-flexbox;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}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}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00A0D6}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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;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:60px;width:60px}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:90px;width:90px}}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:4rem}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{-ms-flex-direction:row-reverse;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:2rem}}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]{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 PnQuoteCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.quote = null;
-    this.name = null;
-    this.occupation = null;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "pn-quote-card__section" }, h("div", { class: "pn-quote-card__container" }, h("slot", { name: "vertical-line" }, " "), h("div", { class: "pn-quote-card__quote__container" }, h("blockquote", { class: "pn-quote-card__quote" }, h("svg", { width: "25", height: "18", viewBox: "0 0 25 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { 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", fill: "white" })), this.quote), h("slot", { name: "horizontal-line" }), h("div", { class: "pn-quote-card__reference__container" }, h("slot", { name: "illustration" }), h("div", { class: "pn-quote-card__reference" }, h("span", { class: "pn-quote-card__reference__name" }, this.name), h("span", { class: "pn-quote-card__reference__occupation" }, this.occupation)))), h("div", { class: "pn-quote-card__large-photo" }, h("slot", { name: "illustration-big" }))))));
-  }
-  get hostElement() { return this; }
-  static get style() { return pnQuoteCardCss; }
-}, [4, "pn-quote-card", {
-    "quote": [1],
-    "name": [1],
-    "occupation": [1]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-quote-card"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-quote-card":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnQuoteCard$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnQuoteCard = PnQuoteCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnQuoteCard, defineCustomElement };

package/components/pn-sidenav-level.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnSidenavLevel extends Components.PnSidenavLevel, HTMLElement {}
-export const PnSidenavLevel: {
-  prototype: PnSidenavLevel;
-  new (): PnSidenavLevel;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-sidenav-level.js

@@ -1,84 +0,0 @@
-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-sidenav-level{display:block;-ms-flex-preferred-size:100%;flex-basis:100%}pn-sidenav-level[data-level=\"2\"]{padding-left:2.5em;overflow:hidden;-webkit-transition:max-height ease 0.2s;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level=\"2\"][aria-hidden=true]{max-height:0}";
-
-const PnSidenavLevel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.level = 1;
-    this.levelId = "";
-    this.isOpen = false;
-    this.parentName = "";
-    this.parentHref = "";
-    this.parentLinkId = "";
-    this.alignment = "right";
-  }
-  async componentWillLoad() {
-    const parent = this.hostElement.parentElement;
-    if (parent.tagName.toLowerCase() !== 'nav') {
-      this.level = 2;
-    }
-    if (parent.tagName.toLowerCase() === 'pn-sidenav-link') {
-      this.parentName = parent.getAttribute('name') + '';
-      this.parentHref = parent.getAttribute('href') + '';
-      this.parentLinkId = parent.getAttribute('linkid') + '';
-      const parentLinkName = this.parentName.toLowerCase().replace(/\W/gi, '_');
-      this.levelId = `sidenav-lvl${this.level}-${parentLinkName}`;
-      if (parent.getAttribute('current') + '' === "true") {
-        state.openLevel = this.levelId;
-        this.onChangeOpenLevel();
-      }
-    }
-    onChange("openLevel", () => {
-      this.onChangeOpenLevel();
-    });
-  }
-  onOpen() {
-  }
-  onChangeOpenLevel() {
-    this.isOpen = state.openLevel === this.levelId;
-  }
-  render() {
-    var _a;
-    const attributes = {
-      "aria-hidden": (this.level > 1) ? (!this.isOpen + '') : null,
-      "data-level": this.level + '',
-      "id": (_a = this.levelId) !== null && _a !== void 0 ? _a : "",
-    };
-    return (h(Host, Object.assign({}, attributes, { "data-asdfasdf": this.isOpen }), h("slot", null)));
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "isOpen": ["onOpen"]
-  }; }
-  static get style() { return pnSidenavLevelCss; }
-}, [4, "pn-sidenav-level", {
-    "level": [32],
-    "levelId": [32],
-    "isOpen": [32],
-    "parentName": [32],
-    "parentHref": [32],
-    "parentLinkId": [32],
-    "alignment": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-sidenav-level"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-sidenav-level":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnSidenavLevel$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnSidenavLevel = PnSidenavLevel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnSidenavLevel, defineCustomElement };

package/components/pn-sidenav-link.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnSidenavLink extends Components.PnSidenavLink, HTMLElement {}
-export const PnSidenavLink: {
-  prototype: PnSidenavLink;
-  new (): PnSidenavLink;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-sidenav-link.js

@@ -1,87 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './pn-sidenav-store.js';
-
-const pnSidenavLinkCss = "pn-sidenav-link{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.pn-sidenav-link{font-weight:normal;position:relative;border:0 none;display:-ms-flexbox;display:flex;-ms-flex-align:center;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;-ms-flex-positive:1;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;-webkit-transform:translateX(-0.4rem);transform:translateX(-0.4rem);background:#005D92;-webkit-transition:-webkit-transform linear 0.35s;transition:-webkit-transform linear 0.35s;transition:transform linear 0.35s;transition:transform linear 0.35s, -webkit-transform linear 0.35s}.pn-sidenav-link:hover,.pn-sidenav-link:focus,[current=true]>.pn-sidenav-link{background-color:#E0F8FF;color:#005D92;outline:0;-webkit-box-shadow:none;box-shadow:none}.pn-sidenav-link:hover::before,.pn-sidenav-link:focus::before,[current=true]>.pn-sidenav-link::before{-webkit-transform:none;transform:none}.pn-sidenav-link:active{background-color:#F3F2F2;color:#00A0D6;-webkit-box-shadow:none;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;-webkit-box-shadow:none;box-shadow:none}.pn-sidenav-link-expand:hover::before,.pn-sidenav-link-expand:focus::before,[current=true]>.pn-sidenav-link-expand::before{-webkit-transform:none;transform:none}button>.pn-sidenav-link-expand{padding-right:0}.pn-sidenav-link-expand pn-icon{width:14px}";
-
-const PnSidenavLink$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.name = "";
-    this.href = "";
-    this.target = null;
-    this.linkid = null;
-    this.icon = "";
-    this.current = false;
-    this.levelId = "";
-    this.open = false;
-    this.hasChildren = false;
-  }
-  componentWillLoad() {
-    this.hasChildren = this.hostElement.querySelectorAll("pn-sidenav-level").length > 0;
-    const safeLevelName = this.name.toLowerCase().replace(/\W/gi, '_');
-    if (this.hasChildren && this.name) {
-      this.levelId = `sidenav-lvl${2}-${safeLevelName}`;
-    }
-    if (!this.linkid && this.name) {
-      this.linkid = `sidenav-link-${safeLevelName}`;
-    }
-  }
-  // onClick={this.setOpenMenuLevel.bind(this)} 
-  onExpandClick() {
-    state.openLevel = (state.openLevel + "" === this.levelId + "") ? '' : this.levelId;
-  }
-  getTagName() {
-    return this.href ? "a" : "button";
-  }
-  render() {
-    const TagName = this.getTagName();
-    const linkAttributes = {
-      href: this.href,
-      target: this.target,
-      id: this.linkid,
-      class: 'pn-sidenav-link'
-    };
-    let buttonAttributes = {
-      "aria-controls": this.levelId,
-      "aria-pressed": "",
-      "aria-label": (this.open ? state.i18n.close : state.i18n.open) + " " + this.name,
-      "aria-expanded": ((state.openLevel + "" === this.levelId + "")) + '',
-      "onClick": this.onExpandClick.bind(this)
-    };
-    return (h(Host, { role: "listitem", name: this.name, href: this.href, linkid: this.linkid, current: this.current + '' }, h(TagName, Object.assign({}, linkAttributes, (TagName === "button" && Object.assign({}, buttonAttributes))), (this.icon) ? h("pn-icon", { symbol: this.icon, color: "blue700" }) : null, h("span", null, this.name), (this.hasChildren && TagName === "button") ? (h("div", { class: "pn-sidenav-link-expand" }, this.open ? (h("pn-icon", { class: "first-level_icon", symbol: "angle-small-up", color: "blue700" })) :
-      (h("pn-icon", { class: "first-level_icon", symbol: "angle-small-down", color: "blue700" })))) : null), (this.hasChildren && TagName === "a") ? (h("button", Object.assign({}, buttonAttributes, { class: "pn-sidenav-link-expand" }), this.open ? (h("pn-icon", { class: "first-level_icon", symbol: "angle-small-up", color: "blue700" })) :
-      (h("pn-icon", { class: "first-level_icon", symbol: "angle-small-down", color: "blue700" })))) : null, h("slot", null)));
-  }
-  get hostElement() { return this; }
-  static get style() { return pnSidenavLinkCss; }
-}, [4, "pn-sidenav-link", {
-    "name": [1],
-    "href": [1],
-    "target": [1],
-    "linkid": [1],
-    "icon": [1],
-    "current": [4],
-    "levelId": [32],
-    "open": [32],
-    "hasChildren": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-sidenav-link"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-sidenav-link":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnSidenavLink$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnSidenavLink = PnSidenavLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnSidenavLink, defineCustomElement };

package/components/pn-sidenav-togglebutton.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnSidenavTogglebutton extends Components.PnSidenavTogglebutton, HTMLElement {}
-export const PnSidenavTogglebutton: {
-  prototype: PnSidenavTogglebutton;
-  new (): PnSidenavTogglebutton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/components/pn-sidenav-togglebutton.js

@@ -1,45 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './pn-sidenav-store.js';
-
-const pnSidenavTogglebuttonCss = "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 PnSidenavTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = "";
-    this.i18n = { open: '', close: '', navLabel: '' };
-  }
-  onClick() {
-    state.openMenu = !state.openMenu;
-    const body = document.querySelector('body');
-    body.setAttribute('data-siteheader-sidemenuopen', state.openMenu + '');
-  }
-  render() {
-    return (h(Host, null, h("pn-button", { appearance: "light", icon: state.openMenu ? 'close-small' : 'bars', "left-icon": true, small: true, onclick: this.onClick.bind(this), label: this.label }, h("slot", null))));
-  }
-  get hostElement() { return this; }
-  static get style() { return pnSidenavTogglebuttonCss; }
-}, [4, "pn-sidenav-togglebutton", {
-    "label": [1],
-    "i18n": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["pn-sidenav-togglebutton"];
-  components.forEach(tagName => { switch (tagName) {
-    case "pn-sidenav-togglebutton":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PnSidenavTogglebutton$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PnSidenavTogglebutton = PnSidenavTogglebutton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PnSidenavTogglebutton, defineCustomElement };

package/components/pn-sidenav.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PnSidenav extends Components.PnSidenav, HTMLElement {}
-export const PnSidenav: {
-  prototype: PnSidenav;
-  new (): PnSidenav;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;