@postnord/pn-marketweb-components 2.1.8 → 2.1.9

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,84 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,87 @@
+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/{esm/pn-sidenav-store-50b186d6.js → components/pn-sidenav-store.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-7b21ecff.js';
+import { c as createStore } from './index2.js';
 
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = createStore({

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1,11 @@
+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;