npm - @swisspost/internet-header - Versions diffs - 1.13.0 → 1.13.1 - Mend

@swisspost/internet-header 1.13.0 → 1.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (313) hide show

package/dist/swisspost-internet-header/{p-136336f4.system.js.map → p-16676174.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["parcelController","getTrackAndTraceApiUrl","id","lang","state","currentLanguage","concat","encodeURIComponent","getTrackAndTraceRedirectUrl","query","_q","packageTrackingRedirectUrl","replace","isParcel","searchConfig","__awaiter","_this","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","exports","class_1","prototype","connectedCallback","this","throttledResize","throttle","handleResize","window","addEventListener","passive","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","componentWillUpdate","searchFlyout","searchDropdownOpen","classList","remove","elementHasTransition","userPrefersReducedMotion","event","propertyName","componentDidUpdate","getBoundingClientRect","add","searchBox","focus","preventScroll","toggleDropdown","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","_r","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","handleSearchInput","trim","clearButton","style","visibility","all","_s","trackAndTraceInfo","parcelSuggestion","deselectSuggestion","handleClearSearchBox","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","translate","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 5;\n }\n}\n\n.start-search-button,\n.clear-search-button {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n padding-right: 1rem;\n padding-left: 0.5rem;\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.clear-search-button {\n right: 3rem;\n padding-right: 0.5rem;\n visibility: hidden;\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, Element, Event, EventEmitter, h, Host, Method, State } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } 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 { equalizeArrays, getSearchRedirectUrl } 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 { elementHasTransition, userPrefersReducedMotion } 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';\nimport { translate } from '../../services/language.service';\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 private clearButton?: HTMLButtonElement;\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.searchFlyout) {\n return;\n }\n\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 // shows or hides clearButton depending on the content of the searchbar\n if (this.clearButton) {\n if (query !== '') {\n this.clearButton.style.visibility = 'visible';\n } else {\n this.clearButton.style.visibility = 'hidden';\n }\n }\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 clear Search box\n * calls handleSearchInput to update/remove suggestions\n /\n private handleClearSearchBox() {\n if (this.searchBox !== undefined) {\n this.searchBox.value = '';\n this.handleSearchInput();\n }\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\n onClick={() => this.handleClearSearchBox()}\n class=\"clear-search-button\"\n type=\"reset\"\n id=\"clearButton\"\n ref={el => (this.clearButton = el)}\n >\n <span class=\"visually-hidden\">{translate('Delete search term')}</span>\n <SvgIcon name=\"pi-close\" />\n </button>\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}: </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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"}
1	+ {"version":3,"names":["parcelController","getTrackAndTraceApiUrl","id","lang","state","currentLanguage","concat","encodeURIComponent","getTrackAndTraceRedirectUrl","query","_q","packageTrackingRedirectUrl","replace","isParcel","searchConfig","__awaiter","_this","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","exports","class_1","prototype","connectedCallback","this","throttledResize","throttle","handleResize","window","addEventListener","passive","disconnectedCallback","removeEventListener","clearAllBodyScrollLocks","componentWillUpdate","searchFlyout","searchDropdownOpen","classList","remove","elementHasTransition","userPrefersReducedMotion","event","propertyName","componentDidUpdate","getBoundingClientRect","add","searchBox","focus","preventScroll","toggleDropdown","force","dropdownToggled","emit","open","element","host","coveoSuggestions","placeSuggestions","value","setFocus","_r","setBodyScroll","shadowRoot","toggleButton","querySelector","innerWidth","disableBodyScroll","enableBodyScroll","handleSearchInput","trim","clearButton","style","visibility","all","_s","trackAndTraceInfo","parcelSuggestion","deselectSuggestion","handleClearSearchBox","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","translate","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 5;\n }\n}\n\n.start-search-button,\n.clear-search-button {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n padding-right: 1rem;\n padding-left: 0.5rem;\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.clear-search-button {\n right: 3rem;\n padding-right: 0.5rem;\n visibility: hidden;\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, Element, Event, EventEmitter, h, Host, Method, State } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } 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 { equalizeArrays, getSearchRedirectUrl } 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 { elementHasTransition, userPrefersReducedMotion } 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';\nimport { translate } from '../../services/language.service';\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 private clearButton?: HTMLButtonElement;\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.searchFlyout) {\n return;\n }\n\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 // shows or hides clearButton depending on the content of the searchbar\n if (this.clearButton) {\n if (query !== '') {\n this.clearButton.style.visibility = 'visible';\n } else {\n this.clearButton.style.visibility = 'hidden';\n }\n }\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 clear Search box\n * calls handleSearchInput to update/remove suggestions\n /\n private handleClearSearchBox() {\n if (this.searchBox !== undefined) {\n this.searchBox.value = '';\n this.handleSearchInput();\n }\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\n onClick={() => this.handleClearSearchBox()}\n class=\"clear-search-button\"\n type=\"reset\"\n id=\"clearButton\"\n ref={el => (this.clearButton = el)}\n >\n <span class=\"visually-hidden\">{translate('Delete search term')}</span>\n <SvgIcon name=\"pi-close\" />\n </button>\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}: </span>\n <span>\n {[\n this.parcelSuggestion?.sending?.product,\n ' ' + this.parcelSuggestion?.sending?.recipient.zipcode,\n ' ' + this.parcelSuggestion?.sending?.recipient.city,\n ', ' + this.parcelSuggestion?.sending?.state,\n ]\n .filter(s => s !== '' && s !== ' ')\n .join('')}\n </span>\n </a>\n </li>\n )}\n {!showPortalRecommendations &&\n this.coveoSuggestions &&\n this.coveoSuggestions.map(suggestion => (\n <li key={suggestion.objectId}>\n <a\n class=\"nav-link\"\n href={suggestion.redirectUrl}\n data-suggestion-text={suggestion.expression}\n onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n >\n <SvgIcon name=\"pi-search\" />\n <HighlightedText text={suggestion.highlighted} />\n </a>\n </li>\n ))}\n {!showPortalRecommendations &&\n this.placeSuggestions &&\n this.placeSuggestions.map(suggestion => (\n <li key={suggestion.id}>\n <a\n class=\"nav-link\"\n href={getPlacesUrl(suggestion)}\n data-suggestion-text={suggestion.name}\n onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n >\n <SvgIcon name=\"pi-place\" />\n <HighlightedText\n text={highlightPlacesString(\n this.searchBox?.value?.trim(),\n suggestion.name,\n )}\n />\n </a>\n </li>\n ))}\n </ul>\n </div>\n </div>\n </div>\n </div>\n </If>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/swisspost-internet-header/{p-7d9a5ba9.system.js → p-18e9ce89.system.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-System.register(["./p-3d724e84.system.js","./p-90495bab.system.js","./p-a27d0d9d.system.js","./p-221cac54.system.js"],(function(n){"use strict";var i,t,l,e,s,a,o;return{setters:[function(n){i=n.r;t=n.h;l=n.H;e=n.g},function(n){s=n.s},function(n){a=n.t},function(n){o=n.S}],execute:function(){var r=":host{display:block}.skiplinks a{position:absolute;top:.5rem;left:.5rem;clip:rect(0 0 0 0);width:1px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem;background:#fff}.skiplinks a:focus-visible{position:absolute;clip:unset;width:auto}";var u=n("P",function(){function n(n){i(this,n)}n.prototype.getMainId=function(){var n;return(n=document.querySelector("main[id]"))===null||n===void 0?void 0:n.getAttribute("id")};n.prototype.setFocus=function(n){var i=this.host.closest(".post-internet-header");if(!i){return}var t=i.querySelector(n);if(t){t.setFocus()}};n.prototype.focusMain=function(){this.setFocus("post-main-navigation")};n.prototype.focusSearch=function(){this.setFocus("post-search")};n.prototype.focusLogin=function(){this.setFocus("post-klp-login-widget")};n.prototype.render=function(){var n=this;var i;var e=(i=s.localizedConfig)===null||i===void 0?void 0:i.header;var r=this.getMainId();if(e===undefined){return}return t(l,null,t("div",{class:"skiplinks"},t("ul",{class:"no-list","aria-label":a("Skip Links")},t("li",null,t("a",{class:"nav-link",href:e.logo.logoLink},t("span",null,e.logo.logoLinkTitle),t(o,{name:"pi-pointy-arrow-right"}))),t("li",null,t("a",{class:"nav-link",href:"#post-internet-header-main-navigation",onClick:function(){return n.focusMain()}},t("span",null,e.translations.navMainAriaLabel),t(o,{name:"pi-pointy-arrow-right"}))),r?t("li",null,t("a",{class:"nav-link",href:"#".concat(r)},t("span",null,a("Go to main content")),t(o,{name:"pi-pointy-arrow-right"}))):null,s.search?t("li",null,t("a",{class:"nav-link",href:"#post-internet-header-search-button",onClick:function(){return n.focusSearch()}},t("span",null,a("Go to search")),t(o,{name:"pi-pointy-arrow-right"}))):null,s.login?t("li",null,t("a",{class:"nav-link",href:"#post-klp-login-widget",onClick:function(){return n.focusLogin()}},t("span",null,a("Go to login")),t(o,{name:"pi-pointy-arrow-right"}))):null)))};Object.defineProperty(n.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});return n}());u.style=r}}}));
-//# sourceMappingURL=p-7d9a5ba9.system.js.map
+System.register(["./p-9c385f74.system.js","./p-9af33755.system.js","./p-ad9a417b.system.js","./p-a7de7323.system.js"],(function(n){"use strict";var i,t,l,e,a,s,o;return{setters:[function(n){i=n.r;t=n.h;l=n.H;e=n.g},function(n){a=n.s},function(n){s=n.t},function(n){o=n.S}],execute:function(){var r=":host{display:block}.skiplinks a{position:absolute;top:.5rem;left:.5rem;clip:rect(0 0 0 0);width:1px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem;background:#fff}.skiplinks a:focus-visible{position:absolute;clip:unset;width:auto}";var u=n("P",function(){function n(n){i(this,n)}n.prototype.getMainId=function(){var n;return(n=document.querySelector("main[id]"))===null||n===void 0?void 0:n.getAttribute("id")};n.prototype.setFocus=function(n){var i=this.host.closest(".post-internet-header");if(!i){return}var t=i.querySelector(n);if(t){t.setFocus()}};n.prototype.focusMain=function(){this.setFocus("post-main-navigation")};n.prototype.focusSearch=function(){this.setFocus("post-search")};n.prototype.focusLogin=function(){this.setFocus("post-klp-login-widget")};n.prototype.render=function(){var n=this;var i;var e=(i=a.localizedConfig)===null||i===void 0?void 0:i.header;var r=this.getMainId();if(e===undefined){return}return t(l,null,t("div",{class:"skiplinks"},t("ul",{class:"no-list","aria-label":s("Skip Links")},t("li",null,t("a",{class:"nav-link",href:e.logo.logoLink},t("span",null,e.logo.logoLinkTitle),t(o,{name:"pi-pointy-arrow-right"}))),t("li",null,t("a",{class:"nav-link",href:"#post-internet-header-main-navigation",onClick:function(){return n.focusMain()}},t("span",null,e.translations.navMainAriaLabel),t(o,{name:"pi-pointy-arrow-right"}))),r?t("li",null,t("a",{class:"nav-link",href:"#".concat(r)},t("span",null,s("Go to main content")),t(o,{name:"pi-pointy-arrow-right"}))):null,a.search?t("li",null,t("a",{class:"nav-link",href:"#post-internet-header-search-button",onClick:function(){return n.focusSearch()}},t("span",null,s("Go to search")),t(o,{name:"pi-pointy-arrow-right"}))):null,a.login?t("li",null,t("a",{class:"nav-link",href:"#post-klp-login-widget",onClick:function(){return n.focusLogin()}},t("span",null,s("Go to login")),t(o,{name:"pi-pointy-arrow-right"}))):null)))};Object.defineProperty(n.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});return n}());u.style=r}}}));
+//# sourceMappingURL=p-18e9ce89.system.js.map

package/dist/swisspost-internet-header/p-1a6d00a4.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-ea99866e.system.js","./p-9c385f74.system.js","./p-9b4d5e90.system.js","./p-9af33755.system.js","./p-986a52bc.system.js","./p-ad9a417b.system.js","./p-40806042.system.js","./p-a7de7323.system.js"],(function(s){"use strict";return{setters:[function(t){s("post_main_navigation",t.P)},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){}}}));
2	+ //# sourceMappingURL=p-1a6d00a4.system.entry.js.map

package/dist/swisspost-internet-header/p-1bdc4b7b.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as i,H as o,g as n}from"./p-e2e1c5d4.js";import{d as s,t as r}from"./p-a74b380d.js";import{g as a,p as l,t as d}from"./p-dc8296bd.js";import{u as c}from"./p-3339310e.js";import{s as h,d as f}from"./p-624d732c.js";import{S as u}from"./p-7ab3cbcb.js";import{S as p}from"./p-2470951e.js";import{I as g}from"./p-cf06f703.js";const m=(t,e)=>{if(e===false){return t}let i;t=y(t);if(e==="auto"\|\|e==="exact"){if(w(t)){return v(t)}i=new URL(window.location.href)}else{try{i=new URL(e,document.location.origin)}catch(i){console.warn(`Active Route: ${e} is not a valid URL. Navigation highlighting has been disabled.`);return t}}const o=b(t,i,e);if(o.length===0){return t}const n=o[0];n.main.isActiveOverride=true;if(n.sub)n.sub.isActiveOverride=true;return t};const w=t=>t.filter((t=>t.isActive)).length>0;const v=t=>t.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:t.isActive,flyout:t.flyout.map((t=>Object.assign(Object.assign({},t),{linkList:t.linkList.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:t.isActive})))})))})));const y=t=>t.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:false,flyout:t.flyout.map((t=>Object.assign(Object.assign({},t),{linkList:t.linkList.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:false})))})))})));const b=(t,e,i)=>{let o=false;const n=[];t.filter((t=>!o&&t)).forEach((t=>{try{const s=k(e,new URL(t.url),i);o=x(n,s,{main:t,score:s},o)}catch(t){}t.flyout.forEach((s=>{var r;(r=s.linkList)===null\|\|r===void 0?void 0:r.forEach((s=>{if(s.isActive&&(i==="auto"\|\|i==="exact")){o=true;return}try{const r=new URL(s.url);const a=k(e,r,i);o=x(n,a,{main:t,sub:s,score:a},o)}catch(t){}}))}))}));return n.sort(((t,e)=>e.score-t.score))};function x(t,e,i,o){let n=o;if(e>0){if(e===Infinity)n=true;t.push(i)}return n}const k=(t,e,i)=>{if(t===null\|\|e===null\|\|t.origin!==e.origin){return 0}const o=t.pathname.toLocaleLowerCase();const n=e.pathname.toLocaleLowerCase();if(o===n){return Infinity}if(t.pathname.length<e.pathname.length){return 0}if(i==="auto"){const i=[t.origin.toLocaleLowerCase(),...o.split("/").filter((t=>t!==null&&t!==""))];const s=[e.origin.toLocaleLowerCase(),...n.split("/").filter((t=>t!==null&&t!==""))];const r=j(i,s);return Math.min(i.length,s.length)===r?r:0}return 0};const j=(t,e)=>{if(t==null\|\|e==null\|\|t.length===0\|\|e.length===0){return 0}let i=0;for(;i<Math.min(t.length,e.length);i++){if(t[i]!==e[i]){return 0}}return i};let O=null;let C=null;const F=()=>{const t=document.querySelector("#PPM_HEADER_DATA");if((t===null\|\|t===void 0?void 0:t.textContent)!=null){return JSON.parse(t.textContent)}return null};const N=async({projectId:t,environment:e,language:i,cookieKey:o,localStorageKey:n,activeRouteProp:s,localizedCustomConfig:r,osFlyoutOverrides:d})=>{var c,h;const f=F();let u;let p=null;let g;if(f){u=f;g=document.documentElement.lang}else{if(O==null){O=I(t,e)}p=await O;g=a(Object.keys(p),i,n,o);if(g===undefined){throw new Error("Internet Header: unable to determine current language")}u=Object.assign({},p[g])}if(r){const t=((c=r===null\|\|r===void 0?void 0:r.header)===null\|\|c===void 0?void 0:c.navMain)?Object.assign(Object.assign({},u.header),{navMain:[...u.header.navMain,...r.header.navMain]}):u.header;u=Object.assign(Object.assign({},u),{header:t})}if(d)u.header.navMain=P(u,d);if(s!=null)u.header.navMain=m(u.header.navMain,s);R((h=u===null\|\|u===void 0?void 0:u.header)===null\|\|h===void 0?void 0:h.navMain);l(g,o,n);return u};const P=(t,e)=>{if(e==null)return t.header.navMain;return t.header.navMain.map((t=>{var i,o;if(t.id!=="flyout_os")return t;if(C===null){C=JSON.parse(JSON.stringify(t))}const n=(i=e.text)!==null&&i!==void 0?i:C.text;const s=(o=e.title)!==null&&o!==void 0?o:C.title;if(C.flyout==null\|\|C.flyout.length===0\|\|e.flyout==null\|\|e.flyout.length===0)return Object.assign(Object.assign({},t),{title:s,text:n});const r=[...C.flyout.map(((t,i)=>{var o;const n=e.flyout[i];const s=(o=n.title)!==null&&o!==void 0?o:t.title;const r=n.linkList!=null?e.flyout[i].linkList:[];return{title:s,linkList:[...t.linkList,...r]}})),...e.flyout.slice(C.flyout.length)];return Object.assign(Object.assign({},t),{text:n,title:s,flyout:r})}))};const I=async(t,e)=>{if(!L(t)){throw new Error(`Internet Header: invalid project id "${t}"`)}if(t==="test"){e="int01"}let i=S(t,e);try{const t=await fetch(i);return await t.json()}catch(t){throw new Error(`Internet Header: fetching config failed. ${t.message}`)}};const S=(t,e)=>{if(t==="test")return"assets/config/test-configuration.json";const i=e.toLowerCase();const o=i==="prod";const n=`https://${o?"www":"int"}.post.ch`;try{return new URL(`${n}/api/headerjs/Json?serviceid=${encodeURIComponent(t)}${!o?"&environment="+i:""}`).toString()}catch(t){throw new Error(`Internet Header: Config URL is invalid.`)}};const L=t=>t!==""&&t.length>0&&/^[a-zA-Z][\w-][a-zA-Z0-9]$/.test(t);const z=(t,e)=>{var i;let o;try{o=typeof t==="string"?JSON.parse(t):t}catch(t){throw new Error(`Internet Header: Custom config is invalid. Make sure your custom config contains valid JSON syntax and matches the definition. `)}let n=o[e];if((i=n===null\|\|n===void 0?void 0:n.header)===null\|\|i===void 0?void 0:i.navMain)R(n.header.navMain);return n};const R=t=>{t.forEach((t=>{t.id=t.id==="flyout_os"?t.id:c("main-nav-")}))};const A="@swisspost/internet-header";const E="1.13.1";const K="The header for client facing applications.";const M="Swiss Post <oss@post.ch>";const T="Apache-2.0";const W={type:"git",url:"https://github.com/swisspost/design-system.git"};const $="https://next.design-system.post.ch";const D={url:"https://github.com/swisspost/design-system/issues"};const H="loader/index.cjs.js";const J="loader/index.js";const U="loader/index.es2017.js";const B="loader/index.d.ts";const _="dist/collection/collection-manifest.json";const q="dist/swisspost-internet-header/swisspost-internet-header.esm.js";const G={access:"public"};const V=["dist/","loader/"];const X={dev:"stencil build --serve --port 9310 --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"};const Z={"@swisspost/design-system-styles":"workspace:6.5.0","body-scroll-lock":"4.0.0-beta.0","iframe-resizer":"4.3.9",jquery:"3.7.1",tabbable:"6.2.0","throttle-debounce":"5.0.0","url-polyfill":"1.1.12"};const Q={"@babel/core":"7.23.5","@percy/cli":"1.27.4","@percy/cypress":"3.1.2","@stencil-community/eslint-plugin":"0.7.1","@stencil/core":"4.6.0","@stencil/sass":"3.0.7","@stencil/store":"2.0.11","@types/body-scroll-lock":"3.1.2","@types/iframe-resizer":"3.5.13","@types/jest":"27.5.2","@types/jquery":"3.5.29","@types/node":"18.19.2","@types/throttle-debounce":"5.0.2","babel-loader":"9.1.3",bootstrap:"5.3.2",cypress:"13.6.0","cypress-each":"1.13.3","cypress-storybook":"0.5.1","eslint-plugin-react":"7.33.2",globby:"14.0.0",jest:"27.5.1",rimraf:"5.0.5","rollup-plugin-node-polyfills":"0.2.1","rollup-plugin-scss":"4.0.0","rollup-plugin-visualizer":"5.10.0",sass:"1.69.5","start-server-and-test":"2.0.3","ts-jest":"27.1.5",typescript:"4.9.5"};const Y={name:A,version:E,description:K,author:M,license:T,repository:W,homepage:$,bugs:D,main:H,module:J,es2017:U,types:B,collection:_,"collection:main":"dist/collection/index.js",unpkg:q,publishConfig:G,files:V,scripts:X,dependencies:Z,devDependencies:Q};const tt=t=>{if(!(t instanceof HTMLElement\|\|t instanceof SVGElement)){return false}const e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((t=>{const i=e.getPropertyValue(t);return i==="auto"\|\|i==="scroll"}))};const et=t=>{let e=t.parentElement;while(e){if(tt(e)){return e}e=e.parentElement}return document};const it=(t,e)=>{const i=et(e);const o=()=>{const o=h.stickyness==="full";let n=1;const s=e.clientHeight-1;const r=i instanceof Element?i.scrollTop:i.documentElement.scrollTop;const a=o?0:r;if(t.clientHeight>0){n=Math.max((s-Math.max(a,0))/(s-t.clientHeight),1)}e.style.setProperty("--logo-scale",n.toString())};const n=s(150,o);const r=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting&&t.intersectionRatio>0){i.addEventListener("scroll",o,{passive:true});window.addEventListener("resize",n);window.requestAnimationFrame(o)}else{i.removeEventListener("scroll",o);window.removeEventListener("resize",n);window.requestAnimationFrame(o)}}))}),{threshold:[0,.001]});r.observe(t);return o};const ot='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-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:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-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:#fff}}.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 #e6e6e6;background-color:#fff}.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:#fff;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 #e6e6e6}.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 #e6e6e6;-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:.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}';const nt=class{async getCurrentLanguage(){var t;return(t=h.currentLanguage)!==null&&t!==void 0?t:"de"}constructor(i){t(this,i);this.headerLoaded=e(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.logoutUrl=undefined;this.activeRoute="auto";this.osFlyoutOverrides=undefined;this.fullWidth=false;this.activeFlyout=null;this.activeDropdownElement=null;if(this.project===undefined\|\|this.project===""\|\|!L(this.project)){throw new Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`)}}connectedCallback(){this.throttledScroll=r(300,(()=>this.handleScrollEvent()));this.debouncedResize=s(200,(()=>this.handleResize()))}disconnectedCallback(){this.scrollParent.removeEventListener("scroll",this.throttledScroll);this.scrollParent.removeEventListener("resize",this.debouncedResize);f()}async componentWillLoad(){this.scrollParent=et(this.host);this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:true});this.scrollParent.addEventListener("resize",this.debouncedResize,{passive:true});try{h.projectId=this.project;h.stickyness=this.stickyness;h.environment=this.environment.toLocaleLowerCase();if(this.language!==undefined)h.currentLanguage=this.language;h.languageSwitchOverrides=typeof this.languageSwitchOverrides==="string"?JSON.parse(this.languageSwitchOverrides):this.languageSwitchOverrides;h.osFlyoutOverrides=typeof this.osFlyoutOverrides==="string"?JSON.parse(this.osFlyoutOverrides):this.osFlyoutOverrides;if(this.customConfig!==undefined){const t=Object.keys(typeof this.customConfig==="string"?JSON.parse(this.customConfig):this.customConfig);const e=h.currentLanguage\|\|a(t,this.language);h.localizedCustomConfig=z(this.customConfig,e)}h.localizedConfig=await N({projectId:this.project,environment:h.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides})}catch(t){console.error(t)}}componentDidLoad(){window.requestAnimationFrame((()=>{this.handleResize();this.headerLoaded.emit();this.host.classList.add("header-loaded");if(this.meta&&this.metaNav){this.updateLogoAnimation=it(this.metaNav,this.host)}}));if(this.stickyness==="full")console.warn('Internet Header: The stickyness="full" option is deprecated.')}async handleLanguageChange(t){h.currentLanguage=t;h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:t,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides});if(this.customConfig)h.localizedCustomConfig=z(this.customConfig,t)}handleAvailableLanguagesChange(t){h.languageSwitchOverrides=typeof t==="string"?JSON.parse(t):t}async handleOsFlyoutOverrides(t){h.osFlyoutOverrides=typeof t==="string"?JSON.parse(t):t;h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides})}async handleActiveRouteChange(t){h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:t,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides})}async handleCustomConfigChange(t){if(this.language===undefined)return;const e=z(t,this.language);h.localizedCustomConfig=e;h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:e,osFlyoutOverrides:h.osFlyoutOverrides})}handleSearchChange(t){h.search=t}handleLoginChange(t){h.login=t}handleMetaChange(t){h.meta=t}handleLanguageChangeEvent(t){void this.handleLanguageChange(t.detail)}handleStickynessChange(t){h.stickyness=t;if(typeof this.updateLogoAnimation==="function")this.updateLogoAnimation()}handleClickOutside(t){if(this.activeDropdownElement&&!t.composedPath().includes(this.activeDropdownElement)){void this.activeDropdownElement.toggleDropdown(false)}}handleKeyUp(t){if(t.key==="Escape"){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.toggleDropdown(false)}}}handleScrollEvent(){const t=this.scrollParent instanceof Document?this.scrollParent.documentElement.scrollTop:this.scrollParent.scrollTop;if(this.stickyness==="minimal"){this.host.classList.toggle("scrolling-up",t<=this.lastScrollTop)}this.lastScrollTop=t<=0?0:t}handleResize(){var t;if(this.isMainNavOpen()&&this.lastWindowWidth<1024&&window.innerWidth>=1024){(t=this.activeDropdownElement)===null\|\|t===void 0?void 0:t.toggleDropdown(false)}this.lastWindowWidth=window.innerWidth}handleDropdownToggled(t){if(!t.detail.open&&this.activeDropdownElement!==t.detail.element){return}if(t.detail.open){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}this.activeDropdownElement=t.detail.element;if(window.innerWidth>=1024){window.setTimeout((()=>{window.addEventListener("click",this.handleClickOutsideBound)}),10)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.setActiveFlyout(null)}}else{this.activeDropdownElement=null;window.removeEventListener("click",this.handleClickOutsideBound)}}handleFlyoutToggled(t){this.activeFlyout=t.detail;if(this.activeDropdownElement&&t.detail&&!this.isMainNavOpen()){void this.activeDropdownElement.toggleDropdown(false)}}toggleMobileDropdown(){var t;(t=this.mainNav)===null\|\|t===void 0?void 0:t.toggleDropdown()}isMainNavOpen(){return this.activeDropdownElement&&this.activeDropdownElement.tagName==="POST-MAIN-NAVIGATION"}render(){var t,e,n;if(!((t=h.localizedConfig)===null\|\|t===void 0?void 0:t.header)){console.error(new Error("Internet Header: Config cannot be loaded"));return}const s=h.localizedConfig;const r=this.meta&&s.header.navMeta!==undefined&&((e=s.header.navMeta)===null\|\|e===void 0?void 0:e.filter((t=>!t.isHomeLink)).length)>0;const a=((n=this.login)!==null&&n!==void 0?n:!s.header.isLoginWidgetHidden)&&s.header.loginWidgetOptions;const l=s.header.navLang.length>1;return i(o,{class:`stickyness-${this.stickyness} ${Boolean(this.activeDropdownElement)\|\|Boolean(this.activeFlyout)?"dropdown-open":""}`,"data-version":Y.version,onKeyup:t=>this.handleKeyUp(t)},i("header",{class:`post-internet-header${this.fullWidth?" full-width":""}`},i(u,null),i("h1",{class:"visually-hidden"},d("Navigate on post.ch")),i(g,{condition:this.skiplinks},i("post-skiplinks",null)),i(g,{condition:r},i("post-meta-navigation",{orientation:"horizontal",class:"hidden-lg","full-width":this.fullWidth,ref:t=>this.metaNav=t},i(g,{condition:l},i("post-language-switch",{id:"post-language-switch-desktop",mode:"dropdown",onDropdownToggled:t=>this.handleDropdownToggled(t)})))),i("div",{class:"main-navigation-container wide-container"},i("post-logo",null),i("button",{class:"menu-button nav-link",onClick:()=>this.toggleMobileDropdown(),"aria-haspopup":"menu","aria-controls":"post-internet-header-main-navigation","aria-expanded":this.activeDropdownElement?"true":"false"},i("span",{class:"menu-button-text visually-hidden"},s.header.mobileMenu.text),i(p,{name:this.isMainNavOpen()?"pi-close":"pi-menu"})),i("post-main-navigation",{onDropdownToggled:t=>this.handleDropdownToggled(t),onFlyoutToggled:t=>this.handleFlyoutToggled(t),ref:t=>this.mainNav=t},i(g,{condition:r},i("post-meta-navigation",{orientation:"vertical"},i(g,{condition:l},i("post-language-switch",{id:"post-language-switch-mobile",mode:"list"}))))),i("div",{class:"main-navigation-controls"},i(g,{condition:this.search},i("post-search",{onDropdownToggled:t=>this.handleDropdownToggled(t)})),i(g,{condition:!!a},i("post-klp-login-widget",{"logout-url":this.logoutUrl},i("slot",{name:"login-widget"}))),i(g,{condition:!r&&l},i("post-language-switch",{id:"post-language-switch-no-meta",onDropdownToggled:t=>this.handleDropdownToggled(t),mode:"dropdown"})),i("slot",{name:"main"})))))}get host(){return n(this)}static get watchers(){return{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChange"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}}};nt.style=ot;export{nt as P};
2	+ //# sourceMappingURL=p-1bdc4b7b.js.map