@swisspost/design-system-components 10.0.0-next.37 → 10.0.0-next.39

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-9e461613.js";export{s as setNonce}from"./p-9e461613.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-deb9efcf",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateUrl"]}]]],["p-35ad2e11",[[1,"post-footer",{label:[1],isMobile:[32]}]]],["p-ee7c3bcc",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{belowFold:["watchBelowFold"],label:["validateLabel"]}]]],["p-39a8df3c",[[1,"post-banner",{dismissible:[4],dismissLabel:[1,"dismiss-label"],icon:[1],type:[1],bannerId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["validateDismissible"],dismissLabel:["validateDismissLabel"],icon:["validateIcon"],type:["validateType"]}]]],["p-ceda889e",[[65,"post-card-control",{label:[513],description:[1],type:[1],name:[1],value:[1],checked:[1028],disabled:[1028],validity:[1025],icon:[1],focused:[32],reset:[64],groupReset:[64]},null,{label:["validateControlLabel"],type:["validateControlType"],checked:["updateControlChecked"],disabled:["updateControlDisabled"]}]]],["p-8f7f5200",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]}]]],["p-1ab3eba4",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]}]]],["p-1373a79b",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"]}]]],["p-bcfdbd0b",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{open:["validateOpen"]}]]],["p-e9f1cc46",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-b648e537",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32]},null,{firstname:["validateFirstname"]}]]],["p-ee4e776d",[[1,"post-linkarea"]]],["p-f8c652ce",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-f56482fa",[[1,"post-tab-panel",{name:[513],panelId:[32]}]]],["p-804b61b7",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-474a41bc",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-89dc67c7",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-72310bf0",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[1,"post-closebutton"],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[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"],active:["validateActiveProp"],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],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]},null,{toggled:["validateToggled"]}],[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]}],[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],hide:[64],toggle:[64]}],[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"],flipH:["validateFlipH"],flipV:["validateFlipV"],name:["validateName"],rotate:["validateRotate"],scale:["validateScale"]}]]],["p-38f778a7",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-69bc8eaf",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));
+import{p as e,b as a}from"./p-9e461613.js";export{s as setNonce}from"./p-9e461613.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-746d3cd3",[[1,"post-breadcrumbs",{homeUrl:[1,"home-url"],homeText:[1,"home-text"],breadcrumbItems:[32],isConcatenated:[32],lastWindowWidth:[32]},null,{homeUrl:["validateHomeUrl"],homeText:["validateHomeText"]}]]],["p-c9b6f9e7",[[1,"post-footer",{label:[1],isMobile:[32]},null,{label:["validateLabel"]}]]],["p-95727a4f",[[1,"post-back-to-top",{label:[513],belowFold:[32]},null,{label:["validateLabel"],belowFold:["watchBelowFold"]}]]],["p-658a2e34",[[1,"post-banner",{dismissible:[4],dismissLabel:[1,"dismiss-label"],icon:[1],type:[1],bannerId:[32],classes:[32],hasActions:[32],hasHeading:[32],onDismissButtonClick:[32],dismiss:[64]},null,{dismissible:["checkDismissible"],icon:["validateIcon"],type:["validateType"]}]]],["p-cb7d8f67",[[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-1afb3c43",[[1,"post-popover",{placement:[1],closeButtonCaption:[1,"close-button-caption"],arrow:[4],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"],closeButtonCaption:["validateCloseButtonCaption"]}]]],["p-b373659e",[[1,"post-rating",{label:[1],stars:[2],currentRating:[1026,"current-rating"],readonly:[4],hoveredIndex:[32]},null,{label:["validateLabel"],stars:["validateStars"],currentRating:["validateCurrentRating"]}]]],["p-8ed1cb53",[[1,"post-tag",{variant:[1],size:[1],icon:[1],classes:[32]},null,{variant:["variantChanged"],size:["sizeChanged"],icon:["validateName"]}]]],["p-2523f97b",[[1,"post-tooltip",{placement:[1],arrow:[4],animation:[1],open:[1540],show:[64],hide:[64],toggle:[64]},null,{placement:["validatePlacement"]}]]],["p-bf182745",[[1,"post-accordion",{headingLevel:[2,"heading-level"],multiple:[4],toggle:[64],expandAll:[64],collapseAll:[64]},[[0,"postToggle","collapseToggleHandler"]],{headingLevel:["validateHeadingLevel"]}]]],["p-4c23ed05",[[1,"post-avatar",{firstname:[513],lastname:[1],userid:[1],email:[1],slottedImage:[32],avatarType:[32],imageUrl:[32],imageAlt:[32],initials:[32]},null,{firstname:["validateFirstname"],lastname:["validateLastname"],userid:["validateUserid"],email:["validateEmail"]}]]],["p-2f879f4e",[[1,"post-linkarea"]]],["p-79a2dad0",[[1,"post-tab-header",{panel:[513],tabId:[32]},null,{panel:["validateFor"]}]]],["p-41450b6c",[[1,"post-tab-panel",{name:[513],panelId:[32]},null,{name:["validateName"]}]]],["p-8ebecf22",[[1,"post-tabs",{activePanel:[1,"active-panel"],show:[64]}]]],["p-6313d72e",[[1,"post-tooltip-trigger",{for:[513],delay:[2]},null,{for:["validateControlFor"]}]]],["p-38b1c71e",[[1,"post-collapsible",{collapsed:[1028],toggle:[64]},null,{collapsed:["collapsedChange"]}],[1,"post-collapsible-trigger",{for:[513],update:[64]},null,{for:["validateAriaAttributes"]}]]],["p-33e26845",[[1,"post-language-switch",{caption:[1],description:[1],variant:[1],activeLang:[32]},[[0,"postChange","handlePostChange"],[0,"postLanguageOptionInitiallyActive","handleInitiallyActive"]],{caption:["validateCaption"],description:["validateDescription"],variant:["validateVariant"]}],[1,"post-closebutton"],[4,"post-mainnavigation",{canScrollLeft:[32],canScrollRight:[32]},[[9,"mouseup","stopScrolling"],[9,"mouseleave","stopScrolling"]]],[1,"post-header",{device:[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],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]}],[1,"post-menu",{placement:[1],isVisible:[32],toggle:[64],show:[64],hide:[64]},null,{placement:["validatePlacement"]}],[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],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-19a83519",[[1,"post-accordion-item",{collapsed:[1028],headingLevel:[2,"heading-level"],id:[32],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]],{headingLevel:["validateHeadingLevel"]}]]],["p-a844da3a",[[1,"post-breadcrumb-item",{url:[1],fullUrl:[32]},null,{url:["validateUrl"]}],[4,"post-menu-item"]]]],e))));

package/dist/prebuild.js

@@ -0,0 +1,26 @@
+import fs from "fs";
+import path from "path";
+export function createComponentNamesScssMap() {
+    // Define the source and output paths
+    const SOURCE_PATH = [path.resolve('src/components')];
+    const OUTPUT_PATH = path.resolve('src/styles/generated');
+    // Process component names
+    const webComponentNames = SOURCE_PATH.reduce((names, srcPath) => {
+        if (fs.existsSync(srcPath)) {
+            const componentNames = fs.readdirSync(srcPath);
+            const camelCaseNames = componentNames.map((name) => name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase());
+            names.push(...camelCaseNames);
+        }
+        return names;
+    }, []);
+    // Generate the SCSS output
+    const output = `$component-names: (\n  ${webComponentNames.join(',\n  ')}\n);\n`;
+    // Ensure the output directory exists
+    fs.mkdirSync(OUTPUT_PATH, { recursive: true });
+    // Write the SCSS file
+    fs.writeFileSync(`${OUTPUT_PATH}/component-names.scss`, output, 'utf8');
+}
+function prebuild() {
+    createComponentNamesScssMap();
+}
+prebuild();

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

@@ -10,12 +10,13 @@ export declare class PostAccordion {
      * Defines the hierarchical level of the `post-accordion-item` headers within the headings structure.
      */
     readonly headingLevel: HeadingLevel;
-    validateHeadingLevel(newValue?: 1 | 2 | 3 | 4 | 5 | 6): void;
+    validateHeadingLevel(): void;
     /**
      * If `true`, multiple `post-accordion-item` can be open at the same time.
      */
     readonly multiple: boolean;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     collapseToggleHandler(event: CustomEvent<boolean>): void;
     /**
      * Toggles the `post-accordion-item` with the given id.

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

@@ -32,6 +32,9 @@ export declare class PostAvatar {
     imageAlt: string;
     initials: string;
     validateFirstname(): void;
+    validateLastname(): void;
+    validateUserid(): void;
+    validateEmail(): void;
     private getAvatar;
     private getImageByProp;
     private fetchImageByUserId;

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

@@ -9,11 +9,11 @@ export declare class PostBackToTop {
     private translateY;
     private isBelowFold;
     private readonly handleScroll;
+    validateLabel(): void;
     watchBelowFold(newValue: boolean): void;
     private scrollToTop;
     private getSecondPixelValue;
     private animateButton;
-    validateLabel(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

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

@@ -16,18 +16,17 @@ export declare class PostBanner {
      * If `true`, a close button (×) is displayed and the banner can be dismissed by the user.
      */
     readonly dismissible: boolean;
-    validateDismissible(): void;
+    checkDismissible(): void;
     /**
      * The label to use for the close button of a dismissible banner.
      */
-    readonly dismissLabel: string;
-    validateDismissLabel(): void;
+    readonly dismissLabel?: string;
     /**
      * The icon to display in the banner. By default, the icon depends on the banner type.
      *
      * If `none`, no icon is displayed.
      */
-    readonly icon: string;
+    readonly icon?: string;
     validateIcon(): void;
     /**
      * The type of the banner.

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

@@ -16,7 +16,8 @@ export declare class PostBreadcrumbs {
     lastWindowWidth: number;
     private breadcrumbsNavRef?;
     private lastItem;
-    validateUrl(): void;
+    validateHomeUrl(): void;
+    validateHomeText(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/post-card-control/post-card-control.d.ts

@@ -23,7 +23,7 @@ export declare class PostCardControl {
     /**
      * Defines the description in the control-label.
      */
-    readonly description: string;
+    readonly description?: string;
     /**
      * Defines the `type` attribute of the control.
      */
@@ -33,11 +33,11 @@ export declare class PostCardControl {
      * <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>
      */
-    readonly name: string;
+    readonly name?: string;
     /**
      * Defines the `value` attribute of the control. <span className="banner banner-sm banner-info">This is a required property, when the control is used with type `radio`.</span>
      */
-    readonly value: string;
+    readonly value?: string;
     /**
      * Defines the `checked` attribute of the control. If `true`, the control is selected at its value will be included in the forms' data.
      */
@@ -50,12 +50,12 @@ export declare class PostCardControl {
      * Defines the validation `validity` of the control.
      * To reset validity to an undefined state, simply remove the attribute from the control.
      */
-    validity: null | 'true' | 'false';
+    validity?: boolean;
     /**
      * Defines the icon `name` inside the card.
      * <span className="banner banner-sm banner-info">If not set the icon will not show up.</span>
      */
-    readonly icon: string;
+    readonly icon?: string;
     /**
      * An event emitted whenever the components checked state is toggled.
      * The event payload (emitted under `event.detail.state`) is a boolean: `true` if the component is checked, `false` if it is unchecked.
@@ -75,7 +75,7 @@ export declare class PostCardControl {
     }>;
     /**
      * A public method to reset the controls `checked` and `validity` state.
-     * The validity state is set to `null`, so it's neither valid nor invalid.
+     * The validity state is set to `undefined`, so it's neither valid nor invalid.
      */
     reset(): Promise<void>;
     /**
@@ -83,7 +83,11 @@ export declare class PostCardControl {
      */
     groupReset(): Promise<void>;
     validateControlLabel(): void;
+    validateControlDescription(): void;
     validateControlType(): void;
+    validateControlName(): void;
+    validateControlValue(): void;
+    validateControlIcon(): void;
     updateControlChecked(checked?: boolean): void;
     updateControlDisabled(): void;
     constructor();

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

@@ -14,6 +14,8 @@ export declare class PostFooter {
      */
     readonly label: string;
     isMobile: boolean;
+    validateLabel(): void;
+    componentWillLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private readonly breakpointChange;

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

@@ -1,5 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type DEVICE_SIZE = 'mobile' | 'tablet' | 'desktop' | null;
 /**
  * @slot post-logo - Should be used together with the `<post-logo>` component.
  * @slot meta-navigation - Holds an `<ul>` with meta navigation links.
@@ -19,31 +17,29 @@ export declare class PostHeader {
     private localHeaderResizeObserver;
     get scrollParent(): HTMLElement;
     host: HTMLPostHeaderElement;
-    device: DEVICE_SIZE;
+    device: string;
     mobileMenuExtended: boolean;
     megadropdownOpen: boolean;
     lockBody(newValue: boolean | string, _oldValue: boolean | string, propName: string): void;
-    /**
-     * An event emitted when the device has changed
-     */
-    postUpdateDevice: EventEmitter<DEVICE_SIZE>;
     constructor();
+    private readonly breakpointChange;
     connectedCallback(): void;
     componentWillRender(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;
+    private closeMobileMenu;
     /**
      * Toggles the mobile navigation.
      */
     toggleMobileMenu(force?: boolean): Promise<void>;
-    private megedropdownStateHandler;
+    private megadropdownStateHandler;
     private getFocusableElements;
+    private getMenuButton;
     private keyboardHandler;
     private handleScrollEvent;
     private updateLocalHeaderHeight;
     private updateScrollParentHeight;
     private handleLinkClick;
-    private handleResize;
     private handleScrollParentResize;
     private handleLocalHeaderResize;
     private switchLanguageSwitchMode;

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

@@ -8,23 +8,21 @@ export declare class PostIcon {
     /**
      * The name of the animation.
      */
-    readonly animation?: Animation | null;
-    validateAnimation(newValue?: "cylon" | "cylon-vertical" | "spin" | "spin-reverse" | "fade" | "throb"): void;
+    readonly animation?: Animation;
+    validateAnimation(): void;
     /**
      * The base path, where the icons are located (must be a public url).<br/>Leave this field empty to use the default cdn url.
      */
-    readonly base?: string | null;
+    readonly base?: string;
     validateBase(): void;
     /**
      * When set to `true`, the icon will be flipped horizontally.
      */
     readonly flipH?: boolean;
-    validateFlipH(): void;
     /**
      * When set to `true`, the icon will be flipped vertically.
      */
     readonly flipV?: boolean;
-    validateFlipV(): void;
     /**
      * The name/id of the icon (e.g. 1000, 1001, ...).
      */
@@ -33,12 +31,12 @@ export declare class PostIcon {
     /**
      * The number of degree for the css rotate transformation.
      */
-    readonly rotate?: number | null;
+    readonly rotate?: number;
     validateRotate(): void;
     /**
      * The number for the css scale transformation.
      */
-    readonly scale?: number | null;
+    readonly scale?: number;
     validateScale(): void;
     private getUrl;
     private getUrlDefinition;

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

@@ -13,22 +13,22 @@ export declare class PostLanguageOption {
     /**
      * If set to `true`, the language option is considered the current language for the page.
      */
-    active: boolean;
-    validateActiveProp(): void;
+    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.
      */
-    variant?: SwitchVariant | null;
+    variant?: SwitchVariant;
+    validateVariant(): void;
     /**
      * The full name of the language. For example, "Deutsch".
      */
-    name: string;
+    name?: string;
     validateName(): void;
     /**
      * The URL used for the href attribute of the internal anchor.
      * This field is optional; if not provided, a button will be used internally instead of an anchor.
      */
-    url: string;
+    url?: string;
     validateUrl(): void;
     componentDidLoad(): void;
     /**

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

@@ -6,7 +6,7 @@ export declare class PostLogo {
     /**
      * The URL to which the user is redirected upon clicking the logo.
      */
-    url: string | URL;
+    url?: string | URL;
     validateUrl(): void;
     componentDidLoad(): void;
     private checkDescription;

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

@@ -11,6 +11,7 @@ export declare class PostMenu {
      * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
      */
     readonly placement?: Placement;
+    validatePlacement(): void;
     /**
      * Holds the current visibility state of the menu.
      * This state is internally managed to track whether the menu is open (`true`) or closed (`false`),

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

@@ -10,10 +10,12 @@ export declare class PostPopover {
      * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
      */
     readonly placement?: Placement;
+    validatePlacement(): void;
     /**
      * Define the caption of the close button for assistive technology
      */
     readonly closeButtonCaption: string;
+    validateCloseButtonCaption(): void;
     /**
      * Show a little indicator arrow
      */

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

@@ -47,6 +47,9 @@ export declare class PostPopovercontainer {
      * Enables a safespace through which the cursor can be moved without the popover being disabled
      */
     readonly safeSpace?: 'triangle' | 'trapezoid';
+    validatePlacement(): void;
+    validateEdgeGap(): void;
+    validateSafeSpace(): void;
     /**
      * Updates cursor position for safe space feature when popover is open.
      * Sets CSS custom properties for dynamic styling of safe area.

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

@@ -34,6 +34,10 @@ export declare class PostRating {
     postChange: EventEmitter<{
         value: number;
     }>;
+    validateLabel(): void;
+    validateStars(): void;
+    validateCurrentRating(): void;
+    componentWillLoad(): void;
     constructor();
     private update;
     private keydownHandler;

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

@@ -7,7 +7,7 @@ export declare class PostTabHeader {
     /**
      * The name of the panel controlled by the tab header.
      */
-    readonly panel: HTMLPostTabPanelElement['name'];
+    readonly panel: string;
     validateFor(): void;
     componentWillLoad(): void;
     render(): any;

package/dist/types/components/post-tab-panel/post-tab-panel.d.ts

@@ -8,6 +8,7 @@ export declare class PostTabPanel {
      * The name of the panel, used to associate it with a tab header.
      */
     readonly name: string;
+    validateName(): void;
     componentWillLoad(): void;
     render(): any;
 }

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

@@ -18,7 +18,7 @@ export declare class PostTabs {
      *
      * **Changing this value after initialization has no effect.**
      */
-    readonly activePanel: HTMLPostTabPanelElement['name'];
+    readonly activePanel?: HTMLPostTabPanelElement['name'];
     /**
      * An event emitted after the active tab changes, when the fade in transition of its associated panel is finished.
      * The payload is the name of the newly shown panel.

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

@@ -7,21 +7,23 @@ export declare class PostTag {
     /**
      * Defines the color variant of the component.
      */
-    readonly variant: 'white' | 'info' | 'success' | 'error' | 'warning' | 'yellow';
+    readonly variant?: 'white' | 'info' | 'success' | 'error' | 'warning' | 'yellow';
     /**
      * Defines the size of the component.
      */
-    readonly size: null | 'sm';
+    readonly size?: 'sm';
     /**
      * 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>.
      */
-    readonly icon: null | string;
+    readonly icon: string;
     constructor();
     variantChanged(): void;
     sizeChanged(): void;
+    validateName(): void;
     private setClasses;
+    componentWillLoad(): void;
     connectedCallback(): void;
     render(): any;
 }

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

@@ -7,7 +7,6 @@ export declare class PostTogglebutton {
      * If `true`, the button is in the "on" state, otherwise it is in the "off" state.
      */
     toggled: boolean;
-    validateToggled(): void;
     componentWillLoad(): void;
     private handleClick;
     private handleKeydown;

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

@@ -8,6 +8,7 @@ export declare class PostTooltip {
      * For supported values and behavior details, see the [Floating UI placement documentation](https://floating-ui.com/docs/computePosition#placement).
      */
     readonly placement?: Placement;
+    validatePlacement(): void;
     /**
      * Whether or not to display a little pointer arrow
      */
@@ -15,13 +16,12 @@ export declare class PostTooltip {
     /**
      * Choose a tooltip animation
      */
-    readonly animation?: 'pop-in' | null;
+    readonly animation?: 'pop-in';
     /**
      * Indicates the open state of the tooltip
      */
     open: boolean;
-    validateOpen(): void;
-    connectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     /**
      * Programmatically display the tooltip.