@swisspost/internet-header 1.8.1 → 1.8.3-beta.0

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

@@ -127,14 +127,13 @@
 /* stylelint-enable */
 .btn-default,
 .btn-secondary {
-  border: 2px solid rgba(var(--post-contrast-color-rgb), 0.2);
+  border: 2px solid var(--post-gray-60);
 }
 .btn-default:focus,
 .btn-secondary:focus, .btn-default:not(:disabled):hover,
 .btn-secondary:not(:disabled):hover, .pretend-hover.btn-default,
 .pretend-hover.btn-secondary {
   border-color: var(--post-contrast-color);
-  color: var(--post-contrast-color);
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default,
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary {
@@ -144,17 +143,31 @@
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default:not(:disabled):hover,
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-default,
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-secondary {
-  border-color: rgba(var(--post-contrast-color-rgb), 0.4);
+  border-color: var(--post-gray-40);
 }
 .btn-default:disabled,
 .btn-secondary:disabled {
-  border-color: rgba(var(--post-contrast-color-rgb), 0.4);
-  color: rgba(var(--post-contrast-color-rgb), 0.6);
+  border-color: var(--post-gray-40);
+  color: var(--post-gray-60);
+}
+
+.btn-default:focus,
+.btn-secondary:focus, .btn-link:focus,
+.btn-tertiary:focus, .btn-default:not(:disabled):hover,
+.btn-secondary:not(:disabled):hover, .btn-link:not(:disabled):hover,
+.btn-tertiary:not(:disabled):hover, .pretend-hover.btn-default,
+.pretend-hover.btn-secondary, .pretend-hover.btn-link,
+.pretend-hover.btn-tertiary {
+  color: var(--post-contrast-color);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default .pi,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary .pi, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-link .pi,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-tertiary .pi {
+  filter: invert(1);
 }
 
 .btn {
   min-height: 3rem;
-  padding: 0 2rem;
   font-size: 1rem;
   gap: 1rem;
   outline: none;
@@ -172,12 +185,15 @@
   border-radius: 3px;
   background-color: transparent;
   box-shadow: none;
-  color: var(--post-contrast-color);
+  color: var(--post-gray-80);
   font-family: inherit;
   font-weight: 400;
   text-decoration: none !important;
   white-space: nowrap;
 }
+.btn:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 2rem;
+}
 .btn > .pi {
   width: 1.25rem;
   height: 1.25rem;
@@ -188,7 +204,7 @@
 
 .btn-primary {
   border-color: transparent;
-  background-color: rgba(var(--post-contrast-color-rgb), 0.8);
+  background-color: var(--post-gray-80);
   color: var(--post-contrast-color-inverted);
 }
 .btn-primary:focus, .btn-primary:not(:disabled):hover, .btn-primary.pretend-hover {
@@ -197,9 +213,13 @@
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary {
   background-color: var(--post-contrast-color);
+  color: var(--post-gray-10);
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary.pretend-hover {
-  background-color: rgba(var(--post-contrast-color-rgb), 0.8);
+  background-color: var(--post-gray-80);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:disabled {
+  color: var(--post-gray-80);
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary .pi {
   filter: invert(0);
@@ -217,33 +237,21 @@
   }
 }
 .btn-primary:disabled {
-  background-color: rgba(var(--post-contrast-color-rgb), 0.4);
+  background-color: var(--post-gray-40);
 }
 .btn-primary .pi {
   filter: invert(1);
   forced-color-adjust: none;
 }
 
-:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default .pi,
-:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary .pi {
-  filter: invert(1);
-}
-
 .btn-link,
 .btn-tertiary {
   border: 0;
-  padding-right: 0.375rem;
-  padding-left: 0.375rem;
-}
-.btn-link:focus, .btn-link:not(:disabled):hover, .btn-link.pretend-hover,
-.btn-tertiary:focus,
-.btn-tertiary:not(:disabled):hover,
-.btn-tertiary.pretend-hover {
-  color: rgba(var(--post-contrast-color-rgb), 0.8);
+  padding-inline: 0.25rem;
 }
 .btn-link:disabled,
 .btn-tertiary:disabled {
-  color: rgba(var(--post-contrast-color-rgb), 0.6);
+  color: var(--post-gray-60);
 }
 @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
   .btn-link,
@@ -323,10 +331,12 @@
 
 .btn-sm {
   min-height: 2rem;
-  padding: 0 1rem;
-  font-size: 0.8125rem;
+  font-size: 0.75rem;
   gap: 0.5rem;
 }
+.btn-sm:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 1rem;
+}
 .btn-sm > .pi {
   width: 1rem;
   height: 1rem;
@@ -334,10 +344,12 @@
 
 .btn-rg {
   min-height: 2.5rem;
-  padding: 0 1.5rem;
-  font-size: 1rem;
+  font-size: 0.875rem;
   gap: 0.75rem;
 }
+.btn-rg:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 1.5rem;
+}
 .btn-rg > .pi {
   width: 1.125rem;
   height: 1.125rem;
@@ -345,10 +357,12 @@
 
 .btn-lg {
   min-height: 3.5rem;
-  padding: 0 2.5rem;
-  font-size: 1.0625rem;
+  font-size: 1.125rem;
   gap: 1.25rem;
 }
+.btn-lg:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 2.5rem;
+}
 .btn-lg > .pi {
   width: 1.5rem;
   height: 1.5rem;

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

@@ -1,13 +1,13 @@
-import { Host, h } from "@stencil/core";
-import { debounce } from "throttle-debounce";
-import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from "body-scroll-lock";
-import { SvgIcon } from "../../utils/svg-icon.component";
-import { state } from "../../data/store";
-import { OverlayComponent } from "./components/overlay.component";
-import iframeResizer from "iframe-resizer/js/iframeResizer";
-import { SvgSprite } from "../../utils/svg-sprite.component";
-import { BreadcrumbList } from "./components/breadcrumb-list.component";
-import { prefersReducedMotion } from "../../utils/utils";
+import { Host, h } from '@stencil/core';
+import { debounce } from 'throttle-debounce';
+import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
+import { SvgIcon } from '../../utils/svg-icon.component';
+import { state } from '../../data/store';
+import { OverlayComponent } from './components/overlay.component';
+import iframeResizer from 'iframe-resizer/js/iframeResizer';
+import { SvgSprite } from '../../utils/svg-sprite.component';
+import { BreadcrumbList } from './components/breadcrumb-list.component';
+import { prefersReducedMotion } from '../../utils/utils';
 export class PostInternetBreadcrumbs {
   constructor() {
     this.customItems = undefined;
@@ -218,8 +218,7 @@ export class PostInternetBreadcrumbs {
           "references": {
             "IBreadcrumbItem": {
               "location": "import",
-              "path": "../../models/breadcrumbs.model",
-              "id": "src/models/breadcrumbs.model.ts::IBreadcrumbItem"
+              "path": "../../models/breadcrumbs.model"
             }
           }
         },

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-internet-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/post-internet-breadcrumbs/post-internet-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { debounce } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { state } from '../../data/store';\nimport { OverlayComponent } from './components/overlay.component';\nimport iframeResizer from 'iframe-resizer/js/iframeResizer';\nimport { IBreadcrumbOverlay, IBreadcrumbItem } from '../../models/breadcrumbs.model';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { BreadcrumbList } from './components/breadcrumb-list.component';\nimport { prefersReducedMotion } from '../../utils/utils';\n\n@Component({\n  tag: 'swisspost-internet-breadcrumbs',\n  styleUrl: 'post-internet-breadcrumbs.scss',\n  shadow: true,\n})\nexport class PostInternetBreadcrumbs {\n  @Prop() customItems?: string | IBreadcrumbItem[];\n  @State() customBreadcrumbItems?: IBreadcrumbItem[];\n  @State() overlayVisible: boolean;\n  @State() isConcatenated: boolean; // Don't set an initial value, this has to be calculated first, otherwise reactivity problems ensue\n  @State() dropdownOpen: boolean = false;\n  @State() refsReady: boolean = false;\n  @Element() host: Element;\n\n  private controlNavRef?: HTMLElement;\n  private visibleNavRef?: HTMLElement;\n  private currentOverlay: IBreadcrumbOverlay;\n  private debouncedResize: debounce<() => void>;\n  private lastWindowWidth: number;\n  private openAnimation: Animation;\n  private loadedAnimation: Animation | undefined;\n\n  connectedCallback() {\n    this.debouncedResize = debounce(200, this.handleResize.bind(this));\n    window.addEventListener('resize', this.debouncedResize, { passive: true });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.debouncedResize);\n    window.removeEventListener('click', this.handleWindowClick);\n    clearAllBodyScrollLocks();\n  }\n\n  async componentWillLoad() {\n    // Wait for the config to arrive, then render the header\n    try {\n      this.customBreadcrumbItems =\n        typeof this.customItems === 'string' ? JSON.parse(this.customItems) : this.customItems;\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    // Initially check if breadcrumb items are concatenated\n    window.requestAnimationFrame(() => {\n      this.handleResize();\n    });\n  }\n\n  @Watch('customItems')\n  handleCustomConfigChage(newValue: string | IBreadcrumbItem[]) {\n    try {\n      this.customBreadcrumbItems = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  handleResize() {\n    // Catch and exclude vertical resize events, e.g. scrolling in iPhone\n    if (window.innerWidth === this.lastWindowWidth) {\n      return;\n    }\n    this.lastWindowWidth = window.innerWidth;\n    this.checkConcatenation();\n  }\n\n  checkConcatenation() {\n    if (this.controlNavRef && this.visibleNavRef) {\n      this.refsReady = true;\n\n      // Delay the check\n      window.requestAnimationFrame(() => {\n        if (this.controlNavRef && this.visibleNavRef) {\n          this.isConcatenated = this.controlNavRef.clientWidth > this.visibleNavRef.clientWidth;\n        }\n      });\n    }\n  }\n\n  toggleOverlay(overlay: IBreadcrumbOverlay, force?: boolean) {\n    const newVisibility = force ?? !this.overlayVisible;\n\n    if (newVisibility) {\n      // Will trigger overlayRef() once the HTLM is rendered\n      this.overlayVisible = newVisibility;\n      this.currentOverlay = overlay;\n      this.setBodyScroll(overlay);\n    } else {\n      const activeToggler = this.host.shadowRoot?.querySelector<HTMLElement>(\n        '.breadcrumb-buttons [aria-expanded=\"true\"]',\n      );\n\n      if (this.openAnimation && this.loadedAnimation) {\n        this.openAnimation.reverse();\n        this.loadedAnimation.reverse();\n\n        // Delay hiding overlay until after the animation finishes\n        Promise.all([this.openAnimation.finished, this.loadedAnimation.finished]).then(() => {\n          if (activeToggler) {\n            activeToggler.focus();\n          }\n          this.overlayVisible = newVisibility;\n          this.setBodyScroll(overlay);\n        });\n      }\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether overlay is visible or not\n   */\n  setBodyScroll(overlay: IBreadcrumbOverlay) {\n    if (this.overlayVisible) {\n      disableBodyScroll(overlay, { reserveScrollBarGap: true });\n    } else {\n      enableBodyScroll(overlay);\n    }\n  }\n\n  toggleDropdown(force?: boolean) {\n    this.dropdownOpen = force ?? !this.dropdownOpen;\n\n    if (this.dropdownOpen) {\n      requestAnimationFrame(() => {\n        document.addEventListener('click', this.handleWindowClick.bind(this), { once: true });\n      });\n    }\n  }\n\n  handleWindowClick() {\n    this.toggleDropdown(false);\n  }\n\n  registerIFrameResizer(iFrame: HTMLIFrameElement) {\n    if (!iFrame) {\n      return;\n    }\n\n    iFrame.addEventListener('load', () => {\n      iframeResizer(\n        {\n          heightCalculationMethod: 'taggedElement',\n          scrolling: true,\n          checkOrigin: false,\n        },\n        iFrame,\n      );\n      const duration = prefersReducedMotion ? 0 : 300;\n      this.loadedAnimation = iFrame.parentElement?.animate(\n        [{ opacity: 1, visibility: 'visible', transform: 'translateY(0px)' }],\n        { duration, fill: 'forwards' },\n      );\n      iFrame.parentElement?.classList.add('loaded');\n      this.loadedAnimation?.finished.then(() => {\n        iFrame.parentElement?.focus();\n      });\n    });\n  }\n\n  /**\n   * Reference function for the overlay element got called. It is either null (overlay closed)\n   * or contains the overlay element as parameter.\n   * @param e Overlay element or null\n   * @returns void\n   */\n  overlayRef(e: HTMLElement | undefined) {\n    if (!e) {\n      return;\n    }\n\n    const duration = prefersReducedMotion ? 0 : 500;\n    this.openAnimation = e.animate([{ opacity: 1, visibility: 'visible' }], {\n      duration,\n      fill: 'forwards',\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key.toLowerCase() === 'escape') {\n      this.toggleOverlay(this.currentOverlay, false);\n    }\n  }\n\n  private handleToggleDropdown() {\n    this.toggleDropdown();\n  }\n\n  private handleToggleOverlay() {\n    this.toggleOverlay(this.currentOverlay, false);\n  }\n\n  private handleControlNavRef(element: HTMLElement) {\n    this.controlNavRef = element;\n    this.checkConcatenation();\n  }\n\n  private handleVisibleNavRef(element: HTMLElement) {\n    this.visibleNavRef = element;\n    this.checkConcatenation();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Breadcrumbs: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config is not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // Config has loaded but there is no breadcrumbs config\n    if (!state.localizedConfig.breadcrumb) {\n      console.warn(\n        `Internet Header: Current project \"${state.projectId}\" does not include a breadcrumb config. The breadcrumbs will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-breadcrumbs'),\n        `from your markup or configure the breadcrumbs in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const breadcrumbConfig = state.localizedConfig.breadcrumb;\n    const items =\n      this.customBreadcrumbItems !== undefined\n        ? [...breadcrumbConfig.items, ...this.customBreadcrumbItems]\n        : breadcrumbConfig.items;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <div class=\"breadcrumbs\">\n          <div class=\"hidden-control-breadcrumbs\" aria-hidden=\"true\" tabindex=\"-1\">\n            <nav class=\"breadcrumbs-nav\" ref={e => e !== undefined && this.handleControlNavRef(e)}>\n              <BreadcrumbList\n                items={items}\n                focusable={false}\n                clickHandler={() => {}}\n              ></BreadcrumbList>\n            </nav>\n          </div>\n          <nav\n            aria-label={breadcrumbConfig.a11yLabel}\n            ref={e => e !== undefined && this.handleVisibleNavRef(e)}\n            class={{\n              'breadcrumbs-nav': true,\n              'visually-hidden': !this.refsReady,\n            }}\n          >\n            <BreadcrumbList\n              items={items}\n              dropdownOpen={this.dropdownOpen}\n              isConcatenated={this.isConcatenated}\n              clickHandler={() => this.handleToggleDropdown()}\n            ></BreadcrumbList>\n          </nav>\n          <div class=\"breadcrumb-buttons\">\n            {breadcrumbConfig.buttons.map(button => (\n              <button\n                class=\"btn btn-secondary btn-icon\"\n                key={button.text}\n                aria-expanded={`${!!this.overlayVisible && this.currentOverlay === button.overlay}`}\n                onClick={() => this.toggleOverlay(button.overlay, true)}\n              >\n                <SvgIcon name={button.svgIcon.name}></SvgIcon>\n                <span class=\"visually-hidden\">{button.text}</span>\n              </button>\n            ))}\n          </div>\n          {this.overlayVisible && (\n            <OverlayComponent\n              overlayRef={e => e !== undefined && this.overlayRef(e)}\n              iFrameRef={e => e !== undefined && this.registerIFrameResizer(e)}\n              overlay={this.currentOverlay}\n              onClick={() => this.handleToggleOverlay()}\n              onKeyDown={(e: KeyboardEvent) => this.handleKeyDown(e)}\n              closeButtonText={state.localizedConfig.header.translations.closeButtonText}\n            ></OverlayComponent>\n          )}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"post-internet-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/post-internet-breadcrumbs/post-internet-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { debounce } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { state } from '../../data/store';\nimport { OverlayComponent } from './components/overlay.component';\nimport iframeResizer from 'iframe-resizer/js/iframeResizer';\nimport { IBreadcrumbOverlay, IBreadcrumbItem } from '../../models/breadcrumbs.model';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { BreadcrumbList } from './components/breadcrumb-list.component';\nimport { prefersReducedMotion } from '../../utils/utils';\n\n@Component({\n  tag: 'swisspost-internet-breadcrumbs',\n  styleUrl: 'post-internet-breadcrumbs.scss',\n  shadow: true,\n})\nexport class PostInternetBreadcrumbs {\n  @Prop() customItems?: string | IBreadcrumbItem[];\n  @State() customBreadcrumbItems?: IBreadcrumbItem[];\n  @State() overlayVisible: boolean;\n  @State() isConcatenated: boolean; // Don't set an initial value, this has to be calculated first, otherwise reactivity problems ensue\n  @State() dropdownOpen: boolean = false;\n  @State() refsReady: boolean = false;\n  @Element() host: Element;\n\n  private controlNavRef?: HTMLElement;\n  private visibleNavRef?: HTMLElement;\n  private currentOverlay: IBreadcrumbOverlay;\n  private debouncedResize: debounce<() => void>;\n  private lastWindowWidth: number;\n  private openAnimation: Animation;\n  private loadedAnimation: Animation | undefined;\n\n  connectedCallback() {\n    this.debouncedResize = debounce(200, this.handleResize.bind(this));\n    window.addEventListener('resize', this.debouncedResize, { passive: true });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.debouncedResize);\n    window.removeEventListener('click', this.handleWindowClick);\n    clearAllBodyScrollLocks();\n  }\n\n  async componentWillLoad() {\n    // Wait for the config to arrive, then render the header\n    try {\n      this.customBreadcrumbItems =\n        typeof this.customItems === 'string' ? JSON.parse(this.customItems) : this.customItems;\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    // Initially check if breadcrumb items are concatenated\n    window.requestAnimationFrame(() => {\n      this.handleResize();\n    });\n  }\n\n  @Watch('customItems')\n  handleCustomConfigChage(newValue: string | IBreadcrumbItem[]) {\n    try {\n      this.customBreadcrumbItems = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  handleResize() {\n    // Catch and exclude vertical resize events, e.g. scrolling in iPhone\n    if (window.innerWidth === this.lastWindowWidth) {\n      return;\n    }\n    this.lastWindowWidth = window.innerWidth;\n    this.checkConcatenation();\n  }\n\n  checkConcatenation() {\n    if (this.controlNavRef && this.visibleNavRef) {\n      this.refsReady = true;\n\n      // Delay the check\n      window.requestAnimationFrame(() => {\n        if (this.controlNavRef && this.visibleNavRef) {\n          this.isConcatenated = this.controlNavRef.clientWidth > this.visibleNavRef.clientWidth;\n        }\n      });\n    }\n  }\n\n  toggleOverlay(overlay: IBreadcrumbOverlay, force?: boolean) {\n    const newVisibility = force ?? !this.overlayVisible;\n\n    if (newVisibility) {\n      // Will trigger overlayRef() once the HTLM is rendered\n      this.overlayVisible = newVisibility;\n      this.currentOverlay = overlay;\n      this.setBodyScroll(overlay);\n    } else {\n      const activeToggler = this.host.shadowRoot?.querySelector<HTMLElement>(\n        '.breadcrumb-buttons [aria-expanded=\"true\"]',\n      );\n\n      if (this.openAnimation && this.loadedAnimation) {\n        this.openAnimation.reverse();\n        this.loadedAnimation.reverse();\n\n        // Delay hiding overlay until after the animation finishes\n        Promise.all([this.openAnimation.finished, this.loadedAnimation.finished]).then(() => {\n          if (activeToggler) {\n            activeToggler.focus();\n          }\n          this.overlayVisible = newVisibility;\n          this.setBodyScroll(overlay);\n        });\n      }\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether overlay is visible or not\n   */\n  setBodyScroll(overlay: IBreadcrumbOverlay) {\n    if (this.overlayVisible) {\n      disableBodyScroll(overlay, { reserveScrollBarGap: true });\n    } else {\n      enableBodyScroll(overlay);\n    }\n  }\n\n  toggleDropdown(force?: boolean) {\n    this.dropdownOpen = force ?? !this.dropdownOpen;\n\n    if (this.dropdownOpen) {\n      requestAnimationFrame(() => {\n        document.addEventListener('click', this.handleWindowClick.bind(this), { once: true });\n      });\n    }\n  }\n\n  handleWindowClick() {\n    this.toggleDropdown(false);\n  }\n\n  registerIFrameResizer(iFrame: HTMLIFrameElement) {\n    if (!iFrame) {\n      return;\n    }\n\n    iFrame.addEventListener('load', () => {\n      iframeResizer(\n        {\n          heightCalculationMethod: 'taggedElement',\n          scrolling: true,\n          checkOrigin: false,\n        },\n        iFrame,\n      );\n      const duration = prefersReducedMotion ? 0 : 300;\n      this.loadedAnimation = iFrame.parentElement?.animate(\n        [{ opacity: 1, visibility: 'visible', transform: 'translateY(0px)' }],\n        { duration, fill: 'forwards' },\n      );\n      iFrame.parentElement?.classList.add('loaded');\n      this.loadedAnimation?.finished.then(() => {\n        iFrame.parentElement?.focus();\n      });\n    });\n  }\n\n  /**\n   * Reference function for the overlay element got called. It is either null (overlay closed)\n   * or contains the overlay element as parameter.\n   * @param e Overlay element or null\n   * @returns void\n   */\n  overlayRef(e: HTMLElement | undefined) {\n    if (!e) {\n      return;\n    }\n\n    const duration = prefersReducedMotion ? 0 : 500;\n    this.openAnimation = e.animate([{ opacity: 1, visibility: 'visible' }], {\n      duration,\n      fill: 'forwards',\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key.toLowerCase() === 'escape') {\n      this.toggleOverlay(this.currentOverlay, false);\n    }\n  }\n\n  private handleToggleDropdown() {\n    this.toggleDropdown();\n  }\n\n  private handleToggleOverlay() {\n    this.toggleOverlay(this.currentOverlay, false);\n  }\n\n  private handleControlNavRef(element: HTMLElement) {\n    this.controlNavRef = element;\n    this.checkConcatenation();\n  }\n\n  private handleVisibleNavRef(element: HTMLElement) {\n    this.visibleNavRef = element;\n    this.checkConcatenation();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Breadcrumbs: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config is not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // Config has loaded but there is no breadcrumbs config\n    if (!state.localizedConfig.breadcrumb) {\n      console.warn(\n        `Internet Header: Current project \"${state.projectId}\" does not include a breadcrumb config. The breadcrumbs will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-breadcrumbs'),\n        `from your markup or configure the breadcrumbs in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const breadcrumbConfig = state.localizedConfig.breadcrumb;\n    const items =\n      this.customBreadcrumbItems !== undefined\n        ? [...breadcrumbConfig.items, ...this.customBreadcrumbItems]\n        : breadcrumbConfig.items;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <div class=\"breadcrumbs\">\n          <div class=\"hidden-control-breadcrumbs\" aria-hidden=\"true\" tabindex=\"-1\">\n            <nav class=\"breadcrumbs-nav\" ref={e => e !== undefined && this.handleControlNavRef(e)}>\n              <BreadcrumbList\n                items={items}\n                focusable={false}\n                clickHandler={() => {}}\n              ></BreadcrumbList>\n            </nav>\n          </div>\n          <nav\n            aria-label={breadcrumbConfig.a11yLabel}\n            ref={e => e !== undefined && this.handleVisibleNavRef(e)}\n            class={{\n              'breadcrumbs-nav': true,\n              'visually-hidden': !this.refsReady,\n            }}\n          >\n            <BreadcrumbList\n              items={items}\n              dropdownOpen={this.dropdownOpen}\n              isConcatenated={this.isConcatenated}\n              clickHandler={() => this.handleToggleDropdown()}\n            ></BreadcrumbList>\n          </nav>\n          <div class=\"breadcrumb-buttons\">\n            {breadcrumbConfig.buttons.map(button => (\n              <button\n                class=\"btn btn-secondary btn-icon\"\n                key={button.text}\n                aria-expanded={`${!!this.overlayVisible && this.currentOverlay === button.overlay}`}\n                onClick={() => this.toggleOverlay(button.overlay, true)}\n              >\n                <SvgIcon name={button.svgIcon.name}></SvgIcon>\n                <span class=\"visually-hidden\">{button.text}</span>\n              </button>\n            ))}\n          </div>\n          {this.overlayVisible && (\n            <OverlayComponent\n              overlayRef={e => e !== undefined && this.overlayRef(e)}\n              iFrameRef={e => e !== undefined && this.registerIFrameResizer(e)}\n              overlay={this.currentOverlay}\n              onClick={() => this.handleToggleOverlay()}\n              onKeyDown={(e: KeyboardEvent) => this.handleKeyDown(e)}\n              closeButtonText={state.localizedConfig.header.translations.closeButtonText}\n            ></OverlayComponent>\n          )}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/post-internet-footer/components/post-footer-block-address.component.js

@@ -1,5 +1,5 @@
-import { h } from "@stencil/core";
-import { PostFooterBlockSocials } from "./post-footer-block-socials.component";
+import { h } from '@stencil/core';
+import { PostFooterBlockSocials } from './post-footer-block-socials.component';
 export const PostFooterBlockAddress = (props) => {
   return (h("div", { class: "block-address" }, h("h3", null, props.block.title), props.block.content &&
     props.block.content

package/dist/collection/components/post-internet-footer/components/post-footer-block-contact.component.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h } from '@stencil/core';
 const getContentHours = (hours) => hours.replace(/<[^>]*>?/gm, '');
 const callUnblu = () => {
   if (typeof window['unbluLSLoad'] === 'function') {

package/dist/collection/components/post-internet-footer/components/post-footer-block-custom.component.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h } from '@stencil/core';
 export const PostFooterBlockCustom = (props) => {
   return (h("div", { class: "pre-footer" }, h("div", { class: "block-custom container" }, h("h3", null, props.block.title), h("ul", { class: "no-list box link-list" }, props.block.links &&
     props.block.links.map(link => (h("li", { key: link.url }, h("a", { class: "flyout-link", href: link.url, target: link.target }, link.text))))))));

package/dist/collection/components/post-internet-footer/components/post-footer-block-list.component.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h } from '@stencil/core';
 export const PostFooterBlockList = (props) => {
   return (h("div", { class: "block-list" }, h("h3", null, props.block.title), h("ul", { class: "no-list box link-list" }, props.block.links &&
     props.block.links.map(link => (h("li", { key: link.url }, h("a", { class: "flyout-link", href: link.url, target: link.target }, link.text)))))));

package/dist/collection/components/post-internet-footer/components/post-footer-block-socials.component.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { h } from '@stencil/core';
 export const PostFooterBlockSocials = (props) => {
   return (h("div", { class: "block-socials" }, h("h3", null, props.content.title), h("ul", { class: "no-list socials" }, props.content.links.map(link => (h("li", { key: link.url }, h("a", { href: link.url, target: link.target }, h("span", { class: "visually-hidden" }, link.name), h("svg", { "aria-hidden": "true" }, h("use", { href: `#${link.icon}` })))))))));
 };

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

@@ -1515,14 +1515,13 @@
  */
 .btn-default,
 .btn-secondary {
-  border: 2px solid rgba(var(--post-contrast-color-rgb), 0.2);
+  border: 2px solid var(--post-gray-60);
 }
 .btn-default:focus,
 .btn-secondary:focus, .btn-default:not(:disabled):hover,
 .btn-secondary:not(:disabled):hover, .pretend-hover.btn-default,
 .pretend-hover.btn-secondary {
   border-color: var(--post-contrast-color);
-  color: var(--post-contrast-color);
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default,
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary {
@@ -1532,17 +1531,31 @@
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default:not(:disabled):hover,
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-default,
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-secondary {
-  border-color: rgba(var(--post-contrast-color-rgb), 0.4);
+  border-color: var(--post-gray-40);
 }
 .btn-default:disabled,
 .btn-secondary:disabled {
-  border-color: rgba(var(--post-contrast-color-rgb), 0.4);
-  color: rgba(var(--post-contrast-color-rgb), 0.6);
+  border-color: var(--post-gray-40);
+  color: var(--post-gray-60);
+}
+
+.btn-default:focus,
+.btn-secondary:focus, .btn-link:focus,
+.btn-tertiary:focus, .btn-default:not(:disabled):hover,
+.btn-secondary:not(:disabled):hover, .btn-link:not(:disabled):hover,
+.btn-tertiary:not(:disabled):hover, .pretend-hover.btn-default,
+.pretend-hover.btn-secondary, .pretend-hover.btn-link,
+.pretend-hover.btn-tertiary {
+  color: var(--post-contrast-color);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default .pi,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary .pi, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-link .pi,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-tertiary .pi {
+  filter: invert(1);
 }
 
 .btn {
   min-height: 3rem;
-  padding: 0 2rem;
   font-size: 1rem;
   gap: 1rem;
   outline: none;
@@ -1560,12 +1573,15 @@
   border-radius: 3px;
   background-color: transparent;
   box-shadow: none;
-  color: var(--post-contrast-color);
+  color: var(--post-gray-80);
   font-family: inherit;
   font-weight: 400;
   text-decoration: none !important;
   white-space: nowrap;
 }
+.btn:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 2rem;
+}
 .btn > .pi {
   width: 1.25rem;
   height: 1.25rem;
@@ -1576,7 +1592,7 @@
 
 .btn-primary {
   border-color: transparent;
-  background-color: rgba(var(--post-contrast-color-rgb), 0.8);
+  background-color: var(--post-gray-80);
   color: var(--post-contrast-color-inverted);
 }
 .btn-primary:focus, .btn-primary:not(:disabled):hover, .btn-primary.pretend-hover {
@@ -1585,9 +1601,13 @@
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary {
   background-color: var(--post-contrast-color);
+  color: var(--post-gray-10);
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary.pretend-hover {
-  background-color: rgba(var(--post-contrast-color-rgb), 0.8);
+  background-color: var(--post-gray-80);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:disabled {
+  color: var(--post-gray-80);
 }
 :is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary .pi {
   filter: invert(0);
@@ -1605,33 +1625,21 @@
   }
 }
 .btn-primary:disabled {
-  background-color: rgba(var(--post-contrast-color-rgb), 0.4);
+  background-color: var(--post-gray-40);
 }
 .btn-primary .pi {
   filter: invert(1);
   forced-color-adjust: none;
 }
 
-:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default .pi,
-:is(.bg-dark, .bg-primary, .bg-black, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-coral, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary .pi {
-  filter: invert(1);
-}
-
 .btn-link,
 .btn-tertiary {
   border: 0;
-  padding-right: 0.375rem;
-  padding-left: 0.375rem;
-}
-.btn-link:focus, .btn-link:not(:disabled):hover, .btn-link.pretend-hover,
-.btn-tertiary:focus,
-.btn-tertiary:not(:disabled):hover,
-.btn-tertiary.pretend-hover {
-  color: rgba(var(--post-contrast-color-rgb), 0.8);
+  padding-inline: 0.25rem;
 }
 .btn-link:disabled,
 .btn-tertiary:disabled {
-  color: rgba(var(--post-contrast-color-rgb), 0.6);
+  color: var(--post-gray-60);
 }
 @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
   .btn-link,
@@ -1711,10 +1719,12 @@
 
 .btn-sm {
   min-height: 2rem;
-  padding: 0 1rem;
-  font-size: 0.8125rem;
+  font-size: 0.75rem;
   gap: 0.5rem;
 }
+.btn-sm:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 1rem;
+}
 .btn-sm > .pi {
   width: 1rem;
   height: 1rem;
@@ -1722,10 +1732,12 @@
 
 .btn-rg {
   min-height: 2.5rem;
-  padding: 0 1.5rem;
-  font-size: 1rem;
+  font-size: 0.875rem;
   gap: 0.75rem;
 }
+.btn-rg:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 1.5rem;
+}
 .btn-rg > .pi {
   width: 1.125rem;
   height: 1.125rem;
@@ -1733,10 +1745,12 @@
 
 .btn-lg {
   min-height: 3.5rem;
-  padding: 0 2.5rem;
-  font-size: 1.0625rem;
+  font-size: 1.125rem;
   gap: 1.25rem;
 }
+.btn-lg:where(:not(.btn-link, .btn-tertiary)) {
+  padding: 0 2.5rem;
+}
 .btn-lg > .pi {
   width: 1.5rem;
   height: 1.5rem;

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

@@ -1,10 +1,10 @@
-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 { 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';
 export class PostInternetFooter {
   constructor() {
     this.liveSupportEnabled = false;

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

@@ -1,12 +1,12 @@
-import { Host, h, } from "@stencil/core";
-import { debounce, throttle } from "throttle-debounce";
-import { getLocalizedConfig, getLocalizedCustomConfig, isValidProjectId, } from "../../services/config.service";
-import { state, dispose } from "../../data/store";
-import { SvgSprite } from "../../utils/svg-sprite.component";
-import { SvgIcon } from "../../utils/svg-icon.component";
-import { translate } from "../../services/language.service";
-import { If } from "../../utils/if.component";
-import packageJson from "../../../package.json";
+import { Host, h, } from '@stencil/core';
+import { debounce, throttle } from 'throttle-debounce';
+import { getLocalizedConfig, getLocalizedCustomConfig, isValidProjectId, } from '../../services/config.service';
+import { state, dispose } from '../../data/store';
+import { SvgSprite } from '../../utils/svg-sprite.component';
+import { SvgIcon } from '../../utils/svg-icon.component';
+import { translate } from '../../services/language.service';
+import { If } from '../../utils/if.component';
+import packageJson from '../../../package.json';
 export class PostInternetHeader {
   /**
    * Get the currently set language as a two letter string ("de", "fr" "it" or "en")
@@ -58,7 +58,7 @@ export class PostInternetHeader {
     // Wait for the config to arrive, then render the header
     try {
       state.projectId = this.project;
-      state.environment = this.environment;
+      state.environment = this.environment.toLocaleLowerCase();
       if (this.language !== undefined)
         state.currentLanguage = this.language;
       state.languageSwitchOverrides =
@@ -74,7 +74,7 @@ export class PostInternetHeader {
       }
       state.localizedConfig = await getLocalizedConfig({
         projectId: this.project,
-        environment: this.environment,
+        environment: state.environment,
         language: this.language,
         cookieKey: this.languageCookieKey,
         localStorageKey: this.languageLocalStorageKey,
@@ -309,8 +309,7 @@ export class PostInternetHeader {
           "references": {
             "StickynessOptions": {
               "location": "import",
-              "path": "../../models/implementor.model",
-              "id": "src/models/implementor.model.ts::StickynessOptions"
+              "path": "../../models/implementor.model"
             }
           }
         },
@@ -439,8 +438,7 @@ export class PostInternetHeader {
           "references": {
             "Environment": {
               "location": "import",
-              "path": "../../models/general.model",
-              "id": "src/models/general.model.ts::Environment"
+              "path": "../../models/general.model"
             }
           }
         },
@@ -463,8 +461,7 @@ export class PostInternetHeader {
           "references": {
             "IAvailableLanguage": {
               "location": "import",
-              "path": "../../models/language.model",
-              "id": "src/models/language.model.ts::IAvailableLanguage"
+              "path": "../../models/language.model"
             }
           }
         },
@@ -486,8 +483,7 @@ export class PostInternetHeader {
           "references": {
             "ICustomConfig": {
               "location": "import",
-              "path": "../../models/general.model",
-              "id": "src/models/general.model.ts::ICustomConfig"
+              "path": "../../models/general.model"
             }
           }
         },
@@ -562,8 +558,7 @@ export class PostInternetHeader {
           "references": {
             "NavMainEntity": {
               "location": "import",
-              "path": "../../models/header.model",
-              "id": "src/models/header.model.ts::NavMainEntity"
+              "path": "../../models/header.model"
             }
           }
         },
@@ -628,8 +623,7 @@ export class PostInternetHeader {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+              "location": "global"
             }
           },
           "return": "Promise<string>"