npm - @swisspost/internet-header - Versions diffs - 1.7.4 → 1.8.1-beta.0 - Mend

@swisspost/internet-header 1.7.4 → 1.8.1-beta.0

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

Files changed (270) hide show

package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.css CHANGED Viewed

@@ -451,7 +451,7 @@
   padding: 0;
 }
-.nav-link {
+.nav-link, .login-button {
   outline: none;
   outline-offset: 2px;
   /* Compatibility with button-group */
@@ -466,22 +466,22 @@
   align-items: center;
   gap: 0.5rem;
 }
-.nav-link:is(:focus-visible, :focus-within, .pretend-focus) {
+.nav-link:is(:focus-visible, :focus-within, .pretend-focus), .login-button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
 }
-.nav-link:hover, .nav-link:focus {
+.nav-link:hover, .login-button:hover, .nav-link:focus, .login-button:focus {
   color: black;
 }
-.nav-link:focus-visible {
+.nav-link:focus-visible, .login-button:focus-visible {
   z-index: 1;
   position: relative;
 }
-.nav-link > svg {
+.nav-link > svg, .login-button > svg {
   width: 1.4em;
   height: 1.4em;
   flex-shrink: 0;
 }
-.nav-link > span {
+.nav-link > span, .login-button > span {
   flex-shrink: 1;
 }
@@ -519,8 +519,6 @@ a:is(:focus-visible, :focus-within, .pretend-focus),
 button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
   border-radius: 3px;
-  position: relative;
-  z-index: 1;
 }
 img,
@@ -1399,4 +1397,41 @@ li.name-and-surname span.infoHidden {
 }
 #post-klp-login-widget .modal-button-container > .item-centered {
   justify-content: center;
+}
+.login-button {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding-right: calc(1rem - 1px);
+  padding-left: calc(1rem - 1px);
+}
+@media (min-width: 1024px) {
+  .login-button {
+    padding: 0 calc(1.125rem - 1px);
+  }
+}
+@media (min-width: 1280px) {
+  .login-button {
+    padding: 0 calc(1.5rem - 1px);
+  }
+}
+.login-button svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+@media (min-width: 600px) {
+  .login-button .visually-hidden {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: auto;
+    overflow: visible;
+    clip: auto;
+    visibility: visible;
+    font-weight: 300;
+    margin-right: 0.5rem;
+    cursor: pointer;
+  }
 }

package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.js CHANGED Viewed

@@ -1,12 +1,14 @@
 import { Host, h } from '@stencil/core';
 import { state } from '../../data/store';
 import { SvgSprite } from '../../utils/svg-sprite.component';
+import { SvgIcon } from '../../utils/svg-icon.component';
 export class PostKlpLoginWidget {
   async componentDidLoad() {
-    var _a;
-    const { initializeKLPLoginWidget } = await import('./klp-widget.controller');
-    if (((_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header.loginWidgetOptions) === undefined)
+    var _a, _b, _c, _d;
+    if (((_b = (_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.showJobsLoginWidget) ||
+      !((_d = (_c = state.localizedConfig) === null || _c === void 0 ? void 0 : _c.header) === null || _d === void 0 ? void 0 : _d.loginWidgetOptions))
       return;
+    const { initializeKLPLoginWidget } = await import('./klp-widget.controller');
     initializeKLPLoginWidget('post-klp-login-widget', Object.assign(Object.assign({}, state.localizedConfig.header.loginWidgetOptions), { environment: state.environment }));
   }
   /**
@@ -20,12 +22,13 @@ export class PostKlpLoginWidget {
     }
   }
   render() {
-    var _a, _b;
-    if (!((_b = (_a = state === null || state === void 0 ? void 0 : state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.loginWidgetOptions)) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (!((_b = (_a = state === null || state === void 0 ? void 0 : state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.loginWidgetOptions) &&
+      !((_d = (_c = state === null || state === void 0 ? void 0 : state.localizedConfig) === null || _c === void 0 ? void 0 : _c.header) === null || _d === void 0 ? void 0 : _d.showJobsLoginWidget)) {
       console.warn(`Internet Header: the login widget is not configured in your portal config. Use <swisspost-internet-header project="${state.projectId}" login="false"></swisspost-internet-header> to turn off the login widget or configure it via the portal config.`);
       return null;
     }
-    return (h(Host, null, h(SvgSprite, null), h("div", { class: "widget-wrapper", "data-hj-suppress": true }, h("div", { id: "post-klp-login-widget" }))));
+    return (h(Host, null, h(SvgSprite, null), h("div", { class: "widget-wrapper", "data-hj-suppress": true }, ((_f = (_e = state === null || state === void 0 ? void 0 : state.localizedConfig) === null || _e === void 0 ? void 0 : _e.header) === null || _f === void 0 ? void 0 : _f.showJobsLoginWidget) ? (h("a", { id: "post-klp-login-widget", class: "login-button", href: (_g = state.localizedConfig.header.loginWidgetOptions) === null || _g === void 0 ? void 0 : _g.appLoginUrl }, h("span", { class: "visually-hidden" }, state.localizedConfig.header.translations.loginWidgetText), h(SvgIcon, { name: "pi-login" }))) : (h("div", { id: "post-klp-login-widget" })))));
   }
   static get is() { return "post-klp-login-widget"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/post-klp-login-widget/post-klp-login-widget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"post-klp-login-widget.js","sourceRoot":"","sources":["../../../../src/components/post-klp-login-widget/post-klp-login-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;~~AAQ7D~~,MAAM,OAAO,kBAAkB;EAG7B,KAAK,CAAC,gBAAgB;;IACpB,~~MAAM~~,~~EAAE~~,~~wBAAwB~~,~~EAAE~~,~~GAAG~~,~~MAAM~~,~~MAAM~~,~~CAAC~~,~~yBAAyB~~,~~CAAC~~,~~CAAC~~;~~IAC7E~~,~~IAAI~~,CAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,~~CAAC~~,kBAAkB,~~MAAK,SAAS~~;~~MAAE~~,OAAO;~~IAC3E~~,wBAAwB,CAAC,uBAAuB,kCAC3C,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,kBAAkB,KAClD,WAAW,EAAE,KAAK,CAAC,WAAW,IAC9B,CAAC;EACL,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ;;IACZ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CACxD,uEAAuE,CACxE,CAAC;IACF,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;MACrC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;KACxB;EACH,CAAC;EAED,MAAM;;IACJ,~~IAAI~~,CAAC,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,MAAM,0CAAE,kBAAkB,CAAA,~~EAAE~~;~~MACvD~~,OAAO,CAAC,IAAI,CACV,sHAAsH,KAAK,CAAC,SAAS,kHAAkH,CACxP,CAAC;MACF,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,EAAC,IAAI;MACH,EAAC,SAAS,OAAG;MACb,WAAK,KAAK,EAAC,gBAAgB;~~QACzB~~,WAAK,EAAE,EAAC,uBAAuB,GAAO,~~CAClC~~,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Method, Element } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { IsFocusable } from '../../models/header.model';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\n\n@Component({\n tag: 'post-klp-login-widget',\n styleUrl: 'post-klp-login-widget.scss',\n scoped: false,\n shadow: true,\n})\nexport class PostKlpLoginWidget implements IsFocusable {\n @Element() host: HTMLElement;\n\n async componentDidLoad() {\n const { initializeKLPLoginWidget } = await import('./klp-widget.controller');\n ~~if (state.localizedConfig?.header.loginWidgetOptions === undefined) return;\n~~ initializeKLPLoginWidget('post-klp-login-widget', {\n ...state.localizedConfig.header.loginWidgetOptions,\n environment: state.environment,\n });\n }\n\n /*\n Sets the focus on the login button\n */\n @Method()\n async setFocus() {\n const loginButton = this.host.shadowRoot?.querySelectorAll<HTMLElement>(\n '.klp-widget-anonymous__wrapper a, .klp-widget-authenticated-session a',\n );\n if (loginButton && loginButton.length) {\n loginButton[0].focus();\n }\n }\n\n render() {\n if (!state?.localizedConfig?.header?.loginWidgetOptions) {\n console.warn(\n `Internet Header: the login widget is not configured in your portal config. Use <swisspost-internet-header project=\"${state.projectId}\" login=\"false\"></swisspost-internet-header> to turn off the login widget or configure it via the portal config.`,\n );\n return null;\n }\n return (\n <Host>\n <SvgSprite />\n <div class=\"widget-wrapper\" data-hj-suppress>\n <div id=\"post-klp-login-widget\"></div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"post-klp-login-widget.js","sourceRoot":"","sources":["../../../../src/components/post-klp-login-widget/post-klp-login-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAQzD,MAAM,OAAO,kBAAkB;EAG7B,KAAK,CAAC,gBAAgB;;IACpB,IACE,CAAA,MAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,0CAAE,mBAAmB;MAClD,CAAC,CAAA,MAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,0CAAE,kBAAkB,CAAA;MAElD,OAAO;IACT,MAAM,EAAE,wBAAwB,EAAE,GAAG,MAAM,MAAM,CAAC,yBAAyB,CAAC,CAAC;IAC7E,wBAAwB,CAAC,uBAAuB,kCAC3C,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,kBAAkB,KAClD,WAAW,EAAE,KAAK,CAAC,WAAW,IAC9B,CAAC;EACL,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ;;IACZ,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CACxD,uEAAuE,CACxE,CAAC;IACF,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;MACrC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;KACxB;EACH,CAAC;EAED,MAAM;;IACJ,IACE,CAAC,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,MAAM,0CAAE,kBAAkB,CAAA;MACnD,CAAC,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,MAAM,0CAAE,mBAAmB,CAAA,EACpD;MACA,OAAO,CAAC,IAAI,CACV,sHAAsH,KAAK,CAAC,SAAS,kHAAkH,CACxP,CAAC;MACF,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,EAAC,IAAI;MACH,EAAC,SAAS,OAAG;MACb,WAAK,KAAK,EAAC,gBAAgB,8BACxB,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,0CAAE,MAAM,0CAAE,mBAAmB,EAAC,CAAC,CAAC,CACrD,SACE,EAAE,EAAC,uBAAuB,EAC1B,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,MAAA,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,kBAAkB,0CAAE,WAAW;QAElE,YAAM,KAAK,EAAC,iBAAiB,IAC1B,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CACrD;QACP,EAAC,OAAO,IAAC,IAAI,EAAC,UAAU,GAAG,CACzB,CACL,CAAC,CAAC,CAAC,CACF,WAAK,EAAE,EAAC,uBAAuB,GAAO,CACvC,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Method, Element } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { IsFocusable } from '../../models/header.model';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\n\n@Component({\n tag: 'post-klp-login-widget',\n styleUrl: 'post-klp-login-widget.scss',\n scoped: false,\n shadow: true,\n})\nexport class PostKlpLoginWidget implements IsFocusable {\n @Element() host: HTMLElement;\n\n async componentDidLoad() {\n if (\n state.localizedConfig?.header?.showJobsLoginWidget \|\|\n !state.localizedConfig?.header?.loginWidgetOptions\n )\n return;\n const { initializeKLPLoginWidget } = await import('./klp-widget.controller');\n initializeKLPLoginWidget('post-klp-login-widget', {\n ...state.localizedConfig.header.loginWidgetOptions,\n environment: state.environment,\n });\n }\n\n /*\n Sets the focus on the login button\n */\n @Method()\n async setFocus() {\n const loginButton = this.host.shadowRoot?.querySelectorAll<HTMLElement>(\n '.klp-widget-anonymous__wrapper a, .klp-widget-authenticated-session a',\n );\n if (loginButton && loginButton.length) {\n loginButton[0].focus();\n }\n }\n\n render() {\n if (\n !state?.localizedConfig?.header?.loginWidgetOptions &&\n !state?.localizedConfig?.header?.showJobsLoginWidget\n ) {\n console.warn(\n `Internet Header: the login widget is not configured in your portal config. Use <swisspost-internet-header project=\"${state.projectId}\" login=\"false\"></swisspost-internet-header> to turn off the login widget or configure it via the portal config.`,\n );\n return null;\n }\n return (\n <Host>\n <SvgSprite />\n <div class=\"widget-wrapper\" data-hj-suppress>\n {state?.localizedConfig?.header?.showJobsLoginWidget ? (\n <a\n id=\"post-klp-login-widget\"\n class=\"login-button\"\n href={state.localizedConfig.header.loginWidgetOptions?.appLoginUrl}\n >\n <span class=\"visually-hidden\">\n {state.localizedConfig.header.translations.loginWidgetText}\n </span>\n <SvgIcon name=\"pi-login\" />\n </a>\n ) : (\n <div id=\"post-klp-login-widget\"></div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/post-language-switch/post-language-switch.css CHANGED Viewed

@@ -137,8 +137,6 @@ a:is(:focus-visible, :focus-within, .pretend-focus),
 button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
   border-radius: 3px;
-  position: relative;
-  z-index: 1;
 }
 img,
@@ -284,6 +282,8 @@ svg {
 }
 .lang-btn:hover, .lang-btn:focus {
   color: black;
+  position: relative;
+  z-index: 1;
 }
 .lang-btn svg {
   width: 1.5em;

package/dist/collection/components/post-logo/post-logo.css CHANGED Viewed

@@ -130,8 +130,6 @@ a:is(:focus-visible, :focus-within, .pretend-focus),
 button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
   border-radius: 3px;
-  position: relative;
-  z-index: 1;
 }
 img,

package/dist/collection/components/post-main-navigation/post-main-navigation.css CHANGED Viewed

@@ -180,8 +180,6 @@ a:is(:focus-visible, :focus-within, .pretend-focus),
 button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
   border-radius: 3px;
-  position: relative;
-  z-index: 1;
 }
 img,

package/dist/collection/components/post-meta-navigation/post-meta-navigation.css CHANGED Viewed

@@ -130,8 +130,6 @@ a:is(:focus-visible, :focus-within, .pretend-focus),
 button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
   border-radius: 3px;
-  position: relative;
-  z-index: 1;
 }
 img,

package/dist/collection/components/post-search/post-search.css CHANGED Viewed

@@ -2656,8 +2656,6 @@ a:is(:focus-visible, :focus-within, .pretend-focus),
 button:is(:focus-visible, :focus-within, .pretend-focus) {
   outline: 2px solid var(--post-contrast-color);
   border-radius: 3px;
-  position: relative;
-  z-index: 1;
 }
 img,
@@ -2873,6 +2871,9 @@ svg {
   display: flex;
   align-items: center;
   cursor: pointer;
+  background: none;
+  border: 0;
+  box-shadow: none;
 }
 .start-search-button svg {
   width: 1.5rem;

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

@@ -73,7 +73,7 @@ export class PostSearch {
       this.placeSuggestions = [];
       if (this.searchBox)
         this.searchBox.value = '';
-      this.setFocus();
+      void this.setFocus();
     }
     else {
       // Get basic suggestions when dropdown opens
@@ -158,7 +158,7 @@ export class PostSearch {
           window.location.href = selectedHref;
         }
         else {
-          this.startSearch();
+          void this.startSearch();
         }
         break;
       case 'arrowdown':
@@ -240,24 +240,39 @@ export class PostSearch {
       window.location.href = redirectUrl;
     }
   }
+  trackRecommendationClick(recommendation) {
+    if (!('dataLayer' in window))
+      return;
+    const trackingAttributes = recommendation.additionalAttributes.reduce((acc, curr) => {
+      acc[curr.name] = curr.value;
+      return acc;
+    }, {});
+    window.dataLayer.push({
+      event: trackingAttributes['data-event'],
+      text: trackingAttributes['data-text'],
+      link_url: trackingAttributes['data-linkurl'],
+      label: trackingAttributes['data-label'],
+      type: trackingAttributes['data-type'],
+    });
+  }
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     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, { role: "search" }, 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
+    return (h(Host, { role: "search" }, 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 => void 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", role: "searchbox", 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", { id: "post-internet-header-search-recommendations-title", class: "bold" }, search.searchRecommendations.title)), h("ul", { class: "suggestions no-list", onMouseLeave: () => this.handleMouseLeaveSuggestions(), "aria-labelledby": showPortalRecommendations
+      : 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", role: "searchbox", id: "searchBox", class: "form-control form-control-lg", placeholder: translations.flyoutSearchBoxFloatingLabel, autocomplete: "off", ref: el => (this.searchBox = el), onInput: () => void this.handleSearchInput(), onKeyDown: e => this.handleKeyDown(e) }), h("label", { htmlFor: "searchBox" }, translations.flyoutSearchBoxFloatingLabel), h("button", { onClick: () => void this.startSearch(), class: "start-search-button" }, h("span", { class: "visually-hidden" }, translations.searchSubmit), h(SvgIcon, { name: "pi-search" }))), showPortalRecommendations && (h("h2", { id: "post-internet-header-search-recommendations-title", class: "bold" }, search.searchRecommendations.title)), h("ul", { class: "suggestions no-list", onMouseLeave: () => this.handleMouseLeaveSuggestions(), "aria-labelledby": showPortalRecommendations
         ? 'post-internet-header-search-recommendations-title'
         : undefined }, 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 &&
+      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), onClick: () => this.trackRecommendationClick(recommendation) }, h("span", { class: "search-recommendation__icon", innerHTML: recommendation.inlineSvg }), h("span", null, recommendation.label))))), ((_d = this.parcelSuggestion) === null || _d === void 0 ? void 0 : _d.ok) && (h("li", null, h("a", { class: "nav-link parcel-suggestion", href: this.parcelSuggestion.url, "data-suggestion-text": (_e = this.searchBox) === null || _e === void 0 ? void 0 : _e.value, onMouseEnter: e => this.handleMouseEnterSuggestion(e) }, h(SvgIcon, { name: "pi-letter-parcel" }), h("span", { class: "bold" }, (_g = (_f = this.parcelSuggestion) === null || _f === void 0 ? void 0 : _f.sending) === null || _g === void 0 ? void 0 :
+      _g.id, ":\u00A0"), h("span", null, (_j = (_h = this.parcelSuggestion) === null || _h === void 0 ? void 0 : _h.sending) === null || _j === void 0 ? void 0 :
+      _j.product, ",", ' ', (_l = (_k = this.parcelSuggestion) === null || _k === void 0 ? void 0 : _k.sending) === null || _l === void 0 ? void 0 :
+      _l.recipient.zipcode, ' ', (_o = (_m = this.parcelSuggestion) === null || _m === void 0 ? void 0 : _m.sending) === null || _o === void 0 ? void 0 :
+      _o.recipient.city, ",", ' ', (_q = (_p = this.parcelSuggestion) === null || _p === void 0 ? void 0 : _p.sending) === null || _q === void 0 ? void 0 :
+      _q.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 &&

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

	@@ -1 +1 @@
1	- {"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,MAAM,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CACxD,gCAAgC,CACjC,CAAC;IACF,MAAM,YAAY,GAAG,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,YAAY,CAAC,MAAM,CAAC,mCAAI,IAAI,CAAC;IACtE,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAEhF,QAAQ,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE;MAC/B,KAAK,OAAO;QACV,IAAI,YAAY,KAAK,IAAI,EAAE;UACzB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;SACrC;aAAM;UACL,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QAED,MAAM;MACR,KAAK,WAAW;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,MAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,0CAAE,kBAAkB,0CAAE,iBAAiB,EAAE;UAC5E,yEAAyE;UACzE,kBAAkB,CAAC,aAAa,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CACjF,UAAU,CACX,CAAC;UACF,gEAAgE;SACjE;aAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;UACjC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;SAC1C;QAED,IAAI,CAAC,6BAA6B,EAAE,CAAC;QAErC,MAAM;MACR,KAAK,SAAS;QACZ,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,MAAA,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,aAAa,0CAAE,sBAAsB,0CAAE,iBAAiB,EAAE;UAChF,6EAA6E;UAE7E,kBAAkB,CAAC,aAAa,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CACrF,UAAU,CACX,CAAC;UACF,+DAA+D;SAChE;aAAM,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;UACjC,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;SAC/D;QAED,IAAI,CAAC,6BAA6B,EAAE,CAAC;QAErC,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,6BAA6B;IACnC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS;MAAE,OAAO;IAE5C,oCAAoC;IACpC,MAAM,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CACxD,gCAAgC,CACjC,CAAC;IACF,MAAM,aAAa,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,cAAc,CAAC;IAEjE,wDAAwD;IACxD,IAAI,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE;MACjD,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,aAAa,CAAC;KACtC;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,UAAI,EAAE,EAAC,mDAAmD,EAAC,KAAK,EAAC,MAAM,IACpE,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAChC,CACN;kBACD,UACE,KAAK,EAAC,qBAAqB,EAC3B,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,2BAA2B,EAAE,qBAEpD,yBAAyB;sBACvB,CAAC,CAAC,mDAAmD;sBACrD,CAAC,CAAC,SAAS;oBAGd,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 const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n '.suggestions > li > a.selected',\n );\n const selectedHref = selectedSuggestion?.getAttribute('href') ?? null;\n const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n switch (event.key.toLowerCase()) {\n case 'enter':\n if (selectedHref !== null) {\n window.location.href = selectedHref;\n } else {\n this.startSearch();\n }\n\n break;\n case 'arrowdown':\n this.deselectSuggestion();\n\n if (selectedSuggestion?.parentElement?.nextElementSibling?.firstElementChild) {\n // Select next suggestion if there's any, otherwise none will be selected\n selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add(\n 'selected',\n );\n // If there are any suggestions, select first suggestion in list\n } else if (suggestions.length > 0) {\n suggestions[0].classList.add('selected');\n }\n\n this.updateSearchBoxWithSuggestion();\n\n break;\n case 'arrowup':\n this.deselectSuggestion();\n\n if (selectedSuggestion?.parentElement?.previousElementSibling?.firstElementChild) {\n // Select previous suggestion if there's any, otherwise none will be selected\n\n selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add(\n 'selected',\n );\n // If there are any suggestions, select last suggestion in list\n } else if (suggestions.length > 0) {\n suggestions[suggestions.length - 1].classList.add('selected');\n }\n\n this.updateSearchBoxWithSuggestion();\n\n break;\n }\n }\n\n /\n Set selected suggestion on mouse enter\n * @param event\n /\n private handleMouseEnterSuggestion(event: MouseEvent) {\n this.deselectSuggestion();\n\n // Set hovered suggestion element as selected\n (event.target as HTMLElement).classList.add('selected');\n }\n\n /\n Set selected suggestion on mouse enter\n * @param event\n /\n private handleMouseLeaveSuggestions() {\n this.deselectSuggestion();\n }\n\n /\n Deselect any previously selected suggestion\n /\n private deselectSuggestion() {\n if (this.searchFlyout === undefined) return;\n\n const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');\n\n if (selectedSuggestion) {\n selectedSuggestion.classList.remove('selected');\n }\n }\n\n /\n Update search box with selected suggestion\n /\n private updateSearchBoxWithSuggestion() {\n if (this.searchFlyout === undefined) return;\n\n // Get the newly selected suggestion\n const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n '.suggestions > li > a.selected',\n );\n const suggestedText = selectedSuggestion?.dataset.suggestionText;\n\n // Update search box value with selected suggestion text\n if (suggestedText !== undefined && this.searchBox) {\n this.searchBox.value = suggestedText;\n }\n }\n\n /\n Redirect to the post search page\n */\n private async startSearch() {\n if (this.searchBox && state.localizedConfig?.header.search) {\n const redirectUrl = await getSearchRedirectUrl(\n this.searchBox.value.trim(),\n state.localizedConfig.header.search,\n );\n if (!redirectUrl) return;\n window.location.href = redirectUrl;\n }\n }\n\n 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 id=\"post-internet-header-search-recommendations-title\" class=\"bold\">\n {search.searchRecommendations.title}\n </h2>\n )}\n <ul\n class=\"suggestions no-list\"\n onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n aria-labelledby={\n showPortalRecommendations\n ? 'post-internet-header-search-recommendations-title'\n : undefined\n }\n >\n {showPortalRecommendations &&\n search.searchRecommendations.links.map(recommendation => (\n <li key={recommendation.href}>\n <a\n class=\"nav-link search-recommendation\"\n href={new URL(recommendation.href, 'https://post.ch').href}\n data-suggestion-text={recommendation.label}\n onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n >\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}: </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"]}
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 { TagManagerDataLayer } from '../../models/general.model';\nimport {\n DropdownElement,\n DropdownEvent,\n HasDropdown,\n ISearchRecommendation,\n IsFocusable,\n} from '../../models/header.model';\nimport { getSearchRedirectUrl, equalizeArrays } from '../../services/search/search.service';\nimport { getCoveoSuggestions } from '../../services/search/coveo.service';\nimport {\n getPlacesUrl,\n highlightPlacesString,\n queryPlaces,\n} from '../../services/search/places.service';\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\nimport { HighlightedText } from '../../utils/highlighted.component';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { TrackAndTraceInfo } from '../../models/track-and-trace.model';\nimport { getParcelSuggestion } from '../../services/search/parcel.service';\nimport { If } from '../../utils/if.component';\n\n@Component({\n tag: 'post-search',\n styleUrl: 'post-search.scss',\n shadow: true,\n})\nexport class PostSearch implements HasDropdown, IsFocusable {\n @State() searchDropdownOpen = false;\n @State() coveoSuggestions: CoveoCompletion[] = [];\n @State() placeSuggestions: GeocodeLocation[] = [];\n @State() parcelSuggestion: (TrackAndTraceInfo & { url: string }) \| null = null;\n @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n @Element() host: DropdownElement;\n private searchBox?: HTMLInputElement;\n private searchFlyout: HTMLElement \| undefined;\n private throttledResize: throttle<() => void>;\n\n connectedCallback() {\n this.throttledResize = throttle(300, () => this.handleResize());\n window.addEventListener('resize', this.throttledResize, { passive: true });\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.throttledResize);\n clearAllBodyScrollLocks();\n }\n\n componentWillUpdate() {\n // Check if search flyout got set to close\n if (this.searchFlyout && !this.searchDropdownOpen) {\n this.searchFlyout.classList.remove('open');\n\n // Check if element has transition applied and whether user prefers to see animations or not\n if (elementHasTransition(this.searchFlyout, 'transform') && !userPrefersReducedMotion()) {\n // Wait for CSS transition 'transform' to end before continuing\n return new Promise<boolean>(resolve => {\n if (this.searchFlyout === undefined) {\n return resolve(true);\n }\n\n this.searchFlyout.addEventListener('transitionend', event => {\n if (event.propertyName === 'transform') {\n resolve(true);\n }\n });\n });\n }\n }\n }\n\n componentDidUpdate() {\n // Search flyout got set to open\n if (this.searchFlyout && this.searchDropdownOpen) {\n // Force browser to redraw/refresh DOM before adding 'open' class\n this.searchFlyout.getBoundingClientRect();\n this.searchFlyout.classList.add('open');\n }\n\n // Focus on the searchBox whenever the dropdown is opened\n if (this.searchDropdownOpen && this.searchBox) {\n this.searchBox.focus({ preventScroll: true });\n }\n }\n\n public async toggleDropdown(event?: Event): Promise<boolean>;\n public async toggleDropdown(force?: boolean): Promise<boolean>;\n\n /*\n Toggle the dropdown and optionally force an open/closed state\n * @param force Boolean to force open/closed state\n * @returns Boolean indicating open state of the component\n /\n @Method()\n async toggleDropdown(force?: unknown) {\n this.searchDropdownOpen =\n force === undefined \|\| typeof force !== 'boolean' ? !this.searchDropdownOpen : force;\n this.dropdownToggled.emit({ open: this.searchDropdownOpen, element: this.host });\n\n if (!this.searchDropdownOpen) {\n // Reset suggestions when dropdown closes\n this.coveoSuggestions = [];\n this.placeSuggestions = [];\n if (this.searchBox) this.searchBox.value = '';\n void this.setFocus();\n } else {\n // Get basic suggestions when dropdown opens\n try {\n this.coveoSuggestions = await getCoveoSuggestions('');\n } catch {}\n }\n\n this.setBodyScroll();\n\n return this.searchDropdownOpen;\n }\n\n /\n Sets the focus on the search button\n /\n @Method()\n public async setFocus() {\n const shadowRoot = this.host.shadowRoot;\n if (shadowRoot === null) {\n return;\n }\n const toggleButton = shadowRoot.querySelector<HTMLElement>('.search-button');\n if (toggleButton) {\n toggleButton.focus();\n }\n }\n\n private handleResize() {\n // Only enable/disable body scroll on resize if the search dropdown is open, otherwise this could lead to side effects in other controls\n if (this.searchDropdownOpen) {\n this.setBodyScroll();\n }\n }\n\n /\n Disable or re-enable body scrolling, depending on whether search dropdown is open or closed in mobile view (width < 1024px)\n /\n private setBodyScroll() {\n if (this.searchDropdownOpen && window.innerWidth < 1024) {\n disableBodyScroll(this.searchFlyout);\n } else {\n enableBodyScroll(this.searchFlyout);\n }\n }\n\n /\n Fetch suggestions from all available sources\n /\n private async handleSearchInput() {\n if (this.searchBox === undefined \|\| state.localizedConfig?.header.search === undefined) {\n return;\n }\n const query = this.searchBox.value.trim();\n\n const [placeSuggestions, coveoSuggestions, trackAndTraceInfo] = await Promise.all([\n queryPlaces(query),\n getCoveoSuggestions(query),\n getParcelSuggestion(query, state.localizedConfig.header.search),\n ]);\n\n this.parcelSuggestion = trackAndTraceInfo;\n\n // Parcel suggestion is more important than any other\n if (trackAndTraceInfo) {\n this.placeSuggestions = [];\n this.coveoSuggestions = [];\n } else {\n [this.coveoSuggestions, this.placeSuggestions] = equalizeArrays(\n coveoSuggestions,\n placeSuggestions,\n 7,\n );\n }\n\n this.deselectSuggestion();\n }\n\n /\n Start search on enter\n * @param event\n /\n private handleKeyDown(event: KeyboardEvent) {\n if (this.searchFlyout === undefined) {\n return;\n }\n\n const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n '.suggestions > li > a.selected',\n );\n const selectedHref = selectedSuggestion?.getAttribute('href') ?? null;\n const suggestions = this.searchFlyout.querySelectorAll('.suggestions > li > a');\n\n switch (event.key.toLowerCase()) {\n case 'enter':\n if (selectedHref !== null) {\n window.location.href = selectedHref;\n } else {\n void this.startSearch();\n }\n\n break;\n case 'arrowdown':\n this.deselectSuggestion();\n\n if (selectedSuggestion?.parentElement?.nextElementSibling?.firstElementChild) {\n // Select next suggestion if there's any, otherwise none will be selected\n selectedSuggestion.parentElement.nextElementSibling.firstElementChild.classList.add(\n 'selected',\n );\n // If there are any suggestions, select first suggestion in list\n } else if (suggestions.length > 0) {\n suggestions[0].classList.add('selected');\n }\n\n this.updateSearchBoxWithSuggestion();\n\n break;\n case 'arrowup':\n this.deselectSuggestion();\n\n if (selectedSuggestion?.parentElement?.previousElementSibling?.firstElementChild) {\n // Select previous suggestion if there's any, otherwise none will be selected\n\n selectedSuggestion.parentElement.previousElementSibling.firstElementChild.classList.add(\n 'selected',\n );\n // If there are any suggestions, select last suggestion in list\n } else if (suggestions.length > 0) {\n suggestions[suggestions.length - 1].classList.add('selected');\n }\n\n this.updateSearchBoxWithSuggestion();\n\n break;\n }\n }\n\n /\n Set selected suggestion on mouse enter\n * @param event\n /\n private handleMouseEnterSuggestion(event: MouseEvent) {\n this.deselectSuggestion();\n\n // Set hovered suggestion element as selected\n (event.target as HTMLElement).classList.add('selected');\n }\n\n /\n Set selected suggestion on mouse enter\n * @param event\n /\n private handleMouseLeaveSuggestions() {\n this.deselectSuggestion();\n }\n\n /\n Deselect any previously selected suggestion\n /\n private deselectSuggestion() {\n if (this.searchFlyout === undefined) return;\n\n const selectedSuggestion = this.searchFlyout.querySelector('.suggestions .selected');\n\n if (selectedSuggestion) {\n selectedSuggestion.classList.remove('selected');\n }\n }\n\n /\n Update search box with selected suggestion\n /\n private updateSearchBoxWithSuggestion() {\n if (this.searchFlyout === undefined) return;\n\n // Get the newly selected suggestion\n const selectedSuggestion = this.searchFlyout.querySelector<HTMLElement>(\n '.suggestions > li > a.selected',\n );\n const suggestedText = selectedSuggestion?.dataset.suggestionText;\n\n // Update search box value with selected suggestion text\n if (suggestedText !== undefined && this.searchBox) {\n this.searchBox.value = suggestedText;\n }\n }\n\n /\n Redirect to the post search page\n */\n private async startSearch() {\n if (this.searchBox && state.localizedConfig?.header.search) {\n const redirectUrl = await getSearchRedirectUrl(\n this.searchBox.value.trim(),\n state.localizedConfig.header.search,\n );\n if (!redirectUrl) return;\n window.location.href = redirectUrl;\n }\n }\n\n private trackRecommendationClick(recommendation: ISearchRecommendation) {\n if (!('dataLayer' in window)) return;\n\n const trackingAttributes = recommendation.additionalAttributes.reduce((acc, curr) => {\n acc[curr.name] = curr.value;\n return acc;\n }, {});\n\n (window.dataLayer as TagManagerDataLayer).push({\n event: trackingAttributes['data-event'],\n text: trackingAttributes['data-text'],\n link_url: trackingAttributes['data-linkurl'],\n label: trackingAttributes['data-label'],\n type: trackingAttributes['data-type'],\n });\n }\n\n render() {\n if (state.localizedConfig?.header === undefined) {\n return;\n }\n const { translations, search } = state.localizedConfig.header;\n const showPortalRecommendations =\n this.searchBox?.value === '' && search.searchRecommendations?.links.length > 0;\n\n return (\n <Host role=\"search\">\n <SvgSprite />\n <div class=\"search\">\n <button\n id=\"post-internet-header-search-button\"\n class=\"search-button\"\n type=\"button\"\n aria-expanded={`${this.searchDropdownOpen}`}\n onClick={e => void this.toggleDropdown(e)}\n >\n <span class=\"visually-hidden\">\n {this.searchDropdownOpen\n ? translations.searchToggleExpanded\n : translations.searchToggle}\n </span>\n <SvgIcon name={this.searchDropdownOpen ? 'pi-close' : 'pi-search'} />\n </button>\n <If condition={this.searchDropdownOpen}>\n <div class=\"flyout\" ref={e => (this.searchFlyout = e)}>\n <div class=\"container box\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-md-10 col-lg-8\">\n <div class=\"form-group form-floating\">\n <input\n type=\"text\"\n role=\"searchbox\"\n id=\"searchBox\"\n class=\"form-control form-control-lg\"\n placeholder={translations.flyoutSearchBoxFloatingLabel}\n autocomplete=\"off\"\n ref={el => (this.searchBox = el)}\n onInput={() => void this.handleSearchInput()}\n onKeyDown={e => this.handleKeyDown(e)}\n />\n <label htmlFor=\"searchBox\">{translations.flyoutSearchBoxFloatingLabel}</label>\n <button onClick={() => void this.startSearch()} class=\"start-search-button\">\n <span class=\"visually-hidden\">{translations.searchSubmit}</span>\n <SvgIcon name=\"pi-search\" />\n </button>\n </div>\n {showPortalRecommendations && (\n <h2 id=\"post-internet-header-search-recommendations-title\" class=\"bold\">\n {search.searchRecommendations.title}\n </h2>\n )}\n <ul\n class=\"suggestions no-list\"\n onMouseLeave={() => this.handleMouseLeaveSuggestions()}\n aria-labelledby={\n showPortalRecommendations\n ? 'post-internet-header-search-recommendations-title'\n : undefined\n }\n >\n {showPortalRecommendations &&\n search.searchRecommendations.links.map(recommendation => (\n <li key={recommendation.href}>\n <a\n class=\"nav-link search-recommendation\"\n href={new URL(recommendation.href, 'https://post.ch').href}\n data-suggestion-text={recommendation.label}\n onMouseEnter={e => this.handleMouseEnterSuggestion(e)}\n onClick={() => this.trackRecommendationClick(recommendation)}\n >\n <span\n class=\"search-recommendation__icon\"\n innerHTML={recommendation.inlineSvg}\n ></span>\n <span>{recommendation.label}</span>\n </a>\n </li>\n ))}\n {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}: </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/models/general.model.js.map CHANGED Viewed

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

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

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

package/dist/collection/services/search/coveo.service.js CHANGED Viewed

@@ -10,8 +10,9 @@ let suggestionsController;
  * @returns
  */
 export const getCoveoSuggestions = async (query) => {
-  var _a, _b;
-  if (((_b = (_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.search) === undefined)
+  var _a, _b, _c, _d;
+  if (((_b = (_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.search) === undefined ||
+    ((_d = (_c = state.localizedConfig) === null || _c === void 0 ? void 0 : _c.header) === null || _d === void 0 ? void 0 : _d.search.isCustomSuggestionHidden) === true)
     return [];
   const config = state.localizedConfig.header.search;
   const { token, organisation } = coveo.environment[state.environment];

package/dist/collection/services/search/coveo.service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"coveo.service.js","sourceRoot":"","sources":["../../../../src/services/search/coveo.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,IAAI,qBAAsC,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,EAAE,KAAa,EAA8B,EAAE;;EACrF,~~IAAI~~,CAAA,MAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,0CAAE,MAAM,MAAK,SAAS;~~IAAE~~,OAAO,EAAE,CAAC;~~EACnE~~,MAAM,MAAM,GAAG,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC;EACnD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;EACrE,MAAM,GAAG,GAAG,GAAG,KAAK,CAAC,GAAG,MAAM,KAAK,WAAW,KAAK,CAAC,eAAe,cAAc,MAAM,CAAC,aAAa,aAAa,MAAM,CAAC,kBAAkB,mBAAmB,YAAY,EAAE,CAAC;EAE7K,IAAI,qBAAqB;IAAE,qBAAqB,CAAC,KAAK,EAAE,CAAC;EACzD,qBAAqB,GAAG,IAAI,eAAe,EAAE,CAAC;EAE9C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;IACrC,KAAK,CAAC,GAAG,EAAE;MACT,MAAM,EAAE,qBAAqB,CAAC,MAAM;MACpC,MAAM,EAAE,KAAK;MACb,OAAO,EAAE;QACP,aAAa,EAAE,UAAU,KAAK,EAAE;OACjC;KACF,CAAC;OACC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;OACjC,IAAI,CAAC,CAAC,SAAwB,EAAE,EAAE;MACjC,OAAO,CACL,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,iCACnC,UAAU,KACb,WAAW,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,IACpD,CAAC,CACJ,CAAC;IACJ,CAAC,CAAC;OACD,KAAK,CAAC,KAAK,CAAC,EAAE;MACb,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;QAC/B,OAAO,CAAC,KAAK,CACX,sCAAsC,KAAK,+GAA+G,CAC3J,CAAC;QACF,MAAM,CAAC,KAAK,CAAC,CAAC;OACf;IACH,CAAC,CAAC,CAAC;EACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { state } from '../../data/store';\nimport { CoveoCompletion, CoveoResponse } from '../../models/coveo.model';\nimport { coveo } from './coveo.settings';\nimport { getSearchPageUrl } from './search.service';\n\nlet suggestionsController: AbortController;\n\n/*\n Get suggestions from coveo\n * https://docs.coveo.com/en/1459/build-a-search-ui/get-query-suggestions#context-object\n \n @param query Search term\n * @returns\n /\nexport const getCoveoSuggestions = async (query: string): Promise<CoveoCompletion[]> => {\n if (state.localizedConfig?.header?.search === undefined) return [];\n const config = state.localizedConfig.header.search;\n const { token, organisation } = coveo.environment[state.environment];\n const url = `${coveo.url}?q=${query}&locale=${state.currentLanguage}&searchHub=${config.searchHubName}&pipeline=${config.searchPipelineName}&organizationId=${organisation}`;\n\n if (suggestionsController) suggestionsController.abort();\n suggestionsController = new AbortController();\n\n return new Promise((resolve, reject) => {\n fetch(url, {\n signal: suggestionsController.signal,\n method: 'GET',\n headers: {\n Authorization: `Bearer ${token}`,\n },\n })\n .then(response => response.json())\n .then((coveoJSON: CoveoResponse) => {\n resolve(\n coveoJSON.completions.map(completion => ({\n ...completion,\n redirectUrl: getSearchPageUrl(completion.expression),\n })),\n );\n })\n .catch(error => {\n if (error.name !== 'AbortError') {\n console.error(\n `Fetching coveo suggestions failed, ${error}\\nDid you add \".coveo.com\" to your connect-src content security policy and tried turning off your adblocker?`,\n );\n reject(error);\n }\n });\n });\n};\n"]}
1	+ {"version":3,"file":"coveo.service.js","sourceRoot":"","sources":["../../../../src/services/search/coveo.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,IAAI,qBAAsC,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,EAAE,KAAa,EAA8B,EAAE;;EACrF,IACE,CAAA,MAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,0CAAE,MAAM,MAAK,SAAS;IACnD,CAAA,MAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,MAAM,0CAAE,MAAM,CAAC,wBAAwB,MAAK,IAAI;IAEvE,OAAO,EAAE,CAAC;EACZ,MAAM,MAAM,GAAG,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC;EACnD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;EACrE,MAAM,GAAG,GAAG,GAAG,KAAK,CAAC,GAAG,MAAM,KAAK,WAAW,KAAK,CAAC,eAAe,cAAc,MAAM,CAAC,aAAa,aAAa,MAAM,CAAC,kBAAkB,mBAAmB,YAAY,EAAE,CAAC;EAE7K,IAAI,qBAAqB;IAAE,qBAAqB,CAAC,KAAK,EAAE,CAAC;EACzD,qBAAqB,GAAG,IAAI,eAAe,EAAE,CAAC;EAE9C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;IACrC,KAAK,CAAC,GAAG,EAAE;MACT,MAAM,EAAE,qBAAqB,CAAC,MAAM;MACpC,MAAM,EAAE,KAAK;MACb,OAAO,EAAE;QACP,aAAa,EAAE,UAAU,KAAK,EAAE;OACjC;KACF,CAAC;OACC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;OACjC,IAAI,CAAC,CAAC,SAAwB,EAAE,EAAE;MACjC,OAAO,CACL,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,iCACnC,UAAU,KACb,WAAW,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,IACpD,CAAC,CACJ,CAAC;IACJ,CAAC,CAAC;OACD,KAAK,CAAC,KAAK,CAAC,EAAE;MACb,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE;QAC/B,OAAO,CAAC,KAAK,CACX,sCAAsC,KAAK,+GAA+G,CAC3J,CAAC;QACF,MAAM,CAAC,KAAK,CAAC,CAAC;OACf;IACH,CAAC,CAAC,CAAC;EACP,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { state } from '../../data/store';\nimport { CoveoCompletion, CoveoResponse } from '../../models/coveo.model';\nimport { coveo } from './coveo.settings';\nimport { getSearchPageUrl } from './search.service';\n\nlet suggestionsController: AbortController;\n\n/*\n Get suggestions from coveo\n * https://docs.coveo.com/en/1459/build-a-search-ui/get-query-suggestions#context-object\n \n @param query Search term\n * @returns\n /\nexport const getCoveoSuggestions = async (query: string): Promise<CoveoCompletion[]> => {\n if (\n state.localizedConfig?.header?.search === undefined \|\|\n state.localizedConfig?.header?.search.isCustomSuggestionHidden === true\n )\n return [];\n const config = state.localizedConfig.header.search;\n const { token, organisation } = coveo.environment[state.environment];\n const url = `${coveo.url}?q=${query}&locale=${state.currentLanguage}&searchHub=${config.searchHubName}&pipeline=${config.searchPipelineName}&organizationId=${organisation}`;\n\n if (suggestionsController) suggestionsController.abort();\n suggestionsController = new AbortController();\n\n return new Promise((resolve, reject) => {\n fetch(url, {\n signal: suggestionsController.signal,\n method: 'GET',\n headers: {\n Authorization: `Bearer ${token}`,\n },\n })\n .then(response => response.json())\n .then((coveoJSON: CoveoResponse) => {\n resolve(\n coveoJSON.completions.map(completion => ({\n ...completion,\n redirectUrl: getSearchPageUrl(completion.expression),\n })),\n );\n })\n .catch(error => {\n if (error.name !== 'AbortError') {\n console.error(\n `Fetching coveo suggestions failed, ${error}\\nDid you add \".coveo.com\" to your connect-src content security policy and tried turning off your adblocker?`,\n );\n reject(error);\n }\n });\n });\n};\n"]}

package/dist/collection/utils/svg-sprite.component.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { h } from '@stencil/core';
-export const SvgSprite = () => (h("svg", { "aria-hidden": "true", style: { display: 'none' } }, h("symbol", { id: "pi-close", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M22.6 23.5L16 17l-6.5 6.6-.9-.9 6.5-6.6-6.6-6.7.9-.9 6.6 6.6 6.5-6.6.9.9L17 16l6.6 6.6-1 .9z" })), h("symbol", { id: "pi-search", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M32 28.2l-11-11c1.1-1.7 1.7-3.7 1.7-5.9C22.7 5.1 17.6 0 11.3 0 5.1 0 0 5.1 0 11.3c0 6.3 5.1 11.3 11.3 11.3 2.2 0 4.2-.6 5.9-1.7l11 11 3.8-3.7zM1.3 11.3c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.4-10-10zm17.2 8.8c.1 0 .1-.1.2-.1.6-.5 1.1-1 1.6-1.6l9.8 9.8-1.9 1.9-9.8-9.8c0-.1.1-.1.1-.2z" })), h("symbol", { id: "pi-arrow-down", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z" })), h("symbol", { id: "pi-menu", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M26.7 8v1.3H5.4V8h21.3zM5.4 17.3h21.3V16H5.4v1.3zm0 8.1h21.3V24H5.4v1.4z" })), h("symbol", { id: "pi-pointy-arrow-right", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M29.4 17.4H0V16h29.5L18.8 5.3h1.9L32 16.7 20.6 28h-1.9l10.7-10.6z" })), h("symbol", { id: "8004_facebook", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M22.8 10.5l-.5 5.4h-4.5V32h-6.4V15.9H8v-5.5h3.4V6.1c0-4 2.2-6.2 7-6.2h4.5v5.6h-3.5c-1.2 0-1.5.5-1.5 1.8v3.1h4.9z" })), h("symbol", { id: "8007_instagram", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M23.1 0H8.9C4 0 0 4 0 8.9v14.2C0 28 4 32 8.9 32h14.2c4.9 0 8.9-4 8.9-8.9V8.9C32 4 28 0 23.1 0zM29 23.1c0 3.3-2.7 5.9-5.9 5.9H8.9C5.6 29 3 26.4 3 23.1V8.9C3 5.6 5.6 3 8.9 3h14.2C26.4 3 29 5.6 29 8.9v14.2zM16 7.5c-4.7 0-8.5 3.8-8.5 8.5s3.8 8.5 8.5 8.5 8.5-3.8 8.5-8.5-3.8-8.5-8.5-8.5zm0 14c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.5 5.5-5.5 5.5zM26.5 7.3c0 1-.8 1.9-1.9 1.9-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9c1 .1 1.9.9 1.9 1.9z" })), h("symbol", { id: "8002_youtube", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M12.7 20.1v-9l8.6 4.5-8.6 4.5zm19-10.5s-.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4-4.5-.3-11.2-.3-11.2-.3s-6.7 0-11.2.3c-.6.1-2 .1-3.2 1.4C.6 7.4.3 9.6.3 9.6S0 12.2 0 14.8v2.4c0 2.6.3 5.2.3 5.2s.3 2.2 1.3 3.2c1.2 1.3 2.8 1.2 3.5 1.4 2.6.2 10.9.2 10.9.2s6.7 0 11.2-.3c.6-.1 2-.1 3.2-1.4 1-1 1.3-3.2 1.3-3.2s.3-2.6.3-5.2v-2.4c0-2.5-.3-5.1-.3-5.1" })), h("symbol", { id: "8017_snapchat", viewBox: "0 0 32 32" }, h("path", { d: "M16.328.714h.003c1.396 0 6.121.389 8.35 5.385.721 1.619.616 4.076.488 6.144.081-.031.17-.068.265-.113a2.415 2.415 0 0 1 1.008-.213c.356 0 .71.07.964.178.956.338 1.584 1.122 1.6 1.996.015.717-.35 1.722-2.165 2.44a8.441 8.441 0 0 1-.498.17c-.23.072-.812.257-1.015.424.011.048.037.13.095.248l.023.047.014.032c.016.039 1.684 3.838 5.202 4.418a1.648 1.648 0 0 1 1.377 1.723c-.013.218-.064.43-.148.624-.436 1.02-1.671 1.66-4.085 2.1l-.004.017c-.056.254-.113.504-.19.765-.226.776-.87 1.257-1.712 1.257-.236 0-.522-.033-.874-.103a6.86 6.86 0 0 0-1.399-.15c-.315 0-.644.028-.975.083-.526.087-1.079.478-1.72.931-1.132.801-2.541 1.798-4.705 1.798-.07 0-.14-.002-.21-.004a3.37 3.37 0 0 1-.16.004c-2.163 0-3.572-.996-4.704-1.797-.642-.453-1.196-.845-1.72-.932a6.011 6.011 0 0 0-.976-.083c-.57 0-1.028.09-1.397.162h-.002c-.3.059-.582.114-.874.114-.827 0-1.483-.486-1.712-1.267a11.05 11.05 0 0 1-.19-.772l-.004-.02C1.864 25.88.628 25.238.19 24.21a1.869 1.869 0 0 1-.146-.622 1.644 1.644 0 0 1 1.378-1.719c3.517-.579 5.185-4.379 5.2-4.413l.02-.05.018-.034c.058-.119.084-.2.095-.248-.202-.167-.784-.352-1.019-.426a8.141 8.141 0 0 1-.497-.17c-2.147-.849-2.256-2.091-2.13-2.756.219-1.15 1.425-1.837 2.465-1.837.327 0 .633.065.91.195.166.077.31.133.433.173-.129-2.083-.242-4.57.486-6.203C9.63 1.108 14.347.72 15.737.72l.518-.005h.073Z", fill: "currentColor" })), h("symbol", { id: "8000_twitter", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M32 6.4c-.9 1.3-2 2.5-3.3 3.4.4 9.2-6.5 19.5-18.7 19.5-3.7 0-7.2-1.1-10.1-2.9 3.5.4 7-.6 9.7-2.7-2.9-.1-5.3-2-6.1-4.6 1 .2 2 .1 3-.1a6.6 6.6 0 01-5.3-6.5c.9.5 1.9.8 3 .8a6.6 6.6 0 01-2-8.8c3.2 4 8.1 6.6 13.5 6.9a6.6 6.6 0 016.4-8.1c1.9 0 3.6.8 4.8 2.1 1.5-.3 2.9-.8 4.2-1.6a6.5 6.5 0 01-2.9 3.6c1.4-.1 2.6-.5 3.8-1z" })), h("symbol", { id: "8001_xing", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M13.9 12.7l-5.5 9.7H1.8l5.5-9.7-3.7-6.4h6.6l3.7 6.4zM30 0h-6.6L12.7 19.1 19.8 32h6.5l-7-12.9L30 0z" })), h("symbol", { id: "8005_linkedin", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M7.8 3.9c0 2.2-1.7 3.9-3.9 3.9A3.8 3.8 0 010 3.9a3.9 3.9 0 017.8 0zM.6 32h6.6V10.7H.6V32zm23.6-22c-4.5 0-6.4 3.5-6.4 3.5v-2.9h-6.3V32h6.3V20.8c0-3 1.4-4.8 4-4.8 2.4 0 3.6 1.7 3.6 4.8V32H32V18.5c0-5.7-3.3-8.5-7.8-8.5z" })), h("symbol", { id: "8008_kununu", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M27.2 26l-.1 5.1c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8v-6.7c0-1.8-1.5-3.2-3.3-3.2h-1.8c-1.8 0-3.3 1.4-3.3 3.2v6.7c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8V.8c-.2-.4.2-.8.7-.8h5c.4 0 .8.4.8.8v14.3c1-.4 2.2-.6 3.3-.6H17c1.8 0 3.3-1.4 3.3-3.2l.1-1.6c.1-.4.4-.7.8-.7h5c.4 0 .8.3.8.7v1.6c0 2.5-1 4.8-2.5 6.5 1.6 1.7 2.6 4 2.6 6.6V26z" })), h("symbol", { id: "2064_arrow-enter", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M32 0v32H13.3v-1.3h17.3V1.3H13.3V0H32zM12.3 9.3h-1.9l6.7 6.7H0v1.3h17.1L10.4 24h1.9l7.3-7.3-7.3-7.4z" })), h("symbol", { id: "pi-home", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M16 .7L0 16h5.3v16h8V21.3h5.3V32h8V16H32L16 .7zm9.3 14v16H20V20h-8V30.6H6.7V14.7H3.4L16 2.5l12.7 12.2h-3.4z" })), h("symbol", { id: "3033_question-mark", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M22.7 10.7c0 3.2-2.7 5-4.7 6.2-.9.6-2 1.3-2 1.8v4h-1.3v-4c0-1.2 1.2-1.9 2.6-2.9 1.9-1.3 4.1-2.7 4.1-5.1 0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3H9.3C9.3 7 12.3 4 16 4s6.7 3 6.7 6.7zm-8 17.3H16v-2.7h-1.3V28z" })), h("symbol", { id: "3073_phone", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M5.5 2.1c.1 0 .1 0 0 0 .3 0 .5.1.6.3l2.8 4.8c.1.3.1.6-.1.8L7.2 9.6l-.7.7.5 1c3.4 5.6 8.2 10.4 13.8 13.8l.9.6.7-.8 1.5-1.5c.1-.1.3-.2.5-.2.1 0 .2 0 .3.1l4.8 2.8c.2.1.3.3.3.5s0 .4-.2.6l-2 2-.8.8C13.9 28.6 3.4 18.1 2.2 5.1l.9-.9 2-2c.1 0 .3-.1.4-.1m0-1.3c-.5 0-1 .2-1.4.6l-2 2L.9 4.6v.1c1 14 12.3 25.4 26.4 26.5h.1l1.3-1.3 2-2c.4-.4.7-1.1.6-1.7-.1-.6-.4-1.2-1-1.5l-4.8-2.8c-.3-.2-.7-.3-1-.3-.5 0-1 .2-1.4.6l-1.5 1.5c-5.4-3.3-10-7.9-13.4-13.4L9.7 9c.6-.6.8-1.6.3-2.4L7.3 1.8C7 1.2 6.4.9 5.8.8h-.3z" })), h("symbol", { id: "pi-place", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M16 1.3c5.1 0 9.3 4.2 9.3 9.3 0 1.6-.4 3.3-1.3 4.7l-8.1 14-8-14c-.8-1.4-1.2-3-1.2-4.6 0-5.2 4.2-9.4 9.3-9.4M16 0C10.1 0 5.3 4.8 5.3 10.7c0 1.8.5 3.7 1.4 5.3L16 32l9.2-16c.9-1.6 1.4-3.5 1.4-5.4C26.7 4.8 21.9 0 16 0zm0 8c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7-2.7-1.2-2.7-2.7S14.5 8 16 8m0-1.3c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z" })), h("symbol", { id: "pi-letter-parcel", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M20.667 2.667l-4 4h5.867l4-4h-5.867zM22 5.333h-2.133L21.2 4h2.133L22 5.333z" }), h("path", { fill: "currentColor", d: "M12.4 0L4 8.4v8.933H0V32h21.333v-4H23.6l8.4-8.4V0H12.4zm6.667 18.667L11.2 26.534a.644.644 0 0 1-.933 0l-8-7.867h16.8zM1.333 19.6L6.4 24.667l-5.067 5.067V19.601zm.934 11.067L7.334 25.6l1.867 1.867c.8.8 2 .8 2.8 0l1.867-1.867 5.067 5.067H2.268zM20 29.733l-5.067-5.067L20 19.599v10.133zm2.667-3.066h-1.333v-9.333h-16v-8h17.333v17.333zM23.067 8h-16.8l6.667-6.667h16.8L23.067 8zm7.6 11.067L24 25.734v-16.8l6.667-6.667v16.8z" }))));
+export const SvgSprite = () => (h("svg", { "aria-hidden": "true", style: { display: 'none' } }, h("symbol", { id: "pi-close", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M22.6 23.5L16 17l-6.5 6.6-.9-.9 6.5-6.6-6.6-6.7.9-.9 6.6 6.6 6.5-6.6.9.9L17 16l6.6 6.6-1 .9z" })), h("symbol", { id: "pi-search", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M32 28.2l-11-11c1.1-1.7 1.7-3.7 1.7-5.9C22.7 5.1 17.6 0 11.3 0 5.1 0 0 5.1 0 11.3c0 6.3 5.1 11.3 11.3 11.3 2.2 0 4.2-.6 5.9-1.7l11 11 3.8-3.7zM1.3 11.3c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.4-10-10zm17.2 8.8c.1 0 .1-.1.2-.1.6-.5 1.1-1 1.6-1.6l9.8 9.8-1.9 1.9-9.8-9.8c0-.1.1-.1.1-.2z" })), h("symbol", { id: "pi-arrow-down", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z" })), h("symbol", { id: "pi-menu", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M26.7 8v1.3H5.4V8h21.3zM5.4 17.3h21.3V16H5.4v1.3zm0 8.1h21.3V24H5.4v1.4z" })), h("symbol", { id: "pi-pointy-arrow-right", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M29.4 17.4H0V16h29.5L18.8 5.3h1.9L32 16.7 20.6 28h-1.9l10.7-10.6z" })), h("symbol", { id: "8004_facebook", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M22.8 10.5l-.5 5.4h-4.5V32h-6.4V15.9H8v-5.5h3.4V6.1c0-4 2.2-6.2 7-6.2h4.5v5.6h-3.5c-1.2 0-1.5.5-1.5 1.8v3.1h4.9z" })), h("symbol", { id: "8007_instagram", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M23.1 0H8.9C4 0 0 4 0 8.9v14.2C0 28 4 32 8.9 32h14.2c4.9 0 8.9-4 8.9-8.9V8.9C32 4 28 0 23.1 0zM29 23.1c0 3.3-2.7 5.9-5.9 5.9H8.9C5.6 29 3 26.4 3 23.1V8.9C3 5.6 5.6 3 8.9 3h14.2C26.4 3 29 5.6 29 8.9v14.2zM16 7.5c-4.7 0-8.5 3.8-8.5 8.5s3.8 8.5 8.5 8.5 8.5-3.8 8.5-8.5-3.8-8.5-8.5-8.5zm0 14c-3 0-5.5-2.5-5.5-5.5s2.5-5.5 5.5-5.5 5.5 2.5 5.5 5.5-2.5 5.5-5.5 5.5zM26.5 7.3c0 1-.8 1.9-1.9 1.9-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9c1 .1 1.9.9 1.9 1.9z" })), h("symbol", { id: "8002_youtube", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M12.7 20.1v-9l8.6 4.5-8.6 4.5zm19-10.5s-.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4-4.5-.3-11.2-.3-11.2-.3s-6.7 0-11.2.3c-.6.1-2 .1-3.2 1.4C.6 7.4.3 9.6.3 9.6S0 12.2 0 14.8v2.4c0 2.6.3 5.2.3 5.2s.3 2.2 1.3 3.2c1.2 1.3 2.8 1.2 3.5 1.4 2.6.2 10.9.2 10.9.2s6.7 0 11.2-.3c.6-.1 2-.1 3.2-1.4 1-1 1.3-3.2 1.3-3.2s.3-2.6.3-5.2v-2.4c0-2.5-.3-5.1-.3-5.1" })), h("symbol", { id: "8017_snapchat", viewBox: "0 0 32 32" }, h("path", { d: "M16.328.714h.003c1.396 0 6.121.389 8.35 5.385.721 1.619.616 4.076.488 6.144.081-.031.17-.068.265-.113a2.415 2.415 0 0 1 1.008-.213c.356 0 .71.07.964.178.956.338 1.584 1.122 1.6 1.996.015.717-.35 1.722-2.165 2.44a8.441 8.441 0 0 1-.498.17c-.23.072-.812.257-1.015.424.011.048.037.13.095.248l.023.047.014.032c.016.039 1.684 3.838 5.202 4.418a1.648 1.648 0 0 1 1.377 1.723c-.013.218-.064.43-.148.624-.436 1.02-1.671 1.66-4.085 2.1l-.004.017c-.056.254-.113.504-.19.765-.226.776-.87 1.257-1.712 1.257-.236 0-.522-.033-.874-.103a6.86 6.86 0 0 0-1.399-.15c-.315 0-.644.028-.975.083-.526.087-1.079.478-1.72.931-1.132.801-2.541 1.798-4.705 1.798-.07 0-.14-.002-.21-.004a3.37 3.37 0 0 1-.16.004c-2.163 0-3.572-.996-4.704-1.797-.642-.453-1.196-.845-1.72-.932a6.011 6.011 0 0 0-.976-.083c-.57 0-1.028.09-1.397.162h-.002c-.3.059-.582.114-.874.114-.827 0-1.483-.486-1.712-1.267a11.05 11.05 0 0 1-.19-.772l-.004-.02C1.864 25.88.628 25.238.19 24.21a1.869 1.869 0 0 1-.146-.622 1.644 1.644 0 0 1 1.378-1.719c3.517-.579 5.185-4.379 5.2-4.413l.02-.05.018-.034c.058-.119.084-.2.095-.248-.202-.167-.784-.352-1.019-.426a8.141 8.141 0 0 1-.497-.17c-2.147-.849-2.256-2.091-2.13-2.756.219-1.15 1.425-1.837 2.465-1.837.327 0 .633.065.91.195.166.077.31.133.433.173-.129-2.083-.242-4.57.486-6.203C9.63 1.108 14.347.72 15.737.72l.518-.005h.073Z", fill: "currentColor" })), h("symbol", { id: "8000_twitter", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M32 6.4c-.9 1.3-2 2.5-3.3 3.4.4 9.2-6.5 19.5-18.7 19.5-3.7 0-7.2-1.1-10.1-2.9 3.5.4 7-.6 9.7-2.7-2.9-.1-5.3-2-6.1-4.6 1 .2 2 .1 3-.1a6.6 6.6 0 01-5.3-6.5c.9.5 1.9.8 3 .8a6.6 6.6 0 01-2-8.8c3.2 4 8.1 6.6 13.5 6.9a6.6 6.6 0 016.4-8.1c1.9 0 3.6.8 4.8 2.1 1.5-.3 2.9-.8 4.2-1.6a6.5 6.5 0 01-2.9 3.6c1.4-.1 2.6-.5 3.8-1z" })), h("symbol", { id: "8001_xing", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M13.9 12.7l-5.5 9.7H1.8l5.5-9.7-3.7-6.4h6.6l3.7 6.4zM30 0h-6.6L12.7 19.1 19.8 32h6.5l-7-12.9L30 0z" })), h("symbol", { id: "8005_linkedin", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M7.8 3.9c0 2.2-1.7 3.9-3.9 3.9A3.8 3.8 0 010 3.9a3.9 3.9 0 017.8 0zM.6 32h6.6V10.7H.6V32zm23.6-22c-4.5 0-6.4 3.5-6.4 3.5v-2.9h-6.3V32h6.3V20.8c0-3 1.4-4.8 4-4.8 2.4 0 3.6 1.7 3.6 4.8V32H32V18.5c0-5.7-3.3-8.5-7.8-8.5z" })), h("symbol", { id: "8008_kununu", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M27.2 26l-.1 5.1c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8v-6.7c0-1.8-1.5-3.2-3.3-3.2h-1.8c-1.8 0-3.3 1.4-3.3 3.2v6.7c0 .4-.4.8-.8.8h-5c-.5 0-.8-.4-.8-.8V.8c-.2-.4.2-.8.7-.8h5c.4 0 .8.4.8.8v14.3c1-.4 2.2-.6 3.3-.6H17c1.8 0 3.3-1.4 3.3-3.2l.1-1.6c.1-.4.4-.7.8-.7h5c.4 0 .8.3.8.7v1.6c0 2.5-1 4.8-2.5 6.5 1.6 1.7 2.6 4 2.6 6.6V26z" })), h("symbol", { id: "2064_arrow-enter", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M32 0v32H13.3v-1.3h17.3V1.3H13.3V0H32zM12.3 9.3h-1.9l6.7 6.7H0v1.3h17.1L10.4 24h1.9l7.3-7.3-7.3-7.4z" })), h("symbol", { id: "pi-home", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M16 .7L0 16h5.3v16h8V21.3h5.3V32h8V16H32L16 .7zm9.3 14v16H20V20h-8V30.6H6.7V14.7H3.4L16 2.5l12.7 12.2h-3.4z" })), h("symbol", { id: "3033_question-mark", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M22.7 10.7c0 3.2-2.7 5-4.7 6.2-.9.6-2 1.3-2 1.8v4h-1.3v-4c0-1.2 1.2-1.9 2.6-2.9 1.9-1.3 4.1-2.7 4.1-5.1 0-2.9-2.4-5.3-5.3-5.3s-5.3 2.4-5.3 5.3H9.3C9.3 7 12.3 4 16 4s6.7 3 6.7 6.7zm-8 17.3H16v-2.7h-1.3V28z" })), h("symbol", { id: "3073_phone", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M5.5 2.1c.1 0 .1 0 0 0 .3 0 .5.1.6.3l2.8 4.8c.1.3.1.6-.1.8L7.2 9.6l-.7.7.5 1c3.4 5.6 8.2 10.4 13.8 13.8l.9.6.7-.8 1.5-1.5c.1-.1.3-.2.5-.2.1 0 .2 0 .3.1l4.8 2.8c.2.1.3.3.3.5s0 .4-.2.6l-2 2-.8.8C13.9 28.6 3.4 18.1 2.2 5.1l.9-.9 2-2c.1 0 .3-.1.4-.1m0-1.3c-.5 0-1 .2-1.4.6l-2 2L.9 4.6v.1c1 14 12.3 25.4 26.4 26.5h.1l1.3-1.3 2-2c.4-.4.7-1.1.6-1.7-.1-.6-.4-1.2-1-1.5l-4.8-2.8c-.3-.2-.7-.3-1-.3-.5 0-1 .2-1.4.6l-1.5 1.5c-5.4-3.3-10-7.9-13.4-13.4L9.7 9c.6-.6.8-1.6.3-2.4L7.3 1.8C7 1.2 6.4.9 5.8.8h-.3z" })), h("symbol", { id: "pi-place", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M16 1.3c5.1 0 9.3 4.2 9.3 9.3 0 1.6-.4 3.3-1.3 4.7l-8.1 14-8-14c-.8-1.4-1.2-3-1.2-4.6 0-5.2 4.2-9.4 9.3-9.4M16 0C10.1 0 5.3 4.8 5.3 10.7c0 1.8.5 3.7 1.4 5.3L16 32l9.2-16c.9-1.6 1.4-3.5 1.4-5.4C26.7 4.8 21.9 0 16 0zm0 8c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7-2.7-1.2-2.7-2.7S14.5 8 16 8m0-1.3c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4z" })), h("symbol", { id: "pi-letter-parcel", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M20.667 2.667l-4 4h5.867l4-4h-5.867zM22 5.333h-2.133L21.2 4h2.133L22 5.333z" }), h("path", { fill: "currentColor", d: "M12.4 0L4 8.4v8.933H0V32h21.333v-4H23.6l8.4-8.4V0H12.4zm6.667 18.667L11.2 26.534a.644.644 0 0 1-.933 0l-8-7.867h16.8zM1.333 19.6L6.4 24.667l-5.067 5.067V19.601zm.934 11.067L7.334 25.6l1.867 1.867c.8.8 2 .8 2.8 0l1.867-1.867 5.067 5.067H2.268zM20 29.733l-5.067-5.067L20 19.599v10.133zm2.667-3.066h-1.333v-9.333h-16v-8h17.333v17.333zM23.067 8h-16.8l6.667-6.667h16.8L23.067 8zm7.6 11.067L24 25.734v-16.8l6.667-6.667v16.8z" })), h("symbol", { id: "pi-login", viewBox: "0 0 32 32" }, h("path", { fill: "currentColor", d: "M13.333 0v1.333h17.333v29.333H13.333v1.333H32v-32z" }), h("path", { fill: "currentColor", d: "M12.267 9.333H10.4L17.067 16H0v1.333h17.067L10.4 24h1.867l7.333-7.333z" }))));
 //# sourceMappingURL=svg-sprite.component.js.map