@swisspost/internet-header 1.13.9 → 1.13.11

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-7b84213a.js";export{s as setNonce}from"./p-7b84213a.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((async e=>(await t(),o([["p-93e68ed0",[[1,"swisspost-internet-header",{project:[1],stickyness:[1],language:[1],meta:[4],login:[4],search:[4],skiplinks:[4],configProxy:[1,"config-proxy"],environment:[1],languageSwitchOverrides:[1,"language-switch-overrides"],customConfig:[1,"custom-config"],languageCookieKey:[1,"language-cookie-key"],languageLocalStorageKey:[1,"language-local-storage-key"],logoutUrl:[1,"logout-url"],activeRoute:[8,"active-route"],osFlyoutOverrides:[1,"os-flyout-overrides"],fullWidth:[4,"full-width"],activeFlyout:[32],activeDropdownElement:[32],isMainSlotEmpty:[32],getCurrentLanguage:[64]},[[0,"languageChanged","handleLanguageChangeEvent"]],{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChange"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}]]],["p-f54c12d8",[[1,"swisspost-internet-breadcrumbs",{customItems:[1,"custom-items"],hideButtons:[4,"hide-buttons"],customBreadcrumbItems:[32],overlayVisible:[32],isConcatenated:[32],dropdownOpen:[32],refsReady:[32],toggleOverlayById:[64]},null,{customItems:["handleCustomConfigChange"]}]]],["p-b16677fe",[[1,"swisspost-internet-footer",{liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]]],["p-afb35fa6",[[1,"post-klp-login-widget",{logoutUrl:[1,"logout-url"],setFocus:[64]}]]],["p-cbba2d36",[[1,"post-language-switch",{mode:[1],langSwitchOpen:[32],toggleDropdown:[64]}]]],["p-dc6fa698",[[1,"post-logo"]]],["p-b430e01a",[[1,"post-main-navigation",{activeFlyout:[32],mobileMenuOpen:[32],toggleDropdown:[64],setFocus:[64],setActiveFlyout:[64]}]]],["p-64c41eb5",[[1,"post-meta-navigation",{orientation:[1],fullWidth:[4,"full-width"]}]]],["p-7ceffd9b",[[1,"post-search",{searchDropdownOpen:[32],coveoSuggestions:[32],placeSuggestions:[32],parcelSuggestion:[32],toggleDropdown:[64],setFocus:[64]}]]],["p-8acbe0b7",[[0,"post-skiplinks"]]]],e))));
+import{p as e,b as a}from"./p-c1b5f811.js";export{s as setNonce}from"./p-c1b5f811.js";import{g as o}from"./p-e1255160.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((async e=>(await o(),a([["p-7aaa346f",[[1,"swisspost-internet-header",{project:[1],stickyness:[1],language:[1],meta:[4],login:[4],search:[4],skiplinks:[4],configProxy:[1,"config-proxy"],environment:[1],languageSwitchOverrides:[1,"language-switch-overrides"],customConfig:[1,"custom-config"],languageCookieKey:[1,"language-cookie-key"],languageLocalStorageKey:[1,"language-local-storage-key"],logoutUrl:[1,"logout-url"],activeRoute:[8,"active-route"],osFlyoutOverrides:[1,"os-flyout-overrides"],fullWidth:[4,"full-width"],activeFlyout:[32],activeDropdownElement:[32],isMainSlotEmpty:[32],getCurrentLanguage:[64]},[[0,"languageChanged","handleLanguageChangeEvent"]],{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChange"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}]]],["p-bce3a409",[[1,"swisspost-internet-breadcrumbs",{customItems:[1,"custom-items"],hideButtons:[4,"hide-buttons"],customBreadcrumbItems:[32],overlayVisible:[32],isConcatenated:[32],dropdownOpen:[32],refsReady:[32],toggleOverlayById:[64]},null,{customItems:["handleCustomConfigChange"]}]]],["p-ed6ab713",[[1,"swisspost-internet-footer",{liveSupportEnabled:[32],cookieSettingsEnabled:[32]}]]],["p-61c44b55",[[1,"post-search",{searchDropdownOpen:[32],coveoSuggestions:[32],placeSuggestions:[32],parcelSuggestion:[32],toggleDropdown:[64],setFocus:[64]}]]],["p-507a1aa1",[[1,"post-klp-login-widget",{logoutUrl:[1,"logout-url"],setFocus:[64]}]]],["p-2d7abdc0",[[1,"post-language-switch",{mode:[1],langSwitchOpen:[32],toggleDropdown:[64]}]]],["p-db2b6582",[[1,"post-logo"]]],["p-067578af",[[1,"post-main-navigation",{activeFlyout:[32],mobileMenuOpen:[32],toggleDropdown:[64],setFocus:[64],setActiveFlyout:[64]}]]],["p-b90e75e8",[[1,"post-meta-navigation",{orientation:[1],fullWidth:[4,"full-width"]}]]],["p-b70cc30e",[[0,"post-skiplinks"]]],["p-3a497703",[[4,"focus-trap",{active:[4],trap:[32]},null,{active:["handleActiveChange"]}]]]],e))));

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

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-ed8dd33a.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-5f5b27e0.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

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

@@ -1,9 +1,9 @@
 import { IBreadcrumbItem } from '../../../models/breadcrumbs.model';
 export declare const BreadcrumbList: (props: {
     items: IBreadcrumbItem[];
-    dropdownOpen?: boolean | undefined;
-    isConcatenated?: boolean | undefined;
+    dropdownOpen?: boolean;
+    isConcatenated?: boolean;
     clickHandler: (event?: MouseEvent) => void;
-    lastItemRef?: ((element: HTMLElement | undefined) => void) | undefined;
-    focusable?: boolean | undefined;
+    lastItemRef?: (element: HTMLElement | undefined) => void;
+    focusable?: boolean;
 }) => any;

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

@@ -3,5 +3,5 @@ export declare const MiddleDropdown: (props: {
     items: IBreadcrumbItem[];
     dropdownOpen: boolean;
     clickHandler: (event?: MouseEvent) => void;
-    focusable?: boolean | undefined;
+    focusable?: boolean;
 }) => any;

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

@@ -9,7 +9,7 @@ import { IBreadcrumbOverlay } from '../../../models/breadcrumbs.model';
 export declare const OverlayComponent: (props: {
     overlay: IBreadcrumbOverlay;
     onClick: () => void;
-    onKeyDown?: ((event?: KeyboardEvent) => void) | undefined;
+    onKeyDown?: (event?: KeyboardEvent) => void;
     iFrameRef: (element: HTMLIFrameElement) => void;
     overlayRef: (element: HTMLElement | undefined) => void;
     closeButtonText: string;

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

@@ -1,5 +1,8 @@
 import { IBreadcrumbItem, IBreadcrumbOverlay } from '../../models/breadcrumbs.model';
 export declare class PostInternetBreadcrumbs {
+    /**
+     * Add custom breadcrumb items to the end of the pre-configured list. Handy if your online service has it's own navigation structure.
+     */
     customItems?: string | IBreadcrumbItem[];
     /**
      * Hide all buttons.
@@ -28,23 +31,23 @@ export declare class PostInternetBreadcrumbs {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     handleCustomConfigChange(newValue: string | IBreadcrumbItem[]): void;
-    handleResize(): void;
-    checkConcatenation(): void;
-    toggleOverlay(overlay: IBreadcrumbOverlay, force?: boolean): void;
+    private handleResize;
+    private checkConcatenation;
+    private toggleOverlay;
     /**
      * Disable or re-enable body scrolling, depending on whether overlay is visible or not
      */
-    setBodyScroll(overlay: IBreadcrumbOverlay): void;
-    toggleDropdown(force?: boolean): void;
-    handleWindowClick(): void;
-    registerIFrameResizer(iFrame: HTMLIFrameElement | undefined): void;
+    private setBodyScroll;
+    private toggleDropdown;
+    private handleWindowClick;
+    private registerIFrameResizer;
     /**
      * Reference function for the overlay element got called. It is either null (overlay closed)
      * or contains the overlay element as parameter.
      * @param e Overlay element or null
      * @returns void
      */
-    overlayRef(e: HTMLElement | undefined): void;
+    private overlayRef;
     private handleKeyDown;
     private handleToggleDropdown;
     private handleToggleOverlay;

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

@@ -1,10 +1,20 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DropdownElement, DropdownEvent, HasDropdown, NavLangEntity } from '../../models/header.model';
+import { DropdownEvent, HasDropdown } from '../../models/header.model';
 export declare class PostLanguageSwitch implements HasDropdown {
+    /**
+     * Visualization of the language switch.
+     * Possible values: 'dropdown' | 'list'
+     */
     mode: 'dropdown' | 'list';
     langSwitchOpen: boolean;
-    host: DropdownElement;
+    host: HTMLPostLanguageSwitchElement;
+    /**
+     * Fires when the dropdown has been toggled.
+     */
     dropdownToggled: EventEmitter<DropdownEvent>;
+    /**
+     * Fires when the language has been changed.
+     */
     languageChanged: EventEmitter<string>;
     private languageSwitchDropdown;
     componentWillUpdate(): Promise<boolean> | undefined;
@@ -20,7 +30,7 @@ export declare class PostLanguageSwitch implements HasDropdown {
      *
      * @param newLang Config of the new language
      */
-    switchLanguage(newLang: NavLangEntity): void;
+    private switchLanguage;
     private getMergedLanguageConfig;
     private setDropdownRef;
     render(): any;

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

@@ -1,28 +1,34 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { DropdownElement, DropdownEvent, HasDropdown, IsFocusable, NavMainEntity } from '../../models/header.model';
+import { DropdownEvent, HasDropdown, IsFocusable } from '../../models/header.model';
 export declare class PostMainNavigation implements HasDropdown, IsFocusable {
     activeFlyout: string | null;
     mobileMenuOpen: boolean;
+    /**
+     * Fires when the dropdown has been toggled.
+     */
     dropdownToggled: EventEmitter<DropdownEvent>;
+    /**
+     * Fires when the flyout has been toggled.
+     */
     flyoutToggled: EventEmitter<string | null>;
-    host: DropdownElement;
+    host: HTMLPostMainNavigationElement;
     private throttledResize;
     private resizeTimer;
     private mouseLeaveTimer;
     private mouseEnterTimer;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    handleResize(): void;
-    setWindowHeight(): void;
-    openFlyout(id: string): void;
-    closeFlyout(id?: string, manageFocus?: boolean): void;
-    addFlyoutAnimation(flyout: HTMLElement, direction?: 'expand' | 'collapse', manageFocus?: boolean): void;
-    isActiveFlyout(id?: string): boolean;
-    handleMouseEnter(level: NavMainEntity): void;
-    handleMouseLeave(level: NavMainEntity): void;
-    handleTouchEnd(event: TouchEvent, level: NavMainEntity): void;
-    handleKeyPress(event: KeyboardEvent, level: NavMainEntity): void;
-    handleClick(event: MouseEvent, level: NavMainEntity): void;
+    private handleResize;
+    private setWindowHeight;
+    private openFlyout;
+    private closeFlyout;
+    private addFlyoutAnimation;
+    private isActiveFlyout;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleTouchEnd;
+    private handleKeyPress;
+    private handleClick;
     /**
      * Toggle the main navigation (only visible on mobile)
      * @param force Force a state

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

@@ -1,5 +1,12 @@
 export declare class PostMetaNavigation {
+    /**
+     * Displays the meta-navigation horihontally or vertically.
+     * Allowed values: 'horizontal' | 'vertical'
+     */
     orientation: 'horizontal' | 'vertical';
+    /**
+     * Displays the meta-navigation in full-width.
+     */
     fullWidth?: boolean;
     render(): any;
 }

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CoveoCompletion } from '../../models/coveo.model';
 import { GeocodeLocation } from '../../models/geocode.model';
-import { DropdownElement, DropdownEvent, HasDropdown, IsFocusable } from '../../models/header.model';
+import { DropdownEvent, HasDropdown, IsFocusable } from '../../models/header.model';
 import { TrackAndTraceInfo } from '../../models/track-and-trace.model';
 export declare class PostSearch implements HasDropdown, IsFocusable {
     searchDropdownOpen: boolean;
@@ -10,8 +10,11 @@ export declare class PostSearch implements HasDropdown, IsFocusable {
     parcelSuggestion: (TrackAndTraceInfo & {
         url: string;
     }) | null;
+    /**
+     * Fires when the dropdown has been toggled.
+     */
     dropdownToggled: EventEmitter<DropdownEvent>;
-    host: DropdownElement;
+    host: HTMLPostSearchElement;
     private searchBox?;
     private searchFlyout;
     private throttledResize;
@@ -20,8 +23,12 @@ export declare class PostSearch implements HasDropdown, IsFocusable {
     disconnectedCallback(): void;
     componentWillUpdate(): Promise<boolean> | undefined;
     componentDidUpdate(): void;
-    toggleDropdown(event?: Event): Promise<boolean>;
-    toggleDropdown(force?: boolean): Promise<boolean>;
+    /**
+     * Toggle the dropdown and optionally force an open/closed state
+     * @param force Boolean to force open/closed state
+     * @returns Boolean indicating open state of the component
+     */
+    toggleDropdown(force?: boolean | Event): Promise<boolean>;
     /**
      * Sets the focus on the search button
      */

package/dist/types/components/shared/focus-trap.d.ts

@@ -0,0 +1,17 @@
+import * as focusTrap from 'focus-trap';
+/**
+ * Trap the focus inside a specific container.
+ *
+ * @param active  activate or deactivate the focus trap
+ */
+export declare class FocusTrap {
+    active: boolean;
+    host: HTMLElement;
+    trap: undefined | focusTrap.FocusTrap;
+    handleActiveChange(active: boolean): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private toggleTrap;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -6,16 +6,25 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DropdownEvent, NavMainEntity } from "./models/header.model";
+import { Event } from "./stencil-public-runtime";
 import { IBreadcrumbItem, IBreadcrumbOverlay } from "./models/breadcrumbs.model";
 import { StickynessOptions } from "./models/implementor.model";
 import { Environment, ICustomConfig } from "./models/general.model";
 import { IAvailableLanguage } from "./models/language.model";
 export { DropdownEvent, NavMainEntity } from "./models/header.model";
+export { Event } from "./stencil-public-runtime";
 export { IBreadcrumbItem, IBreadcrumbOverlay } from "./models/breadcrumbs.model";
 export { StickynessOptions } from "./models/implementor.model";
 export { Environment, ICustomConfig } from "./models/general.model";
 export { IAvailableLanguage } from "./models/language.model";
 export namespace Components {
+    /**
+     * Trap the focus inside a specific container.
+     * @param active activate or deactivate the focus trap
+     */
+    interface FocusTrap {
+        "active": boolean;
+    }
     interface PostKlpLoginWidget {
         /**
           * Override the logout-url provided by the portal config.
@@ -27,6 +36,9 @@ export namespace Components {
         "setFocus": () => Promise<void>;
     }
     interface PostLanguageSwitch {
+        /**
+          * Visualization of the language switch. Possible values: 'dropdown' | 'list'
+         */
         "mode": 'dropdown' | 'list';
         /**
           * Open or close the language switch programatically
@@ -55,7 +67,13 @@ export namespace Components {
         "toggleDropdown": (force?: boolean) => Promise<boolean>;
     }
     interface PostMetaNavigation {
+        /**
+          * Displays the meta-navigation in full-width.
+         */
         "fullWidth"?: boolean;
+        /**
+          * Displays the meta-navigation horihontally or vertically. Allowed values: 'horizontal' | 'vertical'
+         */
         "orientation": 'horizontal' | 'vertical';
     }
     interface PostSearch {
@@ -68,11 +86,14 @@ export namespace Components {
           * @param force Boolean to force open/closed state
           * @returns Boolean indicating open state of the component
          */
-        "toggleDropdown": (force?: unknown) => Promise<boolean>;
+        "toggleDropdown": (force?: boolean | Event) => Promise<boolean>;
     }
     interface PostSkiplinks {
     }
     interface SwisspostInternetBreadcrumbs {
+        /**
+          * Add custom breadcrumb items to the end of the pre-configured list. Handy if your online service has it's own navigation structure.
+         */
         "customItems"?: string | IBreadcrumbItem[];
         /**
           * Hide all buttons.
@@ -179,6 +200,16 @@ export interface SwisspostInternetHeaderCustomEvent<T> extends CustomEvent<T> {
     target: HTMLSwisspostInternetHeaderElement;
 }
 declare global {
+    /**
+     * Trap the focus inside a specific container.
+     * @param active activate or deactivate the focus trap
+     */
+    interface HTMLFocusTrapElement extends Components.FocusTrap, HTMLStencilElement {
+    }
+    var HTMLFocusTrapElement: {
+        prototype: HTMLFocusTrapElement;
+        new (): HTMLFocusTrapElement;
+    };
     interface HTMLPostKlpLoginWidgetElement extends Components.PostKlpLoginWidget, HTMLStencilElement {
     }
     var HTMLPostKlpLoginWidgetElement: {
@@ -286,6 +317,7 @@ declare global {
         new (): HTMLSwisspostInternetHeaderElement;
     };
     interface HTMLElementTagNameMap {
+        "focus-trap": HTMLFocusTrapElement;
         "post-klp-login-widget": HTMLPostKlpLoginWidgetElement;
         "post-language-switch": HTMLPostLanguageSwitchElement;
         "post-logo": HTMLPostLogoElement;
@@ -299,6 +331,13 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    /**
+     * Trap the focus inside a specific container.
+     * @param active activate or deactivate the focus trap
+     */
+    interface FocusTrap {
+        "active"?: boolean;
+    }
     interface PostKlpLoginWidget {
         /**
           * Override the logout-url provided by the portal config.
@@ -306,26 +345,53 @@ declare namespace LocalJSX {
         "logoutUrl"?: string;
     }
     interface PostLanguageSwitch {
+        /**
+          * Visualization of the language switch. Possible values: 'dropdown' | 'list'
+         */
         "mode"?: 'dropdown' | 'list';
+        /**
+          * Fires when the dropdown has been toggled.
+         */
         "onDropdownToggled"?: (event: PostLanguageSwitchCustomEvent<DropdownEvent>) => void;
+        /**
+          * Fires when the language has been changed.
+         */
         "onLanguageChanged"?: (event: PostLanguageSwitchCustomEvent<string>) => void;
     }
     interface PostLogo {
     }
     interface PostMainNavigation {
+        /**
+          * Fires when the dropdown has been toggled.
+         */
         "onDropdownToggled"?: (event: PostMainNavigationCustomEvent<DropdownEvent>) => void;
+        /**
+          * Fires when the flyout has been toggled.
+         */
         "onFlyoutToggled"?: (event: PostMainNavigationCustomEvent<string | null>) => void;
     }
     interface PostMetaNavigation {
+        /**
+          * Displays the meta-navigation in full-width.
+         */
         "fullWidth"?: boolean;
+        /**
+          * Displays the meta-navigation horihontally or vertically. Allowed values: 'horizontal' | 'vertical'
+         */
         "orientation"?: 'horizontal' | 'vertical';
     }
     interface PostSearch {
+        /**
+          * Fires when the dropdown has been toggled.
+         */
         "onDropdownToggled"?: (event: PostSearchCustomEvent<DropdownEvent>) => void;
     }
     interface PostSkiplinks {
     }
     interface SwisspostInternetBreadcrumbs {
+        /**
+          * Add custom breadcrumb items to the end of the pre-configured list. Handy if your online service has it's own navigation structure.
+         */
         "customItems"?: string | IBreadcrumbItem[];
         /**
           * Hide all buttons.
@@ -409,6 +475,7 @@ declare namespace LocalJSX {
         "stickyness"?: StickynessOptions;
     }
     interface IntrinsicElements {
+        "focus-trap": FocusTrap;
         "post-klp-login-widget": PostKlpLoginWidget;
         "post-language-switch": PostLanguageSwitch;
         "post-logo": PostLogo;
@@ -425,6 +492,11 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * Trap the focus inside a specific container.
+             * @param active activate or deactivate the focus trap
+             */
+            "focus-trap": LocalJSX.FocusTrap & JSXBase.HTMLAttributes<HTMLFocusTrapElement>;
             "post-klp-login-widget": LocalJSX.PostKlpLoginWidget & JSXBase.HTMLAttributes<HTMLPostKlpLoginWidgetElement>;
             "post-language-switch": LocalJSX.PostLanguageSwitch & JSXBase.HTMLAttributes<HTMLPostLanguageSwitchElement>;
             "post-logo": LocalJSX.PostLogo & JSXBase.HTMLAttributes<HTMLPostLogoElement>;

package/dist/types/models/geocode.model.d.ts

@@ -14,14 +14,15 @@ export interface GeocodeLocation {
     pt: [number, number];
     bbox: [number, number, number, number];
 }
-export declare enum GeocodeResponseType {
-    Region = "region",
-    City = "city",
-    Zip = "zip",
-    Locality = "locality",
-    Address = "address",
-    Poi = "poi"
-}
+export declare const GeocodeResponseType: {
+    readonly Region: "region";
+    readonly City: "city";
+    readonly Zip: "zip";
+    readonly Locality: "locality";
+    readonly Address: "address";
+    readonly Poi: "poi";
+};
+export type GeocodeResponseType = (typeof GeocodeResponseType)[keyof typeof GeocodeResponseType];
 export interface ServiceTypesResponse {
     ok: boolean;
     info: string;

package/dist/types/models/header.model.d.ts

@@ -145,11 +145,13 @@ export interface IsFocusable {
     setFocus: () => void;
 }
 export type FocusableElement = HTMLElement & IsFocusable;
-export interface HasDropdown {
+export interface IDropdownElement {
     toggleDropdown: (force?: boolean) => Promise<boolean>;
+}
+export interface HasDropdown extends IDropdownElement {
     dropdownToggled: EventEmitter<DropdownEvent>;
 }
-export type DropdownElement = HTMLElement & HasDropdown;
+export type DropdownElement = HTMLElement & IDropdownElement;
 export type DropdownEvent = {
     open: boolean;
     element: DropdownElement;

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/loader/cdn.js

@@ -1,3 +1,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -1,3 +1,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.es2017.js

@@ -1,3 +1,2 @@
-
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,4 +1,3 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm-es5/loader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/internet-header",
-  "version": "1.13.9",
+  "version": "1.13.11",
   "description": "The header for client facing applications.",
   "author": "Swiss Post <design-system@post.ch>",
   "license": "Apache-2.0",
@@ -27,44 +27,45 @@
     "loader/"
   ],
   "dependencies": {
-    "@swisspost/design-system-styles": "7.0.0",
+    "@swisspost/design-system-styles": "7.2.0",
     "body-scroll-lock": "4.0.0-beta.0",
-    "iframe-resizer": "4.3.9",
+    "iframe-resizer": "4.4.2",
     "jquery": "3.7.1",
-    "tabbable": "6.2.0",
     "throttle-debounce": "5.0.0",
     "url-polyfill": "1.1.12"
   },
   "devDependencies": {
-    "@babel/core": "7.24.4",
-    "@percy/cli": "1.28.2",
+    "@babel/core": "7.24.7",
+    "@percy/cli": "1.28.7",
     "@percy/cypress": "3.1.2",
     "@stencil-community/eslint-plugin": "0.7.2",
-    "@stencil/core": "4.14.0",
-    "@stencil/sass": "3.0.11",
-    "@stencil/store": "2.0.15",
+    "@stencil/core": "4.18.3",
+    "@stencil/sass": "3.0.12",
+    "@stencil/store": "2.0.16",
     "@types/body-scroll-lock": "3.1.2",
     "@types/iframe-resizer": "3.5.13",
     "@types/jest": "29.5.12",
-    "@types/jquery": "3.5.29",
-    "@types/node": "18.19.28",
+    "@types/jquery": "3.5.30",
+    "@types/node": "20.14.0",
     "@types/throttle-debounce": "5.0.2",
     "babel-loader": "9.1.3",
-    "bootstrap": "5.3.2",
-    "cypress": "13.7.2",
+    "bootstrap": "5.3.3",
+    "cypress": "13.11.0",
     "cypress-each": "1.14.0",
-    "cypress-storybook": "0.5.1",
-    "eslint-plugin-react": "7.34.1",
+    "cypress-storybook": "1.0.0",
+    "eslint": "8.57.0",
+    "eslint-plugin-react": "7.34.2",
+    "focus-trap": "7.5.4",
     "globby": "14.0.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "rimraf": "5.0.5",
+    "rimraf": "5.0.7",
     "rollup-plugin-node-polyfills": "0.2.1",
     "rollup-plugin-scss": "4.0.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "sass": "1.74.1",
-    "start-server-and-test": "2.0.3",
-    "ts-jest": "29.1.2",
+    "sass": "1.77.5",
+    "start-server-and-test": "2.0.4",
+    "ts-jest": "29.1.5",
     "typescript": "4.9.5"
   },
   "keywords": [
@@ -77,7 +78,7 @@
     "frontend"
   ],
   "scripts": {
-    "dev": "stencil build --serve --port 9310 --watch --docs-readme",
+    "dev": "stencil build --serve --port 9310 --watch --docs-readme --dev",
     "start": "stencil build --watch --docs-readme",
     "build": "stencil build --docs-readme",
     "clean": "rimraf www dist loader",