@swisspost/design-system-components 9.0.0-next.33 → 9.0.0-next.35

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

@@ -1,71 +1,46 @@
 export declare class PostMainnavigation {
-    private header;
     private navbar;
-    private rightScrollButton;
-    private leftScrollButton;
     private scrollRepeatInterval;
     private navbarDisableTimer;
     private resizeObserver;
     private mutationObserver;
-    host: HTMLPostMainnavigationElement;
     canScrollLeft: boolean;
     canScrollRight: boolean;
-    translationAmount: number;
+    constructor();
+    componentDidLoad(): void;
     /**
-     * Update navbar translation when 'translateAmount' changes and recalculate scrollability
+     * Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
      */
-    onTranslateAmountChanges(value: number): void;
+    disconnectedCallback(): void;
     /**
-     * Retrieves a reference to the closest 'post-header' element when the main navigation is added to the DOM.
-     * This ensures that we can interact with the header for mobile menu toggling.
+     * Stops the repeated scrolling when the mouse button is released.
      */
-    connectedCallback(): void;
+    stopScrolling(): void;
+    private handleMutations;
+    private get navigationItems();
     /**
-     * Cleans up references and disconnects the MutationObserver when the main navigation is removed from the DOM.
+     * Hack to fix the layout shift due to bold text on active elements
      */
-    disconnectedCallback(): void;
-    componentDidLoad(): void;
     private fixLayoutShift;
     private handleBackButtonClick;
     /**
-     * Moves focus on the navbar and adjusts scrolling to bring focused element into view.
+     * Returns whether scrolling is enabled in either the left or right direction.
      */
-    private adjustTranslation;
+    private get canScroll();
     /**
      * Checks if scrolling is possible in either direction (left or right) and updates the state accordingly.
      */
     private checkScrollability;
-    /**
-     * Returns whether scrolling is enabled in either the left or right direction.
-     */
-    private get canScroll();
     /**
      * Handles the scrolling behavior when a user clicks on the left or right scroll buttons.
      */
     private handleScrollButtonClick;
-    /**
-     * Stops the repeated scrolling when the mouse button is released.
-     */
-    stopScrolling(): void;
-    private scroll;
-    private translateRightTo;
-    private translateLeftTo;
-    /**
-     * Returns the navigation list container element
-     */
-    private get navigationList();
-    /**
-     * Returns the navigation items
-     */
-    private get navigationItems();
+    private scrollRight;
+    private scrollLeft;
     /**
      * Temporarily disables interactions with the navbar during scrolling to prevent accidental clicks.
      * Re-enables interactions after a brief delay to avoid blocking the user entirely.
      */
-    private disableNavbar;
-    /**
-     * Allows to translate the navbar without a transition
-     */
-    private withoutTransition;
+    private temporarilyDisableNavbar;
     render(): any;
 }

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

@@ -6,9 +6,9 @@ export declare class PostMenu {
     private readonly KEYCODES;
     host: HTMLPostMenuElement;
     /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
+     * Defines the position of the menu relative to its trigger.
+     * Menus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+     * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
      */
     readonly placement?: Placement;
     /**

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

@@ -21,7 +21,7 @@ export declare class PostMenuTrigger {
     validateControlFor(): void;
     private get menu();
     private handleToggle;
-    private handleKeyDown;
+    private readonly handleKeyDown;
     connectedCallback(): void;
     componentDidLoad(): void;
     render(): any;

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

@@ -1,12 +1,13 @@
 import { Placement } from '@floating-ui/dom';
 export declare class PostPopover {
     private popoverRef;
-    private localBeforeToggleHandler;
+    private readonly localBeforeToggleHandler;
+    private readonly triggerObserver;
     host: HTMLPostPopoverElement;
     /**
-     * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
+     * Defines the position of the popover relative to its trigger.
+     * Popovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+     * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
      */
     readonly placement?: Placement;
     /**
@@ -38,5 +39,6 @@ export declare class PostPopover {
     toggle(target: HTMLElement, force?: boolean): Promise<void>;
     private get triggers();
     private beforeToggleHandler;
+    private patchAccessibilityFeatures;
     render(): any;
 }

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Placement } from '@floating-ui/dom';
-import '@oddbird/popover-polyfill';
 interface PopoverElement {
     showPopover: () => void;
     hidePopover: () => void;
@@ -50,6 +49,7 @@ export declare class PostPopovercontainer {
      * @param event MouseEvent with cursor position
      */
     private mouseTrackingHandler;
+    connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     /**

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

@@ -15,7 +15,7 @@ export declare class PostTag {
     /**
      * Defines the icon `name` inside of the component.
      * <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
-     * To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
+     * To learn which icons are available, please visit our <a href="/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs">icon library</a>.
      */
     readonly icon: null | string;
     constructor();

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

@@ -1,13 +1,13 @@
 import { Placement } from '@floating-ui/dom';
-import 'long-press-event';
 export declare class PostTooltip {
     private popoverRef;
     private wasOpenedByFocus;
+    private readonly triggerObserver;
     host: HTMLPostTooltipElement;
     /**
-     * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
-     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted
-     * towards the viewport if they would overlap edge boundaries.
+     * Defines the position of the tooltip relative to its trigger.
+     * Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+     * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
      */
     readonly placement?: Placement;
     /**
@@ -56,5 +56,10 @@ export declare class PostTooltip {
      * Re-enable pointer events when the tooltip is no longer in focus or hovered
      */
     private handleInterestLost;
+    /**
+     * Patch some accessibility features that are hard to remember or understand
+     * @param {HTMLElement} trigger
+     */
+    private patchAccessibilityFeatures;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -67,7 +67,7 @@ export namespace Components {
          */
         "lastname"?: string;
         /**
-          * Defines the company internal userId.<div className="mb-1 banner banner-warning banner-sm">Can only be used on post.ch domains!</div>
+          * Defines the company internal userId.<div className="mb-4 banner banner-warning banner-sm">Can only be used on post.ch domains!</div>
          */
         "userid"?: string;
     }
@@ -99,7 +99,13 @@ export namespace Components {
          */
         "type": BannerType;
     }
-    interface PostBreadcrumb {
+    interface PostBreadcrumbItem {
+        /**
+          * The optional URL to which the breadcrumb item will link.
+         */
+        "url"?: string | URL;
+    }
+    interface PostBreadcrumbs {
         /**
           * The text label for the home breadcrumb item.
          */
@@ -109,12 +115,6 @@ export namespace Components {
          */
         "homeUrl": string;
     }
-    interface PostBreadcrumbItem {
-        /**
-          * The optional URL to which the breadcrumb item will link.
-         */
-        "url"?: string | URL;
-    }
     /**
      * @class PostCardControl - representing a stencil component
      */
@@ -144,7 +144,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Defines the `name` attribute of the control. <span className="banner banner-sm banner-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span> <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
+          * Defines the `name` attribute of the control. <span className="mb-4 banner banner-sm banner-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span> <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
          */
         "name": string;
         /**
@@ -323,7 +323,7 @@ export namespace Components {
          */
         "hide": () => Promise<void>;
         /**
-          * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+          * Defines the position of the menu relative to its trigger. Menus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
          */
         "placement"?: Placement;
         /**
@@ -358,7 +358,7 @@ export namespace Components {
          */
         "hide": () => Promise<void>;
         /**
-          * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+          * Defines the position of the popover relative to its trigger. Popovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
          */
         "placement"?: Placement;
         /**
@@ -452,7 +452,7 @@ export namespace Components {
     }
     interface PostTag {
         /**
-          * Defines the icon `name` inside of the component. <span className="banner banner-sm banner-info">If not set the icon will not show up.</span> To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
+          * Defines the icon `name` inside of the component. <span className="banner banner-sm banner-info">If not set the icon will not show up.</span> To learn which icons are available, please visit our <a href="/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs">icon library</a>.
          */
         "icon": null | string;
         /**
@@ -484,7 +484,7 @@ export namespace Components {
          */
         "hide": () => Promise<void>;
         /**
-          * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+          * Defines the position of the tooltip relative to its trigger. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
          */
         "placement"?: Placement;
         /**
@@ -583,18 +583,18 @@ declare global {
         prototype: HTMLPostBannerElement;
         new (): HTMLPostBannerElement;
     };
-    interface HTMLPostBreadcrumbElement extends Components.PostBreadcrumb, HTMLStencilElement {
-    }
-    var HTMLPostBreadcrumbElement: {
-        prototype: HTMLPostBreadcrumbElement;
-        new (): HTMLPostBreadcrumbElement;
-    };
     interface HTMLPostBreadcrumbItemElement extends Components.PostBreadcrumbItem, HTMLStencilElement {
     }
     var HTMLPostBreadcrumbItemElement: {
         prototype: HTMLPostBreadcrumbItemElement;
         new (): HTMLPostBreadcrumbItemElement;
     };
+    interface HTMLPostBreadcrumbsElement extends Components.PostBreadcrumbs, HTMLStencilElement {
+    }
+    var HTMLPostBreadcrumbsElement: {
+        prototype: HTMLPostBreadcrumbsElement;
+        new (): HTMLPostBreadcrumbsElement;
+    };
     interface HTMLPostCardControlElementEventMap {
         "postInput": { state: boolean; value: string };
         "postChange": { state: boolean; value: string };
@@ -877,8 +877,8 @@ declare global {
         "post-avatar": HTMLPostAvatarElement;
         "post-back-to-top": HTMLPostBackToTopElement;
         "post-banner": HTMLPostBannerElement;
-        "post-breadcrumb": HTMLPostBreadcrumbElement;
         "post-breadcrumb-item": HTMLPostBreadcrumbItemElement;
+        "post-breadcrumbs": HTMLPostBreadcrumbsElement;
         "post-card-control": HTMLPostCardControlElement;
         "post-closebutton": HTMLPostClosebuttonElement;
         "post-collapsible": HTMLPostCollapsibleElement;
@@ -945,7 +945,7 @@ declare namespace LocalJSX {
          */
         "lastname"?: string;
         /**
-          * Defines the company internal userId.<div className="mb-1 banner banner-warning banner-sm">Can only be used on post.ch domains!</div>
+          * Defines the company internal userId.<div className="mb-4 banner banner-warning banner-sm">Can only be used on post.ch domains!</div>
          */
         "userid"?: string;
     }
@@ -977,7 +977,13 @@ declare namespace LocalJSX {
          */
         "type"?: BannerType;
     }
-    interface PostBreadcrumb {
+    interface PostBreadcrumbItem {
+        /**
+          * The optional URL to which the breadcrumb item will link.
+         */
+        "url"?: string | URL;
+    }
+    interface PostBreadcrumbs {
         /**
           * The text label for the home breadcrumb item.
          */
@@ -987,12 +993,6 @@ declare namespace LocalJSX {
          */
         "homeUrl"?: string;
     }
-    interface PostBreadcrumbItem {
-        /**
-          * The optional URL to which the breadcrumb item will link.
-         */
-        "url"?: string | URL;
-    }
     /**
      * @class PostCardControl - representing a stencil component
      */
@@ -1018,7 +1018,7 @@ declare namespace LocalJSX {
          */
         "label": string;
         /**
-          * Defines the `name` attribute of the control. <span className="banner banner-sm banner-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span> <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
+          * Defines the `name` attribute of the control. <span className="mb-4 banner banner-sm banner-info">This is a required property, when the control should participate in a native `form`. If not specified, a native `form` will never contain this controls value.</span> <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
          */
         "name"?: string;
         /**
@@ -1189,7 +1189,7 @@ declare namespace LocalJSX {
          */
         "onToggleMenu"?: (event: PostMenuCustomEvent<boolean>) => void;
         /**
-          * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+          * Defines the position of the menu relative to its trigger. Menus are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
          */
         "placement"?: Placement;
     }
@@ -1211,7 +1211,7 @@ declare namespace LocalJSX {
          */
         "closeButtonCaption": string;
         /**
-          * Defines the placement of the popover according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Popoverss are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+          * Defines the position of the popover relative to its trigger. Popovers are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
          */
         "placement"?: Placement;
     }
@@ -1291,7 +1291,7 @@ declare namespace LocalJSX {
     }
     interface PostTag {
         /**
-          * Defines the icon `name` inside of the component. <span className="banner banner-sm banner-info">If not set the icon will not show up.</span> To learn which icons are available, please visit our <a href="/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs">icon library</a>.
+          * Defines the icon `name` inside of the component. <span className="banner banner-sm banner-info">If not set the icon will not show up.</span> To learn which icons are available, please visit our <a href="/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs">icon library</a>.
          */
         "icon"?: null | string;
         /**
@@ -1319,7 +1319,7 @@ declare namespace LocalJSX {
          */
         "delayed"?: boolean;
         /**
-          * Defines the placement of the tooltip according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries.
+          * Defines the position of the tooltip relative to its trigger. Tooltips are automatically flipped to the opposite side if there is not enough available space and are shifted towards the viewport if they would overlap edge boundaries. For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
          */
         "placement"?: Placement;
     }
@@ -1329,8 +1329,8 @@ declare namespace LocalJSX {
         "post-avatar": PostAvatar;
         "post-back-to-top": PostBackToTop;
         "post-banner": PostBanner;
-        "post-breadcrumb": PostBreadcrumb;
         "post-breadcrumb-item": PostBreadcrumbItem;
+        "post-breadcrumbs": PostBreadcrumbs;
         "post-card-control": PostCardControl;
         "post-closebutton": PostClosebutton;
         "post-collapsible": PostCollapsible;
@@ -1370,8 +1370,8 @@ declare module "@stencil/core" {
             "post-avatar": LocalJSX.PostAvatar & JSXBase.HTMLAttributes<HTMLPostAvatarElement>;
             "post-back-to-top": LocalJSX.PostBackToTop & JSXBase.HTMLAttributes<HTMLPostBackToTopElement>;
             "post-banner": LocalJSX.PostBanner & JSXBase.HTMLAttributes<HTMLPostBannerElement>;
-            "post-breadcrumb": LocalJSX.PostBreadcrumb & JSXBase.HTMLAttributes<HTMLPostBreadcrumbElement>;
             "post-breadcrumb-item": LocalJSX.PostBreadcrumbItem & JSXBase.HTMLAttributes<HTMLPostBreadcrumbItemElement>;
+            "post-breadcrumbs": LocalJSX.PostBreadcrumbs & JSXBase.HTMLAttributes<HTMLPostBreadcrumbsElement>;
             /**
              * @class PostCardControl - representing a stencil component
              */

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@ export { PostAccordionItem } from './components/post-accordion-item/post-accordi
 export { PostAvatar } from './components/post-avatar/post-avatar';
 export { PostBackToTop } from './components/post-back-to-top/post-back-to-top';
 export { PostBanner } from './components/post-banner/post-banner';
-export { PostBreadcrumb } from './components/post-breadcrumb/post-breadcrumb';
+export { PostBreadcrumbs } from './components/post-breadcrumbs/post-breadcrumbs';
 export { PostBreadcrumbItem } from './components/post-breadcrumb-item/post-breadcrumb-item';
 export { PostCardControl } from './components/post-card-control/post-card-control';
 export { PostClosebutton } from './components/post-closebutton/post-closebutton';

package/dist/types/popover-fn.d.ts

@@ -0,0 +1,11 @@
+// It seems like the package '@oddbird/popover-polyfill does not properly declare it's types.
+// This file fixes that issue so typescript does not complain about it on the import line
+
+declare module '@oddbird/popover-polyfill/dist/popover-fn.js' {
+  export {
+    apply,
+    injectStyles,
+    isPolyfilled,
+    isSupported,
+  } from '../node_modules/@oddbird/popover-polyfill/dist/popover-fn.js';
+}

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

@@ -0,0 +1,2 @@
+export declare const IS_SERVER: boolean;
+export declare const IS_BROWSER: boolean;

package/dist/types/utils/get-root.d.ts

@@ -1 +1,5 @@
+/**
+ * getRootNode() can only be used after the element has been attached to the document!
+ * So use it for example in the componentDidLoad lifecycle hook.
+ */
 export declare function getRoot(element: Element): Document | ShadowRoot;

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

@@ -1,7 +1,12 @@
+export * from './get-focusable-children';
+export * from './attribute-observer';
 export * from './component-on-ready';
 export * from './property-checkers';
+export * from './breakpoints';
 export * from './debounce';
+export * from './event-guard';
 export * from './get-root';
 export * from './is-motion-reduced';
 export * from './sass-export';
 export * from './timeout';
+export * from './environment';

package/loaders/attribute-observer.js

@@ -1,3 +1,5 @@
+import { I as IS_BROWSER } from './breakpoints.js';
+
 function getAttributeObserver(attribute, handler) {
     /**
      * Handle attribute changes and childList changes from the observer
@@ -19,7 +21,7 @@ function getAttributeObserver(attribute, handler) {
         });
     }
     // Initialize a mutation observer for patching accessibility features
-    return new MutationObserver(observerHandler);
+    return IS_BROWSER ? new MutationObserver(observerHandler) : null;
 }
 
 export { getAttributeObserver as g };

package/loaders/breakpoints.js

@@ -1,11 +1,13 @@
+const IS_SERVER = typeof window === 'undefined';
+const IS_BROWSER = !IS_SERVER;
+
 class Breakpoint {
-    breakpointMap;
-    current = {
-        key: '',
-        name: '',
-    };
     constructor() {
-        if (!this.breakpointMap) {
+        this.current = {
+            key: '',
+            name: '',
+        };
+        if (IS_BROWSER && !this.breakpointMap) {
             const keys = this.getStyles('--post-breakpoint-keys');
             const names = this.getStyles('--post-breakpoint-names');
             const widths = this.getStyles('--post-breakpoint-widths');
@@ -40,7 +42,9 @@ class Breakpoint {
         }
     }
     dispatchEvent(type) {
-        window.dispatchEvent(new CustomEvent(`postBreakpoint:${type}`, { detail: this.current[type] }));
+        if (IS_BROWSER) {
+            window.dispatchEvent(new CustomEvent(`postBreakpoint:${type}`, { detail: this.current[type] }));
+        }
     }
     get(type) {
         this.updateHandler(false);
@@ -49,4 +53,4 @@ class Breakpoint {
 }
 const breakpoint = new Breakpoint();
 
-export { breakpoint as b };
+export { IS_BROWSER as I, breakpoint as b };

package/loaders/get-root.js

@@ -1,5 +1,11 @@
+import { I as IS_BROWSER } from './breakpoints.js';
+
+/**
+ * getRootNode() can only be used after the element has been attached to the document!
+ * So use it for example in the componentDidLoad lifecycle hook.
+ */
 function getRoot(element) {
-    const root = element.getRootNode();
+    const root = IS_BROWSER ? element.getRootNode() : element;
     if (root instanceof Document || root instanceof ShadowRoot) {
         return root;
     }

package/loaders/index.d.ts

@@ -9,10 +9,10 @@ export { PostBackToTop as PostBackToTop } from '../dist/types/components/post-ba
 export { defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top';
 export { PostBanner as PostBanner } from '../dist/types/components/post-banner/post-banner';
 export { defineCustomElement as defineCustomElementPostBanner } from './post-banner';
-export { PostBreadcrumb as PostBreadcrumb } from '../dist/types/components/post-breadcrumb/post-breadcrumb';
-export { defineCustomElement as defineCustomElementPostBreadcrumb } from './post-breadcrumb';
 export { PostBreadcrumbItem as PostBreadcrumbItem } from '../dist/types/components/post-breadcrumb-item/post-breadcrumb-item';
 export { defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item';
+export { PostBreadcrumbs as PostBreadcrumbs } from '../dist/types/components/post-breadcrumbs/post-breadcrumbs';
+export { defineCustomElement as defineCustomElementPostBreadcrumbs } from './post-breadcrumbs';
 export { PostCardControl as PostCardControl } from '../dist/types/components/post-card-control/post-card-control';
 export { defineCustomElement as defineCustomElementPostCardControl } from './post-card-control';
 export { PostClosebutton as PostClosebutton } from '../dist/types/components/post-closebutton/post-closebutton';

package/loaders/index.js

@@ -1,15 +1,15 @@
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+import './breakpoints.js';
 export { PostAvatar, defineCustomElement as defineCustomElementPostAvatar } from './post-avatar.js';
 import './post-popovercontainer2.js';
-import './breakpoints.js';
-export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
+export { PostMegadropdown, defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown.js';
 export { PostTooltip, defineCustomElement as defineCustomElementPostTooltip } from './post-tooltip.js';
 export { PostAccordion, defineCustomElement as defineCustomElementPostAccordion } from './post-accordion.js';
 export { PostAccordionItem, defineCustomElement as defineCustomElementPostAccordionItem } from './post-accordion-item.js';
 export { PostBackToTop, defineCustomElement as defineCustomElementPostBackToTop } from './post-back-to-top.js';
 export { PostBanner, defineCustomElement as defineCustomElementPostBanner } from './post-banner.js';
-export { PostBreadcrumb, defineCustomElement as defineCustomElementPostBreadcrumb } from './post-breadcrumb.js';
 export { PostBreadcrumbItem, defineCustomElement as defineCustomElementPostBreadcrumbItem } from './post-breadcrumb-item.js';
+export { PostBreadcrumbs, defineCustomElement as defineCustomElementPostBreadcrumbs } from './post-breadcrumbs.js';
 export { PostCardControl, defineCustomElement as defineCustomElementPostCardControl } from './post-card-control.js';
 export { PostClosebutton, defineCustomElement as defineCustomElementPostClosebutton } from './post-closebutton.js';
 export { PostCollapsible, defineCustomElement as defineCustomElementPostCollapsible } from './post-collapsible.js';
@@ -24,11 +24,11 @@ export { PostList, defineCustomElement as defineCustomElementPostList } from './
 export { PostListItem, defineCustomElement as defineCustomElementPostListItem } from './post-list-item.js';
 export { PostLogo, defineCustomElement as defineCustomElementPostLogo } from './post-logo.js';
 export { PostMainnavigation, defineCustomElement as defineCustomElementPostMainnavigation } from './post-mainnavigation.js';
-export { PostMegadropdown, defineCustomElement as defineCustomElementPostMegadropdown } from './post-megadropdown.js';
 export { PostMegadropdownTrigger, defineCustomElement as defineCustomElementPostMegadropdownTrigger } from './post-megadropdown-trigger.js';
 export { PostMenu, defineCustomElement as defineCustomElementPostMenu } from './post-menu.js';
 export { PostMenuItem, defineCustomElement as defineCustomElementPostMenuItem } from './post-menu-item.js';
 export { PostMenuTrigger, defineCustomElement as defineCustomElementPostMenuTrigger } from './post-menu-trigger.js';
+export { PostPopover, defineCustomElement as defineCustomElementPostPopover } from './post-popover.js';
 export { PostPopovercontainer, defineCustomElement as defineCustomElementPostPopovercontainer } from './post-popovercontainer.js';
 export { PostRating, defineCustomElement as defineCustomElementPostRating } from './post-rating.js';
 export { PostTabHeader, defineCustomElement as defineCustomElementPostTabHeader } from './post-tab-header.js';