@swisspost/internet-header 1.16.5 → 10.1.0

package/dist/components/post-main-navigation2.js

@@ -1,261 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { t as throttle } from './index2.js';
-import { s as state } from './store.js';
-import { u as userPrefersReducedMotion } from './ui.service.js';
-import { t as translate } from './language.service.js';
-import { S as SvgSprite } from './svg-sprite.component.js';
-import { S as SvgIcon } from './svg-icon.component.js';
-
-const LevelOneAction = (props) => {
-    var _a, _b;
-    const TagName = props.level.url !== undefined ? 'a' : 'button';
-    const title = (_a = props.level.title) === null || _a === void 0 ? void 0 : _a.trim();
-    const text = (_b = props.level.text) === null || _b === void 0 ? void 0 : _b.trim();
-    return (h(TagName, { class: {
-            'main-link': true,
-            'active': !!props.level.isActiveOverride,
-            'focus': props.isOpen,
-        }, href: props.level.url, title: title !== undefined && title !== text ? props.level.title : undefined, tabindex: props.level.url !== undefined ? undefined : 0, "aria-haspopup": !props.level.noFlyout + '', onTouchEnd: e => props.onTouchEnd(e), onKeyDown: e => props.onKeyDown(e), onClick: e => props.onClick(e) },
-        h("span", null, props.level.text),
-        props.level.isActiveOverride ? (h("span", { class: "visually-hidden" }, translate('Active navigation element'))) : null,
-        h("svg", { "aria-hidden": "true" },
-            h("use", { href: "#pi-pointy-arrow-right" }))));
-};
-
-const postMainNavigationCss = ".flyout-nav,.flyout-column h3{font-size:.9375rem}@media (min-width: 600px){.flyout-nav,.flyout-column h3{font-size:1rem}}@media (min-width: 1024px){.flyout-nav,.flyout-column h3{font-size:1.0625rem}}.flyout-title{font-size:1.0625rem}@media (min-width: 600px){.flyout-title{font-size:1.25rem}}@media (min-width: 1024px){.flyout-title{font-size:1.5rem}}@font-face{font-display:swap;font-family:\"Swiss Post Sans\";font-weight:700;src:url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff2\") format(\"woff2\"),url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Swiss Post Sans\";font-weight:400;src:url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff2\") format(\"woff2\"),url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Swiss Post Sans\";font-weight:300;src:url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff2\") format(\"woff2\"),url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.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,.main-link,.flyout-close-button,.flyout-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.main-link:hover,.flyout-close-button:hover,.flyout-link:hover,.nav-link:focus,.main-link:focus,.flyout-close-button:focus,.flyout-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg,.main-link>svg,.flyout-close-button>svg,.flyout-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.main-link>span,.flyout-close-button>span,.flyout-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.main-container,.flyout-linklist{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:\"Swiss Post Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,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),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){svg{color:currentColor;forced-color-adjust:preserve-parent-color}}.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-none{display:none !important}.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: 1439.98px){.hidden-xxl{display:none}}:host{--host-window-height:var(--window-height, 100vh);--calculated-header-height:calc(var(--header-height) + 1px);display:block;min-width:0;height:var(--header-height);-ms-flex-negative:0;flex-shrink:0}:host(.no-animation) *{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;transition:none !important}@media (min-width: 1024px){.main-navigation,.main-container,.main-container li,.main-link{height:100%}}.main-navigation{font-size:1.125rem}@media (min-width: 1024px){.main-navigation{font-size:1rem;margin:0 .75rem}}@media (min-width: 1280px){.main-navigation{font-size:1.125rem}}@media (min-width: 1440px){.main-navigation{font-size:1.25rem}}@media (max-width: 1023.98px){.main-navigation{position:absolute;top:var(--calculated-header-height);left:0;background:#fff;height:calc(var(--host-window-height) - var(--calculated-header-height));width:100%;margin:0;overflow:hidden scroll;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;z-index:-1;visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:visibility .35s,-webkit-transform .35s;transition:visibility .35s,-webkit-transform .35s;transition:transform .35s,visibility .35s;transition:transform .35s,visibility .35s,-webkit-transform .35s}}@media (max-width: 1023.98px)and (prefers-reduced-motion: reduce){.main-navigation{-webkit-transition:none;transition:none}}@media (max-width: 1023.98px){.main-navigation.open{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.main-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 1023.98px){.main-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}.main-container>li+li{border-top:1px solid #e6e6e6}}@media (min-width: 1024px){.main-container{padding-right:0;padding-left:0}}.main-container>li{-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.main-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:.75rem;padding-left:.75rem;text-align:left;cursor:pointer;width:100%}@media (min-width: 1024px){.main-link svg{display:none}}@media (max-width: 1023.98px){.main-link{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-weight:300;padding:.625rem 0;width:100%;text-align:left}.main-link svg{width:1.5rem;height:1.5rem}}.main-link span{overflow:hidden;text-overflow:ellipsis}.main-link,.flyout-link{position:relative;color:#000}.main-link::after,.flyout-link::after{content:\"\";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:rgba(0,0,0,0);opacity:0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8);-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.main-link::after,.flyout-link::after{-webkit-transition:none;transition:none}}.main-link:hover::after,.main-link.focus::after,.flyout-link:hover::after,.flyout-link.focus::after{background-color:#ccc;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}.main-link.active,.flyout-link.active{font-weight:700}.main-link.active::after,.flyout-link.active::after{background-color:#fc0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.main-link:hover,.main-link.focus,.main-link.active,.flyout-link:hover,.flyout-link.focus,.flyout-link.active{background-color:Highlight}}.flyout{left:0;width:100%;background:#fff;padding-bottom:3rem;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;visibility:hidden}@media (min-width: 1024px){.flyout{position:absolute;top:100%;max-height:calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);z-index:-1;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.4);box-shadow:0 0 1px 0 rgba(0,0,0,.4);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.flyout.open{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);box-shadow:0 0 8px 0 rgba(0,0,0,.4);-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width: 1023.98px){.flyout{position:fixed;top:0;height:100%;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}.flyout.open{-webkit-transform:translateX(0);transform:translateX(0)}}.flyout.open{visibility:visible}.flyout.animate{-webkit-transition:visibility .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:visibility .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:transform .35s,visibility .35s,box-shadow .35s;transition:transform .35s,visibility .35s,box-shadow .35s,-webkit-transform .35s,-webkit-box-shadow .35s}@media (prefers-reduced-motion: reduce){.flyout.animate{-webkit-transition:none;transition:none}}.flyout-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:3.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}.flyout-row{display:-ms-flexbox;display:flex;gap:1.5rem}@media (max-width: 1023.98px){.flyout-row{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 599.98px){.flyout-row{grid-template-columns:1fr}}.flyout-column{-ms-flex:1;flex:1;max-width:25%}@media (max-width: 1023.98px){.flyout-column{max-width:none}}.flyout-column h3{margin-top:0}.flyout-back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:400;cursor:pointer}@media (max-width: 599.98px){.flyout-back-button{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.flyout-back-button{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.flyout-back-button{padding-right:40px;padding-left:40px}}.flyout-back-button svg{width:1.5rem;height:1.5rem}@media (min-width: 1024px){.flyout-back-button{display:none}}.flyout-close-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 1.5rem;cursor:pointer}.flyout-close-button svg{width:1.5rem;height:1.5rem}@media (max-width: 1023.98px){.flyout-close-button{display:none}}.flyout-linklist li{border-top:1px solid #e6e6e6}.flyout-linklist:first-child>li{border-top-color:rgba(0,0,0,0)}.flyout-link{display:block;padding:.75rem 0}.flyout-title{margin:2.5rem 0 1.5rem 0}@media (min-width: 1024px){.flyout-title{display:none}}";
-const PostMainNavigationStyle0 = postMainNavigationCss;
-
-const PostMainNavigation = /*@__PURE__*/ proxyCustomElement(class PostMainNavigation extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.dropdownToggled = createEvent(this, "dropdownToggled", 7);
-        this.flyoutToggled = createEvent(this, "flyoutToggled", 7);
-        this.resizeTimer = null;
-        this.mouseLeaveTimer = null;
-        this.mouseEnterTimer = null;
-        this.activeFlyout = undefined;
-        this.mobileMenuOpen = undefined;
-    }
-    connectedCallback() {
-        this.throttledResize = throttle(300, () => this.handleResize());
-        window.addEventListener('resize', this.throttledResize, { passive: true });
-        this.setWindowHeight();
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.throttledResize);
-        if (this.mouseEnterTimer !== null)
-            window.clearTimeout(this.mouseEnterTimer);
-        if (this.mouseLeaveTimer !== null)
-            window.clearTimeout(this.mouseLeaveTimer);
-    }
-    handleResize() {
-        // Suspend all animations and transitions on window resize
-        this.host.classList.add('no-animation');
-        if (this.resizeTimer !== null)
-            window.clearTimeout(this.resizeTimer);
-        this.resizeTimer = window.setTimeout(() => {
-            this.host.classList.remove('no-animation');
-        }, 300);
-        this.setWindowHeight();
-    }
-    // Update window height var
-    setWindowHeight() {
-        if (this.host === undefined)
-            return;
-        this.host.style.setProperty('--window-height', `${window.innerHeight}px`);
-        // Safari might or might not show a blank bar at the bottom where the browser
-        // controls should be. This timeout waits for this bar to appear before resetting the available height
-        window.setTimeout(() => {
-            this.host.style.setProperty('--window-height', `${window.innerHeight}px`);
-        }, 100);
-    }
-    openFlyout(id) {
-        var _a;
-        const flyout = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById(id);
-        if (flyout && this.activeFlyout !== '') {
-            // Add flyout animation if there's no flyout open
-            this.addFlyoutAnimation(flyout, 'expand');
-        }
-        this.activeFlyout = id;
-        this.flyoutToggled.emit(id);
-        this.setWindowHeight();
-        if (this.mouseLeaveTimer !== null) {
-            window.clearTimeout(this.mouseLeaveTimer);
-            this.mouseLeaveTimer = null;
-        }
-    }
-    closeFlyout(id, manageFocus = true) {
-        var _a;
-        if (id === undefined)
-            return;
-        const flyout = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById(id);
-        if (flyout) {
-            // Add flyout animation for close action
-            this.addFlyoutAnimation(flyout, 'collapse', manageFocus);
-        }
-        this.activeFlyout = null;
-        this.flyoutToggled.emit();
-    }
-    addFlyoutAnimation(flyout, direction, manageFocus = true) {
-        // Check if user prefers to see animations or not
-        if (!userPrefersReducedMotion()) {
-            flyout.classList.add('animate');
-            // Remove flyout animation after transition ended
-            flyout.addEventListener('transitionend', () => {
-                var _a, _b, _c;
-                if (manageFocus) {
-                    if (direction === 'expand') {
-                        (_a = flyout.querySelector('button.flyout-back-button')) === null || _a === void 0 ? void 0 : _a.focus();
-                    }
-                    else if (direction === 'collapse') {
-                        (_c = (_b = flyout.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('a.main-link')) === null || _c === void 0 ? void 0 : _c.focus();
-                    }
-                }
-                flyout.classList.remove('animate');
-            }, {
-                once: true,
-            });
-        }
-    }
-    isActiveFlyout(id) {
-        return id === this.activeFlyout;
-    }
-    handleMouseEnter(level) {
-        // Cancel opening the flyout if there already is one scheduled to open
-        if (this.mouseEnterTimer !== null) {
-            window.clearTimeout(this.mouseEnterTimer);
-            this.mouseEnterTimer = null;
-        }
-        // Cancel closing if we enter again
-        if (this.mouseLeaveTimer !== null && this.activeFlyout === level.id) {
-            window.clearTimeout(this.mouseLeaveTimer);
-            this.mouseLeaveTimer = null;
-        }
-        if (window.innerWidth >= 1024 &&
-            level.flyout &&
-            level.flyout.length > 0 &&
-            this.activeFlyout !== level.id) {
-            // Delay opening the flyout for a moment to give users a chance to move the mouse over the navigation without triggering the flyout
-            this.mouseEnterTimer = window.setTimeout(() => {
-                this.mouseEnterTimer = null;
-                if (level.id !== undefined)
-                    this.openFlyout(level.id);
-            }, 200);
-        }
-    }
-    handleMouseLeave(level) {
-        // Cancel opening the flyout if a mouseleave event happens before the flyout opened
-        if (this.mouseEnterTimer !== null) {
-            window.clearTimeout(this.mouseEnterTimer);
-        }
-        // Don't close an open flyout if the mouseleave is from another mainnav entry
-        if (this.activeFlyout !== undefined && this.activeFlyout !== level.id) {
-            return;
-        }
-        if (window.innerWidth >= 1024 && level.flyout && level.flyout.length > 0) {
-            // Allow the pointer to shortly leave the flyout without closing it. This
-            // allows for user mistakes and makes the experience less nervous
-            this.mouseLeaveTimer = window.setTimeout(() => {
-                this.closeFlyout(level.id, false);
-            }, 300);
-        }
-    }
-    handleTouchEnd(event, level) {
-        if (!this.isActiveFlyout(level.id) && !level.noFlyout) {
-            // It's the first touchstart and has a flyout, prevent link activation and open the flyout
-            if (event.cancelable)
-                event.preventDefault();
-            if (level.id !== undefined)
-                this.openFlyout(level.id);
-        }
-    }
-    handleKeyPress(event, level) {
-        if (event.key === 'Enter' && !this.isActiveFlyout(level.id) && !level.noFlyout) {
-            // It's the first enter keypress and has a flyout, prevent link activation and open the flyout
-            event.preventDefault();
-            if (level.id !== undefined)
-                this.openFlyout(level.id);
-        }
-    }
-    handleClick(event, level) {
-        if (!this.isActiveFlyout(level.id) && !level.noFlyout) {
-            // It's the first click, always open the flyout, never the link
-            // This is relevant for desktop with active screenreader which
-            // translates an enter keypress to a click
-            event.preventDefault();
-            if (level.id !== undefined)
-                this.openFlyout(level.id);
-        }
-    }
-    /**
-     * Toggle the main navigation (only visible on mobile)
-     * @param force Force a state
-     * @returns Boolean indicating new state
-     */
-    async toggleDropdown(force) {
-        this.mobileMenuOpen = force === undefined ? !this.mobileMenuOpen : force;
-        this.dropdownToggled.emit({ open: this.mobileMenuOpen, element: this.host });
-        if (force === false) {
-            this.closeFlyout();
-        }
-        this.setWindowHeight();
-        return this.mobileMenuOpen;
-    }
-    /**
-     * Focus the main navigation toggle button
-     */
-    async setFocus() {
-        var _a;
-        const firstLink = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.main-link');
-        if (firstLink) {
-            firstLink.focus();
-        }
-    }
-    /**
-     * Open a specific flyout
-     * @param id Flyout ID
-     */
-    async setActiveFlyout(id) {
-        this.activeFlyout = id;
-        this.flyoutToggled.emit(this.activeFlyout);
-    }
-    render() {
-        var _a;
-        if (((_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header) === undefined)
-            return;
-        const headerConfig = state.localizedConfig.header;
-        return (h(Host, null, h(SvgSprite, null), h("nav", { "aria-label": headerConfig.translations.navMainAriaLabel, id: "post-internet-header-main-navigation", class: { 'main-navigation': true, 'open': this.mobileMenuOpen } }, h("ul", { class: "main-container container" }, headerConfig.navMain.map(levelOne => (h("li", { key: levelOne.text, onMouseLeave: () => this.handleMouseLeave(levelOne), onMouseEnter: () => this.handleMouseEnter(levelOne) }, h(LevelOneAction, { level: levelOne, isOpen: this.isActiveFlyout(levelOne.id), onTouchEnd: e => this.handleTouchEnd(e, levelOne), onKeyDown: e => this.handleKeyPress(e, levelOne), onClick: e => this.handleClick(e, levelOne) }), !levelOne.noFlyout ? renderLevelOneFlyout.bind(this)(levelOne) : null)))), h("slot", null))));
-        function renderLevelOneFlyout(levelOne) {
-            var _a;
-            return (h("div", { id: levelOne.id, class: { flyout: true, open: this.isActiveFlyout(levelOne.id) } }, h("div", { class: "wide-container" }, h("div", { class: "flyout-nav" }, h("button", { class: "nav-link flyout-back-button", onClick: () => this.closeFlyout(levelOne.id) }, h(SvgIcon, { name: "pi-pointy-arrow-right", classNames: "mirrored" }), h("span", null, headerConfig.translations.backButtonText)), h("button", { class: "flyout-close-button", onClick: () => this.closeFlyout(levelOne.id) }, h("span", { class: "visually-hidden" }, levelOne.text, ", ", headerConfig.translations.mobileNavToggleClose), h(SvgIcon, { name: "pi-close" }))), h("h2", { class: "flyout-title container" }, h("a", { href: levelOne.url, class: "nav-link" }, levelOne.text)), h("div", { class: "flyout-row container" }, (_a = levelOne.flyout) === null || _a === void 0 ? void 0 : _a.map((flyout, i) => (h("div", { key: flyout.title, class: "flyout-column" }, flyout.title !== undefined ? (h("h3", { id: `${levelOne.id}-column-${i}` }, flyout.title)) : null, h("ul", { class: "flyout-linklist", "aria-labelledby": flyout.title !== undefined ? `${levelOne.id}-column-${i}` : undefined }, flyout.linkList.map(link => (h("li", { key: link.url }, h("a", { class: {
-                    'flyout-link': true,
-                    'active': !!(link === null || link === void 0 ? void 0 : link.isActiveOverride),
-                }, href: link.url, target: link.target }, link.title, (link === null || link === void 0 ? void 0 : link.isActiveOverride) ? (h("span", { class: "visually-hidden" }, ", ", translate('Active navigation element'))) : null))))))))))));
-        }
-    }
-    get host() { return this; }
-    static get style() { return PostMainNavigationStyle0; }
-}, [1, "post-main-navigation", {
-        "activeFlyout": [32],
-        "mobileMenuOpen": [32],
-        "toggleDropdown": [64],
-        "setFocus": [64],
-        "setActiveFlyout": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-main-navigation"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-main-navigation":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMainNavigation);
-            }
-            break;
-    } });
-}
-
-export { PostMainNavigation as P, defineCustomElement as d };

package/dist/components/post-meta-navigation.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PostMetaNavigation extends Components.PostMetaNavigation, HTMLElement {}
-export const PostMetaNavigation: {
-    prototype: PostMetaNavigation;
-    new (): PostMetaNavigation;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/post-meta-navigation.js

@@ -1,6 +0,0 @@
-import { P as PostMetaNavigation$1, d as defineCustomElement$1 } from './post-meta-navigation2.js';
-
-const PostMetaNavigation = PostMetaNavigation$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostMetaNavigation, defineCustomElement };

package/dist/components/post-meta-navigation2.js

@@ -1,41 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './store.js';
-
-const postMetaNavigationCss = "@font-face{font-display:swap;font-family:\"Swiss Post Sans\";font-weight:700;src:url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff2\") format(\"woff2\"),url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Swiss Post Sans\";font-weight:400;src:url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff2\") format(\"woff2\"),url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff\") format(\"woff\")}@font-face{font-display:swap;font-family:\"Swiss Post Sans\";font-weight:300;src:url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff2\") format(\"woff2\"),url(\"https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.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,.meta-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.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:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.meta-link:is(:focus-visible,:focus-within,.pretend-focus){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:\"Swiss Post Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,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),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){svg{color:currentColor;forced-color-adjust:preserve-parent-color}}.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-none{display:none !important}.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: 1439.98px){.hidden-xxl{display:none}}:host{display:block;font-size:.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;background:#faf9f8}@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}.meta-container.horizontal::before{display:block;content:\"\";position:absolute;top:0px;height:var(--meta-header-height);background-color:#faf9f8;left:50%;width:50%}.horizontal .meta-navigation{position:relative;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:.875rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 .5rem;min-height:2.125rem;border-radius:3px}.meta-link.active{background:#fc0;color:#000}.vertical .meta-link{color:#000;padding:0}.vertical .meta-link.active{padding:0 .5rem;margin-left:-0.5rem}";
-const PostMetaNavigationStyle0 = postMetaNavigationCss;
-
-const PostMetaNavigation = /*@__PURE__*/ proxyCustomElement(class PostMetaNavigation extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.orientation = undefined;
-        this.fullWidth = false;
-    }
-    render() {
-        var _a, _b;
-        if (((_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.header.navMeta) === undefined)
-            return;
-        const headerConfig = state.localizedConfig.header;
-        return (h(Host, null, h("div", { class: `meta-container ${this.orientation}${this.fullWidth ? ' full-width' : ''}` }, h("nav", { "aria-label": headerConfig.translations.navMetaAriaLabel, class: "meta-navigation" }, h("ul", { class: "meta-list" }, (_b = headerConfig.navMeta) === null || _b === void 0 ? void 0 : _b.filter(meta => !meta.isHomeLink).map(meta => (h("li", { key: meta.url }, h("a", { class: { 'active': meta.isActive, 'meta-link': true }, target: meta.target, href: meta.url }, meta.text)))))), h("slot", null))));
-    }
-    static get style() { return PostMetaNavigationStyle0; }
-}, [1, "post-meta-navigation", {
-        "orientation": [1],
-        "fullWidth": [4, "full-width"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-meta-navigation"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-meta-navigation":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostMetaNavigation);
-            }
-            break;
-    } });
-}
-
-export { PostMetaNavigation as P, defineCustomElement as d };

package/dist/components/post-search.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface PostSearch extends Components.PostSearch, HTMLElement {}
-export const PostSearch: {
-    prototype: PostSearch;
-    new (): PostSearch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/post-search.js

@@ -1,6 +0,0 @@
-import { P as PostSearch$1, d as defineCustomElement$1 } from './post-search2.js';
-
-const PostSearch = PostSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostSearch, defineCustomElement };