@swisspost/internet-header 1.5.0-beta.0

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

@@ -0,0 +1,362 @@
+import { Host, h } from '@stencil/core';
+import { throttle } from 'throttle-debounce';
+import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
+import { state } from '../../data/store';
+import { getSearchRedirectUrl, equalizeArrays } from '../../services/search/search.service';
+import { getCoveoSuggestions } from '../../services/search/coveo.service';
+import { getPlacesUrl, highlightPlacesString, queryPlaces, } from '../../services/search/places.service';
+import { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';
+import { HighlightedText } from '../../utils/highlighted.component';
+import { SvgSprite } from '../../utils/svg-sprite.component';
+import { SvgIcon } from '../../utils/svg-icon.component';
+import { getParcelSuggestion } from '../../services/search/parcel.service';
+import { If } from '../../utils/if.component';
+export class PostSearch {
+  constructor() {
+    this.searchDropdownOpen = false;
+    this.coveoSuggestions = [];
+    this.placeSuggestions = [];
+    this.parcelSuggestion = null;
+  }
+  connectedCallback() {
+    this.throttledResize = throttle(300, () => this.handleResize());
+    window.addEventListener('resize', this.throttledResize, { passive: true });
+  }
+  disconnectedCallback() {
+    window.removeEventListener('resize', this.throttledResize);
+    clearAllBodyScrollLocks();
+  }
+  componentWillUpdate() {
+    // Check if search flyout got set to close
+    if (this.searchFlyout && !this.searchDropdownOpen) {
+      this.searchFlyout.classList.remove('open');
+      // Check if element has transition applied and whether user prefers to see animations or not
+      if (elementHasTransition(this.searchFlyout, 'transform') && !userPrefersReducedMotion()) {
+        // Wait for CSS transition 'transform' to end before continuing
+        return new Promise(resolve => {
+          if (this.searchFlyout === undefined) {
+            return resolve(true);
+          }
+          this.searchFlyout.addEventListener('transitionend', event => {
+            if (event.propertyName === 'transform') {
+              resolve(true);
+            }
+          });
+        });
+      }
+    }
+  }
+  componentDidUpdate() {
+    // Search flyout got set to open
+    if (this.searchFlyout && this.searchDropdownOpen) {
+      // Force browser to redraw/refresh DOM before adding 'open' class
+      this.searchFlyout.getBoundingClientRect();
+      this.searchFlyout.classList.add('open');
+    }
+    // Focus on the searchBox whenever the dropdown is opened
+    if (this.searchDropdownOpen && this.searchBox) {
+      this.searchBox.focus({ preventScroll: true });
+    }
+  }
+  /**
+   * Toggle the dropdown and optionally force an open/closed state
+   * @param force Boolean to force open/closed state
+   * @returns Boolean indicating open state of the component
+   */
+  async toggleDropdown(force) {
+    this.searchDropdownOpen =
+      force === undefined || typeof force !== 'boolean' ? !this.searchDropdownOpen : force;
+    this.dropdownToggled.emit({ open: this.searchDropdownOpen, element: this.host });
+    if (!this.searchDropdownOpen) {
+      // Reset suggestions when dropdown closes
+      this.coveoSuggestions = [];
+      this.placeSuggestions = [];
+      if (this.searchBox)
+        this.searchBox.value = '';
+      this.setFocus();
+    }
+    else {
+      // Get basic suggestions when dropdown opens
+      try {
+        this.coveoSuggestions = await getCoveoSuggestions('');
+      }
+      catch (_a) { }
+    }
+    this.setBodyScroll();
+    return this.searchDropdownOpen;
+  }
+  /**
+   * Sets the focus on the search button
+   */
+  async setFocus() {
+    const shadowRoot = this.host.shadowRoot;
+    if (shadowRoot === null) {
+      return;
+    }
+    const toggleButton = shadowRoot.querySelector('.search-button');
+    if (toggleButton) {
+      toggleButton.focus();
+    }
+  }
+  handleResize() {
+    // Only enable/disable body scroll on resize if the search dropdown is open, otherwise this could lead to side effects in other controls
+    if (this.searchDropdownOpen) {
+      this.setBodyScroll();
+    }
+  }
+  /**
+   * Disable or re-enable body scrolling, depending on whether search dropdown is open or closed in mobile view (width < 1024px)
+   */
+  setBodyScroll() {
+    if (this.searchDropdownOpen && window.innerWidth < 1024) {
+      disableBodyScroll(this.searchFlyout);
+    }
+    else {
+      enableBodyScroll(this.searchFlyout);
+    }
+  }
+  /**
+   * Fetch suggestions from all available sources
+   */
+  async handleSearchInput() {
+    var _a;
+    if (this.searchBox === undefined || ((_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header.search) === undefined) {
+      return;
+    }
+    const query = this.searchBox.value.trim();
+    const [placeSuggestions, coveoSuggestions, trackAndTraceInfo] = await Promise.all([
+      queryPlaces(query),
+      getCoveoSuggestions(query),
+      getParcelSuggestion(query, state.localizedConfig.header.search),
+    ]);
+    // Parcel suggestion is more important than any other
+    if (trackAndTraceInfo) {
+      this.parcelSuggestion = trackAndTraceInfo;
+      this.placeSuggestions = [];
+      this.coveoSuggestions = [];
+    }
+    else {
+      [this.coveoSuggestions, this.placeSuggestions] = equalizeArrays(coveoSuggestions, placeSuggestions, 8);
+    }
+    this.deselectSuggestion();
+  }
+  /**
+   * Start search on enter
+   * @param event
+   */
+  handleKeyDown(event) {
+    var _a, _b, _c, _d;
+    if (this.searchFlyout === undefined) {
+      return;
+    }
+    let selectedSuggestion = this.searchFlyout.querySelector('.suggestions > li > a.selected');
+    switch (event.key.toLowerCase()) {
+      case 'enter':
+        if (selectedSuggestion) {
+          const selectedHref = selectedSuggestion.getAttribute('href');
+          if (selectedHref !== null) {
+            window.location.href = selectedHref;
+          }
+        }
+        else {
+          this.startSearch();
+        }
+        break;
+      case 'arrowdown':
+      case 'arrowup':
+        const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');
+        this.deselectSuggestion();
+        if (event.key.toLowerCase() === 'arrowdown') {
+          if ((_b = (_a = selectedSuggestion === null || selectedSuggestion === void 0 ? void 0 : selectedSuggestion.parentElement) === null || _a === void 0 ? void 0 : _a.nextElementSibling) === null || _b === void 0 ? void 0 : _b.firstElementChild) {
+            // Select next suggestion if there's any, otherwise none will be selected
+            selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add('selected');
+          }
+          else {
+            // If there are any suggestions, select first suggestion in list
+            if (suggestions.length > 0) {
+              suggestions[0].classList.add('selected');
+            }
+          }
+        }
+        else if (event.key.toLowerCase() === 'arrowup') {
+          if ((_d = (_c = selectedSuggestion === null || selectedSuggestion === void 0 ? void 0 : selectedSuggestion.parentElement) === null || _c === void 0 ? void 0 : _c.previousElementSibling) === null || _d === void 0 ? void 0 : _d.firstElementChild) {
+            // Select previous suggestion if there's any, otherwise none will be selected
+            selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add('selected');
+          }
+          else {
+            // If there are any suggestions, select last suggestion in list
+            if (suggestions.length > 0) {
+              suggestions[suggestions.length - 1].classList.add('selected');
+            }
+          }
+        }
+        // Get the newly selected suggestion
+        selectedSuggestion = this.searchFlyout.querySelector('.suggestions > li > a.selected');
+        const suggestedText = selectedSuggestion === null || selectedSuggestion === void 0 ? void 0 : selectedSuggestion.dataset.suggestionText;
+        // Update search box value with selected suggestion text
+        if (suggestedText !== undefined && this.searchBox) {
+          this.searchBox.value = suggestedText;
+        }
+        break;
+    }
+  }
+  /**
+   * Set selected suggestion on mouse enter
+   * @param event
+   */
+  handleMouseEnterSuggestion(event) {
+    this.deselectSuggestion();
+    // Set hovered suggestion element as selected
+    event.target.classList.add('selected');
+  }
+  /**
+   * Set selected suggestion on mouse enter
+   * @param event
+   */
+  handleMouseLeaveSuggestions() {
+    this.deselectSuggestion();
+  }
+  /**
+   * Deselect any previously selected suggestion
+   */
+  deselectSuggestion() {
+    if (this.searchFlyout === undefined)
+      return;
+    const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');
+    if (selectedSuggestion) {
+      selectedSuggestion.classList.remove('selected');
+    }
+  }
+  /**
+   * Redirect to the post search page
+   */
+  async startSearch() {
+    var _a;
+    if (this.searchBox && ((_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header.search)) {
+      const redirectUrl = await getSearchRedirectUrl(this.searchBox.value.trim(), state.localizedConfig.header.search);
+      if (!redirectUrl)
+        return;
+      window.location.href = redirectUrl;
+    }
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    if (((_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === undefined) {
+      return;
+    }
+    const { translations, search } = state.localizedConfig.header;
+    const showPortalRecommendations = ((_b = this.searchBox) === null || _b === void 0 ? void 0 : _b.value) === '' && ((_c = search.searchRecommendations) === null || _c === void 0 ? void 0 : _c.links.length) > 0;
+    return (h(Host, null, h(SvgSprite, null), h("div", { class: "search" }, h("button", { id: "post-internet-header-search-button", class: "search-button", type: "button", "aria-expanded": `${this.searchDropdownOpen}`, onClick: e => this.toggleDropdown(e) }, h("span", { class: "visually-hidden" }, this.searchDropdownOpen
+      ? translations.searchToggleExpanded
+      : translations.searchToggle), h(SvgIcon, { name: this.searchDropdownOpen ? 'pi-close' : 'pi-search' })), h(If, { condition: this.searchDropdownOpen }, h("div", { class: "flyout", ref: e => (this.searchFlyout = e) }, h("div", { class: "container box" }, h("div", { class: "row" }, h("div", { class: "col-xs-12 col-md-10 col-lg-8" }, h("div", { class: "form-group form-floating" }, h("input", { type: "text", id: "searchBox", class: "form-control form-control-lg", placeholder: translations.flyoutSearchBoxFloatingLabel, autocomplete: "off", ref: el => (this.searchBox = el), onInput: () => this.handleSearchInput(), onKeyDown: e => this.handleKeyDown(e) }), h("label", { htmlFor: "searchBox" }, translations.flyoutSearchBoxFloatingLabel), h("button", { onClick: () => this.startSearch(), class: "nav-link start-search-button" }, h("span", { class: "visually-hidden" }, translations.searchSubmit), h(SvgIcon, { name: "pi-search" }))), showPortalRecommendations && (h("h2", { class: "bold" }, search.searchRecommendations.title)), h("ul", { class: "suggestions no-list", onMouseLeave: () => this.handleMouseLeaveSuggestions() }, showPortalRecommendations &&
+      search.searchRecommendations.links.map(recommendation => (h("li", { key: recommendation.href }, h("a", { class: "nav-link search-recommendation", href: new URL(recommendation.href, 'https://post.ch').href, "data-suggestion-text": recommendation.label, onMouseEnter: e => this.handleMouseEnterSuggestion(e) }, h("span", { class: "search-recommendation__icon", innerHTML: recommendation.inlineSvg }), h("span", null, recommendation.label))))), this.parcelSuggestion && this.parcelSuggestion.ok && (h("li", null, h("a", { class: "nav-link parcel-suggestion", href: this.parcelSuggestion.url, "data-suggestion-text": (_d = this.searchBox) === null || _d === void 0 ? void 0 : _d.value, onMouseEnter: e => this.handleMouseEnterSuggestion(e) }, h(SvgIcon, { name: "pi-letter-parcel" }), h("span", { class: "bold" }, (_f = (_e = this.parcelSuggestion) === null || _e === void 0 ? void 0 : _e.sending) === null || _f === void 0 ? void 0 :
+      _f.id, ":\u00A0"), h("span", null, (_h = (_g = this.parcelSuggestion) === null || _g === void 0 ? void 0 : _g.sending) === null || _h === void 0 ? void 0 :
+      _h.product, ",", ' ', (_k = (_j = this.parcelSuggestion) === null || _j === void 0 ? void 0 : _j.sending) === null || _k === void 0 ? void 0 :
+      _k.recipient.zipcode, ' ', (_m = (_l = this.parcelSuggestion) === null || _l === void 0 ? void 0 : _l.sending) === null || _m === void 0 ? void 0 :
+      _m.recipient.city, ",", ' ', (_p = (_o = this.parcelSuggestion) === null || _o === void 0 ? void 0 : _o.sending) === null || _p === void 0 ? void 0 :
+      _p.state)))), !showPortalRecommendations &&
+      this.coveoSuggestions &&
+      this.coveoSuggestions.map(suggestion => (h("li", { key: suggestion.objectId }, h("a", { class: "nav-link", href: suggestion.redirectUrl, "data-suggestion-text": suggestion.expression, onMouseEnter: e => this.handleMouseEnterSuggestion(e) }, h(SvgIcon, { name: "pi-search" }), h(HighlightedText, { text: suggestion.highlighted }))))), !showPortalRecommendations &&
+      this.placeSuggestions &&
+      this.placeSuggestions.map(suggestion => {
+        var _a, _b;
+        return (h("li", { key: suggestion.id }, h("a", { class: "nav-link", href: getPlacesUrl(suggestion), "data-suggestion-text": suggestion.name, onMouseEnter: e => this.handleMouseEnterSuggestion(e) }, h(SvgIcon, { name: "pi-place" }), h(HighlightedText, { text: highlightPlacesString((_b = (_a = this.searchBox) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim(), suggestion.name) }))));
+      }))))))))));
+  }
+  static get is() { return "post-search"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["post-search.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["post-search.css"]
+    };
+  }
+  static get states() {
+    return {
+      "searchDropdownOpen": {},
+      "coveoSuggestions": {},
+      "placeSuggestions": {},
+      "parcelSuggestion": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dropdownToggled",
+        "name": "dropdownToggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "DropdownEvent",
+          "resolved": "{ open: boolean; element: DropdownElement; }",
+          "references": {
+            "DropdownEvent": {
+              "location": "import",
+              "path": "../../models/header.model"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "toggleDropdown": {
+        "complexType": {
+          "signature": "(force?: unknown) => Promise<boolean>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "force Boolean to force open/closed state"
+                }],
+              "text": "Boolean to force open/closed state"
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Toggle the dropdown and optionally force an open/closed state",
+          "tags": [{
+              "name": "param",
+              "text": "force Boolean to force open/closed state"
+            }, {
+              "name": "returns",
+              "text": "Boolean indicating open state of the component"
+            }]
+        }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets the focus on the search button",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=post-search.js.map

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

@@ -0,0 +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';\r\nimport { throttle } from 'throttle-debounce';\r\nimport { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\r\nimport { state } from '../../data/store';\r\nimport { CoveoCompletion } from '../../models/coveo.model';\r\nimport { GeocodeLocation } from '../../models/geocode.model';\r\nimport {\r\n  DropdownElement,\r\n  DropdownEvent,\r\n  HasDropdown,\r\n  IsFocusable,\r\n} from '../../models/header.model';\r\nimport { getSearchRedirectUrl, equalizeArrays } from '../../services/search/search.service';\r\nimport { getCoveoSuggestions } from '../../services/search/coveo.service';\r\nimport {\r\n  getPlacesUrl,\r\n  highlightPlacesString,\r\n  queryPlaces,\r\n} from '../../services/search/places.service';\r\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\r\nimport { HighlightedText } from '../../utils/highlighted.component';\r\nimport { SvgSprite } from '../../utils/svg-sprite.component';\r\nimport { SvgIcon } from '../../utils/svg-icon.component';\r\nimport { TrackAndTraceInfo } from '../../models/track-and-trace.model';\r\nimport { getParcelSuggestion } from '../../services/search/parcel.service';\r\nimport { If } from '../../utils/if.component';\r\n\r\n@Component({\r\n  tag: 'post-search',\r\n  styleUrl: 'post-search.scss',\r\n  shadow: true,\r\n})\r\nexport class PostSearch implements HasDropdown, IsFocusable {\r\n  @State() searchDropdownOpen = false;\r\n  @State() coveoSuggestions: CoveoCompletion[] = [];\r\n  @State() placeSuggestions: GeocodeLocation[] = [];\r\n  @State() parcelSuggestion: (TrackAndTraceInfo & { url: string }) | null = null;\r\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\r\n  @Element() host: DropdownElement;\r\n  private searchBox?: HTMLInputElement;\r\n  private searchFlyout: HTMLElement | undefined;\r\n  private throttledResize: throttle<() => void>;\r\n\r\n  connectedCallback() {\r\n    this.throttledResize = throttle(300, () => this.handleResize());\r\n    window.addEventListener('resize', this.throttledResize, { passive: true });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.throttledResize);\r\n    clearAllBodyScrollLocks();\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    // Check if search flyout got set to close\r\n    if (this.searchFlyout && !this.searchDropdownOpen) {\r\n      this.searchFlyout.classList.remove('open');\r\n\r\n      // Check if element has transition applied and whether user prefers to see animations or not\r\n      if (elementHasTransition(this.searchFlyout, 'transform') && !userPrefersReducedMotion()) {\r\n        // Wait for CSS transition 'transform' to end before continuing\r\n        return new Promise<boolean>(resolve => {\r\n          if (this.searchFlyout === undefined) {\r\n            return resolve(true);\r\n          }\r\n\r\n          this.searchFlyout.addEventListener('transitionend', event => {\r\n            if (event.propertyName === 'transform') {\r\n              resolve(true);\r\n            }\r\n          });\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    // Search flyout got set to open\r\n    if (this.searchFlyout && this.searchDropdownOpen) {\r\n      // Force browser to redraw/refresh DOM before adding 'open' class\r\n      this.searchFlyout.getBoundingClientRect();\r\n      this.searchFlyout.classList.add('open');\r\n    }\r\n\r\n    // Focus on the searchBox whenever the dropdown is opened\r\n    if (this.searchDropdownOpen && this.searchBox) {\r\n      this.searchBox.focus({ preventScroll: true });\r\n    }\r\n  }\r\n\r\n  public async toggleDropdown(event?: Event): Promise<boolean>;\r\n  public async toggleDropdown(force?: boolean): Promise<boolean>;\r\n\r\n  /**\r\n   * Toggle the dropdown and optionally force an open/closed state\r\n   * @param force Boolean to force open/closed state\r\n   * @returns Boolean indicating open state of the component\r\n   */\r\n  @Method()\r\n  async toggleDropdown(force?: unknown) {\r\n    this.searchDropdownOpen =\r\n      force === undefined || typeof force !== 'boolean' ? !this.searchDropdownOpen : force;\r\n    this.dropdownToggled.emit({ open: this.searchDropdownOpen, element: this.host });\r\n\r\n    if (!this.searchDropdownOpen) {\r\n      // Reset suggestions when dropdown closes\r\n      this.coveoSuggestions = [];\r\n      this.placeSuggestions = [];\r\n      if (this.searchBox) this.searchBox.value = '';\r\n      this.setFocus();\r\n    } else {\r\n      // Get basic suggestions when dropdown opens\r\n      try {\r\n        this.coveoSuggestions = await getCoveoSuggestions('');\r\n      } catch {}\r\n    }\r\n\r\n    this.setBodyScroll();\r\n\r\n    return this.searchDropdownOpen;\r\n  }\r\n\r\n  /**\r\n   * Sets the focus on the search button\r\n   */\r\n  @Method()\r\n  public async setFocus() {\r\n    const shadowRoot = this.host.shadowRoot;\r\n    if (shadowRoot === null) {\r\n      return;\r\n    }\r\n    const toggleButton = shadowRoot.querySelector<HTMLElement>('.search-button');\r\n    if (toggleButton) {\r\n      toggleButton.focus();\r\n    }\r\n  }\r\n\r\n  private handleResize() {\r\n    // Only enable/disable body scroll on resize if the search dropdown is open, otherwise this could lead to side effects in other controls\r\n    if (this.searchDropdownOpen) {\r\n      this.setBodyScroll();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Disable or re-enable body scrolling, depending on whether search dropdown is open or closed in mobile view (width < 1024px)\r\n   */\r\n  private setBodyScroll() {\r\n    if (this.searchDropdownOpen && window.innerWidth < 1024) {\r\n      disableBodyScroll(this.searchFlyout);\r\n    } else {\r\n      enableBodyScroll(this.searchFlyout);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetch suggestions from all available sources\r\n   */\r\n  private async handleSearchInput() {\r\n    if (this.searchBox === undefined || state.localizedConfig?.header.search === undefined) {\r\n      return;\r\n    }\r\n    const query = this.searchBox.value.trim();\r\n\r\n    const [placeSuggestions, coveoSuggestions, trackAndTraceInfo] = await Promise.all([\r\n      queryPlaces(query),\r\n      getCoveoSuggestions(query),\r\n      getParcelSuggestion(query, state.localizedConfig.header.search),\r\n    ]);\r\n\r\n    // Parcel suggestion is more important than any other\r\n    if (trackAndTraceInfo) {\r\n      this.parcelSuggestion = trackAndTraceInfo;\r\n      this.placeSuggestions = [];\r\n      this.coveoSuggestions = [];\r\n    } else {\r\n      [this.coveoSuggestions, this.placeSuggestions] = equalizeArrays(\r\n        coveoSuggestions,\r\n        placeSuggestions,\r\n        8,\r\n      );\r\n    }\r\n\r\n    this.deselectSuggestion();\r\n  }\r\n\r\n  /**\r\n   * Start search on enter\r\n   * @param event\r\n   */\r\n  private handleKeyDown(event: KeyboardEvent) {\r\n    if (this.searchFlyout === undefined) {\r\n      return;\r\n    }\r\n\r\n    let selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\r\n      '.suggestions > li > a.selected',\r\n    );\r\n\r\n    switch (event.key.toLowerCase()) {\r\n      case 'enter':\r\n        if (selectedSuggestion) {\r\n          const selectedHref = selectedSuggestion.getAttribute('href');\r\n          if (selectedHref !== null) {\r\n            window.location.href = selectedHref;\r\n          }\r\n        } else {\r\n          this.startSearch();\r\n        }\r\n\r\n        break;\r\n      case 'arrowdown':\r\n      case 'arrowup':\r\n        const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\r\n\r\n        this.deselectSuggestion();\r\n\r\n        if (event.key.toLowerCase() === 'arrowdown') {\r\n          if (selectedSuggestion?.parentElement?.nextElementSibling?.firstElementChild) {\r\n            // Select next suggestion if there's any, otherwise none will be selected\r\n            selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add(\r\n              'selected',\r\n            );\r\n          } else {\r\n            // If there are any suggestions, select first suggestion in list\r\n            if (suggestions.length > 0) {\r\n              suggestions[0].classList.add('selected');\r\n            }\r\n          }\r\n        } else if (event.key.toLowerCase() === 'arrowup') {\r\n          if (selectedSuggestion?.parentElement?.previousElementSibling?.firstElementChild) {\r\n            // Select previous suggestion if there's any, otherwise none will be selected\r\n\r\n            selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add(\r\n              'selected',\r\n            );\r\n          } else {\r\n            // If there are any suggestions, select last suggestion in list\r\n            if (suggestions.length > 0) {\r\n              suggestions[suggestions.length - 1].classList.add('selected');\r\n            }\r\n          }\r\n        }\r\n\r\n        // Get the newly selected suggestion\r\n        selectedSuggestion = this.searchFlyout.querySelector('.suggestions > li > a.selected');\r\n        const suggestedText = selectedSuggestion?.dataset.suggestionText;\r\n\r\n        // Update search box value with selected suggestion text\r\n        if (suggestedText !== undefined && this.searchBox) {\r\n          this.searchBox.value = suggestedText;\r\n        }\r\n\r\n        break;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set selected suggestion on mouse enter\r\n   * @param event\r\n   */\r\n  private handleMouseEnterSuggestion(event: MouseEvent) {\r\n    this.deselectSuggestion();\r\n\r\n    // Set hovered suggestion element as selected\r\n    (event.target as HTMLElement).classList.add('selected');\r\n  }\r\n\r\n  /**\r\n   * Set selected suggestion on mouse enter\r\n   * @param event\r\n   */\r\n  private handleMouseLeaveSuggestions() {\r\n    this.deselectSuggestion();\r\n  }\r\n\r\n  /**\r\n   * Deselect any previously selected suggestion\r\n   */\r\n  private deselectSuggestion() {\r\n    if (this.searchFlyout === undefined) return;\r\n\r\n    const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');\r\n\r\n    if (selectedSuggestion) {\r\n      selectedSuggestion.classList.remove('selected');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Redirect to the post search page\r\n   */\r\n  private async startSearch() {\r\n    if (this.searchBox && state.localizedConfig?.header.search) {\r\n      const redirectUrl = await getSearchRedirectUrl(\r\n        this.searchBox.value.trim(),\r\n        state.localizedConfig.header.search,\r\n      );\r\n      if (!redirectUrl) return;\r\n      window.location.href = redirectUrl;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    if (state.localizedConfig?.header === undefined) {\r\n      return;\r\n    }\r\n    const { translations, search } = state.localizedConfig.header;\r\n    const showPortalRecommendations =\r\n      this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\r\n\r\n    return (\r\n      <Host>\r\n        <SvgSprite />\r\n        <div class=\"search\">\r\n          <button\r\n            id=\"post-internet-header-search-button\"\r\n            class=\"search-button\"\r\n            type=\"button\"\r\n            aria-expanded={`${this.searchDropdownOpen}`}\r\n            onClick={e => this.toggleDropdown(e)}\r\n          >\r\n            <span class=\"visually-hidden\">\r\n              {this.searchDropdownOpen\r\n                ? translations.searchToggleExpanded\r\n                : translations.searchToggle}\r\n            </span>\r\n            <SvgIcon name={this.searchDropdownOpen ? 'pi-close' : 'pi-search'} />\r\n          </button>\r\n          <If condition={this.searchDropdownOpen}>\r\n            <div class=\"flyout\" ref={e => (this.searchFlyout = e)}>\r\n              <div class=\"container box\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-xs-12 col-md-10 col-lg-8\">\r\n                    <div class=\"form-group form-floating\">\r\n                      <input\r\n                        type=\"text\"\r\n                        id=\"searchBox\"\r\n                        class=\"form-control form-control-lg\"\r\n                        placeholder={translations.flyoutSearchBoxFloatingLabel}\r\n                        autocomplete=\"off\"\r\n                        ref={el => (this.searchBox = el)}\r\n                        onInput={() => this.handleSearchInput()}\r\n                        onKeyDown={e => this.handleKeyDown(e)}\r\n                      />\r\n                      <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\r\n                      <button\r\n                        onClick={() => this.startSearch()}\r\n                        class=\"nav-link start-search-button\"\r\n                      >\r\n                        <span class=\"visually-hidden\">{translations.searchSubmit}</span>\r\n                        <SvgIcon name=\"pi-search\" />\r\n                      </button>\r\n                    </div>\r\n                    {showPortalRecommendations && (\r\n                      <h2 class=\"bold\">{search.searchRecommendations.title}</h2>\r\n                    )}\r\n                    <ul\r\n                      class=\"suggestions no-list\"\r\n                      onMouseLeave={() => this.handleMouseLeaveSuggestions()}\r\n                    >\r\n                      {showPortalRecommendations &&\r\n                        search.searchRecommendations.links.map(recommendation => (\r\n                          <li key={recommendation.href}>\r\n                            <a\r\n                              class=\"nav-link search-recommendation\"\r\n                              href={new URL(recommendation.href, 'https://post.ch').href}\r\n                              data-suggestion-text={recommendation.label}\r\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\r\n                            >\r\n                              <span\r\n                                class=\"search-recommendation__icon\"\r\n                                innerHTML={recommendation.inlineSvg}\r\n                              ></span>\r\n                              <span>{recommendation.label}</span>\r\n                            </a>\r\n                          </li>\r\n                        ))}\r\n                      {this.parcelSuggestion && this.parcelSuggestion.ok && (\r\n                        <li>\r\n                          <a\r\n                            class=\"nav-link parcel-suggestion\"\r\n                            href={this.parcelSuggestion.url}\r\n                            data-suggestion-text={this.searchBox?.value}\r\n                            onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\r\n                          >\r\n                            <SvgIcon name=\"pi-letter-parcel\" />\r\n                            <span class=\"bold\">{this.parcelSuggestion?.sending?.id}:&nbsp;</span>\r\n                            <span>\r\n                              {this.parcelSuggestion?.sending?.product},{' '}\r\n                              {this.parcelSuggestion?.sending?.recipient.zipcode}{' '}\r\n                              {this.parcelSuggestion?.sending?.recipient.city},{' '}\r\n                              {this.parcelSuggestion?.sending?.state}\r\n                            </span>\r\n                          </a>\r\n                        </li>\r\n                      )}\r\n                      {!showPortalRecommendations &&\r\n                        this.coveoSuggestions &&\r\n                        this.coveoSuggestions.map(suggestion => (\r\n                          <li key={suggestion.objectId}>\r\n                            <a\r\n                              class=\"nav-link\"\r\n                              href={suggestion.redirectUrl}\r\n                              data-suggestion-text={suggestion.expression}\r\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\r\n                            >\r\n                              <SvgIcon name=\"pi-search\" />\r\n                              <HighlightedText text={suggestion.highlighted} />\r\n                            </a>\r\n                          </li>\r\n                        ))}\r\n                      {!showPortalRecommendations &&\r\n                        this.placeSuggestions &&\r\n                        this.placeSuggestions.map(suggestion => (\r\n                          <li key={suggestion.id}>\r\n                            <a\r\n                              class=\"nav-link\"\r\n                              href={getPlacesUrl(suggestion)}\r\n                              data-suggestion-text={suggestion.name}\r\n                              onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\r\n                            >\r\n                              <SvgIcon name=\"pi-place\" />\r\n                              <HighlightedText\r\n                                text={highlightPlacesString(\r\n                                  this.searchBox?.value?.trim(),\r\n                                  suggestion.name,\r\n                                )}\r\n                              />\r\n                            </a>\r\n                          </li>\r\n                        ))}\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </If>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,20 @@
+:host {
+  display: block;
+}
+
+.skiplinks a {
+  position: absolute;
+  top: 0.5rem;
+  left: 0.5rem;
+  clip: rect(0 0 0 0);
+  width: 1px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  padding: 0.25rem;
+  background: white;
+}
+.skiplinks a:focus-visible {
+  clip: unset;
+  width: auto;
+}

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

@@ -0,0 +1,51 @@
+import { Host, h } from '@stencil/core';
+import { state } from '../../data/store';
+import { translate } from '../../services/language.service';
+import { SvgIcon } from '../../utils/svg-icon.component';
+export class PostSkiplinks {
+  getMainId() {
+    var _a;
+    return (_a = document.querySelector('main[id]')) === null || _a === void 0 ? void 0 : _a.getAttribute('id');
+  }
+  setFocus(tagname) {
+    const rootHost = this.host.closest('.post-internet-header');
+    if (!rootHost) {
+      return;
+    }
+    const focusable = rootHost.querySelector(tagname);
+    if (focusable) {
+      focusable.setFocus();
+    }
+  }
+  focusMain() {
+    this.setFocus('post-main-navigation');
+  }
+  focusSearch() {
+    this.setFocus('post-search');
+  }
+  focusLogin() {
+    this.setFocus('post-klp-login-widget');
+  }
+  render() {
+    var _a;
+    const config = (_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header;
+    const mainId = this.getMainId();
+    if (config === undefined) {
+      return;
+    }
+    return (h(Host, null, h("nav", { class: "skiplinks" }, h("ul", { class: "no-list" }, h("li", null, h("a", { class: "nav-link", href: config.logo.logoLink, accessKey: "0", title: "[ALT + 0]" }, 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", accessKey: "1", title: "[ALT + 1]", 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}`, accessKey: "2", title: "[ALT + 2]" }, 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", accessKey: "3", title: "[ALT + 3]", 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", accessKey: "4", title: "[ALT + 4]", 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() {
+    return {
+      "$": ["post-skiplinks.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["post-skiplinks.css"]
+    };
+  }
+  static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=post-skiplinks.js.map

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

@@ -0,0 +1 @@
+{"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';\r\nimport { state } from '../../data/store';\r\nimport { FocusableElement } from '../../models/header.model';\r\nimport { translate } from '../../services/language.service';\r\nimport { SvgIcon } from '../../utils/svg-icon.component';\r\n\r\n@Component({\r\n  tag: 'post-skiplinks',\r\n  styleUrl: 'post-skiplinks.scss',\r\n  shadow: false,\r\n})\r\nexport class PostSkiplinks {\r\n  @Element() host: HTMLElement;\r\n\r\n  private getMainId() {\r\n    return document.querySelector('main[id]')?.getAttribute('id');\r\n  }\r\n\r\n  private setFocus(tagname: string) {\r\n    const rootHost = this.host.closest('.post-internet-header');\r\n    if (!rootHost) {\r\n      return;\r\n    }\r\n\r\n    const focusable = rootHost.querySelector<FocusableElement>(tagname);\r\n    if (focusable) {\r\n      focusable.setFocus();\r\n    }\r\n  }\r\n\r\n  private focusMain() {\r\n    this.setFocus('post-main-navigation');\r\n  }\r\n\r\n  private focusSearch() {\r\n    this.setFocus('post-search');\r\n  }\r\n\r\n  private focusLogin() {\r\n    this.setFocus('post-klp-login-widget');\r\n  }\r\n\r\n  render() {\r\n    const config = state.localizedConfig?.header;\r\n    const mainId = this.getMainId();\r\n\r\n    if (config === undefined) {\r\n      return;\r\n    }\r\n\r\n    return (\r\n      <Host>\r\n        <nav class=\"skiplinks\">\r\n          <ul class=\"no-list\">\r\n            <li>\r\n              <a class=\"nav-link\" href={config.logo.logoLink} accessKey=\"0\" title=\"[ALT + 0]\">\r\n                <span>{config.logo.logoLinkTitle}</span>\r\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\r\n              </a>\r\n            </li>\r\n            <li>\r\n              <a\r\n                class=\"nav-link\"\r\n                href=\"#post-internet-header-main-navigation\"\r\n                accessKey=\"1\"\r\n                title=\"[ALT + 1]\"\r\n                onClick={() => this.focusMain()}\r\n              >\r\n                <span>{config.translations.navMainAriaLabel}</span>\r\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\r\n              </a>\r\n            </li>\r\n            {mainId ? (\r\n              <li>\r\n                <a class=\"nav-link\" href={`#${mainId}`} accessKey=\"2\" title=\"[ALT + 2]\">\r\n                  <span>{translate('Go to main content')}</span>\r\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\r\n                </a>\r\n              </li>\r\n            ) : null}\r\n            {state.search ? (\r\n              <li>\r\n                <a\r\n                  class=\"nav-link\"\r\n                  href=\"#post-internet-header-search-button\"\r\n                  accessKey=\"3\"\r\n                  title=\"[ALT + 3]\"\r\n                  onClick={() => this.focusSearch()}\r\n                >\r\n                  <span>{translate('Go to search')}</span>\r\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\r\n                </a>\r\n              </li>\r\n            ) : null}\r\n            {state.login ? (\r\n              <li>\r\n                <a\r\n                  class=\"nav-link\"\r\n                  href=\"#post-klp-login-widget\"\r\n                  accessKey=\"4\"\r\n                  title=\"[ALT + 4]\"\r\n                  onClick={() => this.focusLogin()}\r\n                >\r\n                  <span>{translate('Go to login')}</span>\r\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\r\n                </a>\r\n              </li>\r\n            ) : null}\r\n          </ul>\r\n        </nav>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/data/store.js

@@ -0,0 +1,11 @@
+import { createStore } from '@stencil/store';
+export const { state, reset, dispose } = createStore({
+  projectId: null,
+  currentLanguage: null,
+  localizedConfig: null,
+  environment: 'prod',
+  search: true,
+  login: true,
+  meta: true,
+});
+//# sourceMappingURL=store.js.map

package/dist/collection/data/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/data/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkB7C,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,WAAW,CAAc;EAChE,SAAS,EAAE,IAAI;EACf,eAAe,EAAE,IAAI;EACrB,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,MAAM;EACnB,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,IAAI,EAAE,IAAI;CACX,CAAC,CAAC","sourcesContent":["import { createStore } from '@stencil/store';\r\nimport { Environment, ILocalizedConfig, ILocalizedCustomConfig } from '../models/general.model';\r\nimport { NavMainEntity } from '../models/header.model';\r\nimport { IAvailableLanguage } from '../models/language.model';\r\n\r\nexport interface HeaderState {\r\n  localizedConfig: ILocalizedConfig | null;\r\n  currentLanguage: string | null;\r\n  projectId: string | null;\r\n  environment: Environment;\r\n  search: boolean;\r\n  login: boolean;\r\n  meta: boolean;\r\n  languageSwitchOverrides?: IAvailableLanguage[];\r\n  localizedCustomConfig?: ILocalizedCustomConfig;\r\n  osFlyoutOverrides?: NavMainEntity;\r\n}\r\n\r\nexport const { state, reset, dispose } = createStore<HeaderState>({\r\n  projectId: null,\r\n  currentLanguage: null,\r\n  localizedConfig: null,\r\n  environment: 'prod',\r\n  search: true,\r\n  login: true,\r\n  meta: true,\r\n});\r\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"","sourcesContent":["export { Components, JSX } from './components';\r\n"]}

package/dist/collection/models/breadcrumbs.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=breadcrumbs.model.js.map

package/dist/collection/models/breadcrumbs.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.model.js","sourceRoot":"","sources":["../../../src/models/breadcrumbs.model.ts"],"names":[],"mappings":"","sourcesContent":["import { IIconConfig } from './header.model';\r\n\r\nexport interface IBreadcrumbConfig {\r\n  a11yLabel: string;\r\n  asWebComponent: boolean;\r\n  buttons: IBreadcrumbButton[];\r\n  isCentered: boolean;\r\n  items: IBreadcrumbItem[];\r\n  svgIconArrowRightSmall: IIconConfig;\r\n  svgIconHome: IIconConfig;\r\n  truncateButtonText: string;\r\n  classes: any[];\r\n  additionalAttributes: any[];\r\n}\r\n\r\nexport interface IBreadcrumbButton {\r\n  svgIcon: IIconConfig;\r\n  text: string;\r\n  overlay: IBreadcrumbOverlay;\r\n  classes: string[];\r\n  additionalAttributes: any[];\r\n}\r\n\r\nexport interface IBreadcrumbOverlay {\r\n  id: string;\r\n  target: string;\r\n  closeText: string;\r\n  closeIcon: IIconConfig;\r\n  classes: string[];\r\n  additionalAttributes: any[];\r\n}\r\n\r\nexport interface AdditionalAttribute {\r\n  name: string;\r\n  value: string;\r\n}\r\n\r\nexport interface IBreadcrumbItem {\r\n  text: string;\r\n  url: string;\r\n}\r\n"]}

package/dist/collection/models/coveo.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=coveo.model.js.map

package/dist/collection/models/coveo.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coveo.model.js","sourceRoot":"","sources":["../../../src/models/coveo.model.ts"],"names":[],"mappings":"","sourcesContent":["import { Environment } from './general.model';\r\n\r\nexport interface CoveoResponse {\r\n  completions: CoveoCompletion[];\r\n  responseId: string;\r\n}\r\n\r\nexport interface CoveoCompletion {\r\n  expression: string;\r\n  score: number;\r\n  highlighted: string;\r\n  executableConfidence: number;\r\n  objectId: string;\r\n  redirectUrl?: string;\r\n}\r\n\r\nexport interface CoveoOptions {\r\n  url: string;\r\n  environment: {\r\n    [key in Environment]: {\r\n      organisation: string;\r\n      token: string;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/collection/models/footer.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=footer.model.js.map

package/dist/collection/models/footer.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.model.js","sourceRoot":"","sources":["../../../src/models/footer.model.ts"],"names":[],"mappings":"","sourcesContent":["export interface IFooterConfig {\r\n  title: string;\r\n  asWebComponent: boolean;\r\n  osLinks?: { serviceName: string; links: LinksEntity[] }; // type?\r\n  block: BlockEntity[];\r\n  entry: {\r\n    text: string;\r\n  };\r\n  links: LinksEntity[];\r\n  classes: string[];\r\n  additionalAttributes: string[]; // string?\r\n}\r\n\r\nexport interface BlockEntity {\r\n  columnType: string;\r\n  title: string;\r\n  links?: LinksEntity[];\r\n  content?: ContentEntity[];\r\n}\r\n\r\nexport interface LinksEntity {\r\n  url: string;\r\n  target: string;\r\n  text?: string;\r\n  title?: string;\r\n  name?: string;\r\n  icon?: string;\r\n  classes: string[];\r\n  additionalAttributes: unknown[]; // {[key:string]:string}?\r\n}\r\n\r\nexport interface ContentEntity {\r\n  address: string;\r\n  describe: string;\r\n  hours: string;\r\n  links: LinksEntity[];\r\n  name: string;\r\n  number: string;\r\n  text: string;\r\n  title: string;\r\n}\r\n\r\nexport interface ICustomFooterConfig {\r\n  block: CustomBlockEntity;\r\n}\r\n\r\nexport interface CustomBlockEntity {\r\n  title: string;\r\n  links?: LinksEntity[];\r\n}\r\n"]}

package/dist/collection/models/general.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=general.model.js.map

package/dist/collection/models/general.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general.model.js","sourceRoot":"","sources":["../../../src/models/general.model.ts"],"names":[],"mappings":"","sourcesContent":["import { IHeaderConfig, ICustomHeaderConfig, NavMainEntity } from './header.model';\r\nimport { IBreadcrumbConfig } from './breadcrumbs.model';\r\nimport { IFooterConfig, ICustomFooterConfig } from './footer.model';\r\n\r\ndeclare global {\r\n  interface Window {\r\n    OPPklpWidget: any;\r\n    klpWidgetDev: any;\r\n    jQuery: any;\r\n    $: any;\r\n    SockJS: any;\r\n  }\r\n}\r\nexport interface IPortalConfig {\r\n  de?: ILocalizedConfig;\r\n  fr?: ILocalizedConfig;\r\n  it?: ILocalizedConfig;\r\n  en?: ILocalizedConfig;\r\n}\r\n\r\nexport interface ILocalizedConfig {\r\n  header: IHeaderConfig;\r\n  breadcrumb: IBreadcrumbConfig;\r\n  footer?: IFooterConfig;\r\n}\r\n\r\nexport interface ICustomConfig {\r\n  de?: ILocalizedCustomConfig;\r\n  fr?: ILocalizedCustomConfig;\r\n  it?: ILocalizedCustomConfig;\r\n  en?: ILocalizedCustomConfig;\r\n}\r\n\r\nexport interface ILocalizedCustomConfig {\r\n  header: ICustomHeaderConfig;\r\n  footer?: ICustomFooterConfig;\r\n}\r\n\r\nexport type Environment = 'int01' | 'int02' | 'prod';\r\n\r\nexport type ActiveRouteProp = 'auto' | 'exact' | false | string;\r\n\r\nexport type LocalizedConfigParameters = {\r\n  projectId: string;\r\n  environment: Environment;\r\n  language?: string;\r\n  mapMyPost?: boolean;\r\n  cookieKey?: string;\r\n  localStorageKey?: string;\r\n  activeRouteProp?: ActiveRouteProp;\r\n  localizedCustomConfig?: ILocalizedCustomConfig;\r\n  osFlyoutOverrides?: NavMainEntity;\r\n};\r\n"]}

package/dist/collection/models/geocode.model.js

@@ -0,0 +1,10 @@
+export var GeocodeResponseType;
+(function (GeocodeResponseType) {
+  GeocodeResponseType["Region"] = "region";
+  GeocodeResponseType["City"] = "city";
+  GeocodeResponseType["Zip"] = "zip";
+  GeocodeResponseType["Locality"] = "locality";
+  GeocodeResponseType["Address"] = "address";
+  GeocodeResponseType["Poi"] = "poi";
+})(GeocodeResponseType || (GeocodeResponseType = {}));
+//# sourceMappingURL=geocode.model.js.map

package/dist/collection/models/geocode.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geocode.model.js","sourceRoot":"","sources":["../../../src/models/geocode.model.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;EAC7B,wCAAiB,CAAA;EACjB,oCAAa,CAAA;EACb,kCAAW,CAAA;EACX,4CAAqB,CAAA;EACrB,0CAAmB,CAAA;EACnB,kCAAW,CAAA;AACb,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B","sourcesContent":["export interface GeocodeResponse {\r\n  ok: boolean;\r\n  info: string;\r\n  time: string;\r\n  note: string;\r\n  count: number;\r\n  locations: GeocodeLocation[];\r\n}\r\n\r\nexport interface GeocodeLocation {\r\n  id?: string;\r\n  name: string;\r\n  type: string;\r\n  subtype?: string;\r\n  pt: [number, number];\r\n  bbox: [number, number, number, number];\r\n}\r\n\r\nexport enum GeocodeResponseType {\r\n  Region = 'region',\r\n  City = 'city',\r\n  Zip = 'zip',\r\n  Locality = 'locality',\r\n  Address = 'address',\r\n  Poi = 'poi',\r\n}\r\n\r\nexport interface ServiceTypesResponse {\r\n  ok: boolean;\r\n  info: string;\r\n  time: string;\r\n  opentmin: string;\r\n  opentmax: string;\r\n  flags: { [key: string]: string };\r\n  count: number;\r\n  types: ServiceType[];\r\n}\r\n\r\nexport interface ServiceType {\r\n  tag: string;\r\n  count: number;\r\n  cat: string;\r\n  id: string;\r\n  desc: string;\r\n  rectype?: string;\r\n  group?: string;\r\n  groupSortKey?: number;\r\n  itemSortKey?: number;\r\n  list?: boolean;\r\n  priv?: boolean;\r\n  biz?: boolean;\r\n  url?: string;\r\n  urlMobile?: string;\r\n}\r\n"]}

package/dist/collection/models/header.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.model.js.map

package/dist/collection/models/header.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.model.js","sourceRoot":"","sources":["../../../src/models/header.model.ts"],"names":[],"mappings":"","sourcesContent":["import { EventEmitter } from '@stencil/core';\r\nimport { AdditionalAttribute } from './breadcrumbs.model';\r\nimport { Environment } from './general.model';\r\n\r\nexport interface IHeaderConfig {\r\n  asWebComponent: boolean;\r\n  isHeaderResponsive: boolean;\r\n  isLoginWidgetHidden: boolean;\r\n  showJobsLoginWidget: boolean;\r\n  icons: {\r\n    backArrowIcon: IIconConfig;\r\n    closeIcon: IIconConfig;\r\n    downArrowIcon: IIconConfig;\r\n    menuIcon: IIconConfig;\r\n    rightArrowIcon: IIconConfig;\r\n    searchIcon: IIconConfig;\r\n    loginIcon: IIconConfig;\r\n  };\r\n  loginWidgetOptions?: ILoginWidgetOptions;\r\n  loginWidgetId: string;\r\n  logo: ILogoConfig;\r\n  mobileMenu: {\r\n    text: string;\r\n  };\r\n  search: ISearchConfig;\r\n  onlineServiceId: string;\r\n  navMain: NavMainEntity[];\r\n  navMeta?: NavMetaEntity[];\r\n  navLang: NavLangEntity[];\r\n  translations: IHeaderTranslations;\r\n}\r\n\r\nexport interface IIconConfig {\r\n  name: string;\r\n  classes?: string[];\r\n  additionalAttributes?: AdditionalAttribute[];\r\n}\r\n\r\nexport interface ILoginWidgetOptions {\r\n  applicationId: string;\r\n  serviceId: string;\r\n  appLoginUrl: string;\r\n  currentLang: string;\r\n  environment?: Environment;\r\n  options: {\r\n    isDebugEnabled: boolean;\r\n    logoutTargetURL: string;\r\n  };\r\n  platform: {\r\n    endPoint: string;\r\n    notificationsEndPoint: string;\r\n    logoutURL: string;\r\n    keepAliveURL: string;\r\n    autoLoginURL: string;\r\n  };\r\n}\r\n\r\nexport interface ILogoConfig {\r\n  logoLink: string;\r\n  logoLinkTitle: string;\r\n  logoSvg: string;\r\n  logoText: string;\r\n}\r\n\r\nexport interface ISearchConfig {\r\n  isSearchHidden: boolean;\r\n  searchPageUrl: string;\r\n  redirectPattern: string;\r\n  searchBoxSuggestionsThreshold: string;\r\n  searchBoxSuggestionsAllNumber: string;\r\n  searchBoxSuggestionsCoveoNumber: string;\r\n  placesRedirectUrl: string;\r\n  packageTrackingRedirectUrl: string;\r\n  searchHubName: string;\r\n  searchPipelineName: string;\r\n  searchRecommendations: ISearchRecommendationContainer;\r\n}\r\n\r\nexport interface ISearchRecommendationContainer {\r\n  title: string;\r\n  links: ISearchRecommendation[];\r\n}\r\n\r\nexport interface ISearchRecommendation {\r\n  href: string;\r\n  inlineSvg: string;\r\n  label: string;\r\n  target: string;\r\n  additionalAttributes: Array<{ name: string; value: string }>;\r\n}\r\n\r\nexport interface NavMainEntity {\r\n  id?: string;\r\n  text: string;\r\n  title: string;\r\n  url: string;\r\n  isActive?: boolean;\r\n  isActiveOverride?: boolean;\r\n  noFlyout?: boolean;\r\n  flyout: FlyoutEntity[];\r\n}\r\n\r\nexport interface FlyoutEntity {\r\n  title: string;\r\n  linkList: LinkListEntity[];\r\n}\r\n\r\nexport interface LinkListEntity {\r\n  title: string;\r\n  url: string;\r\n  target?: string;\r\n  isActive?: boolean;\r\n  isActiveOverride?: boolean;\r\n}\r\n\r\nexport interface NavMetaEntity {\r\n  isActive: boolean;\r\n  isHomeLink: boolean;\r\n  target?: string;\r\n  text: string;\r\n  url: string;\r\n}\r\n\r\nexport interface NavLangEntity {\r\n  a11yLabel?: string;\r\n  isCurrent: boolean;\r\n  lang: string;\r\n  text: string;\r\n  title: string;\r\n  url?: string;\r\n}\r\n\r\nexport interface IHeaderTranslations {\r\n  backButtonText: string;\r\n  closeButtonText: string;\r\n  homeLinkTitle: string;\r\n  navLangAriaLabel: string;\r\n  navMainAriaLabel: string;\r\n  navMetaAriaLabel: string;\r\n  searchAriaLabel: string;\r\n  flyoutSearchBoxFloatingLabel: string;\r\n  searchPlaceholder: string;\r\n  searchSubmit: string;\r\n  searchToggle: string;\r\n  searchToggleExpanded: string;\r\n  searchA11yLabelClosed: string;\r\n  searchA11yLabelOpened: string;\r\n  mobileNavToggleClose: string;\r\n  mobileNavToggleOpen: string;\r\n  nonResponsiveHeader: string;\r\n  loginWidgetText?: string;\r\n}\r\n\r\nexport interface IsFocusable {\r\n  setFocus: () => void;\r\n}\r\n\r\nexport type FocusableElement = HTMLElement & IsFocusable;\r\n\r\nexport interface HasDropdown {\r\n  toggleDropdown: (force?: boolean) => Promise<boolean>;\r\n  dropdownToggled: EventEmitter<DropdownEvent>;\r\n}\r\n\r\nexport type DropdownElement = HTMLElement & HasDropdown;\r\n\r\nexport type DropdownEvent = { open: boolean; element: DropdownElement };\r\n\r\nexport interface ICustomHeaderConfig {\r\n  navMain: NavMainEntity[];\r\n}\r\n\r\nexport type MainNavScoreList = { main: NavMainEntity; sub?: LinkListEntity; score: number }[];\r\n"]}

package/dist/collection/models/implementor.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=implementor.model.js.map

package/dist/collection/models/implementor.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementor.model.js","sourceRoot":"","sources":["../../../src/models/implementor.model.ts"],"names":[],"mappings":"","sourcesContent":["export type StickynessOptions = 'none' | 'minimal' | 'main' | 'full';\r\n\r\n/**\r\n * Settings any implementor of the internet header can set on the component\r\n * itself. Has to be a valid JSON string.\r\n *\r\n * HTML example (note the quotes):\r\n * ```html\r\n * <post-internet-header config='{ \"serviceId\": \"test\" }'></post-internet-header>\r\n * ```\r\n * or via JavaScript:\r\n * ```js\r\n * const header = document.querySelector('post-internet-header');\r\n * header.config = { serviceId: 'test' };\r\n * ```\r\n */\r\nexport interface IImplementorConfig {\r\n  serviceId: string;\r\n  stickyness?: StickynessOptions;\r\n  preferredLanguage?: string;\r\n  languageCookieName?: string;\r\n  languageStorageKey?: string;\r\n}\r\n"]}

package/dist/collection/models/language.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=language.model.js.map