@swisspost/internet-header 1.10.0 → 1.12.0

package/dist/collection/components/post-internet-footer/post-internet-footer.js

@@ -1,11 +1,11 @@
-import { Host, h } from '@stencil/core';
-import { state } from '../../data/store';
-import { SvgSprite } from '../../utils/svg-sprite.component';
-import { PostFooterBlockCustom } from './components/post-footer-block-custom.component';
-import { PostFooterBlockList } from './components/post-footer-block-list.component';
-import { PostFooterBlockAddress } from './components/post-footer-block-address.component';
-import { PostFooterBlockContact } from './components/post-footer-block-contact.component';
-import { translate } from '../../services/language.service';
+import { Host, h } from "@stencil/core";
+import { state } from "../../data/store";
+import { SvgSprite } from "../../utils/svg-sprite.component";
+import { PostFooterBlockCustom } from "./components/post-footer-block-custom.component";
+import { PostFooterBlockList } from "./components/post-footer-block-list.component";
+import { PostFooterBlockAddress } from "./components/post-footer-block-address.component";
+import { PostFooterBlockContact } from "./components/post-footer-block-contact.component";
+import { translate } from "../../services/language.service";
 export class PostInternetFooter {
   constructor() {
     this.liveSupportEnabled = false;

package/dist/collection/components/post-internet-header/logo-animation/logo-animation.js

@@ -1,6 +1,6 @@
-import { debounce } from 'throttle-debounce';
-import { state } from '../../../data/store';
-import { getScrollParent } from '../../../utils/scrollparent';
+import { debounce } from "throttle-debounce";
+import { state } from "../../../data/store";
+import { getScrollParent } from "../../../utils/scrollparent";
 export const registerLogoAnimationObserver = (target, headerRef) => {
   const scrollParent = getScrollParent(headerRef);
   /**

package/dist/collection/components/post-internet-header/post-internet-header.css

@@ -1,403 +1 @@
-/**
- * Colors used by the post style guide
- */
-/**
- * Maps. Allow maps to have custom colors from the project
- * by always merging into a default empty map
- */
-@font-face {
-  font-display: swap;
-  font-family: "Frutiger Neue For Post";
-  font-weight: 700;
-  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff");
-}
-@font-face {
-  font-display: swap;
-  font-family: "Frutiger Neue For Post";
-  font-weight: 700;
-  font-style: italic;
-  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff");
-}
-@font-face {
-  font-display: swap;
-  font-family: "Frutiger Neue For Post";
-  font-weight: 400;
-  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff");
-}
-@font-face {
-  font-display: swap;
-  font-family: "Frutiger Neue For Post";
-  font-weight: 400;
-  font-style: italic;
-  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff");
-}
-@font-face {
-  font-display: swap;
-  font-family: "Frutiger Neue For Post";
-  font-weight: 300;
-  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff");
-}
-@font-face {
-  font-display: swap;
-  font-family: "Frutiger Neue For Post";
-  font-weight: 300;
-  font-style: italic;
-  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff");
-}
-.visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  border: 0;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-}
-
-.btn-blank {
-  background-color: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 0;
-}
-
-.nav-link {
-  outline: none;
-  outline-offset: 2px;
-  /* Compatibility with button-group */
-  text-decoration: none;
-  color: rgba(0, 0, 0, 0.8);
-  transition: color 200ms;
-  background-color: transparent;
-  box-shadow: none;
-  border: 0;
-  margin: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.nav-link:is(:focus-visible, :focus-within, .pretend-focus) {
-  outline: 2px solid var(--post-contrast-color);
-}
-.nav-link:hover, .nav-link:focus {
-  color: black;
-}
-.nav-link:focus-visible {
-  z-index: 1;
-  position: relative;
-}
-.nav-link > svg {
-  width: 1.4em;
-  height: 1.4em;
-  flex-shrink: 0;
-}
-.nav-link > span {
-  flex-shrink: 1;
-}
-
-.no-list {
-  list-style: none;
-  padding-left: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-*,
-:host,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-:host {
-  font-family: "Frutiger Neue For Post", system-ui, sans-serif;
-}
-
-button {
-  font: inherit;
-  padding: 0;
-}
-
-a,
-button {
-  border-radius: 4px;
-  outline: none;
-  outline-offset: 2px;
-  /* Compatibility with button-group */
-}
-a:is(:focus-visible, :focus-within, .pretend-focus),
-button:is(:focus-visible, :focus-within, .pretend-focus) {
-  outline: 2px solid var(--post-contrast-color);
-  border-radius: 4px;
-}
-
-img,
-svg {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-@media (forced-colors: active) {
-  svg {
-    color: white;
-  }
-}
-
-.box > *:first-child {
-  margin-top: 0;
-}
-.box > *:last-child {
-  margin-bottom: 0;
-}
-
-.mirrored {
-  transform: scaleX(-1);
-}
-
-.rotate-270 {
-  transform: rotate(270deg);
-}
-
-.bold {
-  font-weight: 700;
-}
-
-.light {
-  font-weight: 300;
-}
-
-.d-flex {
-  display: flex;
-}
-
-.d-inline-flex {
-  display: inline-flex;
-}
-
-.align-items-center {
-  align-items: center;
-}
-
-@media (min-width: 1441px) {
-  .wide-container {
-    margin: 0 auto;
-    max-width: 1440px;
-  }
-}
-
-@media (max-width: 599.98px) {
-  .container {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media (min-width: 600px) and (max-width: 1023.98px) {
-  .container {
-    padding-right: 32px;
-    padding-left: 32px;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    padding-right: 40px;
-    padding-left: 40px;
-  }
-}
-
-@media (max-width: -0.02px) {
-  .hidden-xs {
-    display: none;
-  }
-}
-
-@media (max-width: 399.98px) {
-  .hidden-sm {
-    display: none;
-  }
-}
-
-@media (max-width: 599.98px) {
-  .hidden-rg {
-    display: none;
-  }
-}
-
-@media (max-width: 779.98px) {
-  .hidden-md {
-    display: none;
-  }
-}
-
-@media (max-width: 1023.98px) {
-  .hidden-lg {
-    display: none;
-  }
-}
-
-@media (max-width: 1279.98px) {
-  .hidden-xl {
-    display: none;
-  }
-}
-
-@media (max-width: 1440.98px) {
-  .hidden-xxl {
-    display: none;
-  }
-}
-
-/**
- * Default position: scrolled
- * Logo is being scaled up for the initial view (scrollY = 0). This enables media queries to override
- * mobile behaviour without re-calculation
-*/
-:host {
-  --logo-scale: 1;
-}
-@media (max-width: 1023.98px) {
-  :host {
-    --logo-scale: 1 !important;
-  }
-}
-
-post-logo {
-  height: var(--header-height);
-  transform-origin: bottom left;
-  transform: scale(var(--logo-scale));
-}
-
-post-main-navigation {
-  margin-left: calc(var(--header-height) * var(--logo-scale) - var(--header-height));
-}
-
-:host {
-  display: block;
-  position: relative;
-  font-size: 1rem;
-  font-weight: 300;
-  z-index: var(--header-z-index, 10);
-  --header-height: 3.5rem;
-  --meta-header-height: 0px;
-  --language-dropdown-margin-top: 0px;
-}
-@media (min-width: 1024px) {
-  :host {
-    --meta-header-height: 3rem;
-    --header-height: 4rem;
-  }
-}
-@media (min-width: 1280px) {
-  :host {
-    --header-height: 4.5rem;
-  }
-}
-
-:host([meta=false]) {
-  --meta-header-height: 0px;
-  --language-dropdown-margin-top: 1px;
-}
-
-@supports (position: sticky) {
-  :host(:not(.stickyness-none)) {
-    position: sticky;
-  }
-  :host(.stickyness-full) {
-    top: 0;
-  }
-  :host(.stickyness-main) {
-    top: calc(var(--meta-header-height, 0px) * -1);
-  }
-  :host(.stickyness-minimal) {
-    top: calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px) * -1);
-    transition: top 200ms ease-in;
-  }
-  :host(.stickyness-minimal.scrolling-up),
-  :host(.stickyness-minimal.dropdown-open) {
-    top: calc(var(--meta-header-height, 0px) * -1);
-    transition: top 200ms ease-out;
-  }
-}
-.post-internet-header {
-  border-bottom: 1px solid hsl(0, 0%, 90%);
-  background-color: white;
-}
-
-.main-navigation-container {
-  display: flex;
-}
-.main-navigation-container > .main-navigation-controls {
-  flex: 0 0 auto;
-}
-
-.main-navigation {
-  display: flex;
-}
-
-.sub-navigation-container {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  width: 100%;
-  display: flex;
-  background: white;
-  visibility: hidden;
-}
-
-.main-navigation-item:hover .sub-navigation-container {
-  visibility: visible;
-}
-
-.main-navigation-controls {
-  display: flex;
-  margin-left: auto;
-}
-@media (max-width: 1023.98px) {
-  .main-navigation-controls {
-    font-weight: 400;
-  }
-}
-@media (min-width: 1024px) {
-  .main-navigation-controls {
-    font-size: 1.0625rem;
-  }
-}
-.main-navigation-controls > * {
-  border-left: 1px solid hsl(0, 0%, 90%);
-}
-
-.menu-button {
-  display: flex;
-  align-items: center;
-  padding: 0 calc(1rem - 1px);
-  font-weight: 300;
-  cursor: pointer;
-  border-left: 1px solid hsl(0, 0%, 90%);
-  order: 1; /* Display on the far right because of tab order */
-}
-@media (min-width: 1024px) {
-  .menu-button {
-    display: none;
-  }
-}
-@media (min-width: 600px) and (max-width: 1023.98px) {
-  .menu-button .visually-hidden {
-    position: static;
-    width: auto;
-    height: auto;
-    margin: auto;
-    overflow: visible;
-    clip: auto;
-    visibility: visible;
-    margin-right: 0.5rem;
-  }
-}
-.menu-button svg {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
-.full-width .wide-container {
-  max-width: none;
-}
+@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);transition:color 200ms;background-color:rgba(0,0,0,0);box-shadow:none;border:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;flex-shrink:0}.nav-link>span{flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media(forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{transform:scaleX(-1)}.rotate-270{transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}@media(min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media(max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media(min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media(min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media(max-width: -0.02px){.hidden-xs{display:none}}@media(max-width: 399.98px){.hidden-sm{display:none}}@media(max-width: 599.98px){.hidden-rg{display:none}}@media(max-width: 779.98px){.hidden-md{display:none}}@media(max-width: 1023.98px){.hidden-lg{display:none}}@media(max-width: 1279.98px){.hidden-xl{display:none}}@media(max-width: 1440.98px){.hidden-xxl{display:none}}:host{--logo-scale: 1}@media(max-width: 1023.98px){:host{--logo-scale: 1 !important}}post-logo{height:var(--header-height);transform-origin:bottom left;transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height)*var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height: 3.5rem;--meta-header-height: 0px;--language-dropdown-margin-top: 0px}@media(min-width: 1024px){:host{--meta-header-height: 3rem;--header-height: 4rem}}@media(min-width: 1280px){:host{--header-height: 4.5rem}}:host([meta=false]){--meta-header-height: 0px;--language-dropdown-margin-top: 1px}@supports(position: sticky){:host(:not(.stickyness-none)){position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px)*-1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px)*-1);transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px)*-1);transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid #e6e6e6;background-color:#fff}.main-navigation-container{display:flex}.main-navigation-container>.main-navigation-controls{flex:0 0 auto}.main-navigation{display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:flex;background:#fff;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:flex;margin-left:auto}@media(max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media(min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid #e6e6e6}.menu-button{display:flex;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid #e6e6e6;order:1}@media(min-width: 1024px){.menu-button{display:none}}@media(min-width: 600px)and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}

package/dist/collection/components/post-internet-header/post-internet-header.js

@@ -1,14 +1,14 @@
-import { h, Host, } from '@stencil/core';
-import { debounce, throttle } from 'throttle-debounce';
-import { getLocalizedConfig, getLocalizedCustomConfig, isValidProjectId, } from '../../services/config.service';
-import { dispose, state } from '../../data/store';
-import { SvgSprite } from '../../utils/svg-sprite.component';
-import { SvgIcon } from '../../utils/svg-icon.component';
-import { getUserLang, translate } from '../../services/language.service';
-import { If } from '../../utils/if.component';
-import packageJson from '../../../package.json';
-import { registerLogoAnimationObserver } from './logo-animation/logo-animation';
-import { getScrollParent } from '../../utils/scrollparent';
+import { h, Host, } from "@stencil/core";
+import { debounce, throttle } from "throttle-debounce";
+import { getLocalizedConfig, getLocalizedCustomConfig, isValidProjectId, } from "../../services/config.service";
+import { dispose, state } from "../../data/store";
+import { SvgSprite } from "../../utils/svg-sprite.component";
+import { SvgIcon } from "../../utils/svg-icon.component";
+import { getUserLang, translate } from "../../services/language.service";
+import { If } from "../../utils/if.component";
+import packageJson from "../../../package.json";
+import { registerLogoAnimationObserver } from "./logo-animation/logo-animation";
+import { getScrollParent } from "../../utils/scrollparent";
 export class PostInternetHeader {
   /**
    * Get the currently set language as a two letter string ("de", "fr" "it" or "en")
@@ -35,6 +35,7 @@ export class PostInternetHeader {
     this.customConfig = undefined;
     this.languageCookieKey = undefined;
     this.languageLocalStorageKey = 'swisspost-internet-header-language';
+    this.logoutUrl = undefined;
     this.activeRoute = 'auto';
     this.osFlyoutOverrides = undefined;
     this.fullWidth = false;
@@ -283,7 +284,7 @@ export class PostInternetHeader {
       ((_b = config.header.navMeta) === null || _b === void 0 ? void 0 : _b.filter(meta => !meta.isHomeLink).length) > 0;
     const renderLogin = ((_c = this.login) !== null && _c !== void 0 ? _c : !config.header.isLoginWidgetHidden) && config.header.loginWidgetOptions;
     const renderLanguageSwitch = config.header.navLang.length > 1;
-    return (h(Host, { class: `stickyness-${this.stickyness} ${Boolean(this.activeDropdownElement) || Boolean(this.activeFlyout) ? 'dropdown-open' : ''}`, "data-version": packageJson.version, onKeyup: (e) => this.handleKeyUp(e) }, h("header", { class: `post-internet-header${this.fullWidth ? ' full-width' : ''}` }, h(SvgSprite, null), h("h1", { class: "visually-hidden" }, translate('Navigate on post.ch')), h(If, { condition: this.skiplinks }, h("post-skiplinks", null)), h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "horizontal", class: "hidden-lg", "full-width": this.fullWidth, ref: el => (this.metaNav = el) }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-desktop", mode: "dropdown", onDropdownToggled: e => this.handleDropdownToggled(e) })))), h("div", { class: "main-navigation-container wide-container" }, h("post-logo", null), h("button", { class: "menu-button nav-link", onClick: () => this.toggleMobileDropdown(), "aria-haspopup": "menu", "aria-controls": "post-internet-header-main-navigation", "aria-expanded": this.activeDropdownElement ? 'true' : 'false' }, h("span", { class: "menu-button-text visually-hidden" }, config.header.mobileMenu.text), h(SvgIcon, { name: this.isMainNavOpen() ? 'pi-close' : 'pi-menu' })), h("post-main-navigation", { onDropdownToggled: e => this.handleDropdownToggled(e), onFlyoutToggled: e => this.handleFlyoutToggled(e), ref: el => (this.mainNav = el) }, h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "vertical" }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-mobile", mode: "list" }))))), h("div", { class: "main-navigation-controls" }, h(If, { condition: this.search }, h("post-search", { onDropdownToggled: e => this.handleDropdownToggled(e) })), h(If, { condition: !!renderLogin }, h("post-klp-login-widget", null, h("slot", { name: "login-widget" }))), h(If, { condition: !renderMetaNavigation && renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-no-meta", onDropdownToggled: e => this.handleDropdownToggled(e), mode: "dropdown" })), h("slot", { name: "main" }))))));
+    return (h(Host, { class: `stickyness-${this.stickyness} ${Boolean(this.activeDropdownElement) || Boolean(this.activeFlyout) ? 'dropdown-open' : ''}`, "data-version": packageJson.version, onKeyup: (e) => this.handleKeyUp(e) }, h("header", { class: `post-internet-header${this.fullWidth ? ' full-width' : ''}` }, h(SvgSprite, null), h("h1", { class: "visually-hidden" }, translate('Navigate on post.ch')), h(If, { condition: this.skiplinks }, h("post-skiplinks", null)), h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "horizontal", class: "hidden-lg", "full-width": this.fullWidth, ref: el => (this.metaNav = el) }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-desktop", mode: "dropdown", onDropdownToggled: e => this.handleDropdownToggled(e) })))), h("div", { class: "main-navigation-container wide-container" }, h("post-logo", null), h("button", { class: "menu-button nav-link", onClick: () => this.toggleMobileDropdown(), "aria-haspopup": "menu", "aria-controls": "post-internet-header-main-navigation", "aria-expanded": this.activeDropdownElement ? 'true' : 'false' }, h("span", { class: "menu-button-text visually-hidden" }, config.header.mobileMenu.text), h(SvgIcon, { name: this.isMainNavOpen() ? 'pi-close' : 'pi-menu' })), h("post-main-navigation", { onDropdownToggled: e => this.handleDropdownToggled(e), onFlyoutToggled: e => this.handleFlyoutToggled(e), ref: el => (this.mainNav = el) }, h(If, { condition: renderMetaNavigation }, h("post-meta-navigation", { orientation: "vertical" }, h(If, { condition: renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-mobile", mode: "list" }))))), h("div", { class: "main-navigation-controls" }, h(If, { condition: this.search }, h("post-search", { onDropdownToggled: e => this.handleDropdownToggled(e) })), h(If, { condition: !!renderLogin }, h("post-klp-login-widget", { "logout-url": this.logoutUrl }, h("slot", { name: "login-widget" }))), h(If, { condition: !renderMetaNavigation && renderLanguageSwitch }, h("post-language-switch", { id: "post-language-switch-no-meta", onDropdownToggled: e => this.handleDropdownToggled(e), mode: "dropdown" })), h("slot", { name: "main" }))))));
   }
   static get is() { return "swisspost-internet-header"; }
   static get encapsulation() { return "shadow"; }
@@ -325,7 +326,8 @@ export class PostInternetHeader {
           "references": {
             "StickynessOptions": {
               "location": "import",
-              "path": "../../models/implementor.model"
+              "path": "../../models/implementor.model",
+              "id": "src/models/implementor.model.ts::StickynessOptions"
             }
           }
         },
@@ -454,7 +456,8 @@ export class PostInternetHeader {
           "references": {
             "Environment": {
               "location": "import",
-              "path": "../../models/general.model"
+              "path": "../../models/general.model",
+              "id": "src/models/general.model.ts::Environment"
             }
           }
         },
@@ -477,7 +480,8 @@ export class PostInternetHeader {
           "references": {
             "IAvailableLanguage": {
               "location": "import",
-              "path": "../../models/language.model"
+              "path": "../../models/language.model",
+              "id": "src/models/language.model.ts::IAvailableLanguage"
             }
           }
         },
@@ -499,7 +503,8 @@ export class PostInternetHeader {
           "references": {
             "ICustomConfig": {
               "location": "import",
-              "path": "../../models/general.model"
+              "path": "../../models/general.model",
+              "id": "src/models/general.model.ts::ICustomConfig"
             }
           }
         },
@@ -547,6 +552,23 @@ export class PostInternetHeader {
         "reflect": false,
         "defaultValue": "'swisspost-internet-header-language'"
       },
+      "logoutUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Override the logout-url provided by the portal config."
+        },
+        "attribute": "logout-url",
+        "reflect": false
+      },
       "activeRoute": {
         "type": "any",
         "mutable": false,
@@ -574,7 +596,8 @@ export class PostInternetHeader {
           "references": {
             "NavMainEntity": {
               "location": "import",
-              "path": "../../models/header.model"
+              "path": "../../models/header.model",
+              "id": "src/models/header.model.ts::NavMainEntity"
             }
           }
         },
@@ -639,7 +662,8 @@ export class PostInternetHeader {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<string>"