@swisspost/internet-header 1.9.0 → 1.9.1

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

@@ -1,2 +1,2 @@
-import{p as e,b as o}from"./p-8e0a4d18.js";export{s as setNonce}from"./p-8e0a4d18.js";const t=()=>{const o=import.meta.url;const t={};if(o!==""){t.resourcesUrl=new URL(".",o).href}return e(t)};t().then((e=>o([["p-b33e74a6",[[1,"swisspost-internet-header",{project:[1],stickyness:[1],language:[1],meta:[4],login:[4],search:[4],skiplinks:[4],configProxy:[1,"config-proxy"],environment:[1],languageSwitchOverrides:[1,"language-switch-overrides"],customConfig:[1,"custom-config"],languageCookieKey:[1,"language-cookie-key"],languageLocalStorageKey:[1,"language-local-storage-key"],activeRoute:[8,"active-route"],osFlyoutOverrides:[1,"os-flyout-overrides"],fullWidth:[4,"full-width"],activeFlyout:[32],activeDropdownElement:[32],getCurrentLanguage:[64]},[[0,"languageChanged","handleLanguageChangeEvent"]]]]],["p-06d32a28",[[1,"swisspost-internet-breadcrumbs",{customItems:[1,"custom-items"],customBreadcrumbItems:[32],overlayVisible:[32],isConcatenated:[32],dropdownOpen:[32],refsReady:[32]}]]],["p-9ab24fb3",[[1,"swisspost-internet-footer",{liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]]],["p-811b9615",[[1,"post-klp-login-widget",{setFocus:[64]}]]],["p-0dd2de97",[[1,"post-language-switch",{mode:[1],langSwitchOpen:[32],toggleDropdown:[64]}]]],["p-6bb07a80",[[1,"post-logo"]]],["p-273fd39b",[[1,"post-main-navigation",{activeFlyout:[32],mobileMenuOpen:[32],toggleDropdown:[64],setFocus:[64],setActiveFlyout:[64]}]]],["p-51c15273",[[1,"post-meta-navigation",{orientation:[1],fullWidth:[4,"full-width"]}]]],["p-5b233b42",[[1,"post-search",{searchDropdownOpen:[32],coveoSuggestions:[32],placeSuggestions:[32],parcelSuggestion:[32],toggleDropdown:[64],setFocus:[64]}]]],["p-9ec1f474",[[0,"post-skiplinks"]]]],e)));
+import{p as e,b as o}from"./p-8e0a4d18.js";export{s as setNonce}from"./p-8e0a4d18.js";const t=()=>{const o=import.meta.url;const t={};if(o!==""){t.resourcesUrl=new URL(".",o).href}return e(t)};t().then((e=>o([["p-f531c1ea",[[1,"swisspost-internet-header",{project:[1],stickyness:[1],language:[1],meta:[4],login:[4],search:[4],skiplinks:[4],configProxy:[1,"config-proxy"],environment:[1],languageSwitchOverrides:[1,"language-switch-overrides"],customConfig:[1,"custom-config"],languageCookieKey:[1,"language-cookie-key"],languageLocalStorageKey:[1,"language-local-storage-key"],activeRoute:[8,"active-route"],osFlyoutOverrides:[1,"os-flyout-overrides"],fullWidth:[4,"full-width"],activeFlyout:[32],activeDropdownElement:[32],getCurrentLanguage:[64]},[[0,"languageChanged","handleLanguageChangeEvent"]]]]],["p-06d32a28",[[1,"swisspost-internet-breadcrumbs",{customItems:[1,"custom-items"],customBreadcrumbItems:[32],overlayVisible:[32],isConcatenated:[32],dropdownOpen:[32],refsReady:[32]}]]],["p-9ab24fb3",[[1,"swisspost-internet-footer",{liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]]],["p-64e1182b",[[1,"post-klp-login-widget",{setFocus:[64]}]]],["p-0dd2de97",[[1,"post-language-switch",{mode:[1],langSwitchOpen:[32],toggleDropdown:[64]}]]],["p-6bb07a80",[[1,"post-logo"]]],["p-273fd39b",[[1,"post-main-navigation",{activeFlyout:[32],mobileMenuOpen:[32],toggleDropdown:[64],setFocus:[64],setActiveFlyout:[64]}]]],["p-51c15273",[[1,"post-meta-navigation",{orientation:[1],fullWidth:[4,"full-width"]}]]],["p-262611f7",[[1,"post-search",{searchDropdownOpen:[32],coveoSuggestions:[32],placeSuggestions:[32],parcelSuggestion:[32],toggleDropdown:[64],setFocus:[64]}]]],["p-9ec1f474",[[0,"post-skiplinks"]]]],e)));
 //# sourceMappingURL=swisspost-internet-header.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/internet-header",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "The header for client facing applications.",
   "author": "Swiss Post <oss@post.ch>",
   "license": "Apache-2.0",
@@ -31,38 +31,38 @@
   "dependencies": {
     "@stencil/core": "3.4.2",
     "@stencil/store": "2.0.9",
-    "@swisspost/design-system-styles": "6.3.0",
+    "@swisspost/design-system-styles": "6.4.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "iframe-resizer": "4.3.6",
-    "jquery": "3.7.0",
+    "jquery": "3.7.1",
     "tabbable": "6.2.0",
     "throttle-debounce": "5.0.0",
     "url-polyfill": "1.1.12"
   },
   "devDependencies": {
-    "@babel/core": "7.22.10",
+    "@babel/core": "7.22.11",
     "@percy/cli": "1.26.3",
     "@percy/cypress": "3.1.2",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/sass": "3.0.5",
     "@types/iframe-resizer": "3.5.9",
     "@types/jest": "27.5.2",
-    "@types/jquery": "3.5.16",
-    "@types/node": "18.17.5",
+    "@types/jquery": "3.5.17",
+    "@types/node": "18.17.12",
     "@types/throttle-debounce": "5.0.0",
     "babel-loader": "9.1.3",
     "bootstrap": "5.3.1",
-    "cypress": "12.17.3",
+    "cypress": "12.17.4",
     "cypress-each": "1.13.3",
     "cypress-storybook": "0.5.1",
-    "eslint-plugin-react": "7.33.1",
+    "eslint-plugin-react": "7.33.2",
     "globby": "13.2.2",
     "jest": "27.5.1",
     "rimraf": "5.0.1",
     "rollup-plugin-node-polyfills": "0.2.1",
     "rollup-plugin-scss": "4.0.0",
     "rollup-plugin-visualizer": "5.9.2",
-    "sass": "1.65.1",
+    "sass": "1.66.1",
     "start-server-and-test": "2.0.0",
     "ts-jest": "27.1.5",
     "typescript": "4.9.5"

package/readme.md

@@ -8,13 +8,13 @@ The official Swiss Post Internet Header implementation, built with [Stencil JS](
 
 The header docs are part of the storybook docs for the Design System.
 
-[Internet Header Documentation](https://next.design-system.post.ch/?path=/story/internet-header-getting-started--page)
+[Internet Header Documentation](https://next.design-system.post.ch/?path=/docs/internet-header-getting-started--docs)
 
 ## Installation
 
 There are two possibilities to install the header on a page.
 
-### npm installation
+### Npm installation
 
 Use this if your project uses a bundler or a framework like Angular, React or Vue.
 
@@ -22,28 +22,63 @@ Use this if your project uses a bundler or a framework like Angular, React or Vu
 npm install @swisspost/internet-header
 ```
 
-`main.ts`
+```html
+<!-- index.html -->
+<body>
+  <swisspost-internet-header project="your-project-id"></swisspost-internet-header>
+  ...
+</body>
+```
+
+#### Lazy-loaded
 
-```ts
-import { defineCustomElements } from '@swisspost/internet-header';
+```javascript
+// main.ts / index.js / ...
+import { defineCustomElements } from '@swisspost/internet-header/loader';
 
 defineCustomElements();
 ```
 
+#### Bare component
+
+```javascript
+// main.ts / index.js / ...
+import '@swisspost/internet-header/dist/swisspost-internet-header/swisspost-internet-header.esm';
+```
+
 ### Basic installation
 
 Use this if you want to use the CDN version and if you don't use a bundler or a framework.
+Make sure to replace `{version}` with the version you want to use or remove `@{version}` to use the latest version.
 
-`index.html`
+#### Lazy-loaded
 
 ```html
-<body>
-  <swisspost-internet-header project="your-project-id"></swisspost-internet-header>
-  ...
+<!DOCTYPE html>
+<html>
+  <body>
+    <swisspost-internet-header project="your-project-id"></swisspost-internet-header>
+  </body>
+  <script type="module">
+    import { defineCustomElements } from 'https://unpkg.com/@swisspost/internet-header@{version}/loader/index.es2017.js';
+
+    defineCustomElements();
+  </script>
+</html>
+```
+#### Bare component
+
+```html
+<!-- index.html -->
+<head>
   <script
+    async
     type="module"
-    src="https://unpkg.com/@swisspost/internet-header/dist/swisspost-internet-header/swisspost-internet-header.esm.js"
+    src="https://unpkg.com/@swisspost/internet-header@{version}/dist/swisspost-internet-header/swisspost-internet-header.esm.js"
   ></script>
+</head>
+<body>
+  <swisspost-internet-header project="your-project-id"></swisspost-internet-header>
 </body>
 ```