@swisspost/internet-header 1.9.0 → 1.9.1

package/dist/esm-es5/post-search.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["parcelController","getTrackAndTraceApiUrl","id","lang","state","currentLanguage","concat","encodeURIComponent","getTrackAndTraceRedirectUrl","query","_q","packageTrackingRedirectUrl","replace","isParcel","searchConfig","__awaiter","getParcelInfo","parcelInfo","sent","redirectPattern","trackingNrPattern","RegExp","test","url_1","abort","AbortController","Promise","resolve","reject","fetch","signal","then","response","json","trackAndTraceResult","Object","assign","ok","catch","error","name","console","message","timestamp","Date","toDateString","getParcelSuggestion","url","getSearchRedirectUrl","isTrackTraceId","getSearchPageUrl","_a","localizedConfig","header","search","undefined","searchPageUrl","searchParam","equalizeArrays","arrayA","arrayB","maxLength","coveoSliced","slice","Math","max","length","coveo","environment","prod","organisation","token","int01","int02","dev01","dev02","devs1","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","i","k","v","geocodeJSON","Error","info","locations","highlightPlacesString","place","reference","q","indexOfQuery","indexOf","substring","getPlacesUrl","location","HighlightedText","props","highlightClass","highlightedString","text","h","innerHTML","postSearchCss","PostSearch","class_1","prototype","connectedCallback","_this","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","toggleDropdown","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","_r","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","handleSearchInput","trim","all","_s","trackAndTraceInfo","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","searchToggleExpanded","searchToggle","SvgIcon","If","condition","ref","placeholder","flyoutSearchBoxFloatingLabel","autocomplete","el","onInput","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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"}
+{"version":3,"names":["parcelController","getTrackAndTraceApiUrl","id","lang","state","currentLanguage","concat","encodeURIComponent","getTrackAndTraceRedirectUrl","query","_q","packageTrackingRedirectUrl","replace","isParcel","searchConfig","__awaiter","getParcelInfo","parcelInfo","sent","redirectPattern","trackingNrPattern","RegExp","test","url_1","abort","AbortController","Promise","resolve","reject","fetch","signal","then","response","json","trackAndTraceResult","Object","assign","ok","catch","error","name","console","message","timestamp","Date","toDateString","getParcelSuggestion","url","getSearchRedirectUrl","isTrackTraceId","getSearchPageUrl","_a","localizedConfig","header","search","undefined","searchPageUrl","searchParam","equalizeArrays","arrayA","arrayB","maxLength","coveoSliced","slice","Math","max","length","coveo","environment","prod","organisation","token","int01","int02","dev01","dev02","devs1","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","i","k","v","geocodeJSON","Error","info","locations","highlightPlacesString","place","reference","q","indexOfQuery","indexOf","substring","getPlacesUrl","location","HighlightedText","props","highlightClass","highlightedString","text","h","innerHTML","postSearchCss","PostSearch","class_1","prototype","connectedCallback","_this","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","toggleDropdown","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","_r","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","handleSearchInput","trim","all","_s","trackAndTraceInfo","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","searchToggleExpanded","searchToggle","SvgIcon","If","condition","ref","placeholder","flyoutSearchBoxFloatingLabel","autocomplete","el","onInput","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/esm-es5/swisspost-internet-header.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function a(e){try{l(n.next(e))}catch(e){r(e)}}function s(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):o(e.value).then(a,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(n=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];o=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,o=t.length,r;n<o;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-82f4f02c.js";import{d as debounce,t as throttle}from"./index-d2256e06.js";import{g as getUserLang,p as persistLanguageChoice,t as translate}from"./language.service-bd0f3b6f.js";import{u as uniqueId}from"./utils-ee79122f.js";import{s as state,d as dispose}from"./store-44830922.js";import{S as SvgSprite}from"./svg-sprite.component-c140294e.js";import{S as SvgIcon}from"./svg-icon.component-f2fda279.js";import{I as If}from"./if.component-0fe54385.js";var markActiveRoute=function(e,t){if(t===false){return e}var i;e=resetOverrideConfig(e);if(t==="auto"||t==="exact"){if(hasActivePortalRoute(e)){return resetActiveStateToPortalConfig(e)}i=new URL(window.location.href)}else{try{i=new URL(t,document.location.origin)}catch(i){console.warn("Active Route: ".concat(t," is not a valid URL. Navigation highlighting has been disabled."));return e}}var n=compileScoreList(e,i,t);if(n.length===0){return e}var o=n[0];o.main.isActiveOverride=true;if(o.sub)o.sub.isActiveOverride=true;return e};var hasActivePortalRoute=function(e){return e.filter((function(e){return e.isActive})).length>0};var resetActiveStateToPortalConfig=function(e){return e.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:e.isActive,flyout:e.flyout.map((function(e){return Object.assign(Object.assign({},e),{linkList:e.linkList.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:e.isActive})}))})}))})}))};var resetOverrideConfig=function(e){return e.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:false,flyout:e.flyout.map((function(e){return Object.assign(Object.assign({},e),{linkList:e.linkList.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:false})}))})}))})}))};var compileScoreList=function(e,t,i){var n=false;var o=[];e.filter((function(e){return!n&&e})).forEach((function(e){try{var r=compareRoutes(t,new URL(e.url),i);n=updateScoreList(o,r,{main:e,score:r},n)}catch(e){}e.flyout.forEach((function(r){var a;(a=r.linkList)===null||a===void 0?void 0:a.forEach((function(r){if(r.isActive&&(i==="auto"||i==="exact")){n=true;return}try{var a=new URL(r.url);var s=compareRoutes(t,a,i);n=updateScoreList(o,s,{main:e,sub:r,score:s},n)}catch(e){}}))}))}));return o.sort((function(e,t){return t.score-e.score}))};function updateScoreList(e,t,i,n){var o=n;if(t>0){if(t===Infinity)o=true;e.push(i)}return o}var compareRoutes=function(e,t,i){if(!e||!t||e.origin!==t.origin){return 0}var n=e.pathname.toLocaleLowerCase();var o=t.pathname.toLocaleLowerCase();if(n===o){return Infinity}if(e.pathname.length<t.pathname.length){return 0}if(i==="auto"){var r=__spreadArray([e.origin.toLocaleLowerCase()],n.split("/").filter((function(e){return!!e})),true);var a=__spreadArray([t.origin.toLocaleLowerCase()],o.split("/").filter((function(e){return!!e})),true);var s=getSimilarityScore(r,a);return Math.min(r.length,a.length)===s?s:0}return 0};var getSimilarityScore=function(e,t){if(!(e===null||e===void 0?void 0:e.length)||!(t===null||t===void 0?void 0:t.length)){return 0}var i=0;for(;i<Math.min(e.length,t.length);i++){if(e[i]!==t[i]){return 0}}return i};var request=null;var osFlyoutCache=null;var getPPMConfig=function(){var e=document.querySelector("#PPM_HEADER_DATA");if(e===null||e===void 0?void 0:e.textContent){return JSON.parse(e.textContent)}return null};var getLocalizedConfig=function(e){var t=e.projectId,i=e.environment,n=e.language,o=e.cookieKey,r=e.localStorageKey,a=e.activeRouteProp,s=e.localizedCustomConfig,l=e.osFlyoutOverrides;return __awaiter(void 0,void 0,void 0,(function(){var e,c,d,u,h,f,g;return __generator(this,(function(p){switch(p.label){case 0:d=getPPMConfig();h=null;if(!d)return[3,1];u=d;f=document.documentElement.lang;return[3,3];case 1:if(!request){request=fetchConfig(t,i)}return[4,request];case 2:h=p.sent();f=getUserLang(Object.keys(h),n,r,o);if(f===undefined){throw new Error("Internet Header: unable to determine current language")}u=Object.assign({},h[f]);p.label=3;case 3:if(s){g=((e=s===null||s===void 0?void 0:s.header)===null||e===void 0?void 0:e.navMain)?Object.assign(Object.assign({},u.header),{navMain:__spreadArray(__spreadArray([],u.header.navMain,true),s.header.navMain,true)}):u.header;u=Object.assign(Object.assign({},u),{header:g})}if(l)u.header.navMain=mergeOsFlyoutOverrides(u,l);if(a)u.header.navMain=markActiveRoute(u.header.navMain,a);setMainNavigationIds((c=u===null||u===void 0?void 0:u.header)===null||c===void 0?void 0:c.navMain);persistLanguageChoice(f,o,r);return[2,u]}}))}))};var mergeOsFlyoutOverrides=function(e,t){if(!t)return e.header.navMain;return e.header.navMain.map((function(e){var i,n;if(e.id!=="flyout_os")return e;if(osFlyoutCache===null){osFlyoutCache=JSON.parse(JSON.stringify(e))}var o=(i=t.text)!==null&&i!==void 0?i:osFlyoutCache.text;var r=(n=t.title)!==null&&n!==void 0?n:osFlyoutCache.title;if(!osFlyoutCache.flyout||osFlyoutCache.flyout.length===0||!t.flyout||t.flyout.length===0)return Object.assign(Object.assign({},e),{title:r,text:o});var a=__spreadArray(__spreadArray([],osFlyoutCache.flyout.map((function(e,i){var n;var o=t.flyout[i];var r=(n=o.title)!==null&&n!==void 0?n:e.title;var a=o.linkList?t.flyout[i].linkList:[];return{title:r,linkList:__spreadArray(__spreadArray([],e.linkList,true),a,true)}})),true),t.flyout.slice(osFlyoutCache.flyout.length),true);return Object.assign(Object.assign({},e),{text:o,title:r,flyout:a})}))};var fetchConfig=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var i,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!isValidProjectId(e)){throw new Error('Internet Header: invalid project id "'.concat(e,'"'))}if(e==="test"){t="int01"}i=generateConfigUrl(e,t);r.label=1;case 1:r.trys.push([1,4,,5]);return[4,fetch(i)];case 2:n=r.sent();return[4,n.json()];case 3:return[2,r.sent()];case 4:o=r.sent();throw new Error("Internet Header: fetching config failed. ".concat(o.message));case 5:return[2]}}))}))};var generateConfigUrl=function(e,t){if(e==="test")return"assets/config/test-configuration.json";var i=t.toLowerCase();var n=i==="prod";var o="https://".concat(n?"www":"int",".post.ch");try{return new URL("".concat(o,"/api/headerjs/Json?serviceid=").concat(encodeURIComponent(e)).concat(!n?"&environment="+i:"")).toString()}catch(e){throw new Error("Internet Header: Config URL is invalid.")}};var isValidProjectId=function(e){return e!==""&&e.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(e)};var getLocalizedCustomConfig=function(e,t){var i;var n;try{n=typeof e==="string"?JSON.parse(e):e}catch(e){throw new Error("Internet Header: Custom config is invalid. Make sure your custom config contains valid JSON syntax and matches the definition. ")}var o=n[t];if((i=o===null||o===void 0?void 0:o.header)===null||i===void 0?void 0:i.navMain)setMainNavigationIds(o.header.navMain);return o};var setMainNavigationIds=function(e){e.forEach((function(e){e.id=e.id==="flyout_os"?e.id:uniqueId("main-nav-")}))};var name="@swisspost/internet-header";var version="1.9.0";var description="The header for client facing applications.";var author="Swiss Post <oss@post.ch>";var license="Apache-2.0";var repository={type:"git",url:"https://github.com/swisspost/design-system.git"};var homepage="https://next.design-system.post.ch";var bugs={url:"https://github.com/swisspost/design-system/issues"};var main="loader/index.cjs.js";var module="loader/index.js";var es2015="loader/index.es2017.js";var es2017="loader/index.es2017.js";var types="loader/index.d.ts";var collection="dist/collection/collection-manifest.json";var unpkg="loader/cdn.js";var publishConfig={access:"public"};var files=["dist/","loader/"];var scripts={dev:"stencil build --serve --watch --docs-readme",start:"stencil build --watch --docs-readme",build:"stencil build --docs-readme",clean:"rimraf www dist loader",test:"npm run unit",unit:"jest","unit:watch":"jest --watch",e2e:"cypress run","e2e:watch":"cypress open",lint:"eslint src/**/*{.ts,.tsx}","lint:fix":"eslint src/**/*{.ts,.tsx} --fix",generate:"stencil generate"};var dependencies={"@stencil/core":"3.4.2","@stencil/store":"2.0.9","@swisspost/design-system-styles":"workspace:6.3.0","body-scroll-lock":"4.0.0-beta.0","iframe-resizer":"4.3.6",jquery:"3.7.0",tabbable:"6.2.0","throttle-debounce":"5.0.0","url-polyfill":"1.1.12"};var devDependencies={"@babel/core":"7.22.10","@percy/cli":"1.26.3","@percy/cypress":"3.1.2","@stencil/eslint-plugin":"0.4.0","@stencil/sass":"3.0.5","@types/iframe-resizer":"3.5.9","@types/jest":"27.5.2","@types/jquery":"3.5.16","@types/node":"18.17.5","@types/throttle-debounce":"5.0.0","babel-loader":"9.1.3",bootstrap:"5.3.1",cypress:"12.17.3","cypress-each":"1.13.3","cypress-storybook":"0.5.1","eslint-plugin-react":"7.33.1",globby:"13.2.2",jest:"27.5.1",rimraf:"5.0.1","rollup-plugin-node-polyfills":"0.2.1","rollup-plugin-scss":"4.0.0","rollup-plugin-visualizer":"5.9.2",sass:"1.65.1","start-server-and-test":"2.0.0","ts-jest":"27.1.5",typescript:"4.9.5"};var packageJson={name:name,version:version,description:description,author:author,license:license,repository:repository,homepage:homepage,bugs:bugs,main:main,module:module,es2015:es2015,es2017:es2017,"jsnext:main":"loader/index.es2017.js",types:types,collection:collection,"collection:main":"dist/collection/index.js",unpkg:unpkg,publishConfig:publishConfig,files:files,scripts:scripts,dependencies:dependencies,devDependencies:devDependencies};var registerLogoAnimationObserver=function(e,t){var i=function(){var i=state.stickyness==="full";var n=1;var o=t.clientHeight-1;var r=i?0:window.scrollY;if(e.clientHeight>0){n=Math.max((o-Math.max(r,0))/(o-e.clientHeight),1)}t.style.setProperty("--logo-scale",n.toString())};var n=debounce(150,i);var o=new IntersectionObserver((function(e){e.forEach((function(e){if(e.isIntersecting&&e.intersectionRatio>0){window.addEventListener("scroll",i,{passive:true});window.addEventListener("resize",n);window.requestAnimationFrame(i)}else{window.removeEventListener("scroll",i);window.removeEventListener("resize",n);window.requestAnimationFrame(i)}}))}),{threshold:[0,.001]});o.observe(e);return i};var postInternetHeaderCss='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;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){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:black}.nav-link:focus-visible{z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-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{--logo-scale:1}@media (max-width: 1023.98px){:host{--logo-scale:1 !important}}post-logo{height:var(--header-height);-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scale(var(--logo-scale));transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height) * var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height:3.5rem;--meta-header-height:0px;--language-dropdown-margin-top:0px}@media (min-width: 1024px){:host{--meta-header-height:3rem;--header-height:4rem}}@media (min-width: 1280px){:host{--header-height:4.5rem}}:host([meta=false]){--meta-header-height:0px;--language-dropdown-margin-top:1px}@supports ((position: -webkit-sticky) or (position: sticky)){:host(:not(.stickyness-none)){position:-webkit-sticky;position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px) * -1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px) * -1);-webkit-transition:top 200ms ease-in;transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px) * -1);-webkit-transition:top 200ms ease-out;transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid hsl(0, 0%, 90%);background-color:white}.main-navigation-container{display:-ms-flexbox;display:flex}.main-navigation-container>.main-navigation-controls{-ms-flex:0 0 auto;flex:0 0 auto}.main-navigation{display:-ms-flexbox;display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:-ms-flexbox;display:flex;background:white;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:-ms-flexbox;display:flex;margin-left:auto}@media (max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media (min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid hsl(0, 0%, 90%)}.menu-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid hsl(0, 0%, 90%);-ms-flex-order:1;order:1;}@media (min-width: 1024px){.menu-button{display:none}}@media (min-width: 600px) and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:0.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}';var PostInternetHeader=function(){function e(e){registerInstance(this,e);this.headerLoaded=createEvent(this,"headerLoaded",7);this.lastScrollTop=window.scrollY||document.documentElement.scrollTop;this.lastWindowWidth=window.innerWidth;this.handleClickOutsideBound=this.handleClickOutside.bind(this);this.project=undefined;this.stickyness="minimal";this.language=undefined;this.meta=true;this.login=true;this.search=true;this.skiplinks=true;this.configProxy=undefined;this.environment="prod";this.languageSwitchOverrides=undefined;this.customConfig=undefined;this.languageCookieKey=undefined;this.languageLocalStorageKey="swisspost-internet-header-language";this.activeRoute="auto";this.osFlyoutOverrides=undefined;this.fullWidth=false;this.activeFlyout=null;this.activeDropdownElement=null;if(this.project===undefined||this.project===""||!isValidProjectId(this.project)){throw new Error('Internet Header project key is "'.concat(this.project,'". Please provide a valid project key.'))}}e.prototype.getCurrentLanguage=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){return[2,(e=state.currentLanguage)!==null&&e!==void 0?e:"de"]}))}))};e.prototype.connectedCallback=function(){var e=this;this.throttledScroll=throttle(300,(function(){return e.handleScrollEvent()}));this.debouncedResize=debounce(200,(function(){return e.handleResize()}));window.addEventListener("scroll",this.throttledScroll,{passive:true});window.addEventListener("resize",this.debouncedResize,{passive:true})};e.prototype.disconnectedCallback=function(){window.removeEventListener("scroll",this.throttledScroll);window.removeEventListener("resize",this.debouncedResize);dispose()};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);state.projectId=this.project;state.stickyness=this.stickyness;state.environment=this.environment.toLocaleLowerCase();if(this.language!==undefined)state.currentLanguage=this.language;state.languageSwitchOverrides=typeof this.languageSwitchOverrides==="string"?JSON.parse(this.languageSwitchOverrides):this.languageSwitchOverrides;state.osFlyoutOverrides=typeof this.osFlyoutOverrides==="string"?JSON.parse(this.osFlyoutOverrides):this.osFlyoutOverrides;if(this.customConfig!==undefined&&state.currentLanguage!==null){state.localizedCustomConfig=getLocalizedCustomConfig(this.customConfig,state.currentLanguage)}e=state;return[4,getLocalizedConfig({projectId:this.project,environment:state.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();return[3,3];case 2:t=i.sent();console.error(t);return[3,3];case 3:return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;window.requestAnimationFrame((function(){e.handleResize();e.headerLoaded.emit();e.host.classList.add("header-loaded");if(e.meta&&e.metaNav){e.updateLogoAnimation=registerLogoAnimationObserver(e.metaNav,e.host)}}));if(this.stickyness==="full")console.warn('Internet Header: The stickyness="full" option is deprecated.')};e.prototype.handleLanguageChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:state.currentLanguage=e;t=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:e,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:t.localizedConfig=i.sent();if(this.customConfig)state.localizedCustomConfig=getLocalizedCustomConfig(this.customConfig,e);return[2]}}))}))};e.prototype.handleAvailableLanguagesChage=function(e){state.languageSwitchOverrides=typeof e==="string"?JSON.parse(e):e};e.prototype.handleOsFlyoutOverrides=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:state.osFlyoutOverrides=typeof e==="string"?JSON.parse(e):e;t=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:t.localizedConfig=i.sent();return[2]}}))}))};e.prototype.handleActiveRouteChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:e,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:t.localizedConfig=i.sent();return[2]}}))}))};e.prototype.handleCustomConfigChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:if(this.language===undefined)return[2];t=getLocalizedCustomConfig(e,this.language);state.localizedCustomConfig=t;i=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:t,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:i.localizedConfig=n.sent();return[2]}}))}))};e.prototype.handleSearchChange=function(e){state.search=e};e.prototype.handleLoginChange=function(e){state.login=e};e.prototype.handleMetaChange=function(e){state.meta=e};e.prototype.handleLanguageChangeEvent=function(e){this.handleLanguageChange(e.detail)};e.prototype.handleStickynessChange=function(e){state.stickyness=e;this.updateLogoAnimation()};e.prototype.handleClickOutside=function(e){if(this.activeDropdownElement&&!e.composedPath().includes(this.activeDropdownElement)){this.activeDropdownElement.toggleDropdown(false)}};e.prototype.handleKeyUp=function(e){if(e.key==="Escape"){if(this.activeDropdownElement){this.activeDropdownElement.toggleDropdown(false)}if(this.activeFlyout!==null&&this.mainNav){this.mainNav.toggleDropdown(false)}}};e.prototype.handleScrollEvent=function(){var e=window.scrollY||document.documentElement.scrollTop;if(this.stickyness==="minimal"){this.host.classList.toggle("scrolling-up",e<=this.lastScrollTop)}this.lastScrollTop=e<=0?0:e};e.prototype.handleResize=function(){var e;if(this.isMainNavOpen()&&this.lastWindowWidth<1024&&window.innerWidth>=1024){(e=this.activeDropdownElement)===null||e===void 0?void 0:e.toggleDropdown(false)}this.lastWindowWidth=window.innerWidth};e.prototype.handleDropdownToggled=function(e){var t=this;if(!e.detail.open&&this.activeDropdownElement!==e.detail.element){return}if(e.detail.open===true){if(this.activeDropdownElement){this.activeDropdownElement.toggleDropdown(false)}this.activeDropdownElement=e.detail.element;if(window.innerWidth>=1024){window.setTimeout((function(){window.addEventListener("click",t.handleClickOutsideBound)}),10)}if(this.activeFlyout!==null&&this.mainNav){this.mainNav.setActiveFlyout(null)}}else{this.activeDropdownElement=null;window.removeEventListener("click",this.handleClickOutsideBound)}};e.prototype.handleFlyoutToggled=function(e){this.activeFlyout=e.detail;if(this.activeDropdownElement&&e.detail&&!this.isMainNavOpen()){this.activeDropdownElement.toggleDropdown(false)}};e.prototype.toggleMobileDropdown=function(){var e;(e=this.mainNav)===null||e===void 0?void 0:e.toggleDropdown()};e.prototype.isMainNavOpen=function(){return this.activeDropdownElement&&this.activeDropdownElement.tagName==="POST-MAIN-NAVIGATION"};e.prototype.render=function(){var e=this;var t,i,n;if(!((t=state.localizedConfig)===null||t===void 0?void 0:t.header)){console.error(new Error("Internet Header: Config cannot be loaded"));return}var o=state.localizedConfig;var r=this.meta&&o.header.navMeta!==undefined&&((i=o.header.navMeta)===null||i===void 0?void 0:i.filter((function(e){return!e.isHomeLink})).length)>0;var a=((n=this.login)!==null&&n!==void 0?n:!o.header.isLoginWidgetHidden)&&o.header.loginWidgetOptions;var s=o.header.navLang.length>1;return h(Host,{class:"stickyness-".concat(this.stickyness," ").concat(this.activeDropdownElement||this.activeFlyout?"dropdown-open":""),"data-version":packageJson.version,onKeyup:function(t){return e.handleKeyUp(t)}},h("header",{class:"post-internet-header".concat(this.fullWidth?" full-width":"")},h(SvgSprite,null),h("h1",{class:"visually-hidden"},translate("Navigate on post.ch")),h(If,{condition:this.skiplinks===true},h("post-skiplinks",null)),h(If,{condition:r===true},h("post-meta-navigation",{orientation:"horizontal",class:"hidden-lg","full-width":this.fullWidth,ref:function(t){return e.metaNav=t}},h(If,{condition:s===true},h("post-language-switch",{id:"post-language-switch-desktop",mode:"dropdown",onDropdownToggled:function(t){return e.handleDropdownToggled(t)}})))),h("div",{class:"main-navigation-container wide-container"},h("post-logo",null),h("button",{class:"menu-button nav-link",onClick:function(){return e.toggleMobileDropdown()},"aria-haspopup":"menu","aria-controls":"post-internet-header-main-navigation","aria-expanded":this.activeDropdownElement?"true":"false"},h("span",{class:"menu-button-text visually-hidden"},o.header.mobileMenu.text),h(SvgIcon,{name:this.isMainNavOpen()?"pi-close":"pi-menu"})),h("post-main-navigation",{onDropdownToggled:function(t){return e.handleDropdownToggled(t)},onFlyoutToggled:function(t){return e.handleFlyoutToggled(t)},ref:function(t){return e.mainNav=t}},h(If,{condition:r===true},h("post-meta-navigation",{orientation:"vertical"},h(If,{condition:s===true},h("post-language-switch",{id:"post-language-switch-mobile",mode:"list"}))))),h("div",{class:"main-navigation-controls"},h(If,{condition:this.search!==false},h("post-search",{onDropdownToggled:function(t){return e.handleDropdownToggled(t)}})),h(If,{condition:!!a},h("post-klp-login-widget",null,h("slot",{name:"login-widget"}))),h(If,{condition:r===false&&s===true},h("post-language-switch",{id:"post-language-switch-no-meta",onDropdownToggled:function(t){return e.handleDropdownToggled(t)},mode:"dropdown"})),h("slot",{name:"main"})))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChage"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}},enumerable:false,configurable:true});return e}();PostInternetHeader.style=postInternetHeaderCss;export{PostInternetHeader as swisspost_internet_header};
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function a(e){try{l(n.next(e))}catch(e){r(e)}}function s(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):o(e.value).then(a,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(n=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];o=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,o=t.length,r;n<o;n++){if(r||!(n in t)){if(!r)r=Array.prototype.slice.call(t,0,n);r[n]=t[n]}}return e.concat(r||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-82f4f02c.js";import{d as debounce,t as throttle}from"./index-d2256e06.js";import{g as getUserLang,p as persistLanguageChoice,t as translate}from"./language.service-bd0f3b6f.js";import{u as uniqueId}from"./utils-ee79122f.js";import{s as state,d as dispose}from"./store-44830922.js";import{S as SvgSprite}from"./svg-sprite.component-c140294e.js";import{S as SvgIcon}from"./svg-icon.component-f2fda279.js";import{I as If}from"./if.component-0fe54385.js";var markActiveRoute=function(e,t){if(t===false){return e}var i;e=resetOverrideConfig(e);if(t==="auto"||t==="exact"){if(hasActivePortalRoute(e)){return resetActiveStateToPortalConfig(e)}i=new URL(window.location.href)}else{try{i=new URL(t,document.location.origin)}catch(i){console.warn("Active Route: ".concat(t," is not a valid URL. Navigation highlighting has been disabled."));return e}}var n=compileScoreList(e,i,t);if(n.length===0){return e}var o=n[0];o.main.isActiveOverride=true;if(o.sub)o.sub.isActiveOverride=true;return e};var hasActivePortalRoute=function(e){return e.filter((function(e){return e.isActive})).length>0};var resetActiveStateToPortalConfig=function(e){return e.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:e.isActive,flyout:e.flyout.map((function(e){return Object.assign(Object.assign({},e),{linkList:e.linkList.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:e.isActive})}))})}))})}))};var resetOverrideConfig=function(e){return e.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:false,flyout:e.flyout.map((function(e){return Object.assign(Object.assign({},e),{linkList:e.linkList.map((function(e){return Object.assign(Object.assign({},e),{isActiveOverride:false})}))})}))})}))};var compileScoreList=function(e,t,i){var n=false;var o=[];e.filter((function(e){return!n&&e})).forEach((function(e){try{var r=compareRoutes(t,new URL(e.url),i);n=updateScoreList(o,r,{main:e,score:r},n)}catch(e){}e.flyout.forEach((function(r){var a;(a=r.linkList)===null||a===void 0?void 0:a.forEach((function(r){if(r.isActive&&(i==="auto"||i==="exact")){n=true;return}try{var a=new URL(r.url);var s=compareRoutes(t,a,i);n=updateScoreList(o,s,{main:e,sub:r,score:s},n)}catch(e){}}))}))}));return o.sort((function(e,t){return t.score-e.score}))};function updateScoreList(e,t,i,n){var o=n;if(t>0){if(t===Infinity)o=true;e.push(i)}return o}var compareRoutes=function(e,t,i){if(!e||!t||e.origin!==t.origin){return 0}var n=e.pathname.toLocaleLowerCase();var o=t.pathname.toLocaleLowerCase();if(n===o){return Infinity}if(e.pathname.length<t.pathname.length){return 0}if(i==="auto"){var r=__spreadArray([e.origin.toLocaleLowerCase()],n.split("/").filter((function(e){return!!e})),true);var a=__spreadArray([t.origin.toLocaleLowerCase()],o.split("/").filter((function(e){return!!e})),true);var s=getSimilarityScore(r,a);return Math.min(r.length,a.length)===s?s:0}return 0};var getSimilarityScore=function(e,t){if(!(e===null||e===void 0?void 0:e.length)||!(t===null||t===void 0?void 0:t.length)){return 0}var i=0;for(;i<Math.min(e.length,t.length);i++){if(e[i]!==t[i]){return 0}}return i};var request=null;var osFlyoutCache=null;var getPPMConfig=function(){var e=document.querySelector("#PPM_HEADER_DATA");if(e===null||e===void 0?void 0:e.textContent){return JSON.parse(e.textContent)}return null};var getLocalizedConfig=function(e){var t=e.projectId,i=e.environment,n=e.language,o=e.cookieKey,r=e.localStorageKey,a=e.activeRouteProp,s=e.localizedCustomConfig,l=e.osFlyoutOverrides;return __awaiter(void 0,void 0,void 0,(function(){var e,c,d,u,h,f,g;return __generator(this,(function(p){switch(p.label){case 0:d=getPPMConfig();h=null;if(!d)return[3,1];u=d;f=document.documentElement.lang;return[3,3];case 1:if(!request){request=fetchConfig(t,i)}return[4,request];case 2:h=p.sent();f=getUserLang(Object.keys(h),n,r,o);if(f===undefined){throw new Error("Internet Header: unable to determine current language")}u=Object.assign({},h[f]);p.label=3;case 3:if(s){g=((e=s===null||s===void 0?void 0:s.header)===null||e===void 0?void 0:e.navMain)?Object.assign(Object.assign({},u.header),{navMain:__spreadArray(__spreadArray([],u.header.navMain,true),s.header.navMain,true)}):u.header;u=Object.assign(Object.assign({},u),{header:g})}if(l)u.header.navMain=mergeOsFlyoutOverrides(u,l);if(a)u.header.navMain=markActiveRoute(u.header.navMain,a);setMainNavigationIds((c=u===null||u===void 0?void 0:u.header)===null||c===void 0?void 0:c.navMain);persistLanguageChoice(f,o,r);return[2,u]}}))}))};var mergeOsFlyoutOverrides=function(e,t){if(!t)return e.header.navMain;return e.header.navMain.map((function(e){var i,n;if(e.id!=="flyout_os")return e;if(osFlyoutCache===null){osFlyoutCache=JSON.parse(JSON.stringify(e))}var o=(i=t.text)!==null&&i!==void 0?i:osFlyoutCache.text;var r=(n=t.title)!==null&&n!==void 0?n:osFlyoutCache.title;if(!osFlyoutCache.flyout||osFlyoutCache.flyout.length===0||!t.flyout||t.flyout.length===0)return Object.assign(Object.assign({},e),{title:r,text:o});var a=__spreadArray(__spreadArray([],osFlyoutCache.flyout.map((function(e,i){var n;var o=t.flyout[i];var r=(n=o.title)!==null&&n!==void 0?n:e.title;var a=o.linkList?t.flyout[i].linkList:[];return{title:r,linkList:__spreadArray(__spreadArray([],e.linkList,true),a,true)}})),true),t.flyout.slice(osFlyoutCache.flyout.length),true);return Object.assign(Object.assign({},e),{text:o,title:r,flyout:a})}))};var fetchConfig=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var i,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!isValidProjectId(e)){throw new Error('Internet Header: invalid project id "'.concat(e,'"'))}if(e==="test"){t="int01"}i=generateConfigUrl(e,t);r.label=1;case 1:r.trys.push([1,4,,5]);return[4,fetch(i)];case 2:n=r.sent();return[4,n.json()];case 3:return[2,r.sent()];case 4:o=r.sent();throw new Error("Internet Header: fetching config failed. ".concat(o.message));case 5:return[2]}}))}))};var generateConfigUrl=function(e,t){if(e==="test")return"assets/config/test-configuration.json";var i=t.toLowerCase();var n=i==="prod";var o="https://".concat(n?"www":"int",".post.ch");try{return new URL("".concat(o,"/api/headerjs/Json?serviceid=").concat(encodeURIComponent(e)).concat(!n?"&environment="+i:"")).toString()}catch(e){throw new Error("Internet Header: Config URL is invalid.")}};var isValidProjectId=function(e){return e!==""&&e.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(e)};var getLocalizedCustomConfig=function(e,t){var i;var n;try{n=typeof e==="string"?JSON.parse(e):e}catch(e){throw new Error("Internet Header: Custom config is invalid. Make sure your custom config contains valid JSON syntax and matches the definition. ")}var o=n[t];if((i=o===null||o===void 0?void 0:o.header)===null||i===void 0?void 0:i.navMain)setMainNavigationIds(o.header.navMain);return o};var setMainNavigationIds=function(e){e.forEach((function(e){e.id=e.id==="flyout_os"?e.id:uniqueId("main-nav-")}))};var name="@swisspost/internet-header";var version="1.9.1";var description="The header for client facing applications.";var author="Swiss Post <oss@post.ch>";var license="Apache-2.0";var repository={type:"git",url:"https://github.com/swisspost/design-system.git"};var homepage="https://next.design-system.post.ch";var bugs={url:"https://github.com/swisspost/design-system/issues"};var main="loader/index.cjs.js";var module="loader/index.js";var es2015="loader/index.es2017.js";var es2017="loader/index.es2017.js";var types="loader/index.d.ts";var collection="dist/collection/collection-manifest.json";var unpkg="loader/cdn.js";var publishConfig={access:"public"};var files=["dist/","loader/"];var scripts={dev:"stencil build --serve --watch --docs-readme",start:"stencil build --watch --docs-readme",build:"stencil build --docs-readme",clean:"rimraf www dist loader",test:"npm run unit",unit:"jest","unit:watch":"jest --watch",e2e:"cypress run","e2e:watch":"cypress open",lint:"eslint src/**/*{.ts,.tsx}","lint:fix":"eslint src/**/*{.ts,.tsx} --fix",generate:"stencil generate"};var dependencies={"@stencil/core":"3.4.2","@stencil/store":"2.0.9","@swisspost/design-system-styles":"workspace:6.4.0","body-scroll-lock":"4.0.0-beta.0","iframe-resizer":"4.3.6",jquery:"3.7.1",tabbable:"6.2.0","throttle-debounce":"5.0.0","url-polyfill":"1.1.12"};var devDependencies={"@babel/core":"7.22.11","@percy/cli":"1.26.3","@percy/cypress":"3.1.2","@stencil/eslint-plugin":"0.4.0","@stencil/sass":"3.0.5","@types/iframe-resizer":"3.5.9","@types/jest":"27.5.2","@types/jquery":"3.5.17","@types/node":"18.17.12","@types/throttle-debounce":"5.0.0","babel-loader":"9.1.3",bootstrap:"5.3.1",cypress:"12.17.4","cypress-each":"1.13.3","cypress-storybook":"0.5.1","eslint-plugin-react":"7.33.2",globby:"13.2.2",jest:"27.5.1",rimraf:"5.0.1","rollup-plugin-node-polyfills":"0.2.1","rollup-plugin-scss":"4.0.0","rollup-plugin-visualizer":"5.9.2",sass:"1.66.1","start-server-and-test":"2.0.0","ts-jest":"27.1.5",typescript:"4.9.5"};var packageJson={name:name,version:version,description:description,author:author,license:license,repository:repository,homepage:homepage,bugs:bugs,main:main,module:module,es2015:es2015,es2017:es2017,"jsnext:main":"loader/index.es2017.js",types:types,collection:collection,"collection:main":"dist/collection/index.js",unpkg:unpkg,publishConfig:publishConfig,files:files,scripts:scripts,dependencies:dependencies,devDependencies:devDependencies};var registerLogoAnimationObserver=function(e,t){var i=function(){var i=state.stickyness==="full";var n=1;var o=t.clientHeight-1;var r=i?0:window.scrollY;if(e.clientHeight>0){n=Math.max((o-Math.max(r,0))/(o-e.clientHeight),1)}t.style.setProperty("--logo-scale",n.toString())};var n=debounce(150,i);var o=new IntersectionObserver((function(e){e.forEach((function(e){if(e.isIntersecting&&e.intersectionRatio>0){window.addEventListener("scroll",i,{passive:true});window.addEventListener("resize",n);window.requestAnimationFrame(i)}else{window.removeEventListener("scroll",i);window.removeEventListener("resize",n);window.requestAnimationFrame(i)}}))}),{threshold:[0,.001]});o.observe(e);return i};var postInternetHeaderCss='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;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){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:black}.nav-link:focus-visible{z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-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{--logo-scale:1}@media (max-width: 1023.98px){:host{--logo-scale:1 !important}}post-logo{height:var(--header-height);-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scale(var(--logo-scale));transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height) * var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height:3.5rem;--meta-header-height:0px;--language-dropdown-margin-top:0px}@media (min-width: 1024px){:host{--meta-header-height:3rem;--header-height:4rem}}@media (min-width: 1280px){:host{--header-height:4.5rem}}:host([meta=false]){--meta-header-height:0px;--language-dropdown-margin-top:1px}@supports ((position: -webkit-sticky) or (position: sticky)){:host(:not(.stickyness-none)){position:-webkit-sticky;position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px) * -1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px) * -1);-webkit-transition:top 200ms ease-in;transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px) * -1);-webkit-transition:top 200ms ease-out;transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid hsl(0, 0%, 90%);background-color:white}.main-navigation-container{display:-ms-flexbox;display:flex}.main-navigation-container>.main-navigation-controls{-ms-flex:0 0 auto;flex:0 0 auto}.main-navigation{display:-ms-flexbox;display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:-ms-flexbox;display:flex;background:white;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:-ms-flexbox;display:flex;margin-left:auto}@media (max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media (min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid hsl(0, 0%, 90%)}.menu-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid hsl(0, 0%, 90%);-ms-flex-order:1;order:1;}@media (min-width: 1024px){.menu-button{display:none}}@media (min-width: 600px) and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:0.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}';var PostInternetHeader=function(){function e(e){registerInstance(this,e);this.headerLoaded=createEvent(this,"headerLoaded",7);this.lastScrollTop=window.scrollY||document.documentElement.scrollTop;this.lastWindowWidth=window.innerWidth;this.handleClickOutsideBound=this.handleClickOutside.bind(this);this.project=undefined;this.stickyness="minimal";this.language=undefined;this.meta=true;this.login=true;this.search=true;this.skiplinks=true;this.configProxy=undefined;this.environment="prod";this.languageSwitchOverrides=undefined;this.customConfig=undefined;this.languageCookieKey=undefined;this.languageLocalStorageKey="swisspost-internet-header-language";this.activeRoute="auto";this.osFlyoutOverrides=undefined;this.fullWidth=false;this.activeFlyout=null;this.activeDropdownElement=null;if(this.project===undefined||this.project===""||!isValidProjectId(this.project)){throw new Error('Internet Header project key is "'.concat(this.project,'". Please provide a valid project key.'))}}e.prototype.getCurrentLanguage=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){return[2,(e=state.currentLanguage)!==null&&e!==void 0?e:"de"]}))}))};e.prototype.connectedCallback=function(){var e=this;this.throttledScroll=throttle(300,(function(){return e.handleScrollEvent()}));this.debouncedResize=debounce(200,(function(){return e.handleResize()}));window.addEventListener("scroll",this.throttledScroll,{passive:true});window.addEventListener("resize",this.debouncedResize,{passive:true})};e.prototype.disconnectedCallback=function(){window.removeEventListener("scroll",this.throttledScroll);window.removeEventListener("resize",this.debouncedResize);dispose()};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,2,,3]);state.projectId=this.project;state.stickyness=this.stickyness;state.environment=this.environment.toLocaleLowerCase();if(this.language!==undefined)state.currentLanguage=this.language;state.languageSwitchOverrides=typeof this.languageSwitchOverrides==="string"?JSON.parse(this.languageSwitchOverrides):this.languageSwitchOverrides;state.osFlyoutOverrides=typeof this.osFlyoutOverrides==="string"?JSON.parse(this.osFlyoutOverrides):this.osFlyoutOverrides;if(this.customConfig!==undefined&&state.currentLanguage!==null){state.localizedCustomConfig=getLocalizedCustomConfig(this.customConfig,state.currentLanguage)}e=state;return[4,getLocalizedConfig({projectId:this.project,environment:state.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();return[3,3];case 2:t=i.sent();console.error(t);return[3,3];case 3:return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;window.requestAnimationFrame((function(){e.handleResize();e.headerLoaded.emit();e.host.classList.add("header-loaded");if(e.meta&&e.metaNav){e.updateLogoAnimation=registerLogoAnimationObserver(e.metaNav,e.host)}}));if(this.stickyness==="full")console.warn('Internet Header: The stickyness="full" option is deprecated.')};e.prototype.handleLanguageChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:state.currentLanguage=e;t=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:e,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:t.localizedConfig=i.sent();if(this.customConfig)state.localizedCustomConfig=getLocalizedCustomConfig(this.customConfig,e);return[2]}}))}))};e.prototype.handleAvailableLanguagesChage=function(e){state.languageSwitchOverrides=typeof e==="string"?JSON.parse(e):e};e.prototype.handleOsFlyoutOverrides=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:state.osFlyoutOverrides=typeof e==="string"?JSON.parse(e):e;t=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:t.localizedConfig=i.sent();return[2]}}))}))};e.prototype.handleActiveRouteChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:e,localizedCustomConfig:state.localizedCustomConfig,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:t.localizedConfig=i.sent();return[2]}}))}))};e.prototype.handleCustomConfigChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:if(this.language===undefined)return[2];t=getLocalizedCustomConfig(e,this.language);state.localizedCustomConfig=t;i=state;return[4,getLocalizedConfig({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:t,osFlyoutOverrides:state.osFlyoutOverrides})];case 1:i.localizedConfig=n.sent();return[2]}}))}))};e.prototype.handleSearchChange=function(e){state.search=e};e.prototype.handleLoginChange=function(e){state.login=e};e.prototype.handleMetaChange=function(e){state.meta=e};e.prototype.handleLanguageChangeEvent=function(e){this.handleLanguageChange(e.detail)};e.prototype.handleStickynessChange=function(e){state.stickyness=e;this.updateLogoAnimation()};e.prototype.handleClickOutside=function(e){if(this.activeDropdownElement&&!e.composedPath().includes(this.activeDropdownElement)){this.activeDropdownElement.toggleDropdown(false)}};e.prototype.handleKeyUp=function(e){if(e.key==="Escape"){if(this.activeDropdownElement){this.activeDropdownElement.toggleDropdown(false)}if(this.activeFlyout!==null&&this.mainNav){this.mainNav.toggleDropdown(false)}}};e.prototype.handleScrollEvent=function(){var e=window.scrollY||document.documentElement.scrollTop;if(this.stickyness==="minimal"){this.host.classList.toggle("scrolling-up",e<=this.lastScrollTop)}this.lastScrollTop=e<=0?0:e};e.prototype.handleResize=function(){var e;if(this.isMainNavOpen()&&this.lastWindowWidth<1024&&window.innerWidth>=1024){(e=this.activeDropdownElement)===null||e===void 0?void 0:e.toggleDropdown(false)}this.lastWindowWidth=window.innerWidth};e.prototype.handleDropdownToggled=function(e){var t=this;if(!e.detail.open&&this.activeDropdownElement!==e.detail.element){return}if(e.detail.open===true){if(this.activeDropdownElement){this.activeDropdownElement.toggleDropdown(false)}this.activeDropdownElement=e.detail.element;if(window.innerWidth>=1024){window.setTimeout((function(){window.addEventListener("click",t.handleClickOutsideBound)}),10)}if(this.activeFlyout!==null&&this.mainNav){this.mainNav.setActiveFlyout(null)}}else{this.activeDropdownElement=null;window.removeEventListener("click",this.handleClickOutsideBound)}};e.prototype.handleFlyoutToggled=function(e){this.activeFlyout=e.detail;if(this.activeDropdownElement&&e.detail&&!this.isMainNavOpen()){this.activeDropdownElement.toggleDropdown(false)}};e.prototype.toggleMobileDropdown=function(){var e;(e=this.mainNav)===null||e===void 0?void 0:e.toggleDropdown()};e.prototype.isMainNavOpen=function(){return this.activeDropdownElement&&this.activeDropdownElement.tagName==="POST-MAIN-NAVIGATION"};e.prototype.render=function(){var e=this;var t,i,n;if(!((t=state.localizedConfig)===null||t===void 0?void 0:t.header)){console.error(new Error("Internet Header: Config cannot be loaded"));return}var o=state.localizedConfig;var r=this.meta&&o.header.navMeta!==undefined&&((i=o.header.navMeta)===null||i===void 0?void 0:i.filter((function(e){return!e.isHomeLink})).length)>0;var a=((n=this.login)!==null&&n!==void 0?n:!o.header.isLoginWidgetHidden)&&o.header.loginWidgetOptions;var s=o.header.navLang.length>1;return h(Host,{class:"stickyness-".concat(this.stickyness," ").concat(this.activeDropdownElement||this.activeFlyout?"dropdown-open":""),"data-version":packageJson.version,onKeyup:function(t){return e.handleKeyUp(t)}},h("header",{class:"post-internet-header".concat(this.fullWidth?" full-width":"")},h(SvgSprite,null),h("h1",{class:"visually-hidden"},translate("Navigate on post.ch")),h(If,{condition:this.skiplinks===true},h("post-skiplinks",null)),h(If,{condition:r===true},h("post-meta-navigation",{orientation:"horizontal",class:"hidden-lg","full-width":this.fullWidth,ref:function(t){return e.metaNav=t}},h(If,{condition:s===true},h("post-language-switch",{id:"post-language-switch-desktop",mode:"dropdown",onDropdownToggled:function(t){return e.handleDropdownToggled(t)}})))),h("div",{class:"main-navigation-container wide-container"},h("post-logo",null),h("button",{class:"menu-button nav-link",onClick:function(){return e.toggleMobileDropdown()},"aria-haspopup":"menu","aria-controls":"post-internet-header-main-navigation","aria-expanded":this.activeDropdownElement?"true":"false"},h("span",{class:"menu-button-text visually-hidden"},o.header.mobileMenu.text),h(SvgIcon,{name:this.isMainNavOpen()?"pi-close":"pi-menu"})),h("post-main-navigation",{onDropdownToggled:function(t){return e.handleDropdownToggled(t)},onFlyoutToggled:function(t){return e.handleFlyoutToggled(t)},ref:function(t){return e.mainNav=t}},h(If,{condition:r===true},h("post-meta-navigation",{orientation:"vertical"},h(If,{condition:s===true},h("post-language-switch",{id:"post-language-switch-mobile",mode:"list"}))))),h("div",{class:"main-navigation-controls"},h(If,{condition:this.search!==false},h("post-search",{onDropdownToggled:function(t){return e.handleDropdownToggled(t)}})),h(If,{condition:!!a},h("post-klp-login-widget",null,h("slot",{name:"login-widget"}))),h(If,{condition:r===false&&s===true},h("post-language-switch",{id:"post-language-switch-no-meta",onDropdownToggled:function(t){return e.handleDropdownToggled(t)},mode:"dropdown"})),h("slot",{name:"main"})))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChage"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}},enumerable:false,configurable:true});return e}();PostInternetHeader.style=postInternetHeaderCss;export{PostInternetHeader as swisspost_internet_header};
 //# sourceMappingURL=swisspost-internet-header.entry.js.map