@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/components/pn-marketweb-search.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-search.js","mappings":"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","names":["PnMarketwebSearch"],"sources":["src/components/input/pn-marketweb-search/pn-marketweb-search.scss?tag=pn-marketweb-search&encapsulation=shadow","src/components/input/pn-marketweb-search/pn-marketweb-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n:host {\n  display: inline-flex;\n}\n\n:host > pn-button {\n  margin-left: 0.35em;\n  button {\n    // justify-content: flex-start;\n\n    .pn-button-bg {\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s,\n        left 0.2s,\n        transform 0.2s;\n    }\n  }\n\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 0;\n      transform: translateX(0);\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s;\n    }\n\n    pn-spinner {\n      left: 0.75em;\n    }\n  }\n}\n\n:host input {\n  padding: 0.75em;\n  min-height: 3em;\n  font-size: 1em;\n  height: 100%;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 3em;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\n:host > .input-container {\n  width: 100%;\n  position: relative;\n\n  .button-container {\n    :host[list] & {\n      display: none;\n    }\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: transparent;\n    width: 3em;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    background: $white;\n    border: none;\n    color: $blue700;\n    padding: 0.3rem;\n    margin: 0;\n    font-size: 0.875em;\n    border-radius: 50%;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      box-shadow 0.1s,\n      transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n      opacity 0.2s;\n    border: 0.1rem solid transparent;\n    -webkit-tap-highlight-color: transparent;\n\n    &.clear,\n    &.search {\n      cursor: pointer;\n    }\n\n    &:focus {\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $blue700;\n    }\n\n    &:hover,\n    &:focus {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n\n      pn-icon svg,\n      pn-icon svg path {\n        fill: white;\n      }\n    }\n  }\n}\n\n:host .searching {\n  button.search {\n    transform: translate(150%, -50%);\n  }\n\n  button.clear {\n    transform: translate(-50%, -50%);\n  }\n}\n\n/*---------------------------------------Button Variants-------------------------------------------*/\n:host .button-none,\n:host .button-icon-inline {\n  input {\n    padding-right: 3.3em;\n  }\n\n  pn-spinner {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;\n  }\n\n  button.search {\n    transform: translate(-50%, -50%);\n  }\n\n  &.loading {\n    button {\n      transform: translate(100%, -50%);\n    }\n\n    pn-spinner {\n      transform: translate(-50%, -50%);\n    }\n  }\n}\n\n:host .button-none.searching button.search {\n  transform: translate(100%, -50%);\n}\n\n:host .button-icon > pn-button {\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n}\n/*---------------------------------------/Button Variants-------------------------------------------*/\n","import { Component, Prop, h, Host, Event, EventEmitter, Element, Listen, State } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-search',\n  styleUrl: 'pn-marketweb-search.scss',\n  shadow: true,\n})\nexport class PnMarketwebSearch {\n  @Prop() disabled: boolean = false;\n  @Prop() placeholder: string = null;\n  @Prop() inputid: string = null;\n  @Prop() name: string = null;\n  @Prop() autocomplete: string = null;\n  @Prop() list: string = null;\n  @Prop() value: string = null;\n  /** Label for the button */\n  @Prop() label: string = null;\n  /** Loading animation */\n  @Prop() loading: boolean = false;\n  /** Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) */\n  @Prop() button: string = '';\n  /** Light instead of dark search button */\n  @Prop() light: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** This is emitted on search submission both with keyboard and mouse */\n  @Event() search: EventEmitter;\n  /** custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n  @Event() update: EventEmitter;\n\n  @Listen('input')\n  inputHandler() {\n    this.update.emit(this.value);\n  }\n\n  emitSearch(e) {\n    if (e.type === 'click' || (e.type === 'keydown' && e.key === 'Enter')) {\n      // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n      e.preventDefault();\n      this.search.emit(this.value);\n    }\n  }\n\n  setVal(e) {\n    this.value = e.target.value;\n  }\n\n  clearInput() {\n    this.value = '';\n    this.update.emit(this.value);\n    this.hostElement.querySelector('input').focus();\n  }\n\n  getClassNames() {\n    let classNames = '';\n\n    const buttonTypes = ['none', 'icon', 'icon-inline'];\n    if (this.value) classNames += 'searching ';\n    if (this.loading) classNames += 'loading ';\n    if (buttonTypes.includes(this.button)) classNames += `button-${this.button} `;\n\n    return classNames;\n  }\n  @State() suggestionObserver: MutationObserver = null;\n  @State() hasClonedInput: boolean = false;\n  @State() listSuggestion: string[] = [];\n  componentWillRender() {\n    this.cloneListContent();\n    this.autocompleteEventBinding();\n  }\n\n  onSuggestionUpdate() {\n    this.cloneListContent();\n  }\n\n  autocompleteEventBinding() {\n    if (this.suggestionObserver !== null || !this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const targetNode = document.getElementById(this.list);\n    this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));\n    this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });\n  }\n\n  cloneListContent() {\n    if (!this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const options = [...document.getElementById(this.list).querySelectorAll('option')];\n    this.listSuggestion = options.map((item: HTMLOptionElement) => {\n      if (item.hasAttribute('value')) {\n        return item.getAttribute('value');\n      }\n      return item.innerText;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`input-container ${this.getClassNames()}`} data-haslist={(this.list !== null) + ''}>\n          <input\n            type=\"search\"\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            autocomplete={this.autocomplete}\n            list={this.list}\n            onKeyDown={e => this.emitSearch(e)}\n            onInput={e => this.setVal(e)}\n          />\n\n          <div class=\"button-container\">\n            {(this.button === 'none' || this.button === 'icon-inline') && (\n              <button class=\"search\" tabindex={this.button === 'icon-inline' ? '0' : '-1'} onClick={e => this.emitSearch(e)} aria-label=\"search\" title=\"search\">\n                <pn-icon icon={search} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n            {this.button !== 'icon-inline' && (\n              <button\n                class=\"clear\"\n                aria-label=\"clear\"\n                title=\"clear search field\"\n                tabindex={this.value && (!this.loading || this.button !== 'none') ? '0' : '-1'}\n                onClick={() => this.clearInput()}\n              >\n                <pn-icon icon={close_small} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n\n            {this.button === 'none' || (this.button === 'icon-inline' && <pn-spinner></pn-spinner>)}\n          </div>\n        </div>\n\n        {this.button !== 'none' && this.button !== 'icon-inline' && (\n          <pn-button\n            onClick={e => this.emitSearch(e)}\n            loading={this.loading}\n            icon={search}\n            appearance={this.light ? 'light' : 'dark'}\n            tooltip={this.button === 'icon' ? this.label : null}\n          >\n            {this.label}\n          </pn-button>\n        )}\n        {this.list && (\n          <datalist id={this.list}>\n            {this.listSuggestion.map(item => {\n              return <option>{item}</option>;\n            })}\n          </datalist>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-marketweb-search.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/pn-marketweb-search2.js

@@ -0,0 +1,130 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as close_small } from './close_small.js';
+import { s as search } from './search.js';
+
+const pnMarketwebSearchCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:inline-flex}:host>pn-button{margin-left:0.35em}:host>pn-button button .pn-button-bg{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}:host>pn-button[data-loading=true] .pn-button-bg{left:0;transform:translateX(0);transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, 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;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}:host input::-webkit-search-cancel-button{display:none}:host input::placeholder{color:#969087;font-weight:normal}:host input:focus{border:0.1rem solid #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:flex;align-items:center;justify-content:center}:host[list] :host>.input-container .button-container{display:none}:host>.input-container button{position:absolute;left:50%;top: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;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;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{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{transform:translate(150%, -50%)}:host .searching button.clear{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%;transform:translate(100%, -50%);transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}:host .button-none button.search,:host .button-icon-inline button.search{transform:translate(-50%, -50%)}:host .button-none.loading button,:host .button-icon-inline.loading button{transform:translate(100%, -50%)}:host .button-none.loading pn-spinner,:host .button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}:host .button-none.searching button.search{transform:translate(100%, -50%)}:host .button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";
+const PnMarketwebSearchStyle0 = pnMarketwebSearchCss;
+
+const PnMarketwebSearch = /*@__PURE__*/ proxyCustomElement(class PnMarketwebSearch 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 = [];
+    }
+    get hostElement() { return this; }
+    /** This is emitted on search submission both with keyboard and mouse */
+    search;
+    /** custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */
+    update;
+    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(e) {
+        this.value = '';
+        this.update.emit(this.value);
+        const closestInputField = e.target.closest("div.input-container")?.querySelector("input[type=search]");
+        closestInputField?.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, { key: 'bd91a32439d948f4362fd667a2a897e00b480a5b' }, h("div", { key: 'dd45a9899d15079c13c060e4cfd75c60730ac922', class: `input-container ${this.getClassNames()}`, "data-haslist": (this.list !== null) + '' }, h("input", { key: '0e283a03de256f134b2d8936fdf2a4d2dd206f2c', 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", { key: '1eff04ef905ee36aa2e7d7976e522a8bc114681b', class: "button-container" }, (this.button === 'none' || this.button === 'icon-inline') && (h("button", { key: '46f1d1b36518d0b7cc5430efa9167b626d7c80eb', class: "search", tabindex: this.button === 'icon-inline' ? '0' : '-1', onClick: e => this.emitSearch(e), "aria-label": "search", title: "search" }, h("pn-icon", { key: 'ba9cb2a21f9561d79ab779058acaf83f0be7da7a', icon: search, color: "blue700" }))), this.button !== 'icon-inline' && (h("button", { key: '5b537c0cb6227ad2f3fb1d7227c698436510a5b9', class: "clear", "aria-label": "clear", title: "clear search field", tabindex: this.value && (!this.loading || this.button !== 'none') ? '0' : '-1', onClick: (e) => this.clearInput(e) }, h("pn-icon", { key: '70873e93689282f189e65b68a9fa980ad6f9158b', icon: close_small, color: "blue700" }))), this.button === 'none' || (this.button === 'icon-inline' && h("pn-spinner", { key: '6fe9c471b0b67f785e3e5a98ab79c93dacd32d80' })))), this.button !== 'none' && this.button !== 'icon-inline' && (h("pn-button", { key: 'a3671a3fbca963021a75540284144d1cea41c8ab', onClick: e => this.emitSearch(e), loading: this.loading, icon: search, appearance: this.light ? 'light' : 'dark', tooltip: this.button === 'icon' ? this.label : null }, this.label)), this.list && (h("datalist", { key: '7e0bfeda8401c388ebeb3e0e185b52e09636ac8d', id: this.list }, this.listSuggestion.map(item => {
+            return h("option", null, item);
+        })))));
+    }
+    static get style() { return PnMarketwebSearchStyle0; }
+}, [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() {
+    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);
+            }
+            break;
+    } });
+}
+
+export { PnMarketwebSearch as P, defineCustomElement as d };
+
+//# sourceMappingURL=pn-marketweb-search2.js.map

package/components/pn-marketweb-search2.js.map

@@ -0,0 +1 @@
+{"file":"pn-marketweb-search2.js","mappings":"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","names":[],"sources":["src/components/input/pn-marketweb-search/pn-marketweb-search.scss?tag=pn-marketweb-search&encapsulation=shadow","src/components/input/pn-marketweb-search/pn-marketweb-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n:host {\n  display: inline-flex;\n}\n\n:host > pn-button {\n  margin-left: 0.35em;\n  button {\n    // justify-content: flex-start;\n\n    .pn-button-bg {\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s,\n        left 0.2s,\n        transform 0.2s;\n    }\n  }\n\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 0;\n      transform: translateX(0);\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s;\n    }\n\n    pn-spinner {\n      left: 0.75em;\n    }\n  }\n}\n\n:host input {\n  padding: 0.75em;\n  min-height: 3em;\n  font-size: 1em;\n  height: 100%;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 3em;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\n:host > .input-container {\n  width: 100%;\n  position: relative;\n\n  .button-container {\n    :host[list] & {\n      display: none;\n    }\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: transparent;\n    width: 3em;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    background: $white;\n    border: none;\n    color: $blue700;\n    padding: 0.3rem;\n    margin: 0;\n    font-size: 0.875em;\n    border-radius: 50%;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      box-shadow 0.1s,\n      transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n      opacity 0.2s;\n    border: 0.1rem solid transparent;\n    -webkit-tap-highlight-color: transparent;\n\n    &.clear,\n    &.search {\n      cursor: pointer;\n    }\n\n    &:focus {\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $blue700;\n    }\n\n    &:hover,\n    &:focus {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n\n      pn-icon svg,\n      pn-icon svg path {\n        fill: white;\n      }\n    }\n  }\n}\n\n:host .searching {\n  button.search {\n    transform: translate(150%, -50%);\n  }\n\n  button.clear {\n    transform: translate(-50%, -50%);\n  }\n}\n\n/*---------------------------------------Button Variants-------------------------------------------*/\n:host .button-none,\n:host .button-icon-inline {\n  input {\n    padding-right: 3.3em;\n  }\n\n  pn-spinner {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;\n  }\n\n  button.search {\n    transform: translate(-50%, -50%);\n  }\n\n  &.loading {\n    button {\n      transform: translate(100%, -50%);\n    }\n\n    pn-spinner {\n      transform: translate(-50%, -50%);\n    }\n  }\n}\n\n:host .button-none.searching button.search {\n  transform: translate(100%, -50%);\n}\n\n:host .button-icon > pn-button {\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n}\n/*---------------------------------------/Button Variants-------------------------------------------*/\n","import { Component, Prop, h, Host, Event, EventEmitter, Element, Listen, State } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-search',\n  styleUrl: 'pn-marketweb-search.scss',\n  shadow: true,\n})\nexport class PnMarketwebSearch {\n  @Prop() disabled: boolean = false;\n  @Prop() placeholder: string = null;\n  @Prop() inputid: string = null;\n  @Prop() name: string = null;\n  @Prop() autocomplete: string = null;\n  @Prop() list: string = null;\n  @Prop() value: string = null;\n  /** Label for the button */\n  @Prop() label: string = null;\n  /** Loading animation */\n  @Prop() loading: boolean = false;\n  /** Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) */\n  @Prop() button: string = '';\n  /** Light instead of dark search button */\n  @Prop() light: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** This is emitted on search submission both with keyboard and mouse */\n  @Event() search: EventEmitter;\n  /** custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n  @Event() update: EventEmitter;\n\n  @Listen('input')\n  inputHandler() {\n    this.update.emit(this.value);\n  }\n\n  emitSearch(e) {\n    if (e.type === 'click' || (e.type === 'keydown' && e.key === 'Enter')) {\n      // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n      e.preventDefault();\n      this.search.emit(this.value);\n    }\n  }\n\n  setVal(e) {\n    this.value = e.target.value;\n  }\n\n  clearInput(e) {\n    this.value = '';\n    this.update.emit(this.value);\n    const closestInputField = e.target.closest(\"div.input-container\")?.querySelector(\"input[type=search]\");\n    closestInputField?.focus();\n  }\n\n  getClassNames() {\n    let classNames = '';\n\n    const buttonTypes = ['none', 'icon', 'icon-inline'];\n    if (this.value) classNames += 'searching ';\n    if (this.loading) classNames += 'loading ';\n    if (buttonTypes.includes(this.button)) classNames += `button-${this.button} `;\n\n    return classNames;\n  }\n  @State() suggestionObserver: MutationObserver = null;\n  @State() hasClonedInput: boolean = false;\n  @State() listSuggestion: string[] = [];\n  componentWillRender() {\n    this.cloneListContent();\n    this.autocompleteEventBinding();\n  }\n\n  onSuggestionUpdate() {\n    this.cloneListContent();\n  }\n\n  autocompleteEventBinding() {\n    if (this.suggestionObserver !== null || !this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const targetNode = document.getElementById(this.list);\n    this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));\n    this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });\n  }\n\n  cloneListContent() {\n    if (!this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const options = [...document.getElementById(this.list).querySelectorAll('option')];\n    this.listSuggestion = options.map((item: HTMLOptionElement) => {\n      if (item.hasAttribute('value')) {\n        return item.getAttribute('value');\n      }\n      return item.innerText;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`input-container ${this.getClassNames()}`} data-haslist={(this.list !== null) + ''}>\n          <input\n            type=\"search\"\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            autocomplete={this.autocomplete}\n            list={this.list}\n            onKeyDown={e => this.emitSearch(e)}\n            onInput={e => this.setVal(e)}\n          />\n\n          <div class=\"button-container\">\n            {(this.button === 'none' || this.button === 'icon-inline') && (\n              <button class=\"search\" tabindex={this.button === 'icon-inline' ? '0' : '-1'} onClick={e => this.emitSearch(e)} aria-label=\"search\" title=\"search\">\n                <pn-icon icon={search} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n            {this.button !== 'icon-inline' && (\n              <button\n                class=\"clear\"\n                aria-label=\"clear\"\n                title=\"clear search field\"\n                tabindex={this.value && (!this.loading || this.button !== 'none') ? '0' : '-1'}\n                onClick={(e) => this.clearInput(e)}\n              >\n                <pn-icon icon={close_small} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n\n            {this.button === 'none' || (this.button === 'icon-inline' && <pn-spinner></pn-spinner>)}\n          </div>\n        </div>\n\n        {this.button !== 'none' && this.button !== 'icon-inline' && (\n          <pn-button\n            onClick={e => this.emitSearch(e)}\n            loading={this.loading}\n            icon={search}\n            appearance={this.light ? 'light' : 'dark'}\n            tooltip={this.button === 'icon' ? this.label : null}\n          >\n            {this.label}\n          </pn-button>\n        )}\n        {this.list && (\n          <datalist id={this.list}>\n            {this.listSuggestion.map(item => {\n              return <option>{item}</option>;\n            })}\n          </datalist>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/pn-marketweb-sitefooter.js

@@ -1,5 +1,7 @@
-import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
-import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { F as FetchHelper } from './FetchHelper.js';
+import { M as MarketWebContextService } from './MarketWebContextService.js';
+import { H as HeadingTag } from './HeadingTag.js';
 import { d as defineCustomElement$4 } from './pn-site-footer2.js';
 import { d as defineCustomElement$3 } from './pn-site-footer-col2.js';
 import { d as defineCustomElement$2 } from './pn-swan2.js';
@@ -121,12 +123,7 @@ const translations = {
     },
 };
 
-const HeadingTag = ({ heading, level, cssClass, additionalProps }) => {
-    const Tag = level;
-    return (h(Tag, { className: cssClass, ...additionalProps }, heading));
-};
-
-const pnMarketwebSitefooterCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-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:flex;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;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:flex;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:flex;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{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] div[slot=bottom] .social-media.social-media--swan{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:0;margin-right:4.8rem}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{width:auto;flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{border-top:1px solid #d3cecb;margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{display:flex;width:1px;height:auto;min-height:90%;background-color:#d3cecb;margin-right:4.8rem;margin-bottom:0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .swan{justify-self:center;align-self:center}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-swan *{color:white}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=blue] pn-site-footer[theme=dotcom] pn-swan *{color:white}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(.pn-h2){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;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:inline-flex;gap:0.7rem;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a .pn-h2{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 .pn-h2{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{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{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 pnMarketwebSitefooterCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-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:flex;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;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:flex;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:flex;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{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] div[slot=bottom] .social-media.social-media--swan{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:0;margin-right:4.8rem}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{width:auto;flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{border-top:1px solid #d3cecb;margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{display:flex;width:1px;height:auto;min-height:90%;background-color:#d3cecb;margin-right:4.8rem;margin-bottom:0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .swan{justify-self:center;align-self:center}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-swan *{color:white}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=blue] pn-site-footer[theme=dotcom] pn-swan *{color:white}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(.pn-h2){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;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:inline-flex;gap:0.7rem;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a .pn-h2{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 .pn-h2{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{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{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 PnMarketwebSitefooterStyle0 = pnMarketwebSitefooterCss;
 
 const PnMarketwebSiteheader = /*@__PURE__*/ proxyCustomElement(class PnMarketwebSiteheader extends HTMLElement {
@@ -255,7 +252,7 @@ const PnMarketwebSiteheader = /*@__PURE__*/ proxyCustomElement(class PnMarketweb
     renderCols() {
         if (this.gotData && this.footerContent?.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(HeadingTag, { heading: column.links[0].linkText, level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` }))) : (h(HeadingTag, { heading: column.heading, level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` })), column.links && (!column.body || this.theme === 'tpl') ? (h("ul", { ...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' }) }, column.links.map((link, i) => {
+                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(HeadingTag, { level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` }, column.links[0].linkText))) : (h(HeadingTag, { level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` }, column.heading)), column.links && (!column.body || this.theme === 'tpl') ? (h("ul", { ...(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;
                     }

package/components/pn-marketweb-sitefooter.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-sitefooter.js","mappings":"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","names":[],"sources":["src/components/layout-components/pn-marketweb-sitefooter/socialMediaIcons.ts","src/components/layout-components/pn-marketweb-sitefooter/translations.ts","src/globals/HeadingTag.tsx","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.scss?tag=pn-marketweb-sitefooter","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"sourcesContent":["export const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {\n  switch (linkType) {\n    case 'facebook':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <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\" />\n      </svg>`;\n    case 'twitter':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\"/>\n              <path d=\"M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z\" fill=\"white\"/>\n              </svg>`;\n    case 'linkedin':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <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\" />\n      </svg>`;\n    case 'instagram':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <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\" />\n      </svg>`;\n    case 'youtube':\n      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\">\n        <circle fill=\"${fill}\" cx=\"28\" cy=\"28\" r=\"28\"></circle>\n        <g transform=\"translate(9937 4831.656)\">\n          <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\n            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\n            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\n            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\n            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\n            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\n            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\n            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\n             M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z\"></path>\n        </g>\n        </svg>`;\n    default:\n      return '';\n  }\n};\n","export const translations = {\n  sv: {\n    searchlabel: 'Sök',\n    searchplaceholder: 'Vad letar du efter?',\n    searchbuttontext: 'Sök',\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n  },\n  en: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  da: {\n    searchlabel: 'Søg',\n    searchplaceholder: 'Søg',\n    searchbuttontext: 'Søg',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  no: {\n    searchlabel: 'Søk',\n    searchplaceholder: 'Søk',\n    searchbuttontext: 'Søk',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n  },\n  fi: {\n    searchlabel: 'Hae',\n    searchplaceholder: 'Hae',\n    searchbuttontext: 'Hae',\n    menuHomeButton: 'Koti',\n    menuGoBackButton: 'Mene takaisin',\n    mainMenuButton: 'Valikko',\n    menuStartButton: 'Alkaa',\n  },\n  zh: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  it: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  nl: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n};\n","import { h, FunctionalComponent } from '@stencil/core';\n\ninterface HeadingTagProps {\n  heading: string;\n  level: string;\n  cssClass?: string;\n  additionalProps?: { [key: string]: string };\n}\n\nexport const HeadingTag: FunctionalComponent<HeadingTagProps> = ({ heading, level, cssClass, additionalProps }) => {\n  const Tag = level;\n\n  return (\n    <Tag className={cssClass} {...additionalProps}>\n      {heading}\n    </Tag>\n  );\n};\n","@import '../../../globals/main.scss';\n@import '../../navigation/pn-site-footer/pn-site-footer-common.scss';\n\npn-marketweb-sitefooter {\n  .social-media {\n    a[target='_blank']:not(.pn-button):after {\n      content: none;\n    }\n  }\n}\n\npn-marketweb-sitefooter:not([theme='dotcom']) {\n  @media screen and (min-width: $sitefooter-media-smalldesktop) {\n    pn-site-footer-col:has(div[slot='bottomsocialmediadesktop']) {\n      display: flex;\n      align-content: flex-start;\n      align-items: flex-start;\n      flex-direction: column;\n      flex-wrap: wrap;\n      min-width: min-content;\n\n      div[slot='bottomsocialmediadesktop'] {\n        display: block;\n        margin-top: auto;\n        margin-bottom: 1.6rem;\n\n        .trustpilot-widget {\n          display: flex;\n          justify-content: flex-start;\n        }\n      }\n    }\n  }\n\n  [slot='bottomsocialmediamobile'] {\n    display: block;\n    margin-top: 1rem;\n    margin-bottom: 2.3rem;\n\n    .trustpilot-widget {\n      display: flex;\n      justify-content: center;\n\n      @media screen and (min-width: $sitefooter-media-phoneheight) {\n        justify-content: flex-start;\n      }\n    }\n\n    @media screen and (min-width: $sitefooter-media-smalldesktop) {\n      display: none;\n    }\n  }\n}\n\ndiv[slot='middle-extra-mobile'],\ndiv[slot='middle-extra'] {\n  display: none;\n}\n\npn-marketweb-sitefooter[theme='dotcom'] {\n  width: 100%;\n\n  div[slot='bottomsocialmediamobile'],\n  div[slot='bottomsocialmediadesktop'] {\n    display: none;\n  }\n\n  div[slot='middle-extra-mobile'] {\n    display: block;\n    width: 100%;\n    text-align: -webkit-center;\n    margin: 2.4rem 0;\n  }\n\n  @media screen and (min-width: 1024px) {\n    div[slot='middle-extra-mobile'] {\n      display: none;\n    }\n\n    div[slot='middle-extra'] {\n      display: block;\n      width: 100%;\n      text-align: -webkit-center;\n      margin: 3.2rem 0;\n    }\n  }\n\n  div[slot='bottom'] .social-media.social-media--swan {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n    }\n\n    ul {\n      margin-bottom: 1.6rem;\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n        margin-right: 4.8rem;\n      }\n    }\n\n    .swan-wrapper {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n\n      @media screen and (min-width: $min-width-md) {\n        width: auto;\n        flex-direction: row;\n      }\n\n      .separator {\n        border-top: 1px solid #d3cecb;\n        margin-bottom: 1.6rem;\n\n        @media screen and (min-width: $min-width-md) {\n          display: flex;\n          width: 1px;\n          height: auto;\n          min-height: 90%;\n          background-color: #d3cecb;\n          margin-right: 4.8rem;\n          margin-bottom: 0;\n        }\n      }\n\n      .swan {\n        justify-self: center;\n        align-self: center;\n      }\n    }\n  }\n\n  //com layout in different colors\n  &[backgroundcolor='bluedarkest'] pn-site-footer[theme='dotcom'] {\n    pn-site-footer-col[theme='dotcom'] svg path {\n      fill: $white;\n    }\n\n    pn-swan * {\n      color: white;\n    }\n  }\n\n  &[backgroundcolor='blue'] pn-site-footer[theme='dotcom'] {\n    background-color: $blue700;\n\n    .pn-sitefooter-top,\n    .pn-sitefooter-bottom {\n      background-color: $blue700;\n    }\n\n    > svg path {\n      fill: $blue700;\n    }\n\n    .pn-sitefooter-bottom .social-media {\n      border-top: 0.1rem solid $gray200;\n      border-bottom: 0.1rem solid $gray200;\n\n      & > ul > li:hover svg > circle {\n        fill: $blue200;\n      }\n    }\n\n    pn-site-footer-col[theme='dotcom'] svg path {\n      fill: $white;\n    }\n\n    pn-swan * {\n      color: white;\n    }\n  }\n\n  &[backgroundcolor='gray'] pn-site-footer[theme='dotcom'] {\n    background-color: $gray50;\n\n    > svg path {\n      fill: $gray50;\n    }\n\n    .pn-sitefooter-top,\n    .pn-sitefooter-bottom {\n      background-color: $gray50;\n    }\n\n    .pn-sitefooter-bottom {\n      .social-media {\n        border-top: 0.1rem solid $gray200;\n        border-bottom: 0.1rem solid $gray200;\n\n        li svg circle {\n          fill: $blue700;\n        }\n\n        li svg:hover > circle {\n          fill: $blue400;\n        }\n      }\n\n      > [slot='bottom'] > .copyright * {\n        color: $blue700;\n      }\n    }\n\n    pn-site-footer-col[theme='dotcom'] {\n      * {\n        color: $blue900;\n      }\n\n      svg path {\n        fill: $blue900;\n      }\n\n      a:not(.pn-h2) {\n        color: $blue700;\n      }\n    }\n  }\n}\n\npn-marketweb-sitefooter[theme='tpl'] {\n  pn-site-footer {\n    background-color: $blue900;\n    padding-top: 6rem;\n\n    @media screen and (max-width: $sitefooter-media-phoneheight) {\n      padding-left: 2.6rem;\n      padding-right: 2.6rem;\n    }\n\n    & > svg {\n      display: none;\n    }\n  }\n\n  div.pn-sitefooter-bottom {\n    background-color: $blue900;\n    color: $white;\n    margin: 2.5rem 0;\n\n    div[slot='bottom'] {\n      border-top: 1px solid $blue700;\n      border-bottom: 1px solid $blue700;\n    }\n\n    a {\n      color: $white;\n\n      &:hover {\n        text-decoration: underline;\n        color: $white;\n      }\n    }\n  }\n\n  .pn-sitefooter-top,\n  .pn-sitefooter-logo {\n    background-color: $blue900;\n    color: $white;\n\n    a {\n      color: $coral200;\n\n      &:hover {\n        text-decoration: underline;\n        color: $coral200;\n      }\n    }\n  }\n\n  .pn-sitefooter-top .pn-sitefooter-cols {\n    @media screen and (max-width: $sitefooter-media-smalldesktop) {\n      padding: 0 8rem;\n    }\n\n    @media screen and (max-width: $sitefooter-media-smalldesktop) {\n      padding: 0 5rem;\n    }\n\n    @media screen and (max-width: $sitefooter-media-tablet) {\n      padding: 0 3rem;\n    }\n\n    @media screen and (min-width: $sitefooter-media-phoneheight) {\n      width: 114rem;\n      justify-content: space-between;\n    }\n  }\n\n  div.pn-sitefooter-logo a svg path {\n    fill: $blue400;\n  }\n\n  div pn-site-footer-col {\n    @media screen and (min-width: $sitefooter-media-phoneheight) {\n      width: unset;\n      min-width: unset;\n\n      &:first-child {\n        min-width: 45%;\n      }\n    }\n\n    &:first-child {\n      @media screen and (max-width: $sitefooter-media-smalldesktop) {\n        min-width: 100%;\n        padding-top: 0;\n      }\n    }\n\n    a {\n      display: inline-flex;\n      gap: 0.7rem;\n      align-items: flex-start;\n\n      .pn-h2 {\n        color: $white;\n      }\n\n      span.footer-tpl-links {\n        display: none;\n      }\n\n      &:hover {\n        text-decoration: underline;\n        color: $coral200;\n      }\n\n      pn-icon svg {\n        background-color: $coral200;\n        border-radius: 0.3rem;\n        height: 1.7rem;\n        width: 1.7rem;\n        margin-top: 0.3rem;\n\n        path {\n          fill: $blue900;\n        }\n      }\n    }\n\n    .pn-h2 {\n      margin-bottom: 3.5rem;\n    }\n\n    ul.social-media {\n      flex-direction: column;\n      gap: 0.5rem;\n      row-gap: 0rem;\n\n      li {\n        max-height: 4rem;\n      }\n\n      a {\n        align-items: center;\n        gap: 0;\n\n        circle {\n          display: none;\n        }\n\n        span.footer-tpl-links {\n          display: block;\n        }\n\n        svg {\n          height: 3.7rem;\n          width: 3.7rem;\n\n          path {\n            fill: $coral200;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n  tag: 'pn-marketweb-sitefooter',\n  styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) market: string = 'se';\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) environment: string = null;\n  @Prop() endpoint: string = null;\n\n  /** Adjusts the menus URLs */\n  @Prop() siteDomainInUrls: boolean = false;\n\n  /** If the component should use cached requests */\n  @Prop() cache: boolean = false;\n\n  /** dotcom prop */\n  @Prop({ reflect: true }) theme: string = 'default';\n  /** dotcom backgroundcolor */\n  @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n  @Prop() showSwan: boolean = false;\n  @Prop() headingLevel: string = \"h2\";\n\n  @State() siteDefinition: MenuSiteDefinition;\n  @State() footerContent: SiteFooterContentModel;\n\n  @State() i18n: any;\n  @State() gotData: boolean = false;\n  @State() fetchingData: boolean = false;\n\n  fetchHelper = new FetchHelper('sitefooter');\n  endpointPath = '/api/footer/footer';\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.market) {\n      const resolvedMarket = await marketWebContextService.getMarket();\n      this.market = resolvedMarket;\n    }\n    if (!this.language) {\n      const resolvedMarket = await marketWebContextService.getLanguage();\n      this.language = resolvedMarket;\n    }\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  async init() {\n    this.setTranslations();\n    await this.fetchData();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n    this.fetchData();\n  }\n\n  @Watch('market')\n  onMarketChange() {\n    this.fetchData();\n  }\n\n  setFetchUrl(endpointBase: string) {\n    switch (this.theme) {\n      case 'dotcom':\n        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n      default:\n        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n    }\n  }\n\n  async fetchData() {\n    if (this.endpoint === null || !this.market || !this.language) {\n      // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n      return;\n    }\n\n    this.fetchingData = true;\n    const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = this.setFetchUrl(endpointBase);\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchRefreshed.bind(this),\n    )) as any;\n    await this.setStateFromData(data);\n  }\n\n  onFetchRefreshed(data) {\n    this.setStateFromData(data);\n  }\n\n  setStateFromData(data: any) {\n    if (typeof data !== 'object') {\n      console.warn('Data was not valid', data);\n    }\n\n    this.siteDefinition = data.sitedefinition;\n    this.footerContent = data.footer;\n\n    if (this.siteDomainInUrls) {\n      this.adjustLinks();\n    }\n\n    this.gotData = true;\n    this.fetchingData = true;\n  }\n  adjustLinks() {\n    this.footerContent.bottomLinks.forEach(link => {\n      link.linkHref = this.adjustHref(link.linkHref);\n    });\n    this.footerContent.columns.forEach(col => {\n      col.links.forEach(link => {\n        link.linkHref = this.adjustHref(link.linkHref);\n      });\n    });\n  }\n\n  adjustHref(href: string) {\n    if (!href || href.indexOf('http') === 0 || this.siteDomainInUrls) {\n      return href;\n    }\n    const domainUrl =\n      this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n        ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n        : this.siteDefinition.url;\n    href = domainUrl + href;\n    return href;\n  }\n\n  uniqueId(text: string) {\n    return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n  }\n\n  renderCols() {\n    if (this.gotData && this.footerContent?.columns) {\n      return this.footerContent.columns.map(column => {\n        return (\n          <pn-site-footer-col theme={this.theme}>\n            {column.firstLinkAsHeader && column.links && column.links[0] ? (\n              <a\n                href={column.links[0].linkHref}\n                target={column.links[0].openInNewWindow ? '_blank' : null}\n                rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n                title={column.links[0].linkText}\n                id={this.uniqueId(column.links[0].linkText)}\n              >\n                <HeadingTag heading={column.links[0].linkText} level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}/>\n              </a>\n            ) : (\n              <HeadingTag heading={column.heading} level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}/>\n            )}\n            {column.links && (!column.body || this.theme === 'tpl') ? (\n              <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n                {column.links.map((link, i) => {\n                  if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {\n                    return false;\n                  }\n                  let linkText = link.linkText;\n                  if (link.linkType) {\n                    linkText = getSocialMediaIconsByType(link.linkType);\n                  }\n                  let linkId = this.uniqueId(linkText);\n                  return (\n                    <li>\n                      <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n                        {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n                      </a>\n                    </li>\n                  );\n                })}\n              </ul>\n            ) : null}\n            {column.body ? <div innerHTML={column.body}></div> : null}\n            <slot name=\"bottomsocialmediadesktop\" />\n            <slot name=\"bottomsocialmediamobile\" />\n          </pn-site-footer-col>\n        );\n      });\n    } else {\n      return null;\n    }\n  }\n\n  renderBottomLinks() {\n    return this.footerContent.bottomLinks.map(link => {\n      if (!link.linkHref) {\n        return <li>{link.linkText}</li>;\n      }\n      let linkId = this.uniqueId(link.linkText);\n\n      return (\n        <li>\n          <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n            {link.linkText}\n          </a>\n        </li>\n      );\n    });\n  }\n\n  renderDefaultFooter() {\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n          <slot name=\"logo\"></slot>\n          {this.renderCols()}\n\n          <div slot=\"bottom\">\n            {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n            {this.gotData && this.footerContent?.bottomLinks ? (\n              <span>\n                {this.footerContent.bottomLinks.map(link => {\n                  if (!link.linkHref) {\n                    return <span>{link.linkText}</span>;\n                  }\n                  let linkId = this.uniqueId(link.linkText);\n                  return (\n                    <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n                      {link.linkText}\n                    </a>\n                  );\n                })}\n              </span>\n            ) : null}\n          </div>\n        </pn-site-footer>\n      </Host>\n    );\n  }\n\n  renderSocialMeidaIconListElements() {\n    return (\n      this.gotData &&\n      this.footerContent?.socialmedialinks.map(link => {\n        let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n        let linkId = this.uniqueId(link.linkText);\n        return (\n          <li>\n            <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n          </li>\n        );\n      })\n    );\n  }\n\n  renderSwanComponent() {\n    return (\n      this.showSwan && (\n        <div class=\"swan-wrapper\">\n          <div class=\"separator\"></div>\n          <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n        </div>\n      )\n    );\n  }\n\n  renderDotComFooter() {\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n          {this.renderCols()}\n          <slot name=\"middle-extra\"></slot>\n          <slot name=\"middle-extra-mobile\"></slot>\n          <div slot=\"bottom\">\n            <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n              <ul>{this.renderSocialMeidaIconListElements()}</ul>\n              {this.renderSwanComponent()}\n            </div>\n\n            <div class=\"copyright\">\n              {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n              {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n            </div>\n          </div>\n        </pn-site-footer>\n      </Host>\n    );\n  }\n\n  render() {\n    switch (this.theme) {\n      case 'dotcom':\n        return this.renderDotComFooter();\n      default:\n        return this.renderDefaultFooter();\n    }\n  }\n}\n"],"version":3}
+{"file":"pn-marketweb-sitefooter.js","mappings":"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","names":[],"sources":["src/components/layout-components/pn-marketweb-sitefooter/socialMediaIcons.ts","src/components/layout-components/pn-marketweb-sitefooter/translations.ts","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.scss?tag=pn-marketweb-sitefooter","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"sourcesContent":["export const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {\n  switch (linkType) {\n    case 'facebook':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <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\" />\n      </svg>`;\n    case 'twitter':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\"/>\n              <path d=\"M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z\" fill=\"white\"/>\n              </svg>`;\n    case 'linkedin':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <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\" />\n      </svg>`;\n    case 'instagram':\n      return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n          <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\" />\n      </svg>`;\n    case 'youtube':\n      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\">\n        <circle fill=\"${fill}\" cx=\"28\" cy=\"28\" r=\"28\"></circle>\n        <g transform=\"translate(9937 4831.656)\">\n          <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\n            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\n            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\n            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\n            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\n            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\n            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\n            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\n             M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z\"></path>\n        </g>\n        </svg>`;\n    default:\n      return '';\n  }\n};\n","export const translations = {\n  sv: {\n    searchlabel: 'Sök',\n    searchplaceholder: 'Vad letar du efter?',\n    searchbuttontext: 'Sök',\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n  },\n  en: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  da: {\n    searchlabel: 'Søg',\n    searchplaceholder: 'Søg',\n    searchbuttontext: 'Søg',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  no: {\n    searchlabel: 'Søk',\n    searchplaceholder: 'Søk',\n    searchbuttontext: 'Søk',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n  },\n  fi: {\n    searchlabel: 'Hae',\n    searchplaceholder: 'Hae',\n    searchbuttontext: 'Hae',\n    menuHomeButton: 'Koti',\n    menuGoBackButton: 'Mene takaisin',\n    mainMenuButton: 'Valikko',\n    menuStartButton: 'Alkaa',\n  },\n  zh: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  it: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n  nl: {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n  },\n};\n","@import '../../../globals/main.scss';\n@import '../../navigation/pn-site-footer/pn-site-footer-common.scss';\n\npn-marketweb-sitefooter {\n  .social-media {\n    a[target='_blank']:not(.pn-button):after {\n      content: none;\n    }\n  }\n}\n\npn-marketweb-sitefooter:not([theme='dotcom']) {\n  @media screen and (min-width: $sitefooter-media-smalldesktop) {\n    pn-site-footer-col:has(div[slot='bottomsocialmediadesktop']) {\n      display: flex;\n      align-content: flex-start;\n      align-items: flex-start;\n      flex-direction: column;\n      flex-wrap: wrap;\n      min-width: min-content;\n\n      div[slot='bottomsocialmediadesktop'] {\n        display: block;\n        margin-top: auto;\n        margin-bottom: 1.6rem;\n\n        .trustpilot-widget {\n          display: flex;\n          justify-content: flex-start;\n        }\n      }\n    }\n  }\n\n  [slot='bottomsocialmediamobile'] {\n    display: block;\n    margin-top: 1rem;\n    margin-bottom: 2.3rem;\n\n    .trustpilot-widget {\n      display: flex;\n      justify-content: center;\n\n      @media screen and (min-width: $sitefooter-media-phoneheight) {\n        justify-content: flex-start;\n      }\n    }\n\n    @media screen and (min-width: $sitefooter-media-smalldesktop) {\n      display: none;\n    }\n  }\n}\n\ndiv[slot='middle-extra-mobile'],\ndiv[slot='middle-extra'] {\n  display: none;\n}\n\npn-marketweb-sitefooter[theme='dotcom'] {\n  width: 100%;\n\n  div[slot='bottomsocialmediamobile'],\n  div[slot='bottomsocialmediadesktop'] {\n    display: none;\n  }\n\n  div[slot='middle-extra-mobile'] {\n    display: block;\n    width: 100%;\n    text-align: -webkit-center;\n    margin: 2.4rem 0;\n  }\n\n  @media screen and (min-width: 1024px) {\n    div[slot='middle-extra-mobile'] {\n      display: none;\n    }\n\n    div[slot='middle-extra'] {\n      display: block;\n      width: 100%;\n      text-align: -webkit-center;\n      margin: 3.2rem 0;\n    }\n  }\n\n  div[slot='bottom'] .social-media.social-media--swan {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n    }\n\n    ul {\n      margin-bottom: 1.6rem;\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n        margin-right: 4.8rem;\n      }\n    }\n\n    .swan-wrapper {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n\n      @media screen and (min-width: $min-width-md) {\n        width: auto;\n        flex-direction: row;\n      }\n\n      .separator {\n        border-top: 1px solid #d3cecb;\n        margin-bottom: 1.6rem;\n\n        @media screen and (min-width: $min-width-md) {\n          display: flex;\n          width: 1px;\n          height: auto;\n          min-height: 90%;\n          background-color: #d3cecb;\n          margin-right: 4.8rem;\n          margin-bottom: 0;\n        }\n      }\n\n      .swan {\n        justify-self: center;\n        align-self: center;\n      }\n    }\n  }\n\n  //com layout in different colors\n  &[backgroundcolor='bluedarkest'] pn-site-footer[theme='dotcom'] {\n    pn-site-footer-col[theme='dotcom'] svg path {\n      fill: $white;\n    }\n\n    pn-swan * {\n      color: white;\n    }\n  }\n\n  &[backgroundcolor='blue'] pn-site-footer[theme='dotcom'] {\n    background-color: $blue700;\n\n    .pn-sitefooter-top,\n    .pn-sitefooter-bottom {\n      background-color: $blue700;\n    }\n\n    > svg path {\n      fill: $blue700;\n    }\n\n    .pn-sitefooter-bottom .social-media {\n      border-top: 0.1rem solid $gray200;\n      border-bottom: 0.1rem solid $gray200;\n\n      & > ul > li:hover svg > circle {\n        fill: $blue200;\n      }\n    }\n\n    pn-site-footer-col[theme='dotcom'] svg path {\n      fill: $white;\n    }\n\n    pn-swan * {\n      color: white;\n    }\n  }\n\n  &[backgroundcolor='gray'] pn-site-footer[theme='dotcom'] {\n    background-color: $gray50;\n\n    > svg path {\n      fill: $gray50;\n    }\n\n    .pn-sitefooter-top,\n    .pn-sitefooter-bottom {\n      background-color: $gray50;\n    }\n\n    .pn-sitefooter-bottom {\n      .social-media {\n        border-top: 0.1rem solid $gray200;\n        border-bottom: 0.1rem solid $gray200;\n\n        li svg circle {\n          fill: $blue700;\n        }\n\n        li svg:hover > circle {\n          fill: $blue400;\n        }\n      }\n\n      > [slot='bottom'] > .copyright * {\n        color: $blue700;\n      }\n    }\n\n    pn-site-footer-col[theme='dotcom'] {\n      * {\n        color: $blue900;\n      }\n\n      svg path {\n        fill: $blue900;\n      }\n\n      a:not(.pn-h2) {\n        color: $blue700;\n      }\n    }\n  }\n}\n\npn-marketweb-sitefooter[theme='tpl'] {\n  pn-site-footer {\n    background-color: $blue900;\n    padding-top: 6rem;\n\n    @media screen and (max-width: $sitefooter-media-phoneheight) {\n      padding-left: 2.6rem;\n      padding-right: 2.6rem;\n    }\n\n    & > svg {\n      display: none;\n    }\n  }\n\n  div.pn-sitefooter-bottom {\n    background-color: $blue900;\n    color: $white;\n    margin: 2.5rem 0;\n\n    div[slot='bottom'] {\n      border-top: 1px solid $blue700;\n      border-bottom: 1px solid $blue700;\n    }\n\n    a {\n      color: $white;\n\n      &:hover {\n        text-decoration: underline;\n        color: $white;\n      }\n    }\n  }\n\n  .pn-sitefooter-top,\n  .pn-sitefooter-logo {\n    background-color: $blue900;\n    color: $white;\n\n    a {\n      color: $coral200;\n\n      &:hover {\n        text-decoration: underline;\n        color: $coral200;\n      }\n    }\n  }\n\n  .pn-sitefooter-top .pn-sitefooter-cols {\n    @media screen and (max-width: $sitefooter-media-smalldesktop) {\n      padding: 0 8rem;\n    }\n\n    @media screen and (max-width: $sitefooter-media-smalldesktop) {\n      padding: 0 5rem;\n    }\n\n    @media screen and (max-width: $sitefooter-media-tablet) {\n      padding: 0 3rem;\n    }\n\n    @media screen and (min-width: $sitefooter-media-phoneheight) {\n      width: 114rem;\n      justify-content: space-between;\n    }\n  }\n\n  div.pn-sitefooter-logo a svg path {\n    fill: $blue400;\n  }\n\n  div pn-site-footer-col {\n    @media screen and (min-width: $sitefooter-media-phoneheight) {\n      width: unset;\n      min-width: unset;\n\n      &:first-child {\n        min-width: 45%;\n      }\n    }\n\n    &:first-child {\n      @media screen and (max-width: $sitefooter-media-smalldesktop) {\n        min-width: 100%;\n        padding-top: 0;\n      }\n    }\n\n    a {\n      display: inline-flex;\n      gap: 0.7rem;\n      align-items: flex-start;\n\n      .pn-h2 {\n        color: $white;\n      }\n\n      span.footer-tpl-links {\n        display: none;\n      }\n\n      &:hover {\n        text-decoration: underline;\n        color: $coral200;\n      }\n\n      pn-icon svg {\n        background-color: $coral200;\n        border-radius: 0.3rem;\n        height: 1.7rem;\n        width: 1.7rem;\n        margin-top: 0.3rem;\n\n        path {\n          fill: $blue900;\n        }\n      }\n    }\n\n    .pn-h2 {\n      margin-bottom: 3.5rem;\n    }\n\n    ul.social-media {\n      flex-direction: column;\n      gap: 0.5rem;\n      row-gap: 0rem;\n\n      li {\n        max-height: 4rem;\n      }\n\n      a {\n        align-items: center;\n        gap: 0;\n\n        circle {\n          display: none;\n        }\n\n        span.footer-tpl-links {\n          display: block;\n        }\n\n        svg {\n          height: 3.7rem;\n          width: 3.7rem;\n\n          path {\n            fill: $coral200;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n  tag: 'pn-marketweb-sitefooter',\n  styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) market: string = 'se';\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) environment: string = null;\n  @Prop() endpoint: string = null;\n\n  /** Adjusts the menus URLs */\n  @Prop() siteDomainInUrls: boolean = false;\n\n  /** If the component should use cached requests */\n  @Prop() cache: boolean = false;\n\n  /** dotcom prop */\n  @Prop({ reflect: true }) theme: string = 'default';\n  /** dotcom backgroundcolor */\n  @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n  @Prop() showSwan: boolean = false;\n  @Prop() headingLevel: string = \"h2\";\n\n  @State() siteDefinition: MenuSiteDefinition;\n  @State() footerContent: SiteFooterContentModel;\n\n  @State() i18n: any;\n  @State() gotData: boolean = false;\n  @State() fetchingData: boolean = false;\n\n  fetchHelper = new FetchHelper('sitefooter');\n  endpointPath = '/api/footer/footer';\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.market) {\n      const resolvedMarket = await marketWebContextService.getMarket();\n      this.market = resolvedMarket;\n    }\n    if (!this.language) {\n      const resolvedMarket = await marketWebContextService.getLanguage();\n      this.language = resolvedMarket;\n    }\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  async init() {\n    this.setTranslations();\n    await this.fetchData();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n    this.fetchData();\n  }\n\n  @Watch('market')\n  onMarketChange() {\n    this.fetchData();\n  }\n\n  setFetchUrl(endpointBase: string) {\n    switch (this.theme) {\n      case 'dotcom':\n        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n      default:\n        return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n    }\n  }\n\n  async fetchData() {\n    if (this.endpoint === null || !this.market || !this.language) {\n      // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n      return;\n    }\n\n    this.fetchingData = true;\n    const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = this.setFetchUrl(endpointBase);\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchRefreshed.bind(this),\n    )) as any;\n    await this.setStateFromData(data);\n  }\n\n  onFetchRefreshed(data) {\n    this.setStateFromData(data);\n  }\n\n  setStateFromData(data: any) {\n    if (typeof data !== 'object') {\n      console.warn('Data was not valid', data);\n    }\n\n    this.siteDefinition = data.sitedefinition;\n    this.footerContent = data.footer;\n\n    if (this.siteDomainInUrls) {\n      this.adjustLinks();\n    }\n\n    this.gotData = true;\n    this.fetchingData = true;\n  }\n  adjustLinks() {\n    this.footerContent.bottomLinks.forEach(link => {\n      link.linkHref = this.adjustHref(link.linkHref);\n    });\n    this.footerContent.columns.forEach(col => {\n      col.links.forEach(link => {\n        link.linkHref = this.adjustHref(link.linkHref);\n      });\n    });\n  }\n\n  adjustHref(href: string) {\n    if (!href || href.indexOf('http') === 0 || this.siteDomainInUrls) {\n      return href;\n    }\n    const domainUrl =\n      this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n        ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n        : this.siteDefinition.url;\n    href = domainUrl + href;\n    return href;\n  }\n\n  uniqueId(text: string) {\n    return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n  }\n\n  renderCols() {\n    if (this.gotData && this.footerContent?.columns) {\n      return this.footerContent.columns.map(column => {\n        return (\n          <pn-site-footer-col theme={this.theme}>\n            {column.firstLinkAsHeader && column.links && column.links[0] ? (\n              <a\n                href={column.links[0].linkHref}\n                target={column.links[0].openInNewWindow ? '_blank' : null}\n                rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n                title={column.links[0].linkText}\n                id={this.uniqueId(column.links[0].linkText)}\n              >\n                <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n                  {column.links[0].linkText}\n                </HeadingTag>\n              </a>\n            ) : (\n              <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n                {column.heading}\n              </HeadingTag>\n            )}\n            {column.links && (!column.body || this.theme === 'tpl') ? (\n              <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n                {column.links.map((link, i) => {\n                  if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {\n                    return false;\n                  }\n                  let linkText = link.linkText;\n                  if (link.linkType) {\n                    linkText = getSocialMediaIconsByType(link.linkType);\n                  }\n                  let linkId = this.uniqueId(linkText);\n                  return (\n                    <li>\n                      <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n                        {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n                      </a>\n                    </li>\n                  );\n                })}\n              </ul>\n            ) : null}\n            {column.body ? <div innerHTML={column.body}></div> : null}\n            <slot name=\"bottomsocialmediadesktop\" />\n            <slot name=\"bottomsocialmediamobile\" />\n          </pn-site-footer-col>\n        );\n      });\n    } else {\n      return null;\n    }\n  }\n\n  renderBottomLinks() {\n    return this.footerContent.bottomLinks.map(link => {\n      if (!link.linkHref) {\n        return <li>{link.linkText}</li>;\n      }\n      let linkId = this.uniqueId(link.linkText);\n\n      return (\n        <li>\n          <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n            {link.linkText}\n          </a>\n        </li>\n      );\n    });\n  }\n\n  renderDefaultFooter() {\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n          <slot name=\"logo\"></slot>\n          {this.renderCols()}\n\n          <div slot=\"bottom\">\n            {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n            {this.gotData && this.footerContent?.bottomLinks ? (\n              <span>\n                {this.footerContent.bottomLinks.map(link => {\n                  if (!link.linkHref) {\n                    return <span>{link.linkText}</span>;\n                  }\n                  let linkId = this.uniqueId(link.linkText);\n                  return (\n                    <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n                      {link.linkText}\n                    </a>\n                  );\n                })}\n              </span>\n            ) : null}\n          </div>\n        </pn-site-footer>\n      </Host>\n    );\n  }\n\n  renderSocialMeidaIconListElements() {\n    return (\n      this.gotData &&\n      this.footerContent?.socialmedialinks.map(link => {\n        let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n        let linkId = this.uniqueId(link.linkText);\n        return (\n          <li>\n            <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n          </li>\n        );\n      })\n    );\n  }\n\n  renderSwanComponent() {\n    return (\n      this.showSwan && (\n        <div class=\"swan-wrapper\">\n          <div class=\"separator\"></div>\n          <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n        </div>\n      )\n    );\n  }\n\n  renderDotComFooter() {\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n          {this.renderCols()}\n          <slot name=\"middle-extra\"></slot>\n          <slot name=\"middle-extra-mobile\"></slot>\n          <div slot=\"bottom\">\n            <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n              <ul>{this.renderSocialMeidaIconListElements()}</ul>\n              {this.renderSwanComponent()}\n            </div>\n\n            <div class=\"copyright\">\n              {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n              {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n            </div>\n          </div>\n        </pn-site-footer>\n      </Host>\n    );\n  }\n\n  render() {\n    switch (this.theme) {\n      case 'dotcom':\n        return this.renderDotComFooter();\n      default:\n        return this.renderDefaultFooter();\n    }\n  }\n}\n"],"version":3}

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

@@ -10,7 +10,7 @@ const { state, onChange } = createStore({
     loginManager: null,
 });
 
-const pnMarketwebSiteheaderLoginLinklistCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist .pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{color:#0d234b;text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:#0d234b !important}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";
+const pnMarketwebSiteheaderLoginLinklistCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist .pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{color:#0d234b;text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:#0d234b !important}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";
 const PnMarketwebSiteheaderLoginLinklistStyle0 = pnMarketwebSiteheaderLoginLinklistCss;
 
 const PnMarketwebSiteheaderLoginLinklist = /*@__PURE__*/ proxyCustomElement(class PnMarketwebSiteheaderLoginLinklist extends HTMLElement {

package/components/pn-marketweb-siteheader-login-linklist2.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-siteheader-login-linklist2.js","mappings":"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","names":["headerState"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-store.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  loginManager: null,\n});\n\nexport { state, onChange };\nexport default state;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-marketweb-siteheader-login-linklist2.js","mappings":"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","names":["headerState"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-store.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  loginManager: null,\n});\n\nexport { state, onChange };\nexport default state;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as state, d as defineCustomElement$1 } from './pn-marketweb-siteheader-login-linklist2.js';
 
-const pnMarketwebSiteheaderLoginLinksCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";
+const pnMarketwebSiteheaderLoginLinksCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";
 const PnMarketwebSiteheaderLoginLinksStyle0 = pnMarketwebSiteheaderLoginLinksCss;
 
 const PnMarketwebSiteheaderLoginLinks = /*@__PURE__*/ proxyCustomElement(class PnMarketwebSiteheaderLoginLinks extends HTMLElement {

package/components/pn-marketweb-siteheader-login-links2.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-siteheader-login-links2.js","mappings":";;;AAAA,MAAM,kCAAkC,GAAG,iFAAiF,CAAC;AAC7H,8CAAe,kCAAkC;;MCQpC,+BAA+B;;;;2BAIU,IAAI;2BAC1B,EAAE;wBACa,KAAK;wBACvB,EAAE;gCACO,KAAK;;;IAEzC,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAGD,MAAM,IAAI;QACR,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IACD,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;aAC7G;YACD,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,CAAC,IAAI,GAAGA,KAAW,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC9D;YACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC5E,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBACzB,IAAI,CAAC,IAAI,GAAGA,KAAW,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;gBACnD,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;aAC3B;YACD,IAAI,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC/C,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;aAC3B;SACF,CAAC;QAEF,IAAI,IAAI,CAAC,WAAW,EAAE,cAAc,EAAE;YACpC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACtD;QACD,IAAI,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE;YACnC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACrD;QAED,IAAI,CAAC,WAAW,CAAC,gBAAgB,GAAG;YAClC;gBACE,IAAI,EAAEA,KAAW,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;gBACrE,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa;gBACxC,eAAe,EAAE,KAAK;gBACtB,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,SAAS;gBACnB,oBAAoB,EAAE,IAAI;aAC3B;YACD;gBACE,IAAI,EAAEA,KAAW,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;gBACxE,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,mBAAmB;gBAC9C,eAAe,EAAE,KAAK;gBACtB,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,IAAI;gBACd,oBAAoB,EAAE,KAAK;aAC5B;SACF,CAAC;KACH;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,IAAI,oBAAoB,GAAG;YACzB,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,KAAK;SAChB,CAAC;QACF,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,oBAAoB,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC9C,oBAAoB,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SAC/C;QACD,QACE,EAAC,IAAI,OAAK,oBAAoB,IAC3B,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,IAClC,4BAAoB,IAAI,CAAC,QAAQ,GAAG,EAAE,IACnC,IAAI,CAAC,QAAQ,IACZ,8CAAwC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAA2C,KAEvJ,eAEG,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,MAAM,GAAG,CAAC,IAC1C,8CACE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,EACpC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,cAAc,EACtC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,GACC,KAE1C,8CAAwC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAA2C,CAC3J,CACG,CACP,CACG,IACJ,IAAI,EAGP,IAAI,CAAC,WAAW,CAAC,iBAAiB,IACjC,8CAAwC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAA2C,IACtJ,IAAI,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["headerState"],"sources":["src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.scss?tag=pn-marketweb-siteheader-login-links","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-links {\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog } from './pn-marketweb-siteheader-types';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-links',\n  styleUrl: 'pn-marketweb-siteheader-login-links.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinks {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() idNamespace: string = '';\n  @Prop({ reflect: true }) loggedin: boolean = false;\n  @Prop() username: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  @Watch('loginDialog')\n  async init() {\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n      link.href = link.href.replace('window.location.href', window.location.href);\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loginMenuLinks) {\n      this.loginDialog?.loginMenuLinks.forEach(adjustLink);\n    }\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: false,\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin;\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        {!this.loginDialog.overrideLoginMenu ? (\n          <div data-loggedin={this.loggedin + ''}>\n            {this.loggedin ? (\n              <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loggedInLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n            ) : (\n              <div>\n                {/* Get login links from API */}\n                {this.loginDialog.loginMenuLinks?.length > 0 ? (\n                  <pn-marketweb-siteheader-login-linklist\n                    heading={this.loginDialog.loginTitle}\n                    links={this.loginDialog.loginMenuLinks}\n                    idNamespace={this.idNamespace}\n                    showUnifiedLogin={this.showUnifiedLogin}\n                  ></pn-marketweb-siteheader-login-linklist>\n                ) : (\n                  <pn-marketweb-siteheader-login-linklist links={this.loginDialog.legacyLoginLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n                )}\n              </div>\n            )}\n          </div>\n        ) : null}\n\n        {/* Override the default logic for some markets such as DK */}\n        {this.loginDialog.overrideLoginMenu ? (\n          <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loginMenuLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-marketweb-siteheader-login-links2.js","mappings":"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","names":["headerState"],"sources":["src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.scss?tag=pn-marketweb-siteheader-login-links","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-links {\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog } from './pn-marketweb-siteheader-types';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-links',\n  styleUrl: 'pn-marketweb-siteheader-login-links.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinks {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() idNamespace: string = '';\n  @Prop({ reflect: true }) loggedin: boolean = false;\n  @Prop() username: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  @Watch('loginDialog')\n  async init() {\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n      link.href = link.href.replace('window.location.href', window.location.href);\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loginMenuLinks) {\n      this.loginDialog?.loginMenuLinks.forEach(adjustLink);\n    }\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: false,\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin;\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        {!this.loginDialog.overrideLoginMenu ? (\n          <div data-loggedin={this.loggedin + ''}>\n            {this.loggedin ? (\n              <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loggedInLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n            ) : (\n              <div>\n                {/* Get login links from API */}\n                {this.loginDialog.loginMenuLinks?.length > 0 ? (\n                  <pn-marketweb-siteheader-login-linklist\n                    heading={this.loginDialog.loginTitle}\n                    links={this.loginDialog.loginMenuLinks}\n                    idNamespace={this.idNamespace}\n                    showUnifiedLogin={this.showUnifiedLogin}\n                  ></pn-marketweb-siteheader-login-linklist>\n                ) : (\n                  <pn-marketweb-siteheader-login-linklist links={this.loginDialog.legacyLoginLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n                )}\n              </div>\n            )}\n          </div>\n        ) : null}\n\n        {/* Override the default logic for some markets such as DK */}\n        {this.loginDialog.overrideLoginMenu ? (\n          <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loginMenuLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}