@postnord/pn-marketweb-components 2.3.11 → 2.3.13

package/components/pn-marketweb-search.js

@@ -0,0 +1,129 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const pnMarketwebSearchCss = ":host{display:-ms-inline-flexbox;display:inline-flex}:host>pn-button{margin-left:0.35em}:host>pn-button button .pn-button-bg{-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s}:host>pn-button[data-loading=true] .pn-button-bg{left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s}:host>pn-button[data-loading=true] pn-spinner{left:0.75em}:host input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}:host input::-webkit-search-cancel-button{display:none}:host input::-webkit-input-placeholder{color:#969087;font-weight:normal}:host input::-moz-placeholder{color:#969087;font-weight:normal}:host input:-ms-input-placeholder{color:#969087;font-weight:normal}:host input::-ms-input-placeholder{color:#969087;font-weight:normal}:host input::placeholder{color:#969087;font-weight:normal}:host input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}:host input:hover{border:0.1rem solid #00A0D6}:host input:disabled{background:#F3F2F2;border:none}:host>.input-container{width:100%;position:relative}:host>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host[list] :host>.input-container .button-container{display:none}:host>.input-container button{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:#FFFFFF;border:none;color:#005D92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;-webkit-transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}:host>.input-container button.clear,:host>.input-container button.search{cursor:pointer}:host>.input-container button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}:host>.input-container button:hover,:host>.input-container button:focus{background:#E0F8FF}:host>.input-container button:active{background:#005D92}:host>.input-container button:active pn-icon svg,:host>.input-container button:active pn-icon svg path{fill:white}:host .searching button.search{-webkit-transform:translate(150%, -50%);transform:translate(150%, -50%)}:host .searching button.clear{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none input,:host .button-icon-inline input{padding-right:3.3em}:host .button-none pn-spinner,:host .button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}:host .button-none button.search,:host .button-icon-inline button.search{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none.loading button,:host .button-icon-inline.loading button{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .button-none.loading pn-spinner,:host .button-icon-inline.loading pn-spinner{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none.searching button.search{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}";
+
+const PnMarketwebSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.search = createEvent(this, "search", 7);
+    this.update = createEvent(this, "update", 7);
+    this.disabled = false;
+    this.placeholder = null;
+    this.inputid = null;
+    this.name = null;
+    this.autocomplete = null;
+    this.list = null;
+    this.value = null;
+    this.label = null;
+    this.loading = false;
+    this.button = '';
+    this.light = false;
+    this.suggestionObserver = null;
+    this.hasClonedInput = false;
+    this.listSuggestion = [];
+  }
+  inputHandler() {
+    this.update.emit(this.value);
+  }
+  emitSearch(e) {
+    if (e.type === 'click' ||
+      (e.type === 'keydown' && e.key === 'Enter')) {
+      // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead
+      e.preventDefault();
+      this.search.emit(this.value);
+    }
+  }
+  setVal(e) {
+    this.value = e.target.value;
+  }
+  clearInput() {
+    this.value = '';
+    this.update.emit(this.value);
+    this.hostElement.querySelector('input').focus();
+  }
+  getClassNames() {
+    let classNames = '';
+    const buttonTypes = ['none', 'icon', 'icon-inline'];
+    if (this.value)
+      classNames += 'searching ';
+    if (this.loading)
+      classNames += 'loading ';
+    if (buttonTypes.includes(this.button))
+      classNames += `button-${this.button} `;
+    return classNames;
+  }
+  componentWillRender() {
+    this.cloneListContent();
+    this.autocompleteEventBinding();
+  }
+  onSuggestionUpdate() {
+    this.cloneListContent();
+  }
+  autocompleteEventBinding() {
+    if (this.suggestionObserver !== null || !this.list || (!this.hostElement) || !document.getElementById(this.list)) {
+      return;
+    }
+    const targetNode = document.getElementById(this.list);
+    this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));
+    this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });
+  }
+  cloneListContent() {
+    if (!this.list || (!this.hostElement) || !document.getElementById(this.list)) {
+      return;
+    }
+    const options = [...document.getElementById(this.list).querySelectorAll('option')];
+    this.listSuggestion = options.map((item) => {
+      if (item.hasAttribute('value')) {
+        return item.getAttribute('value');
+      }
+      return item.innerText;
+    });
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `input-container ${this.getClassNames()}`, "data-haslist": (this.list !== null) + '' }, h("input", { type: "search", value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, list: this.list, onKeyDown: (e) => this.emitSearch(e), onInput: (e) => this.setVal(e) }), h("div", { class: "button-container" }, (this.button === 'none' || this.button === 'icon-inline') &&
+      h("button", { class: "search", tabindex: this.button === 'icon-inline' ? '0' : '-1', onClick: (e) => this.emitSearch(e), "aria-label": "search", title: "search" }, h("pn-icon", { symbol: "search", color: "blue700" })), (this.button !== 'icon-inline') &&
+      h("button", { class: "clear", "aria-label": "clear", title: "clear search field", tabindex: this.value && (!this.loading || this.button !== 'none') ? '0' : '-1', onClick: () => this.clearInput() }, h("pn-icon", { symbol: "close-small", color: "blue700" })), this.button === 'none' || this.button === 'icon-inline' && h("pn-spinner", null))), (this.button !== 'none' && this.button !== 'icon-inline') &&
+      h("pn-button", { onClick: (e) => this.emitSearch(e), loading: this.loading, icon: "search", appearance: this.light ? 'light' : 'dark', "icon-only": this.button === 'icon' }, this.label), (this.list) &&
+      h("datalist", { id: this.list }, this.listSuggestion.map((item) => {
+        return (h("option", null, item));
+      }))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnMarketwebSearchCss; }
+}, [1, "pn-marketweb-search", {
+    "disabled": [4],
+    "placeholder": [1],
+    "inputid": [1],
+    "name": [1],
+    "autocomplete": [1],
+    "list": [1],
+    "value": [1],
+    "label": [1],
+    "loading": [4],
+    "button": [1],
+    "light": [4],
+    "suggestionObserver": [32],
+    "hasClonedInput": [32],
+    "listSuggestion": [32]
+  }, [[0, "input", "inputHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-search"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-search":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSearch$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnMarketwebSearch = PnMarketwebSearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSearch, defineCustomElement };

package/components/pn-marketweb-sitefooter.d.ts

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

package/components/pn-marketweb-sitefooter.js

@@ -0,0 +1,335 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { F as FetchHelper, M as MarketWebContextService } from './MarketWebContextService.js';
+import { d as defineCustomElement$3 } from './pn-site-footer2.js';
+import { d as defineCustomElement$2 } from './pn-site-footer-col2.js';
+
+const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {
+  switch (linkType) {
+    case 'facebook':
+      return `<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="28" cy="28" r="28" fill="${fill}" />
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z" fill="white" />
+      </svg>`;
+    case 'twitter':
+      return `<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="28" cy="28" r="28" fill="${fill}" />
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M41.3337 19.8587C40.3525 20.2871 39.2981 20.5766 38.1914 20.7068C39.321 20.0402 40.1884 18.9847 40.5969 17.7272C39.5399 18.3443 38.369 18.7925 37.1228 19.0341C36.1248 17.9874 34.7029 17.3333 33.1294 17.3333C30.1079 17.3333 27.6583 19.7446 27.6583 22.7188C27.6583 23.1409 27.7067 23.552 27.8 23.9461C23.253 23.7216 19.2218 21.5775 16.5234 18.3191C16.0525 19.1146 15.7827 20.0397 15.7827 21.0267C15.7827 22.8951 16.7486 24.5436 18.2166 25.5093C17.3197 25.4814 16.4762 25.2391 15.7385 24.8358C15.7381 24.8582 15.7381 24.8808 15.7381 24.9035C15.7381 27.5129 17.6239 29.6896 20.1267 30.1843C19.6676 30.3074 19.1843 30.3732 18.6853 30.3732C18.3328 30.3732 17.99 30.3395 17.656 30.2766C18.3522 32.4163 20.3726 33.9733 22.7667 34.0168C20.8943 35.4612 18.5353 36.3222 15.9721 36.3222C15.5305 36.3222 15.095 36.2968 14.667 36.2471C17.0881 37.7751 19.9639 38.6666 23.0535 38.6666C33.1166 38.6666 38.6195 30.4602 38.6195 23.3433C38.6195 23.1098 38.6142 22.8776 38.6037 22.6466C39.6725 21.8873 40.6002 20.9387 41.3337 19.8587Z" fill="white" />
+      </svg>`;
+    case 'linkedin':
+      return `<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="28" cy="28" r="28" fill="${fill}" />
+          <path d="M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z" fill="white" />
+      </svg>`;
+    case 'instagram':
+      return `<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="28" cy="28" r="28" fill="${fill}" />
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z" fill="white" />
+      </svg>`;
+    case 'youtube':
+      return `<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">
+        <circle fill="${fill}" cx="28" cy="28" r="28"></circle>
+        <g transform="translate(9937 4831.656)">
+          <path fill="#fff" d="M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3
+            c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7
+            c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7
+            s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1
+            c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6
+            s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6
+            c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6
+            c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z
+             M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z"></path>
+        </g>
+        </svg>`;
+    default:
+      return '';
+  }
+};
+
+const translations = {
+  'sv': {
+    "searchlabel": "Sök",
+    "searchplaceholder": "Vad letar du efter?",
+    "searchbuttontext": "Sök",
+    "menuHomeButton": "Hem",
+    "menuGoBackButton": "Gå tillbaka",
+    "mainMenuButton": "Meny",
+    "menuStartButton": "Start"
+  },
+  'en': {
+    "searchlabel": "Search",
+    "searchplaceholder": "Search",
+    "searchbuttontext": "Search",
+    "menuHomeButton": "Home",
+    "menuGoBackButton": "Go back",
+    "mainMenuButton": "Menu",
+    "menuStartButton": "Start"
+  },
+  'da': {
+    "searchlabel": "Søg",
+    "searchplaceholder": "Søg",
+    "searchbuttontext": "Søg",
+    "menuHomeButton": "Hjem",
+    "menuGoBackButton": "Gå tilbage",
+    "mainMenuButton": "Menu",
+    "menuStartButton": "Start"
+  },
+  'no': {
+    "searchlabel": "Søk",
+    "searchplaceholder": "Søk",
+    "searchbuttontext": "Søk",
+    "menuHomeButton": "Hjem",
+    "menuGoBackButton": "Gå tilbake",
+    "mainMenuButton": "Meny",
+    "menuStartButton": "Start"
+  },
+  'fi': {
+    "searchlabel": "Hae",
+    "searchplaceholder": "Hae",
+    "searchbuttontext": "Hae",
+    "menuHomeButton": "Koti",
+    "menuGoBackButton": "Mene takaisin",
+    "mainMenuButton": "Valikko",
+    "menuStartButton": "Alkaa"
+  }
+};
+
+const pnMarketwebSitefooterCss = "pn-marketweb-sitefooter .social-media a[target=_blank]:not(.pn-button):after{content:none}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]){display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop]{display:block;margin-top:auto;margin-bottom:1.6rem}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop] .trustpilot-widget{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:block;margin-top:1rem;margin-bottom:2.3rem}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:none}}div[slot=middle-extra-mobile],div[slot=middle-extra]{display:none}pn-marketweb-sitefooter[theme=dotcom]{width:100%}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediamobile],pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediadesktop]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:block;width:100%;text-align:-webkit-center;margin:2.4rem 0}@media screen and (min-width: 1024px){pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra]{display:block;width:100%;text-align:-webkit-center;margin:3.2rem 0}}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=darkestblue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#FFFFFF}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]{background-color:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]>svg path{fill:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #D3CECB;border-bottom:0.1rem solid #D3CECB}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media>ul>li:hover svg>circle{fill:#8EDDF9}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#FFFFFF}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]{background-color:#F3F2F2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]>svg path{fill:#F3F2F2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#F3F2F2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #D3CECB;border-bottom:0.1rem solid #D3CECB}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg circle{fill:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg:hover>circle{fill:#00A0D6}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] *{color:#0D234B}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#0D234B}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] a:not(h3){color:#005D92}pn-marketweb-sitefooter[theme=tpl] pn-site-footer{background-color:#0D234B;padding-top:6rem}@media screen and (max-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] pn-site-footer{padding-left:2.6rem;padding-right:2.6rem}}pn-marketweb-sitefooter[theme=tpl] pn-site-footer>svg{display:none}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom{background-color:#0D234B;color:#FFFFFF;margin:2.5rem 0}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom div[slot=bottom]{border-top:1px solid #005D92;border-bottom:1px solid #005D92}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a{color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a:hover{text-decoration:underline;color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo{background-color:#0D234B;color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a{color:#FBC2C1}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a:hover,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a:hover{text-decoration:underline;color:#FBC2C1}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 8rem}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 5rem}}@media screen and (max-width: 48em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 3rem}}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{width:114rem;-ms-flex-pack:justify;justify-content:space-between}}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-logo a svg path{fill:#00A0D6}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col{width:unset;min-width:unset}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:45%}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:100%;padding-top:0}}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a{display:-ms-inline-flexbox;display:inline-flex;gap:0.7rem;-ms-flex-align:start;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a h3{color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a span.footer-tpl-links{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a:hover{text-decoration:underline;color:#FBC2C1}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg{background-color:#FBC2C1;border-radius:0.3rem;height:1.7rem;width:1.7rem;margin-top:0.3rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg path{fill:#0D234B}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col h3{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{-ms-flex-direction:column;flex-direction:column;gap:0.5rem;row-gap:0rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media li{max-height:4rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a{-ms-flex-align:center;align-items:center;gap:0}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a circle{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a span.footer-tpl-links{display:block}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg{height:3.7rem;width:3.7rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg path{fill:#FBC2C1}";
+
+const PnMarketwebSiteheader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    // FetchHelper
+    this.fetchHelper = new FetchHelper('sitefooter');
+    //endpoint
+    this.endpointPath = '/api/footer/footer';
+    this.market = 'se';
+    this.language = 'sv';
+    this.environment = null;
+    this.endpoint = null;
+    this.siteDomainInUrls = false;
+    this.cache = false;
+    this.theme = 'default';
+    this.backgroundcolor = 'darkestblue';
+    this.siteDefinition = undefined;
+    this.footerContent = undefined;
+    this.i18n = undefined;
+    this.gotData = false;
+    this.fetchingData = false;
+  }
+  componentWillLoad() {
+    this.setInitialValues().then(() => {
+      this.init();
+    });
+  }
+  async setInitialValues(href = window.location.href) {
+    var _a;
+    const marketWebContextService = new MarketWebContextService(href);
+    if (!this.market) {
+      const resolvedMarket = await marketWebContextService.getMarket();
+      this.market = resolvedMarket;
+    }
+    if (!this.language) {
+      const resolvedMarket = await marketWebContextService.getLanguage();
+      this.language = resolvedMarket;
+    }
+    if (!this.environment) {
+      this.environment = await marketWebContextService.getEnvironmentName();
+    }
+    if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
+    }
+    if (!this.endpoint) {
+      this.endpoint = '';
+    }
+  }
+  async init() {
+    this.setTranslations();
+    await this.fetchData();
+  }
+  setTranslations() {
+    if (this.language && translations[this.language]) {
+      this.i18n = translations[this.language];
+    }
+  }
+  onLanguageChange() {
+    this.setTranslations();
+    this.fetchData();
+  }
+  onMarketChange() {
+    this.fetchData();
+  }
+  setFetchUrl(endpointBase) {
+    switch (this.theme) {
+      case 'dotcom':
+        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;
+      default:
+        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
+    }
+  }
+  async fetchData() {
+    if (this.endpoint === null || !this.market || !this.language) {
+      // console.warn(`One or more values where not specified.\nEndpoint: ${this.endpoint}\nMarket: ${this.market}\nLanguage: ${this.language}`)
+      return;
+    }
+    this.fetchingData = true;
+    const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
+    const fetchUrl = this.setFetchUrl(endpointBase);
+    const data = (await this.fetchHelper.fetchJson(fetchUrl, {
+      mode: 'cors',
+    }, this.cache, this.onFetchRefreshed.bind(this)));
+    await this.setStateFromData(data);
+  }
+  onFetchRefreshed(data) {
+    this.setStateFromData(data);
+  }
+  setStateFromData(data) {
+    if (typeof data !== 'object') {
+      console.warn('Data was not valid', data);
+    }
+    // Set site definition
+    this.siteDefinition = data.sitedefinition;
+    // Set footer content
+    this.footerContent = data.footer;
+    if (this.siteDomainInUrls) {
+      this.adjustLinks();
+    }
+    this.gotData = true;
+    this.fetchingData = true;
+  }
+  adjustLinks() {
+    this.footerContent.bottomLinks.forEach(link => {
+      link.linkHref = this.adjustHref(link.linkHref);
+    });
+    this.footerContent.columns.forEach(col => {
+      col.links.forEach(link => {
+        link.linkHref = this.adjustHref(link.linkHref);
+      });
+    });
+  }
+  adjustHref(href) {
+    if (!href || href.indexOf('http') === 0) {
+      return href;
+    }
+    const domainUrl = this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1
+      ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)
+      : this.siteDefinition.url;
+    href = domainUrl + href;
+    return href;
+  }
+  uniqueId(text) {
+    return 'footer-' + text.replace(/[^A-Za-z0-9.\\\/]/gim, '');
+  }
+  renderCols() {
+    var _a;
+    if (this.gotData && ((_a = this.footerContent) === null || _a === void 0 ? void 0 : _a.columns)) {
+      return this.footerContent.columns.map(column => {
+        return (h("pn-site-footer-col", { theme: this.theme }, column.firstLinkAsHeader && column.links && column.links[0] ?
+          h("a", { href: column.links[0].linkHref, target: column.links[0].openInNewWindow ? '_blank' : null, rel: column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null, title: column.links[0].linkText, id: this.uniqueId(column.links[0].linkText) }, h("h3", null, column.links[0].linkText))
+          : h("h3", null, column.heading), column.links && (!column.body || this.theme === 'tpl') ? (h("ul", Object.assign({}, (column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })), column.links.map((link, i) => {
+          if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {
+            return false;
+          }
+          let linkText = link.linkText;
+          if (link.linkType) {
+            linkText = getSocialMediaIconsByType(link.linkType);
+          }
+          let linkId = this.uniqueId(linkText);
+          return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }), this.theme === 'tpl' ? (h("span", { class: "footer-tpl-links" }, link.linkText)) : null)));
+        }))) : null, column.body ? h("div", { innerHTML: column.body }) : null, h("slot", { name: "bottomsocialmediadesktop" }), h("slot", { name: "bottomsocialmediamobile" })));
+      });
+    }
+    else {
+      return null;
+    }
+  }
+  renderBottomLinks() {
+    return this.footerContent.bottomLinks.map(link => {
+      if (!link.linkHref) {
+        return h("li", null, link.linkText);
+      }
+      let linkId = this.uniqueId(link.linkText);
+      return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText)));
+    });
+  }
+  renderDefaultFooter() {
+    var _a, _b, _c, _d;
+    return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '' }, h("slot", { name: "logo" }), this.renderCols(), h("div", { slot: "bottom" }, this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.copyrightText) ? h("span", null, this.footerContent.copyrightText) : null, this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.bottomLinks) ? (h("span", null, this.footerContent.bottomLinks.map(link => {
+      if (!link.linkHref) {
+        return h("span", null, link.linkText);
+      }
+      let linkId = this.uniqueId(link.linkText);
+      return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
+    }))) : null))));
+  }
+  renderSocialMeidaIconListElements() {
+    var _a;
+    return (this.gotData &&
+      ((_a = this.footerContent) === null || _a === void 0 ? void 0 : _a.socialmedialinks.map(link => {
+        let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');
+        let linkId = this.uniqueId(link.linkText);
+        return (h("li", null, h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
+      })));
+  }
+  renderDotComFooter() {
+    var _a, _b, _c, _d;
+    return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("pn-site-footer", { theme: this.theme, url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '' }, this.renderCols(), h("slot", { name: "middle-extra" }), h("slot", { name: "middle-extra-mobile" }), h("div", { slot: "bottom" }, h("div", { class: "social-media" }, h("ul", null, this.renderSocialMeidaIconListElements())), h("div", { class: "copyright" }, this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.copyrightText) ? h("span", null, this.footerContent.copyrightText) : null, this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.bottomLinks) ? h("ul", null, this.renderBottomLinks()) : null)))));
+  }
+  render() {
+    switch (this.theme) {
+      case 'dotcom':
+        return this.renderDotComFooter();
+      default:
+        return this.renderDefaultFooter();
+    }
+  }
+  get hostElement() { return this; }
+  static get watchers() { return {
+    "language": ["onLanguageChange"],
+    "market": ["onMarketChange"]
+  }; }
+  static get style() { return pnMarketwebSitefooterCss; }
+}, [4, "pn-marketweb-sitefooter", {
+    "market": [1537],
+    "language": [1537],
+    "environment": [1537],
+    "endpoint": [1],
+    "siteDomainInUrls": [4, "site-domain-in-urls"],
+    "cache": [4],
+    "theme": [513],
+    "backgroundcolor": [513],
+    "siteDefinition": [32],
+    "footerContent": [32],
+    "i18n": [32],
+    "gotData": [32],
+    "fetchingData": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-sitefooter", "pn-site-footer", "pn-site-footer-col"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-sitefooter":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSiteheader);
+      }
+      break;
+    case "pn-site-footer":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pn-site-footer-col":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnMarketwebSitefooter = PnMarketwebSiteheader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSitefooter, defineCustomElement };

package/components/pn-marketweb-siteheader-login-button.d.ts

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

package/components/pn-marketweb-siteheader-login-button.js

@@ -0,0 +1,6 @@
+import { P as PnMarketwebSiteheaderLoginButton$1, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-button2.js';
+
+const PnMarketwebSiteheaderLoginButton = PnMarketwebSiteheaderLoginButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSiteheaderLoginButton, defineCustomElement };

package/components/pn-marketweb-siteheader-login-button2.js

@@ -0,0 +1,79 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const getLoginUrl = currentDomain => {
+  /*
+URL RULES:
+----------
+
+Step 1
+If a user is on on a domain with these patterns / direct  urls:
+  [market]-[environments].postnord.com
+  market = ['se','dk', 'no', 'fi','com','de','tpl'];
+  environments = ['integration', 'preproduction', 'production'];
+Or matches
+  wwwurls = ['www.postnord.se','www.postnord.dk', 'www.postnord.no', 'www.postnord.fi', 'www.postnord.com', 'www.postnord.de', 'www.tpl.postnord.com']
+Or is localhost | local.posnord.*
+
+Step 2.
+If the above is not matches, check if the domain is a portal AT domain:
+  portalAtDomains = ['devportal.postnord.com', 'atportal.postnord.com']
+  Then use the atportal endpoints to log in (this should have nothing to do with the market domains
+
+Step 3.
+If non of the above matches, then use the production portal endpoint to log in
+
+*/
+  const marketRegex = '(?:se|dk|no|fi|com|de|tpl)-(?:integration|preproduction|production).(?:postnord.com)';
+  const wwwRegex = '(?:www(?:.tpl)?.postnord.(?:se|dk|no|fi|com|de))';
+  const localRegex = '(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)';
+  const devAndAtRegex = '(?:dev|at)(?:portal.postnord.com)';
+  if (currentDomain.match(marketRegex) || currentDomain.match(wwwRegex) || currentDomain.match(localRegex)) {
+    return '/login?returnUrl=';
+  }
+  else if (currentDomain.match(devAndAtRegex)) {
+    return 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
+  }
+  else {
+    return 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
+  }
+};
+
+const pnMarketwebSiteheaderLoginButtonCss = "";
+
+const PnMarketwebSiteheaderLoginButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.label = 'Log in';
+  }
+  componentWillLoad() {
+    this.loginUrl = getLoginUrl(window.location.host);
+  }
+  nagivateToLoginUrl() {
+    const navigationUrl = `${this.loginUrl}${window.location.href}`;
+    return navigationUrl;
+  }
+  render() {
+    return (h(Host, null, h("pn-button", { href: this.nagivateToLoginUrl() }, this.label)));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnMarketwebSiteheaderLoginButtonCss; }
+}, [0, "pn-marketweb-siteheader-login-button", {
+    "label": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-marketweb-siteheader-login-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-marketweb-siteheader-login-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnMarketwebSiteheaderLoginButton);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnMarketwebSiteheaderLoginButton as P, defineCustomElement as d };

package/components/pn-marketweb-siteheader-login-linklist.d.ts

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

package/components/pn-marketweb-siteheader-login-linklist.js

@@ -0,0 +1,6 @@
+import { P as PnMarketwebSiteheaderLoginLinklist$1, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-linklist2.js';
+
+const PnMarketwebSiteheaderLoginLinklist = PnMarketwebSiteheaderLoginLinklist$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnMarketwebSiteheaderLoginLinklist, defineCustomElement };