@swisspost/internet-header 1.13.10 → 1.13.12

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

@@ -67,13 +67,13 @@ const PostFooterBlockContact = (props) => {
                     return null;
                 }
                 return (h("div", { class: "content-row", key: content.name },
-                    content.number ? h("p", { class: "number" }, content.number) : null,
-                    content.text ? h("p", { class: "text" }, content.text) : null,
+                    content.number !== undefined ? h("p", { class: "number" }, content.number) : null,
+                    content.text !== undefined ? h("p", { class: "text" }, content.text) : null,
                     content.hours && isLiveSupport && h(LiveSupport, { hours: content.hours }),
                     content.hours && !isLiveSupport && (
                     // Some values arrive in the form of <p>8&mdash;12</p> and without replace and innerHTML, tags get rendered as text (project="klp" language="en" environment="int02")
                     h("p", { class: "hours", innerHTML: stripHtml(content.hours) })),
-                    content.describe ? h("p", { class: "describe" }, content.describe) : null));
+                    content.describe !== undefined ? h("p", { class: "describe" }, content.describe) : null));
             })));
 };
 
@@ -132,7 +132,7 @@ const PostInternetFooter = /*@__PURE__*/ proxyCustomElement(class PostInternetFo
     render() {
         var _a;
         // There is something wrong entirely
-        if (!state) {
+        if (state === undefined) {
             console.warn(`Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`);
             return null;
         }
@@ -153,7 +153,7 @@ const PostInternetFooter = /*@__PURE__*/ proxyCustomElement(class PostInternetFo
             .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
+            .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 !== undefined
             ? 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')))))))));
     }

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

@@ -6,6 +6,7 @@ import { s as state, d as dispose } from './store.js';
 import { S as SvgSprite } from './svg-sprite.component.js';
 import { S as SvgIcon } from './svg-icon.component.js';
 import { I as If, d as defineCustomElement$3 } from './post-search2.js';
+import { d as defineCustomElement$9 } from './focus-trap2.js';
 import { d as defineCustomElement$8 } from './post-klp-login-widget2.js';
 import { d as defineCustomElement$7 } from './post-language-switch2.js';
 import { d as defineCustomElement$6 } from './post-logo2.js';
@@ -362,7 +363,7 @@ const setMainNavigationIds = (navMainEntities) => {
 };
 
 const name = "@swisspost/internet-header";
-const version = "1.13.10";
+const version = "1.13.12";
 const description = "The header for client facing applications.";
 const author = "Swiss Post <design-system@post.ch>";
 const license = "Apache-2.0";
@@ -388,7 +389,7 @@ const files = [
 	"loader/"
 ];
 const scripts = {
-	dev: "stencil build --serve --port 9310 --watch --docs-readme",
+	dev: "stencil build --serve --port 9310 --watch --docs-readme --dev",
 	start: "stencil build --watch --docs-readme",
 	build: "stencil build --docs-readme",
 	clean: "rimraf www dist loader",
@@ -403,45 +404,45 @@ const scripts = {
 	generate: "stencil generate"
 };
 const dependencies = {
-	"@swisspost/design-system-styles": "workspace:7.1.0",
+	"@swisspost/design-system-styles": "workspace:7.2.1",
 	"body-scroll-lock": "4.0.0-beta.0",
-	"iframe-resizer": "4.3.11",
+	"iframe-resizer": "4.4.2",
 	jquery: "3.7.1",
-	tabbable: "6.2.0",
-	"throttle-debounce": "5.0.0",
+	"throttle-debounce": "5.0.2",
 	"url-polyfill": "1.1.12"
 };
 const devDependencies = {
-	"@babel/core": "7.24.5",
-	"@percy/cli": "1.28.6",
+	"@babel/core": "7.24.7",
+	"@percy/cli": "1.28.8",
 	"@percy/cypress": "3.1.2",
 	"@stencil-community/eslint-plugin": "0.7.2",
-	"@stencil/core": "4.18.0",
+	"@stencil/core": "4.19.1",
 	"@stencil/sass": "3.0.12",
 	"@stencil/store": "2.0.16",
 	"@types/body-scroll-lock": "3.1.2",
 	"@types/iframe-resizer": "3.5.13",
 	"@types/jest": "29.5.12",
 	"@types/jquery": "3.5.30",
-	"@types/node": "20.12.7",
+	"@types/node": "20.14.9",
 	"@types/throttle-debounce": "5.0.2",
 	"babel-loader": "9.1.3",
 	bootstrap: "5.3.3",
-	cypress: "13.9.0",
+	cypress: "13.13.0",
 	"cypress-each": "1.14.0",
-	"cypress-storybook": "0.5.1",
+	"cypress-storybook": "1.0.0",
 	eslint: "8.57.0",
-	"eslint-plugin-react": "7.34.1",
-	globby: "14.0.1",
+	"eslint-plugin-react": "7.34.3",
+	"focus-trap": "7.5.4",
+	globby: "14.0.2",
 	jest: "29.7.0",
 	"jest-environment-jsdom": "29.7.0",
 	rimraf: "5.0.7",
 	"rollup-plugin-node-polyfills": "0.2.1",
 	"rollup-plugin-scss": "4.0.0",
 	"rollup-plugin-visualizer": "5.12.0",
-	sass: "1.77.1",
-	"start-server-and-test": "2.0.3",
-	"ts-jest": "29.1.2",
+	sass: "1.77.6",
+	"start-server-and-test": "2.0.4",
+	"ts-jest": "29.1.5",
 	typescript: "4.9.5"
 };
 const keywords = [
@@ -683,7 +684,7 @@ const PostInternetHeader = /*@__PURE__*/ proxyCustomElement(class PostInternetHe
             localizedCustomConfig: state.localizedCustomConfig,
             osFlyoutOverrides: state.osFlyoutOverrides,
         });
-        if (this.customConfig)
+        if (this.customConfig !== undefined)
             state.localizedCustomConfig = getLocalizedCustomConfig(this.customConfig, newValue);
     }
     handleAvailableLanguagesChange(newValue) {
@@ -826,7 +827,7 @@ const PostInternetHeader = /*@__PURE__*/ proxyCustomElement(class PostInternetHe
      */
     handleFlyoutToggled(event) {
         this.activeFlyout = event.detail;
-        if (this.activeDropdownElement && event.detail && !this.isMainNavOpen()) {
+        if (this.activeDropdownElement && event.detail !== null && !this.isMainNavOpen()) {
             void this.activeDropdownElement.toggleDropdown(false);
         }
     }
@@ -906,13 +907,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["swisspost-internet-header", "post-klp-login-widget", "post-language-switch", "post-logo", "post-main-navigation", "post-meta-navigation", "post-search", "post-skiplinks"];
+    const components = ["swisspost-internet-header", "focus-trap", "post-klp-login-widget", "post-language-switch", "post-logo", "post-main-navigation", "post-meta-navigation", "post-search", "post-skiplinks"];
     components.forEach(tagName => { switch (tagName) {
         case "swisspost-internet-header":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PostInternetHeader);
             }
             break;
+        case "focus-trap":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
         case "post-klp-login-widget":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();

package/dist/docs.json

@@ -1,11 +1,68 @@
 {
-  "timestamp": "2024-05-23T13:10:32",
+  "timestamp": "2024-07-10T09:47:59",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.18.0",
+    "version": "4.19.1",
     "typescriptVersion": "5.4.5"
   },
   "components": [
+    {
+      "filePath": "src/components/shared/focus-trap.tsx",
+      "encapsulation": "none",
+      "tag": "focus-trap",
+      "readme": "# focus-trap\n\n\n",
+      "docs": "Trap the focus inside a specific container.",
+      "docsTags": [
+        {
+          "name": "param",
+          "text": "active activate or deactivate the focus trap"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "active",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "active",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "post-search",
+        "swisspost-internet-breadcrumbs"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "post-search": [
+          "focus-trap"
+        ],
+        "swisspost-internet-breadcrumbs": [
+          "focus-trap"
+        ]
+      }
+    },
     {
       "filePath": "src/components/post-klp-login-widget/post-klp-login-widget.tsx",
       "encapsulation": "shadow",
@@ -109,7 +166,7 @@
           "mutable": false,
           "attr": "mode",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Visualization of the language switch.\nPossible values: 'dropdown' | 'list'",
           "docsTags": [],
           "values": [
             {
@@ -188,7 +245,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the dropdown has been toggled.",
           "docsTags": []
         },
         {
@@ -202,7 +259,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the language has been changed.",
           "docsTags": []
         }
       ],
@@ -382,7 +439,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the dropdown has been toggled.",
           "docsTags": []
         },
         {
@@ -396,7 +453,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the flyout has been toggled.",
           "docsTags": []
         }
       ],
@@ -434,7 +491,7 @@
           "mutable": false,
           "attr": "full-width",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Displays the meta-navigation in full-width.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -459,7 +516,7 @@
           "mutable": false,
           "attr": "orientation",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Displays the meta-navigation horihontally or vertically.\nAllowed values: 'horizontal' | 'vertical'",
           "docsTags": [],
           "values": [
             {
@@ -534,11 +591,11 @@
             "docs": "Boolean indicating open state of the component"
           },
           "complexType": {
-            "signature": "(force?: unknown) => Promise<boolean>",
+            "signature": "(force?: boolean | Event) => Promise<boolean>",
             "parameters": [
               {
                 "name": "force",
-                "type": "unknown",
+                "type": "boolean | Event | undefined",
                 "docs": "Boolean to force open/closed state"
               }
             ],
@@ -546,15 +603,20 @@
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
+              },
+              "Event": {
+                "location": "import",
+                "path": "@stencil/core",
+                "id": "../../node_modules/.pnpm/@stencil+core@4.19.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
               }
             },
             "return": "Promise<boolean>"
           },
-          "signature": "toggleDropdown(force?: unknown) => Promise<boolean>",
+          "signature": "toggleDropdown(force?: boolean | Event) => Promise<boolean>",
           "parameters": [
             {
               "name": "force",
-              "type": "unknown",
+              "type": "boolean | Event | undefined",
               "docs": "Boolean to force open/closed state"
             }
           ],
@@ -589,7 +651,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Fires when the dropdown has been toggled.",
           "docsTags": []
         }
       ],
@@ -600,8 +662,13 @@
       "dependents": [
         "swisspost-internet-header"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "focus-trap"
+      ],
       "dependencyGraph": {
+        "post-search": [
+          "focus-trap"
+        ],
         "swisspost-internet-header": [
           "post-search"
         ]
@@ -658,7 +725,7 @@
           "mutable": false,
           "attr": "custom-items",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Add custom breadcrumb items to the end of the pre-configured list. Handy if your online service has it's own navigation structure.",
           "docsTags": [],
           "values": [
             {
@@ -749,8 +816,14 @@
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "focus-trap"
+      ],
+      "dependencyGraph": {
+        "swisspost-internet-breadcrumbs": [
+          "focus-trap"
+        ]
+      }
     },
     {
       "filePath": "src/components/post-internet-footer/post-internet-footer.tsx",
@@ -1344,6 +1417,9 @@
           "post-main-navigation",
           "post-search",
           "post-klp-login-widget"
+        ],
+        "post-search": [
+          "focus-trap"
         ]
       }
     }
@@ -1388,6 +1464,11 @@
       "declaration": "{ open: boolean; element: DropdownElement }",
       "docstring": "",
       "path": "src/models/header.model.ts"
+    },
+    "../../node_modules/.pnpm/@stencil+core@4.19.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "../../node_modules/.pnpm/@stencil+core@4.19.1/node_modules/@stencil/core/internal/stencil-core/index.d.ts"
     }
   }
 }