@swisspost/design-system-components 10.0.0-next.54 → 10.0.0-next.56

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

@@ -1 +1 @@
-import{p as e,g as a,b as l}from"./p-CFNKgUjL.js";export{s as setNonce}from"./p-CFNKgUjL.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l([["p-02ea3ec5",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],label:[1],menuLabel:[1,"menu-label"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"],label:["validateLabel"],menuLabel:["validateMenuLabel"]}]]],["p-3274ab81",[[1,"post-footer",{label:[1],device:[32],gridSlotDisplayed:[32]},null,{label:["validateLabel"]}]]],["p-ea5da614",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}]]],["p-77e43032",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{label:["validateLabel"],belowFold:["watchBelowFold"]}]]],["p-8f0fc02a",[[65,"post-card-control",{label:[513],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1028],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-261b1452",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-96750e25",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-11c204e0",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}]]],["p-b8059ba1",[[1,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:["validateType"]}]]],["p-197a0f25",[[1,"post-linkarea",{interactiveElements:[32]}]]],["p-0ec2bdd7",[[1,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:["syncAriaExpanded"],for:["validateFor"]}]]],["p-e90688ab",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-e7029b9e",[[1,"post-tab-panel",{name:[513],panelId:[32]},null,{name:["validateName"]}]]],["p-f1b815b6",[[1,"post-tabs",{activePanel:[1,"active-panel"],fullWidth:[516,"full-width"],show:[64]}]]],["p-bf41fe56",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-d6134e24",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-b5b5e4b9",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[32],hasNavigation:[32],hasTitle:[32],mobileMenuExtended:[32],megadropdownOpen:[32],toggleMobileMenu:[64]},null,{device:["lockBody"],mobileMenuExtended:["lockBody"]}],[4,"post-language-option",{code:[1],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],variant:["validateVariant"],name:["validateName"],url:["validateUrl"]}],[4,"post-list",{titleHidden:[4,"title-hidden"],horizontal:[516],titleId:[32]}],[1,"post-list-item"],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[4,"post-megadropdown",{device:[32],isVisible:[32],trigger:[32],animationClass:[32],toggle:[64],show:[64],hide:[64],focusFirst:[64]}],[4,"post-megadropdown-trigger",{for:[1],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[1,"post-togglebutton",{toggled:[1028]}],[4,"post-closebutton",{buttonType:[1,"button-type"]},null,{buttonType:["validateButtonType"]}],[1,"post-menu",{placement:[1],label:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"],label:["validateLabel"]}],[4,"post-menu-trigger",{for:[513],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],animation:[1],arrow:[4],manualClose:[4,"manual-close"],safeSpace:[513,"safe-space"],show:[64],open:[64],close:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-0e92dbef",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}],[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-658b1ccc",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
+import{p as e,g as t,b as a}from"./p-1ReqxAnI.js";export{s as setNonce}from"./p-1ReqxAnI.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await t(),a([["p-3cf09fbd",[[1,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],textHome:["validateTextHome"],textBreadcrumbs:["validateTextBreadcrumbs"],textMoreItems:["validateTextMoreItems"]}]]],["p-a740eaed",[[1,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]},null,{textFooter:["validateTextFooter"]}]]],["p-6857fd9d",[[1,"post-popover",{placement:[1],textClose:[513,"text-close"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],textClose:["validateTextClose"]}]]],["p-b708d96a",[[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},null,{textBackToTop:["validateTextBackToTop"],belowFold:["watchBelowFold"]}]]],["p-130eb074",[[65,"post-card-control",{label:[513],description:[1],type:[513],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1028],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],description:["validateControlDescription"],type:["validateControlType"],name:["validateControlName"],value:["validateControlValue"],icon:["validateControlIcon"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-7f5d2487",[[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"],disabled:[4],paginationId:[32],maxVisiblePages:[32],items:[32]},null,{page:["validatePage","handlePropsChange"],pageSize:["validatePageSize","handlePropsChange"],collectionSize:["validateCollectionSize","handlePropsChange"],label:["validateLabel"],textPrevious:["validateTextPrevious"],textNext:["validateTextNext"],textPage:["validateTextPage"],textFirst:["validateTextFirst"],textLast:["validateTextLast"],disabled:["validateDisabled"]}]]],["p-a79590f5",[[1,"post-rating",{label:[513],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-390f111f",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-ed4db774",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],description:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32],storageKey:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["updateUserid"],email:["updateEmail"],description:["validateDescription"]}]]],["p-7cd00e3e",[[1,"post-banner",{type:[513],hasActions:[32],dismiss:[64]},[[0,"click","onCloseButtonClick"]],{type:["validateType"]}]]],["p-143e5a84",[[1,"post-env-test"]]],["p-89360cd1",[[1,"post-linkarea",{interactiveElements:[32]}]]],["p-13d018fe",[[1,"post-popover-trigger",{for:[513],ariaExpanded:[32],popoverOpen:[32]},null,{popoverOpen:["syncAriaExpanded"],for:["validateFor"]}]]],["p-bcf5786f",[[1,"post-stepper",{textCurrentStep:[513,"text-current-step"],textCompletedStep:[513,"text-completed-step"],textStepNumber:[513,"text-step-number"],currentIndex:[2,"current-index"],mobileActiveStepLabel:[32],mobileActiveStepName:[32]},null,{textCurrentStep:["validateTextCurrentStep"],textCompletedStep:["validateTextCompletedStep"],textStepNumber:["validateTextStepNumber"],currentIndex:["validateCurrentIndex"]}]]],["p-675dab57",[[4,"post-stepper-item"]]],["p-2b220851",[[1,"post-tab-item",{name:[513],tabId:[32],isNavigationMode:[32]},null,{name:["validateName"]}]]],["p-52e584ca",[[1,"post-tab-panel",{for:[513],panelId:[32]},null,{for:["validateFor"]}]]],["p-56a4040c",[[1,"post-tabs",{activeTab:[1,"active-tab"],fullWidth:[516,"full-width"],label:[513],isNavigationMode:[32],show:[64]},null,{label:["validateLabel"]}]]],["p-88201353",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-c92512f5",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-d7f33813",[[1,"post-language-menu",{textChangeLanguage:[513,"text-change-language"],textCurrentLanguage:[513,"text-current-language"],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageMenuItemInitiallyActive","handleInitiallyActive"]],{textChangeLanguage:["validateCaption"],textCurrentLanguage:["validateDescription"],variant:["validateVariant"]}],[1,"post-header",{textMenu:[513,"text-menu"],device:[32],hasNavigation:[32],hasLocalNav:[32],hasAudience:[32],hasTitle:[32],burgerMenuExtended:[32],megadropdownOpen:[32],toggleBurgerMenu:[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{textMenu:["validateTextMenu"],device:["lockBody"],burgerMenuExtended:["lockBody"]}],[1,"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]},null,{textClose:["validateTextClose"],textBack:["validateTextBack"]}],[1,"post-mainnavigation",{textMain:[513,"text-main"],canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]],{textMain:["validateTextMain"]}],[1,"post-megadropdown-trigger",{active:[516],for:[513],isMegadropdownExpanded:[32],slottedContent:[32]},null,{for:["validateFor"]}],[4,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],url:[1],select:[64]},null,{code:["validateCode"],variant:["validateVariant"],name:["validateName"],url:["validateUrl"]}],[1,"post-logo",{url:[1]},null,{url:["validateUrl"]}],[1,"post-togglebutton",{toggled:[1028]}],[4,"post-closebutton",{buttonType:[1,"button-type"]},null,{buttonType:["validateButtonType"]}],[1,"post-menu",{placement:[1],label:[513],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"],label:["validateLabel"]}],[4,"post-menu-trigger",{for:[513],ariaExpanded:[32]},null,{for:["validateControlFor"]}],[4,"post-popovercontainer",{placement:[1],edgeGap:[2,"edge-gap"],animation:[1],arrow:[4],safeSpace:[513,"safe-space"],dynamicPlacement:[32],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],edgeGap:["validateEdgeGap"],safeSpace:["validateSafeSpace"]}],[1,"post-icon",{animation:[1],base:[1],flipH:[4,"flip-h"],flipV:[4,"flip-v"],name:[513],rotate:[2],scale:[2]},null,{animation:["validateAnimation"],base:["validateBase"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-da97ee21",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}],[1,"post-accordion",{headingLevel:[514,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-d7cb3a61",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));

package/dist/prebuild.js

@@ -0,0 +1,46 @@
+import fs from "fs";
+import path from "path";
+import { format } from "prettier";
+const DEFAULT_OUTPUT_OPTIONS = {
+    type: 'json',
+    template: '{{names}}',
+    lineSeparator: ',',
+    formatParser: null,
+};
+export const componentNameOutputOptions = [
+    {
+        template: '{ componentNames: [{{names}}] }',
+    },
+    {
+        type: 'scss',
+        template: '$component-names: ({{names}});',
+    },
+];
+export async function createComponentNameOutput(outputOptionsArray) {
+    // Define the source and output paths
+    const SOURCE_PATH = [path.resolve('src/components')];
+    const OUTPUT_PATH = path.resolve('src/_generated');
+    // Process component names
+    const componentNames = SOURCE_PATH.reduce((names, srcPath) => {
+        if (fs.existsSync(srcPath)) {
+            const fileNames = fs.readdirSync(srcPath);
+            const camelCaseNames = fileNames.map((name) => name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase());
+            names.push(...camelCaseNames);
+        }
+        return names;
+    }, []);
+    // Ensure the output directory exists
+    fs.mkdirSync(OUTPUT_PATH, { recursive: true });
+    await Promise.all(outputOptionsArray.map(async (outputOptions = {}) => {
+        const options = { ...DEFAULT_OUTPUT_OPTIONS, ...outputOptions };
+        const names = componentNames.map(n => `'${n}'`).join(options.lineSeparator);
+        const template = options.template.replace('{{names}}', names);
+        const output = await format(template, { parser: options.formatParser || options.type });
+        // Write the SCSS file
+        fs.writeFileSync(`${OUTPUT_PATH}/component-names.${options.type}`, output, 'utf8');
+    }));
+}
+function prebuild() {
+    createComponentNameOutput(componentNameOutputOptions);
+}
+prebuild();

package/dist/types/animations/collapse.d.ts

@@ -1,2 +1,3 @@
+export declare const collapsedKeyframe: Keyframe;
 export declare function collapse(el: HTMLElement): Animation;
 export declare function expand(el: HTMLElement): Animation;

package/dist/types/animations/fade-slide.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Used by
+ * 1. PostHeader (burger menu)
+ * 2. PostMegadropdown
+ * 3. BackToTopButton
+ */
+import { AnimationOptions } from './types';
+export type FadeSlideOptions = AnimationOptions & {
+    translate: number;
+};
+export declare function fadeSlide(el: Element, direction: 'in' | 'out', options: Partial<FadeSlideOptions>): Animation;

package/dist/types/animations/fade.d.ts

@@ -1,2 +1,2 @@
-export declare function fadeIn(el: Element): Animation;
-export declare function fadeOut(el: Element): Animation;
+import { AnimationOptions } from './types';
+export declare function fade(el: Element, direction: 'in' | 'out', options?: Partial<AnimationOptions>): Animation;

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

@@ -1 +1,3 @@
 export * from './fade';
+export * from './slide';
+export * from './fade-slide';

package/dist/types/animations/slide.d.ts

@@ -1,2 +1,9 @@
-export declare function slideUp(el: HTMLElement, translateSize?: string): Animation;
-export declare function slideDown(el: HTMLElement, translateSize?: string): Animation;
+/**
+ * Used by PostMegadropdown (burger menu)
+ */
+import { AnimationOptions } from './types';
+type SlideOptions = Partial<AnimationOptions> & {
+    translate?: number;
+};
+export declare function slide(el: HTMLElement, direction: 'in' | 'out', options?: SlideOptions): Animation;
+export {};

package/dist/types/animations/types.d.ts

@@ -0,0 +1,13 @@
+export type CurveEasing = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+export declare const PRESET_MAP: Record<PresetEasing | 'headerEase', CurveEasing | PresetEasing>;
+export type PresetEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'headerEase';
+export interface AnimationOptions {
+    duration: number;
+    easing: CurveEasing | PresetEasing;
+    fill: FillMode;
+}

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

@@ -0,0 +1,2 @@
+import { CurveEasing, PresetEasing } from './types';
+export declare function resolveEasing(easing: CurveEasing | PresetEasing | 'customEase'): string;

package/dist/types/components/post-accordion-item/heading-levels.d.ts

@@ -1,2 +1,2 @@
 export declare const HEADING_LEVELS: readonly [1, 2, 3, 4, 5, 6];
-export type HeadingLevel = typeof HEADING_LEVELS[number];
+export type HeadingLevel = (typeof HEADING_LEVELS)[number];

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

@@ -1,7 +1,7 @@
 import { HeadingLevel } from "../../types/index";
 /**
- * @part button - The element that toggles the accordion item (header button).
- * @part body - The container element that holds the accordion item's content.
+ * @part post-accordion-button - The element that toggles the accordion item (header button).
+ * @part post-accordion-body - The element that holds the accordion item's content.
  * @slot logo - Slot for placing a logo in the accordion item’s header, before the content.
  * @slot header - Slot for placing custom content within the accordion item's header.
  * @slot default - Slot for placing content within the accordion item's body.

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

@@ -4,12 +4,12 @@ export declare class PostBackToTop {
      * The label of the back-to-top button, intended solely for accessibility purposes.
      * This label is always hidden from view.
      **/
-    label: string;
+    textBackToTop: string;
     belowFold: boolean;
     private translateY;
     private isBelowFold;
     private readonly handleScroll;
-    validateLabel(): void;
+    validateTextBackToTop(): void;
     watchBelowFold(newValue: boolean): void;
     private scrollToTop;
     private getSecondPixelValue;

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

@@ -7,15 +7,15 @@ export declare class PostBreadcrumbs {
     /**
      * The text label for the home breadcrumb item.
      */
-    homeText: string;
+    textHome: string;
     /**
      * The accessible label for the breadcrumb component.
      */
-    label: string;
+    textBreadcrumbs: string;
     /**
      * The accessible label for the breadcrumb menu when breadcrumb items are concatenated.
      */
-    menuLabel: string;
+    textMoreItems: string;
     breadcrumbItems: {
         url: string;
         text: string;
@@ -25,9 +25,9 @@ export declare class PostBreadcrumbs {
     private breadcrumbsNavRef?;
     private lastItem;
     validateHomeUrl(): void;
-    validateHomeText(): void;
-    validateLabel(): void;
-    validateMenuLabel(): void;
+    validateTextHome(): void;
+    validateTextBreadcrumbs(): void;
+    validateTextMoreItems(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

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

@@ -3,8 +3,6 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot default - Slot for placing content within the collapsible element.
  */
 export declare class PostCollapsible {
-    private isLoaded;
-    private isOpen;
     host: HTMLPostCollapsibleElement;
     /**
      * If `true`, the element is collapsed otherwise it is displayed.
@@ -14,16 +12,17 @@ export declare class PostCollapsible {
     /**
      * An event emitted when the collapse element is shown or hidden, before the transition.
      *
-     * The event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed.
+     * The event payload is a boolean: `true` if the collapsible is expanded, `false` if it is collapsed.
      */
     postToggle: EventEmitter<boolean>;
+    get isExpanded(): boolean;
     componentDidLoad(): void;
     /**
      * Triggers the collapse programmatically.
-     *
      * If there is a collapsing transition running already, it will be reversed.
+     * If no parameter is provided, the current state (this.isExpanded) will be toggled.
      */
-    toggle(open?: boolean): Promise<boolean>;
+    toggle(shouldExpand?: boolean): Promise<boolean>;
     /**
      * Update all post-collapsible-trigger elements referring to the collapsible
      */

package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts

@@ -11,6 +11,7 @@ export declare class PostCollapsibleTrigger {
      * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
      */
     validateAriaAttributes(): void;
+    constructor();
     /**
      * Initiate a mutation observer that updates the trigger whenever necessary
      */

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

@@ -11,18 +11,18 @@ import { Device } from "../../utils/index";
 export declare class PostFooter {
     host: HTMLPostFooterElement;
     /**
-     * The label to add to the footer (visually hidden).
+     * The textFooter to add to the footer (visually hidden).
      */
-    readonly label: string;
+    readonly textFooter: string;
     device: Device;
     gridSlotDisplayed: Record<string, boolean>;
-    validateLabel(): void;
+    validateTextFooter(): void;
     constructor();
     connectedCallback(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
     private readonly breakpointChange;
-    private readonly handleGridSlotChange;
+    private handleGridSlotChange;
     private updateGridSlotDisplay;
     private renderAccordion;
     private renderColumns;

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

@@ -1,33 +1,42 @@
 import { Device } from "../../utils/breakpoints";
 /**
  * @slot post-logo - Should be used together with the `<post-logo>` component.
- * @slot global-controls - Holds search button in the global header.
- * @slot meta-navigation - Holds an `<ul>` with meta navigation links.
- * @slot post-togglebutton - Holds the mobile menu toggler.
- * @slot post-language-switch - Should be used with the `<post-language-switch>` component.
+ * @slot global-nav-primary - Holds search button in the global header.
+ * @slot global-nav-secondary - Holds an `<ul>` with meta navigation links.
+ * @slot language-menu - Should be used with the `<post-language-switch>` component.
  * @slot title - Holds the application title.
- * @slot default - Custom controls or content, right aligned in the local header.
- * @slot post-mainnavigation - Has a default slot because it's only meant to be used in the `<post-header>`.
- * @slot target-group - Holds the list of buttons to choose the target group.
- * @slot global-login - Holds the user menu or login button in the global header.
- * @slot navigation-controls - Custom controls, right aligned with the main navigation.
+ * @slot main-nav - Has a default slot because it's only meant to be used in the `<post-header>`.
+ * @slot audience - Holds the list of buttons to choose the audience.
+ * @slot post-login - Holds the user menu or login button in the global header.
+ * @slot local-nav - Holds controls specific to the current application.
  */
 export declare class PostHeader {
     private firstFocusableEl;
     private lastFocusableEl;
-    private mobileMenu;
-    private mobileMenuAnimation;
+    private burgerMenuButton;
+    private burgerMenu;
+    private burgerMenuAnimation;
     private readonly throttledResize;
     private scrollParentResizeObserver;
     private localHeaderResizeObserver;
-    private get hasMobileMenu();
+    private slottedContentObserver;
+    private localHeader;
+    private get hasBurgerMenu();
+    private animationOptions;
     get scrollParent(): HTMLElement;
     host: HTMLPostHeaderElement;
     device: Device;
     hasNavigation: boolean;
+    hasLocalNav: boolean;
+    hasAudience: boolean;
     hasTitle: boolean;
-    mobileMenuExtended: boolean;
+    burgerMenuExtended: boolean;
     megadropdownOpen: boolean;
+    /**
+     * The label of the burger menu button.
+     */
+    textMenu: string;
+    validateTextMenu(): void;
     lockBody(newValue: boolean | string, _oldValue: boolean | string, propName: string): void;
     constructor();
     private readonly breakpointChange;
@@ -36,16 +45,13 @@ export declare class PostHeader {
     componentDidRender(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
-    private checkNavigationExistence;
-    private checkTitleExistence;
-    private closeMobileMenu;
+    private closeBurgerMenu;
     /**
-     * Toggles the mobile navigation.
+     * Toggles the burger navigation menu.
      */
-    toggleMobileMenu(force?: boolean): Promise<void>;
+    toggleBurgerMenu(force?: boolean): Promise<void>;
     private megadropdownStateHandler;
     private getFocusableElements;
-    private getMenuButton;
     private keyboardHandler;
     private closeAllMegadropdowns;
     private handleScrollEvent;
@@ -54,7 +60,10 @@ export declare class PostHeader {
     private handleLinkClick;
     private handleScrollParentResize;
     private handleLocalHeaderResize;
+    private handleSlottedContentChanges;
+    private checkSlottedContent;
     private switchLanguageSwitchMode;
+    onFocusChange(e: FocusEvent): void;
     private renderNavigation;
     render(): any;
 }

package/dist/types/components/{post-language-switch/post-language-switch.d.ts → post-language-menu/post-language-menu.d.ts}

@@ -1,18 +1,18 @@
 import { SwitchVariant } from './switch-variants';
-export declare class PostLanguageSwitch {
+export declare class PostLanguageMenu {
     private readonly menuId;
     private readonly listSpanId;
     private get languageOptions();
-    host: HTMLPostLanguageSwitchElement;
+    host: HTMLPostLanguageMenuElement;
     /**
      * A title for the list of language options
      */
-    caption: string;
+    textChangeLanguage: string;
     validateCaption(): void;
     /**
      * A descriptive text for the list of language options
      */
-    description: string;
+    textCurrentLanguage: string;
     validateDescription(): void;
     /**
      * Whether the component is rendered as a list or a menu
@@ -25,12 +25,12 @@ export declare class PostLanguageSwitch {
     activeLang: string;
     componentDidLoad(): void;
     /**
-     * Listen for the postChange event and guard it to run only for events originating from a <post-language-option> element.
+     * Listen for the postChange event and guard it to run only for events originating from a <post-language-menu-item> element.
      */
     handlePostChange(event: CustomEvent<string>): void;
     /**
      * Handles cases where the language switch is being rendered before options are available
-     * @param event Initially emitted by <post-langauge-option>
+     * @param event Initially emitted by <post-language-menu-item>
      */
     handleInitiallyActive(event: CustomEvent<string>): void;
     private updateChildrenVariant;

package/dist/types/components/{post-language-option/post-language-option.d.ts → post-language-menu-item/post-language-menu-item.d.ts}

@@ -1,10 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { SwitchVariant } from '../post-language-switch/switch-variants';
+import { SwitchVariant } from '../post-language-menu/switch-variants';
 /**
  * @slot default - Slot for placing the content inside the anchor or button.
  */
-export declare class PostLanguageOption {
-    host: HTMLPostLanguageOptionElement;
+export declare class PostLanguageMenuItem {
+    host: HTMLPostLanguageMenuItemElement;
     /**
      *  The ISO 639 language code, formatted according to [RFC 5646 (also known as BCP 47)](https://datatracker.ietf.org/doc/html/rfc5646). For example, "de".
      */
@@ -15,7 +15,7 @@ export declare class PostLanguageOption {
      */
     active?: boolean;
     /**
-     * To communicate the variant prop from the parent (post-language-switch) component to the child (post-language-option) component. See parent docs for a description about the property itself.
+     * To communicate the variant prop from the parent (post-language-menu) component to the child (post-language-menu-item) component. See parent docs for a description about the property itself.
      */
     variant?: SwitchVariant;
     validateVariant(): void;
@@ -38,7 +38,7 @@ export declare class PostLanguageOption {
     /**
      * An event emitted when the language option is initially active. The payload is the ISO 639 code of the language.
      */
-    postLanguageOptionInitiallyActive: EventEmitter<string>;
+    postLanguageMenuItemInitiallyActive: EventEmitter<string>;
     /**
      * Selects the language option programmatically.
      */

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

@@ -1,4 +1,5 @@
 export declare class PostMainnavigation {
+    host: HTMLPostMainnavigationElement;
     private navbar;
     private scrollRepeatInterval;
     private navbarDisableTimer;
@@ -6,6 +7,11 @@ export declare class PostMainnavigation {
     private mutationObserver;
     canScrollLeft: boolean;
     canScrollRight: boolean;
+    /**
+     * Defines the accessible label for the navigation element. This text is used as the `aria-label` attribute to provide screen reader users with a description of the navigation's purpose.
+     */
+    textMain: string;
+    validateTextMain(): void;
     constructor();
     componentDidLoad(): void;
     /**
@@ -16,12 +22,7 @@ export declare class PostMainnavigation {
      * Stops the repeated scrolling when the mouse button is released.
      */
     stopScrolling(): void;
-    private handleMutations;
     private get navigationItems();
-    /**
-     * Hack to fix the layout shift due to bold text on active elements
-     */
-    private fixLayoutShift;
     /**
      * Returns whether scrolling is enabled in either the left or right direction.
      */

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

@@ -6,7 +6,21 @@ export declare class PostMegadropdown {
     /** Tracks the currently active dropdown instance. */
     private static activeDropdown;
     private defaultSlotObserver;
+    private currentAnimation;
+    private animatedContainer;
+    private isAnimating;
+    private fsAnimationOptions;
     host: HTMLPostMegadropdownElement;
+    /**
+     * An accessible label for the close button visible on desktop
+     */
+    textClose: string;
+    validateTextClose(): void;
+    /**
+     * A label for the back button visible on tablet and mobile
+     */
+    textBack: string;
+    validateTextBack(): void;
     device: Device;
     /**
      * Holds the current visibility state of the dropdown.
@@ -15,6 +29,7 @@ export declare class PostMegadropdown {
      */
     isVisible: boolean;
     trigger: boolean;
+    megadropdownTitle: string;
     /** Holds the current animation class. */
     animationClass: string | null;
     private get megadropdownTrigger();
@@ -28,6 +43,7 @@ export declare class PostMegadropdown {
         isVisible: boolean;
         focusParent?: boolean;
     }>;
+    constructor();
     connectedCallback(): void;
     componentDidRender(): void;
     componentDidLoad(): void;
@@ -48,12 +64,14 @@ export declare class PostMegadropdown {
      * Sets focus to the first focusable element within the component.
      */
     focusFirst(): Promise<void>;
-    private breakpointChange;
     /**
      * Forces the dropdown to close without animation.
      */
     private forceClose;
-    private handleAnimationEnd;
+    private createAnimation;
+    private animate;
+    private cancelAnimation;
+    private breakpointChange;
     private readonly handleClickOutside;
     private addListeners;
     private removeListeners;

package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts

@@ -1,33 +1,27 @@
 export declare class PostMegadropdownTrigger {
-    /**
-     * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
-     */
-    for: string;
     host: HTMLPostMegadropdownTriggerElement;
+    private mutationObserver;
+    private interactiveButton;
+    private isMegadropdownExpanded;
+    private slottedContent;
     /**
-     * Manages the accessibility attribute `aria-expanded` to indicate whether the associated mega dropdown is expanded or collapsed.
-     */
-    ariaExpanded: boolean;
-    /**
-     * Reference to the slotted button within the trigger, if present.
-     * Used to manage click and key events for mega dropdown control.
+     * Sets the trigger state to be active or inactive.
      */
-    private slottedButton;
+    active: boolean;
     /**
-     * Tracks whether this trigger's dropdown was expanded before a state change.
-     * Used to determine if this trigger should handle focus when its dropdown closes.
-     */
-    private wasExpanded;
-    /**
-     * Watch for changes to the `for` property to validate its type and ensure it is a string.
-     * @param forValue - The new value of the `for` property.
+     * ID of the mega dropdown element that this trigger is linked to. Used to open and close the specified mega dropdown.
      */
-    validateControlFor(): void;
-    private get megadropdown();
-    private handleToggle;
-    private handleKeyDown;
-    private handleToggleMegadropdown;
+    for: string;
+    validateFor(): void;
+    constructor();
+    connectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private cloneSlottedButton;
+    private get megadropdown();
+    private onClick;
+    private onKeyDown;
+    private onMegadropdownToggled;
     render(): any;
 }

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Placement } from '@floating-ui/dom';
 /**
- * @part menu - The container element that holds the list of menu items.
+ * @part post-menu - The container element that holds the list of menu items.
  * @slot header - Holds the header part of the menu.
  */
 export declare class PostMenu {
@@ -17,7 +17,7 @@ export declare class PostMenu {
     readonly placement?: Placement;
     validatePlacement(): void;
     /**
-     * An accessible name for the menu.
+     * A descriptive label that clearly identifies the menu’s content so assistive technologies can convey its purpose.
      */
     readonly label: string;
     validateLabel(): void;
@@ -51,8 +51,8 @@ export declare class PostMenu {
      */
     hide(): Promise<void>;
     private readonly handleKeyDown;
-    private readonly handlePostShown;
-    private readonly handlePostToggled;
+    private handlePostShown;
+    private handlePostToggled;
     private readonly handleClick;
     private controlKeyDownHandler;
     private getSlottedItems;