@swisspost/internet-header 1.13.0 → 1.13.2

package/dist/collection/components/post-internet-footer/post-internet-footer.js

@@ -7,96 +7,96 @@ import { PostFooterBlockAddress } from "./components/post-footer-block-address.c
 import { PostFooterBlockContact } from "./components/post-footer-block-contact.component";
 import { translate } from "../../services/language.service";
 export class PostInternetFooter {
-  constructor() {
-    this.liveSupportEnabled = false;
-    this.cookieSettingsEnabled = false;
-    this.liveSupportEnabled = this.unbluEnabled();
-    this.cookieSettingsEnabled = this.ucUIEnabled();
+    constructor() {
+        this.liveSupportEnabled = false;
+        this.cookieSettingsEnabled = false;
+        this.liveSupportEnabled = this.unbluEnabled();
+        this.cookieSettingsEnabled = this.ucUIEnabled();
+        /**
+         * If the unblu script is not available, wait 5 seconds for it to load.
+         * If it's still not there after 5 seconds, abandon efforts and don't
+         * show the live support button.
+         */
+        if (!this.liveSupportEnabled) {
+            let intervalId;
+            let runs = 0;
+            const checker = () => {
+                const unbluEnabled = this.unbluEnabled();
+                const ucUIEnabled = this.ucUIEnabled();
+                const isEnabled = unbluEnabled && ucUIEnabled;
+                if (unbluEnabled) {
+                    this.liveSupportEnabled = true;
+                }
+                if (ucUIEnabled) {
+                    this.cookieSettingsEnabled = true;
+                }
+                if (isEnabled || runs >= 5) {
+                    window.clearInterval(intervalId);
+                }
+                runs++;
+            };
+            intervalId = window.setInterval(checker, 1000);
+        }
+    }
     /**
-     * If the unblu script is not available, wait 5 seconds for it to load.
-     * If it's still not there after 5 seconds, abandon efforts and don't
-     * show the live support button.
+     * Check if the unblu live support script is loaded
+     * @returns Boolean
      */
-    if (!this.liveSupportEnabled) {
-      let intervalId;
-      let runs = 0;
-      const checker = () => {
-        const unbluEnabled = this.unbluEnabled();
-        const ucUIEnabled = this.ucUIEnabled();
-        const isEnabled = unbluEnabled && ucUIEnabled;
-        if (unbluEnabled) {
-          this.liveSupportEnabled = true;
+    unbluEnabled() {
+        return typeof window['unbluLSLoad'] === 'function';
+    }
+    ucUIEnabled() {
+        return (typeof window['UC_UI'] === 'object' &&
+            typeof window['UC_UI']['showSecondLayer'] === 'function');
+    }
+    handleCookieSettingsClick() {
+        window['UC_UI']['showSecondLayer']();
+    }
+    render() {
+        var _a;
+        // There is something wrong entirely
+        if (!state) {
+            console.warn(`Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`);
+            return null;
         }
-        if (ucUIEnabled) {
-          this.cookieSettingsEnabled = true;
+        // Config has not loaded yet
+        if (!state.localizedConfig) {
+            return null;
         }
-        if (isEnabled || runs >= 5) {
-          window.clearInterval(intervalId);
+        // There's no footer config
+        if (!state.localizedConfig.footer) {
+            console.warn(`Internet Footer: Current project "${state.projectId}" does not include a footer config. The footer will not be rendered. Remove `, document.querySelector('swisspost-internet-footer'), `from your markup or configure the footer in your portal config to stop seeing this warning.`);
+            return null;
         }
-        runs++;
-      };
-      intervalId = window.setInterval(checker, 1000);
+        const footerConfig = state.localizedConfig.footer;
+        const customFooterConfig = (_a = state.localizedCustomConfig) === null || _a === void 0 ? void 0 : _a.footer;
+        return (h(Host, null, h(SvgSprite, null), h("footer", { class: "post-internet-footer light font-curve-regular" }, h("h2", { class: "visually-hidden" }, footerConfig.title), (customFooterConfig === null || customFooterConfig === void 0 ? void 0 : customFooterConfig.block) && h(PostFooterBlockCustom, { block: customFooterConfig === null || customFooterConfig === void 0 ? void 0 : customFooterConfig.block }), h("div", { class: "footer-container container" }, footerConfig.block
+            .filter(block => block.columnType === 'list')
+            .map(block => (h(PostFooterBlockList, { key: block.title, block: block }))), footerConfig.block
+            .filter(block => block.columnType === 'contact')
+            .map(block => (h(PostFooterBlockContact, { key: block.title, block: block, liveSupportEnabled: this.liveSupportEnabled }))), footerConfig.block
+            .filter(block => block.columnType === 'address')
+            .map(block => (h(PostFooterBlockAddress, { key: block.title, block: block })))), h("div", { class: "copyright container" }, h("span", { class: "bold" }, footerConfig.entry.text), h("ul", { class: "no-list footer-meta-links" }, footerConfig.links
+            ? footerConfig.links.map(link => (h("li", { key: link.url }, h("a", { class: "nav-link", href: link.url, target: link.target }, link.text))))
+            : null, this.cookieSettingsEnabled && (h("li", null, h("button", { class: "nav-link cookie-settings", onClick: this.handleCookieSettingsClick }, translate('Cookie Settings')))))))));
     }
-  }
-  /**
-   * Check if the unblu live support script is loaded
-   * @returns Boolean
-   */
-  unbluEnabled() {
-    return typeof window['unbluLSLoad'] === 'function';
-  }
-  ucUIEnabled() {
-    return (typeof window['UC_UI'] === 'object' &&
-      typeof window['UC_UI']['showSecondLayer'] === 'function');
-  }
-  handleCookieSettingsClick() {
-    window['UC_UI']['showSecondLayer']();
-  }
-  render() {
-    var _a;
-    // There is something wrong entirely
-    if (!state) {
-      console.warn(`Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`);
-      return null;
+    static get is() { return "swisspost-internet-footer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["post-internet-footer.scss"]
+        };
     }
-    // Config has not loaded yet
-    if (!state.localizedConfig) {
-      return null;
+    static get styleUrls() {
+        return {
+            "$": ["post-internet-footer.css"]
+        };
     }
-    // There's no footer config
-    if (!state.localizedConfig.footer) {
-      console.warn(`Internet Footer: Current project "${state.projectId}" does not include a footer config. The footer will not be rendered. Remove `, document.querySelector('swisspost-internet-footer'), `from your markup or configure the footer in your portal config to stop seeing this warning.`);
-      return null;
+    static get states() {
+        return {
+            "liveSupportEnabled": {},
+            "cookieSettingsEnabled": {}
+        };
     }
-    const footerConfig = state.localizedConfig.footer;
-    const customFooterConfig = (_a = state.localizedCustomConfig) === null || _a === void 0 ? void 0 : _a.footer;
-    return (h(Host, null, h(SvgSprite, null), h("footer", { class: "post-internet-footer light font-curve-regular" }, h("h2", { class: "visually-hidden" }, footerConfig.title), (customFooterConfig === null || customFooterConfig === void 0 ? void 0 : customFooterConfig.block) && h(PostFooterBlockCustom, { block: customFooterConfig === null || customFooterConfig === void 0 ? void 0 : customFooterConfig.block }), h("div", { class: "footer-container container" }, footerConfig.block
-      .filter(block => block.columnType === 'list')
-      .map(block => (h(PostFooterBlockList, { key: block.title, block: block }))), footerConfig.block
-      .filter(block => block.columnType === 'contact')
-      .map(block => (h(PostFooterBlockContact, { key: block.title, block: block, liveSupportEnabled: this.liveSupportEnabled }))), footerConfig.block
-      .filter(block => block.columnType === 'address')
-      .map(block => (h(PostFooterBlockAddress, { key: block.title, block: block })))), h("div", { class: "copyright container" }, h("span", { class: "bold" }, footerConfig.entry.text), h("ul", { class: "no-list footer-meta-links" }, footerConfig.links
-      ? footerConfig.links.map(link => (h("li", { key: link.url }, h("a", { class: "nav-link", href: link.url, target: link.target }, link.text))))
-      : null, this.cookieSettingsEnabled && (h("li", null, h("button", { class: "nav-link cookie-settings", onClick: this.handleCookieSettingsClick }, translate('Cookie Settings')))))))));
-  }
-  static get is() { return "swisspost-internet-footer"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["post-internet-footer.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["post-internet-footer.css"]
-    };
-  }
-  static get states() {
-    return {
-      "liveSupportEnabled": {},
-      "cookieSettingsEnabled": {}
-    };
-  }
 }
 //# sourceMappingURL=post-internet-footer.js.map

package/dist/collection/components/post-internet-footer/post-internet-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-internet-footer.js","sourceRoot":"","sources":["../../../../src/components/post-internet-footer/post-internet-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, State } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { PostFooterBlockCustom } from './components/post-footer-block-custom.component';\nimport { PostFooterBlockList } from './components/post-footer-block-list.component';\nimport { PostFooterBlockAddress } from './components/post-footer-block-address.component';\nimport { PostFooterBlockContact } from './components/post-footer-block-contact.component';\nimport { translate } from '../../services/language.service';\n\n@Component({\n  tag: 'swisspost-internet-footer',\n  styleUrl: 'post-internet-footer.scss',\n  shadow: true,\n})\nexport class PostInternetFooter {\n  @State() liveSupportEnabled = false;\n  @State() cookieSettingsEnabled = false;\n\n  constructor() {\n    this.liveSupportEnabled = this.unbluEnabled();\n    this.cookieSettingsEnabled = this.ucUIEnabled();\n\n    /**\n     * If the unblu script is not available, wait 5 seconds for it to load.\n     * If it's still not there after 5 seconds, abandon efforts and don't\n     * show the live support button.\n     */\n    if (!this.liveSupportEnabled) {\n      let intervalId: number;\n      let runs = 0;\n\n      const checker = () => {\n        const unbluEnabled = this.unbluEnabled();\n        const ucUIEnabled = this.ucUIEnabled();\n        const isEnabled = unbluEnabled && ucUIEnabled;\n        if (unbluEnabled) {\n          this.liveSupportEnabled = true;\n        }\n        if (ucUIEnabled) {\n          this.cookieSettingsEnabled = true;\n        }\n        if (isEnabled || runs >= 5) {\n          window.clearInterval(intervalId);\n        }\n        runs++;\n      };\n\n      intervalId = window.setInterval(checker, 1000);\n    }\n  }\n\n  /**\n   * Check if the unblu live support script is loaded\n   * @returns Boolean\n   */\n  private unbluEnabled(): boolean {\n    return typeof window['unbluLSLoad'] === 'function';\n  }\n\n  private ucUIEnabled(): boolean {\n    return (\n      typeof window['UC_UI'] === 'object' &&\n      typeof window['UC_UI']['showSecondLayer'] === 'function'\n    );\n  }\n\n  private handleCookieSettingsClick() {\n    window['UC_UI']['showSecondLayer']();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config has not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // There's no footer config\n    if (!state.localizedConfig.footer) {\n      console.warn(\n        `Internet Footer: Current project \"${state.projectId}\" does not include a footer config. The footer will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-footer'),\n        `from your markup or configure the footer in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const footerConfig = state.localizedConfig.footer;\n    const customFooterConfig = state.localizedCustomConfig?.footer;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <footer class=\"post-internet-footer light font-curve-regular\">\n          <h2 class=\"visually-hidden\">{footerConfig.title}</h2>\n          {customFooterConfig?.block && <PostFooterBlockCustom block={customFooterConfig?.block} />}\n          <div class=\"footer-container container\">\n            {footerConfig.block\n              .filter(block => block.columnType === 'list')\n              .map(block => (\n                <PostFooterBlockList key={block.title} block={block} />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'contact')\n              .map(block => (\n                <PostFooterBlockContact\n                  key={block.title}\n                  block={block}\n                  liveSupportEnabled={this.liveSupportEnabled}\n                />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'address')\n              .map(block => (\n                <PostFooterBlockAddress key={block.title} block={block} />\n              ))}\n          </div>\n          <div class=\"copyright container\">\n            <span class=\"bold\">{footerConfig.entry.text}</span>\n            <ul class=\"no-list footer-meta-links\">\n              {footerConfig.links\n                ? footerConfig.links.map(link => (\n                    <li key={link.url}>\n                      <a class=\"nav-link\" href={link.url} target={link.target}>\n                        {link.text}\n                      </a>\n                    </li>\n                  ))\n                : null}\n              {this.cookieSettingsEnabled && (\n                <li>\n                  <button class=\"nav-link cookie-settings\" onClick={this.handleCookieSettingsClick}>\n                    {translate('Cookie Settings')}\n                  </button>\n                </li>\n              )}\n            </ul>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"post-internet-footer.js","sourceRoot":"","sources":["../../../../src/components/post-internet-footer/post-internet-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, State } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { PostFooterBlockCustom } from './components/post-footer-block-custom.component';\nimport { PostFooterBlockList } from './components/post-footer-block-list.component';\nimport { PostFooterBlockAddress } from './components/post-footer-block-address.component';\nimport { PostFooterBlockContact } from './components/post-footer-block-contact.component';\nimport { translate } from '../../services/language.service';\n\n@Component({\n  tag: 'swisspost-internet-footer',\n  styleUrl: 'post-internet-footer.scss',\n  shadow: true,\n})\nexport class PostInternetFooter {\n  @State() liveSupportEnabled = false;\n  @State() cookieSettingsEnabled = false;\n\n  constructor() {\n    this.liveSupportEnabled = this.unbluEnabled();\n    this.cookieSettingsEnabled = this.ucUIEnabled();\n\n    /**\n     * If the unblu script is not available, wait 5 seconds for it to load.\n     * If it's still not there after 5 seconds, abandon efforts and don't\n     * show the live support button.\n     */\n    if (!this.liveSupportEnabled) {\n      let intervalId: number;\n      let runs = 0;\n\n      const checker = () => {\n        const unbluEnabled = this.unbluEnabled();\n        const ucUIEnabled = this.ucUIEnabled();\n        const isEnabled = unbluEnabled && ucUIEnabled;\n        if (unbluEnabled) {\n          this.liveSupportEnabled = true;\n        }\n        if (ucUIEnabled) {\n          this.cookieSettingsEnabled = true;\n        }\n        if (isEnabled || runs >= 5) {\n          window.clearInterval(intervalId);\n        }\n        runs++;\n      };\n\n      intervalId = window.setInterval(checker, 1000);\n    }\n  }\n\n  /**\n   * Check if the unblu live support script is loaded\n   * @returns Boolean\n   */\n  private unbluEnabled(): boolean {\n    return typeof window['unbluLSLoad'] === 'function';\n  }\n\n  private ucUIEnabled(): boolean {\n    return (\n      typeof window['UC_UI'] === 'object' &&\n      typeof window['UC_UI']['showSecondLayer'] === 'function'\n    );\n  }\n\n  private handleCookieSettingsClick() {\n    window['UC_UI']['showSecondLayer']();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config has not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // There's no footer config\n    if (!state.localizedConfig.footer) {\n      console.warn(\n        `Internet Footer: Current project \"${state.projectId}\" does not include a footer config. The footer will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-footer'),\n        `from your markup or configure the footer in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const footerConfig = state.localizedConfig.footer;\n    const customFooterConfig = state.localizedCustomConfig?.footer;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <footer class=\"post-internet-footer light font-curve-regular\">\n          <h2 class=\"visually-hidden\">{footerConfig.title}</h2>\n          {customFooterConfig?.block && <PostFooterBlockCustom block={customFooterConfig?.block} />}\n          <div class=\"footer-container container\">\n            {footerConfig.block\n              .filter(block => block.columnType === 'list')\n              .map(block => (\n                <PostFooterBlockList key={block.title} block={block} />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'contact')\n              .map(block => (\n                <PostFooterBlockContact\n                  key={block.title}\n                  block={block}\n                  liveSupportEnabled={this.liveSupportEnabled}\n                />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'address')\n              .map(block => (\n                <PostFooterBlockAddress key={block.title} block={block} />\n              ))}\n          </div>\n          <div class=\"copyright container\">\n            <span class=\"bold\">{footerConfig.entry.text}</span>\n            <ul class=\"no-list footer-meta-links\">\n              {footerConfig.links\n                ? footerConfig.links.map(link => (\n                    <li key={link.url}>\n                      <a class=\"nav-link\" href={link.url} target={link.target}>\n                        {link.text}\n                      </a>\n                    </li>\n                  ))\n                : null}\n              {this.cookieSettingsEnabled && (\n                <li>\n                  <button class=\"nav-link cookie-settings\" onClick={this.handleCookieSettingsClick}>\n                    {translate('Cookie Settings')}\n                  </button>\n                </li>\n              )}\n            </ul>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/post-internet-header/logo-animation/logo-animation.js

@@ -2,48 +2,48 @@ import { debounce } from "throttle-debounce";
 import { state } from "../../../data/store";
 import { getScrollParent } from "../../../utils/scrollparent";
 export const registerLogoAnimationObserver = (target, headerRef) => {
-  const scrollParent = getScrollParent(headerRef);
-  /**
-   * Set intersection ratio as CSS custom property
-   */
-  const handleScroll = () => {
-    const fullStickyness = state.stickyness === 'full';
-    let scale = 1;
-    // Minus 1px border at the bottom that the logo is not covering
-    const adjustedHeaderHeight = headerRef.clientHeight - 1;
-    const scrollDistance = scrollParent instanceof Element ? scrollParent.scrollTop : scrollParent.documentElement.scrollTop;
-    const scrollY = fullStickyness ? 0 : scrollDistance;
-    // If meta navigation is not visible (mobile, not configured), scale should just be 1
-    if (target.clientHeight > 0) {
-      scale = Math.max((adjustedHeaderHeight - Math.max(scrollY, 0)) /
-        (adjustedHeaderHeight - target.clientHeight), 1);
-    }
-    headerRef.style.setProperty('--logo-scale', scale.toString());
-  };
-  const debounced = debounce(150, handleScroll);
-  /**
-   * Observe the meta navigation in order to not track scroll events throughout the whole page.
-   * This ensures that the scroll listener is only active while the meta navigation is visible.
-   */
-  const observer = new IntersectionObserver(entries => {
-    entries.forEach(entry => {
-      if (entry.isIntersecting && entry.intersectionRatio > 0) {
-        scrollParent.addEventListener('scroll', handleScroll, { passive: true });
-        window.addEventListener('resize', debounced);
-        // Ensure callback is called at least once in case main thread is too busy while scrolling up
-        window.requestAnimationFrame(handleScroll);
-      }
-      else {
-        scrollParent.removeEventListener('scroll', handleScroll);
-        window.removeEventListener('resize', debounced);
-        window.requestAnimationFrame(handleScroll);
-      }
+    const scrollParent = getScrollParent(headerRef);
+    /**
+     * Set intersection ratio as CSS custom property
+     */
+    const handleScroll = () => {
+        const fullStickyness = state.stickyness === 'full';
+        let scale = 1;
+        // Minus 1px border at the bottom that the logo is not covering
+        const adjustedHeaderHeight = headerRef.clientHeight - 1;
+        const scrollDistance = scrollParent instanceof Element ? scrollParent.scrollTop : scrollParent.documentElement.scrollTop;
+        const scrollY = fullStickyness ? 0 : scrollDistance;
+        // If meta navigation is not visible (mobile, not configured), scale should just be 1
+        if (target.clientHeight > 0) {
+            scale = Math.max((adjustedHeaderHeight - Math.max(scrollY, 0)) /
+                (adjustedHeaderHeight - target.clientHeight), 1);
+        }
+        headerRef.style.setProperty('--logo-scale', scale.toString());
+    };
+    const debounced = debounce(150, handleScroll);
+    /**
+     * Observe the meta navigation in order to not track scroll events throughout the whole page.
+     * This ensures that the scroll listener is only active while the meta navigation is visible.
+     */
+    const observer = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting && entry.intersectionRatio > 0) {
+                scrollParent.addEventListener('scroll', handleScroll, { passive: true });
+                window.addEventListener('resize', debounced);
+                // Ensure callback is called at least once in case main thread is too busy while scrolling up
+                window.requestAnimationFrame(handleScroll);
+            }
+            else {
+                scrollParent.removeEventListener('scroll', handleScroll);
+                window.removeEventListener('resize', debounced);
+                window.requestAnimationFrame(handleScroll);
+            }
+        });
+    }, {
+        // Fires when element leaves viewport (0) and when it just about enters it (0.001)
+        threshold: [0, 0.001],
     });
-  }, {
-    // Fires when element leaves viewport (0) and when it just about enters it (0.001)
-    threshold: [0, 0.001],
-  });
-  observer.observe(target);
-  return handleScroll;
+    observer.observe(target);
+    return handleScroll;
 };
 //# sourceMappingURL=logo-animation.js.map

package/dist/collection/components/post-internet-header/logo-animation/logo-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo-animation.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-header/logo-animation/logo-animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,MAAmB,EACnB,SAA6C,EAC7C,EAAE;EACF,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;EAEhD;;KAEG;EACH,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IACnD,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,+DAA+D;IAC/D,MAAM,oBAAoB,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,YAAY,YAAY,OAAO,CAAE,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC;IAC1H,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;IAEpD,qFAAqF;IACrF,IAAI,MAAM,CAAC,YAAY,GAAG,CAAC,EAAE;MAC3B,KAAK,GAAG,IAAI,CAAC,GAAG,CACd,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC,oBAAoB,GAAG,MAAM,CAAC,YAAY,CAAC,EAC9C,CAAC,CACF,CAAC;KACH;IACD,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;EAChE,CAAC,CAAC;EAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;EAE9C;;;KAGG;EACH,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,OAAO,CAAC,EAAE;IACR,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;MACtB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;QACvD,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAE7C,6FAA6F;QAC7F,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;OAC5C;WAAM;QACL,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;OAC5C;IACH,CAAC,CAAC,CAAC;EACL,CAAC,EACD;IACE,kFAAkF;IAClF,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC;GACtB,CACF,CAAC;EACF,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;EAEzB,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import { debounce } from 'throttle-debounce';\nimport { state } from '../../../data/store';\nimport { getScrollParent } from '../../../utils/scrollparent';\n\nexport const registerLogoAnimationObserver = (\n  target: HTMLElement,\n  headerRef: HTMLSwisspostInternetHeaderElement,\n) => {\n  const scrollParent = getScrollParent(headerRef);\n\n  /**\n   * Set intersection ratio as CSS custom property\n   */\n  const handleScroll = () => {\n    const fullStickyness = state.stickyness === 'full';\n    let scale = 1;\n    // Minus 1px border at the bottom that the logo is not covering\n    const adjustedHeaderHeight = headerRef.clientHeight - 1;\n    const scrollDistance = scrollParent instanceof Element  ? scrollParent.scrollTop : scrollParent.documentElement.scrollTop;\n    const scrollY = fullStickyness ? 0 : scrollDistance;\n\n    // If meta navigation is not visible (mobile, not configured), scale should just be 1\n    if (target.clientHeight > 0) {\n      scale = Math.max(\n        (adjustedHeaderHeight - Math.max(scrollY, 0)) /\n          (adjustedHeaderHeight - target.clientHeight),\n        1,\n      );\n    }\n    headerRef.style.setProperty('--logo-scale', scale.toString());\n  };\n\n  const debounced = debounce(150, handleScroll);\n\n  /**\n   * Observe the meta navigation in order to not track scroll events throughout the whole page.\n   * This ensures that the scroll listener is only active while the meta navigation is visible.\n   */\n  const observer = new IntersectionObserver(\n    entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && entry.intersectionRatio > 0) {\n          scrollParent.addEventListener('scroll', handleScroll, { passive: true });\n          window.addEventListener('resize', debounced);\n\n          // Ensure callback is called at least once in case main thread is too busy while scrolling up\n          window.requestAnimationFrame(handleScroll);\n        } else {\n          scrollParent.removeEventListener('scroll', handleScroll);\n          window.removeEventListener('resize', debounced);\n          window.requestAnimationFrame(handleScroll);\n        }\n      });\n    },\n    {\n      // Fires when element leaves viewport (0) and when it just about enters it (0.001)\n      threshold: [0, 0.001],\n    },\n  );\n  observer.observe(target);\n\n  return handleScroll;\n};\n"]}
+{"version":3,"file":"logo-animation.js","sourceRoot":"","sources":["../../../../../src/components/post-internet-header/logo-animation/logo-animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,MAAmB,EACnB,SAA6C,EAC7C,EAAE;IACF,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAEhD;;OAEG;IACH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;QACnD,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,+DAA+D;QAC/D,MAAM,oBAAoB,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;QACxD,MAAM,cAAc,GAAG,YAAY,YAAY,OAAO,CAAE,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC;QAC1H,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QAEpD,qFAAqF;QACrF,IAAI,MAAM,CAAC,YAAY,GAAG,CAAC,EAAE;YAC3B,KAAK,GAAG,IAAI,CAAC,GAAG,CACd,CAAC,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;gBAC3C,CAAC,oBAAoB,GAAG,MAAM,CAAC,YAAY,CAAC,EAC9C,CAAC,CACF,CAAC;SACH;QACD,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAE9C;;;OAGG;IACH,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACtB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;gBACvD,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACzE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAE7C,6FAA6F;gBAC7F,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;aAC5C;iBAAM;gBACL,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;gBACzD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAChD,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD;QACE,kFAAkF;QAClF,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC;KACtB,CACF,CAAC;IACF,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEzB,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC","sourcesContent":["import { debounce } from 'throttle-debounce';\nimport { state } from '../../../data/store';\nimport { getScrollParent } from '../../../utils/scrollparent';\n\nexport const registerLogoAnimationObserver = (\n  target: HTMLElement,\n  headerRef: HTMLSwisspostInternetHeaderElement,\n) => {\n  const scrollParent = getScrollParent(headerRef);\n\n  /**\n   * Set intersection ratio as CSS custom property\n   */\n  const handleScroll = () => {\n    const fullStickyness = state.stickyness === 'full';\n    let scale = 1;\n    // Minus 1px border at the bottom that the logo is not covering\n    const adjustedHeaderHeight = headerRef.clientHeight - 1;\n    const scrollDistance = scrollParent instanceof Element  ? scrollParent.scrollTop : scrollParent.documentElement.scrollTop;\n    const scrollY = fullStickyness ? 0 : scrollDistance;\n\n    // If meta navigation is not visible (mobile, not configured), scale should just be 1\n    if (target.clientHeight > 0) {\n      scale = Math.max(\n        (adjustedHeaderHeight - Math.max(scrollY, 0)) /\n          (adjustedHeaderHeight - target.clientHeight),\n        1,\n      );\n    }\n    headerRef.style.setProperty('--logo-scale', scale.toString());\n  };\n\n  const debounced = debounce(150, handleScroll);\n\n  /**\n   * Observe the meta navigation in order to not track scroll events throughout the whole page.\n   * This ensures that the scroll listener is only active while the meta navigation is visible.\n   */\n  const observer = new IntersectionObserver(\n    entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && entry.intersectionRatio > 0) {\n          scrollParent.addEventListener('scroll', handleScroll, { passive: true });\n          window.addEventListener('resize', debounced);\n\n          // Ensure callback is called at least once in case main thread is too busy while scrolling up\n          window.requestAnimationFrame(handleScroll);\n        } else {\n          scrollParent.removeEventListener('scroll', handleScroll);\n          window.removeEventListener('resize', debounced);\n          window.requestAnimationFrame(handleScroll);\n        }\n      });\n    },\n    {\n      // Fires when element leaves viewport (0) and when it just about enters it (0.001)\n      threshold: [0, 0.001],\n    },\n  );\n  observer.observe(target);\n\n  return handleScroll;\n};\n"]}

package/dist/collection/components/post-internet-header/post-internet-header.css

@@ -1 +1 @@
-@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);transition:color 200ms;background-color:rgba(0,0,0,0);box-shadow:none;border:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;flex-shrink:0}.nav-link>span{flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media(forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{transform:scaleX(-1)}.rotate-270{transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}@media(min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media(max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media(min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media(min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media(max-width: -0.02px){.hidden-xs{display:none}}@media(max-width: 399.98px){.hidden-sm{display:none}}@media(max-width: 599.98px){.hidden-rg{display:none}}@media(max-width: 779.98px){.hidden-md{display:none}}@media(max-width: 1023.98px){.hidden-lg{display:none}}@media(max-width: 1279.98px){.hidden-xl{display:none}}@media(max-width: 1440.98px){.hidden-xxl{display:none}}:host{--logo-scale: 1}@media(max-width: 1023.98px){:host{--logo-scale: 1 !important}}post-logo{height:var(--header-height);transform-origin:bottom left;transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height)*var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height: 3.5rem;--meta-header-height: 0px;--language-dropdown-margin-top: 0px}@media(min-width: 1024px){:host{--meta-header-height: 3rem;--header-height: 4rem}}@media(min-width: 1280px){:host{--header-height: 4.5rem}}:host([meta=false]){--meta-header-height: 0px;--language-dropdown-margin-top: 1px}@supports(position: sticky){:host(:not(.stickyness-none)){position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px)*-1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px)*-1);transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px)*-1);transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid #e6e6e6;background-color:#fff}.main-navigation-container{display:flex}.main-navigation-container>.main-navigation-controls{flex:0 0 auto}.main-navigation{display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:flex;background:#fff;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:flex;margin-left:auto}@media(max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media(min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid #e6e6e6}.menu-button{display:flex;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid #e6e6e6;order:1}@media(min-width: 1024px){.menu-button{display:none}}@media(min-width: 600px)and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}
+@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);transition:color 200ms;background-color:rgba(0,0,0,0);box-shadow:none;border:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;flex-shrink:0}.nav-link>span{flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media(forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{transform:scaleX(-1)}.rotate-270{transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}@media(min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media(max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media(min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media(min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media(max-width: -0.02px){.hidden-xs{display:none}}@media(max-width: 399.98px){.hidden-sm{display:none}}@media(max-width: 599.98px){.hidden-rg{display:none}}@media(max-width: 779.98px){.hidden-md{display:none}}@media(max-width: 1023.98px){.hidden-lg{display:none}}@media(max-width: 1279.98px){.hidden-xl{display:none}}@media(max-width: 1440.98px){.hidden-xxl{display:none}}:host{--logo-scale: 1}@media(max-width: 1023.98px){:host{--logo-scale: 1 !important}}post-logo{height:var(--header-height);transform-origin:bottom left;transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height)*var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height: 3.5rem;--meta-header-height: 0px;--language-dropdown-margin-top: 0px}@media(min-width: 1024px){:host{--meta-header-height: 3rem;--header-height: 4rem}}@media(min-width: 1280px){:host{--header-height: 4.5rem}}:host([meta=false]){--meta-header-height: 0px;--language-dropdown-margin-top: 1px}@supports(position: sticky){:host(:not(.stickyness-none)){position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px)*-1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px)*-1);transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px)*-1);transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid #e6e6e6;background-color:#fff}.main-navigation-container{display:flex}.main-navigation-container>.main-navigation-controls{flex:0 1 auto}.main-navigation{display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:flex;background:#fff;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:flex;margin-left:auto}@media(max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media(min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid #e6e6e6;flex:0 0 auto}.main-navigation-custom-content{max-height:var(--header-height);display:flex;align-items:center;flex-shrink:1}.menu-button{display:flex;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid #e6e6e6;order:1}@media(min-width: 1024px){.menu-button{display:none}}@media(min-width: 600px)and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}