@swisspost/internet-header 1.14.8 → 1.15.0

package/dist/components/swisspost-internet-header.js

@@ -64,10 +64,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
@@ -83,15 +91,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
@@ -248,7 +257,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) {
@@ -264,16 +273,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 });
     });
@@ -363,7 +373,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";
@@ -404,7 +414,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/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-10-14T19:01:40",
+  "timestamp": "2024-11-11T15:34:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -1446,7 +1446,7 @@
       "path": "src/models/general.model.ts"
     },
     "src/models/header.model.ts::NavMainEntity": {
-      "declaration": "export interface NavMainEntity {\n  id?: string;\n  text: string;\n  title: string;\n  url: string;\n  isActive?: boolean;\n  isActiveOverride?: boolean;\n  noFlyout?: boolean;\n  flyout: FlyoutEntity[];\n}",
+      "declaration": "export interface NavMainEntity {\n  id?: string;\n  text: string;\n  title: string;\n  url: string;\n  isActive?: boolean;\n  isActiveOverride?: boolean;\n  noFlyout?: boolean;\n  flyout?: FlyoutEntity[];\n}",
       "docstring": "",
       "path": "src/models/header.model.ts"
     },

package/dist/esm/index.js

@@ -1,12 +1,12 @@
-export { P as PostInternetHeader } from './post-internet-header-cce3ba28.js';
+export { P as PostInternetHeader } from './post-internet-header-b8322d64.js';
 export { P as PostInternetBreadcrumbs } from './post-internet-breadcrumbs-2370e12d.js';
 export { P as PostInternetFooter } from './post-internet-footer-e6980e19.js';
 export { P as PostSkiplinks } from './post-skiplinks-8c64cda3.js';
 export { P as PostMetaNavigation } from './post-meta-navigation-c90e0eab.js';
 export { P as PostLanguageSwitch } from './post-language-switch-05672675.js';
 export { P as PostLogo } from './post-logo-a10a7614.js';
-export { P as PostMainNavigation } from './post-main-navigation-3f8bd754.js';
-export { P as PostSearch } from './post-search-c629b46f.js';
+export { P as PostMainNavigation } from './post-main-navigation-1105de2a.js';
+export { P as PostSearch } from './post-search-4314142a.js';
 export { P as PostKlpLoginWidget } from './post-klp-login-widget-d0cb76d7.js';
 import './index-bb0e68fd.js';
 import './index-d3f1363d.js';

package/dist/esm/{post-internet-header-cce3ba28.js → post-internet-header-b8322d64.js}

@@ -57,10 +57,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
@@ -76,15 +84,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
@@ -241,7 +250,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) {
@@ -257,16 +266,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 });
     });
@@ -356,7 +366,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";
@@ -397,7 +407,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/esm/{post-main-navigation-3f8bd754.js → post-main-navigation-1105de2a.js}

@@ -131,7 +131,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;
@@ -149,7 +152,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(() => {
@@ -223,7 +226,8 @@ const PostMainNavigation = class {
         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) {
-            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" }, levelOne.flyout.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: {
+            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))))))))))));

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

@@ -1,4 +1,4 @@
-export { P as post_main_navigation } from './post-main-navigation-3f8bd754.js';
+export { P as post_main_navigation } from './post-main-navigation-1105de2a.js';
 import './index-bb0e68fd.js';
 import './index-d3f1363d.js';
 import './store-b1332c1e.js';