@swisspost/internet-header 1.14.8 → 1.15.0

package/dist/cjs/index.cjs.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postInternetHeader = require('./post-internet-header-46256304.js');
+const postInternetHeader = require('./post-internet-header-d8394275.js');
 const postInternetBreadcrumbs = require('./post-internet-breadcrumbs-1a8bd582.js');
 const postInternetFooter = require('./post-internet-footer-ca621ca9.js');
 const postSkiplinks = require('./post-skiplinks-894eb1ca.js');
 const postMetaNavigation = require('./post-meta-navigation-f66b734d.js');
 const postLanguageSwitch = require('./post-language-switch-768195ef.js');
 const postLogo = require('./post-logo-c7b8f044.js');
-const postMainNavigation = require('./post-main-navigation-8e804e67.js');
-const postSearch = require('./post-search-6c43f01f.js');
+const postMainNavigation = require('./post-main-navigation-f1c72969.js');
+const postSearch = require('./post-search-5e173700.js');
 const postKlpLoginWidget = require('./post-klp-login-widget-8946e37f.js');
 require('./index-ecd8c9bb.js');
 require('./index-fbcc9ff3.js');

package/dist/cjs/{post-internet-header-46256304.js → post-internet-header-d8394275.js}

@@ -59,10 +59,18 @@ const hasActivePortalRoute = (config) => {
     return config.filter(nav => nav.isActive).length > 0;
 };
 const resetActiveStateToPortalConfig = (config) => {
-    return config.map(nav => (Object.assign(Object.assign({}, nav), { isActiveOverride: nav.isActive, flyout: nav.flyout.map(flyout => (Object.assign(Object.assign({}, flyout), { linkList: flyout.linkList.map(link => (Object.assign(Object.assign({}, link), { isActiveOverride: link.isActive }))) }))) })));
+    return config.map(nav => {
+        var _a;
+        return (Object.assign(Object.assign({}, nav), { isActiveOverride: nav.isActive, flyout: (_a = nav.flyout) === null || _a === void 0 ? void 0 : _a.map(flyout => (Object.assign(Object.assign({}, flyout), { linkList: flyout.linkList.map(link => (Object.assign(Object.assign({}, link), { isActiveOverride: link.isActive }))) }))) }));
+    });
 };
 const resetOverrideConfig = (config) => {
-    return config.map(nav => (Object.assign(Object.assign({}, nav), { isActiveOverride: false, flyout: nav.flyout.map(flyout => (Object.assign(Object.assign({}, flyout), { linkList: flyout.linkList.map(link => (Object.assign(Object.assign({}, link), { isActiveOverride: false }))) }))) })));
+    return config.map(nav => {
+        var _a;
+        return (Object.assign(Object.assign({}, nav), { isActiveOverride: false, 
+            // Initialize flyout as an empty array if it's undefined
+            flyout: ((_a = nav.flyout) === null || _a === void 0 ? void 0 : _a.map(flyout => (Object.assign(Object.assign({}, flyout), { linkList: flyout.linkList.map(link => (Object.assign(Object.assign({}, link), { isActiveOverride: false }))) })))) || [] }));
+    });
 };
 /**
  * Compile a list of scores based on the map mode, sorted in descending order
@@ -78,15 +86,16 @@ const compileScoreList = (config, compareUrl, activeRouteProp) => {
     config
         .filter(mainNav => !hadAnyActiveLink && mainNav)
         .forEach(mainNav => {
+        var _a;
         try {
             const score = compareRoutes(compareUrl, new URL(mainNav.url), activeRouteProp);
             hadAnyActiveLink = updateScoreList(scoreList, score, { main: mainNav, score }, hadAnyActiveLink);
         }
-        catch (_a) {
+        catch (_b) {
             // Not a valid url, continue
         }
         // Loop through flyout links 2nd level
-        mainNav.flyout.forEach(flyout => {
+        (_a = mainNav.flyout) === null || _a === void 0 ? void 0 : _a.forEach(flyout => {
             var _a;
             (_a = flyout.linkList) === null || _a === void 0 ? void 0 : _a.forEach(linklist => {
                 // Don't override if any link is already active
@@ -243,7 +252,7 @@ const mergeOsFlyoutOverrides = (config, osFlyoutOverrides) => {
     if (osFlyoutOverrides == null)
         return config.header.navMain;
     return config.header.navMain.map(mainNav => {
-        var _a, _b;
+        var _a, _b, _c;
         if (mainNav.id !== 'flyout_os')
             return mainNav;
         if (osFlyoutCache === null) {
@@ -259,16 +268,17 @@ const mergeOsFlyoutOverrides = (config, osFlyoutOverrides) => {
         // Add entries for os flyout columns without overriding existing config
         const mainNavFlyout = [
             ...osFlyoutCache.flyout.map((col, index) => {
-                var _a;
-                const overrides = osFlyoutOverrides.flyout[index];
-                const title = (_a = overrides.title) !== null && _a !== void 0 ? _a : col.title;
-                const linkList = overrides.linkList != null ? osFlyoutOverrides.flyout[index].linkList : [];
+                var _a, _b;
+                const overrides = (_a = osFlyoutOverrides.flyout) === null || _a === void 0 ? void 0 : _a[index]; // Check if overrides exist
+                const title = (_b = overrides === null || overrides === void 0 ? void 0 : overrides.title) !== null && _b !== void 0 ? _b : col.title;
+                // Check if the linkList exists in the overrides and then use it
+                const linkList = (overrides === null || overrides === void 0 ? void 0 : overrides.linkList) != null ? overrides.linkList : [];
                 return {
                     title,
                     linkList: [...col.linkList, ...linkList],
                 };
             }),
-            ...osFlyoutOverrides.flyout.slice(osFlyoutCache.flyout.length),
+            ...(((_c = osFlyoutOverrides.flyout) === null || _c === void 0 ? void 0 : _c.slice(osFlyoutCache.flyout.length)) || []),
         ];
         return Object.assign(Object.assign({}, mainNav), { text: mainNavText, title: mainNavTitle, flyout: mainNavFlyout });
     });
@@ -358,7 +368,7 @@ const setMainNavigationIds = (navMainEntities) => {
 };
 
 const name = "@swisspost/internet-header";
-const version = "1.14.8";
+const version = "1.15.0";
 const description = "The header for client facing applications.";
 const author = "Swiss Post <design-system@post.ch>";
 const license = "Apache-2.0";
@@ -399,7 +409,7 @@ const scripts = {
 	generate: "stencil generate"
 };
 const dependencies = {
-	"@swisspost/design-system-styles": "workspace:8.3.0",
+	"@swisspost/design-system-styles": "workspace:8.5.0",
 	"body-scroll-lock": "4.0.0-beta.0",
 	"iframe-resizer": "4.4.5",
 	jquery: "3.7.1",

package/dist/cjs/{post-main-navigation-8e804e67.js → post-main-navigation-f1c72969.js}

@@ -133,7 +133,10 @@ const PostMainNavigation = class {
             window.clearTimeout(this.mouseLeaveTimer);
             this.mouseLeaveTimer = null;
         }
-        if (window.innerWidth >= 1024 && level.flyout.length > 0 && this.activeFlyout !== level.id) {
+        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;
@@ -151,7 +154,7 @@ const PostMainNavigation = class {
         if (this.activeFlyout !== undefined && this.activeFlyout !== level.id) {
             return;
         }
-        if (window.innerWidth >= 1024 && level.flyout.length > 0) {
+        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(() => {
@@ -225,7 +228,8 @@ const PostMainNavigation = class {
         const headerConfig = store.state.localizedConfig.header;
         return (index.h(index.Host, null, index.h(svgSprite_component.SvgSprite, null), index.h("nav", { "aria-label": headerConfig.translations.navMainAriaLabel, id: "post-internet-header-main-navigation", class: { 'main-navigation': true, 'open': this.mobileMenuOpen } }, index.h("ul", { class: "main-container container" }, headerConfig.navMain.map(levelOne => (index.h("li", { key: levelOne.text, onMouseLeave: () => this.handleMouseLeave(levelOne), onMouseEnter: () => this.handleMouseEnter(levelOne) }, index.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)))), index.h("slot", null))));
         function renderLevelOneFlyout(levelOne) {
-            return (index.h("div", { id: levelOne.id, class: { flyout: true, open: this.isActiveFlyout(levelOne.id) } }, index.h("div", { class: "wide-container" }, index.h("div", { class: "flyout-nav" }, index.h("button", { class: "nav-link flyout-back-button", onClick: () => this.closeFlyout(levelOne.id) }, index.h(svgIcon_component.SvgIcon, { name: "pi-pointy-arrow-right", classNames: "mirrored" }), index.h("span", null, headerConfig.translations.backButtonText)), index.h("button", { class: "flyout-close-button", onClick: () => this.closeFlyout(levelOne.id) }, index.h("span", { class: "visually-hidden" }, levelOne.text, ", ", headerConfig.translations.mobileNavToggleClose), index.h(svgIcon_component.SvgIcon, { name: "pi-close" }))), index.h("h2", { class: "flyout-title container" }, index.h("a", { href: levelOne.url, class: "nav-link" }, levelOne.text)), index.h("div", { class: "flyout-row container" }, levelOne.flyout.map((flyout, i) => (index.h("div", { key: flyout.title, class: "flyout-column" }, flyout.title !== undefined ? (index.h("h3", { id: `${levelOne.id}-column-${i}` }, flyout.title)) : null, index.h("ul", { class: "flyout-linklist", "aria-labelledby": flyout.title !== undefined ? `${levelOne.id}-column-${i}` : undefined }, flyout.linkList.map(link => (index.h("li", { key: link.url }, index.h("a", { class: {
+            var _a;
+            return (index.h("div", { id: levelOne.id, class: { flyout: true, open: this.isActiveFlyout(levelOne.id) } }, index.h("div", { class: "wide-container" }, index.h("div", { class: "flyout-nav" }, index.h("button", { class: "nav-link flyout-back-button", onClick: () => this.closeFlyout(levelOne.id) }, index.h(svgIcon_component.SvgIcon, { name: "pi-pointy-arrow-right", classNames: "mirrored" }), index.h("span", null, headerConfig.translations.backButtonText)), index.h("button", { class: "flyout-close-button", onClick: () => this.closeFlyout(levelOne.id) }, index.h("span", { class: "visually-hidden" }, levelOne.text, ", ", headerConfig.translations.mobileNavToggleClose), index.h(svgIcon_component.SvgIcon, { name: "pi-close" }))), index.h("h2", { class: "flyout-title container" }, index.h("a", { href: levelOne.url, class: "nav-link" }, levelOne.text)), index.h("div", { class: "flyout-row container" }, (_a = levelOne.flyout) === null || _a === void 0 ? void 0 : _a.map((flyout, i) => (index.h("div", { key: flyout.title, class: "flyout-column" }, flyout.title !== undefined ? (index.h("h3", { id: `${levelOne.id}-column-${i}` }, flyout.title)) : null, index.h("ul", { class: "flyout-linklist", "aria-labelledby": flyout.title !== undefined ? `${levelOne.id}-column-${i}` : undefined }, flyout.linkList.map(link => (index.h("li", { key: link.url }, index.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) ? (index.h("span", { class: "visually-hidden" }, ", ", language_service.translate('Active navigation element'))) : null))))))))))));

package/dist/cjs/post-main-navigation.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const postMainNavigation = require('./post-main-navigation-8e804e67.js');
+const postMainNavigation = require('./post-main-navigation-f1c72969.js');
 require('./index-ecd8c9bb.js');
 require('./index-fbcc9ff3.js');
 require('./store-eabc7f7a.js');