@swisspost/internet-header 1.17.0 → 10.1.0

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

@@ -1,9 +1,551 @@
-export { P as swisspost_internet_header } from './post-internet-header-c629061c.js';
-import './index-bb0e68fd.js';
-import './index-d3f1363d.js';
-import './language.service-2960ab93.js';
-import './store-629cab77.js';
-import './utils-c8805f81.js';
-import './svg-sprite.component-abb69a1b.js';
-import './svg-icon.component-70692acc.js';
-import './if.component-d88d9e48.js';
+import { h, r as registerInstance, c as createEvent, H as Host } from './index-h3opCZqH.js';
+import { c as createIdFrom, L as Link, g as getText, T as Title, s as state, d as dispose, v as version } from './package-ClQfdhMK.js';
+
+const Avatar = ({ user, description }) => (h("post-avatar", { firstname: user.name, lastname: user.surname, email: user.email, description: description, "aria-hidden": description ? undefined : 'true' }));
+
+const MegaDropdown = ({ config, textClose, textBack }) => {
+    const megaDropdownId = createIdFrom(config.trigger.text);
+    return [
+        h("post-megadropdown-trigger", { key: "trigger", for: megaDropdownId }, config.trigger.text),
+        h("post-megadropdown", { key: "dropdown", id: megaDropdownId, textClose: textClose, textBack: textBack }, config.overview && (h(Link, { config: config.overview, class: "post-megadropdown-overview", ariaCurrentWhenActive: "page" })), h("div", { class: "row row-cols-1 row-cols-sm-2" }, config.sections.map(section => (h(MegaDropdownSection, { config: section }))))),
+    ];
+};
+const MegaDropdownSection = ({ config }) => {
+    const titleText = getText(config.title);
+    const titleId = createIdFrom(titleText);
+    return (h("div", { class: "col" }, h(Title, { class: "post-megadropdown-list-title", id: titleId, config: config.title }), h("ul", { class: "post-megadropdown-list", "aria-labelledby": titleId }, config.items.map(item => (h("li", { key: item.url }, h(Link, { config: item, ariaCurrentWhenActive: "page" })))))));
+};
+
+// Appends/overwrites a returnURL param on the given URL
+const withReturnUrl = (url) => {
+    const target = new URL(url, window.location.href);
+    target.searchParams.set('returnURL', window.location.href);
+    return target.toString();
+};
+const UserMenu = ({ config, slot, textCurrentUser, textUserLinks, textAccessUserLinks, }) => {
+    const isB2C = config.user.userType === 'B2C';
+    const isB2B = config.user.userType === 'B2B';
+    const canChangeUserAndProfile = (isB2C || isB2B) && config.user.changeUserAndProfile === 'userAndProfile';
+    const canChangeCompany = isB2B && config.user.canChangeCompany && config.user.company;
+    const canSeeAccountSwitch = canChangeUserAndProfile || canChangeCompany;
+    const userFullname = [config.user.name, config.user.surname].join(' ');
+    const userMenuId = createIdFrom(userFullname);
+    return (h("div", { slot: slot }, h("post-menu-trigger", { for: userMenuId }, h("button", { class: "btn btn-link", type: "button" }, h(Avatar, { user: config.user, description: textCurrentUser.replace('{user}', `${userFullname}`) }), h("span", { class: "visually-hidden" }, textAccessUserLinks))), h("post-menu", { id: userMenuId, label: textUserLinks }, h("div", { slot: "header" }, h(Avatar, { user: config.user }), config.user.company && h("p", null, config.user.company), h("p", null, userFullname)), config.accountSwitch && canSeeAccountSwitch && (h("post-menu-item", null, h(Link, { config: {
+            text: config.accountSwitch.text,
+            url: withReturnUrl(config.accountSwitch.url),
+            icon: config.accountSwitch.icon,
+        } }))), config.companySwitch && canChangeCompany && (h("post-menu-item", null, h(Link, { config: {
+            text: config.companySwitch.text,
+            url: withReturnUrl(config.companySwitch.url),
+            icon: config.companySwitch.icon,
+        } }))), config.options.map(optionConfig => (h("post-menu-item", { key: optionConfig.url }, h(Link, { config: optionConfig })))), config.logoutLink && (h("post-menu-item", null, h(Link, { config: config.logoutLink }))))));
+};
+
+const DEFAULT_LANGUAGE = 'de';
+/**
+ * Determine the current user language
+ *
+ * @param implementorPreferredLanguage [optional] Preferred language
+ * @returns The resolved language code
+ */
+const getUserLang = (implementorPreferredLanguage) => {
+    const url = new URL(window.location.href);
+    /**
+     * 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.
+     */
+    const languagesSet = [
+        // Check if implementor overrides lang config
+        implementorPreferredLanguage,
+        // Check query string param
+        url.searchParams.get('lang'),
+        // Check url pathname
+        getPathLanguage(url.pathname),
+        // Check document language
+        document.documentElement.lang,
+        // Check browser preferred language
+        getPreferredLanguageFromBrowser(),
+        // Check the state
+        state.currentLanguage,
+    ].filter((lang) => lang != null);
+    return extractLanguage(languagesSet[0] ?? DEFAULT_LANGUAGE);
+};
+// Returns the first path segment if it's a valid language tag, e.g. "de" in "/de/products"
+const getPathLanguage = (pathname) => {
+    const segment = pathname.split('/').filter(Boolean)[0];
+    if (!segment)
+        return undefined;
+    try {
+        Intl.getCanonicalLocales(segment);
+        return segment;
+    }
+    catch {
+        return undefined;
+    }
+};
+const getPreferredLanguageFromBrowser = () => {
+    // IE & Chrome
+    if (navigator.language != null) {
+        return extractLanguage(navigator.language);
+    }
+    // Chrome supports a list of preferred languages: use the first one.
+    if (navigator.languages != null && navigator.languages.length > 0) {
+        return extractLanguage(navigator.languages[0]);
+    }
+    return null;
+};
+const extractLanguage = (language) => language.substring(0, 2).toLowerCase();
+
+// Dedupes concurrent requests for the same projectId + environment + language.
+// Entries are removed once settled, so a new language switch always fetches fresh.
+const inFlightRequests = new Map();
+const getPPMConfig = () => {
+    const ppmConfigScript = document.querySelector('#PPM_HEADER_DATA');
+    if (ppmConfigScript?.textContent != null) {
+        return JSON.parse(ppmConfigScript.textContent);
+    }
+    return null;
+};
+/**
+ * Get a localized config object
+ *
+ * @param projectId String identifying the project
+ * @param environment Target environment
+ * @param language [optional] Preferred language
+ * @returns Localized config object
+ */
+const getLocalizedConfig = async ({ projectId, environment, language, }) => {
+    const ppmConfig = getPPMConfig();
+    if (ppmConfig) {
+        const lang = document.documentElement.lang;
+        state.currentLanguage = lang;
+        return ppmConfig;
+    }
+    const lang = getUserLang(language);
+    const cacheKey = `${projectId}-${environment}-${lang}`;
+    let configPromise = inFlightRequests.get(cacheKey);
+    if (configPromise == null) {
+        configPromise = fetchConfig(projectId, environment, lang).finally(() => {
+            inFlightRequests.delete(cacheKey);
+        });
+        inFlightRequests.set(cacheKey, configPromise);
+    }
+    // Clone config for more predictable state updates
+    const localizedConfig = { ...(await configPromise) };
+    // Set the new language choice
+    state.currentLanguage = lang;
+    return localizedConfig;
+};
+/**
+ * Fetch the config for a project, in a given language
+ *
+ * @param projectId String identifying the project
+ * @param environment Target environment
+ * @param lang Currently selected language
+ * @returns Promise for a single-language config object
+ */
+const fetchConfig = async (projectId, environment, lang) => {
+    // Check if project id is sanitized
+    if (!isValidProjectId(projectId)) {
+        throw new Error(`Internet Header: invalid project id "${projectId}"`);
+    }
+    if (projectId === 'test') {
+        environment = 'int01';
+    }
+    const url = generateConfigUrl(projectId, environment, lang);
+    try {
+        const res = await fetch(url);
+        return (await res.json());
+    }
+    catch (error) {
+        throw new Error(`Internet Header: fetching config failed. ${error.message}`);
+    }
+};
+/**
+ * Generate a URL with all necessary query params to get the configuration.
+ * Project id "test" will return a test configuration
+ * @param projectId string
+ * @param environment int01, int02 or prod
+ * @param lang currently selected language
+ * @returns URL pointing to the project config
+ */
+const generateConfigUrl = (projectId, environment, lang) => {
+    if (projectId === 'test')
+        return 'assets/config/test-configuration.json';
+    const parsedEnvironment = environment.toUpperCase();
+    const parsedLang = lang.toLowerCase();
+    const isProd = parsedEnvironment === 'PROD';
+    // NOTE: use preview.post.ch for local testing
+    const host = `https://${isProd ? '' : 'int.'}preview.post.ch`;
+    try {
+        const query = new URLSearchParams({
+            serviceId: projectId,
+            environment: parsedEnvironment,
+            lang: parsedLang,
+        }).toString();
+        // Use URL to validate the generated URL
+        return new URL(`${host}/api/header?${query}`).toString();
+    }
+    catch (error) {
+        throw new Error(`Internet Header: Config URL is invalid.`);
+    }
+};
+/**
+ * Check if project id contains only URL safe characters
+ *
+ * @param projectId Project ID string
+ * @returns The valid project id
+ */
+const isValidProjectId = (projectId) => {
+    return projectId !== '' && projectId.length > 0 && /^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(projectId);
+};
+
+/**
+ * Determine the active link from the header config and the activeRoute prop.
+ * @param activeRouteProp Match mode or custom URL
+ * @returns The best-matching link config object, or null
+ */
+const getActiveLink = (activeRouteProp) => {
+    const headerLinks = getHeaderLinks(state.localizedConfig?.header);
+    if (headerLinks.length === 0 || activeRouteProp === 'none') {
+        return null;
+    }
+    // If 'auto' or 'exact', check if any link is already marked active in the config
+    if (activeRouteProp === 'auto' || activeRouteProp === 'exact') {
+        const activeLink = findActiveLink(headerLinks);
+        if (activeLink)
+            return activeLink;
+    }
+    let compareUrl;
+    if (activeRouteProp === 'auto' || activeRouteProp === 'exact') {
+        compareUrl = new URL(window.location.href);
+    }
+    else {
+        try {
+            compareUrl = new URL(activeRouteProp, document.location.origin);
+        }
+        catch {
+            console.warn(`Active Route: ${activeRouteProp} is not a valid URL. Navigation highlighting has been disabled.`);
+            return null;
+        }
+    }
+    const candidates = extractCandidateLinks(headerLinks);
+    const matchMode = activeRouteProp === 'exact' ? 'exact' : 'auto';
+    return findBestMatch(candidates, compareUrl, matchMode);
+};
+/**
+ * Find the first link marked as active in the header config
+ */
+const findActiveLink = (headerLinks) => {
+    return headerLinks.find(link => link.active);
+};
+/**
+ * Extract all candidate links from the header config.
+ */
+const extractCandidateLinks = (headerLinks) => {
+    return headerLinks.filter(link => link.url !== '' && link.url !== '#' && link.url !== '/');
+};
+/**
+ * Recursively walks the header config and returns every item with a `url` property.
+ */
+const getHeaderLinks = (headerConfig) => {
+    const links = [];
+    if (!headerConfig) {
+        return links;
+    }
+    const walk = (value) => {
+        if (value === null || value === undefined) {
+            return;
+        }
+        if (Array.isArray(value)) {
+            value.forEach(walk);
+            return;
+        }
+        if (typeof value !== 'object' || value === null) {
+            return;
+        }
+        if ('url' in value && typeof value.url === 'string') {
+            links.push(value);
+        }
+        Object.values(value).forEach(walk);
+    };
+    walk(headerConfig);
+    return links;
+};
+/**
+ * Find the best matching link against the compare URL and return it
+ */
+const findBestMatch = (candidates, compareUrl, matchMode) => {
+    let bestMatch = null;
+    for (const candidate of candidates) {
+        try {
+            const candidateUrl = new URL(candidate.url, document.location.origin);
+            const score = compareRoutes(compareUrl, candidateUrl, matchMode);
+            if (score > 0) {
+                if (!bestMatch || score > bestMatch.score) {
+                    bestMatch = { link: candidate, score };
+                }
+                if (score === Infinity)
+                    break;
+            }
+        }
+        catch {
+            // Not a valid URL, continue
+        }
+    }
+    return bestMatch ? bestMatch.link : null;
+};
+/**
+ * Compare two URLs for similarity based on a match mode
+ * @param baseUrl Browser URL
+ * @param compareUrl Navigation URL
+ * @param matchMode exact or auto matching
+ * @returns Score
+ */
+const compareRoutes = (baseUrl, compareUrl, matchMode) => {
+    // One url is not defined or they don't share the same orign
+    if (baseUrl === null || compareUrl === null || baseUrl.origin !== compareUrl.origin) {
+        return 0;
+    }
+    const baseUrlPath = baseUrl.pathname.toLocaleLowerCase();
+    const compareUrlPath = compareUrl.pathname.toLocaleLowerCase();
+    // Exact match, origin and pathname are the same
+    if (baseUrlPath === compareUrlPath) {
+        return Infinity;
+    }
+    // The basepath is longer than the comparison, a match is impossible
+    if (baseUrl.pathname.length < compareUrl.pathname.length) {
+        return 0;
+    }
+    if (matchMode === 'auto') {
+        const baseSegments = [
+            baseUrl.origin.toLocaleLowerCase(),
+            ...baseUrlPath.split('/').filter(x => x !== null && x !== ''),
+        ];
+        const compareSegments = [
+            compareUrl.origin.toLocaleLowerCase(),
+            ...compareUrlPath.split('/').filter(x => x !== null && x !== ''),
+        ];
+        const score = getSimilarityScore(baseSegments, compareSegments);
+        // If only some segments match, but not the whole smaller array, it's not a match
+        return Math.min(baseSegments.length, compareSegments.length) === score ? score : 0;
+    }
+    return 0;
+};
+/**
+ * Check how many items in an array match
+ * @param a Base array
+ * @param b Compare array
+ * @returns Score
+ */
+const getSimilarityScore = (a, b) => {
+    if (a == null || b == null || a.length === 0 || b.length === 0) {
+        return 0;
+    }
+    let i = 0;
+    for (; i < Math.min(a.length, b.length); i++) {
+        if (a[i] !== b[i]) {
+            return 0;
+        }
+    }
+    return i;
+};
+
+const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
+const PostInternetHeader = class {
+    /**
+     * Set the currently activated route. If there is a link matching this URL in the header, it will be highlighted.
+     * Will also highlight partly matching URLs. When set to auto, will use current location.href for comparison.
+     */
+    activeRoute = 'auto';
+    handleActiveRouteChange() {
+        this.updateActiveUrl();
+    }
+    /**
+     * Target environment. Choose 'int01' for local testing.
+     */
+    environment = 'prod';
+    /**
+     * Makes the header content span the full width on screens larger than 1440px.
+     */
+    fullWidth = false;
+    /**
+     * Initial language to be used. Overrides automatic language detection.
+     */
+    language;
+    async handleLanguageChange(newValue) {
+        try {
+            // Pass newValue explicitly — it wins first priority in getUserLang's chain
+            await this.updateConfig(newValue);
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    /**
+     * Your project id, previously passed as query string parameter serviceId.
+     */
+    project;
+    /**
+     * Visually hidden label for the back button.
+     */
+    textBack;
+    /**
+     * Visually hidden label for the language menu.
+     */
+    textChangeLanguage;
+    /**
+     * Visually hidden label for the close button.
+     */
+    textClose;
+    /**
+     * Visually hidden label for the current language.
+     * The placeholder `{name}` will be replaced with the name of the currently selected language.
+     */
+    textCurrentLanguage;
+    /**
+     * Visually hidden label for the current user.
+     * The placeholder `{user}` will be replaced with the full name of the currently logged-in user.
+     */
+    textCurrentUser;
+    /**
+     * Visually hidden label for the main navigation element.
+     */
+    textMain;
+    /**
+     * Visually hidden label for the burger menu button.
+     */
+    textMenu;
+    /**
+     * Visually hidden label for the login widget trigger button.
+     */
+    textAccessUserLinks;
+    /**
+     * Visually hidden label for the user menu.
+     */
+    textUserLinks;
+    /**
+     * Fires when the header has been rendered to the page.
+     */
+    headerLoaded;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.headerLoaded = createEvent(this, "headerLoaded");
+        if (this.project === undefined || this.project === '' || !isValidProjectId(this.project)) {
+            throw new Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`);
+        }
+    }
+    async componentWillLoad() {
+        await Promise.all([this.fetchHeaderConfig(), this.fetchUserData()]);
+    }
+    componentDidLoad() {
+        window.requestAnimationFrame(() => {
+            this.headerLoaded.emit();
+        });
+    }
+    disconnectedCallback() {
+        // Reset the store to its original state
+        dispose();
+    }
+    handleLanguageChangeEvent(event) {
+        if (event.target instanceof HTMLElement &&
+            event.target.localName === 'post-language-menu-item' &&
+            event.detail !== this.language) {
+            void this.handleLanguageChange(event.detail);
+        }
+    }
+    async fetchHeaderConfig() {
+        // Wait for the config to arrive, then render the header
+        try {
+            state.projectId = this.project;
+            state.environment = this.environment.toLocaleLowerCase();
+            if (this.language !== undefined)
+                state.currentLanguage = this.language;
+            await this.updateConfig();
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    async fetchUserData() {
+        try {
+            const response = await fetch(SESSION_URL, {
+                credentials: 'include',
+            });
+            if (response.ok) {
+                const json = await response.json();
+                state.user = json?.data;
+            }
+        }
+        catch {
+            // In case of an error, we assume the user is not logged in and do nothing
+        }
+    }
+    // Fetch and store the localized config, defaulting to the `language` prop if none is passed
+    async updateConfig(language) {
+        state.localizedConfig = await getLocalizedConfig({
+            projectId: this.project,
+            environment: this.environment,
+            language: language ?? this.language,
+        });
+        this.updateActiveUrl();
+    }
+    updateActiveUrl() {
+        state.activeLink = getActiveLink(this.activeRoute);
+    }
+    getUserMenuOptions(postLogin) {
+        return [
+            ...(postLogin.userProfile ? [postLogin.userProfile] : []),
+            ...(postLogin.settings ? [postLogin.settings] : []),
+            ...(postLogin.userLinks ?? []),
+        ];
+    }
+    renderNavItem(config, props = {}) {
+        if ('url' in config) {
+            return h(Link, { ...props, config: config });
+        }
+        return (h(UserMenu, { slot: props.slot, config: config, textCurrentUser: this.textCurrentUser, textAccessUserLinks: this.textAccessUserLinks, textUserLinks: this.textUserLinks }));
+    }
+    renderNavigation(slot, config, props = {}) {
+        if (config.length === 0)
+            return null;
+        if (config.length === 1) {
+            return this.renderNavItem(config[0], { ...props, slot });
+        }
+        return (h("ul", { slot: slot }, config.map(navItem => (h("li", { key: 'url' in navItem ? navItem.url : navItem.user.email }, this.renderNavItem(navItem, props))))));
+    }
+    render() {
+        if (!state.localizedConfig?.header) {
+            console.error(new Error('Internet Header: Config cannot be loaded'));
+            return;
+        }
+        const { globalHeader, localHeader } = state.localizedConfig.header;
+        return (h(Host, { "data-version": version }, h("post-header", { textMenu: this.textMenu }, 'image' in globalHeader.postLogo ? (h(Link, { slot: "post-logo", config: globalHeader.postLogo })) : (h("post-logo", { slot: "post-logo", url: globalHeader.postLogo.url, "aria-label": globalHeader.postLogo.label, "aria-description": globalHeader.postLogo.description }, globalHeader.postLogo.text)), globalHeader.audience &&
+            this.renderNavigation('audience', globalHeader.audience, {
+                ariaCurrentWhenActive: 'location',
+            }), globalHeader.primaryNavigation &&
+            this.renderNavigation('global-nav-primary', globalHeader.primaryNavigation), globalHeader.secondaryNavigation &&
+            this.renderNavigation('global-nav-secondary', globalHeader.secondaryNavigation, {
+                ariaCurrentWhenActive: 'location',
+            }), globalHeader.languages && globalHeader.languages.length > 0 && (h("post-language-menu", { slot: "language-menu", textChangeLanguage: this.textChangeLanguage, textCurrentLanguage: this.textCurrentLanguage }, globalHeader.languages.map(lang => (h("post-language-menu-item", { key: lang.code, url: lang.url, active: lang.active, code: lang.code, name: lang.label, description: lang.description }, lang.text))))), globalHeader.postLogin &&
+            this.renderNavItem(state.user
+                ? {
+                    user: state.user,
+                    options: this.getUserMenuOptions(globalHeader.postLogin),
+                    accountSwitch: globalHeader.postLogin.accountSwitch,
+                    companySwitch: globalHeader.postLogin.companySwitch,
+                    logoutLink: globalHeader.postLogin.logoutLink,
+                }
+                : globalHeader.postLogin.loginLink, { slot: 'post-login' }), localHeader.title && h("p", { slot: "title" }, localHeader.title), localHeader.navigation && this.renderNavigation('local-nav', localHeader.navigation), localHeader.mainNavigation && (h("post-mainnavigation", { slot: "main-nav", textMain: this.textMain }, h("ul", null, localHeader.mainNavigation.map(navItem => (h("li", { key: 'url' in navItem ? navItem.url : navItem.trigger.text }, 'url' in navItem ? (h(Link, { config: navItem, ariaCurrentWhenActive: "page" })) : (h(MegaDropdown, { config: navItem, textBack: this.textBack, textClose: this.textClose })))))))))));
+    }
+    static get watchers() { return {
+        "activeRoute": [{
+                "handleActiveRouteChange": 0
+            }],
+        "language": [{
+                "handleLanguageChange": 0
+            }]
+    }; }
+};
+
+export { PostInternetHeader as swisspost_internet_header };

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

@@ -1,10 +1,11 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-bb0e68fd.js';
-export { s as setNonce } from './index-bb0e68fd.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-h3opCZqH.js';
+export { s as setNonce } from './index-h3opCZqH.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
  */
+
 var patchBrowser = () => {
   const importMeta = import.meta.url;
   const opts = {};
@@ -16,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["swisspost-internet-header",[[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"],"logoutUrl":[1,"logout-url"],"selfAdminOrigin":[1,"self-admin-origin"],"activeRoute":[8,"active-route"],"osFlyoutOverrides":[1,"os-flyout-overrides"],"fullWidth":[4,"full-width"],"activeFlyout":[32],"activeDropdownElement":[32],"isMainSlotEmpty":[32],"getCurrentLanguage":[64]},[[0,"languageChanged","handleLanguageChangeEvent"]],{"language":["handleLanguageChange"],"languageSwitchOverrides":["handleAvailableLanguagesChange"],"osFlyoutOverrides":["handleOsFlyoutOverrides"],"activeRoute":["handleActiveRouteChange"],"customConfig":["handleCustomConfigChange"],"search":["handleSearchChange"],"login":["handleLoginChange"],"meta":["handleMetaChange"],"stickyness":["handleStickynessChange"]}]]],["swisspost-internet-breadcrumbs",[[1,"swisspost-internet-breadcrumbs",{"customItems":[1,"custom-items"],"hideButtons":[4,"hide-buttons"],"customBreadcrumbItems":[32],"overlayVisible":[32],"isConcatenated":[32],"dropdownOpen":[32],"refsReady":[32],"toggleOverlayById":[64]},null,{"customItems":["handleCustomConfigChange"]}]]],["swisspost-internet-footer",[[1,"swisspost-internet-footer",{"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-search",[[1,"post-search",{"searchDropdownOpen":[32],"coveoSuggestions":[32],"placeSuggestions":[32],"parcelSuggestion":[32],"toggleDropdown":[64],"setFocus":[64]}]]],["post-header-logo",[[1,"post-header-logo"]]],["post-klp-login-widget",[[1,"post-klp-login-widget",{"logoutUrl":[1,"logout-url"],"selfAdminOrigin":[1,"self-admin-origin"],"setFocus":[64]}]]],["post-language-switch",[[1,"post-language-switch",{"mode":[1],"langSwitchOpen":[32],"toggleDropdown":[64]}]]],["post-main-navigation",[[1,"post-main-navigation",{"activeFlyout":[32],"mobileMenuOpen":[32],"toggleDropdown":[64],"setFocus":[64],"setActiveFlyout":[64]}]]],["post-meta-navigation",[[1,"post-meta-navigation",{"orientation":[1],"fullWidth":[4,"full-width"]}]]],["post-skiplinks",[[0,"post-skiplinks"]]],["focus-trap",[[4,"focus-trap",{"active":[4],"trap":[32]},null,{"active":["handleActiveChange"]}]]]], options);
+  return bootstrapLazy([["swisspost-internet-header",[[512,"swisspost-internet-header",{"activeRoute":[1,"active-route"],"environment":[1],"fullWidth":[4,"full-width"],"language":[1],"project":[1],"textBack":[513,"text-back"],"textChangeLanguage":[513,"text-change-language"],"textClose":[513,"text-close"],"textCurrentLanguage":[513,"text-current-language"],"textCurrentUser":[513,"text-current-user"],"textMain":[513,"text-main"],"textMenu":[513,"text-menu"],"textAccessUserLinks":[513,"text-access-user-links"],"textUserLinks":[513,"text-user-links"]},[[0,"postChange","handleLanguageChangeEvent"]],{"activeRoute":[{"handleActiveRouteChange":0}],"language":[{"handleLanguageChange":0}]}]]],["swisspost-internet-footer",[[512,"swisspost-internet-footer",{"textFooter":[513,"text-footer"],"textCookieSettings":[513,"text-cookie-settings"],"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-breadcrumbs",[[257,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"shouldRenderMenu":[32],"id":[32]}]]],["post-popover",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker",[[257,"post-date-picker",{"locale":[1],"range":[4],"min":[1],"max":[1],"cellConfig":[16],"inline":[4],"textNextMonth":[513,"text-next-month"],"textNextYear":[513,"text-next-year"],"textNextDecade":[513,"text-next-decade"],"textPreviousMonth":[513,"text-previous-month"],"textPreviousYear":[513,"text-previous-year"],"textPreviousDecade":[513,"text-previous-decade"],"textSwitchYear":[513,"text-switch-year"],"textToggleCalendar":[1,"text-toggle-calendar"],"inputDisabled":[32],"today":[32],"startDate":[32],"show":[64],"hide":[64]},null,{"locale":[{"validateLocale":0},{"updateLocale":0}],"range":[{"updateRange":0}],"min":[{"updateMin":0}],"max":[{"updateMax":0}],"inline":[{"validateInline":0}]}]]],["post-megadropdown",[[257,"post-megadropdown",{"textClose":[513,"text-close"],"textBack":[513,"text-back"],"device":[32],"isVisible":[32],"trigger":[32],"megadropdownTitle":[32],"animationClass":[32],"toggle":[64],"show":[64],"hide":[64],"focusFirst":[64]}]]],["post-side-navigation",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"inputValue":[32]}]]],["post-back-to-top",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516]}]]],["post-listbox",[[257,"post-listbox",{"show":[64],"hide":[64],"filter":[64],"clearSelection":[64],"navigate":[64],"selectActive":[64]},[[0,"postOptionSelected","optionClicked"]]]]],["post-listbox-option",[[257,"post-listbox-option",{"value":[513],"selected":[516],"highlighted":[516]}]]],["post-megadropdown-trigger",[[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]]],["post-number-input",[[257,"post-number-input",{"isDisabled":[32],"isIncrementDisabled":[32],"isDecrementDisabled":[32],"small":[32],"input":[32]}]]],["post-pagination",[[1,"post-pagination",{"page":[1026],"pageSize":[514,"page-size"],"collectionSize":[514,"collection-size"],"label":[513],"textPrevious":[513,"text-previous"],"textNext":[513,"text-next"],"textPage":[513,"text-page"],"textFirst":[513,"text-first"],"textLast":[513,"text-last"],"paginationId":[32],"maxVisiblePages":[32],"items":[32]},null,{"page":[{"handlePropsChange":0}],"pageSize":[{"handlePropsChange":0}],"collectionSize":[{"handlePropsChange":0}]}]]],["post-rating",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs",[[257,"post-tabs",{"textPrevTabItems":[513,"text-prev-tab-items"],"textNextTabItems":[513,"text-next-tab-items"],"activeTab":[513,"active-tab"],"size":[513],"label":[513],"isPagesVariant":[32],"showLeftScrollButton":[32],"showRightScrollButton":[32],"show":[64]},null,{"label":[{"validateLabel":0}]}]]],["post-tooltip",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["post-avatar",[[257,"post-avatar",{"firstname":[513],"lastname":[1],"email":[1],"description":[1],"slottedImage":[32],"avatarType":[32],"imageUrl":[32],"imageAlt":[32],"initials":[32],"storageKey":[32]},null,{"email":[{"updateEmail":0}]}]]],["post-banner",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]]]]],["post-linkarea",[[257,"post-linkarea"]]],["post-popover-trigger",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["post-stepper",[[257,"post-stepper",{"textCurrentStep":[513,"text-current-step"],"textCompletedStep":[513,"text-completed-step"],"textStepNumber":[513,"text-step-number"],"currentIndex":[2,"current-index"],"selectedIndex":[2,"selected-index"],"mobileActiveStepLabel":[32],"mobileActiveStepName":[32]},null,{"currentIndex":[{"validateCurrentIndex":0}],"selectedIndex":[{"validateSelectedIndex":0}],"textStepNumber":[{"updateActiveStepNumber":0}]}]]],["post-stepper-item",[[257,"post-stepper-item"]]],["post-tab-item",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-popovercontainer",[[257,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"offset":[2],"arrow":[4],"safeSpace":[513,"safe-space"],"dynamicPlacement":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon",[[1,"post-icon",{"animation":[513],"base":[1],"url":[1],"flipH":[516,"flip-h"],"flipV":[516,"flip-v"],"name":[513],"rotate":[2],"scale":[2]}]]],["post-footer",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"gridSlotDisplayed":[32]}]]],["post-language-menu",[[257,"post-language-menu",{"textChangeLanguage":[513,"text-change-language"],"textCurrentLanguage":[513,"text-current-language"],"variant":[513],"activeLang":[32]},[[0,"postChange","handlePostChange"],[7,"scroll","hideMenuOnScroll"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{"variant":[{"handleVariantChange":0}]}]]],["post-header",[[257,"post-header",{"fullWidth":[516,"full-width"],"textMenu":[513,"text-menu"],"device":[32],"hasTitle":[32],"hasMainNav":[32],"hasLocalNav":[32],"burgerMenuExtended":[32],"megadropdownOpen":[32],"toggleBurgerMenu":[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{"device":[{"lockBody":0}],"burgerMenuExtended":[{"lockBody":0}]}]]],["post-language-menu-item",[[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}]]],["post-mainnavigation",[[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]]],["post-logo",[[257,"post-logo",{"url":[1]}]]],["post-togglebutton",[[257,"post-togglebutton",{"toggled":[1028]}]]],["post-closebutton",[[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}]]],["post-menu-item",[[0,"post-menu-item"]]],["post-menu_2",[[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[257,"post-menu-trigger",{"for":[513]}]]],["post-accordion_4",[[257,"post-accordion-item",{"collapsed":[1540],"slottedLogo":[32],"toggle":[64]},[[2,"postToggle","onCollapseToggle"]]],[257,"post-accordion",{"headingLevel":[514,"heading-level"],"multiple":[516],"toggle":[64],"expandAll":[64],"collapseAll":[64]},[[0,"postToggle","collapseToggleHandler"]],{"headingLevel":[{"syncHeadingLevel":0}]}],[257,"post-collapsible",{"collapsed":[1028],"toggle":[64]}],[257,"post-collapsible-trigger",{"for":[513],"update":[64]}]]]], options);
 });

package/dist/esm/switch-variants-DjIHLduJ.js

@@ -0,0 +1,3 @@
+const SWITCH_VARIANTS = ['list', 'menu'];
+
+export { SWITCH_VARIANTS as S };