@swisspost/internet-header 1.7.3 → 1.7.4

package/dist/swisspost-internet-header/p-578afec5.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as o,c as e,H as n,g as i}from"./p-d8b954a1.js";import{S as r}from"./p-9a8f9281.js";import{S as s}from"./p-e75bba89.js";import{s as a}from"./p-b7feee8d.js";import{e as l,u as d}from"./p-45db66a6.js";import{t as f}from"./p-99eafc12.js";const p=o=>{var e;if(((e=a.localizedConfig)===null||e===void 0?void 0:e.header)===undefined)return;const n=a.localizedConfig.header;return t("nav",{class:"language-switch-dropdown",ref:t=>o.dropdownRef(t),"aria-label":n.translations.navLangAriaLabel},t("ul",{"aria-label":f("Change language")},o.navLang.filter((t=>!t.isCurrent)).map((e=>{const n=e.url?"a":"button";return t("li",{key:e.lang},t(n,{onClick:()=>o.switchLanguage(e),href:e.url,lang:e.lang,title:e.title},t("span",{class:"visually-hidden"},e.title),t("span",{"aria-hidden":"true"},e.text)))}))))};const g='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link,.language-switch-dropdown a,.language-switch-dropdown button{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.language-switch-dropdown a:is(:focus-visible,:focus-within,.pretend-focus),.language-switch-dropdown button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.language-switch-dropdown a:hover,.language-switch-dropdown button:hover,.nav-link:focus,.language-switch-dropdown a:focus,.language-switch-dropdown button:focus{color:black}.nav-link:focus-visible,.language-switch-dropdown a:focus-visible,.language-switch-dropdown button:focus-visible{z-index:1;position:relative}.nav-link>svg,.language-switch-dropdown a>svg,.language-switch-dropdown button>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.language-switch-dropdown a>span,.language-switch-dropdown button>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.language-switch-dropdown ul{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post", system-ui, sans-serif}button{font:inherit;padding:0}a,button{border-radius:3px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:3px;position:relative;z-index:1}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{--separator-display:none;--separator-height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}:host::before{display:var(--separator-display);height:var(--separator-height);border-left:1px solid hsl(0, 0%, 90%);content:""}.lang-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding:0 1rem;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;text-transform:uppercase;cursor:pointer;color:rgba(0, 0, 0, 0.8)}.lang-btn:hover,.lang-btn:focus{color:black}.lang-btn svg{width:1.5em;height:1.5em;-webkit-transition:-webkit-transform 250ms;transition:-webkit-transform 250ms;transition:transform 250ms;transition:transform 250ms, -webkit-transform 250ms}.lang-btn svg.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.language-switch{position:relative;-ms-flex-item-align:stretch;align-self:stretch;height:100%}.language-switch.list{margin-top:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.current-language{text-transform:uppercase;border-right:1px solid hsl(0, 0%, 80%);padding:0.5rem 1rem 0.5rem 0}.dropdown .language-switch-dropdown{position:absolute;top:100%;width:100%;background:white;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 6px 2px rgba(0, 0, 0, 0.1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 6px 2px rgba(0, 0, 0, 0.1);z-index:1;-webkit-transform:scale(0.1);transform:scale(0.1);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s;margin-top:var(--language-dropdown-margin-top)}@media (prefers-reduced-motion: reduce){.dropdown .language-switch-dropdown{-webkit-transition:none;transition:none}}.dropdown .language-switch-dropdown.open{-webkit-transform:scale(1);transform:scale(1)}.list .language-switch-dropdown ul{display:-ms-flexbox;display:flex}.list .language-switch-dropdown ul>li+li{border-left:1px solid hsl(0, 0%, 80%)}.language-switch-dropdown a,.language-switch-dropdown button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:3rem;padding:0 0.25rem;text-transform:uppercase;cursor:pointer;-webkit-transition:background-color 200ms, color 200ms;transition:background-color 200ms, color 200ms}.language-switch-dropdown a:hover,.language-switch-dropdown a:focus,.language-switch-dropdown button:hover,.language-switch-dropdown button:focus{background:#f4f3f1}.language-switch-dropdown a span,.language-switch-dropdown button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list .language-switch-dropdown a,.list .language-switch-dropdown button{color:black;height:auto;padding:0.5rem 1rem}';const u=class{constructor(t){o(this,t);this.dropdownToggled=e(this,"dropdownToggled",7);this.languageChanged=e(this,"languageChanged",7);this.mode=undefined;this.langSwitchOpen=false}componentWillUpdate(){if(this.languageSwitchDropdown&&!this.langSwitchOpen&&this.mode=="dropdown"){this.languageSwitchDropdown.classList.remove("open");if(l(this.languageSwitchDropdown,"transform")&&!d()){return new Promise((t=>{var o;(o=this.languageSwitchDropdown)===null||o===void 0?void 0:o.addEventListener("transitionend",(o=>{if(o.propertyName==="transform"){t(true)}}))}))}}}componentDidUpdate(){if(this.languageSwitchDropdown&&this.langSwitchOpen){this.languageSwitchDropdown.getBoundingClientRect();this.languageSwitchDropdown.classList.add("open")}}async toggleDropdown(t){this.langSwitchOpen=t!==null&&t!==void 0?t:!this.langSwitchOpen;this.dropdownToggled.emit({open:this.langSwitchOpen,element:this.host});return this.langSwitchOpen}switchLanguage(t){this.languageChanged.emit(t.lang);this.toggleDropdown(false)}getMergedLanguageConfig(t,o){if(o===undefined){return t}return t.map((t=>Object.assign({},t,o.find((o=>o.lang===t.lang)))))}setDropdownRef(t){this.languageSwitchDropdown=t}render(){var o;if(((o=a.localizedConfig)===null||o===void 0?void 0:o.header)===undefined)return;const e=a.localizedConfig.header;const i=this.getMergedLanguageConfig(e.navLang,a.languageSwitchOverrides);return t(n,null,t("div",{class:`language-switch ${this.mode}`},t(r,null),this.mode==="dropdown"?t("button",{class:"lang-btn","aria-expanded":`${this.langSwitchOpen}`,"aria-haspopup":"listbox",onClick:()=>this.toggleDropdown()},t("span",{class:"visually-hidden"},e.translations.navLangAriaLabel,", ",f("Current language is English")),t("span",{"aria-hidden":"true"},a.currentLanguage),t(s,{name:"pi-arrow-down",classNames:this.langSwitchOpen?"rotated":""})):t("span",{class:"bold current-language"},t("span",{class:"visually-hidden"},f("Current language is English")),t("span",null,a.currentLanguage)),this.langSwitchOpen||this.mode==="list"?t(p,{navLang:i,switchLanguage:t=>this.switchLanguage(t),dropdownRef:t=>t!==undefined&&this.setDropdownRef(t)}):null))}get host(){return i(this)}};u.style=g;export{u as post_language_switch};
+//# sourceMappingURL=p-578afec5.entry.js.map

package/dist/swisspost-internet-header/{p-34205e78.entry.js.map → p-578afec5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["PostLanguageSwitchList","props","_a","state","localizedConfig","header","undefined","config","h","class","ref","e","dropdownRef","translations","navLangAriaLabel","translate","navLang","filter","lang","isCurrent","map","TagName","url","key","onClick","switchLanguage","href","title","text","postLanguageSwitchCss","PostLanguageSwitch","componentWillUpdate","this","languageSwitchDropdown","langSwitchOpen","mode","classList","remove","elementHasTransition","userPrefersReducedMotion","Promise","resolve","addEventListener","event","propertyName","componentDidUpdate","getBoundingClientRect","add","async","force","dropdownToggled","emit","open","element","host","newLang","languageChanged","toggleDropdown","getMergedLanguageConfig","overrides","langConfig","Object","assign","find","l","setDropdownRef","render","mergedConfig","languageSwitchOverrides","Host","SvgSprite","currentLanguage","SvgIcon","name","classNames"],"sources":["./src/components/post-language-switch/components/post-language-switch-list.tsx","./src/components/post-language-switch/post-language-switch.scss?tag=post-language-switch&encapsulation=shadow","./src/components/post-language-switch/post-language-switch.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { NavLangEntity } from '../../../models/header.model';\nimport { translate } from '../../../services/language.service';\nimport { state } from '../../../data/store';\n\nexport const PostLanguageSwitchList = (props: {\n  navLang: NavLangEntity[];\n  switchLanguage: (lang: NavLangEntity) => void;\n  dropdownRef: (element: HTMLElement | undefined) => void;\n}) => {\n  if (state.localizedConfig?.header === undefined) return;\n  const config = state.localizedConfig.header;\n\n  return (\n    <nav\n      class=\"language-switch-dropdown\"\n      ref={e => props.dropdownRef(e)}\n      aria-label={config.translations.navLangAriaLabel}\n    >\n      <ul aria-label={translate('Change language')}>\n        {props.navLang\n          .filter(lang => !lang.isCurrent)\n          .map(lang => {\n            const TagName = lang.url ? 'a' : 'button';\n            return (\n              <li key={lang.lang}>\n                <TagName\n                  onClick={() => props.switchLanguage(lang)}\n                  href={lang.url}\n                  lang={lang.lang}\n                  title={lang.title}\n                >\n                  <span class=\"visually-hidden\">{lang.title}</span>\n                  <span aria-hidden=\"true\">{lang.text}</span>\n                </TagName>\n              </li>\n            );\n          })}\n      </ul>\n    </nav>\n  );\n};\n","@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"../../utils/utils.scss\";\n\n:host {\n  --separator-display: none;\n  --separator-height: 100%;\n\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n\n  &::before {\n    display: var(--separator-display);\n    height: var(--separator-height);\n    border-left: 1px solid color.$gray-10;\n    content: '';\n  }\n}\n\n.lang-btn {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 1rem;\n  border: none;\n  box-shadow: none;\n  background: none;\n  text-transform: uppercase;\n  cursor: pointer;\n  color: rgba(color.$black, 0.8);\n\n  &:hover,\n  &:focus {\n    color: black;\n  }\n\n  svg {\n    width: 1.5em;\n    height: 1.5em;\n    transition: transform 250ms;\n\n    &.rotated {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n.language-switch {\n  position: relative;\n  align-self: stretch;\n  height: 100%;\n\n  &.list {\n    margin-top: 1.5rem;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.current-language {\n  text-transform: uppercase;\n  border-right: 1px solid color.$gray-20;\n  padding: 0.5rem 1rem 0.5rem 0;\n}\n\n.language-switch-dropdown {\n  .dropdown & {\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    background: white;\n    box-shadow: 0 1px 2px rgb(0 0 0 / 20%), 0 2px 6px 2px rgb(0 0 0 / 10%);\n    z-index: 1;\n    transform: scale(0.1);\n    transform-origin: center top;\n    transition: transform 0.1s;\n    margin-top: var(--language-dropdown-margin-top);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &.open {\n      transform: scale(1);\n    }\n  }\n\n  ul {\n    @extend %no-list;\n\n    .list & {\n      display: flex;\n\n      > li + li {\n        border-left: 1px solid color.$gray-20;\n      }\n    }\n  }\n\n  a,\n  button {\n    @extend %nav-link;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: functions.px-to-rem(48px);\n    padding: 0 0.25rem;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: background-color 200ms, color 200ms;\n\n    &:hover,\n    &:focus {\n      background: color.$gray-background;\n    }\n\n    span {\n      // Worst case scenario\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    .list & {\n      color: black;\n      height: auto;\n      padding: 0.5rem 1rem;\n    }\n  }\n}\n","import {\n  Component,\n  Event,\n  Host,\n  h,\n  Method,\n  EventEmitter,\n  State,\n  Prop,\n  Element,\n} from '@stencil/core';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { state } from '../../data/store';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  NavLangEntity,\n} from '../../models/header.model';\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\nimport { translate } from '../../services/language.service';\nimport { PostLanguageSwitchList } from './components/post-language-switch-list';\nimport { IAvailableLanguage } from '../../models/language.model';\n\n@Component({\n  tag: 'post-language-switch',\n  styleUrl: 'post-language-switch.scss',\n  shadow: true,\n})\nexport class PostLanguageSwitch implements HasDropdown {\n  @Prop() mode: 'dropdown' | 'list';\n  @State() langSwitchOpen = false;\n  @Element() host: DropdownElement;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Event({ bubbles: true }) languageChanged: EventEmitter<string>;\n  private languageSwitchDropdown: HTMLElement | undefined;\n\n  componentWillUpdate() {\n    // Check if language switch got set to close and if mode is dropdown\n    if (this.languageSwitchDropdown && !this.langSwitchOpen && this.mode == 'dropdown') {\n      this.languageSwitchDropdown.classList.remove('open');\n\n      // Check if element has transition applied and whether user prefers to see animations or not\n      if (\n        elementHasTransition(this.languageSwitchDropdown, 'transform') &&\n        !userPrefersReducedMotion()\n      ) {\n        // Wait for CSS transition 'transform' to end before continuing\n        return new Promise<boolean>(resolve => {\n          this.languageSwitchDropdown?.addEventListener('transitionend', event => {\n            if (event.propertyName === 'transform') {\n              resolve(true);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  componentDidUpdate() {\n    // Language switch got set to open\n    if (this.languageSwitchDropdown && this.langSwitchOpen) {\n      // Force browser to redraw/refresh DOM before adding 'open' class\n      this.languageSwitchDropdown.getBoundingClientRect();\n      this.languageSwitchDropdown.classList.add('open');\n    }\n  }\n\n  /**\n   * Open or close the language switch programatically\n   * @param force Boolean to force a state\n   * @returns Boolean indicating new state\n   */\n  @Method()\n  async toggleDropdown(force?: boolean) {\n    this.langSwitchOpen = force ?? !this.langSwitchOpen;\n    this.dropdownToggled.emit({ open: this.langSwitchOpen, element: this.host });\n    return this.langSwitchOpen;\n  }\n\n  /**\n   * Emit a language change to the parent component\n   *\n   * @param newLang Config of the new language\n   */\n  switchLanguage(newLang: NavLangEntity) {\n    this.languageChanged.emit(newLang.lang);\n    this.toggleDropdown(false);\n  }\n\n  private getMergedLanguageConfig(config: NavLangEntity[], overrides?: IAvailableLanguage[]) {\n    if (overrides === undefined) {\n      return config;\n    }\n\n    return config.map(langConfig =>\n      Object.assign(\n        {},\n        langConfig,\n        overrides.find(l => l.lang === langConfig.lang),\n      ),\n    );\n  }\n\n  private setDropdownRef(element: HTMLElement | undefined) {\n    this.languageSwitchDropdown = element;\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) return;\n    const config = state.localizedConfig.header;\n    const mergedConfig = this.getMergedLanguageConfig(\n      config.navLang,\n      state.languageSwitchOverrides,\n    );\n\n    return (\n      <Host>\n        <div class={`language-switch ${this.mode}`}>\n          <SvgSprite />\n          {this.mode === 'dropdown' ? (\n            <button\n              class=\"lang-btn\"\n              aria-expanded={`${this.langSwitchOpen}`}\n              aria-haspopup=\"listbox\"\n              onClick={() => this.toggleDropdown()}\n            >\n              <span class=\"visually-hidden\">\n                {config.translations.navLangAriaLabel}, {translate('Current language is English')}\n              </span>\n              <span aria-hidden=\"true\">{state.currentLanguage}</span>\n              <SvgIcon name=\"pi-arrow-down\" classNames={this.langSwitchOpen ? 'rotated' : ''} />\n            </button>\n          ) : (\n            <span class=\"bold current-language\">\n              <span class=\"visually-hidden\">{translate('Current language is English')}</span>\n              <span>{state.currentLanguage}</span>\n            </span>\n          )}\n          {this.langSwitchOpen || this.mode === 'list' ? (\n            <PostLanguageSwitchList\n              navLang={mergedConfig}\n              switchLanguage={e => this.switchLanguage(e)}\n              dropdownRef={e => e !== undefined && this.setDropdownRef(e)}\n            />\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2PAKO,MAAMA,EAA0BC,I,MAKrC,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,UAAWC,UAAW,OACjD,MAAMC,EAASJ,EAAMC,gBAAgBC,OAErC,OACEG,EAAA,OACEC,MAAM,2BACNC,IAAKC,GAAKV,EAAMW,YAAYD,GAAE,aAClBJ,EAAOM,aAAaC,kBAEhCN,EAAA,mBAAgBO,EAAU,oBACvBd,EAAMe,QACJC,QAAOC,IAASA,EAAKC,YACrBC,KAAIF,IACH,MAAMG,EAAUH,EAAKI,IAAM,IAAM,SACjC,OACEd,EAAA,MAAIe,IAAKL,EAAKA,MACZV,EAACa,EAAO,CACNG,QAAS,IAAMvB,EAAMwB,eAAeP,GACpCQ,KAAMR,EAAKI,IACXJ,KAAMA,EAAKA,KACXS,MAAOT,EAAKS,OAEZnB,EAAA,QAAMC,MAAM,mBAAmBS,EAAKS,OACpCnB,EAAA,sBAAkB,QAAQU,EAAKU,OAE9B,KAIT,ECvCV,MAAMC,EAAwB,uvN,MC8BjBC,EAAkB,M,mKAEH,K,CAM1BC,sBAEE,GAAIC,KAAKC,yBAA2BD,KAAKE,gBAAkBF,KAAKG,MAAQ,WAAY,CAClFH,KAAKC,uBAAuBG,UAAUC,OAAO,QAG7C,GACEC,EAAqBN,KAAKC,uBAAwB,eACjDM,IACD,CAEA,OAAO,IAAIC,SAAiBC,I,OAC1BvC,EAAA8B,KAAKC,0BAAsB,MAAA/B,SAAA,SAAAA,EAAEwC,iBAAiB,iBAAiBC,IAC7D,GAAIA,EAAMC,eAAiB,YAAa,CACtCH,EAAQ,K,IAEV,G,GAMVI,qBAEE,GAAIb,KAAKC,wBAA0BD,KAAKE,eAAgB,CAEtDF,KAAKC,uBAAuBa,wBAC5Bd,KAAKC,uBAAuBG,UAAUW,IAAI,O,EAU9CC,qBAAqBC,GACnBjB,KAAKE,eAAiBe,IAAK,MAALA,SAAK,EAALA,GAAUjB,KAAKE,eACrCF,KAAKkB,gBAAgBC,KAAK,CAAEC,KAAMpB,KAAKE,eAAgBmB,QAASrB,KAAKsB,OACrE,OAAOtB,KAAKE,c,CAQdT,eAAe8B,GACbvB,KAAKwB,gBAAgBL,KAAKI,EAAQrC,MAClCc,KAAKyB,eAAe,M,CAGdC,wBAAwBnD,EAAyBoD,GACvD,GAAIA,IAAcrD,UAAW,CAC3B,OAAOC,C,CAGT,OAAOA,EAAOa,KAAIwC,GAChBC,OAAOC,OACL,GACAF,EACAD,EAAUI,MAAKC,GAAKA,EAAE9C,OAAS0C,EAAW1C,S,CAKxC+C,eAAeZ,GACrBrB,KAAKC,uBAAyBoB,C,CAGhCa,S,MACE,KAAIhE,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,UAAWC,UAAW,OACjD,MAAMC,EAASJ,EAAMC,gBAAgBC,OACrC,MAAM8D,EAAenC,KAAK0B,wBACxBnD,EAAOS,QACPb,EAAMiE,yBAGR,OACE5D,EAAC6D,EAAI,KACH7D,EAAA,OAAKC,MAAO,mBAAmBuB,KAAKG,QAClC3B,EAAC8D,EAAS,MACTtC,KAAKG,OAAS,WACb3B,EAAA,UACEC,MAAM,WAAU,gBACD,GAAGuB,KAAKE,iBAAgB,gBACzB,UACdV,QAAS,IAAMQ,KAAKyB,kBAEpBjD,EAAA,QAAMC,MAAM,mBACTF,EAAOM,aAAaC,iBAAgB,KAAIC,EAAU,gCAErDP,EAAA,sBAAkB,QAAQL,EAAMoE,iBAChC/D,EAACgE,EAAO,CAACC,KAAK,gBAAgBC,WAAY1C,KAAKE,eAAiB,UAAY,MAG9E1B,EAAA,QAAMC,MAAM,yBACVD,EAAA,QAAMC,MAAM,mBAAmBM,EAAU,gCACzCP,EAAA,YAAOL,EAAMoE,kBAGhBvC,KAAKE,gBAAkBF,KAAKG,OAAS,OACpC3B,EAACR,EAAsB,CACrBgB,QAASmD,EACT1C,eAAgBd,GAAKqB,KAAKP,eAAed,GACzCC,YAAaD,GAAKA,IAAML,WAAa0B,KAAKiC,eAAetD,KAEzD,M"}
+{"version":3,"names":["PostLanguageSwitchList","props","_a","state","localizedConfig","header","undefined","config","h","class","ref","e","dropdownRef","translations","navLangAriaLabel","translate","navLang","filter","lang","isCurrent","map","TagName","url","key","onClick","switchLanguage","href","title","text","postLanguageSwitchCss","PostLanguageSwitch","componentWillUpdate","this","languageSwitchDropdown","langSwitchOpen","mode","classList","remove","elementHasTransition","userPrefersReducedMotion","Promise","resolve","addEventListener","event","propertyName","componentDidUpdate","getBoundingClientRect","add","async","force","dropdownToggled","emit","open","element","host","newLang","languageChanged","toggleDropdown","getMergedLanguageConfig","overrides","langConfig","Object","assign","find","l","setDropdownRef","render","mergedConfig","languageSwitchOverrides","Host","SvgSprite","currentLanguage","SvgIcon","name","classNames"],"sources":["./src/components/post-language-switch/components/post-language-switch-list.tsx","./src/components/post-language-switch/post-language-switch.scss?tag=post-language-switch&encapsulation=shadow","./src/components/post-language-switch/post-language-switch.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { NavLangEntity } from '../../../models/header.model';\nimport { translate } from '../../../services/language.service';\nimport { state } from '../../../data/store';\n\nexport const PostLanguageSwitchList = (props: {\n  navLang: NavLangEntity[];\n  switchLanguage: (lang: NavLangEntity) => void;\n  dropdownRef: (element: HTMLElement | undefined) => void;\n}) => {\n  if (state.localizedConfig?.header === undefined) return;\n  const config = state.localizedConfig.header;\n\n  return (\n    <nav\n      class=\"language-switch-dropdown\"\n      ref={e => props.dropdownRef(e)}\n      aria-label={config.translations.navLangAriaLabel}\n    >\n      <ul aria-label={translate('Change language')}>\n        {props.navLang\n          .filter(lang => !lang.isCurrent)\n          .map(lang => {\n            const TagName = lang.url ? 'a' : 'button';\n            return (\n              <li key={lang.lang}>\n                <TagName\n                  onClick={() => props.switchLanguage(lang)}\n                  href={lang.url}\n                  lang={lang.lang}\n                  title={lang.title}\n                >\n                  <span class=\"visually-hidden\">{lang.title}</span>\n                  <span aria-hidden=\"true\">{lang.text}</span>\n                </TagName>\n              </li>\n            );\n          })}\n      </ul>\n    </nav>\n  );\n};\n","@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"../../utils/utils.scss\";\n\n:host {\n  --separator-display: none;\n  --separator-height: 100%;\n\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n\n  &::before {\n    display: var(--separator-display);\n    height: var(--separator-height);\n    border-left: 1px solid color.$gray-10;\n    content: '';\n  }\n}\n\n.lang-btn {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 1rem;\n  border: none;\n  box-shadow: none;\n  background: none;\n  text-transform: uppercase;\n  cursor: pointer;\n  color: rgba(color.$black, 0.8);\n\n  &:hover,\n  &:focus {\n    color: black;\n  }\n\n  svg {\n    width: 1.5em;\n    height: 1.5em;\n    transition: transform 250ms;\n\n    &.rotated {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n.language-switch {\n  position: relative;\n  align-self: stretch;\n  height: 100%;\n\n  &.list {\n    margin-top: 1.5rem;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.current-language {\n  text-transform: uppercase;\n  border-right: 1px solid color.$gray-20;\n  padding: 0.5rem 1rem 0.5rem 0;\n}\n\n.language-switch-dropdown {\n  .dropdown & {\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    background: white;\n    box-shadow: 0 1px 2px rgb(0 0 0 / 20%), 0 2px 6px 2px rgb(0 0 0 / 10%);\n    z-index: 1;\n    transform: scale(0.1);\n    transform-origin: center top;\n    transition: transform 0.1s;\n    margin-top: var(--language-dropdown-margin-top);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &.open {\n      transform: scale(1);\n    }\n  }\n\n  ul {\n    @extend %no-list;\n\n    .list & {\n      display: flex;\n\n      > li + li {\n        border-left: 1px solid color.$gray-20;\n      }\n    }\n  }\n\n  a,\n  button {\n    @extend %nav-link;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: functions.px-to-rem(48px);\n    padding: 0 0.25rem;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: background-color 200ms, color 200ms;\n\n    &:hover,\n    &:focus {\n      background: color.$gray-background;\n    }\n\n    span {\n      // Worst case scenario\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    .list & {\n      color: black;\n      height: auto;\n      padding: 0.5rem 1rem;\n    }\n  }\n}\n","import {\n  Component,\n  Event,\n  Host,\n  h,\n  Method,\n  EventEmitter,\n  State,\n  Prop,\n  Element,\n} from '@stencil/core';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { state } from '../../data/store';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  NavLangEntity,\n} from '../../models/header.model';\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\nimport { translate } from '../../services/language.service';\nimport { PostLanguageSwitchList } from './components/post-language-switch-list';\nimport { IAvailableLanguage } from '../../models/language.model';\n\n@Component({\n  tag: 'post-language-switch',\n  styleUrl: 'post-language-switch.scss',\n  shadow: true,\n})\nexport class PostLanguageSwitch implements HasDropdown {\n  @Prop() mode: 'dropdown' | 'list';\n  @State() langSwitchOpen = false;\n  @Element() host: DropdownElement;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Event({ bubbles: true }) languageChanged: EventEmitter<string>;\n  private languageSwitchDropdown: HTMLElement | undefined;\n\n  componentWillUpdate() {\n    // Check if language switch got set to close and if mode is dropdown\n    if (this.languageSwitchDropdown && !this.langSwitchOpen && this.mode == 'dropdown') {\n      this.languageSwitchDropdown.classList.remove('open');\n\n      // Check if element has transition applied and whether user prefers to see animations or not\n      if (\n        elementHasTransition(this.languageSwitchDropdown, 'transform') &&\n        !userPrefersReducedMotion()\n      ) {\n        // Wait for CSS transition 'transform' to end before continuing\n        return new Promise<boolean>(resolve => {\n          this.languageSwitchDropdown?.addEventListener('transitionend', event => {\n            if (event.propertyName === 'transform') {\n              resolve(true);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  componentDidUpdate() {\n    // Language switch got set to open\n    if (this.languageSwitchDropdown && this.langSwitchOpen) {\n      // Force browser to redraw/refresh DOM before adding 'open' class\n      this.languageSwitchDropdown.getBoundingClientRect();\n      this.languageSwitchDropdown.classList.add('open');\n    }\n  }\n\n  /**\n   * Open or close the language switch programatically\n   * @param force Boolean to force a state\n   * @returns Boolean indicating new state\n   */\n  @Method()\n  async toggleDropdown(force?: boolean) {\n    this.langSwitchOpen = force ?? !this.langSwitchOpen;\n    this.dropdownToggled.emit({ open: this.langSwitchOpen, element: this.host });\n    return this.langSwitchOpen;\n  }\n\n  /**\n   * Emit a language change to the parent component\n   *\n   * @param newLang Config of the new language\n   */\n  switchLanguage(newLang: NavLangEntity) {\n    this.languageChanged.emit(newLang.lang);\n    this.toggleDropdown(false);\n  }\n\n  private getMergedLanguageConfig(config: NavLangEntity[], overrides?: IAvailableLanguage[]) {\n    if (overrides === undefined) {\n      return config;\n    }\n\n    return config.map(langConfig =>\n      Object.assign(\n        {},\n        langConfig,\n        overrides.find(l => l.lang === langConfig.lang),\n      ),\n    );\n  }\n\n  private setDropdownRef(element: HTMLElement | undefined) {\n    this.languageSwitchDropdown = element;\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) return;\n    const config = state.localizedConfig.header;\n    const mergedConfig = this.getMergedLanguageConfig(\n      config.navLang,\n      state.languageSwitchOverrides,\n    );\n\n    return (\n      <Host>\n        <div class={`language-switch ${this.mode}`}>\n          <SvgSprite />\n          {this.mode === 'dropdown' ? (\n            <button\n              class=\"lang-btn\"\n              aria-expanded={`${this.langSwitchOpen}`}\n              aria-haspopup=\"listbox\"\n              onClick={() => this.toggleDropdown()}\n            >\n              <span class=\"visually-hidden\">\n                {config.translations.navLangAriaLabel}, {translate('Current language is English')}\n              </span>\n              <span aria-hidden=\"true\">{state.currentLanguage}</span>\n              <SvgIcon name=\"pi-arrow-down\" classNames={this.langSwitchOpen ? 'rotated' : ''} />\n            </button>\n          ) : (\n            <span class=\"bold current-language\">\n              <span class=\"visually-hidden\">{translate('Current language is English')}</span>\n              <span>{state.currentLanguage}</span>\n            </span>\n          )}\n          {this.langSwitchOpen || this.mode === 'list' ? (\n            <PostLanguageSwitchList\n              navLang={mergedConfig}\n              switchLanguage={e => this.switchLanguage(e)}\n              dropdownRef={e => e !== undefined && this.setDropdownRef(e)}\n            />\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2PAKO,MAAMA,EAA0BC,I,MAKrC,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,UAAWC,UAAW,OACjD,MAAMC,EAASJ,EAAMC,gBAAgBC,OAErC,OACEG,EAAA,OACEC,MAAM,2BACNC,IAAKC,GAAKV,EAAMW,YAAYD,GAAE,aAClBJ,EAAOM,aAAaC,kBAEhCN,EAAA,mBAAgBO,EAAU,oBACvBd,EAAMe,QACJC,QAAOC,IAASA,EAAKC,YACrBC,KAAIF,IACH,MAAMG,EAAUH,EAAKI,IAAM,IAAM,SACjC,OACEd,EAAA,MAAIe,IAAKL,EAAKA,MACZV,EAACa,EAAO,CACNG,QAAS,IAAMvB,EAAMwB,eAAeP,GACpCQ,KAAMR,EAAKI,IACXJ,KAAMA,EAAKA,KACXS,MAAOT,EAAKS,OAEZnB,EAAA,QAAMC,MAAM,mBAAmBS,EAAKS,OACpCnB,EAAA,sBAAkB,QAAQU,EAAKU,OAE9B,KAIT,ECvCV,MAAMC,EAAwB,4oP,MC8BjBC,EAAkB,M,mKAEH,K,CAM1BC,sBAEE,GAAIC,KAAKC,yBAA2BD,KAAKE,gBAAkBF,KAAKG,MAAQ,WAAY,CAClFH,KAAKC,uBAAuBG,UAAUC,OAAO,QAG7C,GACEC,EAAqBN,KAAKC,uBAAwB,eACjDM,IACD,CAEA,OAAO,IAAIC,SAAiBC,I,OAC1BvC,EAAA8B,KAAKC,0BAAsB,MAAA/B,SAAA,SAAAA,EAAEwC,iBAAiB,iBAAiBC,IAC7D,GAAIA,EAAMC,eAAiB,YAAa,CACtCH,EAAQ,K,IAEV,G,GAMVI,qBAEE,GAAIb,KAAKC,wBAA0BD,KAAKE,eAAgB,CAEtDF,KAAKC,uBAAuBa,wBAC5Bd,KAAKC,uBAAuBG,UAAUW,IAAI,O,EAU9CC,qBAAqBC,GACnBjB,KAAKE,eAAiBe,IAAK,MAALA,SAAK,EAALA,GAAUjB,KAAKE,eACrCF,KAAKkB,gBAAgBC,KAAK,CAAEC,KAAMpB,KAAKE,eAAgBmB,QAASrB,KAAKsB,OACrE,OAAOtB,KAAKE,c,CAQdT,eAAe8B,GACbvB,KAAKwB,gBAAgBL,KAAKI,EAAQrC,MAClCc,KAAKyB,eAAe,M,CAGdC,wBAAwBnD,EAAyBoD,GACvD,GAAIA,IAAcrD,UAAW,CAC3B,OAAOC,C,CAGT,OAAOA,EAAOa,KAAIwC,GAChBC,OAAOC,OACL,GACAF,EACAD,EAAUI,MAAKC,GAAKA,EAAE9C,OAAS0C,EAAW1C,S,CAKxC+C,eAAeZ,GACrBrB,KAAKC,uBAAyBoB,C,CAGhCa,S,MACE,KAAIhE,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,UAAWC,UAAW,OACjD,MAAMC,EAASJ,EAAMC,gBAAgBC,OACrC,MAAM8D,EAAenC,KAAK0B,wBACxBnD,EAAOS,QACPb,EAAMiE,yBAGR,OACE5D,EAAC6D,EAAI,KACH7D,EAAA,OAAKC,MAAO,mBAAmBuB,KAAKG,QAClC3B,EAAC8D,EAAS,MACTtC,KAAKG,OAAS,WACb3B,EAAA,UACEC,MAAM,WAAU,gBACD,GAAGuB,KAAKE,iBAAgB,gBACzB,UACdV,QAAS,IAAMQ,KAAKyB,kBAEpBjD,EAAA,QAAMC,MAAM,mBACTF,EAAOM,aAAaC,iBAAgB,KAAIC,EAAU,gCAErDP,EAAA,sBAAkB,QAAQL,EAAMoE,iBAChC/D,EAACgE,EAAO,CAACC,KAAK,gBAAgBC,WAAY1C,KAAKE,eAAiB,UAAY,MAG9E1B,EAAA,QAAMC,MAAM,yBACVD,EAAA,QAAMC,MAAM,mBAAmBM,EAAU,gCACzCP,EAAA,YAAOL,EAAMoE,kBAGhBvC,KAAKE,gBAAkBF,KAAKG,OAAS,OACpC3B,EAACR,EAAsB,CACrBgB,QAASmD,EACT1C,eAAgBd,GAAKqB,KAAKP,eAAed,GACzCC,YAAaD,GAAKA,IAAML,WAAa0B,KAAKiC,eAAetD,KAEzD,M"}

package/dist/swisspost-internet-header/p-5efe2cfe.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-f5935384.system.js","./p-9b4d5e90.system.js","./p-65e18d30.system.js"],(function(t){"use strict";var e,o,i,r,n,s;return{setters:[function(t){e=t.r;o=t.h;i=t.H;r=t.g},function(t){n=t.t},function(t){s=t.s}],execute:function(){var f='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:black}.nav-link:focus-visible{z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post", system-ui, sans-serif}button{font:inherit;padding:0}a,button{border-radius:3px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:3px;position:relative;z-index:1}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{display:block}.logo{display:block;-ms-flex-align:center;align-items:center;background:#fc0}.logo svg{display:block;width:var(--header-height);height:var(--header-height)}';var a=t("post_logo",function(){function t(t){var o=this;e(this,t);this.showFaviconLogo=undefined;this.throttledResize=n(300,(function(){return o.handleResize()}));window.addEventListener("resize",this.throttledResize,{passive:true});this.resizeObserver=new ResizeObserver(this.handleResize.bind(this));this.handleResize()}t.prototype.componentDidLoad=function(){var t;var e=(t=this.host.parentElement)===null||t===void 0?void 0:t.querySelector(".main-navigation-controls");if(e){this.resizeObserver.observe(e)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.throttledResize);this.resizeObserver.disconnect()};t.prototype.handleResize=function(){var t,e;var o=(t=this.host.parentElement)===null||t===void 0?void 0:t.querySelector(".main-navigation-controls");var i=(e=this.host.parentElement)===null||e===void 0?void 0:e.querySelector(".menu-button");if(o&&i)this.showFaviconLogo=window.innerWidth-(150+o.clientWidth+i.clientWidth)<=0};t.prototype.render=function(){var t;if(((t=s.localizedConfig)===null||t===void 0?void 0:t.header.logo)===undefined)return;var e=s.localizedConfig.header.logo;return o(i,null,o("a",{href:e.logoLink,class:"logo"},o("span",{class:"visually-hidden"},e.logoLinkTitle),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},o("g",{id:"Logo"},o("rect",{fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),o("polygon",{fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),o("path",{d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());a.style=f}}}));
+//# sourceMappingURL=p-5efe2cfe.system.entry.js.map

package/dist/swisspost-internet-header/{p-04cf4eeb.system.entry.js.map → p-5efe2cfe.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["postLogoCss","PostLogo","exports","class_1","hostRef","_this","this","throttledResize","throttle","handleResize","window","addEventListener","passive","resizeObserver","ResizeObserver","bind","prototype","componentDidLoad","mainNavControls","_a","host","parentElement","querySelector","observe","disconnectedCallback","removeEventListener","disconnect","menuButton","_b","showFaviconLogo","innerWidth","clientWidth","render","state","localizedConfig","header","logo","undefined","config","h","Host","href","logoLink","class","logoLinkTitle","xmlns","viewBox","id","fill","x","y","width","height","points","d"],"sources":["src/components/post-logo/post-logo.scss?tag=post-logo&encapsulation=shadow","src/components/post-logo/post-logo.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/variables/color';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  display: block;\n}\n\n.logo {\n  display: block;\n  align-items: center;\n  background: color.$yellow;\n\n  svg {\n    display: block;\n    width: var(--header-height);\n    height: var(--header-height);\n  }\n}\n","import { Component, Host, h, State, Element } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-logo',\n  styleUrl: 'post-logo.scss',\n  shadow: true,\n})\nexport class PostLogo {\n  @State() showFaviconLogo: boolean;\n  @Element() host: HTMLPostLogoElement;\n  private throttledResize: throttle<() => void>;\n  private resizeObserver: ResizeObserver;\n\n  constructor() {\n    // Register window resize event listener and a resize observer on the mainnav controls (they change size while controls are being loaded) to display an accurately sized logo\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n    this.resizeObserver = new ResizeObserver(this.handleResize.bind(this));\n\n    // Initially call the resize handler\n    this.handleResize();\n  }\n\n  componentDidLoad() {\n    const mainNavControls = this.host.parentElement?.querySelector('.main-navigation-controls');\n    if (mainNavControls) {\n      this.resizeObserver.observe(mainNavControls);\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    this.resizeObserver.disconnect();\n  }\n\n  handleResize() {\n    const mainNavControls = this.host.parentElement?.querySelector('.main-navigation-controls');\n    const menuButton = this.host.parentElement?.querySelector('.menu-button');\n    if (mainNavControls && menuButton)\n      this.showFaviconLogo =\n        window.innerWidth - (150 + mainNavControls.clientWidth + menuButton.clientWidth) <= 0;\n  }\n\n  render() {\n    if (state.localizedConfig?.header.logo === undefined) return;\n    const config = state.localizedConfig.header.logo;\n\n    return (\n      <Host>\n        <a href={config.logoLink} class=\"logo\">\n          <span class=\"visually-hidden\">{config.logoLinkTitle}</span>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\" aria-hidden=\"true\">\n            <g id=\"Logo\">\n              <rect fill=\"#ffcc00\" x=\"0\" y=\"0\" width=\"72\" height=\"72\" />\n              <polygon\n                fill=\"#ff0000\"\n                points=\"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3\"\n              />\n              <path d=\"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z\" />\n            </g>\n          </svg>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sPAAA,IAAMA,EAAc,y/G,ICSPC,EAAQC,EAAA,uBAMnB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,yCAEEA,KAAKC,gBAAkBC,EAAS,KAAK,WAAM,OAAAH,EAAKI,cAAL,IAC3CC,OAAOC,iBAAiB,SAAUL,KAAKC,gBAAiB,CAAEK,QAAS,OACnEN,KAAKO,eAAiB,IAAIC,eAAeR,KAAKG,aAAaM,KAAKT,OAGhEA,KAAKG,c,CAGPN,EAAAa,UAAAC,iBAAA,W,MACE,IAAMC,GAAkBC,EAAAb,KAAKc,KAAKC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAAc,6BAC/D,GAAIJ,EAAiB,CACnBZ,KAAKO,eAAeU,QAAQL,E,GAIhCf,EAAAa,UAAAQ,qBAAA,WACEd,OAAOe,oBAAoB,SAAUnB,KAAKC,iBAC1CD,KAAKO,eAAea,Y,EAGtBvB,EAAAa,UAAAP,aAAA,W,QACE,IAAMS,GAAkBC,EAAAb,KAAKc,KAAKC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAAc,6BAC/D,IAAMK,GAAaC,EAAAtB,KAAKc,KAAKC,iBAAa,MAAAO,SAAA,SAAAA,EAAEN,cAAc,gBAC1D,GAAIJ,GAAmBS,EACrBrB,KAAKuB,gBACHnB,OAAOoB,YAAc,IAAMZ,EAAgBa,YAAcJ,EAAWI,cAAgB,C,EAG1F5B,EAAAa,UAAAgB,OAAA,W,MACE,KAAIb,EAAAc,EAAMC,mBAAe,MAAAf,SAAA,SAAAA,EAAEgB,OAAOC,QAASC,UAAW,OACtD,IAAMC,EAASL,EAAMC,gBAAgBC,OAAOC,KAE5C,OACEG,EAACC,EAAI,KACHD,EAAA,KAAGE,KAAMH,EAAOI,SAAUC,MAAM,QAC9BJ,EAAA,QAAMI,MAAM,mBAAmBL,EAAOM,eACtCL,EAAA,OAAKM,MAAM,6BAA6BC,QAAQ,YAAW,cAAa,QACtEP,EAAA,KAAGQ,GAAG,QACJR,EAAA,QAAMS,KAAK,UAAUC,EAAE,IAAIC,EAAE,IAAIC,MAAM,KAAKC,OAAO,OACnDb,EAAA,WACES,KAAK,UACLK,OAAO,wLAETd,EAAA,QAAMe,EAAE,kQ,yHAnDD,I"}
+{"version":3,"names":["postLogoCss","PostLogo","exports","class_1","hostRef","_this","this","throttledResize","throttle","handleResize","window","addEventListener","passive","resizeObserver","ResizeObserver","bind","prototype","componentDidLoad","mainNavControls","_a","host","parentElement","querySelector","observe","disconnectedCallback","removeEventListener","disconnect","menuButton","_b","showFaviconLogo","innerWidth","clientWidth","render","state","localizedConfig","header","logo","undefined","config","h","Host","href","logoLink","class","logoLinkTitle","xmlns","viewBox","id","fill","x","y","width","height","points","d"],"sources":["src/components/post-logo/post-logo.scss?tag=post-logo&encapsulation=shadow","src/components/post-logo/post-logo.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/variables/color';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  display: block;\n}\n\n.logo {\n  display: block;\n  align-items: center;\n  background: color.$yellow;\n\n  svg {\n    display: block;\n    width: var(--header-height);\n    height: var(--header-height);\n  }\n}\n","import { Component, Host, h, State, Element } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-logo',\n  styleUrl: 'post-logo.scss',\n  shadow: true,\n})\nexport class PostLogo {\n  @State() showFaviconLogo: boolean;\n  @Element() host: HTMLPostLogoElement;\n  private throttledResize: throttle<() => void>;\n  private resizeObserver: ResizeObserver;\n\n  constructor() {\n    // Register window resize event listener and a resize observer on the mainnav controls (they change size while controls are being loaded) to display an accurately sized logo\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n    this.resizeObserver = new ResizeObserver(this.handleResize.bind(this));\n\n    // Initially call the resize handler\n    this.handleResize();\n  }\n\n  componentDidLoad() {\n    const mainNavControls = this.host.parentElement?.querySelector('.main-navigation-controls');\n    if (mainNavControls) {\n      this.resizeObserver.observe(mainNavControls);\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    this.resizeObserver.disconnect();\n  }\n\n  handleResize() {\n    const mainNavControls = this.host.parentElement?.querySelector('.main-navigation-controls');\n    const menuButton = this.host.parentElement?.querySelector('.menu-button');\n    if (mainNavControls && menuButton)\n      this.showFaviconLogo =\n        window.innerWidth - (150 + mainNavControls.clientWidth + menuButton.clientWidth) <= 0;\n  }\n\n  render() {\n    if (state.localizedConfig?.header.logo === undefined) return;\n    const config = state.localizedConfig.header.logo;\n\n    return (\n      <Host>\n        <a href={config.logoLink} class=\"logo\">\n          <span class=\"visually-hidden\">{config.logoLinkTitle}</span>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\" aria-hidden=\"true\">\n            <g id=\"Logo\">\n              <rect fill=\"#ffcc00\" x=\"0\" y=\"0\" width=\"72\" height=\"72\" />\n              <polygon\n                fill=\"#ff0000\"\n                points=\"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3\"\n              />\n              <path d=\"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z\" />\n            </g>\n          </svg>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sPAAA,IAAMA,EAAc,84I,ICSPC,EAAQC,EAAA,uBAMnB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,yCAEEA,KAAKC,gBAAkBC,EAAS,KAAK,WAAM,OAAAH,EAAKI,cAAL,IAC3CC,OAAOC,iBAAiB,SAAUL,KAAKC,gBAAiB,CAAEK,QAAS,OACnEN,KAAKO,eAAiB,IAAIC,eAAeR,KAAKG,aAAaM,KAAKT,OAGhEA,KAAKG,c,CAGPN,EAAAa,UAAAC,iBAAA,W,MACE,IAAMC,GAAkBC,EAAAb,KAAKc,KAAKC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAAc,6BAC/D,GAAIJ,EAAiB,CACnBZ,KAAKO,eAAeU,QAAQL,E,GAIhCf,EAAAa,UAAAQ,qBAAA,WACEd,OAAOe,oBAAoB,SAAUnB,KAAKC,iBAC1CD,KAAKO,eAAea,Y,EAGtBvB,EAAAa,UAAAP,aAAA,W,QACE,IAAMS,GAAkBC,EAAAb,KAAKc,KAAKC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAAc,6BAC/D,IAAMK,GAAaC,EAAAtB,KAAKc,KAAKC,iBAAa,MAAAO,SAAA,SAAAA,EAAEN,cAAc,gBAC1D,GAAIJ,GAAmBS,EACrBrB,KAAKuB,gBACHnB,OAAOoB,YAAc,IAAMZ,EAAgBa,YAAcJ,EAAWI,cAAgB,C,EAG1F5B,EAAAa,UAAAgB,OAAA,W,MACE,KAAIb,EAAAc,EAAMC,mBAAe,MAAAf,SAAA,SAAAA,EAAEgB,OAAOC,QAASC,UAAW,OACtD,IAAMC,EAASL,EAAMC,gBAAgBC,OAAOC,KAE5C,OACEG,EAACC,EAAI,KACHD,EAAA,KAAGE,KAAMH,EAAOI,SAAUC,MAAM,QAC9BJ,EAAA,QAAMI,MAAM,mBAAmBL,EAAOM,eACtCL,EAAA,OAAKM,MAAM,6BAA6BC,QAAQ,YAAW,cAAa,QACtEP,EAAA,KAAGQ,GAAG,QACJR,EAAA,QAAMS,KAAK,UAAUC,EAAE,IAAIC,EAAE,IAAIC,MAAM,KAAKC,OAAO,OACnDb,EAAA,WACES,KAAK,UACLK,OAAO,wLAETd,EAAA,QAAMe,EAAE,kQ,yHAnDD,I"}

package/dist/swisspost-internet-header/p-65745315.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i}from"./p-d8b954a1.js";import{s as o}from"./p-b7feee8d.js";const n='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link,.meta-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.meta-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.meta-link:hover,.nav-link:focus,.meta-link:focus{color:black}.nav-link:focus-visible,.meta-link:focus-visible{z-index:1;position:relative}.nav-link>svg,.meta-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.meta-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.meta-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post", system-ui, sans-serif}button{font:inherit;padding:0}a,button{border-radius:3px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:3px;position:relative;z-index:1}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{display:block;background:#faf9f8;font-size:0.875rem}.meta-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-height:3rem}@media (min-width: 1441px){.meta-container:not(.full-width){margin:0 auto;max-width:1440px}}.meta-container.vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}@media (max-width: 599.98px){.meta-container.vertical{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.meta-container.vertical{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.meta-container.vertical{padding-right:40px;padding-left:40px}}@media (min-width: 1024px){.meta-container.vertical{display:none}}.meta-container.horizontal ::slotted(*){--separator-display:block;--separator-height:2.125rem}.horizontal .meta-navigation{padding-right:1rem}.meta-list{display:-ms-flexbox;display:flex}.vertical .meta-list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.meta-link{font-size:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 0.5rem;min-height:2.125rem;border-radius:3px}.meta-link.active{background:#fc0;color:black}.vertical .meta-link{color:black;padding:0}.vertical .meta-link.active{padding:0 0.5rem;margin-left:-0.5rem}';const r=class{constructor(e){t(this,e);this.orientation=undefined;this.fullWidth=false}render(){var t,n;if(((t=o.localizedConfig)===null||t===void 0?void 0:t.header.navMeta)===undefined)return;const r=o.localizedConfig.header;return e(i,null,e("div",{class:`meta-container ${this.orientation}${this.fullWidth?" full-width":""}`},e("nav",{"aria-label":r.translations.navMetaAriaLabel,class:"meta-navigation"},e("ul",{class:"meta-list"},(n=r.navMeta)===null||n===void 0?void 0:n.filter((t=>!t.isHomeLink)).map((t=>e("li",{key:t.url},e("a",{class:{active:t.isActive,"meta-link":true},target:t.target,href:t.url},e("span",{"aria-hidden":"true"},t.text))))))),e("slot",null)))}};r.style=n;export{r as post_meta_navigation};
+//# sourceMappingURL=p-65745315.entry.js.map

package/dist/swisspost-internet-header/{p-c96ad7d6.entry.js.map → p-65745315.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["postMetaNavigationCss","PostMetaNavigation","render","_a","state","localizedConfig","header","navMeta","undefined","headerConfig","h","Host","class","this","orientation","fullWidth","translations","navMetaAriaLabel","_b","filter","meta","isHomeLink","map","key","url","active","isActive","target","href","text"],"sources":["./src/components/post-meta-navigation/post-meta-navigation.scss?tag=post-meta-navigation&encapsulation=shadow","./src/components/post-meta-navigation/post-meta-navigation.tsx"],"sourcesContent":["@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n  background: color.$gray-background-light;\n  font-size: functions.px-to-rem(14px);\n}\n\n.meta-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  min-height: functions.px-to-rem(48px);\n\n  @media (min-width: 1441px) {\n    &:not(.full-width) {\n      margin: 0 auto;\n      max-width: 1440px;\n    }\n  }\n\n  &.vertical {\n    @include mixins.container-padding();\n\n    flex-direction: column;\n    align-items: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    @include mixins.min(lg) {\n      display: none;\n    }\n  }\n\n  &.horizontal {\n    ::slotted(*) {\n      --separator-display: block;\n      --separator-height: #{functions.px-to-rem(34px)};\n    }\n  }\n}\n\n.meta-navigation {\n  .horizontal & {\n    padding-right: 1rem;\n  }\n}\n\n.meta-list {\n  @extend %no-list;\n  display: flex;\n\n  .vertical & {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.meta-link {\n  @extend %nav-link;\n\n  font-size: functions.px-to-rem(14px);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  min-height: functions.px-to-rem(34px);\n  border-radius: 3px;\n\n  &.active {\n    background: color.$yellow;\n    color: black;\n  }\n\n  .vertical & {\n    color: black;\n    padding: 0;\n\n    &.active {\n      padding: 0 0.5rem;\n      margin-left: -0.5rem;\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-meta-navigation',\n  styleUrl: 'post-meta-navigation.scss',\n  shadow: true,\n})\nexport class PostMetaNavigation {\n  @Prop() orientation: 'horizontal' | 'vertical';\n  @Prop() fullWidth?: boolean = false;\n\n  render() {\n    if (state.localizedConfig?.header.navMeta === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <div class={`meta-container ${this.orientation}${this.fullWidth ? ' full-width' : ''}`}>\n          <nav aria-label={headerConfig.translations.navMetaAriaLabel} class=\"meta-navigation\">\n            <ul class=\"meta-list\">\n              {headerConfig.navMeta\n                ?.filter(meta => !meta.isHomeLink)\n                .map(meta => (\n                  <li key={meta.url}>\n                    <a\n                      class={{ 'active': meta.isActive, 'meta-link': true }}\n                      target={meta.target}\n                      href={meta.url}\n                    >\n                      <span aria-hidden=\"true\">{meta.text}</span>\n                    </a>\n                  </li>\n                ))}\n            </ul>\n          </nav>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAwB,64J,MCQjBC,EAAkB,M,mEAEC,K,CAE9BC,S,QACE,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,WAAYC,UAAW,OACzD,MAAMC,EAAeL,EAAMC,gBAAgBC,OAE3C,OACEI,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,kBAAkBC,KAAKC,cAAcD,KAAKE,UAAY,cAAgB,MAChFL,EAAA,oBAAiBD,EAAaO,aAAaC,iBAAkBL,MAAM,mBACjEF,EAAA,MAAIE,MAAM,cACPM,EAAAT,EAAaF,WAAO,MAAAW,SAAA,SAAAA,EACjBC,QAAOC,IAASA,EAAKC,aACtBC,KAAIF,GACHV,EAAA,MAAIa,IAAKH,EAAKI,KACZd,EAAA,KACEE,MAAO,CAAEa,OAAUL,EAAKM,SAAU,YAAa,MAC/CC,OAAQP,EAAKO,OACbC,KAAMR,EAAKI,KAEXd,EAAA,sBAAkB,QAAQU,EAAKS,YAM3CnB,EAAA,c"}
+{"version":3,"names":["postMetaNavigationCss","PostMetaNavigation","render","_a","state","localizedConfig","header","navMeta","undefined","headerConfig","h","Host","class","this","orientation","fullWidth","translations","navMetaAriaLabel","_b","filter","meta","isHomeLink","map","key","url","active","isActive","target","href","text"],"sources":["./src/components/post-meta-navigation/post-meta-navigation.scss?tag=post-meta-navigation&encapsulation=shadow","./src/components/post-meta-navigation/post-meta-navigation.tsx"],"sourcesContent":["@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n  background: color.$gray-background-light;\n  font-size: functions.px-to-rem(14px);\n}\n\n.meta-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  min-height: functions.px-to-rem(48px);\n\n  @media (min-width: 1441px) {\n    &:not(.full-width) {\n      margin: 0 auto;\n      max-width: 1440px;\n    }\n  }\n\n  &.vertical {\n    @include mixins.container-padding();\n\n    flex-direction: column;\n    align-items: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    @include mixins.min(lg) {\n      display: none;\n    }\n  }\n\n  &.horizontal {\n    ::slotted(*) {\n      --separator-display: block;\n      --separator-height: #{functions.px-to-rem(34px)};\n    }\n  }\n}\n\n.meta-navigation {\n  .horizontal & {\n    padding-right: 1rem;\n  }\n}\n\n.meta-list {\n  @extend %no-list;\n  display: flex;\n\n  .vertical & {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.meta-link {\n  @extend %nav-link;\n\n  font-size: functions.px-to-rem(14px);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  min-height: functions.px-to-rem(34px);\n  border-radius: 3px;\n\n  &.active {\n    background: color.$yellow;\n    color: black;\n  }\n\n  .vertical & {\n    color: black;\n    padding: 0;\n\n    &.active {\n      padding: 0 0.5rem;\n      margin-left: -0.5rem;\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-meta-navigation',\n  styleUrl: 'post-meta-navigation.scss',\n  shadow: true,\n})\nexport class PostMetaNavigation {\n  @Prop() orientation: 'horizontal' | 'vertical';\n  @Prop() fullWidth?: boolean = false;\n\n  render() {\n    if (state.localizedConfig?.header.navMeta === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <div class={`meta-container ${this.orientation}${this.fullWidth ? ' full-width' : ''}`}>\n          <nav aria-label={headerConfig.translations.navMetaAriaLabel} class=\"meta-navigation\">\n            <ul class=\"meta-list\">\n              {headerConfig.navMeta\n                ?.filter(meta => !meta.isHomeLink)\n                .map(meta => (\n                  <li key={meta.url}>\n                    <a\n                      class={{ 'active': meta.isActive, 'meta-link': true }}\n                      target={meta.target}\n                      href={meta.url}\n                    >\n                      <span aria-hidden=\"true\">{meta.text}</span>\n                    </a>\n                  </li>\n                ))}\n            </ul>\n          </nav>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAwB,kyL,MCQjBC,EAAkB,M,mEAEC,K,CAE9BC,S,QACE,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,WAAYC,UAAW,OACzD,MAAMC,EAAeL,EAAMC,gBAAgBC,OAE3C,OACEI,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,kBAAkBC,KAAKC,cAAcD,KAAKE,UAAY,cAAgB,MAChFL,EAAA,oBAAiBD,EAAaO,aAAaC,iBAAkBL,MAAM,mBACjEF,EAAA,MAAIE,MAAM,cACPM,EAAAT,EAAaF,WAAO,MAAAW,SAAA,SAAAA,EACjBC,QAAOC,IAASA,EAAKC,aACtBC,KAAIF,GACHV,EAAA,MAAIa,IAAKH,EAAKI,KACZd,EAAA,KACEE,MAAO,CAAEa,OAAUL,EAAKM,SAAU,YAAa,MAC/CC,OAAQP,EAAKO,OACbC,KAAMR,EAAKI,KAEXd,EAAA,sBAAkB,QAAQU,EAAKS,YAM3CnB,EAAA,c"}

package/dist/swisspost-internet-header/p-74b9dcce.entry.js

@@ -0,0 +1,2 @@
+import{h as o,r as t,c as e,H as r,g as i}from"./p-d8b954a1.js";import{t as l}from"./p-a74b380d.js";import{c as a,d as n,e as s}from"./p-a119b38d.js";import{s as f}from"./p-b7feee8d.js";import{e as m,u as d}from"./p-45db66a6.js";import{S as c}from"./p-9a8f9281.js";import{S as g}from"./p-e75bba89.js";import{I as u}from"./p-a2f9d462.js";let p;const h=o=>{const t=f.currentLanguage;return`https://www.post.ch/${t}/api/trackandtrace?id=${encodeURIComponent(o)}`};const x=(o,{packageTrackingRedirectUrl:t})=>t.replace("{trackingNumber}",encodeURIComponent(o));const b=async(o,t)=>{const e=await w(o,t);return e.ok};const w=async(o,{redirectPattern:t})=>{const e=new RegExp(t);if(e.test(o)){const t=h(o);if(p)p.abort();p=new AbortController;return new Promise(((o,e)=>{fetch(t,{signal:p.signal}).then((o=>o.json())).then((t=>{o(Object.assign(Object.assign({},t),{ok:t.ok}))})).catch((o=>{if(o.name!=="AbortError"){console.error(`Could not check track and trace API due to error: ${o.message}`);e(o)}}))}))}return{ok:false,timestamp:(new Date).toDateString()}};const v=async(o,t)=>{const e=await w(o,t);return e.ok?Object.assign(Object.assign({},e),{url:x(o,t)}):null};const k=async(o,t)=>{const e=await b(o,t);return e?x(o,t):y(o)};const y=o=>{var t;if(((t=f.localizedConfig)===null||t===void 0?void 0:t.header.search)===undefined){return}const{searchPageUrl:e}=f.localizedConfig.header.search;const r=`#q=${encodeURIComponent(o)}`;return`${e}${r}&t=AllTab`};const z=(o,t,e=7)=>{const r=o.slice(0,Math.max(e/2,e-t.length));return[r,t.slice(0,e-r.length)]};const E={url:"https://platform-eu.cloud.coveo.com/rest/search/v2/querySuggest",environment:{prod:{organisation:"postchagprod6ef4sbet",token:"xx5b629890-23b9-4fbe-b601-0e8719186969"},int01:{organisation:"postchagnonprods5sq57qt",token:"xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4"},int02:{organisation:"postchagnonprods5sq57qt",token:"xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4"},dev01:{organisation:"postchagnonprods5sq57qt",token:"xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4"},dev02:{organisation:"postchagnonprods5sq57qt",token:"xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4"},devs1:{organisation:"postchagnonprods5sq57qt",token:"xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4"},test:{organisation:"postchagnonprods5sq57qt",token:"xx7c0e52ab-3de2-4fbd-b9a7-6ca6abd532b4"}}};let C;const I=async o=>{var t,e;if(((e=(t=f.localizedConfig)===null||t===void 0?void 0:t.header)===null||e===void 0?void 0:e.search)===undefined)return[];const r=f.localizedConfig.header.search;const{token:i,organisation:l}=E.environment[f.environment];const a=`${E.url}?q=${o}&locale=${f.currentLanguage}&searchHub=${r.searchHubName}&pipeline=${r.searchPipelineName}&organizationId=${l}`;if(C)C.abort();C=new AbortController;return new Promise(((o,t)=>{fetch(a,{signal:C.signal,method:"GET",headers:{Authorization:`Bearer ${i}`}}).then((o=>o.json())).then((t=>{o(t.completions.map((o=>Object.assign(Object.assign({},o),{redirectUrl:y(o.expression)}))))})).catch((o=>{if(o.name!=="AbortError"){console.error(`Fetching coveo suggestions failed, ${o}\nDid you add "*.coveo.com" to your connect-src content security policy and tried turning off your adblocker?`);t(o)}}))}))};const T="https://places.post.ch/StandortSuche/StaoCacheService";const F="https://places.post.ch";const N=o=>o.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"");let L;const R=async o=>{if(o.length===0){return[]}const t=Object.entries({query:encodeURIComponent(o),lang:f.currentLanguage,limit:7}).reduce(((o,[t,e],r)=>`${o}${r===0?"?":"&"}${t}=${e}`),"");const e=`${T}/Geocode${t}`;if(L)L.abort();L=new AbortController;return new Promise(((o,t)=>{fetch(e,{signal:L.signal}).then((o=>o.json())).then((t=>{if(!t.ok)throw new Error(t.info);o(t.locations)})).catch((o=>{if(o.name!=="AbortError"){console.error(`Fetching places failed, ${o}\nDid you add "places.post.ch" to your connect-src content security policy?`);t(o)}}))}))};const A=(o,t)=>{if(o===undefined)return t;const e=N(t);const r=N(o);const i=e.indexOf(r);if(i<0){return t}return`${t.substring(0,i)}{${t.substring(i,i+o.length)}}${t.substring(i+o.length,t.length)}`};const O=o=>{let t;if(o.id){t=`${F}/${f.currentLanguage}/${o.id}/detail`}else{t=`${F}?preselecttext=${encodeURIComponent(o.name)}`}return t};const S=t=>{var e;const r=(e=t.highlightClass)!==null&&e!==void 0?e:"bold";const i=t.text.replace(/[{(]/g,`<span class="${r}">`).replace(/[})]/g,"</span>").replace(/[\[\]]/g,"");return o("span",{innerHTML:i})};const P="/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */.form-label{margin-bottom:0.5rem;color:rgba(var(--post-contrast-color-rgb), 0.8)}.col-form-label{padding-top:calc(0.875rem + 2px);padding-bottom:calc(0.875rem + 2px);margin-bottom:0;font-size:inherit;line-height:1.5;color:rgba(var(--post-contrast-color-rgb), 0.8)}.col-form-label-lg{padding-top:calc(1.25rem + 2px);padding-bottom:calc(1.25rem + 2px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(0.375rem + 2px);padding-bottom:calc(0.375rem + 2px);font-size:0.875rem}.form-text{margin-top:0.25rem;font-size:0.8125rem;color:var(--post-contrast-color)}.form-control{display:block;width:100%;padding:0.875rem 1.125rem;font-size:1rem;font-weight:400;line-height:1.5;color:#000;background-color:#fff;background-clip:padding-box;border:2px solid hsl(0, 0%, 40%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control{-webkit-transition:none;transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#000;background-color:#fff;border-color:#000;outline:0;-webkit-box-shadow:0 0 0 0.125rem rgba(51, 51, 51, 0.25);box-shadow:0 0 0 0.125rem rgba(51, 51, 51, 0.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-webkit-input-placeholder{color:hsl(0, 0%, 40%);opacity:1}.form-control::-moz-placeholder{color:hsl(0, 0%, 40%);opacity:1}.form-control:-ms-input-placeholder{color:hsl(0, 0%, 40%);opacity:1}.form-control::-ms-input-placeholder{color:hsl(0, 0%, 40%);opacity:1}.form-control::placeholder{color:hsl(0, 0%, 40%);opacity:1}.form-control:disabled{color:hsl(0, 0%, 40%);background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.6);border-color:hsl(0, 0%, 80%);opacity:1}.form-control::-webkit-file-upload-button{padding:0.875rem 1.125rem;margin:-0.875rem -1.125rem;-webkit-margin-end:1.125rem;margin-inline-end:1.125rem;color:#000;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:2px;border-radius:0;-webkit-transition:opacity 250ms, border-color 250ms, background-color 250ms, color 250ms;transition:opacity 250ms, border-color 250ms, background-color 250ms, color 250ms}.form-control::file-selector-button{padding:0.875rem 1.125rem;margin:-0.875rem -1.125rem;-webkit-margin-end:1.125rem;margin-inline-end:1.125rem;color:#000;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:2px;border-radius:0;-webkit-transition:opacity 250ms, border-color 250ms, background-color 250ms, color 250ms;transition:opacity 250ms, border-color 250ms, background-color 250ms, color 250ms}@media (prefers-reduced-motion: reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#fff}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#fff}.form-control-plaintext{display:block;width:100%;padding:0.875rem 0;margin-bottom:0;line-height:1.5;color:var(--post-contrast-color);background-color:transparent;border:solid transparent;border-width:2px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg,.form-floating>.form-control-plaintext.form-control,.form-floating>.form-control-plaintext.form-select{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.96875rem + 4px);padding:0.375rem 0.875rem;font-size:0.875rem;border-radius:0}.form-control-sm::-webkit-file-upload-button{padding:0.375rem 0.875rem;margin:-0.375rem -0.875rem;-webkit-margin-end:0.875rem;margin-inline-end:0.875rem}.form-control-sm::file-selector-button{padding:0.375rem 0.875rem;margin:-0.375rem -0.875rem;-webkit-margin-end:0.875rem;margin-inline-end:0.875rem}.form-control-lg,.form-floating>.form-control,.form-floating>.form-select{min-height:calc(4.375rem + 4px);padding:1.25rem 1.375rem;font-size:1.25rem;border-radius:0}.form-control-lg::-webkit-file-upload-button,.form-floating>.form-control::-webkit-file-upload-button,.form-floating>.form-select::-webkit-file-upload-button{padding:1.25rem 1.375rem;margin:-1.25rem -1.375rem;-webkit-margin-end:1.375rem;margin-inline-end:1.375rem}.form-control-lg::file-selector-button,.form-floating>.form-control::file-selector-button,.form-floating>.form-select::file-selector-button{padding:1.25rem 1.375rem;margin:-1.25rem -1.375rem;-webkit-margin-end:1.375rem;margin-inline-end:1.375rem}textarea.form-control{min-height:calc(3.25rem + 4px)}textarea.form-control-sm{min-height:calc(1.96875rem + 4px)}textarea.form-control-lg,.form-floating>textarea.form-control,.form-floating>textarea.form-select{min-height:calc(4.375rem + 4px)}.form-control-color{width:3rem;height:calc(3.25rem + 4px);padding:0.875rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:0}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:0}.form-control-color.form-control-sm{height:calc(1.96875rem + 4px)}.form-control-color.form-control-lg,.form-floating>.form-control-color.form-control,.form-floating>.form-control-color.form-select{height:calc(4.375rem + 4px)}.form-select{--bs-form-select-bg-img:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath opacity='1' fill='%23000000' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/g%3E%3C/svg%3E\");display:block;width:100%;padding:0.875rem 3.375rem 0.875rem 1.125rem;font-size:1rem;font-weight:400;line-height:1.5;color:#000;background-color:#fff;background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right 1.125rem center;background-size:14px 14px;border:2px solid hsl(0, 0%, 40%);border-radius:0;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.form-select{-webkit-transition:none;transition:none}}.form-select:focus{border-color:#000;outline:0;-webkit-box-shadow:0 0 0 0.125rem rgba(51, 51, 51, 0.25);box-shadow:0 0 0 0.125rem rgba(51, 51, 51, 0.25)}.form-select[multiple],.form-select[size]:not([size=\"1\"]){padding-right:1.125rem;background-image:none}.form-select:disabled{color:hsl(0, 0%, 40%);background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.6);border-color:hsl(0, 0%, 80%)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-select-sm{padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0.875rem;font-size:0.875rem;border-radius:0}.form-select-lg{padding-top:1.25rem;padding-bottom:1.25rem;padding-left:1.375rem;font-size:1.25rem;border-radius:0}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\")}.form-check{display:block;min-height:1.5rem;padding-left:0;margin-bottom:1rem}.form-check .form-check-input{float:left;margin-left:0}.form-check-reverse{padding-right:0;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:0;margin-left:0}.form-check-input{--bs-form-check-bg:transparent;width:1.5rem;height:1.5rem;margin-top:0rem;vertical-align:top;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:2px solid hsl(0, 0%, 40%);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:0}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:none;filter:none}.form-check-input:focus{border-color:#000;outline:0;-webkit-box-shadow:0 0 0 0.125rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.125rem rgba(0, 0, 0, 0.25)}.form-check-input:checked{background-color:transparent;border-color:#000}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath opacity='1' fill='%23000000' d='m12.667 23.6-7.2-7.067 1.067-1.067 6.133 6.267L25.467 8.8l1.067 1.067z'/%3E%3C/g%3E%3C/svg%3E\")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3E%3Ccircle opacity='1' fill='%23000000' r='2'%3E%3C/circle%3E%3C/svg%3E\")}.form-check-input[type=checkbox]:indeterminate{background-color:transparent;border-color:#000;--bs-form-check-bg-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath opacity='1' fill='%23000000' d='m5.333 16.01 20-.021.001 1.333-20 .021-.001-1.333z'/%3E%3C/g%3E%3C/svg%3E\")}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:0.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:0.5}.form-check-label{color:rgba(var(--post-contrast-color-rgb), 0.8);cursor:pointer}.form-switch{padding-left:0}.form-switch .form-check-input{--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='15' stroke='hsl%280, 0%, 40%%29' stroke-width='2' fill='%23fff'/%3e%3c/svg%3e\");width:4rem;margin-left:0;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:4rem;-webkit-transition:background-position 250ms cubic-bezier(0.4, 0, 0.2, 1), background-color 250ms;transition:background-position 250ms cubic-bezier(0.4, 0, 0.2, 1), background-color 250ms}@media (prefers-reduced-motion: reduce){.form-switch .form-check-input{-webkit-transition:none;transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='15' stroke='%23000' stroke-width='2' fill='%23fff'/%3e%3c/svg%3e\")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='15' stroke='%23000' stroke-width='2' fill='%23fff'/%3e%3c/svg%3e\")}.form-switch.form-check-reverse{padding-right:0;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:0;margin-left:0}.form-check-inline{display:inline-block;margin-right:1.5rem}.btn-check{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;-webkit-filter:none;filter:none;opacity:0.4}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e\")}.form-range{width:100%;height:2.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 1px #000, 0 0 0 0.2rem rgba(51, 51, 51, 0.25);box-shadow:0 0 0 1px #000, 0 0 0 0.2rem rgba(51, 51, 51, 0.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #000, 0 0 0 0.2rem rgba(51, 51, 51, 0.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:2rem;height:2rem;margin-top:-0.9rem;background-color:#fff;border:2px solid #000;border-radius:1rem;-webkit-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#fff}.form-range::-webkit-slider-runnable-track{width:100%;height:0.2rem;color:transparent;cursor:pointer;background-color:hsl(0, 0%, 80%);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:2rem;height:2rem;background-color:#fff;border:2px solid #000;border-radius:1rem;-moz-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#fff}.form-range::-moz-range-track{width:100%;height:0.2rem;color:transparent;cursor:pointer;background-color:hsl(0, 0%, 80%);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#fff}.form-range:disabled::-moz-range-thumb{background-color:#fff}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(4.375rem + 4px);min-height:calc(4.375rem + 4px);line-height:1.5}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1.25rem 1.375rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:2px solid transparent;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.form-floating>label{-webkit-transition:none;transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1.25rem 1.375rem}.form-floating>.form-control::-webkit-input-placeholder,.form-floating>.form-control-plaintext::-webkit-input-placeholder{color:transparent}.form-floating>.form-control::-moz-placeholder,.form-floating>.form-control-plaintext::-moz-placeholder{color:transparent}.form-floating>.form-control:-ms-input-placeholder,.form-floating>.form-control-plaintext:-ms-input-placeholder{color:transparent}.form-floating>.form-control::-ms-input-placeholder,.form-floating>.form-control-plaintext::-ms-input-placeholder{color:transparent}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown),.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:not(:-ms-input-placeholder),.form-floating>.form-control-plaintext:not(:-ms-input-placeholder){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb), 1);transform:scale(0.7647058824)}.form-floating>.form-control:not(:-ms-input-placeholder)~label{color:rgba(var(--bs-body-color-rgb), 1);transform:scale(0.7647058824)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb), 1);-webkit-transform:scale(0.7647058824);transform:scale(0.7647058824)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1.25rem 0.6875rem;z-index:-1;height:4.375rem;content:\"\";background-color:#fff;border-radius:0}.form-floating>.form-control:not(:-ms-input-placeholder)~label::after{position:absolute;inset:1.25rem 0.6875rem;z-index:-1;height:4.375rem;content:\"\";background-color:#fff;border-radius:0}.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-control-plaintext~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1.25rem 0.6875rem;z-index:-1;height:4.375rem;content:\"\";background-color:#fff;border-radius:0}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb), 1);-webkit-transform:scale(0.7647058824);transform:scale(0.7647058824)}.form-floating>.form-control-plaintext~label{border-width:2px 0}.form-floating>:disabled~label{color:#6c757d}.form-floating>:disabled~label::after{background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.6)}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0.875rem 1.125rem;font-size:1rem;font-weight:400;line-height:1.5;color:#000;text-align:center;white-space:nowrap;background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.6);border:2px solid hsl(0, 0%, 40%);border-radius:0}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:1.25rem 1.375rem;font-size:1.25rem;border-radius:0}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:0.375rem 0.875rem;font-size:0.875rem;border-radius:0}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:4.5rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(2px * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:0;font-size:1rem;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:0.1rem;font-size:1rem;color:#fff;background-color:var(--bs-success);border-radius:0}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:3.25rem;background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%280%25,50.588235%25,22.745098%25%29;fill-opacity:1;' d='M 9.5 18.398438 L 3.800781 12.699219 L 5.199219 11.300781 L 9.5 15.597656 L 18.800781 6.300781 L 20.199219 7.699219 Z M 9.5 18.398438 '/%3E%3C/g%3E%3C/svg%3E%0A\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.4375rem) center;background-size:calc(0.75em + 0.875rem) calc(0.75em + 0.875rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);-webkit-box-shadow:0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25);box-shadow:0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:3.25rem;background-position:top calc(0.375em + 0.4375rem) right calc(0.375em + 0.4375rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size=\"1\"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size=\"1\"]{--bs-form-select-bg-icon:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%280%25,50.588235%25,22.745098%25%29;fill-opacity:1;' d='M 9.5 18.398438 L 3.800781 12.699219 L 5.199219 11.300781 L 9.5 15.597656 L 18.800781 6.300781 L 20.199219 7.699219 Z M 9.5 18.398438 '/%3E%3C/g%3E%3C/svg%3E%0A\");padding-right:6.1875rem;background-position:right 1.125rem center, center right 3.375rem;background-size:14px 14px, calc(0.75em + 0.875rem) calc(0.75em + 0.875rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);-webkit-box-shadow:0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25);box-shadow:0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-control-color:valid,.form-control-color.is-valid{width:6.25rem}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{-webkit-box-shadow:0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25);box-shadow:0 0 0 0.125rem rgba(var(--bs-success-rgb), 0.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:0.5em}.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:0;font-size:1rem;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:0.1rem;font-size:1rem;color:#fff;background-color:var(--bs-danger);border-radius:0}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:3.25rem;background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 3 L 13 3 L 13 17 L 11 17 Z M 11 3 '/%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 19 L 13 19 L 13 21 L 11 21 Z M 11 19 '/%3E%3C/g%3E%3C/svg%3E%0A\");background-repeat:no-repeat;background-position:right calc(0.375em + 0.4375rem) center;background-size:calc(0.75em + 0.875rem) calc(0.75em + 0.875rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);-webkit-box-shadow:0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25);box-shadow:0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:3.25rem;background-position:top calc(0.375em + 0.4375rem) right calc(0.375em + 0.4375rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size=\"1\"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size=\"1\"]{--bs-form-select-bg-icon:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 3 L 13 3 L 13 17 L 11 17 Z M 11 3 '/%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 19 L 13 19 L 13 21 L 11 21 Z M 11 19 '/%3E%3C/g%3E%3C/svg%3E%0A\");padding-right:6.1875rem;background-position:right 1.125rem center, center right 3.375rem;background-size:14px 14px, calc(0.75em + 0.875rem) calc(0.75em + 0.875rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);-webkit-box-shadow:0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25);box-shadow:0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:6.25rem}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{-webkit-box-shadow:0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25);box-shadow:0 0 0 0.125rem rgba(var(--bs-danger-rgb), 0.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:0.5em}.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}.form-control-rg{height:calc(2.75rem + 4px);padding:0.625rem 0.875rem;font-size:1rem;line-height:1.5}select.form-control-rg:not([size]):not([multiple]){height:calc(2.75rem + 4px)}.form-control{position:relative}.form-control:disabled{color:hsl(0, 0%, 40%)}.form-control[readonly]:not(:disabled){border-color:hsl(0, 0%, 40%);background-color:#fff}.form-control[type=file]{position:relative;min-height:calc(3.25rem + 4px)}.form-control[type=file]::-webkit-file-upload-button{display:block;position:absolute;top:0;bottom:0;right:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}.form-control[type=file]::file-selector-button{display:block;position:absolute;top:0;bottom:0;right:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}.form-control[type=file].form-control-sm{min-height:calc(2.25rem + 4px)}.form-control[type=file].form-control-rg{min-height:calc(2.75rem + 4px)}.form-control[type=file].form-control-lg{min-height:calc(4rem + 4px)}@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black){.form-control:hover:not(:disabled),.form-control:focus:not(:disabled){border-color:Highlight}.form-control:hover:not(:disabled)::-webkit-file-upload-button,.form-control:focus:not(:disabled)::-webkit-file-upload-button{border-left-color:Highlight}.form-control:hover:not(:disabled)::file-selector-button,.form-control:focus:not(:disabled)::file-selector-button{border-left-color:Highlight}}.form-floating>label{display:block;top:2px;left:2px;margin:0;padding-inline:1.375rem;padding-top:calc(\n      2px + 2.1875rem - 0.796875rem\n    );padding-bottom:0;border:0;color:hsl(0, 0%, 40%);font-size:1.0625rem;width:auto;height:auto;max-width:calc(100% - 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transform-origin:1.375rem 0;transform-origin:1.375rem 0;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms linear;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms linear}.form-floating>.form-control{}.form-floating>.form-control:focus{}.form-floating>.form-control:focus::-webkit-input-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6)}.form-floating>.form-control:focus::-moz-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6)}.form-floating>.form-control:focus:-ms-input-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6)}.form-floating>.form-control:focus::-ms-input-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6)}.form-floating>.form-control:focus::placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6)}.form-floating>.form-control:focus::input-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6)}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{padding-top:0.7rem;max-width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px);-moz-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:not(:-ms-input-placeholder)~label{padding-top:0.7rem;max-width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px);-ms-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{padding-top:0.7rem;max-width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control[type=file]:not(:-moz-placeholder-shown){padding-top:1.995rem}.form-floating>.form-control[type=file]:not(:-ms-input-placeholder){padding-top:1.995rem}.form-floating>.form-control[type=file]:focus,.form-floating>.form-control[type=file]:not(:placeholder-shown){padding-top:1.995rem}.form-floating>.form-select{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select~label{padding-top:0.7rem;max-width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px);-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1), width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-select:empty{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select:empty~label{padding-top:1.25rem;max-width:calc(100% - 4px);-webkit-transform:none;transform:none}.form-floating>.form-select[multiple]{padding-top:2.25rem;padding-bottom:0;height:auto}.form-floating>.form-select[multiple]~label{padding-top:0.9558823529rem;padding-bottom:0;width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem);height:auto;background:#fff}.form-floating>.form-select[multiple]:empty~label{padding-top:1.25rem;padding-bottom:1.25rem;width:calc(100% - 4px - 1.375rem);height:4.375rem}.form-floating>textarea.form-control{padding-top:1.875rem;padding-bottom:1.25rem;height:auto}.form-floating>textarea.form-control~label{padding-bottom:0;width:calc(100% - 4px);max-width:none;height:unset}.form-floating>textarea.form-control:not(:-moz-placeholder-shown){padding-top:1.875rem;padding-bottom:1.25rem}.form-floating>textarea.form-control:not(:-ms-input-placeholder){padding-top:1.875rem;padding-bottom:1.25rem}.form-floating>textarea.form-control:focus,.form-floating>textarea.form-control:not(:placeholder-shown){padding-top:1.875rem;padding-bottom:1.25rem}.form-floating>textarea.form-control:not(:-moz-placeholder-shown)~label{padding-top:0.9558823529rem;width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem);max-width:none;background:#fff}.form-floating>textarea.form-control:not(:-ms-input-placeholder)~label{padding-top:0.9558823529rem;width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem);max-width:none;background:#fff}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{padding-top:0.9558823529rem;width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem);max-width:none;background:#fff}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - 4px - 1.375rem - 0.5rem - 2rem)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid):not(:-moz-placeholder-shown)~label{width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem - 0.6538461538rem - 2.6153846154rem)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid):not(:-ms-input-placeholder)~label{width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem - 0.6538461538rem - 2.6153846154rem)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid):focus~label,.form-floating>textarea.form-control:is(.is-valid,.is-invalid):not(:placeholder-shown)~label{width:calc(130.7692307692% - 0.8461538462rem - 5.2307692308px - 1.7980769231rem - 0.6538461538rem - 2.6153846154rem)}@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black){.form-floating>input,.form-floating>textarea{}.form-floating>input::-webkit-input-placeholder,.form-floating>textarea::-webkit-input-placeholder{opacity:0}.form-floating>input::-moz-placeholder,.form-floating>textarea::-moz-placeholder{opacity:0}.form-floating>input:-ms-input-placeholder,.form-floating>textarea:-ms-input-placeholder{opacity:0}.form-floating>input::-ms-input-placeholder,.form-floating>textarea::-ms-input-placeholder{opacity:0}.form-floating>input::placeholder,.form-floating>textarea::placeholder{opacity:0}.form-floating>input::input-placeholder,.form-floating>textarea::input-placeholder{opacity:0}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:400px;--bs-breakpoint-rg:600px;--bs-breakpoint-md:780px;--bs-breakpoint-lg:1024px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1441px}.row{--bs-gutter-x:30px;--bs-gutter-y:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width: 400px){.col-sm{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-sm-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-sm-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-sm-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-sm-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-sm-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-sm-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-sm-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-sm-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-sm-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-sm-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-sm-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-sm-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-sm-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width: 600px){.col-rg{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-rg-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-rg-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-rg-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-rg-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-rg-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-rg-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-rg-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-rg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-rg-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-rg-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-rg-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-rg-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-rg-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-rg-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-rg-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-rg-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-rg-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-rg-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-rg-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-rg-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-rg-0{margin-left:0}.offset-rg-1{margin-left:8.33333333%}.offset-rg-2{margin-left:16.66666667%}.offset-rg-3{margin-left:25%}.offset-rg-4{margin-left:33.33333333%}.offset-rg-5{margin-left:41.66666667%}.offset-rg-6{margin-left:50%}.offset-rg-7{margin-left:58.33333333%}.offset-rg-8{margin-left:66.66666667%}.offset-rg-9{margin-left:75%}.offset-rg-10{margin-left:83.33333333%}.offset-rg-11{margin-left:91.66666667%}.g-rg-0,.gx-rg-0{--bs-gutter-x:0}.g-rg-0,.gy-rg-0{--bs-gutter-y:0}.g-rg-1,.gx-rg-1{--bs-gutter-x:0.25rem}.g-rg-1,.gy-rg-1{--bs-gutter-y:0.25rem}.g-rg-2,.gx-rg-2{--bs-gutter-x:0.5rem}.g-rg-2,.gy-rg-2{--bs-gutter-y:0.5rem}.g-rg-3,.gx-rg-3{--bs-gutter-x:1rem}.g-rg-3,.gy-rg-3{--bs-gutter-y:1rem}.g-rg-4,.gx-rg-4{--bs-gutter-x:1.5rem}.g-rg-4,.gy-rg-4{--bs-gutter-y:1.5rem}.g-rg-5,.gx-rg-5{--bs-gutter-x:3rem}.g-rg-5,.gy-rg-5{--bs-gutter-y:3rem}}@media (min-width: 780px){.col-md{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-md-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-md-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-md-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-md-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-md-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-md-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-md-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-md-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-md-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-md-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-md-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-md-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width: 1024px){.col-lg{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-lg-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-lg-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-lg-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-lg-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-lg-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-lg-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-lg-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-lg-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-lg-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-lg-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-lg-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-lg-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-lg-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width: 1280px){.col-xl{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xl-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xl-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xl-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xl-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xl-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xl-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xl-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xl-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xl-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xl-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xl-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xl-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xl-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xl-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xl-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xl-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width: 1441px){.col-xxl{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xxl-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xxl-1>*{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xxl-2>*{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xxl-3>*{-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xxl-5>*{-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xxl-6>*{-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xxl-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xxl-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xxl-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xxl-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xxl-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xxl-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xxl-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xxl-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xxl-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xxl-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xxl-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xxl-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.container,.container-fluid,.container-xs{--bs-gutter-x:30px;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}.container{max-width:1440px}.vertical-gutters{margin-bottom:-30px}.vertical-gutters>.col,.vertical-gutters>[class*=col-]{padding-bottom:30px}.row.border-gutters{margin-right:-1px;margin-bottom:-1px;margin-left:0}.row.border-gutters>.col,.row.border-gutters>[class*=col-]{padding-right:1px;padding-bottom:1px;padding-left:0}.container{padding-right:12px;padding-left:12px}.container-reset{margin-right:-12px;margin-left:-12px}.container-reset-left{margin-left:-12px}.container-reset-right{margin-right:-12px}@media (max-width: 399.98px){.container-fluid-xs{padding-right:1rem;padding-left:1rem}}@media (min-width: 400px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 400px){.container-reset{margin-right:-16px;margin-left:-16px}}@media (min-width: 400px){.container-reset-left{margin-left:-16px}}@media (min-width: 400px){.container-reset-right{margin-right:-16px}}@media (min-width: 400px) and (max-width: 599.98px){.container-fluid-sm{padding-right:1rem;padding-left:1rem}}@media (min-width: 600px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 600px){.container-reset{margin-right:-32px;margin-left:-32px}}@media (min-width: 600px){.container-reset-left{margin-left:-32px}}@media (min-width: 600px){.container-reset-right{margin-right:-32px}}@media (min-width: 600px) and (max-width: 779.98px){.container-fluid-rg{padding-right:1rem;padding-left:1rem}}@media (min-width: 780px) and (max-width: 1023.98px){.container-fluid-md{padding-right:1rem;padding-left:1rem}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (min-width: 1024px){.container-reset{margin-right:-40px;margin-left:-40px}}@media (min-width: 1024px){.container-reset-left{margin-left:-40px}}@media (min-width: 1024px){.container-reset-right{margin-right:-40px}}@media (min-width: 1024px) and (max-width: 1279.98px){.container-fluid-lg{padding-right:1rem;padding-left:1rem}}@media (min-width: 1280px){.container{padding-right:128px;padding-left:128px}}@media (min-width: 1280px){.container-reset{margin-right:-128px;margin-left:-128px}}@media (min-width: 1280px){.container-reset-left{margin-left:-128px}}@media (min-width: 1280px){.container-reset-right{margin-right:-128px}}@media (min-width: 1280px) and (max-width: 1440.98px){.container-fluid-xl{padding-right:1rem;padding-left:1rem}}@media (min-width: 1441px){.container-fluid-xxl{padding-right:1rem;padding-left:1rem}}@font-face{font-display:swap;font-family:\"Frutiger Neue For Post\";font-weight:700;src:url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2\") format(\"woff2\"), url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Frutiger Neue For Post\";font-weight:700;font-style:italic;src:url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2\") format(\"woff2\"), url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Frutiger Neue For Post\";font-weight:400;src:url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2\") format(\"woff2\"), url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Frutiger Neue For Post\";font-weight:400;font-style:italic;src:url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2\") format(\"woff2\"), url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Frutiger Neue For Post\";font-weight:300;src:url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2\") format(\"woff2\"), url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Frutiger Neue For Post\";font-weight:300;font-style:italic;src:url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2\") format(\"woff2\"), url(\"https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff\") format(\"woff\")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link,.search-button{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.search-button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.search-button:hover,.nav-link:focus,.search-button:focus{color:black}.nav-link:focus-visible,.search-button:focus-visible{z-index:1;position:relative}.nav-link>svg,.search-button>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.search-button>span{-ms-flex-negative:1;flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:\"Frutiger Neue For Post\", system-ui, sans-serif}button{font:inherit;padding:0}a,button{border-radius:3px;outline:none;outline-offset:2px;}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:3px;position:relative;z-index:1}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{display:block}.search,:host{height:100%}.search-button{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;padding-right:calc(1rem - 1px);padding-left:calc(1rem - 1px)}@media (min-width: 1024px){.search-button{padding:0 calc(1.125rem - 1px)}}@media (min-width: 1280px){.search-button{padding:0 calc(1.5rem - 1px)}}.search-button svg{width:1.5rem;height:1.5rem}@media (min-width: 600px) and (max-width: 1023.98px){.search-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}}.flyout{position:absolute;top:100%;left:0;width:100%;background:white;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;padding-top:3.25rem;padding-bottom:3.25rem;z-index:-1;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 0.35s, -webkit-box-shadow 0.35s;transition:-webkit-transform 0.35s, -webkit-box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s}@media (prefers-reduced-motion: reduce){.flyout{-webkit-transition:none;transition:none}}@media (min-width: 1024px){.flyout{max-height:calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4)}.flyout.open{-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4)}}@media (max-width: 1023.98px){.flyout{height:calc(100vh - var(--header-height) - 1px)}}.flyout.open{-webkit-transform:translateY(0);transform:translateY(0)}.form-floating .form-control,.form-floating .form-control+label{padding-right:3.375rem}.start-search-button{position:absolute;top:0;right:0;height:100%;padding-right:1rem;padding-left:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.start-search-button svg{width:1.5rem;height:1.5rem}.suggestions{margin:1.5rem 0}.suggestions a{padding:0.75rem 1rem}.suggestions a:hover,.suggestions a:focus,.suggestions a.selected{background:#f4f3f1}.suggestions a.parcel-suggestion{-ms-flex-wrap:wrap;flex-wrap:wrap}.search-recommendation__icon{height:1.5em;width:1.5em}";const M=class{constructor(o){t(this,o);this.dropdownToggled=e(this,"dropdownToggled",7);this.searchDropdownOpen=false;this.coveoSuggestions=[];this.placeSuggestions=[];this.parcelSuggestion=null}connectedCallback(){this.throttledResize=l(300,(()=>this.handleResize()));window.addEventListener("resize",this.throttledResize,{passive:true})}disconnectedCallback(){window.removeEventListener("resize",this.throttledResize);a()}componentWillUpdate(){if(this.searchFlyout&&!this.searchDropdownOpen){this.searchFlyout.classList.remove("open");if(m(this.searchFlyout,"transform")&&!d()){return new Promise((o=>{if(this.searchFlyout===undefined){return o(true)}this.searchFlyout.addEventListener("transitionend",(t=>{if(t.propertyName==="transform"){o(true)}}))}))}}}componentDidUpdate(){if(this.searchFlyout&&this.searchDropdownOpen){this.searchFlyout.getBoundingClientRect();this.searchFlyout.classList.add("open")}if(this.searchDropdownOpen&&this.searchBox){this.searchBox.focus({preventScroll:true})}}async toggleDropdown(o){this.searchDropdownOpen=o===undefined||typeof o!=="boolean"?!this.searchDropdownOpen:o;this.dropdownToggled.emit({open:this.searchDropdownOpen,element:this.host});if(!this.searchDropdownOpen){this.coveoSuggestions=[];this.placeSuggestions=[];if(this.searchBox)this.searchBox.value="";this.setFocus()}else{try{this.coveoSuggestions=await I("")}catch(o){}}this.setBodyScroll();return this.searchDropdownOpen}async setFocus(){const o=this.host.shadowRoot;if(o===null){return}const t=o.querySelector(".search-button");if(t){t.focus()}}handleResize(){if(this.searchDropdownOpen){this.setBodyScroll()}}setBodyScroll(){if(this.searchDropdownOpen&&window.innerWidth<1024){n(this.searchFlyout)}else{s(this.searchFlyout)}}async handleSearchInput(){var o;if(this.searchBox===undefined||((o=f.localizedConfig)===null||o===void 0?void 0:o.header.search)===undefined){return}const t=this.searchBox.value.trim();const[e,r,i]=await Promise.all([R(t),I(t),v(t,f.localizedConfig.header.search)]);this.parcelSuggestion=i;if(i){this.placeSuggestions=[];this.coveoSuggestions=[]}else{[this.coveoSuggestions,this.placeSuggestions]=z(r,e,7)}this.deselectSuggestion()}handleKeyDown(o){var t,e,r,i,l;if(this.searchFlyout===undefined){return}const a=this.searchFlyout.querySelector(".suggestions > li > a.selected");const n=(t=a===null||a===void 0?void 0:a.getAttribute("href"))!==null&&t!==void 0?t:null;const s=this.searchFlyout.querySelectorAll(".suggestions > li > a");switch(o.key.toLowerCase()){case"enter":if(n!==null){window.location.href=n}else{this.startSearch()}break;case"arrowdown":this.deselectSuggestion();if((r=(e=a===null||a===void 0?void 0:a.parentElement)===null||e===void 0?void 0:e.nextElementSibling)===null||r===void 0?void 0:r.firstElementChild){a.parentElement.nextElementSibling.firstElementChild.classList.add("selected")}else if(s.length>0){s[0].classList.add("selected")}this.updateSearchBoxWithSuggestion();break;case"arrowup":this.deselectSuggestion();if((l=(i=a===null||a===void 0?void 0:a.parentElement)===null||i===void 0?void 0:i.previousElementSibling)===null||l===void 0?void 0:l.firstElementChild){a.parentElement.previousElementSibling.firstElementChild.classList.add("selected")}else if(s.length>0){s[s.length-1].classList.add("selected")}this.updateSearchBoxWithSuggestion();break}}handleMouseEnterSuggestion(o){this.deselectSuggestion();o.target.classList.add("selected")}handleMouseLeaveSuggestions(){this.deselectSuggestion()}deselectSuggestion(){if(this.searchFlyout===undefined)return;const o=this.searchFlyout.querySelector(".suggestions .selected");if(o){o.classList.remove("selected")}}updateSearchBoxWithSuggestion(){if(this.searchFlyout===undefined)return;const o=this.searchFlyout.querySelector(".suggestions > li > a.selected");const t=o===null||o===void 0?void 0:o.dataset.suggestionText;if(t!==undefined&&this.searchBox){this.searchBox.value=t}}async startSearch(){var o;if(this.searchBox&&((o=f.localizedConfig)===null||o===void 0?void 0:o.header.search)){const o=await k(this.searchBox.value.trim(),f.localizedConfig.header.search);if(!o)return;window.location.href=o}}render(){var t,e,i,l,a,n,s,m,d,p,h,x,b,w;if(((t=f.localizedConfig)===null||t===void 0?void 0:t.header)===undefined){return}const{translations:v,search:k}=f.localizedConfig.header;const y=((e=this.searchBox)===null||e===void 0?void 0:e.value)===""&&((i=k.searchRecommendations)===null||i===void 0?void 0:i.links.length)>0;return o(r,{role:"search"},o(c,null),o("div",{class:"search"},o("button",{id:"post-internet-header-search-button",class:"search-button",type:"button","aria-expanded":`${this.searchDropdownOpen}`,onClick:o=>this.toggleDropdown(o)},o("span",{class:"visually-hidden"},this.searchDropdownOpen?v.searchToggleExpanded:v.searchToggle),o(g,{name:this.searchDropdownOpen?"pi-close":"pi-search"})),o(u,{condition:this.searchDropdownOpen},o("div",{class:"flyout",ref:o=>this.searchFlyout=o},o("div",{class:"container box"},o("div",{class:"row"},o("div",{class:"col-xs-12 col-md-10 col-lg-8"},o("div",{class:"form-group form-floating"},o("input",{type:"text",role:"searchbox",id:"searchBox",class:"form-control form-control-lg",placeholder:v.flyoutSearchBoxFloatingLabel,autocomplete:"off",ref:o=>this.searchBox=o,onInput:()=>this.handleSearchInput(),onKeyDown:o=>this.handleKeyDown(o)}),o("label",{htmlFor:"searchBox"},v.flyoutSearchBoxFloatingLabel),o("button",{onClick:()=>this.startSearch(),class:"nav-link start-search-button"},o("span",{class:"visually-hidden"},v.searchSubmit),o(g,{name:"pi-search"}))),y&&o("h2",{id:"post-internet-header-search-recommendations-title",class:"bold"},k.searchRecommendations.title),o("ul",{class:"suggestions no-list",onMouseLeave:()=>this.handleMouseLeaveSuggestions(),"aria-labelledby":y?"post-internet-header-search-recommendations-title":undefined},y&&k.searchRecommendations.links.map((t=>o("li",{key:t.href},o("a",{class:"nav-link search-recommendation",href:new URL(t.href,"https://post.ch").href,"data-suggestion-text":t.label,onMouseEnter:o=>this.handleMouseEnterSuggestion(o)},o("span",{class:"search-recommendation__icon",innerHTML:t.inlineSvg}),o("span",null,t.label))))),this.parcelSuggestion&&this.parcelSuggestion.ok&&o("li",null,o("a",{class:"nav-link parcel-suggestion",href:this.parcelSuggestion.url,"data-suggestion-text":(l=this.searchBox)===null||l===void 0?void 0:l.value,onMouseEnter:o=>this.handleMouseEnterSuggestion(o)},o(g,{name:"pi-letter-parcel"}),o("span",{class:"bold"},(n=(a=this.parcelSuggestion)===null||a===void 0?void 0:a.sending)===null||n===void 0?void 0:n.id,": "),o("span",null,(m=(s=this.parcelSuggestion)===null||s===void 0?void 0:s.sending)===null||m===void 0?void 0:m.product,","," ",(p=(d=this.parcelSuggestion)===null||d===void 0?void 0:d.sending)===null||p===void 0?void 0:p.recipient.zipcode," ",(x=(h=this.parcelSuggestion)===null||h===void 0?void 0:h.sending)===null||x===void 0?void 0:x.recipient.city,","," ",(w=(b=this.parcelSuggestion)===null||b===void 0?void 0:b.sending)===null||w===void 0?void 0:w.state))),!y&&this.coveoSuggestions&&this.coveoSuggestions.map((t=>o("li",{key:t.objectId},o("a",{class:"nav-link",href:t.redirectUrl,"data-suggestion-text":t.expression,onMouseEnter:o=>this.handleMouseEnterSuggestion(o)},o(g,{name:"pi-search"}),o(S,{text:t.highlighted}))))),!y&&this.placeSuggestions&&this.placeSuggestions.map((t=>{var e,r;return o("li",{key:t.id},o("a",{class:"nav-link",href:O(t),"data-suggestion-text":t.name,onMouseEnter:o=>this.handleMouseEnterSuggestion(o)},o(g,{name:"pi-place"}),o(S,{text:A((r=(e=this.searchBox)===null||e===void 0?void 0:e.value)===null||r===void 0?void 0:r.trim(),t.name)})))}))))))))))}get host(){return i(this)}};M.style=P;export{M as post_search};
+//# sourceMappingURL=p-74b9dcce.entry.js.map