@swisspost/internet-header 1.7.1 → 1.7.3-beta.0

package/dist/collection/components/post-search/post-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-search.js","sourceRoot":"","sources":["../../../../src/components/post-search/post-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, State, Event, EventEmitter, Method, Element } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { state } from '../../data/store';\nimport { CoveoCompletion } from '../../models/coveo.model';\nimport { GeocodeLocation } from '../../models/geocode.model';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  IsFocusable,\n} from '../../models/header.model';\nimport { getSearchRedirectUrl, equalizeArrays } from '../../services/search/search.service';\nimport { getCoveoSuggestions } from '../../services/search/coveo.service';\nimport {\n  getPlacesUrl,\n  highlightPlacesString,\n  queryPlaces,\n} from '../../services/search/places.service';\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\nimport { HighlightedText } from '../../utils/highlighted.component';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { TrackAndTraceInfo } from '../../models/track-and-trace.model';\nimport { getParcelSuggestion } from '../../services/search/parcel.service';\nimport { If } from '../../utils/if.component';\n\n@Component({\n  tag: 'post-search',\n  styleUrl: 'post-search.scss',\n  shadow: true,\n})\nexport class PostSearch implements HasDropdown, IsFocusable {\n  @State() searchDropdownOpen = false;\n  @State() coveoSuggestions: CoveoCompletion[] = [];\n  @State() placeSuggestions: GeocodeLocation[] = [];\n  @State() parcelSuggestion: (TrackAndTraceInfo & { url: string }) | null = null;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Element() host: DropdownElement;\n  private searchBox?: HTMLInputElement;\n  private searchFlyout: HTMLElement | undefined;\n  private throttledResize: throttle<() => void>;\n\n  connectedCallback() {\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    clearAllBodyScrollLocks();\n  }\n\n  componentWillUpdate() {\n    // Check if search flyout got set to close\n    if (this.searchFlyout && !this.searchDropdownOpen) {\n      this.searchFlyout.classList.remove('open');\n\n      // Check if element has transition applied and whether user prefers to see animations or not\n      if (elementHasTransition(this.searchFlyout, 'transform') && !userPrefersReducedMotion()) {\n        // Wait for CSS transition 'transform' to end before continuing\n        return new Promise<boolean>(resolve => {\n          if (this.searchFlyout === undefined) {\n            return resolve(true);\n          }\n\n          this.searchFlyout.addEventListener('transitionend', event => {\n            if (event.propertyName === 'transform') {\n              resolve(true);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  componentDidUpdate() {\n    // Search flyout got set to open\n    if (this.searchFlyout && this.searchDropdownOpen) {\n      // Force browser to redraw/refresh DOM before adding 'open' class\n      this.searchFlyout.getBoundingClientRect();\n      this.searchFlyout.classList.add('open');\n    }\n\n    // Focus on the searchBox whenever the dropdown is opened\n    if (this.searchDropdownOpen && this.searchBox) {\n      this.searchBox.focus({ preventScroll: true });\n    }\n  }\n\n  public async toggleDropdown(event?: Event): Promise<boolean>;\n  public async toggleDropdown(force?: boolean): Promise<boolean>;\n\n  /**\n   * Toggle the dropdown and optionally force an open/closed state\n   * @param force Boolean to force open/closed state\n   * @returns Boolean indicating open state of the component\n   */\n  @Method()\n  async toggleDropdown(force?: unknown) {\n    this.searchDropdownOpen =\n      force === undefined || typeof force !== 'boolean' ? !this.searchDropdownOpen : force;\n    this.dropdownToggled.emit({ open: this.searchDropdownOpen, element: this.host });\n\n    if (!this.searchDropdownOpen) {\n      // Reset suggestions when dropdown closes\n      this.coveoSuggestions = [];\n      this.placeSuggestions = [];\n      if (this.searchBox) this.searchBox.value = '';\n      this.setFocus();\n    } else {\n      // Get basic suggestions when dropdown opens\n      try {\n        this.coveoSuggestions = await getCoveoSuggestions('');\n      } catch {}\n    }\n\n    this.setBodyScroll();\n\n    return this.searchDropdownOpen;\n  }\n\n  /**\n   * Sets the focus on the search button\n   */\n  @Method()\n  public async setFocus() {\n    const shadowRoot = this.host.shadowRoot;\n    if (shadowRoot === null) {\n      return;\n    }\n    const toggleButton = shadowRoot.querySelector<HTMLElement>('.search-button');\n    if (toggleButton) {\n      toggleButton.focus();\n    }\n  }\n\n  private handleResize() {\n    // Only enable/disable body scroll on resize if the search dropdown is open, otherwise this could lead to side effects in other controls\n    if (this.searchDropdownOpen) {\n      this.setBodyScroll();\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether search dropdown is open or closed in mobile view (width < 1024px)\n   */\n  private setBodyScroll() {\n    if (this.searchDropdownOpen && window.innerWidth < 1024) {\n      disableBodyScroll(this.searchFlyout);\n    } else {\n      enableBodyScroll(this.searchFlyout);\n    }\n  }\n\n  /**\n   * Fetch suggestions from all available sources\n   */\n  private async handleSearchInput() {\n    if (this.searchBox === undefined || state.localizedConfig?.header.search === undefined) {\n      return;\n    }\n    const query = this.searchBox.value.trim();\n\n    const [placeSuggestions, coveoSuggestions, trackAndTraceInfo] = await Promise.all([\n      queryPlaces(query),\n      getCoveoSuggestions(query),\n      getParcelSuggestion(query, state.localizedConfig.header.search),\n    ]);\n\n    this.parcelSuggestion = trackAndTraceInfo;\n\n    // Parcel suggestion is more important than any other\n    if (trackAndTraceInfo) {\n      this.placeSuggestions = [];\n      this.coveoSuggestions = [];\n    } else {\n      [this.coveoSuggestions, this.placeSuggestions] = equalizeArrays(\n        coveoSuggestions,\n        placeSuggestions,\n        7,\n      );\n    }\n\n    this.deselectSuggestion();\n  }\n\n  /**\n   * Start search on enter\n   * @param event\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.searchFlyout === undefined) {\n      return;\n    }\n\n    let selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\n\n    switch (event.key.toLowerCase()) {\n      case 'enter':\n        if (selectedSuggestion) {\n          const selectedHref = selectedSuggestion.getAttribute('href');\n          if (selectedHref !== null) {\n            window.location.href = selectedHref;\n          }\n        } else {\n          this.startSearch();\n        }\n\n        break;\n      case 'arrowdown':\n      case 'arrowup':\n        const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n        this.deselectSuggestion();\n\n        if (event.key.toLowerCase() === 'arrowdown') {\n          if (selectedSuggestion?.parentElement?.nextElementSibling?.firstElementChild) {\n            // Select next suggestion if there's any, otherwise none will be selected\n            selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add(\n              'selected',\n            );\n          } else {\n            // If there are any suggestions, select first suggestion in list\n            if (suggestions.length > 0) {\n              suggestions[0].classList.add('selected');\n            }\n          }\n        } else if (event.key.toLowerCase() === 'arrowup') {\n          if (selectedSuggestion?.parentElement?.previousElementSibling?.firstElementChild) {\n            // Select previous suggestion if there's any, otherwise none will be selected\n\n            selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add(\n              'selected',\n            );\n          } else {\n            // If there are any suggestions, select last suggestion in list\n            if (suggestions.length > 0) {\n              suggestions[suggestions.length - 1].classList.add('selected');\n            }\n          }\n        }\n\n        // Get the newly selected suggestion\n        selectedSuggestion = this.searchFlyout.querySelector('.suggestions > li > a.selected');\n        const suggestedText = selectedSuggestion?.dataset.suggestionText;\n\n        // Update search box value with selected suggestion text\n        if (suggestedText !== undefined && this.searchBox) {\n          this.searchBox.value = suggestedText;\n        }\n\n        break;\n    }\n  }\n\n  /**\n   * Set selected suggestion on mouse enter\n   * @param event\n   */\n  private handleMouseEnterSuggestion(event: MouseEvent) {\n    this.deselectSuggestion();\n\n    // Set hovered suggestion element as selected\n    (event.target as HTMLElement).classList.add('selected');\n  }\n\n  /**\n   * Set selected suggestion on mouse enter\n   * @param event\n   */\n  private handleMouseLeaveSuggestions() {\n    this.deselectSuggestion();\n  }\n\n  /**\n   * Deselect any previously selected suggestion\n   */\n  private deselectSuggestion() {\n    if (this.searchFlyout === undefined) return;\n\n    const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');\n\n    if (selectedSuggestion) {\n      selectedSuggestion.classList.remove('selected');\n    }\n  }\n\n  /**\n   * Redirect to the post search page\n   */\n  private async startSearch() {\n    if (this.searchBox && state.localizedConfig?.header.search) {\n      const redirectUrl = await getSearchRedirectUrl(\n        this.searchBox.value.trim(),\n        state.localizedConfig.header.search,\n      );\n      if (!redirectUrl) return;\n      window.location.href = redirectUrl;\n    }\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) {\n      return;\n    }\n    const { translations, search } = state.localizedConfig.header;\n    const showPortalRecommendations =\n      this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <div class=\"search\">\n          <button\n            id=\"post-internet-header-search-button\"\n            class=\"search-button\"\n            type=\"button\"\n            aria-expanded={`${this.searchDropdownOpen}`}\n            onClick={e => this.toggleDropdown(e)}\n          >\n            <span class=\"visually-hidden\">\n              {this.searchDropdownOpen\n                ? translations.searchToggleExpanded\n                : translations.searchToggle}\n            </span>\n            <SvgIcon name={this.searchDropdownOpen ? 'pi-close' : 'pi-search'} />\n          </button>\n          <If condition={this.searchDropdownOpen}>\n            <div class=\"flyout\" ref={e => (this.searchFlyout = e)}>\n              <div class=\"container box\">\n                <div class=\"row\">\n                  <div class=\"col-xs-12 col-md-10 col-lg-8\">\n                    <div class=\"form-group form-floating\">\n                      <input\n                        type=\"text\"\n                        id=\"searchBox\"\n                        class=\"form-control form-control-lg\"\n                        placeholder={translations.flyoutSearchBoxFloatingLabel}\n                        autocomplete=\"off\"\n                        ref={el => (this.searchBox = el)}\n                        onInput={() => this.handleSearchInput()}\n                        onKeyDown={e => this.handleKeyDown(e)}\n                      />\n                      <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\n                      <button\n                        onClick={() => this.startSearch()}\n                        class=\"nav-link start-search-button\"\n                      >\n                        <span class=\"visually-hidden\">{translations.searchSubmit}</span>\n                        <SvgIcon name=\"pi-search\" />\n                      </button>\n                    </div>\n                    {showPortalRecommendations && (\n                      <h2\n                        id=\"post-internet-header-search-recommendations-title\"\n                        class=\"bold\"\n                      >{search.searchRecommendations.title}</h2>\n                    )}\n                    <ul\n                      class=\"suggestions no-list\"\n                      onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n                      aria-labelledby={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                            >\n                              <span\n                                class=\"search-recommendation__icon\"\n                                innerHTML={recommendation.inlineSvg}\n                              ></span>\n                              <span>{recommendation.label}</span>\n                            </a>\n                          </li>\n                        ))}\n                      {this.parcelSuggestion && this.parcelSuggestion.ok && (\n                        <li>\n                          <a\n                            class=\"nav-link parcel-suggestion\"\n                            href={this.parcelSuggestion.url}\n                            data-suggestion-text={this.searchBox?.value}\n                            onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                          >\n                            <SvgIcon name=\"pi-letter-parcel\" />\n                            <span class=\"bold\">{this.parcelSuggestion?.sending?.id}:&nbsp;</span>\n                            <span>\n                              {this.parcelSuggestion?.sending?.product},{' '}\n                              {this.parcelSuggestion?.sending?.recipient.zipcode}{' '}\n                              {this.parcelSuggestion?.sending?.recipient.city},{' '}\n                              {this.parcelSuggestion?.sending?.state}\n                            </span>\n                          </a>\n                        </li>\n                      )}\n                      {!showPortalRecommendations &&\n                        this.coveoSuggestions &&\n                        this.coveoSuggestions.map(suggestion => (\n                          <li key={suggestion.objectId}>\n                            <a\n                              class=\"nav-link\"\n                              href={suggestion.redirectUrl}\n                              data-suggestion-text={suggestion.expression}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <SvgIcon name=\"pi-search\" />\n                              <HighlightedText text={suggestion.highlighted} />\n                            </a>\n                          </li>\n                        ))}\n                      {!showPortalRecommendations &&\n                        this.placeSuggestions &&\n                        this.placeSuggestions.map(suggestion => (\n                          <li key={suggestion.id}>\n                            <a\n                              class=\"nav-link\"\n                              href={getPlacesUrl(suggestion)}\n                              data-suggestion-text={suggestion.name}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <SvgIcon name=\"pi-place\" />\n                              <HighlightedText\n                                text={highlightPlacesString(\n                                  this.searchBox?.value?.trim(),\n                                  suggestion.name,\n                                )}\n                              />\n                            </a>\n                          </li>\n                        ))}\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </If>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"post-search.js","sourceRoot":"","sources":["../../../../src/components/post-search/post-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AASzC,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,qBAAqB,EACrB,WAAW,GACZ,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAO9C,MAAM,OAAO,UAAU;;8BACS,KAAK;4BACY,EAAE;4BACF,EAAE;4BACyB,IAAI;;EAO9E,iBAAiB;IACf,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;EAC7E,CAAC;EAED,oBAAoB;IAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3D,uBAAuB,EAAE,CAAC;EAC5B,CAAC;EAED,mBAAmB;IACjB,0CAA0C;IAC1C,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MACjD,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;MAE3C,4FAA4F;MAC5F,IAAI,oBAAoB,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE;QACvF,+DAA+D;QAC/D,OAAO,IAAI,OAAO,CAAU,OAAO,CAAC,EAAE;UACpC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE;YACnC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;WACtB;UAED,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE;YAC1D,IAAI,KAAK,CAAC,YAAY,KAAK,WAAW,EAAE;cACtC,OAAO,CAAC,IAAI,CAAC,CAAC;aACf;UACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;OACJ;KACF;EACH,CAAC;EAED,kBAAkB;IAChB,gCAAgC;IAChC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,kBAAkB,EAAE;MAChD,iEAAiE;MACjE,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;MAC1C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;KACzC;IAED,yDAAyD;IACzD,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,SAAS,EAAE;MAC7C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;KAC/C;EACH,CAAC;EAKD;;;;KAIG;EAEH,KAAK,CAAC,cAAc,CAAC,KAAe;IAClC,IAAI,CAAC,kBAAkB;MACrB,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC;IACvF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjF,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC5B,yCAAyC;MACzC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;MAC3B,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;MAC3B,IAAI,IAAI,CAAC,SAAS;QAAE,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC;MAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;SAAM;MACL,4CAA4C;MAC5C,IAAI;QACF,IAAI,CAAC,gBAAgB,GAAG,MAAM,mBAAmB,CAAC,EAAE,CAAC,CAAC;OACvD;MAAC,WAAM,GAAE;KACX;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;IAErB,OAAO,IAAI,CAAC,kBAAkB,CAAC;EACjC,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,QAAQ;IACnB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;IACxC,IAAI,UAAU,KAAK,IAAI,EAAE;MACvB,OAAO;KACR;IACD,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,CAAc,gBAAgB,CAAC,CAAC;IAC7E,IAAI,YAAY,EAAE;MAChB,YAAY,CAAC,KAAK,EAAE,CAAC;KACtB;EACH,CAAC;EAEO,YAAY;IAClB,wIAAwI;IACxI,IAAI,IAAI,CAAC,kBAAkB,EAAE;MAC3B,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;EACH,CAAC;EAED;;KAEG;EACK,aAAa;IACnB,IAAI,IAAI,CAAC,kBAAkB,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI,EAAE;MACvD,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACtC;SAAM;MACL,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACrC;EACH,CAAC;EAED;;KAEG;EACK,KAAK,CAAC,iBAAiB;;IAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,CAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,CAAC,MAAM,MAAK,SAAS,EAAE;MACtF,OAAO;KACR;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE1C,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;MAChF,WAAW,CAAC,KAAK,CAAC;MAClB,mBAAmB,CAAC,KAAK,CAAC;MAC1B,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC;KAChE,CAAC,CAAC;IAEH,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;IAE1C,qDAAqD;IACrD,IAAI,iBAAiB,EAAE;MACrB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;MAC3B,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;KAC5B;SAAM;MACL,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAC7D,gBAAgB,EAChB,gBAAgB,EAChB,CAAC,CACF,CAAC;KACH;IAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED;;;KAGG;EACK,aAAa,CAAC,KAAoB;;IACxC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE;MACnC,OAAO;KACR;IAED,IAAI,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CACtD,gCAAgC,CACjC,CAAC;IAEF,QAAQ,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE;MAC/B,KAAK,OAAO;QACV,IAAI,kBAAkB,EAAE;UACtB,MAAM,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;UAC7D,IAAI,YAAY,KAAK,IAAI,EAAE;YACzB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;WACrC;SACF;aAAM;UACL,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QAED,MAAM;MACR,KAAK,WAAW,CAAC;MACjB,KAAK,SAAS;QACZ,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;QAEhF,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,WAAW,EAAE;UAC3C,IAAI,MAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,0CAAE,kBAAkB,0CAAE,iBAAiB,EAAE;YAC5E,yEAAyE;YACzE,kBAAkB,CAAC,aAAa,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CACjF,UAAU,CACX,CAAC;WACH;eAAM;YACL,gEAAgE;YAChE,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;cAC1B,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aAC1C;WACF;SACF;aAAM,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,SAAS,EAAE;UAChD,IAAI,MAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,0CAAE,sBAAsB,0CAAE,iBAAiB,EAAE;YAChF,6EAA6E;YAE7E,kBAAkB,CAAC,aAAa,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CACrF,UAAU,CACX,CAAC;WACH;eAAM;YACL,+DAA+D;YAC/D,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;cAC1B,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aAC/D;WACF;SACF;QAED,oCAAoC;QACpC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;QACvF,MAAM,aAAa,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,cAAc,CAAC;QAEjE,wDAAwD;QACxD,IAAI,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE;UACjD,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,aAAa,CAAC;SACtC;QAED,MAAM;KACT;EACH,CAAC;EAED;;;KAGG;EACK,0BAA0B,CAAC,KAAiB;IAClD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAE1B,6CAA6C;IAC5C,KAAK,CAAC,MAAsB,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;EAC1D,CAAC;EAED;;;KAGG;EACK,2BAA2B;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED;;KAEG;EACK,kBAAkB;IACxB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS;MAAE,OAAO;IAE5C,MAAM,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAErF,IAAI,kBAAkB,EAAE;MACtB,kBAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;KACjD;EACH,CAAC;EAED;;KAEG;EACK,KAAK,CAAC,WAAW;;IACvB,IAAI,IAAI,CAAC,SAAS,KAAI,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,CAAC,MAAM,CAAA,EAAE;MAC1D,MAAM,WAAW,GAAG,MAAM,oBAAoB,CAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,EAC3B,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CACpC,CAAC;MACF,IAAI,CAAC,WAAW;QAAE,OAAO;MACzB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC;KACpC;EACH,CAAC;EAED,MAAM;;IACJ,IAAI,CAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,MAAK,SAAS,EAAE;MAC/C,OAAO;KACR;IACD,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC;IAC9D,MAAM,yBAAyB,GAC7B,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,MAAK,EAAE,IAAI,CAAA,MAAA,MAAM,CAAC,qBAAqB,0CAAE,KAAK,CAAC,MAAM,IAAG,CAAC,CAAC;IAEjF,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,QAAQ;MACjB,EAAC,SAAS,OAAG;MACb,WAAK,KAAK,EAAC,QAAQ;QACjB,cACE,EAAE,EAAC,oCAAoC,EACvC,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,QAAQ,mBACE,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;UAEpC,YAAM,KAAK,EAAC,iBAAiB,IAC1B,IAAI,CAAC,kBAAkB;YACtB,CAAC,CAAC,YAAY,CAAC,oBAAoB;YACnC,CAAC,CAAC,YAAY,CAAC,YAAY,CACxB;UACP,EAAC,OAAO,IAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAAI,CAC9D;QACT,EAAC,EAAE,IAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB;UACpC,WAAK,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;YACnD,WAAK,KAAK,EAAC,eAAe;cACxB,WAAK,KAAK,EAAC,KAAK;gBACd,WAAK,KAAK,EAAC,8BAA8B;kBACvC,WAAK,KAAK,EAAC,0BAA0B;oBACnC,aACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,WAAW,EAChB,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,8BAA8B,EACpC,WAAW,EAAE,YAAY,CAAC,4BAA4B,EACtD,YAAY,EAAC,KAAK,EAClB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EACvC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GACrC;oBACF,aAAO,OAAO,EAAC,WAAW,IAAE,YAAY,CAAC,4BAA4B,CAAS;oBAC9E,cACE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,KAAK,EAAC,8BAA8B;sBAEpC,YAAM,KAAK,EAAC,iBAAiB,IAAE,YAAY,CAAC,YAAY,CAAQ;sBAChE,EAAC,OAAO,IAAC,IAAI,EAAC,WAAW,GAAG,CACrB,CACL;kBACL,yBAAyB,IAAI,CAC5B,UACE,EAAE,EAAC,mDAAmD,EACtD,KAAK,EAAC,MAAM,IACZ,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAM,CAC3C;kBACD,UACE,KAAK,EAAC,qBAAqB,EAC3B,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,2BAA2B,EAAE,qBACrC,yBAAyB;sBACxC,CAAC,CAAC,mDAAmD;sBACrD,CAAC,CAAC,SAAS;oBAGZ,yBAAyB;sBACxB,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,CACvD,UAAI,GAAG,EAAE,cAAc,CAAC,IAAI;wBAC1B,SACE,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAE,IAAI,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,IAAI,0BACpC,cAAc,CAAC,KAAK,EAC1C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC;0BAErD,YACE,KAAK,EAAC,6BAA6B,EACnC,SAAS,EAAE,cAAc,CAAC,SAAS,GAC7B;0BACR,gBAAO,cAAc,CAAC,KAAK,CAAQ,CACjC,CACD,CACN,CAAC;oBACH,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAE,IAAI,CACpD;sBACE,SACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,0BACT,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,EAC3C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC;wBAErD,EAAC,OAAO,IAAC,IAAI,EAAC,kBAAkB,GAAG;wBACnC,YAAM,KAAK,EAAC,MAAM,IAAE,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO;6BAAE,EAAE;oCAAe;wBACrE,gBACG,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO;6BAAE,OAAO;;0BAAG,GAAG,EAC7C,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO;6BAAE,SAAS,CAAC,OAAO;0BAAE,GAAG,EACtD,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO;6BAAE,SAAS,CAAC,IAAI;;0BAAG,GAAG,EACpD,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO;6BAAE,KAAK,CACjC,CACL,CACD,CACN;oBACA,CAAC,yBAAyB;sBACzB,IAAI,CAAC,gBAAgB;sBACrB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CACtC,UAAI,GAAG,EAAE,UAAU,CAAC,QAAQ;wBAC1B,SACE,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,UAAU,CAAC,WAAW,0BACN,UAAU,CAAC,UAAU,EAC3C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC;0BAErD,EAAC,OAAO,IAAC,IAAI,EAAC,WAAW,GAAG;0BAC5B,EAAC,eAAe,IAAC,IAAI,EAAE,UAAU,CAAC,WAAW,GAAI,CAC/C,CACD,CACN,CAAC;oBACH,CAAC,yBAAyB;sBACzB,IAAI,CAAC,gBAAgB;sBACrB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;;wBAAC,OAAA,CACtC,UAAI,GAAG,EAAE,UAAU,CAAC,EAAE;0BACpB,SACE,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,0BACR,UAAU,CAAC,IAAI,EACrC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC;4BAErD,EAAC,OAAO,IAAC,IAAI,EAAC,UAAU,GAAG;4BAC3B,EAAC,eAAe,IACd,IAAI,EAAE,qBAAqB,CACzB,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,0CAAE,IAAI,EAAE,EAC7B,UAAU,CAAC,IAAI,CAChB,GACD,CACA,CACD,CACN,CAAA;uBAAA,CAAC,CACD,CACD,CACF,CACF,CACF,CACH,CACD,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, State, Event, EventEmitter, Method, Element } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport { state } from '../../data/store';\nimport { CoveoCompletion } from '../../models/coveo.model';\nimport { GeocodeLocation } from '../../models/geocode.model';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  IsFocusable,\n} from '../../models/header.model';\nimport { getSearchRedirectUrl, equalizeArrays } from '../../services/search/search.service';\nimport { getCoveoSuggestions } from '../../services/search/coveo.service';\nimport {\n  getPlacesUrl,\n  highlightPlacesString,\n  queryPlaces,\n} from '../../services/search/places.service';\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\nimport { HighlightedText } from '../../utils/highlighted.component';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { TrackAndTraceInfo } from '../../models/track-and-trace.model';\nimport { getParcelSuggestion } from '../../services/search/parcel.service';\nimport { If } from '../../utils/if.component';\n\n@Component({\n  tag: 'post-search',\n  styleUrl: 'post-search.scss',\n  shadow: true,\n})\nexport class PostSearch implements HasDropdown, IsFocusable {\n  @State() searchDropdownOpen = false;\n  @State() coveoSuggestions: CoveoCompletion[] = [];\n  @State() placeSuggestions: GeocodeLocation[] = [];\n  @State() parcelSuggestion: (TrackAndTraceInfo & { url: string }) | null = null;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Element() host: DropdownElement;\n  private searchBox?: HTMLInputElement;\n  private searchFlyout: HTMLElement | undefined;\n  private throttledResize: throttle<() => void>;\n\n  connectedCallback() {\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    clearAllBodyScrollLocks();\n  }\n\n  componentWillUpdate() {\n    // Check if search flyout got set to close\n    if (this.searchFlyout && !this.searchDropdownOpen) {\n      this.searchFlyout.classList.remove('open');\n\n      // Check if element has transition applied and whether user prefers to see animations or not\n      if (elementHasTransition(this.searchFlyout, 'transform') && !userPrefersReducedMotion()) {\n        // Wait for CSS transition 'transform' to end before continuing\n        return new Promise<boolean>(resolve => {\n          if (this.searchFlyout === undefined) {\n            return resolve(true);\n          }\n\n          this.searchFlyout.addEventListener('transitionend', event => {\n            if (event.propertyName === 'transform') {\n              resolve(true);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  componentDidUpdate() {\n    // Search flyout got set to open\n    if (this.searchFlyout && this.searchDropdownOpen) {\n      // Force browser to redraw/refresh DOM before adding 'open' class\n      this.searchFlyout.getBoundingClientRect();\n      this.searchFlyout.classList.add('open');\n    }\n\n    // Focus on the searchBox whenever the dropdown is opened\n    if (this.searchDropdownOpen && this.searchBox) {\n      this.searchBox.focus({ preventScroll: true });\n    }\n  }\n\n  public async toggleDropdown(event?: Event): Promise<boolean>;\n  public async toggleDropdown(force?: boolean): Promise<boolean>;\n\n  /**\n   * Toggle the dropdown and optionally force an open/closed state\n   * @param force Boolean to force open/closed state\n   * @returns Boolean indicating open state of the component\n   */\n  @Method()\n  async toggleDropdown(force?: unknown) {\n    this.searchDropdownOpen =\n      force === undefined || typeof force !== 'boolean' ? !this.searchDropdownOpen : force;\n    this.dropdownToggled.emit({ open: this.searchDropdownOpen, element: this.host });\n\n    if (!this.searchDropdownOpen) {\n      // Reset suggestions when dropdown closes\n      this.coveoSuggestions = [];\n      this.placeSuggestions = [];\n      if (this.searchBox) this.searchBox.value = '';\n      this.setFocus();\n    } else {\n      // Get basic suggestions when dropdown opens\n      try {\n        this.coveoSuggestions = await getCoveoSuggestions('');\n      } catch {}\n    }\n\n    this.setBodyScroll();\n\n    return this.searchDropdownOpen;\n  }\n\n  /**\n   * Sets the focus on the search button\n   */\n  @Method()\n  public async setFocus() {\n    const shadowRoot = this.host.shadowRoot;\n    if (shadowRoot === null) {\n      return;\n    }\n    const toggleButton = shadowRoot.querySelector<HTMLElement>('.search-button');\n    if (toggleButton) {\n      toggleButton.focus();\n    }\n  }\n\n  private handleResize() {\n    // Only enable/disable body scroll on resize if the search dropdown is open, otherwise this could lead to side effects in other controls\n    if (this.searchDropdownOpen) {\n      this.setBodyScroll();\n    }\n  }\n\n  /**\n   * Disable or re-enable body scrolling, depending on whether search dropdown is open or closed in mobile view (width < 1024px)\n   */\n  private setBodyScroll() {\n    if (this.searchDropdownOpen && window.innerWidth < 1024) {\n      disableBodyScroll(this.searchFlyout);\n    } else {\n      enableBodyScroll(this.searchFlyout);\n    }\n  }\n\n  /**\n   * Fetch suggestions from all available sources\n   */\n  private async handleSearchInput() {\n    if (this.searchBox === undefined || state.localizedConfig?.header.search === undefined) {\n      return;\n    }\n    const query = this.searchBox.value.trim();\n\n    const [placeSuggestions, coveoSuggestions, trackAndTraceInfo] = await Promise.all([\n      queryPlaces(query),\n      getCoveoSuggestions(query),\n      getParcelSuggestion(query, state.localizedConfig.header.search),\n    ]);\n\n    this.parcelSuggestion = trackAndTraceInfo;\n\n    // Parcel suggestion is more important than any other\n    if (trackAndTraceInfo) {\n      this.placeSuggestions = [];\n      this.coveoSuggestions = [];\n    } else {\n      [this.coveoSuggestions, this.placeSuggestions] = equalizeArrays(\n        coveoSuggestions,\n        placeSuggestions,\n        7,\n      );\n    }\n\n    this.deselectSuggestion();\n  }\n\n  /**\n   * Start search on enter\n   * @param event\n   */\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.searchFlyout === undefined) {\n      return;\n    }\n\n    let selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n      '.suggestions > li > a.selected',\n    );\n\n    switch (event.key.toLowerCase()) {\n      case 'enter':\n        if (selectedSuggestion) {\n          const selectedHref = selectedSuggestion.getAttribute('href');\n          if (selectedHref !== null) {\n            window.location.href = selectedHref;\n          }\n        } else {\n          this.startSearch();\n        }\n\n        break;\n      case 'arrowdown':\n      case 'arrowup':\n        const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n        this.deselectSuggestion();\n\n        if (event.key.toLowerCase() === 'arrowdown') {\n          if (selectedSuggestion?.parentElement?.nextElementSibling?.firstElementChild) {\n            // Select next suggestion if there's any, otherwise none will be selected\n            selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add(\n              'selected',\n            );\n          } else {\n            // If there are any suggestions, select first suggestion in list\n            if (suggestions.length > 0) {\n              suggestions[0].classList.add('selected');\n            }\n          }\n        } else if (event.key.toLowerCase() === 'arrowup') {\n          if (selectedSuggestion?.parentElement?.previousElementSibling?.firstElementChild) {\n            // Select previous suggestion if there's any, otherwise none will be selected\n\n            selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add(\n              'selected',\n            );\n          } else {\n            // If there are any suggestions, select last suggestion in list\n            if (suggestions.length > 0) {\n              suggestions[suggestions.length - 1].classList.add('selected');\n            }\n          }\n        }\n\n        // Get the newly selected suggestion\n        selectedSuggestion = this.searchFlyout.querySelector('.suggestions > li > a.selected');\n        const suggestedText = selectedSuggestion?.dataset.suggestionText;\n\n        // Update search box value with selected suggestion text\n        if (suggestedText !== undefined && this.searchBox) {\n          this.searchBox.value = suggestedText;\n        }\n\n        break;\n    }\n  }\n\n  /**\n   * Set selected suggestion on mouse enter\n   * @param event\n   */\n  private handleMouseEnterSuggestion(event: MouseEvent) {\n    this.deselectSuggestion();\n\n    // Set hovered suggestion element as selected\n    (event.target as HTMLElement).classList.add('selected');\n  }\n\n  /**\n   * Set selected suggestion on mouse enter\n   * @param event\n   */\n  private handleMouseLeaveSuggestions() {\n    this.deselectSuggestion();\n  }\n\n  /**\n   * Deselect any previously selected suggestion\n   */\n  private deselectSuggestion() {\n    if (this.searchFlyout === undefined) return;\n\n    const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');\n\n    if (selectedSuggestion) {\n      selectedSuggestion.classList.remove('selected');\n    }\n  }\n\n  /**\n   * Redirect to the post search page\n   */\n  private async startSearch() {\n    if (this.searchBox && state.localizedConfig?.header.search) {\n      const redirectUrl = await getSearchRedirectUrl(\n        this.searchBox.value.trim(),\n        state.localizedConfig.header.search,\n      );\n      if (!redirectUrl) return;\n      window.location.href = redirectUrl;\n    }\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) {\n      return;\n    }\n    const { translations, search } = state.localizedConfig.header;\n    const showPortalRecommendations =\n      this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\n\n    return (\n      <Host 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 => 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={() => this.handleSearchInput()}\n                        onKeyDown={e => this.handleKeyDown(e)}\n                      />\n                      <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\n                      <button\n                        onClick={() => this.startSearch()}\n                        class=\"nav-link start-search-button\"\n                      >\n                        <span class=\"visually-hidden\">{translations.searchSubmit}</span>\n                        <SvgIcon name=\"pi-search\" />\n                      </button>\n                    </div>\n                    {showPortalRecommendations && (\n                      <h2\n                        id=\"post-internet-header-search-recommendations-title\"\n                        class=\"bold\"\n                      >{search.searchRecommendations.title}</h2>\n                    )}\n                    <ul\n                      class=\"suggestions no-list\"\n                      onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n                      aria-labelledby={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                            >\n                              <span\n                                class=\"search-recommendation__icon\"\n                                innerHTML={recommendation.inlineSvg}\n                              ></span>\n                              <span>{recommendation.label}</span>\n                            </a>\n                          </li>\n                        ))}\n                      {this.parcelSuggestion && this.parcelSuggestion.ok && (\n                        <li>\n                          <a\n                            class=\"nav-link parcel-suggestion\"\n                            href={this.parcelSuggestion.url}\n                            data-suggestion-text={this.searchBox?.value}\n                            onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                          >\n                            <SvgIcon name=\"pi-letter-parcel\" />\n                            <span class=\"bold\">{this.parcelSuggestion?.sending?.id}:&nbsp;</span>\n                            <span>\n                              {this.parcelSuggestion?.sending?.product},{' '}\n                              {this.parcelSuggestion?.sending?.recipient.zipcode}{' '}\n                              {this.parcelSuggestion?.sending?.recipient.city},{' '}\n                              {this.parcelSuggestion?.sending?.state}\n                            </span>\n                          </a>\n                        </li>\n                      )}\n                      {!showPortalRecommendations &&\n                        this.coveoSuggestions &&\n                        this.coveoSuggestions.map(suggestion => (\n                          <li key={suggestion.objectId}>\n                            <a\n                              class=\"nav-link\"\n                              href={suggestion.redirectUrl}\n                              data-suggestion-text={suggestion.expression}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <SvgIcon name=\"pi-search\" />\n                              <HighlightedText text={suggestion.highlighted} />\n                            </a>\n                          </li>\n                        ))}\n                      {!showPortalRecommendations &&\n                        this.placeSuggestions &&\n                        this.placeSuggestions.map(suggestion => (\n                          <li key={suggestion.id}>\n                            <a\n                              class=\"nav-link\"\n                              href={getPlacesUrl(suggestion)}\n                              data-suggestion-text={suggestion.name}\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n                            >\n                              <SvgIcon name=\"pi-place\" />\n                              <HighlightedText\n                                text={highlightPlacesString(\n                                  this.searchBox?.value?.trim(),\n                                  suggestion.name,\n                                )}\n                              />\n                            </a>\n                          </li>\n                        ))}\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </If>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/post-skiplinks/post-skiplinks.css

@@ -15,6 +15,7 @@
   background: white;
 }
 .skiplinks a:focus-visible {
+  position: absolute;
   clip: unset;
   width: auto;
 }

package/dist/collection/components/post-skiplinks/post-skiplinks.js

@@ -33,7 +33,7 @@ export class PostSkiplinks {
     if (config === undefined) {
       return;
     }
-    return (h(Host, null, h("div", { class: "skiplinks" }, h("h1", { class: "visually-hidden" }, translate('Navigate on post.ch')), h("ul", { class: "no-list" }, h("li", null, h("a", { class: "nav-link", href: config.logo.logoLink }, h("span", null, config.logo.logoLinkTitle), h(SvgIcon, { name: "pi-pointy-arrow-right" }))), h("li", null, h("a", { class: "nav-link", href: "#post-internet-header-main-navigation", onClick: () => this.focusMain() }, h("span", null, config.translations.navMainAriaLabel), h(SvgIcon, { name: "pi-pointy-arrow-right" }))), mainId ? (h("li", null, h("a", { class: "nav-link", href: `#${mainId}` }, h("span", null, translate('Go to main content')), h(SvgIcon, { name: "pi-pointy-arrow-right" })))) : null, state.search ? (h("li", null, h("a", { class: "nav-link", href: "#post-internet-header-search-button", onClick: () => this.focusSearch() }, h("span", null, translate('Go to search')), h(SvgIcon, { name: "pi-pointy-arrow-right" })))) : null, state.login ? (h("li", null, h("a", { class: "nav-link", href: "#post-klp-login-widget", onClick: () => this.focusLogin() }, h("span", null, translate('Go to login')), h(SvgIcon, { name: "pi-pointy-arrow-right" })))) : null))));
+    return (h(Host, null, h("div", { class: "skiplinks" }, h("ul", { class: "no-list", "aria-label": translate('Skip Links') }, h("li", null, h("a", { class: "nav-link", href: config.logo.logoLink }, h("span", null, config.logo.logoLinkTitle), h(SvgIcon, { name: "pi-pointy-arrow-right" }))), h("li", null, h("a", { class: "nav-link", href: "#post-internet-header-main-navigation", onClick: () => this.focusMain() }, h("span", null, config.translations.navMainAriaLabel), h(SvgIcon, { name: "pi-pointy-arrow-right" }))), mainId ? (h("li", null, h("a", { class: "nav-link", href: `#${mainId}` }, h("span", null, translate('Go to main content')), h(SvgIcon, { name: "pi-pointy-arrow-right" })))) : null, state.search ? (h("li", null, h("a", { class: "nav-link", href: "#post-internet-header-search-button", onClick: () => this.focusSearch() }, h("span", null, translate('Go to search')), h(SvgIcon, { name: "pi-pointy-arrow-right" })))) : null, state.login ? (h("li", null, h("a", { class: "nav-link", href: "#post-klp-login-widget", onClick: () => this.focusLogin() }, h("span", null, translate('Go to login')), h(SvgIcon, { name: "pi-pointy-arrow-right" })))) : null))));
   }
   static get is() { return "post-skiplinks"; }
   static get originalStyleUrls() {

package/dist/collection/components/post-skiplinks/post-skiplinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-skiplinks.js","sourceRoot":"","sources":["../../../../src/components/post-skiplinks/post-skiplinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAOzD,MAAM,OAAO,aAAa;EAGhB,SAAS;;IACf,OAAO,MAAA,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,0CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;EAChE,CAAC;EAEO,QAAQ,CAAC,OAAe;IAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC5D,IAAI,CAAC,QAAQ,EAAE;MACb,OAAO;KACR;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAmB,OAAO,CAAC,CAAC;IACpE,IAAI,SAAS,EAAE;MACb,SAAS,CAAC,QAAQ,EAAE,CAAC;KACtB;EACH,CAAC;EAEO,SAAS;IACf,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;EACxC,CAAC;EAEO,WAAW;IACjB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;EAC/B,CAAC;EAEO,UAAU;IAChB,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;EACzC,CAAC;EAED,MAAM;;IACJ,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IAEhC,IAAI,MAAM,KAAK,SAAS,EAAE;MACxB,OAAO;KACR;IAED,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,WAAW;QACpB,UAAI,KAAK,EAAC,iBAAiB,IAAE,SAAS,CAAC,qBAAqB,CAAC,CAAM;QACnE,UAAI,KAAK,EAAC,SAAS;UACjB;YACE,SAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ;cAC5C,gBAAO,MAAM,CAAC,IAAI,CAAC,aAAa,CAAQ;cACxC,EAAC,OAAO,IAAC,IAAI,EAAC,uBAAuB,GAAG,CACtC,CACD;UACL;YACE,SAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,uCAAuC,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;cAC9F,gBAAO,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAQ;cACnD,EAAC,OAAO,IAAC,IAAI,EAAC,uBAAuB,GAAG,CACtC,CACD;UACJ,MAAM,CAAC,CAAC,CAAC,CACR;YACE,SAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,MAAM,EAAE;cACpC,gBAAO,SAAS,CAAC,oBAAoB,CAAC,CAAQ;cAC9C,EAAC,OAAO,IAAC,IAAI,EAAC,uBAAuB,GAAG,CACtC,CACD,CACN,CAAC,CAAC,CAAC,IAAI;UACP,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd;YACE,SAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,qCAAqC,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;cAC9F,gBAAO,SAAS,CAAC,cAAc,CAAC,CAAQ;cACxC,EAAC,OAAO,IAAC,IAAI,EAAC,uBAAuB,GAAG,CACtC,CACD,CACN,CAAC,CAAC,CAAC,IAAI;UACP,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb;YACE,SAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,wBAAwB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;cAChF,gBAAO,SAAS,CAAC,aAAa,CAAC,CAAQ;cACvC,EAAC,OAAO,IAAC,IAAI,EAAC,uBAAuB,GAAG,CACtC,CACD,CACN,CAAC,CAAC,CAAC,IAAI,CACL,CACD,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { FocusableElement } from '../../models/header.model';\nimport { translate } from '../../services/language.service';\nimport { SvgIcon } from '../../utils/svg-icon.component';\n\n@Component({\n  tag: 'post-skiplinks',\n  styleUrl: 'post-skiplinks.scss',\n  shadow: false,\n})\nexport class PostSkiplinks {\n  @Element() host: HTMLElement;\n\n  private getMainId() {\n    return document.querySelector('main[id]')?.getAttribute('id');\n  }\n\n  private setFocus(tagname: string) {\n    const rootHost = this.host.closest('.post-internet-header');\n    if (!rootHost) {\n      return;\n    }\n\n    const focusable = rootHost.querySelector<FocusableElement>(tagname);\n    if (focusable) {\n      focusable.setFocus();\n    }\n  }\n\n  private focusMain() {\n    this.setFocus('post-main-navigation');\n  }\n\n  private focusSearch() {\n    this.setFocus('post-search');\n  }\n\n  private focusLogin() {\n    this.setFocus('post-klp-login-widget');\n  }\n\n  render() {\n    const config = state.localizedConfig?.header;\n    const mainId = this.getMainId();\n\n    if (config === undefined) {\n      return;\n    }\n\n    return (\n      <Host>\n        <div class=\"skiplinks\">\n          <h1 class=\"visually-hidden\">{translate('Navigate on post.ch')}</h1>\n          <ul class=\"no-list\">\n            <li>\n              <a class=\"nav-link\" href={config.logo.logoLink}>\n                <span>{config.logo.logoLinkTitle}</span>\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\n              </a>\n            </li>\n            <li>\n              <a class=\"nav-link\" href=\"#post-internet-header-main-navigation\" onClick={() => this.focusMain()}>\n                <span>{config.translations.navMainAriaLabel}</span>\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\n              </a>\n            </li>\n            {mainId ? (\n              <li>\n                <a class=\"nav-link\" href={`#${mainId}`}>\n                  <span>{translate('Go to main content')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n            {state.search ? (\n              <li>\n                <a class=\"nav-link\" href=\"#post-internet-header-search-button\" onClick={() => this.focusSearch()}>\n                  <span>{translate('Go to search')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n            {state.login ? (\n              <li>\n                <a class=\"nav-link\" href=\"#post-klp-login-widget\" onClick={() => this.focusLogin()}>\n                  <span>{translate('Go to login')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"post-skiplinks.js","sourceRoot":"","sources":["../../../../src/components/post-skiplinks/post-skiplinks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { FocusableElement } from '../../models/header.model';\nimport { translate } from '../../services/language.service';\nimport { SvgIcon } from '../../utils/svg-icon.component';\n\n@Component({\n  tag: 'post-skiplinks',\n  styleUrl: 'post-skiplinks.scss',\n  shadow: false,\n})\nexport class PostSkiplinks {\n  @Element() host: HTMLElement;\n\n  private getMainId() {\n    return document.querySelector('main[id]')?.getAttribute('id');\n  }\n\n  private setFocus(tagname: string) {\n    const rootHost = this.host.closest('.post-internet-header');\n    if (!rootHost) {\n      return;\n    }\n\n    const focusable = rootHost.querySelector<FocusableElement>(tagname);\n    if (focusable) {\n      focusable.setFocus();\n    }\n  }\n\n  private focusMain() {\n    this.setFocus('post-main-navigation');\n  }\n\n  private focusSearch() {\n    this.setFocus('post-search');\n  }\n\n  private focusLogin() {\n    this.setFocus('post-klp-login-widget');\n  }\n\n  render() {\n    const config = state.localizedConfig?.header;\n    const mainId = this.getMainId();\n\n    if (config === undefined) {\n      return;\n    }\n\n    return (\n      <Host>\n        <div class=\"skiplinks\">\n          <ul class=\"no-list\" aria-label={translate('Skip Links')}>\n            <li>\n              <a class=\"nav-link\" href={config.logo.logoLink}>\n                <span>{config.logo.logoLinkTitle}</span>\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\n              </a>\n            </li>\n            <li>\n              <a class=\"nav-link\" href=\"#post-internet-header-main-navigation\" onClick={() => this.focusMain()}>\n                <span>{config.translations.navMainAriaLabel}</span>\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\n              </a>\n            </li>\n            {mainId ? (\n              <li>\n                <a class=\"nav-link\" href={`#${mainId}`}>\n                  <span>{translate('Go to main content')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n            {state.search ? (\n              <li>\n                <a class=\"nav-link\" href=\"#post-internet-header-search-button\" onClick={() => this.focusSearch()}>\n                  <span>{translate('Go to search')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n            {state.login ? (\n              <li>\n                <a class=\"nav-link\" href=\"#post-klp-login-widget\" onClick={() => this.focusLogin()}>\n                  <span>{translate('Go to login')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/services/config.service.spec.js

@@ -0,0 +1,274 @@
+import * as testConfigRaw from '../assets/config/test-configuration.json';
+import { fetchConfig, generateConfigUrl, getLocalizedConfig, getLocalizedCustomConfig, isMobile, isValidProjectId, mergeOsFlyoutOverrides, setMainNavigationIds, } from './config.service';
+const testConfig = testConfigRaw;
+const customConfig = {
+  de: {
+    header: {
+      navMain: [
+        {
+          title: 'Meine Links (custom config)',
+          text: 'Meine Links',
+          flyout: [
+            {
+              title: 'Google',
+              linkList: [
+                { url: window.location.href, title: 'Google Maps', target: '_blank' },
+                { url: 'http://localhost:3333', title: 'Google Translate' },
+                { url: 'http://localhost:3333/aaa/bbb/ccc', title: 'Google Translate' },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+    footer: {
+      block: {
+        title: 'Eigene Footer-Konfiguration',
+        links: [
+          { url: 'https://fireship.io', text: 'Fireship.io', target: '_blank' },
+          { url: 'https://css-tricks.com', text: 'CSS-Tricks', target: '_blank' },
+          { url: 'https://web.dev', text: 'web.dev', target: '_blank' },
+          { url: 'https://developer.mozilla.org', text: 'MDN Web Docs', target: '_blank' },
+          { url: 'https://getbootstrap.com', text: 'Bootstrap', target: '_blank' },
+          { url: 'https://google.com', text: 'Google', target: '_blank' },
+          { url: 'https://microsoft.com', text: 'Microsoft', target: '_blank' },
+        ],
+      },
+    },
+  },
+  en: {
+    footer: {
+      block: {
+        title: 'Custom footer config',
+        links: [
+          { url: 'https://fireship.io', text: 'Fireship.io', target: '_blank' },
+          { url: 'https://css-tricks.com', text: 'CSS-Tricks', target: '_blank' },
+        ],
+      },
+    },
+  },
+};
+const stringCustomConfig = JSON.stringify(customConfig);
+describe('config.service.ts', () => {
+  global.fetch = jest.fn(() => {
+    return Promise.resolve({
+      json: () => Promise.resolve(testConfig),
+    });
+  });
+  describe('isMobile', () => {
+    it('checks the window width', () => {
+      global.innerWidth = 500;
+      expect(isMobile()).toBe(true);
+      global.innerWidth = 1500;
+      expect(isMobile()).toBe(false);
+    });
+  });
+  describe('isValidProjectId', () => {
+    it('Check if project id is valid', () => {
+      expect(isValidProjectId('test')).toBe(true);
+      expect(isValidProjectId('test123')).toBe(true);
+      expect(isValidProjectId('test-1')).toBe(true);
+      expect(isValidProjectId('test_1')).toBe(true);
+      expect(isValidProjectId('1test')).toBe(false);
+      expect(isValidProjectId(' test')).toBe(false);
+      expect(isValidProjectId('-test')).toBe(false);
+      expect(isValidProjectId('test-')).toBe(false);
+      expect(isValidProjectId('tes!t')).toBe(false);
+      expect(isValidProjectId('test.bla')).toBe(false);
+      expect(isValidProjectId('test,xy')).toBe(false);
+      expect(isValidProjectId('')).toBe(false);
+    });
+  });
+  describe('setMainNavigationIds', () => {
+    it('should replace all main nav ids with browser compatible ids and keep flyout_os', () => {
+      const base = [
+        { id: 123 },
+        { id: 'flyout_os' },
+        { id: '-11' },
+        { id: '%' },
+      ];
+      setMainNavigationIds(base);
+      expect(base).toEqual(expect.arrayContaining([
+        expect.objectContaining({
+          id: expect.stringMatching(/^main-nav-.+|^flyout_os$/gi),
+        }),
+      ]));
+    });
+  });
+  describe('getLocalizedCustomConfig', () => {
+    it('should parse the correct config', () => {
+      expect(typeof getLocalizedCustomConfig(stringCustomConfig, 'de')).toBe('object');
+    });
+    it('should return object if config lang is found', () => {
+      expect(typeof getLocalizedCustomConfig(customConfig, 'de')).toBe('object');
+    });
+    it('should return null if lang is not found in config', () => {
+      expect(getLocalizedCustomConfig(stringCustomConfig, 'kz')).toBe(undefined);
+    });
+  });
+  describe('generateConfigUrl', () => {
+    it('should return a test URL', () => {
+      expect(generateConfigUrl('test', 'int01')).toEqual('assets/config/test-configuration.json');
+    });
+    it('should return an int URL', () => {
+      expect(generateConfigUrl('topos', 'int01')).toEqual('https://int.post.ch/api/headerjs/Json?serviceid=topos&environment=int01');
+    });
+    it('should return prod by default', () => {
+      expect(generateConfigUrl('topos', 'prod')).toEqual('https://www.post.ch/api/headerjs/Json?serviceid=topos');
+    });
+    it('should reduce XSS risk', () => {
+      expect(generateConfigUrl('<script>alert()</script>', 'prod')).toEqual('https://www.post.ch/api/headerjs/Json?serviceid=%3Cscript%3Ealert()%3C%2Fscript%3E');
+    });
+    it('should work with upper case env', () => {
+      /* @ts-expect-error */
+      expect(generateConfigUrl('whatever', 'INT01')).toEqual('https://int.post.ch/api/headerjs/Json?serviceid=whatever&environment=int01');
+    });
+  });
+  describe('fetchConfig', () => {
+    it('should fetch config', async () => {
+      const res = await fetchConfig('test', 'int01');
+      expect(res).toEqual(testConfig);
+      expect(fetch).toHaveBeenCalledTimes(1);
+    });
+  });
+  describe('mergeOsFlyoutOverrides', () => {
+    it('should merge configs correctly', () => {
+      const newConfig = mergeOsFlyoutOverrides(testConfig.de, {
+        title: 'Test',
+      });
+      const osFlyout = newConfig.find(nav => nav.id === 'flyout_os');
+      if (!osFlyout)
+        fail('osFlyout is undefined');
+      expect(osFlyout.title).toBe('Test');
+    });
+    it('should not overwrite function parameter', () => {
+      const newConfig = mergeOsFlyoutOverrides(testConfig.de, {
+        title: 'Test',
+        flyout: [
+          {
+            linkList: [
+              {
+                title: 'Additional link',
+                url: '/',
+              },
+            ],
+          },
+        ],
+      });
+      const osFlyout = newConfig.find(nav => nav.id === 'flyout_os');
+      if (!osFlyout)
+        fail('osFlyout is undefined');
+      expect(osFlyout.flyout[0].linkList.length).toBe(2);
+      const newConfig2 = mergeOsFlyoutOverrides(testConfig.de, {
+        title: 'Test',
+        flyout: [
+          {
+            linkList: [
+              {
+                title: 'Additional link',
+                url: '/',
+              },
+            ],
+          },
+        ],
+      });
+      const osFlyout2 = newConfig2.find(nav => nav.id === 'flyout_os');
+      if (!osFlyout2)
+        fail('osFlyout is undefined');
+      expect(osFlyout2.flyout[0].linkList.length).toBe(2);
+    });
+    it('should extend os flyout with additional columns', () => {
+      const newConfig = mergeOsFlyoutOverrides(testConfig.de, {
+        title: 'Test',
+        flyout: [
+          {
+            linkList: [
+              {
+                title: 'Additional link',
+                url: '/',
+              },
+            ],
+          },
+          {
+            title: 'New column',
+            linkList: [
+              {
+                title: 'Link in new column',
+                url: '/',
+              },
+            ],
+          },
+        ],
+      });
+      const osFlyout = newConfig.find(nav => nav.id === 'flyout_os');
+      if (!osFlyout)
+        fail('osFlyout is undefined');
+      expect(osFlyout.flyout.length).toBe(2);
+    });
+  });
+  describe('getLocalizedConfig', () => {
+    it('should get correct local config', async () => {
+      const config = await getLocalizedConfig({
+        projectId: 'test',
+        environment: 'int01',
+        language: 'de',
+      });
+      expect(config).toEqual(testConfig.de);
+    });
+    it('should modify the config correctly', async () => {
+      const config = await getLocalizedConfig({
+        projectId: 'test',
+        environment: 'int01',
+        language: 'de',
+        localizedCustomConfig: {
+          header: {
+            navMain: [
+              {
+                title: 'New Navmain',
+                flyout: [
+                  {
+                    title: 'New Navcol',
+                    linkList: [
+                      {
+                        title: 'New Navlink',
+                        url: '/',
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+        },
+      });
+      const [lastMainNav] = config.header.navMain.slice(-1);
+      expect(lastMainNav.title).toBe('New Navmain');
+      expect(lastMainNav.flyout.length).toBe(1);
+    });
+    it('should extend flyout_os', async () => {
+      const config = await getLocalizedConfig({
+        projectId: 'test',
+        environment: 'int01',
+        language: 'de',
+        osFlyoutOverrides: {
+          flyout: [
+            {
+              title: 'OS Extender',
+              linkList: [
+                {
+                  title: 'Added link',
+                  url: '/',
+                },
+              ],
+            },
+          ],
+        },
+      });
+      const osFlyout = config.header.navMain.find(nav => nav.id === 'flyout_os');
+      if (!osFlyout)
+        fail('osFlyout is undefined');
+      expect(osFlyout.flyout[0].linkList.length).toBe(2);
+    });
+  });
+});
+//# sourceMappingURL=config.service.spec.js.map

package/dist/collection/services/config.service.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.service.spec.js","sourceRoot":"","sources":["../../../src/services/config.service.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { ICustomConfig, ILocalizedCustomConfig, IPortalConfig } from '../models/general.model';\nimport { NavMainEntity } from '../models/header.model';\nimport * as testConfigRaw from '../assets/config/test-configuration.json';\nimport {\n  fetchConfig,\n  generateConfigUrl,\n  getLocalizedConfig,\n  getLocalizedCustomConfig,\n  isMobile,\n  isValidProjectId,\n  mergeOsFlyoutOverrides,\n  setMainNavigationIds,\n} from './config.service';\n\nconst testConfig: IPortalConfig = testConfigRaw as IPortalConfig;\n\nconst customConfig = {\n  de: {\n    header: {\n      navMain: [\n        {\n          title: 'Meine Links (custom config)',\n          text: 'Meine Links',\n          flyout: [\n            {\n              title: 'Google',\n              linkList: [\n                { url: window.location.href, title: 'Google Maps', target: '_blank' },\n                { url: 'http://localhost:3333', title: 'Google Translate' },\n                { url: 'http://localhost:3333/aaa/bbb/ccc', title: 'Google Translate' },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    footer: {\n      block: {\n        title: 'Eigene Footer-Konfiguration',\n        links: [\n          { url: 'https://fireship.io', text: 'Fireship.io', target: '_blank' },\n          { url: 'https://css-tricks.com', text: 'CSS-Tricks', target: '_blank' },\n          { url: 'https://web.dev', text: 'web.dev', target: '_blank' },\n          { url: 'https://developer.mozilla.org', text: 'MDN Web Docs', target: '_blank' },\n          { url: 'https://getbootstrap.com', text: 'Bootstrap', target: '_blank' },\n          { url: 'https://google.com', text: 'Google', target: '_blank' },\n          { url: 'https://microsoft.com', text: 'Microsoft', target: '_blank' },\n        ],\n      },\n    },\n  },\n  en: {\n    footer: {\n      block: {\n        title: 'Custom footer config',\n        links: [\n          { url: 'https://fireship.io', text: 'Fireship.io', target: '_blank' },\n          { url: 'https://css-tricks.com', text: 'CSS-Tricks', target: '_blank' },\n        ],\n      },\n    },\n  },\n};\nconst stringCustomConfig = JSON.stringify(customConfig);\n\ndescribe('config.service.ts', () => {\n  global.fetch = jest.fn(() => {\n    return Promise.resolve({\n      json: () => Promise.resolve(testConfig),\n    }) as Promise<Response>;\n  });\n\n  describe('isMobile', () => {\n    it('checks the window width', () => {\n      global.innerWidth = 500;\n      expect(isMobile()).toBe(true);\n      global.innerWidth = 1500;\n      expect(isMobile()).toBe(false);\n    });\n  });\n\n  describe('isValidProjectId', () => {\n    it('Check if project id is valid', () => {\n      expect(isValidProjectId('test')).toBe(true);\n      expect(isValidProjectId('test123')).toBe(true);\n      expect(isValidProjectId('test-1')).toBe(true);\n      expect(isValidProjectId('test_1')).toBe(true);\n\n      expect(isValidProjectId('1test')).toBe(false);\n\n      expect(isValidProjectId(' test')).toBe(false);\n      expect(isValidProjectId('-test')).toBe(false);\n      expect(isValidProjectId('test-')).toBe(false);\n      expect(isValidProjectId('tes!t')).toBe(false);\n      expect(isValidProjectId('test.bla')).toBe(false);\n      expect(isValidProjectId('test,xy')).toBe(false);\n      expect(isValidProjectId('')).toBe(false);\n    });\n  });\n\n  describe('setMainNavigationIds', () => {\n    it('should replace all main nav ids with browser compatible ids and keep flyout_os', () => {\n      const base = [\n        { id: 123 },\n        { id: 'flyout_os' },\n        { id: '-11' },\n        { id: '%' },\n      ] as NavMainEntity[];\n      setMainNavigationIds(base);\n      expect(base).toEqual(\n        expect.arrayContaining([\n          expect.objectContaining({\n            id: expect.stringMatching(/^main-nav-.+|^flyout_os$/gi),\n          }),\n        ]),\n      );\n    });\n  });\n\n  describe('getLocalizedCustomConfig', () => {\n    it('should parse the correct config', () => {\n      expect(typeof getLocalizedCustomConfig(stringCustomConfig, 'de')).toBe('object');\n    });\n\n    it('should return object if config lang is found', () => {\n      expect(typeof getLocalizedCustomConfig(customConfig as ICustomConfig, 'de')).toBe('object');\n    });\n\n    it('should return null if lang is not found in config', () => {\n      expect(getLocalizedCustomConfig(stringCustomConfig, 'kz')).toBe(undefined);\n    });\n  });\n\n  describe('generateConfigUrl', () => {\n    it('should return a test URL', () => {\n      expect(generateConfigUrl('test', 'int01')).toEqual('assets/config/test-configuration.json');\n    });\n\n    it('should return an int URL', () => {\n      expect(generateConfigUrl('topos', 'int01')).toEqual(\n        'https://int.post.ch/api/headerjs/Json?serviceid=topos&environment=int01',\n      );\n    });\n\n    it('should return prod by default', () => {\n      expect(generateConfigUrl('topos', 'prod')).toEqual(\n        'https://www.post.ch/api/headerjs/Json?serviceid=topos',\n      );\n    });\n\n    it('should reduce XSS risk', () => {\n      expect(generateConfigUrl('<script>alert()</script>', 'prod')).toEqual(\n        'https://www.post.ch/api/headerjs/Json?serviceid=%3Cscript%3Ealert()%3C%2Fscript%3E',\n      );\n    });\n\n    it('should work with upper case env', () => {\n      /* @ts-expect-error */\n      expect(generateConfigUrl('whatever', 'INT01')).toEqual(\n        'https://int.post.ch/api/headerjs/Json?serviceid=whatever&environment=int01',\n      );\n    });\n  });\n\n  describe('fetchConfig', () => {\n    it('should fetch config', async () => {\n      const res = await fetchConfig('test', 'int01');\n      expect(res).toEqual(testConfig);\n      expect(fetch).toHaveBeenCalledTimes(1);\n    });\n  });\n\n  describe('mergeOsFlyoutOverrides', () => {\n    it('should merge configs correctly', () => {\n      const newConfig = mergeOsFlyoutOverrides(testConfig.de!, {\n        title: 'Test',\n      } as NavMainEntity);\n\n      const osFlyout = newConfig.find(nav => nav.id === 'flyout_os');\n      if (!osFlyout) fail('osFlyout is undefined');\n      expect(osFlyout.title).toBe('Test');\n    });\n\n    it('should not overwrite function parameter', () => {\n      const newConfig = mergeOsFlyoutOverrides(testConfig.de!, {\n        title: 'Test',\n        flyout: [\n          {\n            linkList: [\n              {\n                title: 'Additional link',\n                url: '/',\n              },\n            ],\n          },\n        ],\n      } as NavMainEntity);\n\n      const osFlyout = newConfig.find(nav => nav.id === 'flyout_os');\n      if (!osFlyout) fail('osFlyout is undefined');\n      expect(osFlyout.flyout[0].linkList.length).toBe(2);\n\n      const newConfig2 = mergeOsFlyoutOverrides(testConfig.de!, {\n        title: 'Test',\n        flyout: [\n          {\n            linkList: [\n              {\n                title: 'Additional link',\n                url: '/',\n              },\n            ],\n          },\n        ],\n      } as NavMainEntity);\n      const osFlyout2 = newConfig2.find(nav => nav.id === 'flyout_os');\n      if (!osFlyout2) fail('osFlyout is undefined');\n      expect(osFlyout2.flyout[0].linkList.length).toBe(2);\n    });\n\n    it('should extend os flyout with additional columns', () => {\n      const newConfig = mergeOsFlyoutOverrides(testConfig.de!, {\n        title: 'Test',\n        flyout: [\n          {\n            linkList: [\n              {\n                title: 'Additional link',\n                url: '/',\n              },\n            ],\n          },\n          {\n            title: 'New column',\n            linkList: [\n              {\n                title: 'Link in new column',\n                url: '/',\n              },\n            ],\n          },\n        ],\n      } as NavMainEntity);\n\n      const osFlyout = newConfig.find(nav => nav.id === 'flyout_os');\n      if (!osFlyout) fail('osFlyout is undefined');\n      expect(osFlyout.flyout.length).toBe(2);\n    });\n  });\n\n  describe('getLocalizedConfig', () => {\n    it('should get correct local config', async () => {\n      const config = await getLocalizedConfig({\n        projectId: 'test',\n        environment: 'int01',\n        language: 'de',\n      });\n      expect(config).toEqual(testConfig.de);\n    });\n\n    it('should modify the config correctly', async () => {\n      const config = await getLocalizedConfig({\n        projectId: 'test',\n        environment: 'int01',\n        language: 'de',\n        localizedCustomConfig: {\n          header: {\n            navMain: [\n              {\n                title: 'New Navmain',\n                flyout: [\n                  {\n                    title: 'New Navcol',\n                    linkList: [\n                      {\n                        title: 'New Navlink',\n                        url: '/',\n                      },\n                    ],\n                  },\n                ],\n              },\n            ],\n          },\n        } as ILocalizedCustomConfig,\n      });\n\n      const [lastMainNav] = config.header.navMain.slice(-1);\n\n      expect(lastMainNav.title).toBe('New Navmain');\n      expect(lastMainNav.flyout.length).toBe(1);\n    });\n\n    it('should extend flyout_os', async () => {\n      const config = await getLocalizedConfig({\n        projectId: 'test',\n        environment: 'int01',\n        language: 'de',\n        osFlyoutOverrides: {\n          flyout: [\n            {\n              title: 'OS Extender',\n              linkList: [\n                {\n                  title: 'Added link',\n                  url: '/',\n                },\n              ],\n            },\n          ],\n        } as NavMainEntity,\n      });\n      const osFlyout = config.header.navMain.find(nav => nav.id === 'flyout_os');\n      if (!osFlyout) fail('osFlyout is undefined');\n      expect(osFlyout.flyout[0].linkList.length).toBe(2);\n    });\n  });\n});\n"]}

package/dist/collection/services/route.service.js

@@ -125,8 +125,10 @@ export const compareRoutes = (baseUrl, compareUrl, matchMode) => {
   if (!baseUrl || !compareUrl || baseUrl.origin !== compareUrl.origin) {
     return 0;
   }
+  const baseUrlPath = baseUrl.pathname.toLocaleLowerCase();
+  const compareUrlPath = compareUrl.pathname.toLocaleLowerCase();
   // Exact match, origin and pathname are the same
-  if (baseUrl.pathname === compareUrl.pathname) {
+  if (baseUrlPath === compareUrlPath) {
     return Infinity;
   }
   // The basepath is longer than the comparison, a match is impossible
@@ -134,8 +136,14 @@ export const compareRoutes = (baseUrl, compareUrl, matchMode) => {
     return 0;
   }
   if (matchMode === 'auto') {
-    const baseSegments = [baseUrl.origin, ...baseUrl.pathname.split('/').filter(x => !!x)];
-    const compareSegments = [compareUrl.origin, ...compareUrl.pathname.split('/').filter(x => !!x)];
+    const baseSegments = [
+      baseUrl.origin.toLocaleLowerCase(),
+      ...baseUrlPath.split('/').filter(x => !!x),
+    ];
+    const compareSegments = [
+      compareUrl.origin.toLocaleLowerCase(),
+      ...compareUrlPath.split('/').filter(x => !!x),
+    ];
     const score = getSimilarityScore(baseSegments, compareSegments);
     // If only some segments match, but not the whole smaller array, it's not a match
     return Math.min(baseSegments.length, compareSegments.length) === score ? score : 0;

package/dist/collection/services/route.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.service.js","sourceRoot":"","sources":["../../../src/services/route.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ActiveRouteProp } from '../models/general.model';\nimport { NavMainEntity, MainNavScoreList } from '../models/header.model';\n\n/**\n * Activate the current route based on the config and the match mode\n * @param config Main Navigation Config\n * @param activeRouteProp Match mode\n * @returns Modified Main Navigation Config\n */\nexport const markActiveRoute = (\n  config: NavMainEntity[],\n  activeRouteProp: ActiveRouteProp,\n): NavMainEntity[] => {\n  // Don't highlight any route\n  if (activeRouteProp === false) {\n    return config;\n  }\n\n  // Set compare URL and check if activeRouteProp is valid\n  let compareUrl: URL;\n  config = resetOverrideConfig(config);\n\n  if (activeRouteProp === 'auto' || activeRouteProp === 'exact') {\n    // Check if an active route is already configured, set override to that and return\n    if (hasActivePortalRoute(config)) {\n      return resetActiveStateToPortalConfig(config);\n    }\n\n    compareUrl = new URL(window.location.href);\n  } else {\n    try {\n      compareUrl = new URL(activeRouteProp, document.location.origin);\n    } catch (error) {\n      console.warn(\n        `Active Route: ${activeRouteProp} is not a valid URL. Navigation highlighting has been disabled.`,\n      );\n      return config;\n    }\n  }\n\n  const scoreList = compileScoreList(config, compareUrl, activeRouteProp);\n\n  if (scoreList.length === 0) {\n    // No match found or already active links defined\n    return config;\n  }\n\n  const winnerPair = scoreList[0];\n  winnerPair.main.isActiveOverride = true;\n  if (winnerPair.sub) winnerPair.sub.isActiveOverride = true;\n\n  return config;\n};\n\n/**\n * Check if the portal config set any active route\n * @param config Main navigation config\n * @returns True if portal set any route as active\n */\nexport const hasActivePortalRoute = (config: NavMainEntity[]): boolean => {\n  return config.filter(nav => nav.isActive).length > 0;\n};\n\nexport const resetActiveStateToPortalConfig = (config: NavMainEntity[]): NavMainEntity[] => {\n  return config.map(nav => ({\n    ...nav,\n    isActiveOverride: nav.isActive,\n    flyout: nav.flyout.map(flyout => ({\n      ...flyout,\n      linkList: flyout.linkList.map(link => ({ ...link, isActiveOverride: link.isActive })),\n    })),\n  }));\n};\n\nconst resetOverrideConfig = (config: NavMainEntity[]): NavMainEntity[] => {\n  return config.map(nav => ({\n    ...nav,\n    isActiveOverride: false,\n    flyout: nav.flyout.map(flyout => ({\n      ...flyout,\n      linkList: flyout.linkList.map(link => ({ ...link, isActiveOverride: false })),\n    })),\n  }));\n};\n\n/**\n * Compile a list of scores based on the map mode, sorted in descending order\n * @param config Main Nav Config\n * @param compareUrl Current Browser URL or a custom URL\n * @param activeRouteProp Match mode\n * @returns A list of scored URLs if any matched\n */\nexport const compileScoreList = (\n  config: NavMainEntity[],\n  compareUrl: URL,\n  activeRouteProp: ActiveRouteProp,\n): MainNavScoreList => {\n  // Flag to check if the Portal set any active links or if there are any exact matches\n  let hadAnyActiveLink = false;\n  const scoreList: MainNavScoreList = [];\n\n  config.forEach(mainNav => {\n    if (hadAnyActiveLink || !mainNav) {\n      return;\n    }\n\n    try {\n      const score = compareRoutes(\n        compareUrl,\n        new URL(mainNav.url),\n        activeRouteProp as 'auto' | 'exact',\n      );\n      if (score > 0) {\n        if (score === Infinity) hadAnyActiveLink = true;\n        scoreList.push({ main: mainNav, score });\n      }\n    } catch {\n      // Not a valid url, continue\n    }\n\n    // Loop through flyout links 2nd level\n    if (mainNav.flyout.length) {\n      mainNav.flyout.forEach(flyout => {\n        if (flyout.linkList) {\n          flyout.linkList.forEach(linklist => {\n            // Don't override if any link is already active\n            if (linklist.isActive && (activeRouteProp === 'auto' || activeRouteProp === 'exact')) {\n              hadAnyActiveLink = true;\n              return;\n            }\n\n            try {\n              const url = new URL(linklist.url);\n              const score = compareRoutes(compareUrl, url, activeRouteProp as 'auto' | 'exact');\n              if (score > 0) {\n                if (score === Infinity) hadAnyActiveLink = true;\n\n                // Push score\n                scoreList.push({\n                  main: mainNav,\n                  sub: linklist,\n                  score,\n                });\n              }\n            } catch {\n              // Not a valid URL, continue\n            }\n          });\n        }\n      });\n    }\n  });\n\n  return scoreList.sort((a, b) => b.score - a.score);\n};\n\n/**\n * Compare two URLs for similarity based on a match mode\n * @param baseUrl Browser URL\n * @param compareUrl Navigatgion URL\n * @param matchMode exact or auto matching\n * @returns Score\n */\nexport const compareRoutes = (\n  baseUrl: URL,\n  compareUrl: URL,\n  matchMode?: 'auto' | 'exact',\n): number => {\n  // One url is not defined or they don't share the same orign\n  if (!baseUrl || !compareUrl || baseUrl.origin !== compareUrl.origin) {\n    return 0;\n  }\n\n  // Exact match, origin and pathname are the same\n  if (baseUrl.pathname === compareUrl.pathname) {\n    return Infinity;\n  }\n\n  // The basepath is longer than the comparison, a match is impossible\n  if (baseUrl.pathname.length < compareUrl.pathname.length) {\n    return 0;\n  }\n\n  if (matchMode === 'auto') {\n    const baseSegments = [baseUrl.origin, ...baseUrl.pathname.split('/').filter(x => !!x)];\n    const compareSegments = [compareUrl.origin, ...compareUrl.pathname.split('/').filter(x => !!x)];\n\n    const score = getSimilarityScore(baseSegments, compareSegments);\n\n    // If only some segments match, but not the whole smaller array, it's not a match\n    return Math.min(baseSegments.length, compareSegments.length) === score ? score : 0;\n  }\n\n  return 0;\n};\n\n/**\n * Check how many items in an array match\n * @param a Base array\n * @param b Compare array\n * @returns Score\n */\nexport const getSimilarityScore = (a: string[], b: string[]): number => {\n  if (!a?.length || !b?.length) {\n    return 0;\n  }\n\n  let i = 0;\n  for (; i < Math.min(a.length, b.length); i++) {\n    if (a[i] !== b[i]) {\n      return 0;\n    }\n  }\n\n  return i;\n};\n"]}
+{"version":3,"file":"route.service.js","sourceRoot":"","sources":["../../../src/services/route.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ActiveRouteProp } from '../models/general.model';\nimport { NavMainEntity, MainNavScoreList } from '../models/header.model';\n\n/**\n * Activate the current route based on the config and the match mode\n * @param config Main Navigation Config\n * @param activeRouteProp Match mode\n * @returns Modified Main Navigation Config\n */\nexport const markActiveRoute = (\n  config: NavMainEntity[],\n  activeRouteProp: ActiveRouteProp,\n): NavMainEntity[] => {\n  // Don't highlight any route\n  if (activeRouteProp === false) {\n    return config;\n  }\n\n  // Set compare URL and check if activeRouteProp is valid\n  let compareUrl: URL;\n  config = resetOverrideConfig(config);\n\n  if (activeRouteProp === 'auto' || activeRouteProp === 'exact') {\n    // Check if an active route is already configured, set override to that and return\n    if (hasActivePortalRoute(config)) {\n      return resetActiveStateToPortalConfig(config);\n    }\n\n    compareUrl = new URL(window.location.href);\n  } else {\n    try {\n      compareUrl = new URL(activeRouteProp, document.location.origin);\n    } catch (error) {\n      console.warn(\n        `Active Route: ${activeRouteProp} is not a valid URL. Navigation highlighting has been disabled.`,\n      );\n      return config;\n    }\n  }\n\n  const scoreList = compileScoreList(config, compareUrl, activeRouteProp);\n\n  if (scoreList.length === 0) {\n    // No match found or already active links defined\n    return config;\n  }\n\n  const winnerPair = scoreList[0];\n  winnerPair.main.isActiveOverride = true;\n  if (winnerPair.sub) winnerPair.sub.isActiveOverride = true;\n\n  return config;\n};\n\n/**\n * Check if the portal config set any active route\n * @param config Main navigation config\n * @returns True if portal set any route as active\n */\nexport const hasActivePortalRoute = (config: NavMainEntity[]): boolean => {\n  return config.filter(nav => nav.isActive).length > 0;\n};\n\nexport const resetActiveStateToPortalConfig = (config: NavMainEntity[]): NavMainEntity[] => {\n  return config.map(nav => ({\n    ...nav,\n    isActiveOverride: nav.isActive,\n    flyout: nav.flyout.map(flyout => ({\n      ...flyout,\n      linkList: flyout.linkList.map(link => ({ ...link, isActiveOverride: link.isActive })),\n    })),\n  }));\n};\n\nconst resetOverrideConfig = (config: NavMainEntity[]): NavMainEntity[] => {\n  return config.map(nav => ({\n    ...nav,\n    isActiveOverride: false,\n    flyout: nav.flyout.map(flyout => ({\n      ...flyout,\n      linkList: flyout.linkList.map(link => ({ ...link, isActiveOverride: false })),\n    })),\n  }));\n};\n\n/**\n * Compile a list of scores based on the map mode, sorted in descending order\n * @param config Main Nav Config\n * @param compareUrl Current Browser URL or a custom URL\n * @param activeRouteProp Match mode\n * @returns A list of scored URLs if any matched\n */\nexport const compileScoreList = (\n  config: NavMainEntity[],\n  compareUrl: URL,\n  activeRouteProp: ActiveRouteProp,\n): MainNavScoreList => {\n  // Flag to check if the Portal set any active links or if there are any exact matches\n  let hadAnyActiveLink = false;\n  const scoreList: MainNavScoreList = [];\n\n  config.forEach(mainNav => {\n    if (hadAnyActiveLink || !mainNav) {\n      return;\n    }\n\n    try {\n      const score = compareRoutes(\n        compareUrl,\n        new URL(mainNav.url),\n        activeRouteProp as 'auto' | 'exact',\n      );\n      if (score > 0) {\n        if (score === Infinity) hadAnyActiveLink = true;\n        scoreList.push({ main: mainNav, score });\n      }\n    } catch {\n      // Not a valid url, continue\n    }\n\n    // Loop through flyout links 2nd level\n    if (mainNav.flyout.length) {\n      mainNav.flyout.forEach(flyout => {\n        if (flyout.linkList) {\n          flyout.linkList.forEach(linklist => {\n            // Don't override if any link is already active\n            if (linklist.isActive && (activeRouteProp === 'auto' || activeRouteProp === 'exact')) {\n              hadAnyActiveLink = true;\n              return;\n            }\n\n            try {\n              const url = new URL(linklist.url);\n              const score = compareRoutes(compareUrl, url, activeRouteProp as 'auto' | 'exact');\n              if (score > 0) {\n                if (score === Infinity) hadAnyActiveLink = true;\n\n                // Push score\n                scoreList.push({\n                  main: mainNav,\n                  sub: linklist,\n                  score,\n                });\n              }\n            } catch {\n              // Not a valid URL, continue\n            }\n          });\n        }\n      });\n    }\n  });\n\n  return scoreList.sort((a, b) => b.score - a.score);\n};\n\n/**\n * Compare two URLs for similarity based on a match mode\n * @param baseUrl Browser URL\n * @param compareUrl Navigatgion URL\n * @param matchMode exact or auto matching\n * @returns Score\n */\nexport const compareRoutes = (\n  baseUrl: URL,\n  compareUrl: URL,\n  matchMode?: 'auto' | 'exact',\n): number => {\n  // One url is not defined or they don't share the same orign\n  if (!baseUrl || !compareUrl || baseUrl.origin !== compareUrl.origin) {\n    return 0;\n  }\n\n  const baseUrlPath = baseUrl.pathname.toLocaleLowerCase();\n  const compareUrlPath = compareUrl.pathname.toLocaleLowerCase();\n\n  // Exact match, origin and pathname are the same\n  if (baseUrlPath === compareUrlPath) {\n    return Infinity;\n  }\n\n  // The basepath is longer than the comparison, a match is impossible\n  if (baseUrl.pathname.length < compareUrl.pathname.length) {\n    return 0;\n  }\n\n  if (matchMode === 'auto') {\n    const baseSegments = [\n      baseUrl.origin.toLocaleLowerCase(),\n      ...baseUrlPath.split('/').filter(x => !!x),\n    ];\n    const compareSegments = [\n      compareUrl.origin.toLocaleLowerCase(),\n      ...compareUrlPath.split('/').filter(x => !!x),\n    ];\n\n    const score = getSimilarityScore(baseSegments, compareSegments);\n\n    // If only some segments match, but not the whole smaller array, it's not a match\n    return Math.min(baseSegments.length, compareSegments.length) === score ? score : 0;\n  }\n\n  return 0;\n};\n\n/**\n * Check how many items in an array match\n * @param a Base array\n * @param b Compare array\n * @returns Score\n */\nexport const getSimilarityScore = (a: string[], b: string[]): number => {\n  if (!a?.length || !b?.length) {\n    return 0;\n  }\n\n  let i = 0;\n  for (; i < Math.min(a.length, b.length); i++) {\n    if (a[i] !== b[i]) {\n      return 0;\n    }\n  }\n\n  return i;\n};\n"]}