@swisspost/internet-header 1.8.3 → 1.9.1

package/dist/swisspost-internet-header/{p-df51fa24.entry.js.map → p-262611f7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["parcelController","getTrackAndTraceApiUrl","id","lang","state","currentLanguage","encodeURIComponent","getTrackAndTraceRedirectUrl","query","packageTrackingRedirectUrl","replace","isParcel","async","searchConfig","parcelInfo","getParcelInfo","redirectPattern","trackingNrPattern","RegExp","test","url","abort","AbortController","Promise","resolve","reject","fetch","signal","then","response","json","trackAndTraceResult","Object","assign","ok","catch","error","name","console","message","timestamp","Date","toDateString","getParcelSuggestion","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","suggestionsController","getCoveoSuggestions","_b","_d","_c","isCustomSuggestionHidden","config","searchHubName","searchPipelineName","method","headers","Authorization","coveoJSON","completions","map","completion","redirectUrl","expression","gisAPIUrl","placesUrl","hardNormalize","str","toLowerCase","normalize","placesController","queryPlaces","searchParameters","entries","limit","reduce","s","k","v","i","geocodeJSON","Error","info","locations","highlightPlacesString","place","reference","q","indexOfQuery","indexOf","substring","getPlacesUrl","location","HighlightedText","props","highlightClass","highlightedString","text","h","innerHTML","postSearchCss","PostSearch","connectedCallback","this","throttledResize","throttle","handleResize","window","addEventListener","passive","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","componentWillUpdate","searchFlyout","searchDropdownOpen","classList","remove","elementHasTransition","userPrefersReducedMotion","event","propertyName","componentDidUpdate","getBoundingClientRect","add","searchBox","focus","preventScroll","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","trim","trackAndTraceInfo","all","parcelSuggestion","deselectSuggestion","handleKeyDown","selectedSuggestion","selectedHref","getAttribute","suggestions","querySelectorAll","key","href","startSearch","parentElement","nextElementSibling","firstElementChild","updateSearchBoxWithSuggestion","_e","previousElementSibling","handleMouseEnterSuggestion","target","handleMouseLeaveSuggestions","suggestedText","dataset","suggestionText","trackRecommendationClick","recommendation","trackingAttributes","additionalAttributes","acc","curr","dataLayer","push","link_url","label","type","render","translations","isParcelTrackingNr","showPortalRecommendations","searchRecommendations","links","Host","role","SvgSprite","class","onClick","e","toggleDropdown","searchToggleExpanded","searchToggle","SvgIcon","If","condition","ref","placeholder","flyoutSearchBoxFloatingLabel","autocomplete","el","onInput","handleSearchInput","onKeyDown","htmlFor","searchSubmit","title","onMouseLeave","URL","onMouseEnter","inlineSvg","_f","sending","_h","_g","product","_k","_j","recipient","zipcode","_m","_l","city","_p","_o","filter","join","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\nlet parcelController: AbortController;\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 'sending' in parcelInfo;\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    const url = getTrackAndTraceApiUrl(query);\n\n    if (parcelController) parcelController.abort();\n    parcelController = new AbortController();\n\n    return new Promise((resolve, reject) => {\n      fetch(url, { signal: parcelController.signal })\n        .then(response => response.json())\n        .then((trackAndTraceResult: TrackAndTraceInfo) => {\n          resolve({ ...trackAndTraceResult, ok: trackAndTraceResult.ok });\n        })\n        .catch(error => {\n          if (error.name !== 'AbortError') {\n            console.error(`Could not check track and trace API due to error: ${error.message}`);\n            reject(error);\n          }\n        });\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\nlet suggestionsController: AbortController;\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 (\n    state.localizedConfig?.header?.search === undefined ||\n    state.localizedConfig?.header?.search.isCustomSuggestionHidden === true\n  )\n    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\n  if (suggestionsController) suggestionsController.abort();\n  suggestionsController = new AbortController();\n\n  return new Promise((resolve, reject) => {\n    fetch(url, {\n      signal: suggestionsController.signal,\n      method: 'GET',\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    })\n      .then(response => response.json())\n      .then((coveoJSON: CoveoResponse) => {\n        resolve(\n          coveoJSON.completions.map(completion => ({\n            ...completion,\n            redirectUrl: getSearchPageUrl(completion.expression),\n          })),\n        );\n      })\n      .catch(error => {\n        if (error.name !== 'AbortError') {\n          console.error(\n            `Fetching coveo suggestions failed, ${error}\\nDid you add \"*.coveo.com\" to your connect-src content security policy and tried turning off your adblocker?`,\n          );\n          reject(error);\n        }\n      });\n  });\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\nlet placesController: AbortController;\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 url = `${gisAPIUrl}/Geocode${searchParameters}`;\n\n  if (placesController) placesController.abort();\n  placesController = new AbortController();\n\n  return new Promise((resolve, reject) => {\n    fetch(url, { signal: placesController.signal })\n      .then(response => response.json())\n      .then((geocodeJSON: GeocodeResponse) => {\n        if (!geocodeJSON.ok) throw new Error(geocodeJSON.info);\n        resolve(geocodeJSON.locations);\n      })\n      .catch(error => {\n        if (error.name !== 'AbortError') {\n          console.error(\n            `Fetching places failed, ${error}\\nDid you add \"places.post.ch\" to your connect-src content security policy?`,\n          );\n          reject(error);\n        }\n      });\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/core' as post;\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  .form-control + label {\n    padding-right: post.$input-padding-x * 3;\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  background: none;\n  border: 0;\n  box-shadow: none;\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 { TagManagerDataLayer } from '../../models/general.model';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  ISearchRecommendation,\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      void 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    this.parcelSuggestion = trackAndTraceInfo;\n\n    // Parcel suggestion is more important than any other\n    if (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    const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\n    const selectedHref = selectedSuggestion?.getAttribute('href') ?? null;\n    const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n    switch (event.key.toLowerCase()) {\n      case 'enter':\n        if (selectedHref !== null) {\n          window.location.href = selectedHref;\n        } else {\n          void this.startSearch();\n        }\n\n        break;\n      case 'arrowdown':\n        this.deselectSuggestion();\n\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          // If there are any suggestions, select first suggestion in list\n        } else if (suggestions.length > 0) {\n          suggestions[0].classList.add('selected');\n        }\n\n        this.updateSearchBoxWithSuggestion();\n\n        break;\n      case 'arrowup':\n        this.deselectSuggestion();\n\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          // If there are any suggestions, select last suggestion in list\n        } else if (suggestions.length > 0) {\n          suggestions[suggestions.length - 1].classList.add('selected');\n        }\n\n        this.updateSearchBoxWithSuggestion();\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   * Update search box with selected suggestion\n   */\n  private updateSearchBoxWithSuggestion() {\n    if (this.searchFlyout === undefined) return;\n\n    // Get the newly selected suggestion\n    const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\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\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  private trackRecommendationClick(recommendation: ISearchRecommendation) {\n    if (!('dataLayer' in window)) return;\n\n    const trackingAttributes = recommendation.additionalAttributes.reduce((acc, curr) => {\n      acc[curr.name] = curr.value;\n      return acc;\n    }, {});\n\n    (window.dataLayer as TagManagerDataLayer).push({\n      event: trackingAttributes['data-event'],\n      text: trackingAttributes['data-text'],\n      link_url: trackingAttributes['data-linkurl'],\n      label: trackingAttributes['data-label'],\n      type: trackingAttributes['data-type'],\n    });\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) {\n      return;\n    }\n    const { translations, search } = state.localizedConfig.header;\n    const isParcelTrackingNr = this.parcelSuggestion && 'sending' in this.parcelSuggestion;\n    const showPortalRecommendations =\n      this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\n\n    return (\n      <Host role=\"search\">\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 => void 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                        role=\"searchbox\"\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={() => void this.handleSearchInput()}\n                        onKeyDown={e => this.handleKeyDown(e)}\n                      />\n                      <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\n                      <button onClick={() => void this.startSearch()} class=\"start-search-button\">\n                        <span class=\"visually-hidden\">{translations.searchSubmit}</span>\n                        <SvgIcon name=\"pi-search\" />\n                      </button>\n                    </div>\n                    {showPortalRecommendations && (\n                      <h2 id=\"post-internet-header-search-recommendations-title\" class=\"bold\">\n                        {search.searchRecommendations.title}\n                      </h2>\n                    )}\n                    <ul\n                      class=\"suggestions no-list\"\n                      onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n                      aria-labelledby={\n                        showPortalRecommendations\n                          ? 'post-internet-header-search-recommendations-title'\n                          : undefined\n                      }\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                              onClick={() => this.trackRecommendationClick(recommendation)}\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                      {isParcelTrackingNr && (\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                              {[\n                                this.parcelSuggestion?.sending?.product,\n                                ' ' + this.parcelSuggestion?.sending?.recipient.zipcode,\n                                ' ' + this.parcelSuggestion?.sending?.recipient.city,\n                                ', ' + this.parcelSuggestion?.sending?.state,\n                              ]\n                                .filter(s => s !== '' && s !== ' ')\n                                .join('')}\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":"iVAIA,IAAIA,EAKG,MAAMC,EAA0BC,IACrC,MAAMC,EAAOC,EAAMC,gBACnB,MAAO,uBAAuBF,0BAA6BG,mBAAmBJ,IAAK,EAI9E,MAAMK,EAA8B,CACzCC,GACEC,gCAEKA,EAA2BC,QAAQ,mBAAoBJ,mBAAmBE,IAS5E,MAAMG,EAAWC,MAAOJ,EAAeK,KAC5C,MAAMC,QAAmBC,EAAcP,EAAOK,GAC9C,MAAO,YAAaC,CAAU,EAUzB,MAAMC,EAAgBH,MAC3BJ,GACEQ,sBAEF,MAAMC,EAAoB,IAAIC,OAAOF,GAErC,GAAIC,EAAkBE,KAAKX,GAAQ,CACjC,MAAMY,EAAMnB,EAAuBO,GAEnC,GAAIR,EAAkBA,EAAiBqB,QACvCrB,EAAmB,IAAIsB,gBAEvB,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3BC,MAAMN,EAAK,CAAEO,OAAQ3B,EAAiB2B,SACnCC,MAAKC,GAAYA,EAASC,SAC1BF,MAAMG,IACLP,EAAOQ,OAAAC,OAAAD,OAAAC,OAAA,GAAMF,GAAmB,CAAEG,GAAIH,EAAoBG,KAAK,IAEhEC,OAAMC,IACL,GAAIA,EAAMC,OAAS,aAAc,CAC/BC,QAAQF,MAAM,qDAAqDA,EAAMG,WACzEd,EAAOW,E,IAET,G,CAIR,MAAO,CAAEF,GAAI,MAAOM,WAAW,IAAIC,MAAOC,eAAgB,EASrD,MAAMC,EAAsB/B,MACjCJ,EACAK,KAEA,MAAMC,QAAmBC,EAAcP,EAAOK,GAC9C,OAAOC,EAAWoB,G,+BACTpB,GAAU,CAAEM,IAAKb,EAA4BC,EAAOK,KACzD,IAAI,ECzEH,MAAM+B,EAAuBhC,MAClCJ,EACAK,KAEA,MAAMgC,QAAuBlC,EAASH,EAAOK,GAC7C,OAAOgC,EACHtC,EAA4BC,EAAOK,GACnCiC,EAAiBtC,EAAM,EAStB,MAAMsC,EAAoBtC,I,MAC/B,KAAIuC,EAAA3C,EAAM4C,mBAAe,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,UAAWC,UAAW,CACtD,M,CAEF,MAAMC,cAAEA,GAAkBhD,EAAM4C,gBAAgBC,OAAOC,OACvD,MAAMG,EAAc,MAAM/C,mBAAmBE,KAC7C,MAAO,GAAG4C,IAAgBC,YAAsB,EAW3C,MAAMC,EAAiB,CAAOC,EAAaC,EAAaC,EAAY,KACzE,MAAMC,EAAcH,EAAOI,MAAM,EAAGC,KAAKC,IAAIJ,EAAY,EAAGA,EAAYD,EAAOM,SAC/E,MAAO,CAACJ,EAAaF,EAAOG,MAAM,EAAGF,EAAYC,EAAYI,QAAQ,EC1ChE,MAAMC,EAAsB,CACjC3C,IAAK,kEACL4C,YAAa,CACXC,KAAM,CACJC,aAAc,uBACdC,MAAO,0CAETC,MAAO,CACLF,aAAc,0BACdC,MAAO,0CAETE,MAAO,CACLH,aAAc,0BACdC,MAAO,0CAETG,MAAO,CACLJ,aAAc,0BACdC,MAAO,0CAETI,MAAO,CACLL,aAAc,0BACdC,MAAO,0CAETK,MAAO,CACLN,aAAc,0BACdC,MAAO,0CAEThD,KAAM,CACJ+C,aAAc,0BACdC,MAAO,4CC3Bb,IAAIM,EASG,MAAMC,EAAsB9D,MAAOJ,I,YACxC,KACEmE,GAAA5B,EAAA3C,EAAM4C,mBAAe,MAAAD,SAAA,SAAAA,EAAEE,UAAM,MAAA0B,SAAA,SAAAA,EAAEzB,UAAWC,aAC1CyB,GAAAC,EAAAzE,EAAM4C,mBAAe,MAAA6B,SAAA,SAAAA,EAAE5B,UAAM,MAAA2B,SAAA,SAAAA,EAAE1B,OAAO4B,4BAA6B,KAEnE,MAAO,GACT,MAAMC,EAAS3E,EAAM4C,gBAAgBC,OAAOC,OAC5C,MAAMiB,MAAEA,EAAKD,aAAEA,GAAiBH,EAAMC,YAAY5D,EAAM4D,aACxD,MAAM5C,EAAM,GAAG2C,EAAM3C,SAASZ,YAAgBJ,EAAMC,6BAA6B0E,EAAOC,0BAA0BD,EAAOE,qCAAqCf,IAE9J,GAAIO,EAAuBA,EAAsBpD,QACjDoD,EAAwB,IAAInD,gBAE5B,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3BC,MAAMN,EAAK,CACTO,OAAQ8C,EAAsB9C,OAC9BuD,OAAQ,MACRC,QAAS,CACPC,cAAe,UAAUjB,OAG1BvC,MAAKC,GAAYA,EAASC,SAC1BF,MAAMyD,IACL7D,EACE6D,EAAUC,YAAYC,KAAIC,GAAUxD,OAAAC,OAAAD,OAAAC,OAAA,GAC/BuD,GAAU,CACbC,YAAa3C,EAAiB0C,EAAWE,gBAE5C,IAEFvD,OAAMC,IACL,GAAIA,EAAMC,OAAS,aAAc,CAC/BC,QAAQF,MACN,sCAAsCA,kHAExCX,EAAOW,E,IAET,GACJ,ECnDG,MAAMuD,EAAY,wDAClB,MAAMC,EAAY,yBCMlB,MAAMC,EAAiBC,GAC5BA,EACGC,cACAC,UAAU,OACVtF,QAAQ,mBAAoB,ICPjC,IAAIuF,EAQG,MAAMC,EAActF,MAAOJ,IAChC,GAAIA,EAAMsD,SAAW,EAAG,CACtB,MAAO,E,CAGT,MAAMqC,EAAmBnE,OAAOoE,QAAQ,CACtC5F,MAAOF,mBAAmBE,GAC1BL,KAAMC,EAAMC,gBACZgG,MAAO,IACNC,QAAO,CAACC,GAAIC,EAAGC,GAAIC,IAAM,GAAGH,IAAIG,IAAM,EAAI,IAAM,MAAMF,KAAKC,KAAK,IAEnE,MAAMrF,EAAM,GAAGuE,YAAoBQ,IAEnC,GAAIF,EAAkBA,EAAiB5E,QACvC4E,EAAmB,IAAI3E,gBAEvB,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3BC,MAAMN,EAAK,CAAEO,OAAQsE,EAAiBtE,SACnCC,MAAKC,GAAYA,EAASC,SAC1BF,MAAM+E,IACL,IAAKA,EAAYzE,GAAI,MAAM,IAAI0E,MAAMD,EAAYE,MACjDrF,EAAQmF,EAAYG,UAAU,IAE/B3E,OAAMC,IACL,GAAIA,EAAMC,OAAS,aAAc,CAC/BC,QAAQF,MACN,2BAA2BA,gFAE7BX,EAAOW,E,IAET,GACJ,EAWG,MAAM2E,EAAwB,CAACvG,EAA2BwG,KAC/D,GAAIxG,IAAU2C,UAAW,OAAO6D,EAGhC,MAAMC,EAAYpB,EAAcmB,GAChC,MAAME,EAAIrB,EAAcrF,GACxB,MAAM2G,EAAeF,EAAUG,QAAQF,GAEvC,GAAIC,EAAe,EAAG,CACpB,OAAOH,C,CAGT,MAAO,GAAGA,EAAMK,UAAU,EAAGF,MAAiBH,EAAMK,UAClDF,EACAA,EAAe3G,EAAMsD,WAClBkD,EAAMK,UAAUF,EAAe3G,EAAMsD,OAAQkD,EAAMlD,SAAS,EAS5D,MAAMwD,EAAgBC,IAC3B,IAAInG,EAEJ,GAAImG,EAASrH,GAAI,CACfkB,EAAM,GAAGwE,KAAaxF,EAAMC,mBAAmBkH,EAASrH,W,KACnD,CACLkB,EAAM,GAAGwE,mBAA2BtF,mBAAmBiH,EAASlF,O,CAGlE,OAAOjB,CAAG,ECtFL,MAAMoG,EAAmBC,I,MAC9B,MAAMC,GAAiB3E,EAAA0E,EAAMC,kBAAc,MAAA3E,SAAA,EAAAA,EAAI,OAC/C,MAAM4E,EAAoBF,EAAMG,KAC7BlH,QAAQ,QAAS,gBAAgBgH,OACjChH,QAAQ,QAAS,WACjBA,QAAQ,UAAW,IACtB,OAAOmH,EAAA,QAAMC,UAAWH,GAA0B,ECRpD,MAAMI,EAAgB,25+D,MCkCTC,EAAU,M,kGACS,M,sBACiB,G,sBACA,G,sBAC2B,I,CAO1EC,oBACEC,KAAKC,gBAAkBC,EAAS,KAAK,IAAMF,KAAKG,iBAChDC,OAAOC,iBAAiB,SAAUL,KAAKC,gBAAiB,CAAEK,QAAS,M,CAGrEC,uBACEH,OAAOI,oBAAoB,SAAUR,KAAKC,iBAC1CQ,G,CAGFC,sBAEE,GAAIV,KAAKW,eAAiBX,KAAKY,mBAAoB,CACjDZ,KAAKW,aAAaE,UAAUC,OAAO,QAGnC,GAAIC,EAAqBf,KAAKW,aAAc,eAAiBK,IAA4B,CAEvF,OAAO,IAAI3H,SAAiBC,IAC1B,GAAI0G,KAAKW,eAAiB1F,UAAW,CACnC,OAAO3B,EAAQ,K,CAGjB0G,KAAKW,aAAaN,iBAAiB,iBAAiBY,IAClD,GAAIA,EAAMC,eAAiB,YAAa,CACtC5H,EAAQ,K,IAEV,G,GAMV6H,qBAEE,GAAInB,KAAKW,cAAgBX,KAAKY,mBAAoB,CAEhDZ,KAAKW,aAAaS,wBAClBpB,KAAKW,aAAaE,UAAUQ,IAAI,O,CAIlC,GAAIrB,KAAKY,oBAAsBZ,KAAKsB,UAAW,CAC7CtB,KAAKsB,UAAUC,MAAM,CAAEC,cAAe,M,EAa1C9I,qBAAqB+I,GACnBzB,KAAKY,mBACHa,IAAUxG,kBAAoBwG,IAAU,WAAazB,KAAKY,mBAAqBa,EACjFzB,KAAK0B,gBAAgBC,KAAK,CAAEC,KAAM5B,KAAKY,mBAAoBiB,QAAS7B,KAAK8B,OAEzE,IAAK9B,KAAKY,mBAAoB,CAE5BZ,KAAK+B,iBAAmB,GACxB/B,KAAKgC,iBAAmB,GACxB,GAAIhC,KAAKsB,UAAWtB,KAAKsB,UAAUW,MAAQ,QACtCjC,KAAKkC,U,KACL,CAEL,IACElC,KAAK+B,uBAAyBvF,EAAoB,G,CAClD,MAAA3B,GAAM,C,CAGVmF,KAAKmC,gBAEL,OAAOnC,KAAKY,kB,CAOPlI,iBACL,MAAM0J,EAAapC,KAAK8B,KAAKM,WAC7B,GAAIA,IAAe,KAAM,CACvB,M,CAEF,MAAMC,EAAeD,EAAWE,cAA2B,kBAC3D,GAAID,EAAc,CAChBA,EAAad,O,EAITpB,eAEN,GAAIH,KAAKY,mBAAoB,CAC3BZ,KAAKmC,e,EAODA,gBACN,GAAInC,KAAKY,oBAAsBR,OAAOmC,WAAa,KAAM,CACvDC,EAAkBxC,KAAKW,a,KAClB,CACL8B,EAAiBzC,KAAKW,a,EAOlBjI,0B,MACN,GAAIsH,KAAKsB,YAAcrG,aAAaJ,EAAA3C,EAAM4C,mBAAe,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,UAAWC,UAAW,CACtF,M,CAEF,MAAM3C,EAAQ0H,KAAKsB,UAAUW,MAAMS,OAEnC,MAAOV,EAAkBD,EAAkBY,SAA2BtJ,QAAQuJ,IAAI,CAChF5E,EAAY1F,GACZkE,EAAoBlE,GACpBmC,EAAoBnC,EAAOJ,EAAM4C,gBAAgBC,OAAOC,UAG1DgF,KAAK6C,iBAAmBF,EAGxB,GAAIA,EAAmB,CACrB3C,KAAKgC,iBAAmB,GACxBhC,KAAK+B,iBAAmB,E,KACnB,EACJ/B,KAAK+B,iBAAkB/B,KAAKgC,kBAAoB5G,EAC/C2G,EACAC,EACA,E,CAIJhC,KAAK8C,oB,CAOCC,cAAc9B,G,cACpB,GAAIjB,KAAKW,eAAiB1F,UAAW,CACnC,M,CAGF,MAAM+H,EAAqBhD,KAAKW,aAAa2B,cAC3C,kCAEF,MAAMW,GAAepI,EAAAmI,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBE,aAAa,WAAO,MAAArI,SAAA,EAAAA,EAAI,KACjE,MAAMsI,EAAcnD,KAAKW,aAAayC,iBAAiB,yBAEvD,OAAQnC,EAAMoC,IAAIxF,eAChB,IAAK,QACH,GAAIoF,IAAiB,KAAM,CACzB7C,OAAOf,SAASiE,KAAOL,C,KAClB,MACAjD,KAAKuD,a,CAGZ,MACF,IAAK,YACHvD,KAAK8C,qBAEL,IAAInG,GAAAF,EAAAuG,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBQ,iBAAa,MAAA/G,SAAA,SAAAA,EAAEgH,sBAAkB,MAAA9G,SAAA,SAAAA,EAAE+G,kBAAmB,CAE5EV,EAAmBQ,cAAcC,mBAAmBC,kBAAkB7C,UAAUQ,IAC9E,W,MAGG,GAAI8B,EAAYvH,OAAS,EAAG,CACjCuH,EAAY,GAAGtC,UAAUQ,IAAI,W,CAG/BrB,KAAK2D,gCAEL,MACF,IAAK,UACH3D,KAAK8C,qBAEL,IAAIc,GAAAlH,EAAAsG,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBQ,iBAAa,MAAA9G,SAAA,SAAAA,EAAEmH,0BAAsB,MAAAD,SAAA,SAAAA,EAAEF,kBAAmB,CAGhFV,EAAmBQ,cAAcK,uBAAuBH,kBAAkB7C,UAAUQ,IAClF,W,MAGG,GAAI8B,EAAYvH,OAAS,EAAG,CACjCuH,EAAYA,EAAYvH,OAAS,GAAGiF,UAAUQ,IAAI,W,CAGpDrB,KAAK2D,gCAEL,M,CAQEG,2BAA2B7C,GACjCjB,KAAK8C,qBAGJ7B,EAAM8C,OAAuBlD,UAAUQ,IAAI,W,CAOtC2C,8BACNhE,KAAK8C,oB,CAMCA,qBACN,GAAI9C,KAAKW,eAAiB1F,UAAW,OAErC,MAAM+H,EAAqBhD,KAAKW,aAAa2B,cAAc,0BAE3D,GAAIU,EAAoB,CACtBA,EAAmBnC,UAAUC,OAAO,W,EAOhC6C,gCACN,GAAI3D,KAAKW,eAAiB1F,UAAW,OAGrC,MAAM+H,EAAqBhD,KAAKW,aAAa2B,cAC3C,kCAEF,MAAM2B,EAAgBjB,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBkB,QAAQC,eAGlD,GAAIF,IAAkBhJ,WAAa+E,KAAKsB,UAAW,CACjDtB,KAAKsB,UAAUW,MAAQgC,C,EAOnBvL,oB,MACN,GAAIsH,KAAKsB,aAAazG,EAAA3C,EAAM4C,mBAAe,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,QAAQ,CAC1D,MAAMuC,QAAoB7C,EACxBsF,KAAKsB,UAAUW,MAAMS,OACrBxK,EAAM4C,gBAAgBC,OAAOC,QAE/B,IAAKuC,EAAa,OAClB6C,OAAOf,SAASiE,KAAO/F,C,EAInB6G,yBAAyBC,GAC/B,KAAM,cAAejE,QAAS,OAE9B,MAAMkE,EAAqBD,EAAeE,qBAAqBnG,QAAO,CAACoG,EAAKC,KAC1ED,EAAIC,EAAKtK,MAAQsK,EAAKxC,MACtB,OAAOuC,CAAG,GACT,IAEFpE,OAAOsE,UAAkCC,KAAK,CAC7C1D,MAAOqD,EAAmB,cAC1B5E,KAAM4E,EAAmB,aACzBM,SAAUN,EAAmB,gBAC7BO,MAAOP,EAAmB,cAC1BQ,KAAMR,EAAmB,c,CAI7BS,S,gCACE,KAAIlK,EAAA3C,EAAM4C,mBAAe,MAAAD,SAAA,SAAAA,EAAEE,UAAWE,UAAW,CAC/C,M,CAEF,MAAM+J,aAAEA,EAAYhK,OAAEA,GAAW9C,EAAM4C,gBAAgBC,OACvD,MAAMkK,EAAqBjF,KAAK6C,kBAAoB,YAAa7C,KAAK6C,iBACtE,MAAMqC,IACJzI,EAAAuD,KAAKsB,aAAS,MAAA7E,SAAA,SAAAA,EAAEwF,SAAU,MAAMtF,EAAA3B,EAAOmK,yBAAqB,MAAAxI,SAAA,SAAAA,EAAEyI,MAAMxJ,QAAS,EAE/E,OACE+D,EAAC0F,EAAI,CAACC,KAAK,UACT3F,EAAC4F,EAAS,MACV5F,EAAA,OAAK6F,MAAM,UACT7F,EAAA,UACE3H,GAAG,qCACHwN,MAAM,gBACNV,KAAK,SAAQ,gBACE,GAAG9E,KAAKY,qBACvB6E,QAASC,QAAU1F,KAAK2F,eAAeD,IAEvC/F,EAAA,QAAM6F,MAAM,mBACTxF,KAAKY,mBACFoE,EAAaY,qBACbZ,EAAaa,cAEnBlG,EAACmG,EAAO,CAAC3L,KAAM6F,KAAKY,mBAAqB,WAAa,eAExDjB,EAACoG,EAAE,CAACC,UAAWhG,KAAKY,oBAClBjB,EAAA,OAAK6F,MAAM,SAASS,IAAKP,GAAM1F,KAAKW,aAAe+E,GACjD/F,EAAA,OAAK6F,MAAM,iBACT7F,EAAA,OAAK6F,MAAM,OACT7F,EAAA,OAAK6F,MAAM,gCACT7F,EAAA,OAAK6F,MAAM,4BACT7F,EAAA,SACEmF,KAAK,OACLQ,KAAK,YACLtN,GAAG,YACHwN,MAAM,+BACNU,YAAalB,EAAamB,6BAC1BC,aAAa,MACbH,IAAKI,GAAOrG,KAAKsB,UAAY+E,EAC7BC,QAAS,SAAWtG,KAAKuG,oBACzBC,UAAWd,GAAK1F,KAAK+C,cAAc2C,KAErC/F,EAAA,SAAO8G,QAAQ,aAAazB,EAAamB,8BACzCxG,EAAA,UAAQ8F,QAAS,SAAWzF,KAAKuD,cAAeiC,MAAM,uBACpD7F,EAAA,QAAM6F,MAAM,mBAAmBR,EAAa0B,cAC5C/G,EAACmG,EAAO,CAAC3L,KAAK,gBAGjB+K,GACCvF,EAAA,MAAI3H,GAAG,oDAAoDwN,MAAM,QAC9DxK,EAAOmK,sBAAsBwB,OAGlChH,EAAA,MACE6F,MAAM,sBACNoB,aAAc,IAAM5G,KAAKgE,8BAA6B,kBAEpDkB,EACI,oDACAjK,WAGLiK,GACClK,EAAOmK,sBAAsBC,MAAM/H,KAAIgH,GACrC1E,EAAA,MAAI0D,IAAKgB,EAAef,MACtB3D,EAAA,KACE6F,MAAM,iCACNlC,KAAM,IAAIuD,IAAIxC,EAAef,KAAM,mBAAmBA,KAAI,uBACpCe,EAAeQ,MACrCiC,aAAcpB,GAAK1F,KAAK8D,2BAA2B4B,GACnDD,QAAS,IAAMzF,KAAKoE,yBAAyBC,IAE7C1E,EAAA,QACE6F,MAAM,8BACN5F,UAAWyE,EAAe0C,YAE5BpH,EAAA,YAAO0E,EAAeQ,WAI7BI,GACCtF,EAAA,UACEA,EAAA,KACE6F,MAAM,6BACNlC,KAAMtD,KAAK6C,iBAAkB3J,IAAG,wBACVwD,EAAAsD,KAAKsB,aAAS,MAAA5E,SAAA,SAAAA,EAAEuF,MACtC6E,aAAcpB,GAAK1F,KAAK8D,2BAA2B4B,IAEnD/F,EAACmG,EAAO,CAAC3L,KAAK,qBACdwF,EAAA,QAAM6F,MAAM,SAAQwB,GAAApD,EAAA5D,KAAK6C,oBAAgB,MAAAe,SAAA,SAAAA,EAAEqD,WAAO,MAAAD,SAAA,S,EAAEhP,GAAE,MACtD2H,EAAA,YACG,EACCuH,GAAAC,EAAAnH,KAAK6C,oBAAgB,MAAAsE,SAAA,SAAAA,EAAEF,WAAO,MAAAC,SAAA,SAAAA,EAAEE,QAChC,MAAMC,GAAAC,EAAAtH,KAAK6C,oBAAgB,MAAAyE,SAAA,SAAAA,EAAEL,WAAO,MAAAI,SAAA,SAAAA,EAAEE,UAAUC,SAChD,MAAMC,GAAAC,EAAA1H,KAAK6C,oBAAgB,MAAA6E,SAAA,SAAAA,EAAET,WAAO,MAAAQ,SAAA,SAAAA,EAAEF,UAAUI,MAChD,OAAOC,GAAAC,EAAA7H,KAAK6C,oBAAgB,MAAAgF,SAAA,SAAAA,EAAEZ,WAAO,MAAAW,SAAA,SAAAA,EAAE1P,QAEtC4P,QAAOzJ,GAAKA,IAAM,IAAMA,IAAM,MAC9B0J,KAAK,QAKd7C,GACAlF,KAAK+B,kBACL/B,KAAK+B,iBAAiB1E,KAAI2K,GACxBrI,EAAA,MAAI0D,IAAK2E,EAAWC,UAClBtI,EAAA,KACE6F,MAAM,WACNlC,KAAM0E,EAAWzK,YAAW,uBACNyK,EAAWxK,WACjCsJ,aAAcpB,GAAK1F,KAAK8D,2BAA2B4B,IAEnD/F,EAACmG,EAAO,CAAC3L,KAAK,cACdwF,EAACL,EAAe,CAACI,KAAMsI,EAAWE,mBAIxChD,GACAlF,KAAKgC,kBACLhC,KAAKgC,iBAAiB3E,KAAI2K,I,QAAc,OACtCrI,EAAA,MAAI0D,IAAK2E,EAAWhQ,IAClB2H,EAAA,KACE6F,MAAM,WACNlC,KAAMlE,EAAa4I,GAAW,uBACRA,EAAW7N,KACjC2M,aAAcpB,GAAK1F,KAAK8D,2BAA2B4B,IAEnD/F,EAACmG,EAAO,CAAC3L,KAAK,aACdwF,EAACL,EAAe,CACdI,KAAMb,GACJpC,GAAA5B,EAAAmF,KAAKsB,aAAS,MAAAzG,SAAA,SAAAA,EAAEoH,SAAK,MAAAxF,SAAA,SAAAA,EAAEiG,OACvBsF,EAAW7N,SAId,W"}
+{"version":3,"names":["parcelController","getTrackAndTraceApiUrl","id","lang","state","currentLanguage","encodeURIComponent","getTrackAndTraceRedirectUrl","query","packageTrackingRedirectUrl","replace","isParcel","async","searchConfig","parcelInfo","getParcelInfo","redirectPattern","trackingNrPattern","RegExp","test","url","abort","AbortController","Promise","resolve","reject","fetch","signal","then","response","json","trackAndTraceResult","Object","assign","ok","catch","error","name","console","message","timestamp","Date","toDateString","getParcelSuggestion","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","suggestionsController","getCoveoSuggestions","_b","_d","_c","isCustomSuggestionHidden","config","searchHubName","searchPipelineName","method","headers","Authorization","coveoJSON","completions","map","completion","redirectUrl","expression","gisAPIUrl","placesUrl","hardNormalize","str","toLowerCase","normalize","placesController","queryPlaces","searchParameters","entries","limit","reduce","s","k","v","i","geocodeJSON","Error","info","locations","highlightPlacesString","place","reference","q","indexOfQuery","indexOf","substring","getPlacesUrl","location","HighlightedText","props","highlightClass","highlightedString","text","h","innerHTML","postSearchCss","PostSearch","connectedCallback","this","throttledResize","throttle","handleResize","window","addEventListener","passive","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","componentWillUpdate","searchFlyout","searchDropdownOpen","classList","remove","elementHasTransition","userPrefersReducedMotion","event","propertyName","componentDidUpdate","getBoundingClientRect","add","searchBox","focus","preventScroll","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","trim","trackAndTraceInfo","all","parcelSuggestion","deselectSuggestion","handleKeyDown","selectedSuggestion","selectedHref","getAttribute","suggestions","querySelectorAll","key","href","startSearch","parentElement","nextElementSibling","firstElementChild","updateSearchBoxWithSuggestion","_e","previousElementSibling","handleMouseEnterSuggestion","target","handleMouseLeaveSuggestions","suggestedText","dataset","suggestionText","trackRecommendationClick","recommendation","trackingAttributes","additionalAttributes","acc","curr","dataLayer","push","link_url","label","type","render","translations","isParcelTrackingNr","showPortalRecommendations","searchRecommendations","links","Host","role","SvgSprite","class","onClick","e","toggleDropdown","searchToggleExpanded","searchToggle","SvgIcon","If","condition","ref","placeholder","flyoutSearchBoxFloatingLabel","autocomplete","el","onInput","handleSearchInput","onKeyDown","htmlFor","searchSubmit","title","onMouseLeave","URL","onMouseEnter","inlineSvg","_f","sending","_h","_g","product","_k","_j","recipient","zipcode","_m","_l","city","_p","_o","filter","join","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\nlet parcelController: AbortController;\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 'sending' in parcelInfo;\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    const url = getTrackAndTraceApiUrl(query);\n\n    if (parcelController) parcelController.abort();\n    parcelController = new AbortController();\n\n    return new Promise((resolve, reject) => {\n      fetch(url, { signal: parcelController.signal })\n        .then(response => response.json())\n        .then((trackAndTraceResult: TrackAndTraceInfo) => {\n          resolve({ ...trackAndTraceResult, ok: trackAndTraceResult.ok });\n        })\n        .catch(error => {\n          if (error.name !== 'AbortError') {\n            console.error(`Could not check track and trace API due to error: ${error.message}`);\n            reject(error);\n          }\n        });\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\nlet suggestionsController: AbortController;\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 (\n    state.localizedConfig?.header?.search === undefined ||\n    state.localizedConfig?.header?.search.isCustomSuggestionHidden === true\n  )\n    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\n  if (suggestionsController) suggestionsController.abort();\n  suggestionsController = new AbortController();\n\n  return new Promise((resolve, reject) => {\n    fetch(url, {\n      signal: suggestionsController.signal,\n      method: 'GET',\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    })\n      .then(response => response.json())\n      .then((coveoJSON: CoveoResponse) => {\n        resolve(\n          coveoJSON.completions.map(completion => ({\n            ...completion,\n            redirectUrl: getSearchPageUrl(completion.expression),\n          })),\n        );\n      })\n      .catch(error => {\n        if (error.name !== 'AbortError') {\n          console.error(\n            `Fetching coveo suggestions failed, ${error}\\nDid you add \"*.coveo.com\" to your connect-src content security policy and tried turning off your adblocker?`,\n          );\n          reject(error);\n        }\n      });\n  });\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\nlet placesController: AbortController;\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 url = `${gisAPIUrl}/Geocode${searchParameters}`;\n\n  if (placesController) placesController.abort();\n  placesController = new AbortController();\n\n  return new Promise((resolve, reject) => {\n    fetch(url, { signal: placesController.signal })\n      .then(response => response.json())\n      .then((geocodeJSON: GeocodeResponse) => {\n        if (!geocodeJSON.ok) throw new Error(geocodeJSON.info);\n        resolve(geocodeJSON.locations);\n      })\n      .catch(error => {\n        if (error.name !== 'AbortError') {\n          console.error(\n            `Fetching places failed, ${error}\\nDid you add \"places.post.ch\" to your connect-src content security policy?`,\n          );\n          reject(error);\n        }\n      });\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/core' as post;\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  .form-control + label {\n    padding-right: post.$input-padding-x * 3;\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  background: none;\n  border: 0;\n  box-shadow: none;\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 { TagManagerDataLayer } from '../../models/general.model';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  ISearchRecommendation,\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      void 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    this.parcelSuggestion = trackAndTraceInfo;\n\n    // Parcel suggestion is more important than any other\n    if (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    const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\n    const selectedHref = selectedSuggestion?.getAttribute('href') ?? null;\n    const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n    switch (event.key.toLowerCase()) {\n      case 'enter':\n        if (selectedHref !== null) {\n          window.location.href = selectedHref;\n        } else {\n          void this.startSearch();\n        }\n\n        break;\n      case 'arrowdown':\n        this.deselectSuggestion();\n\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          // If there are any suggestions, select first suggestion in list\n        } else if (suggestions.length > 0) {\n          suggestions[0].classList.add('selected');\n        }\n\n        this.updateSearchBoxWithSuggestion();\n\n        break;\n      case 'arrowup':\n        this.deselectSuggestion();\n\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          // If there are any suggestions, select last suggestion in list\n        } else if (suggestions.length > 0) {\n          suggestions[suggestions.length - 1].classList.add('selected');\n        }\n\n        this.updateSearchBoxWithSuggestion();\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   * Update search box with selected suggestion\n   */\n  private updateSearchBoxWithSuggestion() {\n    if (this.searchFlyout === undefined) return;\n\n    // Get the newly selected suggestion\n    const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\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\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  private trackRecommendationClick(recommendation: ISearchRecommendation) {\n    if (!('dataLayer' in window)) return;\n\n    const trackingAttributes = recommendation.additionalAttributes.reduce((acc, curr) => {\n      acc[curr.name] = curr.value;\n      return acc;\n    }, {});\n\n    (window.dataLayer as TagManagerDataLayer).push({\n      event: trackingAttributes['data-event'],\n      text: trackingAttributes['data-text'],\n      link_url: trackingAttributes['data-linkurl'],\n      label: trackingAttributes['data-label'],\n      type: trackingAttributes['data-type'],\n    });\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) {\n      return;\n    }\n    const { translations, search } = state.localizedConfig.header;\n    const isParcelTrackingNr = this.parcelSuggestion && 'sending' in this.parcelSuggestion;\n    const showPortalRecommendations =\n      this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\n\n    return (\n      <Host role=\"search\">\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 => void 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                        role=\"searchbox\"\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={() => void this.handleSearchInput()}\n                        onKeyDown={e => this.handleKeyDown(e)}\n                      />\n                      <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\n                      <button onClick={() => void this.startSearch()} class=\"start-search-button\">\n                        <span class=\"visually-hidden\">{translations.searchSubmit}</span>\n                        <SvgIcon name=\"pi-search\" />\n                      </button>\n                    </div>\n                    {showPortalRecommendations && (\n                      <h2 id=\"post-internet-header-search-recommendations-title\" class=\"bold\">\n                        {search.searchRecommendations.title}\n                      </h2>\n                    )}\n                    <ul\n                      class=\"suggestions no-list\"\n                      onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n                      aria-labelledby={\n                        showPortalRecommendations\n                          ? 'post-internet-header-search-recommendations-title'\n                          : undefined\n                      }\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                              onClick={() => this.trackRecommendationClick(recommendation)}\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                      {isParcelTrackingNr && (\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                              {[\n                                this.parcelSuggestion?.sending?.product,\n                                ' ' + this.parcelSuggestion?.sending?.recipient.zipcode,\n                                ' ' + this.parcelSuggestion?.sending?.recipient.city,\n                                ', ' + this.parcelSuggestion?.sending?.state,\n                              ]\n                                .filter(s => s !== '' && s !== ' ')\n                                .join('')}\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-273fd39b.entry.js

@@ -0,0 +1,2 @@
+import{h as i,r as t,c as n,H as e,g as o}from"./p-8e0a4d18.js";import{t as s}from"./p-a74b380d.js";import{s as a}from"./p-459c3983.js";import{u as r}from"./p-45db66a6.js";import{t as l}from"./p-7bed0797.js";import{S as f}from"./p-b762fba9.js";import{S as d}from"./p-11d05acc.js";const u=t=>{var n,e,o;const s=t.level.url?"a":"button";return i(s,{class:{"main-link":true,active:!!t.level.isActiveOverride,focus:t.isOpen},href:t.level.url,title:((n=t.level.title)===null||n===void 0?void 0:n.trim())&&((e=t.level.title)===null||e===void 0?void 0:e.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:i=>t.onTouchEnd(i),onKeyDown:i=>t.onKeyDown(i),onClick:i=>t.onClick(i)},i("span",null,t.level.text),t.level.isActiveOverride?i("span",{class:"visually-hidden"},l("Active navigation element")):null,i("svg",{"aria-hidden":"true"},i("use",{href:"#pi-pointy-arrow-right"})))};const m='/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.flyout-nav,.flyout-column h3{font-size:0.9375rem}@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}@media (min-width: 600px){.flyout-title{font-size:1.25rem}}@media (min-width: 1024px){.flyout-title{font-size:1.5rem}}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link,.main-link,.flyout-close-button,.flyout-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.main-link:hover,.flyout-close-button:hover,.flyout-link:hover,.nav-link:focus,.main-link:focus,.flyout-close-button:focus,.flyout-link:focus{color:black}.nav-link:focus-visible,.main-link:focus-visible,.flyout-close-button:focus-visible,.flyout-link:focus-visible{z-index:1;position:relative}.nav-link>svg,.main-link>svg,.flyout-close-button>svg,.flyout-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.main-link>span,.flyout-close-button>span,.flyout-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.main-container,.flyout-linklist{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,: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}a,button{border-radius:4px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.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}}@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);-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)}.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}}';const h=class{constructor(i){t(this,i);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}connectedCallback(){this.throttledResize=s(300,(()=>this.handleResize()));window.addEventListener("resize",this.throttledResize,{passive:true});this.setWindowHeight()}disconnectedCallback(){window.removeEventListener("resize",this.throttledResize);if(this.mouseEnterTimer!==null)window.clearTimeout(this.mouseEnterTimer);if(this.mouseLeaveTimer!==null)window.clearTimeout(this.mouseLeaveTimer)}handleResize(){this.host.classList.add("no-animation");if(this.resizeTimer!==null)window.clearTimeout(this.resizeTimer);this.resizeTimer=window.setTimeout((()=>{this.host.classList.remove("no-animation")}),300);this.setWindowHeight()}setWindowHeight(){if(!this.host){return}this.host.style.setProperty("--window-height",`${window.innerHeight}px`);window.setTimeout((()=>{this.host.style.setProperty("--window-height",`${window.innerHeight}px`)}),100)}openFlyout(i){var t;const n=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.getElementById(i);if(n&&this.activeFlyout!==""){this.addFlyoutAnimation(n,"expand")}this.activeFlyout=i;this.flyoutToggled.emit(i);this.setWindowHeight();if(this.mouseLeaveTimer!==null){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}}closeFlyout(i,t=true){var n;if(i===undefined)return;const e=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.getElementById(i);if(e){this.addFlyoutAnimation(e,"collapse",t)}this.activeFlyout=null;this.flyoutToggled.emit()}addFlyoutAnimation(i,t,n=true){if(!r()){i.classList.add("animate");i.addEventListener("transitionend",(()=>{var e,o,s;if(n){if(t==="expand"){(e=i.querySelector("button.flyout-back-button"))===null||e===void 0?void 0:e.focus()}else if(t==="collapse"){(s=(o=i.parentElement)===null||o===void 0?void 0:o.querySelector("a.main-link"))===null||s===void 0?void 0:s.focus()}}i.classList.remove("animate")}),{once:true})}}isActiveFlyout(i){return i===this.activeFlyout}handleMouseEnter(i){if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer);this.mouseEnterTimer=null}if(this.mouseLeaveTimer&&this.activeFlyout===i.id){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}if(window.innerWidth>=1024&&i.flyout.length>0&&this.activeFlyout!==i.id){this.mouseEnterTimer=window.setTimeout((()=>{this.mouseEnterTimer=null;if(i.id!==undefined)this.openFlyout(i.id)}),200)}}handleMouseLeave(i){if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer)}if(this.activeFlyout&&this.activeFlyout!==i.id){return}if(window.innerWidth>=1024&&i.flyout.length>0){this.mouseLeaveTimer=window.setTimeout((()=>{this.closeFlyout(i.id,false)}),300)}}handleTouchEnd(i,t){if(!this.isActiveFlyout(t.id)&&!t.noFlyout){if(i.cancelable)i.preventDefault();if(t.id)this.openFlyout(t.id)}}handleKeyPress(i,t){if(i.key==="Enter"&&!this.isActiveFlyout(t.id)&&!t.noFlyout){i.preventDefault();if(t.id)this.openFlyout(t.id)}}handleClick(i,t){if(!this.isActiveFlyout(t.id)&&!t.noFlyout){i.preventDefault();if(t.id)this.openFlyout(t.id)}}async toggleDropdown(i){this.mobileMenuOpen=i===undefined?!this.mobileMenuOpen:i;this.dropdownToggled.emit({open:this.mobileMenuOpen,element:this.host});if(i===false){this.closeFlyout()}this.setWindowHeight();return this.mobileMenuOpen}async setFocus(){var i;const t=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".main-link");if(t){t.focus()}}async setActiveFlyout(i){this.activeFlyout=i;this.flyoutToggled.emit(this.activeFlyout)}render(){var t;if(((t=a.localizedConfig)===null||t===void 0?void 0:t.header)===undefined)return;const n=a.localizedConfig.header;return i(e,null,i(f,null),i("nav",{"aria-label":n.translations.navMainAriaLabel,id:"post-internet-header-main-navigation",class:{"main-navigation":true,open:this.mobileMenuOpen},role:"menu"},i("ul",{class:"main-container container"},n.navMain.map((t=>i("li",{key:t.text,onMouseLeave:()=>this.handleMouseLeave(t),onMouseEnter:()=>this.handleMouseEnter(t)},i(u,{level:t,isOpen:this.isActiveFlyout(t.id),onTouchEnd:i=>this.handleTouchEnd(i,t),onKeyDown:i=>this.handleKeyPress(i,t),onClick:i=>this.handleClick(i,t)}),!t.noFlyout?o.bind(this)(t):null)))),i("slot",null)));function o(t){return i("div",{id:t.id,class:{flyout:true,open:this.isActiveFlyout(t.id)}},i("div",{class:"wide-container"},i("div",{class:"flyout-nav"},i("button",{class:"nav-link flyout-back-button",onClick:()=>this.closeFlyout(t.id)},i(d,{name:"pi-pointy-arrow-right",classNames:"mirrored"}),i("span",null,n.translations.backButtonText)),i("button",{class:"flyout-close-button",onClick:()=>this.closeFlyout(t.id)},i("span",{class:"visually-hidden"},t.text,", ",n.translations.mobileNavToggleClose),i(d,{name:"pi-close"}))),i("h2",{class:"flyout-title container"},i("a",{href:t.url,class:"nav-link"},t.text)),i("div",{class:"flyout-row container"},t.flyout.map(((n,e)=>i("div",{key:n.title,class:"flyout-column"},n.title?i("h3",{id:`${t.id}-column-${e}`},n.title):null,i("ul",{class:"flyout-linklist","aria-labelledby":n.title?`${t.id}-column-${e}`:undefined},n.linkList.map((t=>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,(t===null||t===void 0?void 0:t.isActiveOverride)?i("span",{class:"visually-hidden"},", ",l("Active navigation element")):null)))))))))))}}get host(){return o(this)}};h.style=m;export{h as post_main_navigation};
+//# sourceMappingURL=p-273fd39b.entry.js.map

package/dist/swisspost-internet-header/{p-bab5139b.entry.js.map → p-273fd39b.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","translate","postMainNavigationCss","PostMainNavigation","this","resizeTimer","mouseLeaveTimer","mouseEnterTimer","connectedCallback","throttledResize","throttle","handleResize","window","addEventListener","passive","setWindowHeight","disconnectedCallback","removeEventListener","clearTimeout","host","classList","add","setTimeout","remove","style","setProperty","innerHeight","openFlyout","id","flyout","shadowRoot","getElementById","activeFlyout","addFlyoutAnimation","flyoutToggled","emit","closeFlyout","manageFocus","direction","userPrefersReducedMotion","querySelector","parentElement","once","isActiveFlyout","handleMouseEnter","innerWidth","length","handleMouseLeave","handleTouchEnd","event","cancelable","preventDefault","handleKeyPress","key","handleClick","async","force","mobileMenuOpen","dropdownToggled","open","element","firstLink","render","state","localizedConfig","header","headerConfig","Host","SvgSprite","translations","navMainAriaLabel","role","navMain","map","levelOne","onMouseLeave","onMouseEnter","renderLevelOneFlyout","bind","SvgIcon","name","classNames","backButtonText","mobileNavToggleClose","i","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';\nimport { translate } from '../../../services/language.service';\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      {props.level.isActiveOverride ? (\n        <span class=\"visually-hidden\">{translate('Active navigation element')}</span>\n      ) : null}\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      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  }\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 { 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 { translate } from '../../services/language.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\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    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, 'expand');\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, manageFocus = true) {\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, 'collapse', manageFocus);\n    }\n\n    this.activeFlyout = null;\n    this.flyoutToggled.emit();\n  }\n\n  addFlyoutAnimation(flyout: HTMLElement, direction?: 'expand' | 'collapse', manageFocus = true) {\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(\n        'transitionend',\n        () => {\n          if (manageFocus) {\n            if (direction === 'expand') {\n              flyout.querySelector<HTMLElement>('button.flyout-back-button')?.focus();\n            } else if (direction === 'collapse') {\n              flyout.parentElement?.querySelector<HTMLElement>('a.main-link')?.focus();\n            }\n          }\n\n          flyout.classList.remove('animate');\n        },\n        {\n          once: true,\n        },\n      );\n    }\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, false);\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   * 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.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          aria-label={headerConfig.translations.navMainAriaLabel}\n          id=\"post-internet-header-main-navigation\"\n          class={{ 'main-navigation': true, 'open': this.mobileMenuOpen }}\n          role=\"menu\"\n        >\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 ? renderLevelOneFlyout.bind(this)(levelOne) : null}\n              </li>\n            ))}\n          </ul>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n\n    function renderLevelOneFlyout(levelOne: NavMainEntity) {\n      return (\n        <div id={levelOne.id} class={{ flyout: true, open: this.isActiveFlyout(levelOne.id) }}>\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 class=\"flyout-close-button\" onClick={() => this.closeFlyout(levelOne.id)}>\n                <span class=\"visually-hidden\">\n                  {levelOne.text}, {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, i) => (\n                <div key={flyout.title} class=\"flyout-column\">\n                  {flyout.title ? <h3 id={`${levelOne.id}-column-${i}`}>{flyout.title}</h3> : null}\n                  <ul\n                    class=\"flyout-linklist\"\n                    aria-labelledby={flyout.title ? `${levelOne.id}-column-${i}` : undefined}\n                  >\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                          {link?.isActiveOverride ? (\n                            <span class=\"visually-hidden\">\n                              , {translate('Active navigation element')}\n                            </span>\n                          ) : null}\n                        </a>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      );\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","translate","postMainNavigationCss","PostMainNavigation","this","resizeTimer","mouseLeaveTimer","mouseEnterTimer","connectedCallback","throttledResize","throttle","handleResize","window","addEventListener","passive","setWindowHeight","disconnectedCallback","removeEventListener","clearTimeout","host","classList","add","setTimeout","remove","style","setProperty","innerHeight","openFlyout","id","flyout","shadowRoot","getElementById","activeFlyout","addFlyoutAnimation","flyoutToggled","emit","closeFlyout","manageFocus","direction","userPrefersReducedMotion","querySelector","parentElement","once","isActiveFlyout","handleMouseEnter","innerWidth","length","handleMouseLeave","handleTouchEnd","event","cancelable","preventDefault","handleKeyPress","key","handleClick","async","force","mobileMenuOpen","dropdownToggled","open","element","firstLink","render","state","localizedConfig","header","headerConfig","Host","SvgSprite","translations","navMainAriaLabel","role","navMain","map","levelOne","onMouseLeave","onMouseEnter","renderLevelOneFlyout","bind","SvgIcon","name","classNames","backButtonText","mobileNavToggleClose","i","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';\nimport { translate } from '../../../services/language.service';\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      {props.level.isActiveOverride ? (\n        <span class=\"visually-hidden\">{translate('Active navigation element')}</span>\n      ) : null}\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      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  }\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 { 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 { translate } from '../../services/language.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\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    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, 'expand');\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, manageFocus = true) {\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, 'collapse', manageFocus);\n    }\n\n    this.activeFlyout = null;\n    this.flyoutToggled.emit();\n  }\n\n  addFlyoutAnimation(flyout: HTMLElement, direction?: 'expand' | 'collapse', manageFocus = true) {\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(\n        'transitionend',\n        () => {\n          if (manageFocus) {\n            if (direction === 'expand') {\n              flyout.querySelector<HTMLElement>('button.flyout-back-button')?.focus();\n            } else if (direction === 'collapse') {\n              flyout.parentElement?.querySelector<HTMLElement>('a.main-link')?.focus();\n            }\n          }\n\n          flyout.classList.remove('animate');\n        },\n        {\n          once: true,\n        },\n      );\n    }\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, false);\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   * 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.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          aria-label={headerConfig.translations.navMainAriaLabel}\n          id=\"post-internet-header-main-navigation\"\n          class={{ 'main-navigation': true, 'open': this.mobileMenuOpen }}\n          role=\"menu\"\n        >\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 ? renderLevelOneFlyout.bind(this)(levelOne) : null}\n              </li>\n            ))}\n          </ul>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n\n    function renderLevelOneFlyout(levelOne: NavMainEntity) {\n      return (\n        <div id={levelOne.id} class={{ flyout: true, open: this.isActiveFlyout(levelOne.id) }}>\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 class=\"flyout-close-button\" onClick={() => this.closeFlyout(levelOne.id)}>\n                <span class=\"visually-hidden\">\n                  {levelOne.text}, {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, i) => (\n                <div key={flyout.title} class=\"flyout-column\">\n                  {flyout.title ? <h3 id={`${levelOne.id}-column-${i}`}>{flyout.title}</h3> : null}\n                  <ul\n                    class=\"flyout-linklist\"\n                    aria-labelledby={flyout.title ? `${levelOne.id}-column-${i}` : undefined}\n                  >\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                          {link?.isActiveOverride ? (\n                            <span class=\"visually-hidden\">\n                              , {translate('Active navigation element')}\n                            </span>\n                          ) : null}\n                        </a>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/swisspost-internet-header/p-3c8504b4.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-1d455921.system.js","./p-1ec4e0ee.system.js"],(function(t){"use strict";var e,i,o,n;return{setters:[function(t){e=t.r;i=t.h;o=t.H},function(t){n=t.s}],execute:function(){var r='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link,.meta-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.meta-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.meta-link:hover,.nav-link:focus,.meta-link:focus{color:black}.nav-link:focus-visible,.meta-link:focus-visible{z-index:1;position:relative}.nav-link>svg,.meta-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.meta-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.meta-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,: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}a,button{border-radius:4px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.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}}@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{display:block;font-size:0.875rem}.meta-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-height:3rem;background:#faf9f8}@media (min-width: 1441px){.meta-container:not(.full-width){margin:0 auto;max-width:1440px}}.meta-container.vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}@media (max-width: 599.98px){.meta-container.vertical{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.meta-container.vertical{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.meta-container.vertical{padding-right:40px;padding-left:40px}}@media (min-width: 1024px){.meta-container.vertical{display:none}}.meta-container.horizontal ::slotted(*){--separator-display:block;--separator-height:2.125rem}.meta-container.horizontal::before{display:block;content:"";position:absolute;top:0px;height:var(--meta-header-height);background-color:#faf9f8;left:50%;width:50%}.horizontal .meta-navigation{position:relative;padding-right:1rem}.meta-list{display:-ms-flexbox;display:flex}.vertical .meta-list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.meta-link{font-size:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 0.5rem;min-height:2.125rem;border-radius:3px}.meta-link.active{background:#fc0;color:black}.vertical .meta-link{color:black;padding:0}.vertical .meta-link.active{padding:0 0.5rem;margin-left:-0.5rem}';var a=t("post_meta_navigation",function(){function t(t){e(this,t);this.orientation=undefined;this.fullWidth=false}t.prototype.render=function(){var t,e;if(((t=n.localizedConfig)===null||t===void 0?void 0:t.header.navMeta)===undefined)return;var r=n.localizedConfig.header;return i(o,null,i("div",{class:"meta-container ".concat(this.orientation).concat(this.fullWidth?" full-width":"")},i("nav",{"aria-label":r.translations.navMetaAriaLabel,class:"meta-navigation"},i("ul",{class:"meta-list"},(e=r.navMeta)===null||e===void 0?void 0:e.filter((function(t){return!t.isHomeLink})).map((function(t){return i("li",{key:t.url},i("a",{class:{active:t.isActive,"meta-link":true},target:t.target,href:t.url},i("span",{"aria-hidden":"true"},t.text)))})))),i("slot",null)))};return t}());a.style=r}}}));
+//# sourceMappingURL=p-3c8504b4.system.entry.js.map

package/dist/swisspost-internet-header/p-3c8504b4.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["postMetaNavigationCss","PostMetaNavigation","exports","class_1","prototype","render","_a","state","localizedConfig","header","navMeta","undefined","headerConfig","h","Host","class","concat","this","orientation","fullWidth","translations","navMetaAriaLabel","_b","filter","meta","isHomeLink","map","key","url","active","isActive","target","href","text"],"sources":["src/components/post-meta-navigation/post-meta-navigation.scss?tag=post-meta-navigation&encapsulation=shadow","src/components/post-meta-navigation/post-meta-navigation.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/variables/color';\n@use '@swisspost/design-system-styles/functions';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  display: block;\n  font-size: functions.px-to-rem(14px);\n}\n\n.meta-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  min-height: functions.px-to-rem(48px);\n\n  background: color.$gray-background-light;\n\n  @media (min-width: 1441px) {\n    &:not(.full-width) {\n      margin: 0 auto;\n      max-width: 1440px;\n    }\n  }\n\n  &.vertical {\n    @include mixins.container-padding();\n\n    flex-direction: column;\n    align-items: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    @include mixins.min(lg) {\n      display: none;\n    }\n  }\n\n  &.horizontal {\n    ::slotted(*) {\n      --separator-display: block;\n      --separator-height: #{functions.px-to-rem(34px)};\n    }\n\n    &::before {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0px;\n      height: var(--meta-header-height);\n      background-color: color.$gray-background-light;\n      left: 50%;\n      width: 50%;\n    }\n  }\n}\n\n.meta-navigation {\n  .horizontal & {\n    position: relative;\n    padding-right: 1rem;\n  }\n}\n\n.meta-list {\n  @extend %no-list;\n  display: flex;\n\n  .vertical & {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.meta-link {\n  @extend %nav-link;\n\n  font-size: functions.px-to-rem(14px);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  min-height: functions.px-to-rem(34px);\n  border-radius: 3px;\n\n  &.active {\n    background: color.$yellow;\n    color: black;\n  }\n\n  .vertical & {\n    color: black;\n    padding: 0;\n\n    &.active {\n      padding: 0 0.5rem;\n      margin-left: -0.5rem;\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-meta-navigation',\n  styleUrl: 'post-meta-navigation.scss',\n  shadow: true,\n})\nexport class PostMetaNavigation {\n  @Prop() orientation: 'horizontal' | 'vertical';\n  @Prop() fullWidth?: boolean = false;\n\n  render() {\n    if (state.localizedConfig?.header.navMeta === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <div class={`meta-container ${this.orientation}${this.fullWidth ? ' full-width' : ''}`}>\n          <nav aria-label={headerConfig.translations.navMetaAriaLabel} class=\"meta-navigation\">\n            <ul class=\"meta-list\">\n              {headerConfig.navMeta\n                ?.filter(meta => !meta.isHomeLink)\n                .map(meta => (\n                  <li key={meta.url}>\n                    <a\n                      class={{ 'active': meta.isActive, 'meta-link': true }}\n                      target={meta.target}\n                      href={meta.url}\n                    >\n                      <span aria-hidden=\"true\">{meta.text}</span>\n                    </a>\n                  </li>\n                ))}\n            </ul>\n          </nav>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAwB,08L,ICQjBC,EAAkBC,EAAA,kC,kEAEC,K,CAE9BC,EAAAC,UAAAC,OAAA,W,QACE,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,WAAYC,UAAW,OACzD,IAAMC,EAAeL,EAAMC,gBAAgBC,OAE3C,OACEI,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,kBAAAC,OAAkBC,KAAKC,aAAWF,OAAGC,KAAKE,UAAY,cAAgB,KAChFN,EAAA,oBAAiBD,EAAaQ,aAAaC,iBAAkBN,MAAM,mBACjEF,EAAA,MAAIE,MAAM,cACPO,EAAAV,EAAaF,WAAO,MAAAY,SAAA,SAAAA,EACjBC,QAAO,SAAAC,GAAQ,OAACA,EAAKC,UAAN,IAChBC,KAAI,SAAAF,GAAI,OACPX,EAAA,MAAIc,IAAKH,EAAKI,KACZf,EAAA,KACEE,MAAO,CAAEc,OAAUL,EAAKM,SAAU,YAAa,MAC/CC,OAAQP,EAAKO,OACbC,KAAMR,EAAKI,KAEXf,EAAA,sBAAkB,QAAQW,EAAKS,OAP5B,MAafpB,EAAA,c,WA5BqB,I"}

package/dist/swisspost-internet-header/p-4099b274.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-1ec4e0ee.system.js"],(function(e){"use strict";var n;return{setters:[function(e){n=e.s}],execute:function(){var i={"Active navigation element":{de:"Aktives Navigationselement",fr:"Élément de navigation actif",it:"Elemento di navigazione attivo"},"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"},"Skip Links":{de:"Sprung Links",fr:"Sauter les liens",it:"Salta i link"},"Intermediary links":{de:"Intermediäre Links",fr:"Liens intermédiaires",it:"Collegamenti intermedi"},"Cookie Settings":{de:"Cookie-Einstellungen",fr:"Configurations des cookies",it:"Impostazioni dei cookie"}};var t=e("g",(function(e,i,t,r){if(e.length===0){return undefined}if(e.length===1){return e[0]}var o=new URL(window.location.href);var l=[i,o.searchParams.get("lang"),o.pathname.split("/").find((function(n){return e.includes(n)})),t!==undefined?window.localStorage.getItem(t):null,a("language"),a("lang"),r!==undefined?a(r):null,document.documentElement.lang,u(e),n.currentLanguage].filter((function(e){return!!e}));var g=l.find((function(n){return e.includes(n)}))||e[0];if(!g||g.length!==2){throw new Error("Current language could not be determined from settings or the language provided (".concat(g,") is not supported by the Header API."))}return g}));var r=e("p",(function(e,i,t){if(t!==undefined){window.localStorage.setItem(t,e)}if(i!==undefined){o(i,e)}n.currentLanguage=e}));var a=function(e){var n;return((n=document.cookie.match("(^|;)\\s*"+e+"\\s*=\\s*([^;]+)"))===null||n===void 0?void 0:n.pop())||""};var o=function(e,n){document.cookie="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(n))};var u=function(e){if(navigator.language){var n=l(navigator.language);if(e.indexOf(n)!==-1){return n}}if(navigator.languages){for(var i=0,t=navigator.languages;i<t.length;i++){var r=t[i];var n=l(r);if(e.indexOf(n)!==-1){return n}}}return null};var l=function(e){return e.substring(0,2).toLowerCase()};var g=e("t",(function(e,t,r){if(r===void 0){r=i}var a,o,u;return(u=(a=r[e])===null||a===void 0?void 0:a[(o=t!==null&&t!==void 0?t:n.currentLanguage)!==null&&o!==void 0?o:""])!==null&&u!==void 0?u:e}))}}}));
+//# sourceMappingURL=p-4099b274.system.js.map

package/dist/swisspost-internet-header/p-4099b274.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","de","fr","it","getUserLang","exports","supportedLanguages","implementorPreferredLanguage","localStorageKey","cookieKey","length","undefined","url","URL","window","location","href","languagesSet","searchParams","get","pathname","split","find","segment","includes","localStorage","getItem","getCookie","document","documentElement","lang","getPreferredLanguageFromBrowser","state","currentLanguage","filter","language","Error","concat","persistLanguageChoice","setItem","setCookie","name","_a","cookie","match","pop","key","value","encodeURIComponent","navigator","extractLanguage","indexOf","languages","_i","_d","l","substring","toLowerCase","translate","translationObject","_b","_c"],"sources":["src/assets/i18n/translations.ts","src/services/language.service.ts"],"sourcesContent":["export const translations = {\n  'Active navigation element': {\n    de: 'Aktives Navigationselement',\n    fr: 'Élément de navigation actif',\n    it: 'Elemento di navigazione attivo',\n  },\n  'Close overlay': {\n    de: 'Overlay Schliessen',\n    fr: 'Fermer la superposition',\n    it: 'Chiudi sovrapposizione',\n  },\n  'Current language is English': {\n    de: 'Die aktuelle Sprache ist Deutsch',\n    fr: 'La langue actuelle est le français',\n    it: \"La lingua corrente è l'italiano\",\n  },\n  'Change language': {\n    de: 'Sprache wechseln',\n    fr: 'Changer de langue',\n    it: 'Cambia lingua',\n  },\n  'Go to main content': {\n    de: 'Zum Hauptinhalt springen',\n    fr: 'Aller au contenu principal',\n    it: 'Vai al contenuto principale',\n  },\n  'Go to search': {\n    de: 'Zur Suche springen',\n    fr: 'Aller à la recherche',\n    it: 'Vai alla ricerca',\n  },\n  'Go to login': {\n    de: 'Zum Login springen',\n    fr: 'Aller au login',\n    it: 'Vai al login',\n  },\n  'Open menu': {\n    de: 'Menü öffnen',\n    fr: 'Ouvrir le menu',\n    it: 'Apri il menu',\n  },\n  'Navigate on post.ch': {\n    de: 'Navigieren auf post.ch',\n    fr: 'Naviguer sur post.ch',\n    it: 'Navigate su post.ch',\n  },\n  'Skip Links': {\n    de: 'Sprung Links',\n    fr: 'Sauter les liens',\n    it: 'Salta i link',\n  },\n  'Intermediary links': {\n    de: 'Intermediäre Links',\n    fr: 'Liens intermédiaires',\n    it: 'Collegamenti intermedi',\n  },\n  'Cookie Settings': {\n    de: 'Cookie-Einstellungen',\n    fr: 'Configurations des cookies',\n    it: 'Impostazioni dei cookie',\n  },\n};\n","import { translations } from '../assets/i18n/translations';\nimport { state } from '../data/store';\n\nexport const getUserLang = (\n  supportedLanguages: string[],\n  implementorPreferredLanguage?: string,\n  localStorageKey?: string,\n  cookieKey?: string,\n) => {\n  // If there are no supported languages, well...\n  if (supportedLanguages.length === 0) {\n    return undefined;\n  }\n\n  // If there is only one language in the config, use this\n  if (supportedLanguages.length === 1) {\n    return supportedLanguages[0];\n  }\n\n  const url = new URL(window.location.href);\n\n  /**\n   * Build array of possible language definitions in order of importance.\n   * At the end is a filter function that will weed out any undefined or null entries.\n   */\n  let languagesSet: Array<string> = [\n    // Check if implementor overrides lang config\n    implementorPreferredLanguage,\n\n    // Check query string param\n    url.searchParams.get('lang'),\n\n    // Check url pathname\n    url.pathname.split('/').find(segment => supportedLanguages.includes(segment)),\n\n    // Check local storage with the key provided\n    localStorageKey !== undefined ? window.localStorage.getItem(localStorageKey) : null,\n\n    // Check cookies\n    getCookie('language'),\n    getCookie('lang'),\n    cookieKey !== undefined ? getCookie(cookieKey) : null,\n\n    // Check document language\n    document.documentElement.lang,\n\n    // Check browser preferred language\n    getPreferredLanguageFromBrowser(supportedLanguages),\n\n    // Check the state\n    state.currentLanguage,\n  ].filter((lang): lang is string => !!lang);\n\n  // Check the set of languages to see if it matches\n  // any of the supported languages. Return the first\n  // supported language if there is none set\n  const lang =\n    languagesSet.find(language => supportedLanguages.includes(language)) || supportedLanguages[0];\n\n  if (!lang || lang.length !== 2) {\n    throw new Error(\n      `Current language could not be determined from settings or the language provided (${lang}) is not supported by the Header API.`,\n    );\n  }\n\n  return lang;\n};\n\n/**\n * Persist chosen language to local storage\n * @param lang Currently chose language, two char string\n */\nexport const persistLanguageChoice = (\n  lang: string,\n  cookieKey?: string,\n  localStorageKey?: string,\n) => {\n  if (localStorageKey !== undefined) {\n    window.localStorage.setItem(localStorageKey, lang);\n  }\n\n  if (cookieKey !== undefined) {\n    setCookie(cookieKey, lang);\n  }\n\n  state.currentLanguage = lang;\n};\n\n/**\n * Read a cookie by name\n * https://stackoverflow.com/questions/5639346/what-is-the-shortest-function-for-reading-a-cookie-by-name-in-javascript?rq=1\n * @param name Cookie name\n * @returns Cookie value or an empty string\n */\nexport const getCookie = (name: string) => {\n  return document.cookie.match('(^|;)\\\\s*' + name + '\\\\s*=\\\\s*([^;]+)')?.pop() || '';\n};\n\n/**\n * Write a new cookie\n * https://developer.mozilla.org/en-US/docs/Web/API/document/cookie#A_little_framework.3A_a_complete_cookies_reader.2Fwriter_with_full_unicode_support\n * @param key\n * @param value\n */\nexport const setCookie = (key: string, value: string) => {\n  document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;\n};\n\nconst getPreferredLanguageFromBrowser = (supportedLanguages: string[]): string | null => {\n  // IE & Chrome\n  if (navigator.language) {\n    const lang = extractLanguage(navigator.language);\n    if (supportedLanguages.indexOf(lang) !== -1) {\n      return lang;\n    }\n  }\n\n  // Chrome supports a list of preferred languages: if the preferred is not supported, we go down the list.\n  if (navigator.languages) {\n    for (const l of navigator.languages) {\n      const lang = extractLanguage(l);\n      if (supportedLanguages.indexOf(lang) !== -1) {\n        return lang;\n      }\n    }\n  }\n\n  return null;\n};\n\nconst extractLanguage = (language: string): string => language.substring(0, 2).toLowerCase();\n\n/**\n * Simple translate function for general header UI strings\n *\n * @param key Translation key\n * @param lang Force a language\n * @param translationObject Optionally provide translations\n * @returns Translated string or the key\n */\nexport const translate = (key: string, lang?: string, translationObject = translations) =>\n  translationObject[key]?.[lang ?? state.currentLanguage ?? ''] ?? key;\n"],"mappings":"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"}

package/dist/swisspost-internet-header/{p-8eb05d18.js → p-459c3983.js}

@@ -1,2 +1,2 @@
-import{a as t,f as e}from"./p-8e0a4d18.js";const n=(t,e,n)=>{const s=t.get(e);if(!s){t.set(e,[n])}else if(!s.includes(n)){s.push(n)}};const s=(t,e)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...s)}),e)}};const o=t=>!("isConnected"in t)||t.isConnected;const r=s((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(o))}}),2e3);const c=()=>{if(typeof t!=="function"){return{}}const s=new Map;return{dispose:()=>s.clear(),get:e=>{const o=t();if(o){n(s,e,o)}},set:t=>{const n=s.get(t);if(n){s.set(t,n.filter(e))}r(s)},reset:()=>{s.forEach((t=>t.forEach(e)));r(s)}}};const u=t=>typeof t==="function"?t():t;const i=(t,e=((t,e)=>t!==e))=>{const n=u(t);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var e;s=new Map(Object.entries((e=u(t))!==null&&e!==void 0?e:{}));o.reset.forEach((t=>t()))};const c=()=>{o.dispose.forEach((t=>t()));r()};const i=t=>{o.get.forEach((e=>e(t)));return s.get(t)};const a=(t,n)=>{const r=s.get(t);if(e(n,r,t)){s.set(t,n);o.set.forEach((e=>e(t,n,r)))}};const l=typeof Proxy==="undefined"?{}:new Proxy(n,{get(t,e){return i(e)},ownKeys(t){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return s.has(e)},set(t,e,n){a(e,n);return true}});const p=(t,e)=>{o[t].push(e);return()=>{f(o[t],e)}};const d=(e,n)=>{const s=p("set",((t,s)=>{if(t===e){n(s)}}));const o=p("reset",(()=>n(u(t)[e])));return()=>{s();o()}};const g=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(p("set",e.set))}if(e.get){t.push(p("get",e.get))}if(e.reset){t.push(p("reset",e.reset))}if(e.dispose){t.push(p("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const y=t=>{const e=s.get(t);o.set.forEach((n=>n(t,e,e)))};return{state:l,get:i,set:a,on:p,onChange:d,use:g,dispose:c,reset:r,forceUpdate:y}};const f=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const a=(t,e)=>{const n=i(t,e);n.use(c());return n};const{state:l,reset:p,dispose:d}=a({projectId:null,currentLanguage:null,localizedConfig:null,environment:"prod",search:true,login:true,meta:true});export{d,l as s};
-//# sourceMappingURL=p-8eb05d18.js.map
+import{a as t,f as e}from"./p-8e0a4d18.js";const n=(t,e,n)=>{const s=t.get(e);if(!s){t.set(e,[n])}else if(!s.includes(n)){s.push(n)}};const s=(t,e)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...s)}),e)}};const o=t=>!("isConnected"in t)||t.isConnected;const r=s((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(o))}}),2e3);const c=()=>{if(typeof t!=="function"){return{}}const s=new Map;return{dispose:()=>s.clear(),get:e=>{const o=t();if(o){n(s,e,o)}},set:t=>{const n=s.get(t);if(n){s.set(t,n.filter(e))}r(s)},reset:()=>{s.forEach((t=>t.forEach(e)));r(s)}}};const i=t=>typeof t==="function"?t():t;const u=(t,e=((t,e)=>t!==e))=>{const n=i(t);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var e;s=new Map(Object.entries((e=i(t))!==null&&e!==void 0?e:{}));o.reset.forEach((t=>t()))};const c=()=>{o.dispose.forEach((t=>t()));r()};const u=t=>{o.get.forEach((e=>e(t)));return s.get(t)};const a=(t,n)=>{const r=s.get(t);if(e(n,r,t)){s.set(t,n);o.set.forEach((e=>e(t,n,r)))}};const l=typeof Proxy==="undefined"?{}:new Proxy(n,{get(t,e){return u(e)},ownKeys(t){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return s.has(e)},set(t,e,n){a(e,n);return true}});const p=(t,e)=>{o[t].push(e);return()=>{f(o[t],e)}};const d=(e,n)=>{const s=p("set",((t,s)=>{if(t===e){n(s)}}));const o=p("reset",(()=>n(i(t)[e])));return()=>{s();o()}};const g=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(p("set",e.set))}if(e.get){t.push(p("get",e.get))}if(e.reset){t.push(p("reset",e.reset))}if(e.dispose){t.push(p("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const m=t=>{const e=s.get(t);o.set.forEach((n=>n(t,e,e)))};return{state:l,get:u,set:a,on:p,onChange:d,use:g,dispose:c,reset:r,forceUpdate:m}};const f=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const a=(t,e)=>{const n=u(t,e);n.use(c());return n};const{state:l,reset:p,dispose:d}=a({projectId:null,currentLanguage:null,localizedConfig:null,environment:"prod",search:true,login:true,meta:true,stickyness:"minimal"});export{d,l as s};
+//# sourceMappingURL=p-459c3983.js.map

package/dist/swisspost-internet-header/p-459c3983.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["appendToMap","map","propName","value","items","get","set","includes","push","debounce","fn","ms","timeoutId","args","clearTimeout","setTimeout","isConnected","maybeElement","cleanupElements","key","keys","filter","stencilSubscription","getRenderingRef","elmsToUpdate","Map","dispose","clear","elm","elements","forceUpdate","reset","forEach","elms","unwrap","val","createObservableMap","defaultState","shouldUpdate","a","b","unwrappedState","states","Object","entries","handlers","_a","cb","oldValue","state","Proxy","_","ownKeys","Array","from","getOwnPropertyDescriptor","enumerable","configurable","has","on","eventName","callback","removeFromArray","onChange","unSet","newValue","unReset","use","subscriptions","unsubs","reduce","subscription","unsub","array","item","index","indexOf","length","createStore","projectId","currentLanguage","localizedConfig","environment","search","login","meta","stickyness"],"sources":["../../node_modules/.pnpm/@stencil+store@2.0.9_@stencil+core@3.4.2/node_modules/@stencil/store/dist/index.mjs","./src/data/store.ts"],"sourcesContent":["import { getRenderingRef, forceUpdate } from '@stencil/core';\n\nconst appendToMap = (map, propName, value) => {\n    const items = map.get(propName);\n    if (!items) {\n        map.set(propName, [value]);\n    }\n    else if (!items.includes(value)) {\n        items.push(value);\n    }\n};\nconst debounce = (fn, ms) => {\n    let timeoutId;\n    return (...args) => {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = 0;\n            fn(...args);\n        }, ms);\n    };\n};\n\n/**\n * Check if a possible element isConnected.\n * The property might not be there, so we check for it.\n *\n * We want it to return true if isConnected is not a property,\n * otherwise we would remove these elements and would not update.\n *\n * Better leak in Edge than to be useless.\n */\nconst isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;\nconst cleanupElements = debounce((map) => {\n    for (let key of map.keys()) {\n        map.set(key, map.get(key).filter(isConnected));\n    }\n}, 2000);\nconst stencilSubscription = () => {\n    if (typeof getRenderingRef !== 'function') {\n        // If we are not in a stencil project, we do nothing.\n        // This function is not really exported by @stencil/core.\n        return {};\n    }\n    const elmsToUpdate = new Map();\n    return {\n        dispose: () => elmsToUpdate.clear(),\n        get: (propName) => {\n            const elm = getRenderingRef();\n            if (elm) {\n                appendToMap(elmsToUpdate, propName, elm);\n            }\n        },\n        set: (propName) => {\n            const elements = elmsToUpdate.get(propName);\n            if (elements) {\n                elmsToUpdate.set(propName, elements.filter(forceUpdate));\n            }\n            cleanupElements(elmsToUpdate);\n        },\n        reset: () => {\n            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));\n            cleanupElements(elmsToUpdate);\n        },\n    };\n};\n\nconst unwrap = (val) => (typeof val === 'function' ? val() : val);\nconst createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {\n    const unwrappedState = unwrap(defaultState);\n    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));\n    const handlers = {\n        dispose: [],\n        get: [],\n        set: [],\n        reset: [],\n    };\n    const reset = () => {\n        var _a;\n        // When resetting the state, the default state may be a function - unwrap it to invoke it.\n        // otherwise, the state won't be properly reset\n        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));\n        handlers.reset.forEach((cb) => cb());\n    };\n    const dispose = () => {\n        // Call first dispose as resetting the state would\n        // cause less updates ;)\n        handlers.dispose.forEach((cb) => cb());\n        reset();\n    };\n    const get = (propName) => {\n        handlers.get.forEach((cb) => cb(propName));\n        return states.get(propName);\n    };\n    const set = (propName, value) => {\n        const oldValue = states.get(propName);\n        if (shouldUpdate(value, oldValue, propName)) {\n            states.set(propName, value);\n            handlers.set.forEach((cb) => cb(propName, value, oldValue));\n        }\n    };\n    const state = (typeof Proxy === 'undefined'\n        ? {}\n        : new Proxy(unwrappedState, {\n            get(_, propName) {\n                return get(propName);\n            },\n            ownKeys(_) {\n                return Array.from(states.keys());\n            },\n            getOwnPropertyDescriptor() {\n                return {\n                    enumerable: true,\n                    configurable: true,\n                };\n            },\n            has(_, propName) {\n                return states.has(propName);\n            },\n            set(_, propName, value) {\n                set(propName, value);\n                return true;\n            },\n        }));\n    const on = (eventName, callback) => {\n        handlers[eventName].push(callback);\n        return () => {\n            removeFromArray(handlers[eventName], callback);\n        };\n    };\n    const onChange = (propName, cb) => {\n        const unSet = on('set', (key, newValue) => {\n            if (key === propName) {\n                cb(newValue);\n            }\n        });\n        // We need to unwrap the defaultState because it might be a function.\n        // Otherwise we might not be sending the right reset value.\n        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));\n        return () => {\n            unSet();\n            unReset();\n        };\n    };\n    const use = (...subscriptions) => {\n        const unsubs = subscriptions.reduce((unsubs, subscription) => {\n            if (subscription.set) {\n                unsubs.push(on('set', subscription.set));\n            }\n            if (subscription.get) {\n                unsubs.push(on('get', subscription.get));\n            }\n            if (subscription.reset) {\n                unsubs.push(on('reset', subscription.reset));\n            }\n            if (subscription.dispose) {\n                unsubs.push(on('dispose', subscription.dispose));\n            }\n            return unsubs;\n        }, []);\n        return () => unsubs.forEach((unsub) => unsub());\n    };\n    const forceUpdate = (key) => {\n        const oldValue = states.get(key);\n        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));\n    };\n    return {\n        state,\n        get,\n        set,\n        on,\n        onChange,\n        use,\n        dispose,\n        reset,\n        forceUpdate,\n    };\n};\nconst removeFromArray = (array, item) => {\n    const index = array.indexOf(item);\n    if (index >= 0) {\n        array[index] = array[array.length - 1];\n        array.length--;\n    }\n};\n\nconst createStore = (defaultState, shouldUpdate) => {\n    const map = createObservableMap(defaultState, shouldUpdate);\n    map.use(stencilSubscription());\n    return map;\n};\n\nexport { createObservableMap, createStore };\n","import { createStore } from '@stencil/store';\nimport { Environment, ILocalizedConfig, ILocalizedCustomConfig } from '../models/general.model';\nimport { NavMainEntity } from '../models/header.model';\nimport { IAvailableLanguage } from '../models/language.model';\nimport { StickynessOptions } from '../components';\n\nexport interface HeaderState {\n  localizedConfig: ILocalizedConfig | null;\n  currentLanguage: string | null;\n  projectId: string | null;\n  environment: Environment;\n  search: boolean;\n  login: boolean;\n  meta: boolean;\n  languageSwitchOverrides?: IAvailableLanguage[];\n  localizedCustomConfig?: ILocalizedCustomConfig;\n  osFlyoutOverrides?: NavMainEntity;\n  stickyness: StickynessOptions;\n}\n\nexport const { state, reset, dispose } = createStore<HeaderState>({\n  projectId: null,\n  currentLanguage: null,\n  localizedConfig: null,\n  environment: 'prod',\n  search: true,\n  login: true,\n  meta: true,\n  stickyness: 'minimal',\n});\n"],"mappings":"2CAEA,MAAMA,EAAc,CAACC,EAAKC,EAAUC,KAChC,MAAMC,EAAQH,EAAII,IAAIH,GACtB,IAAKE,EAAO,CACRH,EAAIK,IAAIJ,EAAU,CAACC,GAC3B,MACS,IAAKC,EAAMG,SAASJ,GAAQ,CAC7BC,EAAMI,KAAKL,EACnB,GAEA,MAAMM,EAAW,CAACC,EAAIC,KAClB,IAAIC,EACJ,MAAO,IAAIC,KACP,GAAID,EAAW,CACXE,aAAaF,EACzB,CACQA,EAAYG,YAAW,KACnBH,EAAY,EACZF,KAAMG,EAAK,GACZF,EAAG,CACT,EAYL,MAAMK,EAAeC,KAAmB,gBAAiBA,IAAiBA,EAAaD,YACvF,MAAME,EAAkBT,GAAUR,IAC9B,IAAK,IAAIkB,KAAOlB,EAAImB,OAAQ,CACxBnB,EAAIK,IAAIa,EAAKlB,EAAII,IAAIc,GAAKE,OAAOL,GACzC,IACG,KACH,MAAMM,EAAsB,KACxB,UAAWC,IAAoB,WAAY,CAGvC,MAAO,EACf,CACI,MAAMC,EAAe,IAAIC,IACzB,MAAO,CACHC,QAAS,IAAMF,EAAaG,QAC5BtB,IAAMH,IACF,MAAM0B,EAAML,IACZ,GAAIK,EAAK,CACL5B,EAAYwB,EAActB,EAAU0B,EACpD,GAEQtB,IAAMJ,IACF,MAAM2B,EAAWL,EAAanB,IAAIH,GAClC,GAAI2B,EAAU,CACVL,EAAalB,IAAIJ,EAAU2B,EAASR,OAAOS,GAC3D,CACYZ,EAAgBM,EAAa,EAEjCO,MAAO,KACHP,EAAaQ,SAASC,GAASA,EAAKD,QAAQF,KAC5CZ,EAAgBM,EAAa,EAEpC,EAGL,MAAMU,EAAUC,UAAgBA,IAAQ,WAAaA,IAAQA,EAC7D,MAAMC,EAAsB,CAACC,EAAcC,EAAe,EAACC,EAAGC,IAAMD,IAAMC,MACtE,MAAMC,EAAiBP,EAAOG,GAC9B,IAAIK,EAAS,IAAIjB,IAAIkB,OAAOC,QAAQH,IAAmB,MAAQA,SAAwB,EAAIA,EAAiB,KAC5G,MAAMI,EAAW,CACbnB,QAAS,GACTrB,IAAK,GACLC,IAAK,GACLyB,MAAO,IAEX,MAAMA,EAAQ,KACV,IAAIe,EAGJJ,EAAS,IAAIjB,IAAIkB,OAAOC,SAASE,EAAKZ,EAAOG,MAAmB,MAAQS,SAAY,EAAIA,EAAK,KAC7FD,EAASd,MAAMC,SAASe,GAAOA,KAAK,EAExC,MAAMrB,EAAU,KAGZmB,EAASnB,QAAQM,SAASe,GAAOA,MACjChB,GAAO,EAEX,MAAM1B,EAAOH,IACT2C,EAASxC,IAAI2B,SAASe,GAAOA,EAAG7C,KAChC,OAAOwC,EAAOrC,IAAIH,EAAS,EAE/B,MAAMI,EAAM,CAACJ,EAAUC,KACnB,MAAM6C,EAAWN,EAAOrC,IAAIH,GAC5B,GAAIoC,EAAanC,EAAO6C,EAAU9C,GAAW,CACzCwC,EAAOpC,IAAIJ,EAAUC,GACrB0C,EAASvC,IAAI0B,SAASe,GAAOA,EAAG7C,EAAUC,EAAO6C,IAC7D,GAEI,MAAMC,SAAgBC,QAAU,YAC1B,GACA,IAAIA,MAAMT,EAAgB,CACxBpC,IAAI8C,EAAGjD,GACH,OAAOG,EAAIH,EAC3B,EACYkD,QAAQD,GACJ,OAAOE,MAAMC,KAAKZ,EAAOtB,OACzC,EACYmC,2BACI,MAAO,CACHC,WAAY,KACZC,aAAc,KAElC,EACYC,IAAIP,EAAGjD,GACH,OAAOwC,EAAOgB,IAAIxD,EAClC,EACYI,IAAI6C,EAAGjD,EAAUC,GACbG,EAAIJ,EAAUC,GACd,OAAO,IACvB,IAEI,MAAMwD,EAAK,CAACC,EAAWC,KACnBhB,EAASe,GAAWpD,KAAKqD,GACzB,MAAO,KACHC,EAAgBjB,EAASe,GAAYC,EAAS,CACjD,EAEL,MAAME,EAAW,CAAC7D,EAAU6C,KACxB,MAAMiB,EAAQL,EAAG,OAAO,CAACxC,EAAK8C,KAC1B,GAAI9C,IAAQjB,EAAU,CAClB6C,EAAGkB,EACnB,KAIQ,MAAMC,EAAUP,EAAG,SAAS,IAAMZ,EAAGb,EAAOG,GAAcnC,MAC1D,MAAO,KACH8D,IACAE,GAAS,CACZ,EAEL,MAAMC,EAAM,IAAIC,KACZ,MAAMC,EAASD,EAAcE,QAAO,CAACD,EAAQE,KACzC,GAAIA,EAAajE,IAAK,CAClB+D,EAAO7D,KAAKmD,EAAG,MAAOY,EAAajE,KACnD,CACY,GAAIiE,EAAalE,IAAK,CAClBgE,EAAO7D,KAAKmD,EAAG,MAAOY,EAAalE,KACnD,CACY,GAAIkE,EAAaxC,MAAO,CACpBsC,EAAO7D,KAAKmD,EAAG,QAASY,EAAaxC,OACrD,CACY,GAAIwC,EAAa7C,QAAS,CACtB2C,EAAO7D,KAAKmD,EAAG,UAAWY,EAAa7C,SACvD,CACY,OAAO2C,CAAM,GACd,IACH,MAAO,IAAMA,EAAOrC,SAASwC,GAAUA,KAAQ,EAEnD,MAAM1C,EAAeX,IACjB,MAAM6B,EAAWN,EAAOrC,IAAIc,GAC5B0B,EAASvC,IAAI0B,SAASe,GAAOA,EAAG5B,EAAK6B,EAAUA,IAAU,EAE7D,MAAO,CACHC,QACA5C,MACAC,MACAqD,KACAI,WACAI,MACAzC,UACAK,QACAD,cACH,EAEL,MAAMgC,EAAkB,CAACW,EAAOC,KAC5B,MAAMC,EAAQF,EAAMG,QAAQF,GAC5B,GAAIC,GAAS,EAAG,CACZF,EAAME,GAASF,EAAMA,EAAMI,OAAS,GACpCJ,EAAMI,QACd,GAGA,MAAMC,EAAc,CAACzC,EAAcC,KAC/B,MAAMrC,EAAMmC,EAAoBC,EAAcC,GAC9CrC,EAAIkE,IAAI7C,KACR,OAAOrB,CAAG,E,MC1KDgD,MAAEA,EAAKlB,MAAEA,EAAKL,QAAEA,GAAYoD,EAAyB,CAChEC,UAAW,KACXC,gBAAiB,KACjBC,gBAAiB,KACjBC,YAAa,OACbC,OAAQ,KACRC,MAAO,KACPC,KAAM,KACNC,WAAY,mB"}

package/dist/swisspost-internet-header/p-51c15273.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i}from"./p-8e0a4d18.js";import{s as o}from"./p-459c3983.js";const n='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link,.meta-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.meta-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.meta-link:hover,.nav-link:focus,.meta-link:focus{color:black}.nav-link:focus-visible,.meta-link:focus-visible{z-index:1;position:relative}.nav-link>svg,.meta-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.meta-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.meta-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,: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}a,button{border-radius:4px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.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}}@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{display:block;font-size:0.875rem}.meta-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-height:3rem;background:#faf9f8}@media (min-width: 1441px){.meta-container:not(.full-width){margin:0 auto;max-width:1440px}}.meta-container.vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}@media (max-width: 599.98px){.meta-container.vertical{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.meta-container.vertical{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.meta-container.vertical{padding-right:40px;padding-left:40px}}@media (min-width: 1024px){.meta-container.vertical{display:none}}.meta-container.horizontal ::slotted(*){--separator-display:block;--separator-height:2.125rem}.meta-container.horizontal::before{display:block;content:"";position:absolute;top:0px;height:var(--meta-header-height);background-color:#faf9f8;left:50%;width:50%}.horizontal .meta-navigation{position:relative;padding-right:1rem}.meta-list{display:-ms-flexbox;display:flex}.vertical .meta-list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.meta-link{font-size:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 0.5rem;min-height:2.125rem;border-radius:3px}.meta-link.active{background:#fc0;color:black}.vertical .meta-link{color:black;padding:0}.vertical .meta-link.active{padding:0 0.5rem;margin-left:-0.5rem}';const r=class{constructor(e){t(this,e);this.orientation=undefined;this.fullWidth=false}render(){var t,n;if(((t=o.localizedConfig)===null||t===void 0?void 0:t.header.navMeta)===undefined)return;const r=o.localizedConfig.header;return e(i,null,e("div",{class:`meta-container ${this.orientation}${this.fullWidth?" full-width":""}`},e("nav",{"aria-label":r.translations.navMetaAriaLabel,class:"meta-navigation"},e("ul",{class:"meta-list"},(n=r.navMeta)===null||n===void 0?void 0:n.filter((t=>!t.isHomeLink)).map((t=>e("li",{key:t.url},e("a",{class:{active:t.isActive,"meta-link":true},target:t.target,href:t.url},e("span",{"aria-hidden":"true"},t.text))))))),e("slot",null)))}};r.style=n;export{r as post_meta_navigation};
+//# sourceMappingURL=p-51c15273.entry.js.map