@swisspost/internet-header 10.4.0 → 10.6.0

package/dist/cjs/{breakpoints-CI0Xuh1L.js → breakpoints-Kruvy8Dm.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var index = require('./index-CggFmZ8n.js');
-
 class Breakpoint {
     constructor() {
         this.breakpoints = [
-            { key: 'xl', device: 'desktop', minWidth: 1280 },
-            { key: 'lg', device: 'desktop', minWidth: 1024 },
-            { key: 'md', device: 'tablet', minWidth: 780 },
-            { key: 'sm', device: 'tablet', minWidth: 600 },
-            { key: 'xs', device: 'mobile', minWidth: 0 },
+            { key: 'xl', device: 'desktop', minWidth: 1280, mediaQuery: '(min-width: 1280px)' },
+            { key: 'lg', device: 'desktop', minWidth: 1024, mediaQuery: '(min-width: 1024px)' },
+            { key: 'md', device: 'tablet', minWidth: 780, mediaQuery: '(min-width: 780px)' },
+            { key: 'sm', device: 'tablet', minWidth: 600, mediaQuery: '(min-width: 600px)' },
+            { key: 'xs', device: 'mobile', minWidth: 0, mediaQuery: '(min-width: 0px)' },
         ];
         this.resizeObserver = globalThis.ResizeObserver
             ? new ResizeObserver(() => this.updateCurrentBreakpoint())
             : null;
-        this.updateCurrentBreakpoint = index.throttle(50, (options = { emitEvents: true }) => {
+        this.updateCurrentBreakpoint = (options = { emitEvents: true }) => {
             const previousBreakpoint = this.currentBreakpoint;
             const newBreakpoint = this.breakpoints.find(breakpoint => {
-                return breakpoint.minWidth <= innerWidth;
+                return globalThis.matchMedia
+                    ? globalThis.matchMedia(breakpoint.mediaQuery).matches
+                    : breakpoint.minWidth <= document.documentElement.clientWidth;
             });
             if (!newBreakpoint)
                 return;
@@ -25,9 +25,10 @@ class Breakpoint {
             if (!options.emitEvents)
                 return;
             Object.keys(this.currentBreakpoint)
+                .filter(key => key !== 'mediaQuery')
                 .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
                 .forEach((key) => this.dispatchEvent(key));
-        });
+        };
         if (this.resizeObserver) {
             this.updateCurrentBreakpoint({ emitEvents: false });
             this.resizeObserver.observe(document.body);

package/dist/cjs/{event-from-CwMw19f8.js → event-from-CTcQxB9-.js}

@@ -91,31 +91,37 @@ function EventFrom(tag, option) {
 }
 /**
  * Traverses up the DOM (including crossing shadow DOM boundaries) to find the closest ancestor
- * that matches the specified tag name.
- * @param element - The starting element
- * @param tagName - The tag name to match (e.g., 'post-accordion')
+ * matching the given predicate.
+ * @param start - The starting element
+ * @param predicate - A type guard used to test each ancestor
  * @returns The closest matching ancestor or null if none found
  */
-function findClosestParentWithTag(element, tagName) {
-    let current = element;
+function findClosestAcrossShadow(start, predicate) {
+    let current = start;
     while (current) {
-        if (current.localName === tagName) {
+        if (predicate(current)) {
             return current;
         }
-        // Check regular parent first
         if (current.parentElement) {
             current = current.parentElement;
         }
-        // If no parentElement, check if we're in a shadow root
-        else if (current.parentNode instanceof ShadowRoot) {
-            current = current.parentNode.host;
-        }
-        // No more parents to check
         else {
-            current = null;
+            // Duck-typed ShadowRoot check (nodeType 11 + host) instead of `instanceof ShadowRoot`,
+            // since some test environments (e.g. JSDOM) only partially implement it.
+            const parent = current.parentNode;
+            if (parent !== null && parent.nodeType === 11 && 'host' in parent) {
+                current = parent.host;
+            }
+            else {
+                current = null;
+            }
         }
     }
     return null;
 }
+function findClosestParentWithTag(element, tagName) {
+    return findClosestAcrossShadow(element, (el) => el.localName === tagName);
+}
 
 exports.EventFrom = EventFrom;
+exports.findClosestAcrossShadow = findClosestAcrossShadow;

package/dist/cjs/index-B5ypPkK3.js

@@ -264,10 +264,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './post-side-navigation.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'post-closebutton.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './post-closebutton.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'post-icon.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -276,6 +272,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './post-number-input.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'post-closebutton.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './post-closebutton.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'post-menu_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -3,7 +3,7 @@
 var swisspostInternetFooter_entry = require('./swisspost-internet-footer.entry.cjs.js');
 var swisspostInternetHeader_entry = require('./swisspost-internet-header.entry.cjs.js');
 require('./index-B5ypPkK3.js');
-require('./package-HZ6bBKwJ.js');
+require('./package-D7UYFbVU.js');
 
 
 

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["swisspost-internet-header.cjs",[[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.cjs",[[512,"swisspost-internet-footer",{"textFooter":[513,"text-footer"],"textCookieSettings":[513,"text-cookie-settings"],"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-breadcrumbs.cjs",[[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.cjs",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker.cjs",[[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.cjs",[[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.cjs",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete.cjs",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"inputValue":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item.cjs",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516]}]]],["post-listbox.cjs",[[257,"post-listbox",{"show":[64],"hide":[64],"filter":[64],"clearSelection":[64],"navigate":[64],"selectActive":[64]},[[0,"postOptionSelected","optionClicked"]]]]],["post-listbox-option.cjs",[[257,"post-listbox-option",{"value":[513],"selected":[516],"highlighted":[516]}]]],["post-megadropdown-trigger.cjs",[[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]]],["post-number-input.cjs",[[257,"post-number-input",{"isDisabled":[32],"isIncrementDisabled":[32],"isDecrementDisabled":[32],"small":[32],"input":[32]}]]],["post-pagination.cjs",[[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.cjs",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs.cjs",[[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.cjs",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["post-avatar.cjs",[[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.cjs",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]},[[0,"click","onCloseButtonClick"]]]]],["post-linkarea.cjs",[[257,"post-linkarea"]]],["post-popover-trigger.cjs",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar.cjs",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger.cjs",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["post-stepper.cjs",[[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.cjs",[[257,"post-stepper-item"]]],["post-tab-item.cjs",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel.cjs",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger.cjs",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-popovercontainer.cjs",[[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.cjs",[[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.cjs",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"slotDisplayed":[32]}]]],["post-language-menu.cjs",[[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.cjs",[[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.cjs",[[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}]]],["post-mainnavigation.cjs",[[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]]],["post-logo.cjs",[[257,"post-logo",{"url":[1]}]]],["post-togglebutton.cjs",[[257,"post-togglebutton",{"toggled":[1028]}]]],["post-closebutton.cjs",[[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}]]],["post-menu-item.cjs",[[0,"post-menu-item"]]],["post-menu_2.cjs",[[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[257,"post-menu-trigger",{"for":[513]}]]],["post-accordion_4.cjs",[[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);
+  return index.bootstrapLazy([["swisspost-internet-header.cjs",[[0,"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.cjs",[[0,"swisspost-internet-footer",{"textFooter":[513,"text-footer"],"textCookieSettings":[513,"text-cookie-settings"],"liveSupportEnabled":[32],"cookieSettingsEnabled":[32]}]]],["post-breadcrumbs.cjs",[[257,"post-breadcrumbs",{"homeUrl":[513,"home-url"],"textHome":[513,"text-home"],"homeTextOnly":[516,"home-text-only"],"textBreadcrumbs":[513,"text-breadcrumbs"],"textMoreItems":[513,"text-more-items"],"id":[32],"loaded":[32],"hasSlottedHomeAnchor":[32],"hasSlottedHomeIcon":[32],"collapsed":[32],"homeCollapsed":[32],"lastItemWraps":[32]}]]],["post-popover.cjs",[[257,"post-popover",{"placement":[1],"textClose":[513,"text-close"],"arrow":[4],"edgeGap":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-date-picker.cjs",[[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.cjs",[[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.cjs",[[257,"post-side-navigation",{"textClose":[513,"text-close"],"size":[1],"device":[32],"toggle":[64],"show":[64],"hide":[64]}]]],["post-autocomplete.cjs",[[257,"post-autocomplete",{"filterThreshold":[514,"filter-threshold"],"clearable":[516],"listbox":[513],"textAvailableSuggestions":[513,"text-available-suggestions"],"selectedValue":[32]}]]],["post-back-to-top.cjs",[[1,"post-back-to-top",{"textBackToTop":[513,"text-back-to-top"],"belowFold":[32]},null,{"belowFold":[{"watchBelowFold":0}]}]]],["post-breadcrumb-item.cjs",[[257,"post-breadcrumb-item",{"url":[513],"label":[513],"description":[513],"variant":[513],"selected":[516],"standalone":[516],"hasSlottedAnchor":[32]}]]],["post-listbox.cjs",[[257,"post-listbox",{"show":[64],"hide":[64],"filter":[64],"clearSelection":[64],"navigate":[64],"selectActive":[64]},[[0,"postOptionSelected","optionClicked"]]]]],["post-listbox-option.cjs",[[257,"post-listbox-option",{"value":[513],"selected":[516],"highlighted":[516]}]]],["post-megadropdown-trigger.cjs",[[257,"post-megadropdown-trigger",{"active":[516],"for":[513],"isMegadropdownExpanded":[32],"slottedContent":[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]]]],["post-number-input.cjs",[[257,"post-number-input",{"isDisabled":[32],"isIncrementDisabled":[32],"isDecrementDisabled":[32],"small":[32],"input":[32]}]]],["post-pagination.cjs",[[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.cjs",[[1,"post-rating",{"label":[513],"stars":[2],"currentRating":[1026,"current-rating"],"readonly":[4],"hoveredIndex":[32]}]]],["post-tabs.cjs",[[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.cjs",[[257,"post-tooltip",{"placement":[1],"arrow":[4],"open":[1540],"show":[64],"hide":[64],"toggle":[64]}]]],["post-avatar.cjs",[[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.cjs",[[257,"post-banner",{"type":[513],"hasActions":[32],"dismiss":[64]}]]],["post-linkarea.cjs",[[257,"post-linkarea"]]],["post-popover-trigger.cjs",[[257,"post-popover-trigger",{"for":[513],"ariaExpanded":[32],"popoverOpen":[32]},null,{"popoverOpen":[{"syncAriaExpanded":0}]}]]],["post-progressbar.cjs",[[1,"post-progressbar",{"min":[2],"max":[2],"value":[2]}]]],["post-side-navigation-trigger.cjs",[[257,"post-side-navigation-trigger",{"for":[513],"update":[64]}]]],["post-stepper.cjs",[[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.cjs",[[257,"post-stepper-item"]]],["post-tab-item.cjs",[[257,"post-tab-item",{"name":[513],"disabled":[516],"tabId":[32],"isPagesVariant":[32]}]]],["post-tab-panel.cjs",[[257,"post-tab-panel",{"for":[513],"panelId":[32]}]]],["post-tooltip-trigger.cjs",[[257,"post-tooltip-trigger",{"for":[513],"delay":[2]}]]],["post-popovercontainer.cjs",[[257,"post-popovercontainer",{"placement":[1],"edgeGap":[2,"edge-gap"],"offset":[2],"arrow":[4],"safeSpace":[513,"safe-space"],"autoHide":[4,"auto-hide"],"dynamicPlacement":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["post-icon.cjs",[[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.cjs",[[257,"post-footer",{"textFooter":[513,"text-footer"],"device":[32],"slotDisplayed":[32]}]]],["post-language-menu.cjs",[[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.cjs",[[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.cjs",[[260,"post-language-menu-item",{"code":[513],"active":[1540],"variant":[1],"name":[1],"description":[1],"url":[1],"select":[64]}]]],["post-mainnavigation.cjs",[[257,"post-mainnavigation",{"textMain":[513,"text-main"],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]]]],["post-logo.cjs",[[257,"post-logo",{"url":[1]}]]],["post-togglebutton.cjs",[[257,"post-togglebutton",{"toggled":[1028]}]]],["post-closebutton.cjs",[[321,"post-closebutton",{"buttonType":[1,"button-type"],"placement":[513],"size":[513]}]]],["post-menu-item.cjs",[[0,"post-menu-item"]]],["post-menu_2.cjs",[[257,"post-menu",{"placement":[1],"label":[513],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64]}],[257,"post-menu-trigger",{"for":[513]}]]],["post-accordion_4.cjs",[[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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{package-HZ6bBKwJ.js → package-D7UYFbVU.js}

@@ -250,7 +250,7 @@ const Title = ({ config, tag: TagName = 'p', ...htmlAttributes }) => {
     return index.h(TagName, { ...htmlAttributes, ...resolveTextAttributes(config) });
 };
 
-const version = "10.4.0";
+const version = "10.6.0";
 
 exports.Link = Link;
 exports.Title = Title;

package/dist/cjs/{package-CL8OSAS4.js → package-pKyFPwiA.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "10.4.0";
+const version = "10.6.0";
 
 exports.version = version;

package/dist/cjs/post-accordion_4.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-CL8OSAS4.js');
+var _package = require('./package-pKyFPwiA.js');
 var required = require('./required-_r1rzbps.js');
 var oneOf = require('./one-of-7TSi182P.js');
-var eventFrom = require('./event-from-CwMw19f8.js');
+var eventFrom = require('./event-from-CTcQxB9-.js');
 var nanoid = require('./nanoid-CmjyF1Cm.js');
 var type = require('./type-CAeEC3oM.js');
 var getRoot = require('./get-root-B1FnQ50K.js');
@@ -271,7 +271,7 @@ const PostCollapsible = class {
         triggers.forEach(trigger => trigger.update());
     }
     render() {
-        return (index.h(index.Host, { key: 'd4fef8eff9b716e9dff0e570f5993221ca631ed5', "data-version": _package.version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, index.h("slot", { key: 'ee957da050187c1cfd752e0dcb6b5f86505f5089' })));
+        return (index.h(index.Host, { key: '243dad696871a08bc07325d4511f5baeb937c194', "data-version": _package.version, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, index.h("slot", { key: '5f4f8a9bb698f6558b114c760e5eeb355ac35b80' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -339,7 +339,7 @@ const PostCollapsibleTrigger = class {
         if (!this.trigger || !collapsible)
             return;
         // a nested collapsible may have no id, but aria-controls needs one to reference
-        collapsible.id || (collapsible.id = `collapsible-${crypto.randomUUID()}`);
+        collapsible.id ||= `collapsible-${crypto.randomUUID()}`;
         const collapsibleId = collapsible.id;
         // add the controlled collapsible's id to the aria-controls list
         const ariaControls = this.trigger.getAttribute('aria-controls');
@@ -386,7 +386,7 @@ const PostCollapsibleTrigger = class {
         this.updateAriaAttributes();
     }
     render() {
-        return (index.h(index.Host, { key: '64dde42136274194be6c3c4f94fb87ded8a3a079', "data-version": _package.version }, index.h("slot", { key: 'f43727ec2f7692793178ad6c162bb56f0f2d842b' })));
+        return (index.h(index.Host, { key: '4d28c7068acd2e1b4a5f2272bee3b51ec5d8a216', "data-version": _package.version }, index.h("slot", { key: '0bcbb780ed6d06ef36b9129b22b4a5dcd5aa7294' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-autocomplete.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-CL8OSAS4.js');
+var _package = require('./package-pKyFPwiA.js');
 var debounce = require('./debounce-BsIBi_-2.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
@@ -30,37 +30,24 @@ const PostAutocomplete = class {
         this.filterThreshold = 0;
         /** Show or hide the clear button */
         this.clearable = false;
-        this.inputValue = '';
-        this.handleFocus = () => {
-            if (this.filterThreshold !== 0)
-                return;
-            if (this.inputElement && this.inputElement.value.trim() !== '')
-                return;
-            this.postFilteringEvent.emit('');
+        /** Whether the listbox is currently expanded */
+        this.expanded = false;
+        /** The value of the last run query */
+        this.lastQuery = '';
+        /** The value of the selected listbox option */
+        this.selectedValue = null;
+        this.handleClick = async () => {
+            await this.runQuery('', true);
         };
-        this.handleOnBlur = () => {
-            this.inputElement.value = this.inputValue;
-            this.listBoxElement.filter('');
+        this.handleBlur = () => {
+            this.restoreSelectedValue();
             this.hideListBox();
         };
         this.handleInput = async (event) => {
             if (!this.listBoxElement)
                 return;
             const value = event.target.value.trim();
-            const query = value.length >= this.filterThreshold ? value : '';
-            // Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
-            const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
-            if (defaultPrevented)
-                return;
-            await this.listBoxElement.filter(query);
-            if (query) {
-                this.showListBox();
-                this.announceCount();
-            }
-            else {
-                this.inputValue = '';
-                this.clearAnnouncement();
-            }
+            await this.runQuery(value.length >= this.filterThreshold ? value : '');
         };
         this.handleKeyDown = (event) => {
             const { key, altKey } = event;
@@ -102,8 +89,7 @@ const PostAutocomplete = class {
         };
         this.handleOptionSelected = (e) => {
             const value = e.detail;
-            this.inputElement.value = value;
-            this.inputValue = value;
+            this.updateSelectedValue(value);
             this.hideListBox();
         };
         this.handleOptionActive = (e) => {
@@ -115,23 +101,9 @@ const PostAutocomplete = class {
                 this.inputElement.removeAttribute('aria-activedescendant');
             }
         };
-        this.hideListBox = () => {
-            this.clearAnnouncement();
-            this.listBoxElement.hide();
-            this.inputElement.ariaExpanded = 'false';
-            this.host.removeAttribute('open');
-            this.inputElement.removeAttribute('aria-activedescendant');
-        };
-        this.showListBox = async () => {
-            await this.listBoxElement.show();
-            this.inputElement.ariaExpanded = 'true';
-            this.host.setAttribute('open', '');
-            this.announceCount();
-        };
-        this.clearInput = () => {
+        this.handleClear = () => {
             if (this.inputElement) {
-                this.inputElement.value = '';
-                this.inputValue = '';
+                this.updateSelectedValue(null);
                 this.listBoxElement.clearSelection();
                 this.hideListBox();
             }
@@ -178,18 +150,16 @@ const PostAutocomplete = class {
         if (this.inputElement) {
             this.inputElement.addEventListener('input', this.debouncedHandleInput);
             this.inputElement.addEventListener('keydown', this.handleKeyDown);
-            this.inputElement.addEventListener('blur', this.handleOnBlur);
-            this.inputElement.addEventListener('click', this.showListBox);
-            this.inputElement.addEventListener('focus', this.handleFocus);
+            this.inputElement.addEventListener('blur', this.handleBlur);
+            this.inputElement.addEventListener('click', this.handleClick);
         }
     }
     detachInputListeners() {
         if (this.inputElement) {
             this.inputElement.removeEventListener('input', this.debouncedHandleInput);
             this.inputElement.removeEventListener('keydown', this.handleKeyDown);
-            this.inputElement.removeEventListener('blur', this.handleOnBlur);
-            this.inputElement.removeEventListener('click', this.showListBox);
-            this.inputElement.removeEventListener('focus', this.handleFocus);
+            this.inputElement.removeEventListener('blur', this.handleBlur);
+            this.inputElement.removeEventListener('click', this.handleClick);
         }
     }
     attachListboxListeners() {
@@ -214,8 +184,53 @@ const PostAutocomplete = class {
         const count = this.listBoxElement.querySelectorAll('post-listbox-option:not([hidden])').length;
         this.outputElement.textContent = this.textAvailableSuggestions.replace('{count}', String(count));
     }
+    async showListBox() {
+        await this.listBoxElement.show();
+        this.expanded = true;
+        this.inputElement.ariaExpanded = 'true';
+        this.host.setAttribute('open', '');
+        this.announceCount();
+    }
+    async hideListBox() {
+        this.clearAnnouncement();
+        this.expanded = false;
+        this.host.removeAttribute('open');
+        this.inputElement.ariaExpanded = 'false';
+        this.inputElement.removeAttribute('aria-activedescendant');
+        await this.listBoxElement.hide();
+    }
+    updateSelectedValue(value) {
+        this.selectedValue = value;
+        this.inputElement.value = this.selectedValue ?? '';
+    }
+    /** Restores the input to the value of the selected option. */
+    restoreSelectedValue() {
+        this.inputElement.value = this.selectedValue ?? '';
+    }
+    /** Runs a query, filtering the listbox options and reflecting the outcome. */
+    async runQuery(query, alwaysExpand = false) {
+        // Prevent running the same query twice.
+        if (this.lastQuery !== (this.lastQuery = query)) {
+            await this.filterListBox(query);
+        }
+        // Always update the count if the listbox is expanded.
+        if (this.expanded) {
+            this.announceCount();
+        }
+        // Automatically show the listbox if the query is non-empty.
+        else if (alwaysExpand || query) {
+            await this.showListBox();
+        }
+    }
+    /** Filters the listbox options based on the query, delegating to the consuming parent when possible. */
+    async filterListBox(query) {
+        // Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior.
+        if (this.postFilteringEvent.emit(query).defaultPrevented)
+            return;
+        await this.listBoxElement?.filter(query);
+    }
     render() {
-        return (index.h(index.Host, { key: 'ef5b821b235c6e6a19e9da612a7c3fbc33408e44', "data-version": _package.version }, index.h("slot", { key: 'a7855fd0e992be6c4fd737e9b7f29c77c1ec8e7f' }), this.clearable && this.inputValue && (index.h("button", { key: '16a690d24deb1ac1cd50c85cea857ad3e5736fac', type: "button", class: "autocomplete-clear", onClick: this.clearInput }, index.h("post-icon", { key: 'f254bd331fb15ca6cb5a32ac2a5f5a25cb8e81ea', "aria-hidden": "true", name: "closex" }))), index.h("post-icon", { key: '87faa8280bb58683262ec40dbec383478c5999f5', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), index.h("output", { key: '9f8ad0d40d1e12f611f4f2e9e14058dbcca3892e', class: "visually-hidden", ref: el => (this.outputElement = el) })));
+        return (index.h(index.Host, { key: '8b386930fe5484cd73395224b5f0c5daea867b33', "data-version": _package.version }, index.h("slot", { key: '9aa5a34de2cf18c3d6342069fc2b4ce52baac0d3' }), this.clearable && this.selectedValue !== null && (index.h("button", { key: '90b459fffc29066667ca4656b6871275d061d3fd', type: "button", class: "autocomplete-clear", onClick: this.handleClear }, index.h("post-icon", { key: '419de2b608f1638b14aed086f8e2c6064ae634bc', "aria-hidden": "true", name: "closex" }))), index.h("post-icon", { key: '56b7dd986023a0e46d902020b923ae525c88bef1', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" }), index.h("output", { key: '6ef02d0baf03c7f562ba6d5c95918e4a7ae1214f', class: "visually-hidden", ref: el => (this.outputElement = el) })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/post-avatar.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-CL8OSAS4.js');
+var _package = require('./package-pKyFPwiA.js');
 var pattern = require('./pattern-BlBN9eIw.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');

package/dist/cjs/post-back-to-top.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-B5ypPkK3.js');
 var fadeSlide = require('./fade-slide-dPhQa-I1.js');
-var _package = require('./package-CL8OSAS4.js');
+var _package = require('./package-pKyFPwiA.js');
 var required = require('./required-_r1rzbps.js');
 var type = require('./type-CAeEC3oM.js');
 require('./utils-s05L2ulk.js');
@@ -32,12 +32,23 @@ const PostBackToTop = class {
         return window.scrollY > window.innerHeight;
     }
     /*Watch for changes in belowFold to show/hide the back to top button*/
-    watchBelowFold(newValue) {
-        if (newValue) {
-            fadeSlide.fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
+    async watchBelowFold(newValue) {
+        this.currentAnimation?.cancel();
+        // host needs to be visible before we can animate, in or out
+        // hidden state gets recalculated after the animation, based on belowFold
+        this.host.hidden = false;
+        this.currentAnimation = fadeSlide.fadeSlide(this.host, newValue ? 'in' : 'out', {
+            translate: this.translateY,
+            fill: 'forwards',
+        });
+        try {
+            await this.currentAnimation.finished;
+            // only hide once the fade-out finished and we're still not below fold
+            if (!this.belowFold)
+                this.host.hidden = true;
         }
-        else {
-            fadeSlide.fadeSlide(this.host, 'out', { translate: this.translateY, fill: 'forwards' });
+        catch {
+            // animation got canceled, nothing to do
         }
     }
     scrollToTop() {
@@ -79,16 +90,17 @@ const PostBackToTop = class {
     // Set the initial state
     componentWillLoad() {
         this.belowFold = this.isBelowFold();
+        this.host.hidden = !this.belowFold;
     }
     componentDidLoad() {
-        window.addEventListener('scroll', this.handleScroll, false);
+        window.addEventListener('scroll', this.handleScroll, { passive: true });
         this.animateButton();
     }
     disconnectedCallback() {
         window.removeEventListener('scroll', this.handleScroll);
     }
     render() {
-        return (index.h(index.Host, { key: '3d976e4e1a8ac4b72041369d5667c55d915d7118', "data-version": _package.version }, index.h("button", { key: '7ceb4953248ca934a905ec63444934e9e6c09e43', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, index.h("post-icon", { key: '89a2bc9a8278fb45d3fb915ec096ee94b3841edd', "aria-hidden": "true", name: "arrowup" }), index.h("span", { key: 'fc2517fba7599f37c3054b638afd6b9b2ba7e32a', class: "visually-hidden" }, this.textBackToTop))));
+        return (index.h(index.Host, { key: '149a8afee36c12130b3e503c4da5cffdaa3f86b5', "data-version": _package.version }, index.h("button", { key: '4e291c5cfaa55bb6a68f436af570d83377436a3a', class: "back-to-top", onClick: this.scrollToTop }, index.h("post-icon", { key: 'c25e8d12cf6f751b368010ad2d82534fa95adf86', "aria-hidden": "true", name: "arrowup" }), index.h("span", { key: 'e16d1247a5ab7e39629e4bec7307ee562c589f7e', class: "visually-hidden" }, this.textBackToTop))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/post-banner.cjs.entry.js

@@ -1,10 +1,9 @@
 'use strict';
 
 var index = require('./index-B5ypPkK3.js');
-var _package = require('./package-CL8OSAS4.js');
+var _package = require('./package-pKyFPwiA.js');
 var fade = require('./fade-CPQhl1fP.js');
 var oneOf = require('./one-of-7TSi182P.js');
-var eventFrom = require('./event-from-CwMw19f8.js');
 require('./utils-s05L2ulk.js');
 require('./create-validator-decorator-CJK3Xf77.js');
 
@@ -51,23 +50,17 @@ const PostBanner = class {
         this.postDismissed.emit();
         this.host.remove();
     }
-    onCloseButtonClick() {
-        void this.dismiss();
-    }
     checkContent() {
         this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'afa4834733c7e9d985d2102a3e421f09f94b44ba', "data-version": _package.version, role: "alert", "data-color-scheme": "light" }, index.h("slot", { key: '39dfccec7bf829ff354bac467a9b399e003ce473', name: "close-button" }), index.h("div", { key: 'e6dfc60165185da4384c4143153ee34db1299088', class: "post-banner-content" }, index.h("slot", { key: '9fc1e8e81cf396eb1ae1e5dfff7f04ccc6443986', name: "heading" }), index.h("slot", { key: 'e7d21db6f7feb1507c612319c3d56595b797a3c4' }), this.hasActions && (index.h("div", { key: 'd4229d09accb5cfb2a096c44ca523a132da4755d', class: "actions" }, index.h("slot", { key: 'b01633122bd45df2f95b7ee5e4694a83aceb68bd', name: "actions" }))))));
+        return (index.h(index.Host, { key: '890eea914f07f31f64c9e1b01fca94e824a019bc', "data-version": _package.version, role: "alert", "data-color-scheme": "light" }, index.h("slot", { key: 'd4ac9c3714979cde7bba7554fbe1886d2cf75701', name: "close-button" }), index.h("div", { key: 'a097570719b709a3b67aa7152701edbf1174ace0', class: "post-banner-content" }, index.h("slot", { key: 'df12b0e63ac4cf4152c196eaad071774be4d7b88', name: "heading" }), index.h("slot", { key: 'a5e376800525119dc47815b9977936fa3966e087' }), this.hasActions && (index.h("div", { key: '6a0cc7f82873bcfde5109ed9e6bfe8255e30b19c', class: "actions" }, index.h("slot", { key: '11b1d289705cb9d1d96b20b4fcea2b923bfd184a', name: "actions" }))))));
     }
     get host() { return index.getElement(this); }
 };
 __decorate([
     oneOf.OneOf(BANNER_TYPES)
 ], PostBanner.prototype, "type", void 0);
-__decorate([
-    eventFrom.EventFrom('post-closebutton', { allowDescendants: true })
-], PostBanner.prototype, "onCloseButtonClick", null);
 PostBanner.style = postBannerCss();
 
 exports.post_banner = PostBanner;