@swisspost/internet-header 1.5.4 → 1.5.6

package/dist/swisspost-internet-header/p-5e362f9d.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTrackAndTraceApiUrl","id","lang","state","currentLanguage","concat","encodeURIComponent","getTrackAndTraceRedirectUrl","query","_q","packageTrackingRedirectUrl","replace","isParcel","searchConfig","__awaiter","_this","getParcelInfo","parcelInfo","sent","ok","redirectPattern","trackingNrPattern","RegExp","test","fetch","trackAndTraceReqest","_r","json","trackAndTraceResult","Object","assign","console","warn","error_1","message","timestamp","Date","toDateString","getParcelSuggestion","url","getSearchRedirectUrl","isTrackTraceId","getSearchPageUrl","_a","localizedConfig","header","search","undefined","searchPageUrl","searchParam","equalizeArrays","arrayA","arrayB","maxLength","coveoSliced","slice","Math","max","length","coveo","environment","prod","organisation","token","int01","int02","dev01","dev02","devs1","getCoveoSuggestions","_b","config","searchHubName","searchPipelineName","method","headers","Authorization","coveoResponse","coveoJSON","coveoCompletions","completions","map","completion","redirectUrl","expression","error","gisAPIUrl","placesUrl","hardNormalize","str","toLowerCase","normalize","queryPlaces","searchParameters","entries","limit","reduce","s","i","k","v","geocoderUrl","geocodeResponse","geocodeJSON","Error","info","locations","error_3","highlightPlacesString","place","reference","q","indexOfQuery","indexOf","substring","getPlacesUrl","location","name","HighlightedText","props","highlightClass","highlightedString","text","h","innerHTML","postSearchCss","PostSearch","exports","class_1","prototype","connectedCallback","this","throttledResize","throttle","handleResize","window","addEventListener","passive","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","componentWillUpdate","searchFlyout","searchDropdownOpen","classList","remove","elementHasTransition","userPrefersReducedMotion","Promise","resolve","event","propertyName","componentDidUpdate","getBoundingClientRect","add","searchBox","focus","preventScroll","toggleDropdown","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","handleSearchInput","trim","all","_s","trackAndTraceInfo","parcelSuggestion","deselectSuggestion","handleKeyDown","selectedSuggestion","key","selectedHref","getAttribute","href","startSearch","suggestions","querySelectorAll","parentElement","nextElementSibling","firstElementChild","_d","_c","previousElementSibling","suggestedText","dataset","suggestionText","handleMouseEnterSuggestion","target","handleMouseLeaveSuggestions","render","translations","showPortalRecommendations","searchRecommendations","links","Host","SvgSprite","class","type","onClick","e","searchToggleExpanded","searchToggle","SvgIcon","If","condition","ref","placeholder","flyoutSearchBoxFloatingLabel","autocomplete","el","onInput","onKeyDown","htmlFor","searchSubmit","title","onMouseLeave","recommendation","URL","label","onMouseEnter","inlineSvg","_f","_e","sending","_h","_g","product","_k","_j","recipient","zipcode","_m","_l","city","_p","_o","suggestion","objectId","highlighted"],"sources":["src/services/search/parcel.service.ts","src/services/search/search.service.ts","src/services/search/coveo.settings.ts","src/services/search/coveo.service.ts","src/services/search/places.settings.ts","src/services/search/search-utilities.ts","src/services/search/places.service.ts","src/utils/highlighted.component.tsx","src/components/post-search/post-search.scss?tag=post-search&encapsulation=shadow","src/components/post-search/post-search.tsx"],"sourcesContent":["import { state } from '../../data/store';\nimport { ISearchConfig } from '../../models/header.model';\nimport { TrackAndTraceInfo } from '../../models/track-and-trace.model';\n\n// https://www.post.ch/api/trackandtrace?id=99.00.306600.01004883\n\n// Track and trace URL\nexport const getTrackAndTraceApiUrl = (id: string) => {\n  const lang = state.currentLanguage;\n  return `https://www.post.ch/${lang}/api/trackandtrace?id=${encodeURIComponent(id)}`;\n};\n\n// Get the redire\nexport const getTrackAndTraceRedirectUrl = (\n  query: string,\n  { packageTrackingRedirectUrl }: ISearchConfig,\n) => {\n  return packageTrackingRedirectUrl.replace('{trackingNumber}', encodeURIComponent(query));\n};\n\n/**\n * Check whether a query is a tracking id\n *\n * @param query User query\n * @returns Boolean\n */\nexport const isParcel = async (query: string, searchConfig: ISearchConfig): Promise<boolean> => {\n  const parcelInfo = await getParcelInfo(query, searchConfig);\n  return parcelInfo.ok;\n};\n\n/**\n * Try to get parcel info from a query that is possibly a tracking id.\n * This is mainly used to check if a search should redirect to track&trace instead of the regular search.\n *\n * @param query User query that is possibly a tracking number\n * @returns Track and trace info\n */\nexport const getParcelInfo = async (\n  query: string,\n  { redirectPattern }: ISearchConfig,\n): Promise<TrackAndTraceInfo> => {\n  const trackingNrPattern = new RegExp(redirectPattern);\n\n  if (trackingNrPattern.test(query)) {\n    try {\n      const trackAndTraceReqest = await fetch(getTrackAndTraceApiUrl(query));\n      const trackAndTraceResult = await trackAndTraceReqest.json();\n      return { ...trackAndTraceResult, ok: trackAndTraceResult.ok === 'true' };\n    } catch (error) {\n      console.warn(`Could not check track and trace API due to error: ${error.message}`);\n    }\n  }\n\n  return { ok: false, timestamp: new Date().toDateString() };\n};\n\n/**\n * Get parcel info if query is a parcel or null\n *\n * @param query Parcel id\n * @returns Parcel info and a redirect url or null if not a parcel\n */\nexport const getParcelSuggestion = async (\n  query: string,\n  searchConfig: ISearchConfig,\n): Promise<(TrackAndTraceInfo & { url: string }) | null> => {\n  const parcelInfo = await getParcelInfo(query, searchConfig);\n  return parcelInfo.ok\n    ? { ...parcelInfo, url: getTrackAndTraceRedirectUrl(query, searchConfig) }\n    : null;\n};\n","import { state } from '../../data/store';\nimport { ISearchConfig } from '../../models/header.model';\nimport { getTrackAndTraceRedirectUrl, isParcel } from './parcel.service';\n\n/**\n * Construct a search page url from a query\n *\n * @param query Search term\n * @returns\n */\nexport const getSearchRedirectUrl = async (\n  query: string,\n  searchConfig: ISearchConfig,\n): Promise<string | undefined> => {\n  const isTrackTraceId = await isParcel(query, searchConfig);\n  return isTrackTraceId\n    ? getTrackAndTraceRedirectUrl(query, searchConfig)\n    : getSearchPageUrl(query);\n};\n\n/**\n * Stitch toghether the search page URL\n *\n * @param query Search term\n * @returns Search page URL\n */\nexport const getSearchPageUrl = (query: string): string | undefined => {\n  if (state.localizedConfig?.header.search === undefined) {\n    return;\n  }\n  const { searchPageUrl } = state.localizedConfig.header.search;\n  const searchParam = `#q=${encodeURIComponent(query)}`;\n  return `${searchPageUrl}${searchParam}&t=AllTab`;\n};\n\n/**\n * Equalize the length of two arrays while filling up empty slots up to max. length\n *\n * @param arrayA First array\n * @param arrayB Second array\n * @param maxLength Max. length of result array\n * @returns Array with two resulting arrays\n */\nexport const equalizeArrays = <A, B>(arrayA: A[], arrayB: B[], maxLength = 7): [A[], B[]] => {\n  const coveoSliced = arrayA.slice(0, Math.max(maxLength / 2, maxLength - arrayB.length));\n  return [coveoSliced, arrayB.slice(0, maxLength - coveoSliced.length)];\n};\n","import { CoveoOptions } from '../../models/coveo.model';\n\n// Coveo constants\nexport const coveo: CoveoOptions = {\n  url: 'https://platform-eu.cloud.coveo.com/rest/search/v2/querySuggest',\n  environment: {\n    prod: {\n      organisation: 'postchagprod6ef4sbet',\n      token: 'xx5b629890-23b9-4fbe-b601-0e8719186969',\n    },\n    int01: {\n      organisation: 'postchagnonprods5sq57qt',\n      token: 'xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4',\n    },\n    int02: {\n      organisation: 'postchagnonprods5sq57qt',\n      token: 'xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4',\n    },\n    dev01: {\n      organisation: 'postchagnonprods5sq57qt',\n      token: 'xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4',\n    },\n    dev02: {\n      organisation: 'postchagnonprods5sq57qt',\n      token: 'xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4',\n    },\n    devs1: {\n      organisation: 'postchagnonprods5sq57qt',\n      token: 'xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4',\n    },\n    test: {\n      organisation: 'postchagnonprods5sq57qt',\n      token: 'xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4',\n    },\n  },\n};\n","import { state } from '../../data/store';\nimport { CoveoCompletion, CoveoResponse } from '../../models/coveo.model';\nimport { coveo } from './coveo.settings';\nimport { getSearchPageUrl } from './search.service';\n\n/**\n * Get suggestions from coveo\n * https://docs.coveo.com/en/1459/build-a-search-ui/get-query-suggestions#context-object\n *\n * @param query Search term\n * @returns\n */\nexport const getCoveoSuggestions = async (query: string): Promise<CoveoCompletion[]> => {\n  if (state.localizedConfig?.header?.search === undefined) return [];\n  const config = state.localizedConfig.header.search;\n  const { token, organisation } = coveo.environment[state.environment];\n  const url = `${coveo.url}?q=${query}&locale=${state.currentLanguage}&searchHub=${config.searchHubName}&pipeline=${config.searchPipelineName}&organizationId=${organisation}`;\n  let coveoCompletions: CoveoCompletion[] | undefined;\n\n  try {\n    const coveoResponse = await fetch(url, {\n      method: 'GET',\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    });\n    const coveoJSON = (await coveoResponse.json()) as CoveoResponse;\n    coveoCompletions = coveoJSON.completions.map(completion => ({\n      ...completion,\n      redirectUrl: getSearchPageUrl(completion.expression),\n    }));\n  } catch (error) {\n    console.error(\n      'Connection to coveo failed. Did you add \"*.coveo.com\" to your connect-src content security policy and tried turning off your adblocker?',\n    );\n  }\n\n  return coveoCompletions === undefined ? [] : coveoCompletions;\n};\n","// Implement some TOPOS logic into the header search\nexport const gisAPIUrl = 'https://places.post.ch/StandortSuche/StaoCacheService';\nexport const placesUrl = 'https://places.post.ch';\nexport const pois = [\n  '001PST',\n  '001MP24',\n  '001AG-PICK',\n  '001PFFIL',\n  '001PFST',\n  '001BZ',\n  '001LZB',\n  '001PZ',\n  '001LZP',\n  '001AL',\n];\n","/**\n * Transform to lowercase, extract accents to separate unicode chars,\n * replace all accent unicode chars so only standard latin chars remain\n * https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript/37511463#37511463\n *\n * @param str Input string\n * @returns\n */\nexport const hardNormalize = (str: string): string =>\n  str\n    .toLowerCase()\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '');\n","import { state } from '../../data/store';\nimport { GeocodeLocation, GeocodeResponse } from '../../models/geocode.model';\nimport { gisAPIUrl, placesUrl } from './places.settings';\nimport { hardNormalize } from './search-utilities';\n\n/**\n * Query the Gis API for locations and localities (pois)\n *\n * @param query User input string\n * @returns\n */\nexport const queryPlaces = async (query: string): Promise<GeocodeLocation[]> => {\n  if (query.length === 0) {\n    return [];\n  }\n\n  const searchParameters = Object.entries({\n    query: encodeURIComponent(query),\n    lang: state.currentLanguage,\n    limit: 7,\n  }).reduce((s, [k, v], i) => `${s}${i === 0 ? '?' : '&'}${k}=${v}`, '');\n\n  const geocoderUrl = `${gisAPIUrl}/Geocode${searchParameters}`;\n\n  try {\n    const geocodeResponse = await fetch(geocoderUrl);\n    const geocodeJSON = (await geocodeResponse.json()) as GeocodeResponse;\n    if (!geocodeJSON.ok) {\n      throw new Error(geocodeJSON.info);\n    }\n    return geocodeJSON.locations;\n  } catch (error) {\n    console.error(\n      'Fetching places failed. Did you add \"places.post.ch\" to your connect-src content security policy?',\n    );\n    throw error;\n  }\n};\n\n/**\n * Try to highlight place suggestions\n * Limitation: accented chars are not handled by this basic function\n *\n * @param query Search term\n * @param place Name of the suggested place\n * @returns\n */\nexport const highlightPlacesString = (query: string | undefined, place: string) => {\n  if (query === undefined) return place;\n\n  // Strip accents from the string\n  const reference = hardNormalize(place);\n  const q = hardNormalize(query);\n  const indexOfQuery = reference.indexOf(q);\n\n  if (indexOfQuery < 0) {\n    return place;\n  }\n\n  return `${place.substring(0, indexOfQuery)}{${place.substring(\n    indexOfQuery,\n    indexOfQuery + query.length,\n  )}}${place.substring(indexOfQuery + query.length, place.length)}`;\n};\n\n/**\n * Get the deeplink to any location found via geocoder\n *\n * @param location A location from the Gis API Geocode endpoint\n * @returns\n */\nexport const getPlacesUrl = (location: GeocodeLocation): string => {\n  let url: string;\n\n  if (location.id) {\n    url = `${placesUrl}/${state.currentLanguage}/${location.id}/detail`;\n  } else {\n    url = `${placesUrl}?preselecttext=${encodeURIComponent(location.name)}`;\n  }\n\n  return url;\n};\n","import { h } from '@stencil/core';\n\nexport const HighlightedText = (props: { text: string; highlightClass?: string }) => {\n  const highlightClass = props.highlightClass ?? 'bold';\n  const highlightedString = props.text\n    .replace(/[{(]/g, `<span class=\"${highlightClass}\">`)\n    .replace(/[})]/g, '</span>')\n    .replace(/[\\[\\]]/g, '');\n  return <span innerHTML={highlightedString}></span>;\n};\n","@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/components/forms\";\n@use \"@swisspost/design-system-styles/components/floating-label\";\n@use \"@swisspost/design-system-styles/components/grid\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.search,\n:host {\n  height: 100%;\n}\n\n.search-button {\n  @extend %nav-link;\n\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding-right: calc(1rem - 1px);\n  padding-left: calc(1rem - 1px);\n\n  @include mixins.min(lg) {\n    padding: 0 calc(1.125rem - 1px);\n  }\n\n  @include mixins.min(xl) {\n    padding: 0 calc(1.5rem - 1px);\n  }\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .visually-hidden {\n    @include mixins.between(rg, lg) {\n      @include mixins.reset-visually-hidden();\n\n      font-weight: 300;\n      margin-right: 0.5rem;\n      cursor: pointer;\n    }\n  }\n}\n\n.flyout {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  background: white;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding-top: 3.25rem;\n  padding-bottom: 3.25rem;\n  z-index: -1;\n  transform: translateY(-100%);\n  transition: transform 0.35s, box-shadow 0.35s;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  @include mixins.min(lg) {\n    max-height: calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);\n    box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);\n\n    &.open {\n      box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);\n    }\n  }\n\n  @include mixins.max(lg) {\n    height: calc(100vh - var(--header-height) - 1px);\n  }\n\n  &.open {\n    transform: translateY(0);\n  }\n}\n\n.form-floating {\n  .form-control {\n    padding-right: 3.5rem;\n  }\n}\n\n.start-search-button {\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.suggestions {\n  margin: 1.5rem 0;\n\n  a {\n    padding: 0.75rem 1rem;\n\n    &:hover,\n    &:focus,\n    &.selected {\n      background: color.$gray-background;\n    }\n\n    &.parcel-suggestion {\n      flex-wrap: wrap;\n    }\n  }\n}\n\n.search-recommendation__icon {\n  height: 1.5em;\n  width: 1.5em;\n}\n","import { Component, Host, h, State, Event, EventEmitter, Method, Element } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { state } from '../../data/store';\nimport { CoveoCompletion } from '../../models/coveo.model';\nimport { GeocodeLocation } from '../../models/geocode.model';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  IsFocusable,\n} from '../../models/header.model';\nimport { getSearchRedirectUrl, equalizeArrays } from '../../services/search/search.service';\nimport { getCoveoSuggestions } from '../../services/search/coveo.service';\nimport {\n  getPlacesUrl,\n  highlightPlacesString,\n  queryPlaces,\n} from '../../services/search/places.service';\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\nimport { HighlightedText } from '../../utils/highlighted.component';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { TrackAndTraceInfo } from '../../models/track-and-trace.model';\nimport { getParcelSuggestion } from '../../services/search/parcel.service';\nimport { If } from '../../utils/if.component';\n\n@Component({\n  tag: 'post-search',\n  styleUrl: 'post-search.scss',\n  shadow: true,\n})\nexport class PostSearch implements HasDropdown, IsFocusable {\n  @State() searchDropdownOpen = false;\n  @State() coveoSuggestions: CoveoCompletion[] = [];\n  @State() placeSuggestions: GeocodeLocation[] = [];\n  @State() parcelSuggestion: (TrackAndTraceInfo & { url: string }) | null = null;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Element() host: DropdownElement;\n  private searchBox?: HTMLInputElement;\n  private searchFlyout: HTMLElement | undefined;\n  private throttledResize: throttle<() => void>;\n\n  connectedCallback() {\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    clearAllBodyScrollLocks();\n  }\n\n  componentWillUpdate() {\n    // Check if search flyout got set to close\n    if (this.searchFlyout && !this.searchDropdownOpen) {\n      this.searchFlyout.classList.remove('open');\n\n      // Check if element has transition applied and whether user prefers to see animations or not\n      if (elementHasTransition(this.searchFlyout, 'transform') && !userPrefersReducedMotion()) {\n        // Wait for CSS transition 'transform' to end before continuing\n        return new Promise<boolean>(resolve => {\n          if (this.searchFlyout === undefined) {\n            return resolve(true);\n          }\n\n          this.searchFlyout.addEventListener('transitionend', event => {\n            if (event.propertyName === 'transform') {\n              resolve(true);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  componentDidUpdate() {\n    // Search flyout got set to open\n    if (this.searchFlyout && this.searchDropdownOpen) {\n      // Force browser to redraw/refresh DOM before adding 'open' class\n      this.searchFlyout.getBoundingClientRect();\n      this.searchFlyout.classList.add('open');\n    }\n\n    // Focus on the searchBox whenever the dropdown is opened\n    if (this.searchDropdownOpen && this.searchBox) {\n      this.searchBox.focus({ preventScroll: true });\n    }\n  }\n\n  public async toggleDropdown(event?: Event): Promise<boolean>;\n  public async toggleDropdown(force?: boolean): Promise<boolean>;\n\n  /**\n   * Toggle the dropdown and optionally force an open/closed state\n   * @param force Boolean to force open/closed state\n   * @returns Boolean indicating open state of the component\n   */\n  @Method()\n  async toggleDropdown(force?: unknown) {\n    this.searchDropdownOpen =\n      force === undefined || typeof force !== 'boolean' ? !this.searchDropdownOpen : force;\n    this.dropdownToggled.emit({ open: this.searchDropdownOpen, element: this.host });\n\n    if (!this.searchDropdownOpen) {\n      // Reset suggestions when dropdown closes\n      this.coveoSuggestions = [];\n      this.placeSuggestions = [];\n      if (this.searchBox) this.searchBox.value = '';\n      this.setFocus();\n    } else {\n      // Get basic suggestions when dropdown opens\n      try {\n        this.coveoSuggestions = await getCoveoSuggestions('');\n      } catch {}\n    }\n\n    this.setBodyScroll();\n\n    return this.searchDropdownOpen;\n  }\n\n  /**\n   * Sets the focus on the search button\n   */\n  @Method()\n  public async setFocus() {\n    const shadowRoot = this.host.shadowRoot;\n    if (shadowRoot === null) {\n      return;\n    }\n    const toggleButton = shadowRoot.querySelector<HTMLElement>('.search-button');\n    if (toggleButton) {\n      toggleButton.focus();\n    }\n  }\n\n  private handleResize() {\n    // Only enable/disable body scroll on resize if the search dropdown is open, otherwise this could lead to side effects in other controls\n    if (this.searchDropdownOpen) {\n      this.setBodyScroll();\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether search dropdown is open or closed in mobile view (width < 1024px)\n   */\n  private setBodyScroll() {\n    if (this.searchDropdownOpen && window.innerWidth < 1024) {\n      disableBodyScroll(this.searchFlyout);\n    } else {\n      enableBodyScroll(this.searchFlyout);\n    }\n  }\n\n  /**\n   * Fetch suggestions from all available sources\n   */\n  private async handleSearchInput() {\n    if (this.searchBox === undefined || state.localizedConfig?.header.search === undefined) {\n      return;\n    }\n    const query = this.searchBox.value.trim();\n\n    const [placeSuggestions, coveoSuggestions, trackAndTraceInfo] = await Promise.all([\n      queryPlaces(query),\n      getCoveoSuggestions(query),\n      getParcelSuggestion(query, state.localizedConfig.header.search),\n    ]);\n\n    // Parcel suggestion is more important than any other\n    if (trackAndTraceInfo) {\n      this.parcelSuggestion = trackAndTraceInfo;\n      this.placeSuggestions = [];\n      this.coveoSuggestions = [];\n    } else {\n      [this.coveoSuggestions, this.placeSuggestions] = equalizeArrays(\n        coveoSuggestions,\n        placeSuggestions,\n        7,\n      );\n    }\n\n    this.deselectSuggestion();\n  }\n\n  /**\n   * Start search on enter\n   * @param event\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.searchFlyout === undefined) {\n      return;\n    }\n\n    let selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\n\n    switch (event.key.toLowerCase()) {\n      case 'enter':\n        if (selectedSuggestion) {\n          const selectedHref = selectedSuggestion.getAttribute('href');\n          if (selectedHref !== null) {\n            window.location.href = selectedHref;\n          }\n        } else {\n          this.startSearch();\n        }\n\n        break;\n      case 'arrowdown':\n      case 'arrowup':\n        const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n        this.deselectSuggestion();\n\n        if (event.key.toLowerCase() === 'arrowdown') {\n          if (selectedSuggestion?.parentElement?.nextElementSibling?.firstElementChild) {\n            // Select next suggestion if there's any, otherwise none will be selected\n            selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add(\n              'selected',\n            );\n          } else {\n            // If there are any suggestions, select first suggestion in list\n            if (suggestions.length > 0) {\n              suggestions[0].classList.add('selected');\n            }\n          }\n        } else if (event.key.toLowerCase() === 'arrowup') {\n          if (selectedSuggestion?.parentElement?.previousElementSibling?.firstElementChild) {\n            // Select previous suggestion if there's any, otherwise none will be selected\n\n            selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add(\n              'selected',\n            );\n          } else {\n            // If there are any suggestions, select last suggestion in list\n            if (suggestions.length > 0) {\n              suggestions[suggestions.length - 1].classList.add('selected');\n            }\n          }\n        }\n\n        // Get the newly selected suggestion\n        selectedSuggestion = this.searchFlyout.querySelector('.suggestions > li > a.selected');\n        const suggestedText = selectedSuggestion?.dataset.suggestionText;\n\n        // Update search box value with selected suggestion text\n        if (suggestedText !== undefined && this.searchBox) {\n          this.searchBox.value = suggestedText;\n        }\n\n        break;\n    }\n  }\n\n  /**\n   * Set selected suggestion on mouse enter\n   * @param event\n   */\n  private handleMouseEnterSuggestion(event: MouseEvent) {\n    this.deselectSuggestion();\n\n    // Set hovered suggestion element as selected\n    (event.target as HTMLElement).classList.add('selected');\n  }\n\n  /**\n   * Set selected suggestion on mouse enter\n   * @param event\n   */\n  private handleMouseLeaveSuggestions() {\n    this.deselectSuggestion();\n  }\n\n  /**\n   * Deselect any previously selected suggestion\n   */\n  private deselectSuggestion() {\n    if (this.searchFlyout === undefined) return;\n\n    const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');\n\n    if (selectedSuggestion) {\n      selectedSuggestion.classList.remove('selected');\n    }\n  }\n\n  /**\n   * Redirect to the post search page\n   */\n  private async startSearch() {\n    if (this.searchBox && state.localizedConfig?.header.search) {\n      const redirectUrl = await getSearchRedirectUrl(\n        this.searchBox.value.trim(),\n        state.localizedConfig.header.search,\n      );\n      if (!redirectUrl) return;\n      window.location.href = redirectUrl;\n    }\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) {\n      return;\n    }\n    const { translations, search } = state.localizedConfig.header;\n    const showPortalRecommendations =\n      this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <div class=\"search\">\n          <button\n            id=\"post-internet-header-search-button\"\n            class=\"search-button\"\n            type=\"button\"\n            aria-expanded={`${this.searchDropdownOpen}`}\n            onClick={e => this.toggleDropdown(e)}\n          >\n            <span class=\"visually-hidden\">\n              {this.searchDropdownOpen\n                ? translations.searchToggleExpanded\n                : translations.searchToggle}\n            </span>\n            <SvgIcon name={this.searchDropdownOpen ? 'pi-close' : 'pi-search'} />\n          </button>\n          <If condition={this.searchDropdownOpen}>\n            <div class=\"flyout\" ref={e => (this.searchFlyout = e)}>\n              <div class=\"container box\">\n                <div class=\"row\">\n                  <div class=\"col-xs-12 col-md-10 col-lg-8\">\n                    <div class=\"form-group form-floating\">\n                      <input\n                        type=\"text\"\n                        id=\"searchBox\"\n                        class=\"form-control form-control-lg\"\n                        placeholder={translations.flyoutSearchBoxFloatingLabel}\n                        autocomplete=\"off\"\n                        ref={el => (this.searchBox = el)}\n                        onInput={() => this.handleSearchInput()}\n                        onKeyDown={e => this.handleKeyDown(e)}\n                      />\n                      <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\n                      <button\n                        onClick={() => this.startSearch()}\n                        class=\"nav-link start-search-button\"\n                      >\n                        <span class=\"visually-hidden\">{translations.searchSubmit}</span>\n                        <SvgIcon name=\"pi-search\" />\n                      </button>\n                    </div>\n                    {showPortalRecommendations && (\n                      <h2 class=\"bold\">{search.searchRecommendations.title}</h2>\n                    )}\n                    <ul\n                      class=\"suggestions no-list\"\n                      onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n                    >\n                      {showPortalRecommendations &&\n                        search.searchRecommendations.links.map(recommendation => (\n                          <li key={recommendation.href}>\n                            <a\n                              class=\"nav-link search-recommendation\"\n                              href={new URL(recommendation.href, 'https://post.ch').href}\n                              data-suggestion-text={recommendation.label}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <span\n                                class=\"search-recommendation__icon\"\n                                innerHTML={recommendation.inlineSvg}\n                              ></span>\n                              <span>{recommendation.label}</span>\n                            </a>\n                          </li>\n                        ))}\n                      {this.parcelSuggestion && this.parcelSuggestion.ok && (\n                        <li>\n                          <a\n                            class=\"nav-link parcel-suggestion\"\n                            href={this.parcelSuggestion.url}\n                            data-suggestion-text={this.searchBox?.value}\n                            onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                          >\n                            <SvgIcon name=\"pi-letter-parcel\" />\n                            <span class=\"bold\">{this.parcelSuggestion?.sending?.id}:&nbsp;</span>\n                            <span>\n                              {this.parcelSuggestion?.sending?.product},{' '}\n                              {this.parcelSuggestion?.sending?.recipient.zipcode}{' '}\n                              {this.parcelSuggestion?.sending?.recipient.city},{' '}\n                              {this.parcelSuggestion?.sending?.state}\n                            </span>\n                          </a>\n                        </li>\n                      )}\n                      {!showPortalRecommendations &&\n                        this.coveoSuggestions &&\n                        this.coveoSuggestions.map(suggestion => (\n                          <li key={suggestion.objectId}>\n                            <a\n                              class=\"nav-link\"\n                              href={suggestion.redirectUrl}\n                              data-suggestion-text={suggestion.expression}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <SvgIcon name=\"pi-search\" />\n                              <HighlightedText text={suggestion.highlighted} />\n                            </a>\n                          </li>\n                        ))}\n                      {!showPortalRecommendations &&\n                        this.placeSuggestions &&\n                        this.placeSuggestions.map(suggestion => (\n                          <li key={suggestion.id}>\n                            <a\n                              class=\"nav-link\"\n                              href={getPlacesUrl(suggestion)}\n                              data-suggestion-text={suggestion.name}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <SvgIcon name=\"pi-place\" />\n                              <HighlightedText\n                                text={highlightPlacesString(\n                                  this.searchBox?.value?.trim(),\n                                  suggestion.name,\n                                )}\n                              />\n                            </a>\n                          </li>\n                        ))}\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </If>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/swisspost-internet-header/p-62896d7a.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,i,e,n){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{s(n.next(t))}catch(t){r(t)}}function l(t){try{s(n["throw"](t))}catch(t){r(t)}}function s(t){t.done?e(t.value):o(t.value).then(a,l)}s((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(i){return s([t,i])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(e=0)),e)try{if(n=1,o&&(r=l[0]&2?o["return"]:l[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,l[1])).done)return r;if(o=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:e.label++;return{value:l[1],done:false};case 5:e.label++;o=l[1];l=[0];continue;case 7:l=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){e=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){e.label=l[1];break}if(l[0]===6&&e.label<r[1]){e.label=r[1];r=l;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(l);break}if(r[2])e.ops.pop();e.trys.pop();continue}l=i.call(t,e)}catch(t){l=[6,t];o=0}finally{n=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-df383e1a.system.js","./p-9b4d5e90.system.js","./p-b3014611.system.js","./p-b8b59050.system.js","./p-88aac12c.system.js","./p-bb7f28f0.system.js","./p-f115d8f1.system.js"],(function(t){"use strict";var i,e,n,o,r,a,l,s,u,d,f,m,c;return{setters:[function(t){i=t.h;e=t.r;n=t.c;o=t.H;r=t.g},function(t){a=t.t},function(t){l=t.c;s=t.d;u=t.e},function(t){d=t.s},function(t){f=t.u},function(t){m=t.S},function(t){c=t.S}],execute:function(){var h=function(t){var e,n,o;var r=t.level.url?"a":"button";return i(r,{class:{"main-link":true,active:!!t.level.isActiveOverride,focus:t.isOpen},href:t.level.url,title:((e=t.level.title)===null||e===void 0?void 0:e.trim())&&((n=t.level.title)===null||n===void 0?void 0:n.trim())!==((o=t.level.text)===null||o===void 0?void 0:o.trim())?t.level.title:undefined,tabindex:t.level.url?undefined:0,"aria-haspopup":!t.level.noFlyout+"","aria-expanded":t.level.noFlyout?null:t.isOpen+"",onTouchEnd:function(i){return t.onTouchEnd(i)},onKeyDown:function(i){return t.onKeyDown(i)},onClick:function(i){return t.onClick(i)}},i("span",null,t.level.text),i("svg",{"aria-hidden":"true"},i("use",{href:"#pi-pointy-arrow-right"})))};var p='.flyout-nav,.flyout-column h3{font-size:0.9375rem;line-height:1.4}@media (min-width: 600px){.flyout-nav,.flyout-column h3{font-size:1rem}}@media (min-width: 1024px){.flyout-nav,.flyout-column h3{font-size:1.0625rem}}.flyout-title{font-size:1.0625rem;line-height:1.4}@media (min-width: 600px){.flyout-title{font-size:1.25rem}}@media (min-width: 1024px){.flyout-title{font-size:1.5rem;line-height:1.1}}@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: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: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")}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post", system-ui, sans-serif}button{font:inherit;padding:0}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.main-container,.flyout-linklist,.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.main-link,.flyout-close-button,.flyout-link,.nav-link{text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.main-link:hover,.flyout-close-button:hover,.flyout-link:hover,.nav-link:hover,.main-link:focus,.flyout-close-button:focus,.flyout-link:focus,.nav-link:focus{color:black}.main-link>svg,.flyout-close-button>svg,.flyout-link>svg,.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.main-link>span,.flyout-close-button>span,.flyout-link>span,.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align: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}}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@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{--host-window-height:var(--window-height, 100vh);--calculated-header-height:calc(var(--header-height) + 1px);display:block;min-width:0;height:var(--header-height)}:host(.no-animation) *{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;transition:none !important}@media (min-width: 1024px){.main-navigation,.main-container,.main-container li,.main-link{height:100%}}.main-navigation{font-size:1.125rem}@media (min-width: 1024px){.main-navigation{font-size:1rem;margin:0 0.75rem}}@media (min-width: 1280px){.main-navigation{font-size:1.125rem}}@media (min-width: 1441px){.main-navigation{font-size:1.25rem}}@media (max-width: 1023.98px){.main-navigation{position:absolute;top:var(--calculated-header-height);left:0;background:white;height:calc(var(--host-window-height) - var(--calculated-header-height));width:100%;margin:0;overflow:hidden scroll;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;z-index:-1;visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:visibility 0.35s, -webkit-transform 0.35s;transition:visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, visibility 0.35s;transition:transform 0.35s, visibility 0.35s, -webkit-transform 0.35s}}@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce){.main-navigation{-webkit-transition:none;transition:none}}@media (max-width: 1023.98px){.main-navigation.open{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.main-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 1023.98px){.main-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}.main-container>li+li{border-top:1px solid hsl(0, 0%, 90%)}}@media (min-width: 1024px){.main-container{padding-right:0;padding-left:0}}.main-container>li{-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.main-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:0.75rem;padding-left:0.75rem;text-align:left;cursor:pointer;width:100%}@media (min-width: 1024px){.main-link svg{display:none}}@media (max-width: 1023.98px){.main-link{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-weight:300;padding:0.625rem 0;width:100%;text-align:left}.main-link svg{width:1.5rem;height:1.5rem}}.main-link span{overflow:hidden;text-overflow:ellipsis}.main-link,.flyout-link{position:relative;color:black}.main-link::after,.flyout-link::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:transparent;opacity:0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8);-webkit-transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.main-link::after,.flyout-link::after{-webkit-transition:none;transition:none}}.main-link:hover::after,.main-link.focus::after,.flyout-link:hover::after,.flyout-link.focus::after{background-color:hsl(0, 0%, 80%);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.main-link.active,.flyout-link.active{font-weight:700}.main-link.active::after,.flyout-link.active::after{background-color:#fc0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.flyout{left:0;width:100%;background:white;padding-bottom:3rem;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;visibility:hidden}@media (min-width: 1024px){.flyout{position:absolute;top:100%;max-height:calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);z-index:-1;-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.flyout.open{-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4);-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width: 1023.98px){.flyout{position:fixed;top:0;height:100%;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}.flyout.open{-webkit-transform:translateX(0);transform:translateX(0)}}.flyout.open{visibility:visible}.flyout.animate{-webkit-transition:visibility 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s;transition:visibility 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s;transition:transform 0.35s, visibility 0.35s, box-shadow 0.35s;transition:transform 0.35s, visibility 0.35s, box-shadow 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s}@media (prefers-reduced-motion: reduce){.flyout.animate{-webkit-transition:none;transition:none}}.flyout-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:3.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}.flyout-row{display:-ms-flexbox;display:flex;gap:1.5rem}@media (max-width: 1023.98px){.flyout-row{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 599.98px){.flyout-row{grid-template-columns:1fr}}.flyout-column{-ms-flex:1;flex:1;max-width:25%}@media (max-width: 1023.98px){.flyout-column{max-width:none}}.flyout-column h3{margin-top:0}.flyout-back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:400;cursor:pointer}@media (max-width: 599.98px){.flyout-back-button{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.flyout-back-button{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.flyout-back-button{padding-right:40px;padding-left:40px}}.flyout-back-button svg{width:1.5rem;height:1.5rem}@media (min-width: 1024px){.flyout-back-button{display:none}}.flyout-close-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 1.5rem;cursor:pointer}.flyout-close-button svg{width:1.5rem;height:1.5rem}@media (max-width: 1023.98px){.flyout-close-button{display:none}}.flyout-linklist li{border-top:1px solid hsl(0, 0%, 90%)}.flyout-linklist:first-child>li{border-top-color:transparent}.flyout-link{display:block;padding:0.75rem 0}.flyout-title{margin:2.5rem 0 1.5rem 0}@media (min-width: 1024px){.flyout-title{display:none}}';var y=t("post_main_navigation",function(){function t(t){e(this,t);this.dropdownToggled=n(this,"dropdownToggled",7);this.flyoutToggled=n(this,"flyoutToggled",7);this.resizeTimer=null;this.mouseLeaveTimer=null;this.mouseEnterTimer=null;this.activeFlyout=undefined;this.mobileMenuOpen=undefined}t.prototype.connectedCallback=function(){var t=this;this.throttledResize=a(300,(function(){return t.handleResize()}));window.addEventListener("resize",this.throttledResize,{passive:true});this.setWindowHeight()};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.throttledResize);l();if(this.mouseEnterTimer!==null)window.clearTimeout(this.mouseEnterTimer);if(this.mouseLeaveTimer!==null)window.clearTimeout(this.mouseLeaveTimer)};t.prototype.handleResize=function(){var t=this;this.host.classList.add("no-animation");if(this.resizeTimer!==null)window.clearTimeout(this.resizeTimer);this.resizeTimer=window.setTimeout((function(){t.host.classList.remove("no-animation")}),300);this.setWindowHeight()};t.prototype.setWindowHeight=function(){var t=this;if(!this.host){return}this.host.style.setProperty("--window-height","".concat(window.innerHeight,"px"));window.setTimeout((function(){t.host.style.setProperty("--window-height","".concat(window.innerHeight,"px"))}),100)};t.prototype.openFlyout=function(t){var i;var e=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.getElementById(t);if(e&&this.activeFlyout!==""){this.addFlyoutAnimation(e)}this.activeFlyout=t;this.flyoutToggled.emit(t);this.setWindowHeight();if(this.mouseLeaveTimer!==null){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}};t.prototype.closeFlyout=function(t){var i;if(t===undefined)return;var e=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.getElementById(t);if(e){this.addFlyoutAnimation(e)}this.activeFlyout=null;this.flyoutToggled.emit()};t.prototype.addFlyoutAnimation=function(t){var i=this;if(!f()){t.classList.add("animate");t.addEventListener("transitionend",(function(){return i.removeFlyoutAnimation(t)}),{once:true})}};t.prototype.removeFlyoutAnimation=function(t){t.classList.remove("animate")};t.prototype.isActiveFlyout=function(t){return t===this.activeFlyout};t.prototype.handleMouseEnter=function(t){var i=this;if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer);this.mouseEnterTimer=null}if(this.mouseLeaveTimer&&this.activeFlyout===t.id){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}if(window.innerWidth>=1024&&t.flyout.length>0&&this.activeFlyout!==t.id){this.mouseEnterTimer=window.setTimeout((function(){i.mouseEnterTimer=null;if(t.id!==undefined)i.openFlyout(t.id)}),200)}};t.prototype.handleMouseLeave=function(t){var i=this;if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer)}if(this.activeFlyout&&this.activeFlyout!==t.id){return}if(window.innerWidth>=1024&&t.flyout.length>0){this.mouseLeaveTimer=window.setTimeout((function(){i.closeFlyout(t.id)}),300)}};t.prototype.handleTouchEnd=function(t,i){if(!this.isActiveFlyout(i.id)&&!i.noFlyout){if(t.cancelable)t.preventDefault();if(i.id)this.openFlyout(i.id)}};t.prototype.handleKeyPress=function(t,i){if(t.key==="Enter"&&!this.isActiveFlyout(i.id)&&!i.noFlyout){t.preventDefault();if(i.id)this.openFlyout(i.id)}};t.prototype.handleClick=function(t,i){if(!this.isActiveFlyout(i.id)&&!i.noFlyout){t.preventDefault();if(i.id)this.openFlyout(i.id)}};t.prototype.setBodyScroll=function(){if(this.mobileMenuOpen){s(this.flyoutElement)}else{u(this.flyoutElement)}};t.prototype.toggleDropdown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.mobileMenuOpen=t===undefined?!this.mobileMenuOpen:t;this.dropdownToggled.emit({open:this.mobileMenuOpen,element:this.host});if(t===false){this.closeFlyout()}this.setBodyScroll();this.setWindowHeight();return[2,this.mobileMenuOpen]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){i=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".main-link");if(i){i.focus()}return[2]}))}))};t.prototype.setActiveFlyout=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.activeFlyout=t;this.flyoutToggled.emit(this.activeFlyout);return[2]}))}))};t.prototype.render=function(){var t=this;var e;if(((e=d.localizedConfig)===null||e===void 0?void 0:e.header)===undefined)return;var n=d.localizedConfig.header;return i(o,null,i(m,null),i("nav",{id:"post-internet-header-main-navigation",class:{"main-navigation":true,open:this.mobileMenuOpen},ref:function(i){return t.flyoutElement=i}},i("h1",{class:"visually-hidden"},n.translations.navMainAriaLabel),i("ul",{class:"main-container container"},n.navMain.map((function(e){return i("li",{key:e.text,onMouseLeave:function(){return t.handleMouseLeave(e)},onMouseEnter:function(){return t.handleMouseEnter(e)}},i(h,{level:e,isOpen:t.isActiveFlyout(e.id),onTouchEnd:function(i){return t.handleTouchEnd(i,e)},onKeyDown:function(i){return t.handleKeyPress(i,e)},onClick:function(i){return t.handleClick(i,e)}}),!e.noFlyout?i("div",{id:e.id,class:{flyout:true,open:t.isActiveFlyout(e.id)}},i("div",{class:"wide-container"},i("div",{class:"flyout-nav"},i("button",{class:"nav-link flyout-back-button",onClick:function(){return t.closeFlyout(e.id)}},i(c,{name:"pi-pointy-arrow-right",classNames:"mirrored"}),i("span",null,n.translations.backButtonText)),i("button",{class:"flyout-close-button",onClick:function(){return t.closeFlyout(e.id)}},i("span",{class:"visually-hidden"},n.translations.mobileNavToggleClose),i(c,{name:"pi-close"}))),i("h2",{class:"flyout-title container"},i("a",{href:e.url,class:"nav-link"},e.text)),i("div",{class:"flyout-row container"},e.flyout.map((function(t){return i("div",{key:t.title,class:"flyout-column"},t.title?i("h3",null,t.title):null,i("ul",{class:"flyout-linklist"},t.linkList.map((function(t){return i("li",{key:t.url},i("a",{class:{"flyout-link":true,active:!!(t===null||t===void 0?void 0:t.isActiveOverride)},href:t.url,target:t.target},t.title))}))))}))))):null)}))),i("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());y.style=p}}}));
+//# sourceMappingURL=p-62896d7a.system.entry.js.map

package/dist/swisspost-internet-header/{p-c08318d1.system.entry.js.map → p-62896d7a.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["LevelOneAction","props","TagName","level","url","h","class","active","isActiveOverride","focus","isOpen","href","title","_a","trim","_b","_c","text","undefined","tabindex","noFlyout","onTouchEnd","e","onKeyDown","onClick","postMainNavigationCss","PostMainNavigation","exports","this","resizeTimer","mouseLeaveTimer","mouseEnterTimer","class_1","prototype","connectedCallback","_this","throttledResize","throttle","handleResize","window","addEventListener","passive","setWindowHeight","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","clearTimeout","host","classList","add","setTimeout","remove","style","setProperty","concat","innerHeight","openFlyout","id","flyout","shadowRoot","getElementById","activeFlyout","addFlyoutAnimation","flyoutToggled","emit","closeFlyout","userPrefersReducedMotion","removeFlyoutAnimation","once","isActiveFlyout","handleMouseEnter","innerWidth","length","handleMouseLeave","handleTouchEnd","event","cancelable","preventDefault","handleKeyPress","key","handleClick","setBodyScroll","mobileMenuOpen","disableBodyScroll","flyoutElement","enableBodyScroll","toggleDropdown","force","dropdownToggled","open","element","setFocus","firstLink","querySelector","setActiveFlyout","render","state","localizedConfig","header","headerConfig","Host","SvgSprite","ref","el","translations","navMainAriaLabel","navMain","map","levelOne","onMouseLeave","onMouseEnter","SvgIcon","name","classNames","backButtonText","mobileNavToggleClose","linkList","link","target"],"sources":["src/components/post-main-navigation/components/level-one-action.component.tsx","src/components/post-main-navigation/post-main-navigation.scss?tag=post-main-navigation&encapsulation=shadow","src/components/post-main-navigation/post-main-navigation.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { NavMainEntity } from '../../../models/header.model';\n\nexport const LevelOneAction = (props: {\n  level: NavMainEntity;\n  isOpen: boolean;\n  onTouchEnd: (e: any) => void;\n  onKeyDown: (e: any) => void;\n  onClick: (e: any) => void;\n}) => {\n  const TagName = props.level.url ? 'a' : 'button';\n\n  return (\n    <TagName\n      class={{\n        'main-link': true,\n        'active': !!props.level.isActiveOverride,\n        'focus': props.isOpen,\n      }}\n      href={props.level.url}\n      title={\n        props.level.title?.trim() && props.level.title?.trim() !== props.level.text?.trim()\n          ? props.level.title\n          : undefined\n      }\n      tabindex={props.level.url ? undefined : 0}\n      aria-haspopup={!props.level.noFlyout + ''}\n      aria-expanded={props.level.noFlyout ? null : props.isOpen + ''}\n      onTouchEnd={e => props.onTouchEnd(e)}\n      onKeyDown={e => props.onKeyDown(e)}\n      onClick={e => props.onClick(e)}\n    >\n      <span>{props.level.text}</span>\n      <svg aria-hidden=\"true\">\n        <use href=\"#pi-pointy-arrow-right\" />\n      </svg>\n    </TagName>\n  );\n};\n","@use '@swisspost/design-system-styles/variables/color';\n@use '@swisspost/design-system-styles/placeholders/text';\n@use '@swisspost/design-system-styles/functions';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  --host-window-height: var(--window-height, 100vh);\n  --calculated-header-height: calc(var(--header-height) + 1px);\n\n  display: block;\n  min-width: 0;\n  height: var(--header-height);\n}\n\n:host(.no-animation) {\n  * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n.main-navigation,\n.main-container,\n.main-container li,\n.main-link {\n  @include mixins.min(lg) {\n    height: 100%;\n  }\n}\n\n.main-navigation {\n  font-size: functions.px-to-rem(18px);\n\n  @include mixins.min(lg) {\n    font-size: functions.px-to-rem(16px);\n    margin: 0 0.75rem;\n  }\n\n  @include mixins.min(xl) {\n    font-size: functions.px-to-rem(18px);\n  }\n\n  @include mixins.min(xxl) {\n    font-size: functions.px-to-rem(20px);\n  }\n\n  @include mixins.max(lg) {\n    position: absolute;\n    top: var(--calculated-header-height);\n    left: 0;\n    background: white;\n    height: calc(var(--host-window-height) - var(--calculated-header-height));\n    width: 100%;\n    margin: 0;\n    overflow: hidden scroll;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior: contain;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    z-index: -1;\n    visibility: hidden;\n    transform: translateY(-100%);\n    transition: transform 0.35s, visibility 0.35s;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &.open {\n      transform: translateY(0);\n      visibility: visible;\n    }\n  }\n}\n\n.main-container {\n  @extend %no-list;\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  @include mixins.max(lg) {\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    > li + li {\n      border-top: 1px solid color.$gray-10;\n    }\n  }\n\n  @include mixins.min(lg) {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  > li {\n    flex: 0 1 auto;\n    min-width: 0;\n  }\n}\n\n.main-link {\n  @extend %nav-link;\n\n  display: flex;\n  align-items: center;\n  padding-right: 0.75rem;\n  padding-left: 0.75rem;\n  text-align: left;\n  cursor: pointer;\n  width: 100%;\n\n  @include mixins.min(lg) {\n    svg {\n      display: none;\n    }\n  }\n\n  @include mixins.max(lg) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 300;\n    padding: 0.625rem 0;\n    width: 100%;\n    text-align: left;\n\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.main-link,\n.flyout-link {\n  position: relative;\n  color: black;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background-color: transparent;\n    opacity: 0;\n    transform: scaleX(0.8);\n    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n      transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &:hover,\n  &.focus {\n    &::after {\n      background-color: color.$gray-20;\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  &.active {\n    font-weight: 700;\n\n    &::after {\n      background-color: color.$yellow;\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n}\n\n.flyout {\n  left: 0;\n  width: 100%;\n  background: white;\n  padding-bottom: 3rem;\n  overflow: auto;\n  overscroll-behavior: contain;\n  visibility: hidden;\n\n  @include mixins.min(lg) {\n    position: absolute;\n    top: 100%;\n    max-height: calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);\n    z-index: -1;\n    box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);\n    transform: translateY(-100%);\n\n    &.open {\n      box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);\n      transform: translateY(0);\n    }\n  }\n\n  @include mixins.max(lg) {\n    position: fixed;\n    top: 0;\n    height: 100%;\n    z-index: 1;\n    transform: translateX(100%);\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n\n  &.open {\n    visibility: visible;\n  }\n\n  &.animate {\n    transition: transform 0.35s, visibility 0.35s, box-shadow 0.35s;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n}\n\n.flyout-nav {\n  @extend %font-curve-small;\n\n  display: flex;\n  justify-content: space-between;\n  min-height: 3.5rem;\n\n  // Change box-sizing to content-box to add 1px border width to flyout-nav hight.\n  // This ensures flyout-nav has same hight as main-navigation-container.\n  box-sizing: content-box;\n}\n\n.flyout-row {\n  display: flex;\n  gap: 1.5rem;\n\n  @include mixins.max(lg) {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    grid-template-columns: 1fr;\n  }\n}\n\n.flyout-column {\n  flex: 1;\n  max-width: 25%;\n\n  @include mixins.max(lg) {\n    max-width: none;\n  }\n\n  h3 {\n    @extend %font-curve-small;\n    margin-top: 0;\n  }\n}\n\n.flyout-back-button {\n  @include mixins.container-padding();\n\n  display: flex;\n  align-items: center;\n  font-size: functions.px-to-rem(16px);\n  font-weight: 400;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n}\n\n.flyout-close-button {\n  @extend %nav-link;\n\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  padding: 0 1.5rem;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  @include mixins.max(lg) {\n    display: none;\n  }\n}\n\n.flyout-linklist {\n  @extend %no-list;\n\n  li {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  &:first-child > li {\n    border-top-color: transparent;\n  }\n}\n\n.flyout-link {\n  @extend %nav-link;\n\n  display: block;\n  padding: 0.75rem 0;\n}\n\n.flyout-title {\n  @extend %font-curve-bigger-regular;\n\n  margin: 2.5rem 0 1.5rem 0;\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n}\n","import { Component, Host, h, State, Method, Event, Element, EventEmitter } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { state } from '../../data/store';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  IsFocusable,\n  NavMainEntity,\n} from '../../models/header.model';\nimport { userPrefersReducedMotion } from '../../services/ui.service';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { LevelOneAction } from './components/level-one-action.component';\n\n@Component({\n  tag: 'post-main-navigation',\n  styleUrl: 'post-main-navigation.scss',\n  shadow: true,\n})\nexport class PostMainNavigation implements HasDropdown, IsFocusable {\n  @State() activeFlyout: string | null;\n  @State() mobileMenuOpen: boolean;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Event() flyoutToggled: EventEmitter<string | null>;\n  @Element() host: DropdownElement;\n  private throttledResize: throttle<() => void>;\n  private resizeTimer: number | null = null;\n  private mouseLeaveTimer: number | null = null;\n  private mouseEnterTimer: number | null = null;\n  private flyoutElement: HTMLElement | undefined;\n\n  connectedCallback() {\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n    this.setWindowHeight();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    clearAllBodyScrollLocks();\n    if (this.mouseEnterTimer !== null) window.clearTimeout(this.mouseEnterTimer);\n    if (this.mouseLeaveTimer !== null) window.clearTimeout(this.mouseLeaveTimer);\n  }\n\n  handleResize() {\n    // Suspend all animations and transitions on window resize\n    this.host.classList.add('no-animation');\n    if (this.resizeTimer !== null) window.clearTimeout(this.resizeTimer);\n    this.resizeTimer = window.setTimeout(() => {\n      this.host.classList.remove('no-animation');\n    }, 300);\n\n    this.setWindowHeight();\n  }\n\n  // Update window height var\n  setWindowHeight() {\n    if (!this.host) {\n      return;\n    }\n    this.host.style.setProperty('--window-height', `${window.innerHeight}px`);\n\n    // Safari might or might not show a blank bar at the bottom where the browser\n    // controls should be. This timeout waits for this bar to appear before resetting the available height\n    window.setTimeout(() => {\n      this.host.style.setProperty('--window-height', `${window.innerHeight}px`);\n    }, 100);\n  }\n\n  openFlyout(id: string) {\n    const flyout = this.host.shadowRoot?.getElementById(id);\n\n    if (flyout && this.activeFlyout !== '') {\n      // Add flyout animation if there's no flyout open\n      this.addFlyoutAnimation(flyout);\n    }\n\n    this.activeFlyout = id;\n    this.flyoutToggled.emit(id);\n    this.setWindowHeight();\n\n    if (this.mouseLeaveTimer !== null) {\n      window.clearTimeout(this.mouseLeaveTimer);\n      this.mouseLeaveTimer = null;\n    }\n  }\n\n  closeFlyout(id?: string) {\n    if (id === undefined) return;\n    const flyout = this.host.shadowRoot?.getElementById(id);\n\n    if (flyout) {\n      // Add flyout animation for close action\n      this.addFlyoutAnimation(flyout);\n    }\n\n    this.activeFlyout = null;\n    this.flyoutToggled.emit();\n  }\n\n  addFlyoutAnimation(flyout: HTMLElement) {\n    // Check if user prefers to see animations or not\n    if (!userPrefersReducedMotion()) {\n      flyout.classList.add('animate');\n\n      // Remove flyout animation after transition ended\n      flyout.addEventListener('transitionend', () => this.removeFlyoutAnimation(flyout), {\n        once: true,\n      });\n    }\n  }\n\n  removeFlyoutAnimation(flyout: HTMLElement) {\n    flyout.classList.remove('animate');\n  }\n\n  isActiveFlyout(id?: string) {\n    return id === this.activeFlyout;\n  }\n\n  handleMouseEnter(level: NavMainEntity) {\n    // Cancel opening the flyout if there already is one scheduled to open\n    if (this.mouseEnterTimer !== null) {\n      window.clearTimeout(this.mouseEnterTimer);\n      this.mouseEnterTimer = null;\n    }\n\n    // Cancel closing if we enter again\n    if (this.mouseLeaveTimer && this.activeFlyout === level.id) {\n      window.clearTimeout(this.mouseLeaveTimer);\n      this.mouseLeaveTimer = null;\n    }\n\n    if (window.innerWidth >= 1024 && level.flyout.length > 0 && this.activeFlyout !== level.id) {\n      // Delay opening the flyout for a moment to give users a chance to move the mouse over the navigation without triggering the flyout\n      this.mouseEnterTimer = window.setTimeout(() => {\n        this.mouseEnterTimer = null;\n        if (level.id !== undefined) this.openFlyout(level.id);\n      }, 200);\n    }\n  }\n\n  handleMouseLeave(level: NavMainEntity) {\n    // Cancel opening the flyout if a mouseleave event happens before the flyout opened\n    if (this.mouseEnterTimer !== null) {\n      window.clearTimeout(this.mouseEnterTimer);\n    }\n\n    // Don't close an open flyout if the mouseleave is from another mainnav entry\n    if (this.activeFlyout && this.activeFlyout !== level.id) {\n      return;\n    }\n\n    if (window.innerWidth >= 1024 && level.flyout.length > 0) {\n      // Allow the pointer to shortly leave the flyout without closing it. This\n      // allows for user mistakes and makes the experience less nervous\n      this.mouseLeaveTimer = window.setTimeout(() => {\n        this.closeFlyout(level.id);\n      }, 300);\n    }\n  }\n\n  handleTouchEnd(event: TouchEvent, level: NavMainEntity) {\n    if (!this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first touchstart and has a flyout, prevent link activation and open the flyout\n      if (event.cancelable) event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  handleKeyPress(event: KeyboardEvent, level: NavMainEntity) {\n    if (event.key === 'Enter' && !this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first enter keypress and has a flyout, prevent link activation and open the flyout\n      event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  handleClick(event: MouseEvent, level: NavMainEntity) {\n    if (!this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first click, always open the flyout, never the link\n      // This is relevant for desktop with active screenreader which\n      // translates an enter keypress to a click\n      event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether mobile menu is open or closed\n   */\n  setBodyScroll() {\n    if (this.mobileMenuOpen) {\n      disableBodyScroll(this.flyoutElement);\n    } else {\n      enableBodyScroll(this.flyoutElement);\n    }\n  }\n\n  /**\n   * Toggle the main navigation (only visible on mobile)\n   * @param force Force a state\n   * @returns Boolean indicating new state\n   */\n  @Method()\n  async toggleDropdown(force?: boolean) {\n    this.mobileMenuOpen = force === undefined ? !this.mobileMenuOpen : force;\n    this.dropdownToggled.emit({ open: this.mobileMenuOpen, element: this.host });\n\n    if (force === false) {\n      this.closeFlyout();\n    }\n\n    this.setBodyScroll();\n    this.setWindowHeight();\n\n    return this.mobileMenuOpen;\n  }\n\n  /**\n   * Focus the main navigation toggle button\n   */\n  @Method()\n  async setFocus() {\n    const firstLink = this.host.shadowRoot?.querySelector<HTMLElement>('.main-link');\n    if (firstLink) {\n      firstLink.focus();\n    }\n  }\n\n  /**\n   * Open a specific flyout\n   * @param id Flyout ID\n   */\n  @Method()\n  async setActiveFlyout(id: string | null) {\n    this.activeFlyout = id;\n    this.flyoutToggled.emit(this.activeFlyout);\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <nav\n          id=\"post-internet-header-main-navigation\"\n          class={{ 'main-navigation': true, 'open': this.mobileMenuOpen }}\n          ref={el => (this.flyoutElement = el)}\n        >\n          <h1 class=\"visually-hidden\">{headerConfig.translations.navMainAriaLabel}</h1>\n          <ul class=\"main-container container\">\n            {headerConfig.navMain.map(levelOne => (\n              <li\n                key={levelOne.text}\n                onMouseLeave={() => this.handleMouseLeave(levelOne)}\n                onMouseEnter={() => this.handleMouseEnter(levelOne)}\n              >\n                <LevelOneAction\n                  level={levelOne}\n                  isOpen={this.isActiveFlyout(levelOne.id)}\n                  onTouchEnd={e => this.handleTouchEnd(e, levelOne)}\n                  onKeyDown={e => this.handleKeyPress(e, levelOne)}\n                  onClick={e => this.handleClick(e, levelOne)}\n                />\n                {!levelOne.noFlyout ? (\n                  <div\n                    id={levelOne.id}\n                    class={{ flyout: true, open: this.isActiveFlyout(levelOne.id) }}\n                  >\n                    <div class=\"wide-container\">\n                      <div class=\"flyout-nav\">\n                        <button\n                          class=\"nav-link flyout-back-button\"\n                          onClick={() => this.closeFlyout(levelOne.id)}\n                        >\n                          <SvgIcon name=\"pi-pointy-arrow-right\" classNames=\"mirrored\" />\n                          <span>{headerConfig.translations.backButtonText}</span>\n                        </button>\n                        <button\n                          class=\"flyout-close-button\"\n                          onClick={() => this.closeFlyout(levelOne.id)}\n                        >\n                          <span class=\"visually-hidden\">\n                            {headerConfig.translations.mobileNavToggleClose}\n                          </span>\n                          <SvgIcon name=\"pi-close\" />\n                        </button>\n                      </div>\n                      <h2 class=\"flyout-title container\">\n                        <a href={levelOne.url} class=\"nav-link\">\n                          {levelOne.text}\n                        </a>\n                      </h2>\n                      <div class=\"flyout-row container\">\n                        {levelOne.flyout.map(flyout => (\n                          <div key={flyout.title} class=\"flyout-column\">\n                            {flyout.title ? <h3>{flyout.title}</h3> : null}\n                            <ul class=\"flyout-linklist\">\n                              {flyout.linkList.map(link => (\n                                <li key={link.url}>\n                                  <a\n                                    class={{\n                                      'flyout-link': true,\n                                      'active': !!link?.isActiveOverride,\n                                    }}\n                                    href={link.url}\n                                    target={link.target}\n                                  >\n                                    {link.title}\n                                  </a>\n                                </li>\n                              ))}\n                            </ul>\n                          </div>\n                        ))}\n                      </div>\n                    </div>\n                  </div>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["LevelOneAction","props","TagName","level","url","h","class","active","isActiveOverride","focus","isOpen","href","title","_a","trim","_b","_c","text","undefined","tabindex","noFlyout","onTouchEnd","e","onKeyDown","onClick","postMainNavigationCss","PostMainNavigation","exports","this","resizeTimer","mouseLeaveTimer","mouseEnterTimer","class_1","prototype","connectedCallback","_this","throttledResize","throttle","handleResize","window","addEventListener","passive","setWindowHeight","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","clearTimeout","host","classList","add","setTimeout","remove","style","setProperty","concat","innerHeight","openFlyout","id","flyout","shadowRoot","getElementById","activeFlyout","addFlyoutAnimation","flyoutToggled","emit","closeFlyout","userPrefersReducedMotion","removeFlyoutAnimation","once","isActiveFlyout","handleMouseEnter","innerWidth","length","handleMouseLeave","handleTouchEnd","event","cancelable","preventDefault","handleKeyPress","key","handleClick","setBodyScroll","mobileMenuOpen","disableBodyScroll","flyoutElement","enableBodyScroll","toggleDropdown","force","dropdownToggled","open","element","setFocus","firstLink","querySelector","setActiveFlyout","render","state","localizedConfig","header","headerConfig","Host","SvgSprite","ref","el","translations","navMainAriaLabel","navMain","map","levelOne","onMouseLeave","onMouseEnter","SvgIcon","name","classNames","backButtonText","mobileNavToggleClose","linkList","link","target"],"sources":["src/components/post-main-navigation/components/level-one-action.component.tsx","src/components/post-main-navigation/post-main-navigation.scss?tag=post-main-navigation&encapsulation=shadow","src/components/post-main-navigation/post-main-navigation.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { NavMainEntity } from '../../../models/header.model';\n\nexport const LevelOneAction = (props: {\n  level: NavMainEntity;\n  isOpen: boolean;\n  onTouchEnd: (e: any) => void;\n  onKeyDown: (e: any) => void;\n  onClick: (e: any) => void;\n}) => {\n  const TagName = props.level.url ? 'a' : 'button';\n\n  return (\n    <TagName\n      class={{\n        'main-link': true,\n        'active': !!props.level.isActiveOverride,\n        'focus': props.isOpen,\n      }}\n      href={props.level.url}\n      title={\n        props.level.title?.trim() && props.level.title?.trim() !== props.level.text?.trim()\n          ? props.level.title\n          : undefined\n      }\n      tabindex={props.level.url ? undefined : 0}\n      aria-haspopup={!props.level.noFlyout + ''}\n      aria-expanded={props.level.noFlyout ? null : props.isOpen + ''}\n      onTouchEnd={e => props.onTouchEnd(e)}\n      onKeyDown={e => props.onKeyDown(e)}\n      onClick={e => props.onClick(e)}\n    >\n      <span>{props.level.text}</span>\n      <svg aria-hidden=\"true\">\n        <use href=\"#pi-pointy-arrow-right\" />\n      </svg>\n    </TagName>\n  );\n};\n","@use '@swisspost/design-system-styles/variables/color';\n@use '@swisspost/design-system-styles/placeholders/text';\n@use '@swisspost/design-system-styles/functions';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  --host-window-height: var(--window-height, 100vh);\n  --calculated-header-height: calc(var(--header-height) + 1px);\n\n  display: block;\n  min-width: 0;\n  height: var(--header-height);\n}\n\n:host(.no-animation) {\n  * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n.main-navigation,\n.main-container,\n.main-container li,\n.main-link {\n  @include mixins.min(lg) {\n    height: 100%;\n  }\n}\n\n.main-navigation {\n  font-size: functions.px-to-rem(18px);\n\n  @include mixins.min(lg) {\n    font-size: functions.px-to-rem(16px);\n    margin: 0 0.75rem;\n  }\n\n  @include mixins.min(xl) {\n    font-size: functions.px-to-rem(18px);\n  }\n\n  @include mixins.min(xxl) {\n    font-size: functions.px-to-rem(20px);\n  }\n\n  @include mixins.max(lg) {\n    position: absolute;\n    top: var(--calculated-header-height);\n    left: 0;\n    background: white;\n    height: calc(var(--host-window-height) - var(--calculated-header-height));\n    width: 100%;\n    margin: 0;\n    overflow: hidden scroll;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior: contain;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    z-index: -1;\n    visibility: hidden;\n    transform: translateY(-100%);\n    transition: transform 0.35s, visibility 0.35s;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &.open {\n      transform: translateY(0);\n      visibility: visible;\n    }\n  }\n}\n\n.main-container {\n  @extend %no-list;\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  @include mixins.max(lg) {\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    > li + li {\n      border-top: 1px solid color.$gray-10;\n    }\n  }\n\n  @include mixins.min(lg) {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  > li {\n    flex: 0 1 auto;\n    min-width: 0;\n  }\n}\n\n.main-link {\n  @extend %nav-link;\n\n  display: flex;\n  align-items: center;\n  padding-right: 0.75rem;\n  padding-left: 0.75rem;\n  text-align: left;\n  cursor: pointer;\n  width: 100%;\n\n  @include mixins.min(lg) {\n    svg {\n      display: none;\n    }\n  }\n\n  @include mixins.max(lg) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 300;\n    padding: 0.625rem 0;\n    width: 100%;\n    text-align: left;\n\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.main-link,\n.flyout-link {\n  position: relative;\n  color: black;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background-color: transparent;\n    opacity: 0;\n    transform: scaleX(0.8);\n    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n      transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &:hover,\n  &.focus {\n    &::after {\n      background-color: color.$gray-20;\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  &.active {\n    font-weight: 700;\n\n    &::after {\n      background-color: color.$yellow;\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n}\n\n.flyout {\n  left: 0;\n  width: 100%;\n  background: white;\n  padding-bottom: 3rem;\n  overflow: auto;\n  overscroll-behavior: contain;\n  visibility: hidden;\n\n  @include mixins.min(lg) {\n    position: absolute;\n    top: 100%;\n    max-height: calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);\n    z-index: -1;\n    box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);\n    transform: translateY(-100%);\n\n    &.open {\n      box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);\n      transform: translateY(0);\n    }\n  }\n\n  @include mixins.max(lg) {\n    position: fixed;\n    top: 0;\n    height: 100%;\n    z-index: 1;\n    transform: translateX(100%);\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n\n  &.open {\n    visibility: visible;\n  }\n\n  &.animate {\n    transition: transform 0.35s, visibility 0.35s, box-shadow 0.35s;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n}\n\n.flyout-nav {\n  @extend %font-curve-small;\n\n  display: flex;\n  justify-content: space-between;\n  min-height: 3.5rem;\n\n  // Change box-sizing to content-box to add 1px border width to flyout-nav hight.\n  // This ensures flyout-nav has same hight as main-navigation-container.\n  box-sizing: content-box;\n}\n\n.flyout-row {\n  display: flex;\n  gap: 1.5rem;\n\n  @include mixins.max(lg) {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    grid-template-columns: 1fr;\n  }\n}\n\n.flyout-column {\n  flex: 1;\n  max-width: 25%;\n\n  @include mixins.max(lg) {\n    max-width: none;\n  }\n\n  h3 {\n    @extend %font-curve-small;\n    margin-top: 0;\n  }\n}\n\n.flyout-back-button {\n  @include mixins.container-padding();\n\n  display: flex;\n  align-items: center;\n  font-size: functions.px-to-rem(16px);\n  font-weight: 400;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n}\n\n.flyout-close-button {\n  @extend %nav-link;\n\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  padding: 0 1.5rem;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  @include mixins.max(lg) {\n    display: none;\n  }\n}\n\n.flyout-linklist {\n  @extend %no-list;\n\n  li {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  &:first-child > li {\n    border-top-color: transparent;\n  }\n}\n\n.flyout-link {\n  @extend %nav-link;\n\n  display: block;\n  padding: 0.75rem 0;\n}\n\n.flyout-title {\n  @extend %font-curve-bigger-regular;\n\n  margin: 2.5rem 0 1.5rem 0;\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n}\n","import { Component, Host, h, State, Method, Event, Element, EventEmitter } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { state } from '../../data/store';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  IsFocusable,\n  NavMainEntity,\n} from '../../models/header.model';\nimport { userPrefersReducedMotion } from '../../services/ui.service';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { LevelOneAction } from './components/level-one-action.component';\n\n@Component({\n  tag: 'post-main-navigation',\n  styleUrl: 'post-main-navigation.scss',\n  shadow: true,\n})\nexport class PostMainNavigation implements HasDropdown, IsFocusable {\n  @State() activeFlyout: string | null;\n  @State() mobileMenuOpen: boolean;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Event() flyoutToggled: EventEmitter<string | null>;\n  @Element() host: DropdownElement;\n  private throttledResize: throttle<() => void>;\n  private resizeTimer: number | null = null;\n  private mouseLeaveTimer: number | null = null;\n  private mouseEnterTimer: number | null = null;\n  private flyoutElement: HTMLElement | undefined;\n\n  connectedCallback() {\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n    this.setWindowHeight();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    clearAllBodyScrollLocks();\n    if (this.mouseEnterTimer !== null) window.clearTimeout(this.mouseEnterTimer);\n    if (this.mouseLeaveTimer !== null) window.clearTimeout(this.mouseLeaveTimer);\n  }\n\n  handleResize() {\n    // Suspend all animations and transitions on window resize\n    this.host.classList.add('no-animation');\n    if (this.resizeTimer !== null) window.clearTimeout(this.resizeTimer);\n    this.resizeTimer = window.setTimeout(() => {\n      this.host.classList.remove('no-animation');\n    }, 300);\n\n    this.setWindowHeight();\n  }\n\n  // Update window height var\n  setWindowHeight() {\n    if (!this.host) {\n      return;\n    }\n    this.host.style.setProperty('--window-height', `${window.innerHeight}px`);\n\n    // Safari might or might not show a blank bar at the bottom where the browser\n    // controls should be. This timeout waits for this bar to appear before resetting the available height\n    window.setTimeout(() => {\n      this.host.style.setProperty('--window-height', `${window.innerHeight}px`);\n    }, 100);\n  }\n\n  openFlyout(id: string) {\n    const flyout = this.host.shadowRoot?.getElementById(id);\n\n    if (flyout && this.activeFlyout !== '') {\n      // Add flyout animation if there's no flyout open\n      this.addFlyoutAnimation(flyout);\n    }\n\n    this.activeFlyout = id;\n    this.flyoutToggled.emit(id);\n    this.setWindowHeight();\n\n    if (this.mouseLeaveTimer !== null) {\n      window.clearTimeout(this.mouseLeaveTimer);\n      this.mouseLeaveTimer = null;\n    }\n  }\n\n  closeFlyout(id?: string) {\n    if (id === undefined) return;\n    const flyout = this.host.shadowRoot?.getElementById(id);\n\n    if (flyout) {\n      // Add flyout animation for close action\n      this.addFlyoutAnimation(flyout);\n    }\n\n    this.activeFlyout = null;\n    this.flyoutToggled.emit();\n  }\n\n  addFlyoutAnimation(flyout: HTMLElement) {\n    // Check if user prefers to see animations or not\n    if (!userPrefersReducedMotion()) {\n      flyout.classList.add('animate');\n\n      // Remove flyout animation after transition ended\n      flyout.addEventListener('transitionend', () => this.removeFlyoutAnimation(flyout), {\n        once: true,\n      });\n    }\n  }\n\n  removeFlyoutAnimation(flyout: HTMLElement) {\n    flyout.classList.remove('animate');\n  }\n\n  isActiveFlyout(id?: string) {\n    return id === this.activeFlyout;\n  }\n\n  handleMouseEnter(level: NavMainEntity) {\n    // Cancel opening the flyout if there already is one scheduled to open\n    if (this.mouseEnterTimer !== null) {\n      window.clearTimeout(this.mouseEnterTimer);\n      this.mouseEnterTimer = null;\n    }\n\n    // Cancel closing if we enter again\n    if (this.mouseLeaveTimer && this.activeFlyout === level.id) {\n      window.clearTimeout(this.mouseLeaveTimer);\n      this.mouseLeaveTimer = null;\n    }\n\n    if (window.innerWidth >= 1024 && level.flyout.length > 0 && this.activeFlyout !== level.id) {\n      // Delay opening the flyout for a moment to give users a chance to move the mouse over the navigation without triggering the flyout\n      this.mouseEnterTimer = window.setTimeout(() => {\n        this.mouseEnterTimer = null;\n        if (level.id !== undefined) this.openFlyout(level.id);\n      }, 200);\n    }\n  }\n\n  handleMouseLeave(level: NavMainEntity) {\n    // Cancel opening the flyout if a mouseleave event happens before the flyout opened\n    if (this.mouseEnterTimer !== null) {\n      window.clearTimeout(this.mouseEnterTimer);\n    }\n\n    // Don't close an open flyout if the mouseleave is from another mainnav entry\n    if (this.activeFlyout && this.activeFlyout !== level.id) {\n      return;\n    }\n\n    if (window.innerWidth >= 1024 && level.flyout.length > 0) {\n      // Allow the pointer to shortly leave the flyout without closing it. This\n      // allows for user mistakes and makes the experience less nervous\n      this.mouseLeaveTimer = window.setTimeout(() => {\n        this.closeFlyout(level.id);\n      }, 300);\n    }\n  }\n\n  handleTouchEnd(event: TouchEvent, level: NavMainEntity) {\n    if (!this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first touchstart and has a flyout, prevent link activation and open the flyout\n      if (event.cancelable) event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  handleKeyPress(event: KeyboardEvent, level: NavMainEntity) {\n    if (event.key === 'Enter' && !this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first enter keypress and has a flyout, prevent link activation and open the flyout\n      event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  handleClick(event: MouseEvent, level: NavMainEntity) {\n    if (!this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first click, always open the flyout, never the link\n      // This is relevant for desktop with active screenreader which\n      // translates an enter keypress to a click\n      event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether mobile menu is open or closed\n   */\n  setBodyScroll() {\n    if (this.mobileMenuOpen) {\n      disableBodyScroll(this.flyoutElement);\n    } else {\n      enableBodyScroll(this.flyoutElement);\n    }\n  }\n\n  /**\n   * Toggle the main navigation (only visible on mobile)\n   * @param force Force a state\n   * @returns Boolean indicating new state\n   */\n  @Method()\n  async toggleDropdown(force?: boolean) {\n    this.mobileMenuOpen = force === undefined ? !this.mobileMenuOpen : force;\n    this.dropdownToggled.emit({ open: this.mobileMenuOpen, element: this.host });\n\n    if (force === false) {\n      this.closeFlyout();\n    }\n\n    this.setBodyScroll();\n    this.setWindowHeight();\n\n    return this.mobileMenuOpen;\n  }\n\n  /**\n   * Focus the main navigation toggle button\n   */\n  @Method()\n  async setFocus() {\n    const firstLink = this.host.shadowRoot?.querySelector<HTMLElement>('.main-link');\n    if (firstLink) {\n      firstLink.focus();\n    }\n  }\n\n  /**\n   * Open a specific flyout\n   * @param id Flyout ID\n   */\n  @Method()\n  async setActiveFlyout(id: string | null) {\n    this.activeFlyout = id;\n    this.flyoutToggled.emit(this.activeFlyout);\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <nav\n          id=\"post-internet-header-main-navigation\"\n          class={{ 'main-navigation': true, 'open': this.mobileMenuOpen }}\n          ref={el => (this.flyoutElement = el)}\n        >\n          <h1 class=\"visually-hidden\">{headerConfig.translations.navMainAriaLabel}</h1>\n          <ul class=\"main-container container\">\n            {headerConfig.navMain.map(levelOne => (\n              <li\n                key={levelOne.text}\n                onMouseLeave={() => this.handleMouseLeave(levelOne)}\n                onMouseEnter={() => this.handleMouseEnter(levelOne)}\n              >\n                <LevelOneAction\n                  level={levelOne}\n                  isOpen={this.isActiveFlyout(levelOne.id)}\n                  onTouchEnd={e => this.handleTouchEnd(e, levelOne)}\n                  onKeyDown={e => this.handleKeyPress(e, levelOne)}\n                  onClick={e => this.handleClick(e, levelOne)}\n                />\n                {!levelOne.noFlyout ? (\n                  <div\n                    id={levelOne.id}\n                    class={{ flyout: true, open: this.isActiveFlyout(levelOne.id) }}\n                  >\n                    <div class=\"wide-container\">\n                      <div class=\"flyout-nav\">\n                        <button\n                          class=\"nav-link flyout-back-button\"\n                          onClick={() => this.closeFlyout(levelOne.id)}\n                        >\n                          <SvgIcon name=\"pi-pointy-arrow-right\" classNames=\"mirrored\" />\n                          <span>{headerConfig.translations.backButtonText}</span>\n                        </button>\n                        <button\n                          class=\"flyout-close-button\"\n                          onClick={() => this.closeFlyout(levelOne.id)}\n                        >\n                          <span class=\"visually-hidden\">\n                            {headerConfig.translations.mobileNavToggleClose}\n                          </span>\n                          <SvgIcon name=\"pi-close\" />\n                        </button>\n                      </div>\n                      <h2 class=\"flyout-title container\">\n                        <a href={levelOne.url} class=\"nav-link\">\n                          {levelOne.text}\n                        </a>\n                      </h2>\n                      <div class=\"flyout-row container\">\n                        {levelOne.flyout.map(flyout => (\n                          <div key={flyout.title} class=\"flyout-column\">\n                            {flyout.title ? <h3>{flyout.title}</h3> : null}\n                            <ul class=\"flyout-linklist\">\n                              {flyout.linkList.map(link => (\n                                <li key={link.url}>\n                                  <a\n                                    class={{\n                                      'flyout-link': true,\n                                      'active': !!link?.isActiveOverride,\n                                    }}\n                                    href={link.url}\n                                    target={link.target}\n                                  >\n                                    {link.title}\n                                  </a>\n                                </li>\n                              ))}\n                            </ul>\n                          </div>\n                        ))}\n                      </div>\n                    </div>\n                  </div>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/swisspost-internet-header/{p-9cf200bd.js → p-6423a6ea.js}

@@ -1,2 +1,2 @@
-import{h as l}from"./p-61b09b9b.js";const c=()=>l("svg",{"aria-hidden":"true",style:{display:"none"}},l("symbol",{id:"pi-close",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M22.6 23.5L16 17l-6.5 6.6-.9-.9 6.5-6.6-6.6-6.7.9-.9 6.6 6.6 6.5-6.6.9.9L17 16l6.6 6.6-1 .9z"})),l("symbol",{id:"pi-search",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M32 28.2l-11-11c1.1-1.7 1.7-3.7 1.7-5.9C22.7 5.1 17.6 0 11.3 0 5.1 0 0 5.1 0 11.3c0 6.3 5.1 11.3 11.3 11.3 2.2 0 4.2-.6 5.9-1.7l11 11 3.8-3.7zM1.3 11.3c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.4-10-10zm17.2 8.8c.1 0 .1-.1.2-.1.6-.5 1.1-1 1.6-1.6l9.8 9.8-1.9 1.9-9.8-9.8c0-.1.1-.1.1-.2z"})),l("symbol",{id:"pi-arrow-down",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z"})),l("symbol",{id:"pi-menu",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M26.7 8v1.3H5.4V8h21.3zM5.4 17.3h21.3V16H5.4v1.3zm0 8.1h21.3V24H5.4v1.4z"})),l("symbol",{id:"pi-pointy-arrow-right",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M29.4 17.4H0V16h29.5L18.8 5.3h1.9L32 16.7 20.6 28h-1.9l10.7-10.6z"})),l("symbol",{id:"8004_facebook",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M22.8 10.5l-.5 5.4h-4.5V32h-6.4V15.9H8v-5.5h3.4V6.1c0-4 2.2-6.2 7-6.2h4.5v5.6h-3.5c-1.2 0-1.5.5-1.5 1.8v3.1h4.9z"})),l("symbol",{id:"8007_instagram",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M23.1 0H8.9C4 0 0 4 0 8.9v14.2C0 28 4 32 8.9 32h14.2c4.9 0 8.9-4 8.9-8.9V8.9C32 4 28 0 23.1 0zM29 23.1c0 3.3-2.7 5.9-5.9 5.9H8.9C5.6 29 3 26.4 3 23.1V8.9C3 5.6 5.6 3 8.9 3h14.2C26.4 3 29 5.6 29 8.9v14.2zM16 7.5c-4.7 0-8.5 3.8-8.5 8.5s3.8 8.5 8.5 8.5 8.5-3.8 8.5-8.5-3.8-8.5-8.5-8.5zm0 14c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.5 5.5-5.5 5.5zM26.5 7.3c0 1-.8 1.9-1.9 1.9-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9c1 .1 1.9.9 1.9 1.9z"})),l("symbol",{id:"8002_youtube",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M12.7 20.1v-9l8.6 4.5-8.6 4.5zm19-10.5s-.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4-4.5-.3-11.2-.3-11.2-.3s-6.7 0-11.2.3c-.6.1-2 .1-3.2 1.4C.6 7.4.3 9.6.3 9.6S0 12.2 0 14.8v2.4c0 2.6.3 5.2.3 5.2s.3 2.2 1.3 3.2c1.2 1.3 2.8 1.2 3.5 1.4 2.6.2 10.9.2 10.9.2s6.7 0 11.2-.3c.6-.1 2-.1 3.2-1.4 1-1 1.3-3.2 1.3-3.2s.3-2.6.3-5.2v-2.4c0-2.5-.3-5.1-.3-5.1"})),l("symbol",{id:"8017_snapchat",viewBox:"0 0 32 32"},l("path",{d:"M16.328.714h.003c1.396 0 6.121.389 8.35 5.385.721 1.619.616 4.076.488 6.144.081-.031.17-.068.265-.113a2.415 2.415 0 0 1 1.008-.213c.356 0 .71.07.964.178.956.338 1.584 1.122 1.6 1.996.015.717-.35 1.722-2.165 2.44a8.441 8.441 0 0 1-.498.17c-.23.072-.812.257-1.015.424.011.048.037.13.095.248l.023.047.014.032c.016.039 1.684 3.838 5.202 4.418a1.648 1.648 0 0 1 1.377 1.723c-.013.218-.064.43-.148.624-.436 1.02-1.671 1.66-4.085 2.1l-.004.017c-.056.254-.113.504-.19.765-.226.776-.87 1.257-1.712 1.257-.236 0-.522-.033-.874-.103a6.86 6.86 0 0 0-1.399-.15c-.315 0-.644.028-.975.083-.526.087-1.079.478-1.72.931-1.132.801-2.541 1.798-4.705 1.798-.07 0-.14-.002-.21-.004a3.37 3.37 0 0 1-.16.004c-2.163 0-3.572-.996-4.704-1.797-.642-.453-1.196-.845-1.72-.932a6.011 6.011 0 0 0-.976-.083c-.57 0-1.028.09-1.397.162h-.002c-.3.059-.582.114-.874.114-.827 0-1.483-.486-1.712-1.267a11.05 11.05 0 0 1-.19-.772l-.004-.02C1.864 25.88.628 25.238.19 24.21a1.869 1.869 0 0 1-.146-.622 1.644 1.644 0 0 1 1.378-1.719c3.517-.579 5.185-4.379 5.2-4.413l.02-.05.018-.034c.058-.119.084-.2.095-.248-.202-.167-.784-.352-1.019-.426a8.141 8.141 0 0 1-.497-.17c-2.147-.849-2.256-2.091-2.13-2.756.219-1.15 1.425-1.837 2.465-1.837.327 0 .633.065.91.195.166.077.31.133.433.173-.129-2.083-.242-4.57.486-6.203C9.63 1.108 14.347.72 15.737.72l.518-.005h.073Z",fill:"currentColor"})),l("symbol",{id:"8000_twitter",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M32 6.4c-.9 1.3-2 2.5-3.3 3.4.4 9.2-6.5 19.5-18.7 19.5-3.7 0-7.2-1.1-10.1-2.9 3.5.4 7-.6 9.7-2.7-2.9-.1-5.3-2-6.1-4.6 1 .2 2 .1 3-.1a6.6 6.6 0 01-5.3-6.5c.9.5 1.9.8 3 .8a6.6 6.6 0 01-2-8.8c3.2 4 8.1 6.6 13.5 6.9a6.6 6.6 0 016.4-8.1c1.9 0 3.6.8 4.8 2.1 1.5-.3 2.9-.8 4.2-1.6a6.5 6.5 0 01-2.9 3.6c1.4-.1 2.6-.5 3.8-1z"})),l("symbol",{id:"8001_xing",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M13.9 12.7l-5.5 9.7H1.8l5.5-9.7-3.7-6.4h6.6l3.7 6.4zM30 0h-6.6L12.7 19.1 19.8 32h6.5l-7-12.9L30 0z"})),l("symbol",{id:"8005_linkedin",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M7.8 3.9c0 2.2-1.7 3.9-3.9 3.9A3.8 3.8 0 010 3.9a3.9 3.9 0 017.8 0zM.6 32h6.6V10.7H.6V32zm23.6-22c-4.5 0-6.4 3.5-6.4 3.5v-2.9h-6.3V32h6.3V20.8c0-3 1.4-4.8 4-4.8 2.4 0 3.6 1.7 3.6 4.8V32H32V18.5c0-5.7-3.3-8.5-7.8-8.5z"})),l("symbol",{id:"8008_kununu",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M27.2 26l-.1 5.1c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8v-6.7c0-1.8-1.5-3.2-3.3-3.2h-1.8c-1.8 0-3.3 1.4-3.3 3.2v6.7c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8V.8c-.2-.4.2-.8.7-.8h5c.4 0 .8.4.8.8v14.3c1-.4 2.2-.6 3.3-.6H17c1.8 0 3.3-1.4 3.3-3.2l.1-1.6c.1-.4.4-.7.8-.7h5c.4 0 .8.3.8.7v1.6c0 2.5-1 4.8-2.5 6.5 1.6 1.7 2.6 4 2.6 6.6V26z"})),l("symbol",{id:"2064_arrow-enter",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M32 0v32H13.3v-1.3h17.3V1.3H13.3V0H32zM12.3 9.3h-1.9l6.7 6.7H0v1.3h17.1L10.4 24h1.9l7.3-7.3-7.3-7.4z"})),l("symbol",{id:"pi-home",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M16 .7L0 16h5.3v16h8V21.3h5.3V32h8V16H32L16 .7zm9.3 14v16H20V20h-8V30.6H6.7V14.7H3.4L16 2.5l12.7 12.2h-3.4z"})),l("symbol",{id:"3033_question-mark",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M22.7 10.7c0 3.2-2.7 5-4.7 6.2-.9.6-2 1.3-2 1.8v4h-1.3v-4c0-1.2 1.2-1.9 2.6-2.9 1.9-1.3 4.1-2.7 4.1-5.1 0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3H9.3C9.3 7 12.3 4 16 4s6.7 3 6.7 6.7zm-8 17.3H16v-2.7h-1.3V28z"})),l("symbol",{id:"3073_phone",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M5.5 2.1c.1 0 .1 0 0 0 .3 0 .5.1.6.3l2.8 4.8c.1.3.1.6-.1.8L7.2 9.6l-.7.7.5 1c3.4 5.6 8.2 10.4 13.8 13.8l.9.6.7-.8 1.5-1.5c.1-.1.3-.2.5-.2.1 0 .2 0 .3.1l4.8 2.8c.2.1.3.3.3.5s0 .4-.2.6l-2 2-.8.8C13.9 28.6 3.4 18.1 2.2 5.1l.9-.9 2-2c.1 0 .3-.1.4-.1m0-1.3c-.5 0-1 .2-1.4.6l-2 2L.9 4.6v.1c1 14 12.3 25.4 26.4 26.5h.1l1.3-1.3 2-2c.4-.4.7-1.1.6-1.7-.1-.6-.4-1.2-1-1.5l-4.8-2.8c-.3-.2-.7-.3-1-.3-.5 0-1 .2-1.4.6l-1.5 1.5c-5.4-3.3-10-7.9-13.4-13.4L9.7 9c.6-.6.8-1.6.3-2.4L7.3 1.8C7 1.2 6.4.9 5.8.8h-.3z"})),l("symbol",{id:"pi-place",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M16 1.3c5.1 0 9.3 4.2 9.3 9.3 0 1.6-.4 3.3-1.3 4.7l-8.1 14-8-14c-.8-1.4-1.2-3-1.2-4.6 0-5.2 4.2-9.4 9.3-9.4M16 0C10.1 0 5.3 4.8 5.3 10.7c0 1.8.5 3.7 1.4 5.3L16 32l9.2-16c.9-1.6 1.4-3.5 1.4-5.4C26.7 4.8 21.9 0 16 0zm0 8c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7-2.7-1.2-2.7-2.7S14.5 8 16 8m0-1.3c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z"})),l("symbol",{id:"pi-letter-parcel",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M20.667 2.667l-4 4h5.867l4-4h-5.867zM22 5.333h-2.133L21.2 4h2.133L22 5.333z"}),l("path",{fill:"currentColor",d:"M12.4 0L4 8.4v8.933H0V32h21.333v-4H23.6l8.4-8.4V0H12.4zm6.667 18.667L11.2 26.534a.644.644 0 0 1-.933 0l-8-7.867h16.8zM1.333 19.6L6.4 24.667l-5.067 5.067V19.601zm.934 11.067L7.334 25.6l1.867 1.867c.8.8 2 .8 2.8 0l1.867-1.867 5.067 5.067H2.268zM20 29.733l-5.067-5.067L20 19.599v10.133zm2.667-3.066h-1.333v-9.333h-16v-8h17.333v17.333zM23.067 8h-16.8l6.667-6.667h16.8L23.067 8zm7.6 11.067L24 25.734v-16.8l6.667-6.667v16.8z"})));export{c as S};
-//# sourceMappingURL=p-9cf200bd.js.map
+import{h as l}from"./p-12c07c17.js";const c=()=>l("svg",{"aria-hidden":"true",style:{display:"none"}},l("symbol",{id:"pi-close",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M22.6 23.5L16 17l-6.5 6.6-.9-.9 6.5-6.6-6.6-6.7.9-.9 6.6 6.6 6.5-6.6.9.9L17 16l6.6 6.6-1 .9z"})),l("symbol",{id:"pi-search",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M32 28.2l-11-11c1.1-1.7 1.7-3.7 1.7-5.9C22.7 5.1 17.6 0 11.3 0 5.1 0 0 5.1 0 11.3c0 6.3 5.1 11.3 11.3 11.3 2.2 0 4.2-.6 5.9-1.7l11 11 3.8-3.7zM1.3 11.3c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.4-10-10zm17.2 8.8c.1 0 .1-.1.2-.1.6-.5 1.1-1 1.6-1.6l9.8 9.8-1.9 1.9-9.8-9.8c0-.1.1-.1.1-.2z"})),l("symbol",{id:"pi-arrow-down",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z"})),l("symbol",{id:"pi-menu",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M26.7 8v1.3H5.4V8h21.3zM5.4 17.3h21.3V16H5.4v1.3zm0 8.1h21.3V24H5.4v1.4z"})),l("symbol",{id:"pi-pointy-arrow-right",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M29.4 17.4H0V16h29.5L18.8 5.3h1.9L32 16.7 20.6 28h-1.9l10.7-10.6z"})),l("symbol",{id:"8004_facebook",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M22.8 10.5l-.5 5.4h-4.5V32h-6.4V15.9H8v-5.5h3.4V6.1c0-4 2.2-6.2 7-6.2h4.5v5.6h-3.5c-1.2 0-1.5.5-1.5 1.8v3.1h4.9z"})),l("symbol",{id:"8007_instagram",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M23.1 0H8.9C4 0 0 4 0 8.9v14.2C0 28 4 32 8.9 32h14.2c4.9 0 8.9-4 8.9-8.9V8.9C32 4 28 0 23.1 0zM29 23.1c0 3.3-2.7 5.9-5.9 5.9H8.9C5.6 29 3 26.4 3 23.1V8.9C3 5.6 5.6 3 8.9 3h14.2C26.4 3 29 5.6 29 8.9v14.2zM16 7.5c-4.7 0-8.5 3.8-8.5 8.5s3.8 8.5 8.5 8.5 8.5-3.8 8.5-8.5-3.8-8.5-8.5-8.5zm0 14c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.5 5.5-5.5 5.5zM26.5 7.3c0 1-.8 1.9-1.9 1.9-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9c1 .1 1.9.9 1.9 1.9z"})),l("symbol",{id:"8002_youtube",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M12.7 20.1v-9l8.6 4.5-8.6 4.5zm19-10.5s-.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4-4.5-.3-11.2-.3-11.2-.3s-6.7 0-11.2.3c-.6.1-2 .1-3.2 1.4C.6 7.4.3 9.6.3 9.6S0 12.2 0 14.8v2.4c0 2.6.3 5.2.3 5.2s.3 2.2 1.3 3.2c1.2 1.3 2.8 1.2 3.5 1.4 2.6.2 10.9.2 10.9.2s6.7 0 11.2-.3c.6-.1 2-.1 3.2-1.4 1-1 1.3-3.2 1.3-3.2s.3-2.6.3-5.2v-2.4c0-2.5-.3-5.1-.3-5.1"})),l("symbol",{id:"8017_snapchat",viewBox:"0 0 32 32"},l("path",{d:"M16.328.714h.003c1.396 0 6.121.389 8.35 5.385.721 1.619.616 4.076.488 6.144.081-.031.17-.068.265-.113a2.415 2.415 0 0 1 1.008-.213c.356 0 .71.07.964.178.956.338 1.584 1.122 1.6 1.996.015.717-.35 1.722-2.165 2.44a8.441 8.441 0 0 1-.498.17c-.23.072-.812.257-1.015.424.011.048.037.13.095.248l.023.047.014.032c.016.039 1.684 3.838 5.202 4.418a1.648 1.648 0 0 1 1.377 1.723c-.013.218-.064.43-.148.624-.436 1.02-1.671 1.66-4.085 2.1l-.004.017c-.056.254-.113.504-.19.765-.226.776-.87 1.257-1.712 1.257-.236 0-.522-.033-.874-.103a6.86 6.86 0 0 0-1.399-.15c-.315 0-.644.028-.975.083-.526.087-1.079.478-1.72.931-1.132.801-2.541 1.798-4.705 1.798-.07 0-.14-.002-.21-.004a3.37 3.37 0 0 1-.16.004c-2.163 0-3.572-.996-4.704-1.797-.642-.453-1.196-.845-1.72-.932a6.011 6.011 0 0 0-.976-.083c-.57 0-1.028.09-1.397.162h-.002c-.3.059-.582.114-.874.114-.827 0-1.483-.486-1.712-1.267a11.05 11.05 0 0 1-.19-.772l-.004-.02C1.864 25.88.628 25.238.19 24.21a1.869 1.869 0 0 1-.146-.622 1.644 1.644 0 0 1 1.378-1.719c3.517-.579 5.185-4.379 5.2-4.413l.02-.05.018-.034c.058-.119.084-.2.095-.248-.202-.167-.784-.352-1.019-.426a8.141 8.141 0 0 1-.497-.17c-2.147-.849-2.256-2.091-2.13-2.756.219-1.15 1.425-1.837 2.465-1.837.327 0 .633.065.91.195.166.077.31.133.433.173-.129-2.083-.242-4.57.486-6.203C9.63 1.108 14.347.72 15.737.72l.518-.005h.073Z",fill:"currentColor"})),l("symbol",{id:"8000_twitter",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M32 6.4c-.9 1.3-2 2.5-3.3 3.4.4 9.2-6.5 19.5-18.7 19.5-3.7 0-7.2-1.1-10.1-2.9 3.5.4 7-.6 9.7-2.7-2.9-.1-5.3-2-6.1-4.6 1 .2 2 .1 3-.1a6.6 6.6 0 01-5.3-6.5c.9.5 1.9.8 3 .8a6.6 6.6 0 01-2-8.8c3.2 4 8.1 6.6 13.5 6.9a6.6 6.6 0 016.4-8.1c1.9 0 3.6.8 4.8 2.1 1.5-.3 2.9-.8 4.2-1.6a6.5 6.5 0 01-2.9 3.6c1.4-.1 2.6-.5 3.8-1z"})),l("symbol",{id:"8001_xing",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M13.9 12.7l-5.5 9.7H1.8l5.5-9.7-3.7-6.4h6.6l3.7 6.4zM30 0h-6.6L12.7 19.1 19.8 32h6.5l-7-12.9L30 0z"})),l("symbol",{id:"8005_linkedin",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M7.8 3.9c0 2.2-1.7 3.9-3.9 3.9A3.8 3.8 0 010 3.9a3.9 3.9 0 017.8 0zM.6 32h6.6V10.7H.6V32zm23.6-22c-4.5 0-6.4 3.5-6.4 3.5v-2.9h-6.3V32h6.3V20.8c0-3 1.4-4.8 4-4.8 2.4 0 3.6 1.7 3.6 4.8V32H32V18.5c0-5.7-3.3-8.5-7.8-8.5z"})),l("symbol",{id:"8008_kununu",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M27.2 26l-.1 5.1c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8v-6.7c0-1.8-1.5-3.2-3.3-3.2h-1.8c-1.8 0-3.3 1.4-3.3 3.2v6.7c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8V.8c-.2-.4.2-.8.7-.8h5c.4 0 .8.4.8.8v14.3c1-.4 2.2-.6 3.3-.6H17c1.8 0 3.3-1.4 3.3-3.2l.1-1.6c.1-.4.4-.7.8-.7h5c.4 0 .8.3.8.7v1.6c0 2.5-1 4.8-2.5 6.5 1.6 1.7 2.6 4 2.6 6.6V26z"})),l("symbol",{id:"2064_arrow-enter",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M32 0v32H13.3v-1.3h17.3V1.3H13.3V0H32zM12.3 9.3h-1.9l6.7 6.7H0v1.3h17.1L10.4 24h1.9l7.3-7.3-7.3-7.4z"})),l("symbol",{id:"pi-home",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M16 .7L0 16h5.3v16h8V21.3h5.3V32h8V16H32L16 .7zm9.3 14v16H20V20h-8V30.6H6.7V14.7H3.4L16 2.5l12.7 12.2h-3.4z"})),l("symbol",{id:"3033_question-mark",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M22.7 10.7c0 3.2-2.7 5-4.7 6.2-.9.6-2 1.3-2 1.8v4h-1.3v-4c0-1.2 1.2-1.9 2.6-2.9 1.9-1.3 4.1-2.7 4.1-5.1 0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3H9.3C9.3 7 12.3 4 16 4s6.7 3 6.7 6.7zm-8 17.3H16v-2.7h-1.3V28z"})),l("symbol",{id:"3073_phone",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M5.5 2.1c.1 0 .1 0 0 0 .3 0 .5.1.6.3l2.8 4.8c.1.3.1.6-.1.8L7.2 9.6l-.7.7.5 1c3.4 5.6 8.2 10.4 13.8 13.8l.9.6.7-.8 1.5-1.5c.1-.1.3-.2.5-.2.1 0 .2 0 .3.1l4.8 2.8c.2.1.3.3.3.5s0 .4-.2.6l-2 2-.8.8C13.9 28.6 3.4 18.1 2.2 5.1l.9-.9 2-2c.1 0 .3-.1.4-.1m0-1.3c-.5 0-1 .2-1.4.6l-2 2L.9 4.6v.1c1 14 12.3 25.4 26.4 26.5h.1l1.3-1.3 2-2c.4-.4.7-1.1.6-1.7-.1-.6-.4-1.2-1-1.5l-4.8-2.8c-.3-.2-.7-.3-1-.3-.5 0-1 .2-1.4.6l-1.5 1.5c-5.4-3.3-10-7.9-13.4-13.4L9.7 9c.6-.6.8-1.6.3-2.4L7.3 1.8C7 1.2 6.4.9 5.8.8h-.3z"})),l("symbol",{id:"pi-place",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M16 1.3c5.1 0 9.3 4.2 9.3 9.3 0 1.6-.4 3.3-1.3 4.7l-8.1 14-8-14c-.8-1.4-1.2-3-1.2-4.6 0-5.2 4.2-9.4 9.3-9.4M16 0C10.1 0 5.3 4.8 5.3 10.7c0 1.8.5 3.7 1.4 5.3L16 32l9.2-16c.9-1.6 1.4-3.5 1.4-5.4C26.7 4.8 21.9 0 16 0zm0 8c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7-2.7-1.2-2.7-2.7S14.5 8 16 8m0-1.3c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z"})),l("symbol",{id:"pi-letter-parcel",viewBox:"0 0 32 32"},l("path",{fill:"currentColor",d:"M20.667 2.667l-4 4h5.867l4-4h-5.867zM22 5.333h-2.133L21.2 4h2.133L22 5.333z"}),l("path",{fill:"currentColor",d:"M12.4 0L4 8.4v8.933H0V32h21.333v-4H23.6l8.4-8.4V0H12.4zm6.667 18.667L11.2 26.534a.644.644 0 0 1-.933 0l-8-7.867h16.8zM1.333 19.6L6.4 24.667l-5.067 5.067V19.601zm.934 11.067L7.334 25.6l1.867 1.867c.8.8 2 .8 2.8 0l1.867-1.867 5.067 5.067H2.268zM20 29.733l-5.067-5.067L20 19.599v10.133zm2.667-3.066h-1.333v-9.333h-16v-8h17.333v17.333zM23.067 8h-16.8l6.667-6.667h16.8L23.067 8zm7.6 11.067L24 25.734v-16.8l6.667-6.667v16.8z"})));export{c as S};
+//# sourceMappingURL=p-6423a6ea.js.map

package/dist/swisspost-internet-header/{p-0739e499.system.js → p-6e24784e.system.js}

@@ -1,2 +1,2 @@
-System.register(["./p-0342245a.system.js"],(function(e){"use strict";var n;return{setters:[function(e){n=e.s}],execute:function(){var r={"Close overlay":{de:"Overlay Schliessen",fr:"Fermer la superposition",it:"Chiudi sovrapposizione"},"Current language is English":{de:"Die aktuelle Sprache ist Deutsch",fr:"La langue actuelle est le français",it:"La lingua corrente è l'italiano"},"Change language":{de:"Sprache wechseln",fr:"Changer de langue",it:"Cambia lingua"},"Go to main content":{de:"Zum Hauptinhalt springen",fr:"Aller au contenu principal",it:"Vai al contenuto principale"},"Go to search":{de:"Zur Suche springen",fr:"Aller à la recherche",it:"Vai alla ricerca"},"Go to login":{de:"Zum Login springen",fr:"Aller au login",it:"Vai al login"},"Open menu":{de:"Menü öffnen",fr:"Ouvrir le menu",it:"Apri il menu"},"Navigate on post.ch":{de:"Navigieren auf post.ch",fr:"Naviguer sur post.ch",it:"Navigate su post.ch"}};var a=e("g",(function(e,r,a,t){if(e.length===0){return undefined}if(e.length===1){return e[0]}var u=new URL(window.location.href);var l=[r,u.searchParams.get("lang"),u.pathname.split("/").find((function(n){return e.includes(n)})),a!==undefined?window.localStorage.getItem(a):null,i("language"),i("lang"),t!==undefined?i(t):null,document.documentElement.lang,o(e),n.currentLanguage].filter((function(e){return!!e}));var c=l.find((function(n){return e.includes(n)}))||e[0];if(!c||c.length!==2){throw new Error("Current language could not be determined from settings or the language provided (".concat(c,") is not supported by the Header API."))}return c}));var t=e("p",(function(e,r,a){if(a!==undefined){window.localStorage.setItem(a,e)}if(r!==undefined){u(r,e)}n.currentLanguage=e}));var i=function(e){var n;return((n=document.cookie.match("(^|;)\\s*"+e+"\\s*=\\s*([^;]+)"))===null||n===void 0?void 0:n.pop())||""};var u=function(e,n){document.cookie="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(n))};var o=function(e){if(navigator.language){var n=l(navigator.language);if(e.indexOf(n)!==-1){return n}}if(navigator.languages){for(var r=0,a=navigator.languages;r<a.length;r++){var t=a[r];var n=l(t);if(e.indexOf(n)!==-1){return n}}}return null};var l=function(e){return e.substring(0,2).toLowerCase()};var c=e("t",(function(e,a,t){if(t===void 0){t=r}var i,u,o;return(o=(i=t[e])===null||i===void 0?void 0:i[(u=a!==null&&a!==void 0?a:n.currentLanguage)!==null&&u!==void 0?u:""])!==null&&o!==void 0?o:e}))}}}));
-//# sourceMappingURL=p-0739e499.system.js.map
+System.register(["./p-b8b59050.system.js"],(function(e){"use strict";var n;return{setters:[function(e){n=e.s}],execute:function(){var r={"Close overlay":{de:"Overlay Schliessen",fr:"Fermer la superposition",it:"Chiudi sovrapposizione"},"Current language is English":{de:"Die aktuelle Sprache ist Deutsch",fr:"La langue actuelle est le français",it:"La lingua corrente è l'italiano"},"Change language":{de:"Sprache wechseln",fr:"Changer de langue",it:"Cambia lingua"},"Go to main content":{de:"Zum Hauptinhalt springen",fr:"Aller au contenu principal",it:"Vai al contenuto principale"},"Go to search":{de:"Zur Suche springen",fr:"Aller à la recherche",it:"Vai alla ricerca"},"Go to login":{de:"Zum Login springen",fr:"Aller au login",it:"Vai al login"},"Open menu":{de:"Menü öffnen",fr:"Ouvrir le menu",it:"Apri il menu"},"Navigate on post.ch":{de:"Navigieren auf post.ch",fr:"Naviguer sur post.ch",it:"Navigate su post.ch"}};var a=e("g",(function(e,r,a,t){if(e.length===0){return undefined}if(e.length===1){return e[0]}var u=new URL(window.location.href);var l=[r,u.searchParams.get("lang"),u.pathname.split("/").find((function(n){return e.includes(n)})),a!==undefined?window.localStorage.getItem(a):null,i("language"),i("lang"),t!==undefined?i(t):null,document.documentElement.lang,o(e),n.currentLanguage].filter((function(e){return!!e}));var c=l.find((function(n){return e.includes(n)}))||e[0];if(!c||c.length!==2){throw new Error("Current language could not be determined from settings or the language provided (".concat(c,") is not supported by the Header API."))}return c}));var t=e("p",(function(e,r,a){if(a!==undefined){window.localStorage.setItem(a,e)}if(r!==undefined){u(r,e)}n.currentLanguage=e}));var i=function(e){var n;return((n=document.cookie.match("(^|;)\\s*"+e+"\\s*=\\s*([^;]+)"))===null||n===void 0?void 0:n.pop())||""};var u=function(e,n){document.cookie="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(n))};var o=function(e){if(navigator.language){var n=l(navigator.language);if(e.indexOf(n)!==-1){return n}}if(navigator.languages){for(var r=0,a=navigator.languages;r<a.length;r++){var t=a[r];var n=l(t);if(e.indexOf(n)!==-1){return n}}}return null};var l=function(e){return e.substring(0,2).toLowerCase()};var c=e("t",(function(e,a,t){if(t===void 0){t=r}var i,u,o;return(o=(i=t[e])===null||i===void 0?void 0:i[(u=a!==null&&a!==void 0?a:n.currentLanguage)!==null&&u!==void 0?u:""])!==null&&o!==void 0?o:e}))}}}));
+//# sourceMappingURL=p-6e24784e.system.js.map

package/dist/swisspost-internet-header/p-9bc33c5f.js

@@ -0,0 +1,2 @@
+import{h as s}from"./p-12c07c17.js";const e=e=>s("svg",{viewBox:"0 0 32 32","aria-hidden":"true",class:e.classNames},s("use",{href:`#${e.name}`}));export{e as S};
+//# sourceMappingURL=p-9bc33c5f.js.map