@swisspost/design-system-components 10.3.0 → 10.5.0

package/dist/post-components/post-components.esm.js

@@ -1 +1 @@
-import{p as e,g as t,b as a}from"./p-BAtz9iuv.js";export{s as setNonce}from"./p-BAtz9iuv.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await t(),a([["p-02585fe8",[[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}]}],[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}]}],[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]}],[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]}],[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]],[257,"post-logo",{url:[1]}],[257,"post-togglebutton",{toggled:[1028]}],[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[0,"post-menu-item"],[257,"post-menu-trigger",{for:[513]}],[321,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}],[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]}],[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]}]]],["p-950ba0a1",[[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],slotDisplayed:[32]}]]],["p-a5ae59ba",[[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],shouldRenderMenu:[32],id:[32]}]]],["p-07d50011",[[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]]],["p-dd4a07ca",[[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}]}]]],["p-da7178e5",[[257,"post-side-navigation",{textClose:[513,"text-close"],size:[1],device:[32],toggle:[64],show:[64],hide:[64]}]]],["p-f1598c80",[[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],inputValue:[32]}]]],["p-ac7120cb",[[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},null,{belowFold:[{watchBelowFold:0}]}]]],["p-b079f36d",[[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516]}]]],["p-8ace2b57",[[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]]],["p-143014ef",[[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]]],["p-d99f4d9d",[[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]]],["p-8f52881d",[[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}]}]]],["p-6ed71ab9",[[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-1ff7ddef",[[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}]}]]],["p-7492d34d",[[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]]],["p-15f0cdf5",[[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}]}]]],["p-fed3e568",[[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]]]]],["p-33649303",[[257,"post-linkarea"]]],["p-c72c3bff",[[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:[{syncAriaExpanded:0}]}]]],["p-675f62bc",[[1,"post-progressbar",{min:[2],max:[2],value:[2]}]]],["p-4df63f7d",[[257,"post-side-navigation-trigger",{for:[513],update:[64]}]]],["p-b3a9309d",[[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}]}]]],["p-ed64b31f",[[257,"post-stepper-item"]]],["p-6a146ec8",[[257,"post-tab-item",{name:[513],disabled:[516],tabId:[32],isPagesVariant:[32]}]]],["p-0b762d2b",[[257,"post-tab-panel",{for:[513],panelId:[32]}]]],["p-6258e611",[[257,"post-tooltip-trigger",{for:[513],delay:[2]}]]],["p-32c266ba",[[257,"post-collapsible",{collapsed:[1028],toggle:[64]}],[257,"post-collapsible-trigger",{for:[513],update:[64]}]]],["p-3ed757a7",[[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}]}]]]],e))));
+import{p as e,g as t,b as a}from"./p-D3NdvMgy.js";export{s as setNonce}from"./p-D3NdvMgy.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await t(),a([["p-ecfc494e",[[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}]}],[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}]}],[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]}],[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],description:[1],url:[1],select:[64]}],[257,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[257,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},[[4,"postToggleMegadropdown","onMegadropdownToggled"]]],[257,"post-logo",{url:[1]}],[257,"post-togglebutton",{toggled:[1028]}],[257,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[0,"post-menu-item"],[257,"post-menu-trigger",{for:[513]}],[321,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}],[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]}],[1,"post-icon",{animation:[513],base:[1],url:[1],flipH:[516,"flip-h"],flipV:[516,"flip-v"],name:[513],rotate:[2],scale:[2]}]]],["p-b6e231a8",[[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],slotDisplayed:[32]}]]],["p-29e6c2a4",[[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],id:[32],loaded:[32],collapsed:[32]}]]],["p-9ad2216e",[[257,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],edgeGap:[32],show:[64],hide:[64],toggle:[64]}]]],["p-cde00944",[[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}]}]]],["p-030bfaa1",[[257,"post-side-navigation",{textClose:[513,"text-close"],size:[1],device:[32],toggle:[64],show:[64],hide:[64]}]]],["p-781efeb8",[[257,"post-autocomplete",{filterThreshold:[514,"filter-threshold"],clearable:[516],listbox:[513],textAvailableSuggestions:[513,"text-available-suggestions"],selectedValue:[32]}]]],["p-e8268a8d",[[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},null,{belowFold:[{watchBelowFold:0}]}]]],["p-cf7493ab",[[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516],standalone:[516]}]]],["p-894b20dd",[[257,"post-listbox",{show:[64],hide:[64],filter:[64],clearSelection:[64],navigate:[64],selectActive:[64]},[[0,"postOptionSelected","optionClicked"]]]]],["p-e463e7ac",[[257,"post-listbox-option",{value:[513],selected:[516],highlighted:[516]}]]],["p-1d67c427",[[257,"post-number-input",{isDisabled:[32],isIncrementDisabled:[32],isDecrementDisabled:[32],small:[32],input:[32]}]]],["p-4e2bb082",[[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}]}]]],["p-e7f97f6d",[[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-2ee255c1",[[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}]}]]],["p-5a44b217",[[257,"post-tooltip",{placement:[1],arrow:[4],open:[1540],show:[64],hide:[64],toggle:[64]}]]],["p-2379e498",[[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}]}]]],["p-665d877f",[[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]}]]],["p-a9223467",[[257,"post-linkarea"]]],["p-eda4a376",[[257,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:[{syncAriaExpanded:0}]}]]],["p-ffec1880",[[1,"post-progressbar",{min:[2],max:[2],value:[2]}]]],["p-e8c19f72",[[257,"post-side-navigation-trigger",{for:[513],update:[64]}]]],["p-2cb843f4",[[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}]}]]],["p-b856263a",[[257,"post-stepper-item"]]],["p-65e12f2c",[[257,"post-tab-item",{name:[513],disabled:[516],tabId:[32],isPagesVariant:[32]}]]],["p-795eb5ad",[[257,"post-tab-panel",{for:[513],panelId:[32]}]]],["p-3a75186d",[[257,"post-tooltip-trigger",{for:[513],delay:[2]}]]],["p-c7a39444",[[257,"post-collapsible",{collapsed:[1028],toggle:[64]}],[257,"post-collapsible-trigger",{for:[513],update:[64]}]]],["p-44718c1a",[[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}]}]]]],e))));

package/dist/types/components/post-autocomplete/post-autocomplete.d.ts

@@ -18,7 +18,12 @@ export declare class PostAutocomplete {
      * e.g. "{count} suggestions available"
      */
     readonly textAvailableSuggestions: string;
-    inputValue: string;
+    /** Whether the listbox is currently expanded */
+    private expanded;
+    /** The value of the last run query */
+    private lastQuery;
+    /** The value of the selected listbox option */
+    selectedValue: string | null;
     /** Cancelable event emitted when the input value is to be filtered */
     postFilteringEvent: EventEmitter<string>;
     private get inputElement();
@@ -26,19 +31,26 @@ export declare class PostAutocomplete {
     componentWillLoad(): void;
     disconnectedCallback(): void;
     private attachInputListeners;
-    private readonly handleFocus;
     private detachInputListeners;
     private attachListboxListeners;
     private detachListboxListeners;
     private clearAnnouncement;
     private announceCount;
-    private readonly handleOnBlur;
+    private showListBox;
+    private hideListBox;
+    private updateSelectedValue;
+    /** Restores the input to the value of the selected option. */
+    private restoreSelectedValue;
+    /** Runs a query, filtering the listbox options and reflecting the outcome. */
+    private runQuery;
+    /** Filters the listbox options based on the query, delegating to the consuming parent when possible. */
+    private filterListBox;
+    private readonly handleClick;
+    private readonly handleBlur;
     private readonly handleInput;
     private readonly handleKeyDown;
     private readonly handleOptionSelected;
     private readonly handleOptionActive;
-    private readonly hideListBox;
-    private readonly showListBox;
-    private readonly clearInput;
+    private readonly handleClear;
     render(): any;
 }

package/dist/types/components/post-back-to-top/post-back-to-top.d.ts

@@ -7,9 +7,10 @@ export declare class PostBackToTop {
     textBackToTop: string;
     belowFold: boolean;
     private translateY;
+    private currentAnimation?;
     private isBelowFold;
     private readonly handleScroll;
-    watchBelowFold(newValue: boolean): void;
+    watchBelowFold(newValue: boolean): Promise<void>;
     private scrollToTop;
     private getSecondPixelValue;
     private animateButton;

package/dist/types/components/post-banner/post-banner.d.ts

@@ -26,7 +26,6 @@ export declare class PostBanner {
      * Triggers banner dismissal programmatically (same as clicking on the close button (×)).
      */
     dismiss(): Promise<void>;
-    onCloseButtonClick(): void;
     private checkContent;
     render(): any;
 }

package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts

@@ -24,5 +24,9 @@ export declare class PostBreadcrumbItem {
      * Indicates that the item represents the current page, applying appropriate styling.
      */
     selected: boolean;
+    /**
+     * Indicates that this is the only visible item, applying appropriate styling.
+     */
+    standalone: boolean;
     render(): any;
 }

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

@@ -1,9 +1,16 @@
 export declare class PostBreadcrumbs {
-    private mutationObserver;
+    private debounceUpdateCollapsedItems;
     private resizeObserver;
+    private mutationObserver;
     host: HTMLPostBreadcrumbsElement;
-    shouldRenderMenu: boolean;
     id: string;
+    loaded: boolean;
+    /** The number of breadcrumb items, counted from the start, that are moved into the overflow menu. */
+    collapsed: number;
+    /** The visible breadcrumb navigation. */
+    private nav;
+    /** An off-screen copy of the breadcrumb navigation used for measurement. */
+    private hiddenNav;
     /**
      * The URL for the root (home) breadcrumb item.
      */
@@ -21,18 +28,34 @@ export declare class PostBreadcrumbs {
      */
     textMoreItems: string;
     componentWillLoad(): void;
-    componentDidLoad(): void;
+    componentDidLoad(): Promise<void>;
     disconnectedCallback(): void;
-    private createMutationObserver;
-    private createResizeObserver;
     /**
-     * To measure overflow, we duplicate the entire breadcrumb so an inline version is always available.
+     * Measures the space available in the breadcrumb navigation and moves the items that do not fit
+     * into the overflow menu.
+     */
+    private updateCollapsedItems;
+    /**
+     * Determines how many items have to be collapsed, either because they do not fit the breadcrumb
+     * navigation or because they exceed the maximum number of visible items.
+     */
+    private calculateCollapsedItems;
+    /**
+     * Determines how many items overflow the width of the breadcrumb navigation.
+     */
+    private calculateOverflowingItems;
+    /**
+     * Moves `collapsed` items into the overflow menu and marks the last item as selected.
+     */
+    private updateItems;
+    /**
+     * Rebuilds the off-screen copy of the breadcrumb navigation.
+     */
+    private updateHiddenNav;
+    /**
+     * Renders an off-screen copy of the breadcrumb navigation that is used for measurements.
      */
-    private duplicateNavElement;
-    private duplicateSlottedElements;
-    private checkOverflow;
-    private prepareBreadcrumbItemsForClone;
-    private updateBreadcrumbItemProps;
+    private renderHiddenNav;
     private renderMenu;
     render(): any;
 }

package/dist/types/components/post-closebutton/post-closebutton.d.ts

@@ -9,7 +9,7 @@ export declare class PostClosebutton {
     host: HTMLPostClosebuttonElement;
     /**
      * The "type" attribute used for the close button
-    
+  
      */
     buttonType?: ButtonType;
     /**

package/dist/types/components/post-date-picker/post-date-picker.d.ts

@@ -96,6 +96,8 @@ export declare class PostDatePicker {
     private gridObserver;
     private navObserver;
     private inputObserver;
+    private singleMaskOptions;
+    private rangeMaskOptions;
     /**
      * Get the system locale (e.g.`en`, etc.) from the closest parent with a `lang` attribute,
      * or fallback to a default language code if not found or in server environment.
@@ -152,7 +154,9 @@ export declare class PostDatePicker {
     private skipFocusOnNextRender;
     private pendingFocusDate;
     private handleInputBlur;
-    private handlePrevNextClick;
+    private readonly handleInputFocus;
+    private hasFloatingLabel;
+    private readonly handlePrevNextClick;
     /**
      * Update previous and next button labels based on the current calendar view
      */
@@ -171,6 +175,7 @@ export declare class PostDatePicker {
      * Set up the masks on the inputs to reflect the date pickers
      */
     private setUpMask;
+    private setMaskLazy;
     private updateMask;
     private setupValueOverride;
     private getIsoDates;

package/dist/types/components/post-language-menu/post-language-menu.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { SwitchVariant } from './switch-variants';
 export declare class PostLanguageMenu {
     private readonly menuId;
@@ -5,6 +6,7 @@ export declare class PostLanguageMenu {
     private menu;
     private get languageOptions();
     host: HTMLPostLanguageMenuElement;
+    postChange: EventEmitter<string>;
     /**
      * A title for the list of language options
      */

package/dist/types/components/post-menu/post-menu.d.ts

@@ -50,6 +50,7 @@ export declare class PostMenu {
     private readonly handleKeyDown;
     private handlePostShown;
     private handlePostBeforeToggle;
+    private wasFocusVisible;
     private readonly handleClick;
     private controlKeyDownHandler;
     private getSlottedItems;

package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts

@@ -76,6 +76,13 @@ export declare class PostPopovercontainer {
      * Enables a safespace through which the cursor can be moved without the popover being disabled
      */
     readonly safeSpace?: 'triangle' | 'trapezoid';
+    /**
+     * Whether to automatically hide the popover when the target moves outside the scrollport.
+     *
+     * If the `post-header` can cover the target, the popover will also be hidden as soon as the
+     * target scrolls behind it.
+     */
+    readonly autoHide?: boolean;
     /**
      * Animation style
      */
@@ -129,12 +136,8 @@ export declare class PostPopovercontainer {
      * an influence on popovercontainer positioning
      */
     private startAutoupdates;
-    /**
-     * Retrieves the dynamic height of the header
-     */
-    private getHeaderHeight;
+    private updatePosition;
     private calculatePosition;
-    private computeMainPosition;
     private updateSafeSpaceBoundaries;
     render(): any;
 }

package/dist/types/components/post-side-navigation/post-side-navigation.d.ts

@@ -31,6 +31,10 @@ export declare class PostSideNavigation {
      * Collapses the active disclosure on Escape; lets the native dialog handle it otherwise.
      */
     private handleKeyDown;
+    /**
+     * Closes the dialog when a navigation link is clicked.
+     */
+    private handleDialogClick;
     /**
      * Toggles the navigation programmatically.
      * No-op on desktop.

package/dist/types/components.d.ts

@@ -125,6 +125,11 @@ export namespace Components {
           * @default false
          */
         "selected": boolean;
+        /**
+          * Indicates that this is the only visible item, applying appropriate styling.
+          * @default false
+         */
+        "standalone": boolean;
         /**
           * The destination URL for the breadcrumb item. If omitted, the item is rendered as non-interactive text.
          */
@@ -573,6 +578,10 @@ export namespace Components {
           * @default false
          */
         "arrow"?: boolean;
+        /**
+          * Whether to automatically hide the popover when the target moves outside the scrollport.  If the `post-header` can cover the target, the popover will also be hidden as soon as the target scrolls behind it.
+         */
+        "autoHide"?: boolean;
         /**
           * Gap between the edge of the page and the popovercontainer
           * @default 8
@@ -808,6 +817,10 @@ export interface PostCollapsibleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostCollapsibleElement;
 }
+export interface PostLanguageMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPostLanguageMenuElement;
+}
 export interface PostLanguageMenuItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPostLanguageMenuItemElement;
@@ -975,7 +988,18 @@ declare global {
         prototype: HTMLPostIconElement;
         new (): HTMLPostIconElement;
     };
+    interface HTMLPostLanguageMenuElementEventMap {
+        "postChange": string;
+    }
     interface HTMLPostLanguageMenuElement extends Components.PostLanguageMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostLanguageMenuElementEventMap>(type: K, listener: (this: HTMLPostLanguageMenuElement, ev: PostLanguageMenuCustomEvent<HTMLPostLanguageMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostLanguageMenuElementEventMap>(type: K, listener: (this: HTMLPostLanguageMenuElement, ev: PostLanguageMenuCustomEvent<HTMLPostLanguageMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPostLanguageMenuElement: {
         prototype: HTMLPostLanguageMenuElement;
@@ -1406,6 +1430,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "selected"?: boolean;
+        /**
+          * Indicates that this is the only visible item, applying appropriate styling.
+          * @default false
+         */
+        "standalone"?: boolean;
         /**
           * The destination URL for the breadcrumb item. If omitted, the item is rendered as non-interactive text.
          */
@@ -1601,6 +1630,7 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface PostLanguageMenu {
+        "onPostChange"?: (event: PostLanguageMenuCustomEvent<string>) => void;
         /**
           * A title for the list of language options
          */
@@ -1810,6 +1840,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "arrow"?: boolean;
+        /**
+          * Whether to automatically hide the popover when the target moves outside the scrollport.  If the `post-header` can cover the target, the popover will also be hidden as soon as the target scrolls behind it.
+         */
+        "autoHide"?: boolean;
         /**
           * Gap between the edge of the page and the popovercontainer
           * @default 8
@@ -2053,6 +2087,7 @@ declare namespace LocalJSX {
         "description": string;
         "variant": Variant;
         "selected": boolean;
+        "standalone": boolean;
     }
     interface PostBreadcrumbsAttributes {
         "homeUrl": string;
@@ -2167,6 +2202,7 @@ declare namespace LocalJSX {
         "offset": number;
         "arrow": boolean;
         "safeSpace": 'triangle' | 'trapezoid';
+        "autoHide": boolean;
     }
     interface PostProgressbarAttributes {
         "min": number;

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

@@ -5,6 +5,7 @@ interface BreakpointDefinition {
     device: Device;
     key: BreakpointKey;
     minWidth: BreakpointMinWidth;
+    mediaQuery: string;
 }
 type BreakpointProperty = keyof BreakpointDefinition;
 declare class Breakpoint {

package/dist/types/utils/closable-target.d.ts

@@ -0,0 +1,5 @@
+export interface ClosableTarget {
+    element: Element;
+    close: () => void;
+}
+export declare function findClosableTarget(start: Element): ClosableTarget | null;

package/dist/types/utils/event-from.d.ts

@@ -8,3 +8,11 @@ export declare function EventFrom(tag: string, option?: {
     ignoreNestedComponents?: boolean;
     allowDescendants?: boolean;
 }): (target: object, propertyKey: string, descriptor?: PropertyDescriptor) => void;
+/**
+ * Traverses up the DOM (including crossing shadow DOM boundaries) to find the closest ancestor
+ * 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
+ */
+export declare function findClosestAcrossShadow<T extends Element>(start: Element, predicate: (el: Element) => el is T): T | null;

package/dist/types/utils/floating-ui.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This utility is covered by the end-to-end tests under 'clipping' in `popovercontainer.cy.ts`.
+ */
+import { computePosition } from '@floating-ui/dom';
+/**
+ * Computes the coordinates that will position the `floating` element next to a given `reference`
+ * element while accounting for the safe area.
+ *
+ * The safe area is the part of the viewport that the header does not cover. Restricting the
+ * clipping rectangles to it makes floating elements behave as if they were clipped by the header.
+ */
+export declare const computePositionWithSafeArea: typeof computePosition;

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

@@ -1,6 +1,7 @@
 export * from './property-decorators';
 export * from './attribute-observer';
 export * from './breakpoints';
+export * from './closable-target';
 export * from './component-on-ready';
 export * from './debounce';
 export * from './event-from';