@swisspost/internet-header 1.9.0 → 1.10.0

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-3cfe4534",[[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-75dde9a2",[[1,"swisspost-internet-breadcrumbs",{customItems:[1,"custom-items"],customBreadcrumbItems:[32],overlayVisible:[32],isConcatenated:[32],dropdownOpen:[32],refsReady:[32],toggleOverlayById:[64]}]]],["p-33f6c69f",[[1,"swisspost-internet-footer",{liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]]],["p-55fbc914",[[1,"post-klp-login-widget",{setFocus:[64]}]]],["p-02df8ca4",[[1,"post-language-switch",{mode:[1],langSwitchOpen:[32],toggleDropdown:[64]}]]],["p-6bb07a80",[[1,"post-logo"]]],["p-2ab12ef9",[[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-db8023e1",[[1,"post-search",{searchDropdownOpen:[32],coveoSuggestions:[32],placeSuggestions:[32],parcelSuggestion:[32],toggleDropdown:[64],setFocus:[64]}]]],["p-cbba35a8",[[0,"post-skiplinks"]]]],e)));
 //# sourceMappingURL=swisspost-internet-header.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","project","stickyness","language","meta","login","search","skiplinks","configProxy","environment","languageSwitchOverrides","customConfig","languageCookieKey","languageLocalStorageKey","activeRoute","osFlyoutOverrides","fullWidth","activeFlyout","activeDropdownElement","getCurrentLanguage","customItems","customBreadcrumbItems","overlayVisible","isConcatenated","dropdownOpen","refsReady","liveSupportEnabled","cookieSettingsEnabled","setFocus","mode","langSwitchOpen","toggleDropdown","mobileMenuOpen","setActiveFlyout","orientation","searchDropdownOpen","coveoSuggestions","placeSuggestions","parcelSuggestion"],"sources":["../../node_modules/.pnpm/@stencil+core@3.4.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAc,+CAAuC,CAAAC,QAAA,IAAAC,WAAA,IAAAC,SAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAC,UAAA,IAAAC,YAAA,mBAAAC,YAAA,IAAAC,wBAAA,gCAAAC,aAAA,oBAAAC,kBAAA,0BAAAC,wBAAA,iCAAAC,YAAA,mBAAAC,kBAAA,0BAAAC,UAAA,iBAAAC,aAAA,KAAAC,sBAAA,KAAAC,mBAAA,iHAAAC,YAAA,mBAAAC,sBAAA,KAAAC,eAAA,KAAAC,eAAA,KAAAC,aAAA,KAAAC,UAAA,wDAAAC,mBAAA,KAAAC,sBAAA,oDAAAC,SAAA,mDAAAC,KAAA,IAAAC,eAAA,KAAAC,eAAA,oFAAAd,aAAA,KAAAe,eAAA,KAAAD,eAAA,KAAAH,SAAA,KAAAK,gBAAA,mDAAAC,YAAA,IAAAlB,UAAA,sDAAAmB,mBAAA,KAAAC,iBAAA,KAAAC,iBAAA,KAAAC,iBAAA,KAAAP,eAAA,KAAAH,SAAA,gDAAA7B"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","project","stickyness","language","meta","login","search","skiplinks","configProxy","environment","languageSwitchOverrides","customConfig","languageCookieKey","languageLocalStorageKey","activeRoute","osFlyoutOverrides","fullWidth","activeFlyout","activeDropdownElement","getCurrentLanguage","customItems","customBreadcrumbItems","overlayVisible","isConcatenated","dropdownOpen","refsReady","toggleOverlayById","liveSupportEnabled","cookieSettingsEnabled","setFocus","mode","langSwitchOpen","toggleDropdown","mobileMenuOpen","setActiveFlyout","orientation","searchDropdownOpen","coveoSuggestions","placeSuggestions","parcelSuggestion"],"sources":["../../node_modules/.pnpm/@stencil+core@3.4.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAc,+CAAuC,CAAAC,QAAA,IAAAC,WAAA,IAAAC,SAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAC,UAAA,IAAAC,YAAA,mBAAAC,YAAA,IAAAC,wBAAA,gCAAAC,aAAA,oBAAAC,kBAAA,0BAAAC,wBAAA,iCAAAC,YAAA,mBAAAC,kBAAA,0BAAAC,UAAA,iBAAAC,aAAA,KAAAC,sBAAA,KAAAC,mBAAA,iHAAAC,YAAA,mBAAAC,sBAAA,KAAAC,eAAA,KAAAC,eAAA,KAAAC,aAAA,KAAAC,UAAA,KAAAC,kBAAA,wDAAAC,mBAAA,KAAAC,sBAAA,oDAAAC,SAAA,mDAAAC,KAAA,IAAAC,eAAA,KAAAC,eAAA,oFAAAf,aAAA,KAAAgB,eAAA,KAAAD,eAAA,KAAAH,SAAA,KAAAK,gBAAA,mDAAAC,YAAA,IAAAnB,UAAA,sDAAAoB,mBAAA,KAAAC,iBAAA,KAAAC,iBAAA,KAAAC,iBAAA,KAAAP,eAAA,KAAAH,SAAA,gDAAA9B"}

package/dist/types/components/post-internet-breadcrumbs/post-internet-breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import { IBreadcrumbOverlay, IBreadcrumbItem } from '../../models/breadcrumbs.model';
+import { IBreadcrumbItem, IBreadcrumbOverlay } from '../../models/breadcrumbs.model';
 export declare class PostInternetBreadcrumbs {
   customItems?: string | IBreadcrumbItem[];
   customBreadcrumbItems?: IBreadcrumbItem[];
@@ -7,6 +7,11 @@ export declare class PostInternetBreadcrumbs {
   dropdownOpen: boolean;
   refsReady: boolean;
   host: Element;
+  /**
+   * Toggle an overlay associated with a button.
+   * @param {IBreadcrumbOverlay['id']} overlayId
+   */
+  toggleOverlayById(overlayId: IBreadcrumbOverlay['id']): Promise<void>;
   private controlNavRef?;
   private visibleNavRef?;
   private currentOverlay;
@@ -18,7 +23,7 @@ export declare class PostInternetBreadcrumbs {
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
-  handleCustomConfigChage(newValue: string | IBreadcrumbItem[]): void;
+  handleCustomConfigChange(newValue: string | IBreadcrumbItem[]): void;
   handleResize(): void;
   checkConcatenation(): void;
   toggleOverlay(overlay: IBreadcrumbOverlay, force?: boolean): void;
@@ -28,7 +33,7 @@ export declare class PostInternetBreadcrumbs {
   setBodyScroll(overlay: IBreadcrumbOverlay): void;
   toggleDropdown(force?: boolean): void;
   handleWindowClick(): void;
-  registerIFrameResizer(iFrame: HTMLIFrameElement): void;
+  registerIFrameResizer(iFrame: HTMLIFrameElement | undefined): void;
   /**
    * Reference function for the overlay element got called. It is either null (overlay closed)
    * or contains the overlay element as parameter.

package/dist/types/components/post-internet-header/post-internet-header.d.ts

@@ -15,7 +15,7 @@ export declare class PostInternetHeader {
   /**
    * Initial language to be used. Overrides automatic language detection.
    */
-  language?: string;
+  language?: 'de' | 'fr' | 'it' | 'en';
   /**
    * Toggle the meta navigation.
    */
@@ -41,7 +41,7 @@ export declare class PostInternetHeader {
    */
   environment: Environment;
   /**
-   * Override the language switch links with custom URLs. Helpful when your application contains sub-pages and you
+   * Override the language switch links with custom URLs. Helpful when your application contains sub-pages, and you
    * would like to stay on subpages when the user changes language.
    */
   languageSwitchOverrides?: string | IAvailableLanguage[];
@@ -89,13 +89,14 @@ export declare class PostInternetHeader {
   private debouncedResize;
   private lastWindowWidth;
   private updateLogoAnimation;
+  private scrollParent;
   constructor();
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   handleLanguageChange(newValue: string): Promise<void>;
-  handleAvailableLanguagesChage(newValue: string | IAvailableLanguage[]): void;
+  handleAvailableLanguagesChange(newValue: string | IAvailableLanguage[]): void;
   handleOsFlyoutOverrides(newValue: string | NavMainEntity): Promise<void>;
   handleActiveRouteChange(newValue: string | ActiveRouteProp): Promise<void>;
   handleCustomConfigChange(newValue: string | ICustomConfig): Promise<void>;

package/dist/types/components.d.ts

@@ -6,12 +6,12 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DropdownEvent, NavMainEntity } from "./models/header.model";
-import { IBreadcrumbItem } from "./models/breadcrumbs.model";
+import { IBreadcrumbItem, IBreadcrumbOverlay } from "./models/breadcrumbs.model";
 import { StickynessOptions } from "./models/implementor.model";
 import { Environment, ICustomConfig } from "./models/general.model";
 import { IAvailableLanguage } from "./models/language.model";
 export { DropdownEvent, NavMainEntity } from "./models/header.model";
-export { IBreadcrumbItem } from "./models/breadcrumbs.model";
+export { IBreadcrumbItem, IBreadcrumbOverlay } from "./models/breadcrumbs.model";
 export { StickynessOptions } from "./models/implementor.model";
 export { Environment, ICustomConfig } from "./models/general.model";
 export { IAvailableLanguage } from "./models/language.model";
@@ -70,6 +70,11 @@ export namespace Components {
     }
     interface SwisspostInternetBreadcrumbs {
         "customItems"?: string | IBreadcrumbItem[];
+        /**
+          * Toggle an overlay associated with a button.
+          * @param overlayId
+         */
+        "toggleOverlayById": (overlayId: IBreadcrumbOverlay['id']) => Promise<void>;
     }
     interface SwisspostInternetFooter {
     }
@@ -102,7 +107,7 @@ export namespace Components {
         /**
           * Initial language to be used. Overrides automatic language detection.
          */
-        "language"?: string;
+        "language"?: 'de' | 'fr' | 'it' | 'en';
         /**
           * The header uses this cookie to set the language. Disables automatic language detection.
          */
@@ -112,7 +117,7 @@ export namespace Components {
          */
         "languageLocalStorageKey"?: string;
         /**
-          * Override the language switch links with custom URLs. Helpful when your application contains sub-pages and you would like to stay on subpages when the user changes language.
+          * Override the language switch links with custom URLs. Helpful when your application contains sub-pages, and you would like to stay on subpages when the user changes language.
          */
         "languageSwitchOverrides"?: string | IAvailableLanguage[];
         /**
@@ -287,7 +292,7 @@ declare namespace LocalJSX {
         /**
           * Initial language to be used. Overrides automatic language detection.
          */
-        "language"?: string;
+        "language"?: 'de' | 'fr' | 'it' | 'en';
         /**
           * The header uses this cookie to set the language. Disables automatic language detection.
          */
@@ -297,7 +302,7 @@ declare namespace LocalJSX {
          */
         "languageLocalStorageKey"?: string;
         /**
-          * Override the language switch links with custom URLs. Helpful when your application contains sub-pages and you would like to stay on subpages when the user changes language.
+          * Override the language switch links with custom URLs. Helpful when your application contains sub-pages, and you would like to stay on subpages when the user changes language.
          */
         "languageSwitchOverrides"?: string | IAvailableLanguage[];
         /**

package/dist/types/services/language.service.d.ts

@@ -1,4 +1,4 @@
-export declare const getUserLang: (supportedLanguages: string[], implementorPreferredLanguage?: string, localStorageKey?: string, cookieKey?: string) => string | undefined;
+export declare const getUserLang: (supportedLanguages: string[], implementorPreferredLanguage?: string, localStorageKey?: string, cookieKey?: string) => string;
 /**
  * Persist chosen language to local storage
  * @param lang Currently chose language, two char string
@@ -44,10 +44,7 @@ export declare const translate: (key: string, lang?: string, translationObject?:
   };
   'Change language': {
     de: string;
-    fr: string; /**
-     * Build array of possible language definitions in order of importance.
-     * At the end is a filter function that will weed out any undefined or null entries.
-     */
+    fr: string;
     it: string;
   };
   'Go to main content': {

package/dist/types/utils/scrollparent.d.ts

@@ -0,0 +1 @@
+export declare const getScrollParent: (node: Element) => Element | Document;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/internet-header",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "The header for client facing applications.",
   "author": "Swiss Post <oss@post.ch>",
   "license": "Apache-2.0",
@@ -31,39 +31,40 @@
   "dependencies": {
     "@stencil/core": "3.4.2",
     "@stencil/store": "2.0.9",
-    "@swisspost/design-system-styles": "6.3.0",
+    "@swisspost/design-system-styles": "6.4.1",
     "body-scroll-lock": "4.0.0-beta.0",
-    "iframe-resizer": "4.3.6",
-    "jquery": "3.7.0",
+    "iframe-resizer": "4.3.7",
+    "jquery": "3.7.1",
     "tabbable": "6.2.0",
     "throttle-debounce": "5.0.0",
     "url-polyfill": "1.1.12"
   },
   "devDependencies": {
-    "@babel/core": "7.22.10",
-    "@percy/cli": "1.26.3",
+    "@babel/core": "7.22.20",
+    "@percy/cli": "1.27.2",
     "@percy/cypress": "3.1.2",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/sass": "3.0.5",
+    "@types/body-scroll-lock": "3.1.0",
     "@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.19",
+    "@types/node": "18.17.19",
     "@types/throttle-debounce": "5.0.0",
     "babel-loader": "9.1.3",
-    "bootstrap": "5.3.1",
-    "cypress": "12.17.3",
+    "bootstrap": "5.3.2",
+    "cypress": "13.2.0",
     "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",
-    "start-server-and-test": "2.0.0",
+    "sass": "1.68.0",
+    "start-server-and-test": "2.0.1",
     "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>
 ```