@oiz/stzh-components 2.0.0 → 2.1.0-beta

package/dist/types/components.d.ts

@@ -5,11 +5,12 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Font, Layout, Space, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAppointmentsChangeEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, VBZ } from "./index";
+import { Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, VBZ } from "./index";
 import { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 import { Placement } from "@floating-ui/dom";
 import { StzhAppointmentsLocalizedText } from "./components/stzh-appointments/stzh-appointments.localization";
 import { StzhLocaleAdapter } from "./utils/date-adapter";
+import { StzhAudioLocalizedText } from "./components/stzh-audio/stzh-audio.localization";
 import { DaysOfWeek } from "./utils/date-utils";
 import { StzhCalendarLocalizedText } from "./components/stzh-calendar/stzh-calendar.localization";
 import { StzhCardLocalizedText } from "./components/stzh-card/stzh-card.localization";
@@ -23,8 +24,10 @@ import { StzhDropdownLocalizedText } from "./components/stzh-dropdown/stzh-dropd
 import { StzhFooterLocalizedText } from "./components/stzh-footer/stzh-footer.localization";
 import { StzhGhettoboxLocalizedText } from "./components/stzh-ghettobox/stzh-ghettobox.localization";
 import { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message.localization";
+import { StzhOlmapLocalizedText } from "./components/stzh-olmap/stzh-olmap.localization";
 import { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
 import { StzhSaptchaLocalizedText } from "./components/stzh-saptcha/stzh-saptcha.localization";
+import { StzhShareLocalizedText } from "./components/stzh-share/stzh-share.localization";
 import { StzhSortableLocalizedText } from "./components/stzh-sortable/stzh-sortable.localization";
 import { StzhTooltipLocalizedText } from "./components/stzh-tooltip/stzh-tooltip.localization";
 import { StzhUploadLocalizedText } from "./components/stzh-upload/stzh-upload.localization";
@@ -112,23 +115,23 @@ export namespace Components {
     }
     interface StzhActionset {
         /**
-          * Card header actions
+          * Card header actions. Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`: `[{"id":"action-1", "icon": "alarm-bell", "label": "Lorem"}, {"id":"action-2", "icon": "mail", "label": "Lorem"}]`
          */
-        "actions": string | StzhActionsetItem[];
+        "actions": StzhActionsetItem[] | string;
         /**
           * Translation strings
          */
         "localization": StzhActionsetLocalizedText;
         /**
-          * Popover button size
+          * Button size of popover button (button that holds collapsed actions)
          */
         "popoverButtonSize": "" | "default" | "small" | "tiny";
         /**
-          * Popover button variant
+          * Button variant of popover button (button thats holds collapsed actions)
          */
         "popoverButtonVariant": "" | "default" | "secondary" | "input" | "tertiary";
         /**
-          * Popover placement
+          * Popover placement of button that holds collapsed actions
          */
         "popoverPlacement": Placement;
         /**
@@ -136,6 +139,36 @@ export namespace Components {
          */
         "variant": "stack" | "overflow";
     }
+    interface StzhAnchornav {
+        /**
+          * Columns number
+         */
+        "columns": number;
+        /**
+          * Columns number above large breakpoint
+         */
+        "columnsLarge": number;
+        /**
+          * Columns number above medium breakpoint
+         */
+        "columnsMedium": number;
+        /**
+          * Columns number above small breakpoint
+         */
+        "columnsSmall": number;
+        /**
+          * Columns number above ultra breakpoint
+         */
+        "columnsUltra": number;
+        /**
+          * Initial selected values. Array of objects with `label`, `href` and `icon` attribute: `[{"href":"#lorem", "label": "Label 1"}, {"href":"#lorem2", "label": "Label 2"}]`
+         */
+        "items": StzhAnchornavItem[] | string;
+        /**
+          * With border separator
+         */
+        "withBorder": boolean;
+    }
     interface StzhAppnav {
         /**
           * Link of app title (only used if `app-title` is defined)
@@ -190,6 +223,30 @@ export namespace Components {
         "stepItems": number;
         "value": string;
     }
+    interface StzhAudio {
+        /**
+          * Translation strings
+         */
+        "localization": StzhAudioLocalizedText;
+        "pause": () => Promise<void>;
+        "play": () => Promise<void>;
+        /**
+          * Preload strategy
+         */
+        "preload": "none" | "metadata" | "auto";
+        /**
+          * Path to audio file
+         */
+        "src": string;
+        /**
+          * Transcript text (alternative for slot)
+         */
+        "transcript": string;
+        /**
+          * Whether transcript should be shown
+         */
+        "transcriptShown": boolean;
+    }
     interface StzhBadge {
         /**
           * Text content of the badge
@@ -564,7 +621,7 @@ export namespace Components {
         /**
           * Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid)
          */
-        "preventUpdateProperties": string[];
+        "preventUpdateProperties": string[] | string;
         /**
           * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show noting
          */
@@ -682,6 +739,28 @@ export namespace Components {
          */
         "value": string;
     }
+    interface StzhClamp {
+        /**
+          * Line number
+         */
+        "lines": number;
+        /**
+          * Line number above large breakpoint
+         */
+        "linesLarge": number;
+        /**
+          * Line number above medium breakpoint
+         */
+        "linesMedium": number;
+        /**
+          * Line number above small breakpoint
+         */
+        "linesSmall": number;
+        /**
+          * Line number above ultra breakpoint
+         */
+        "linesUltra": number;
+    }
     interface StzhContainer {
     }
     interface StzhCspace {
@@ -1398,6 +1477,10 @@ export namespace Components {
           * Disabled status
          */
         "disabled": boolean;
+        /**
+          * Whether the link is full width
+         */
+        "fullwidth": boolean;
         /**
           * href attribute of the link
          */
@@ -1434,6 +1517,10 @@ export namespace Components {
           * target if the button is used as link (if href used)
          */
         "target": string;
+        /**
+          * Text alignment
+         */
+        "textAlign": "left" | "center" | "right" | "space-between" | "default";
         /**
           * type of the button, if used as button (if no href used)
          */
@@ -1557,6 +1644,84 @@ export namespace Components {
     }
     interface StzhMetanav {
     }
+    interface StzhOlmap {
+        /**
+          * Add a icon marker to the icon layer.
+         */
+        "addIconMarker": (coordinates: number[]) => Promise<any>;
+        /**
+          * Initial center position
+         */
+        "center": [number, number];
+        /**
+          * Whether to display an icon marker in the center
+         */
+        "centerMarker": boolean;
+        /**
+          * Disable user location tracking
+         */
+        "disableLocationTracking": () => Promise<void>;
+        /**
+          * Enable user location tracking
+         */
+        "enableLocationTracking": () => Promise<void>;
+        /**
+          * Get map
+         */
+        "getMap": () => Promise<any>;
+        /**
+          * Hostname
+         */
+        "hostname": string;
+        /**
+          * Active layer (`streets` or `satellite` can be used with default `layers` prop value)
+         */
+        "layer": string;
+        /**
+          * Whether map layer switch control is shown
+         */
+        "layerControl": boolean;
+        /**
+          * Layers (maximum of two).  Default layers `streets` and `satellite` are defined. If `streets` or `satellite` is used as key, they will have a default filled `title`.
+         */
+        "layers": string | { [key: string]: OlmapLayer };
+        /**
+          * Translation strings
+         */
+        "localization": StzhOlmapLocalizedText;
+        /**
+          * Whether map should have a location control
+         */
+        "locationControl": boolean;
+        /**
+          * Whether map should be printable
+         */
+        "printControl": boolean;
+        /**
+          * Remove icon marker from icon layer.
+         */
+        "removeIconMarker": (marker: any) => Promise<any>;
+        /**
+          * Resolutions
+         */
+        "resolutions": number[];
+        /**
+          * Whether map scale should be shown
+         */
+        "scaleControl": boolean;
+        /**
+          * Set icon marker as active.
+         */
+        "setIconMarkerActive": (marker: any) => Promise<void>;
+        /**
+          * Set icon marker as inactive.
+         */
+        "setIconMarkerInactive": (marker: any) => Promise<void>;
+        /**
+          * Zoom
+         */
+        "zoom": number;
+    }
     interface StzhOverlay {
         /**
           * Accessible label for dialog
@@ -1575,6 +1740,32 @@ export namespace Components {
     }
     interface StzhPageSkiplinks {
     }
+    interface StzhPagebottom {
+        /**
+          * Logo href
+         */
+        "logoHref": string;
+        /**
+          * Whether to show share
+         */
+        "shareDisabled": boolean;
+        /**
+          * Array of enabled share buttons. Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`
+         */
+        "shareServices": ShareService[] | string;
+        /**
+          * Share Title
+         */
+        "shareTitle": string;
+        /**
+          * URL of current site (uses full URL by default)
+         */
+        "shareUrl": string;
+        /**
+          * Whether to display border
+         */
+        "withBorder": boolean;
+    }
     interface StzhPagetitle {
     }
     interface StzhPopover {
@@ -1766,13 +1957,13 @@ export namespace Components {
          */
         "localization": StzhLocaleComponent;
         /**
-          * The name of the input radio elements
+          * The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name
          */
         "name": string;
         /**
           * Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker)
          */
-        "preventUpdateProperties": string[];
+        "preventUpdateProperties": string[] | string;
         /**
           * Required status
          */
@@ -1876,6 +2067,20 @@ export namespace Components {
          */
         "variant": "default" | "highlight";
     }
+    interface StzhShare {
+        /**
+          * Translation strings
+         */
+        "localization": StzhShareLocalizedText;
+        /**
+          * Array of enabled share buttons. Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`
+         */
+        "services": ShareService[] | string;
+        /**
+          * URL of current site (uses full URL by default)
+         */
+        "url": string;
+    }
     interface StzhSkiplink {
         /**
           * href for linking to e.g. id of an element to skip to
@@ -1946,6 +2151,16 @@ export namespace Components {
          */
         "withLoadingbar": boolean;
     }
+    interface StzhSticky {
+        /**
+          * Whether to disable sticking to bottom
+         */
+        "disableStickyBottom": boolean;
+        /**
+          * Whether to disable sticking to top
+         */
+        "disableStickyTop": boolean;
+    }
     interface StzhTable {
         /**
           * Columns that should be sticky on the left side (column indexes separated by comma)
@@ -2148,6 +2363,10 @@ export namespace Components {
           * Whether the upload is disabled or not.
          */
         "disabled": boolean;
+        /**
+          * Whether download functionality should be disabled.
+         */
+        "downloadDisabled": boolean;
         /**
           * One or multiple error message (use error slot as alternative)
          */
@@ -2345,10 +2564,18 @@ export interface StzhActionsetCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhActionsetElement;
 }
+export interface StzhAnchornavCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhAnchornavElement;
+}
 export interface StzhAppointmentsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhAppointmentsElement;
 }
+export interface StzhAudioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhAudioElement;
+}
 export interface StzhButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhButtonElement;
@@ -2417,6 +2644,10 @@ export interface StzhMessageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhMessageElement;
 }
+export interface StzhOlmapCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhOlmapElement;
+}
 export interface StzhOverlayCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhOverlayElement;
@@ -2437,6 +2668,10 @@ export interface StzhSortableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhSortableElement;
 }
+export interface StzhStickyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhStickyElement;
+}
 export interface StzhToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhToggleElement;
@@ -2478,6 +2713,12 @@ declare global {
         prototype: HTMLStzhActionsetElement;
         new (): HTMLStzhActionsetElement;
     };
+    interface HTMLStzhAnchornavElement extends Components.StzhAnchornav, HTMLStencilElement {
+    }
+    var HTMLStzhAnchornavElement: {
+        prototype: HTMLStzhAnchornavElement;
+        new (): HTMLStzhAnchornavElement;
+    };
     interface HTMLStzhAppnavElement extends Components.StzhAppnav, HTMLStencilElement {
     }
     var HTMLStzhAppnavElement: {
@@ -2490,6 +2731,12 @@ declare global {
         prototype: HTMLStzhAppointmentsElement;
         new (): HTMLStzhAppointmentsElement;
     };
+    interface HTMLStzhAudioElement extends Components.StzhAudio, HTMLStencilElement {
+    }
+    var HTMLStzhAudioElement: {
+        prototype: HTMLStzhAudioElement;
+        new (): HTMLStzhAudioElement;
+    };
     interface HTMLStzhBadgeElement extends Components.StzhBadge, HTMLStencilElement {
     }
     var HTMLStzhBadgeElement: {
@@ -2550,6 +2797,12 @@ declare global {
         prototype: HTMLStzhChipSelectElement;
         new (): HTMLStzhChipSelectElement;
     };
+    interface HTMLStzhClampElement extends Components.StzhClamp, HTMLStencilElement {
+    }
+    var HTMLStzhClampElement: {
+        prototype: HTMLStzhClampElement;
+        new (): HTMLStzhClampElement;
+    };
     interface HTMLStzhContainerElement extends Components.StzhContainer, HTMLStencilElement {
     }
     var HTMLStzhContainerElement: {
@@ -2730,6 +2983,12 @@ declare global {
         prototype: HTMLStzhMetanavElement;
         new (): HTMLStzhMetanavElement;
     };
+    interface HTMLStzhOlmapElement extends Components.StzhOlmap, HTMLStencilElement {
+    }
+    var HTMLStzhOlmapElement: {
+        prototype: HTMLStzhOlmapElement;
+        new (): HTMLStzhOlmapElement;
+    };
     interface HTMLStzhOverlayElement extends Components.StzhOverlay, HTMLStencilElement {
     }
     var HTMLStzhOverlayElement: {
@@ -2742,6 +3001,12 @@ declare global {
         prototype: HTMLStzhPageSkiplinksElement;
         new (): HTMLStzhPageSkiplinksElement;
     };
+    interface HTMLStzhPagebottomElement extends Components.StzhPagebottom, HTMLStencilElement {
+    }
+    var HTMLStzhPagebottomElement: {
+        prototype: HTMLStzhPagebottomElement;
+        new (): HTMLStzhPagebottomElement;
+    };
     interface HTMLStzhPagetitleElement extends Components.StzhPagetitle, HTMLStencilElement {
     }
     var HTMLStzhPagetitleElement: {
@@ -2814,6 +3079,12 @@ declare global {
         prototype: HTMLStzhSectionElement;
         new (): HTMLStzhSectionElement;
     };
+    interface HTMLStzhShareElement extends Components.StzhShare, HTMLStencilElement {
+    }
+    var HTMLStzhShareElement: {
+        prototype: HTMLStzhShareElement;
+        new (): HTMLStzhShareElement;
+    };
     interface HTMLStzhSkiplinkElement extends Components.StzhSkiplink, HTMLStencilElement {
     }
     var HTMLStzhSkiplinkElement: {
@@ -2832,6 +3103,12 @@ declare global {
         prototype: HTMLStzhStatusElement;
         new (): HTMLStzhStatusElement;
     };
+    interface HTMLStzhStickyElement extends Components.StzhSticky, HTMLStencilElement {
+    }
+    var HTMLStzhStickyElement: {
+        prototype: HTMLStzhStickyElement;
+        new (): HTMLStzhStickyElement;
+    };
     interface HTMLStzhTableElement extends Components.StzhTable, HTMLStencilElement {
     }
     var HTMLStzhTableElement: {
@@ -2897,8 +3174,10 @@ declare global {
         "stzh-accordion-item": HTMLStzhAccordionItemElement;
         "stzh-actions": HTMLStzhActionsElement;
         "stzh-actionset": HTMLStzhActionsetElement;
+        "stzh-anchornav": HTMLStzhAnchornavElement;
         "stzh-appnav": HTMLStzhAppnavElement;
         "stzh-appointments": HTMLStzhAppointmentsElement;
+        "stzh-audio": HTMLStzhAudioElement;
         "stzh-badge": HTMLStzhBadgeElement;
         "stzh-button": HTMLStzhButtonElement;
         "stzh-calendar": HTMLStzhCalendarElement;
@@ -2909,6 +3188,7 @@ declare global {
         "stzh-checkboxgroup": HTMLStzhCheckboxgroupElement;
         "stzh-chip": HTMLStzhChipElement;
         "stzh-chip-select": HTMLStzhChipSelectElement;
+        "stzh-clamp": HTMLStzhClampElement;
         "stzh-container": HTMLStzhContainerElement;
         "stzh-cspace": HTMLStzhCspaceElement;
         "stzh-datalist": HTMLStzhDatalistElement;
@@ -2939,8 +3219,10 @@ declare global {
         "stzh-menu-item": HTMLStzhMenuItemElement;
         "stzh-message": HTMLStzhMessageElement;
         "stzh-metanav": HTMLStzhMetanavElement;
+        "stzh-olmap": HTMLStzhOlmapElement;
         "stzh-overlay": HTMLStzhOverlayElement;
         "stzh-page-skiplinks": HTMLStzhPageSkiplinksElement;
+        "stzh-pagebottom": HTMLStzhPagebottomElement;
         "stzh-pagetitle": HTMLStzhPagetitleElement;
         "stzh-popover": HTMLStzhPopoverElement;
         "stzh-portal-mitwirken": HTMLStzhPortalMitwirkenElement;
@@ -2953,9 +3235,11 @@ declare global {
         "stzh-row": HTMLStzhRowElement;
         "stzh-saptcha": HTMLStzhSaptchaElement;
         "stzh-section": HTMLStzhSectionElement;
+        "stzh-share": HTMLStzhShareElement;
         "stzh-skiplink": HTMLStzhSkiplinkElement;
         "stzh-sortable": HTMLStzhSortableElement;
         "stzh-status": HTMLStzhStatusElement;
+        "stzh-sticky": HTMLStzhStickyElement;
         "stzh-table": HTMLStzhTableElement;
         "stzh-text": HTMLStzhTextElement;
         "stzh-toggle": HTMLStzhToggleElement;
@@ -3049,9 +3333,9 @@ declare namespace LocalJSX {
     }
     interface StzhActionset {
         /**
-          * Card header actions
+          * Card header actions. Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`: `[{"id":"action-1", "icon": "alarm-bell", "label": "Lorem"}, {"id":"action-2", "icon": "mail", "label": "Lorem"}]`
          */
-        "actions"?: string | StzhActionsetItem[];
+        "actions"?: StzhActionsetItem[] | string;
         /**
           * Translation strings
          */
@@ -3061,15 +3345,15 @@ declare namespace LocalJSX {
          */
         "onStzhActionClick"?: (event: StzhActionsetCustomEvent<StzhActionsetItemClickEvent>) => void;
         /**
-          * Popover button size
+          * Button size of popover button (button that holds collapsed actions)
          */
         "popoverButtonSize"?: "" | "default" | "small" | "tiny";
         /**
-          * Popover button variant
+          * Button variant of popover button (button thats holds collapsed actions)
          */
         "popoverButtonVariant"?: "" | "default" | "secondary" | "input" | "tertiary";
         /**
-          * Popover placement
+          * Popover placement of button that holds collapsed actions
          */
         "popoverPlacement"?: Placement;
         /**
@@ -3077,6 +3361,40 @@ declare namespace LocalJSX {
          */
         "variant"?: "stack" | "overflow";
     }
+    interface StzhAnchornav {
+        /**
+          * Columns number
+         */
+        "columns"?: number;
+        /**
+          * Columns number above large breakpoint
+         */
+        "columnsLarge"?: number;
+        /**
+          * Columns number above medium breakpoint
+         */
+        "columnsMedium"?: number;
+        /**
+          * Columns number above small breakpoint
+         */
+        "columnsSmall"?: number;
+        /**
+          * Columns number above ultra breakpoint
+         */
+        "columnsUltra"?: number;
+        /**
+          * Initial selected values. Array of objects with `label`, `href` and `icon` attribute: `[{"href":"#lorem", "label": "Label 1"}, {"href":"#lorem2", "label": "Label 2"}]`
+         */
+        "items"?: StzhAnchornavItem[] | string;
+        /**
+          * Item click event
+         */
+        "onStzhItemClick"?: (event: StzhAnchornavCustomEvent<StzhAnchornavItemClickEvent>) => void;
+        /**
+          * With border separator
+         */
+        "withBorder"?: boolean;
+    }
     interface StzhAppnav {
         /**
           * Link of app title (only used if `app-title` is defined)
@@ -3135,6 +3453,56 @@ declare namespace LocalJSX {
         "stepItems"?: number;
         "value"?: string;
     }
+    interface StzhAudio {
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhAudioLocalizedText;
+        /**
+          * Fired each time media playback has reached the end. This is fired even if the loop property is true, which is generally when you'd reach for this event over the MediaEndedEvent if you want to be notified of media looping.
+         */
+        "onStzhEnd"?: (event: StzhAudioCustomEvent<StzhAudioEndEvent>) => void;
+        /**
+          * Fired when playback or streaming has stopped because the end of the media was reached or because no further data is available. This is not fired if playback will start from the beginning again due to the loop property being true (see MediaReplayEvent and MediaEndEvent).
+         */
+        "onStzhEnded"?: (event: StzhAudioCustomEvent<StzhAudioEndedEvent>) => void;
+        /**
+          * Fired when media loading or playback has encountered any issues (for example, a network connectivity problem). The event detail contains a potential message containing more information about the error (empty string if nothing available), and a code that identifies the general type of error that occurred.
+         */
+        "onStzhError"?: (event: StzhAudioCustomEvent<StzhAudioErrorEvent>) => void;
+        /**
+          * Fired when a request to pause an activity is handled and the activity has entered its paused state, most commonly after the media has been paused through a call to the pause() method.
+         */
+        "onStzhPause"?: (event: StzhAudioCustomEvent<StzhAudioPauseEvent>) => void;
+        /**
+          * Fired when the paused property is changed from true to false, as a result of the play() method, or the autoplay attribute.
+         */
+        "onStzhPlay"?: (event: StzhAudioCustomEvent<StzhAudioPlayEvent>) => void;
+        /**
+          * Fired when playback is ready to start after having been paused or delayed due to lack of data.
+         */
+        "onStzhPlaying"?: (event: StzhAudioCustomEvent<StzhAudioPlayingEvent>) => void;
+        /**
+          * Fired when media playback starts again after being in an ended state. This is fired when the loop property is true and media loops, whereas the vds-play event is not.
+         */
+        "onStzhReplay"?: (event: StzhAudioCustomEvent<StzhAudioReplayEvent>) => void;
+        /**
+          * Preload strategy
+         */
+        "preload"?: "none" | "metadata" | "auto";
+        /**
+          * Path to audio file
+         */
+        "src"?: string;
+        /**
+          * Transcript text (alternative for slot)
+         */
+        "transcript"?: string;
+        /**
+          * Whether transcript should be shown
+         */
+        "transcriptShown"?: boolean;
+    }
     interface StzhBadge {
         /**
           * Text content of the badge
@@ -3541,7 +3909,7 @@ declare namespace LocalJSX {
         /**
           * Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid)
          */
-        "preventUpdateProperties"?: string[];
+        "preventUpdateProperties"?: string[] | string;
         /**
           * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show noting
          */
@@ -3675,6 +4043,28 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface StzhClamp {
+        /**
+          * Line number
+         */
+        "lines"?: number;
+        /**
+          * Line number above large breakpoint
+         */
+        "linesLarge"?: number;
+        /**
+          * Line number above medium breakpoint
+         */
+        "linesMedium"?: number;
+        /**
+          * Line number above small breakpoint
+         */
+        "linesSmall"?: number;
+        /**
+          * Line number above ultra breakpoint
+         */
+        "linesUltra"?: number;
+    }
     interface StzhContainer {
     }
     interface StzhCspace {
@@ -4426,6 +4816,10 @@ declare namespace LocalJSX {
           * Disabled status
          */
         "disabled"?: boolean;
+        /**
+          * Whether the link is full width
+         */
+        "fullwidth"?: boolean;
         /**
           * href attribute of the link
          */
@@ -4466,6 +4860,10 @@ declare namespace LocalJSX {
           * target if the button is used as link (if href used)
          */
         "target"?: string;
+        /**
+          * Text alignment
+         */
+        "textAlign"?: "left" | "center" | "right" | "space-between" | "default";
         /**
           * type of the button, if used as button (if no href used)
          */
@@ -4599,6 +4997,72 @@ declare namespace LocalJSX {
     }
     interface StzhMetanav {
     }
+    interface StzhOlmap {
+        /**
+          * Initial center position
+         */
+        "center"?: [number, number];
+        /**
+          * Whether to display an icon marker in the center
+         */
+        "centerMarker"?: boolean;
+        /**
+          * Hostname
+         */
+        "hostname"?: string;
+        /**
+          * Active layer (`streets` or `satellite` can be used with default `layers` prop value)
+         */
+        "layer"?: string;
+        /**
+          * Whether map layer switch control is shown
+         */
+        "layerControl"?: boolean;
+        /**
+          * Layers (maximum of two).  Default layers `streets` and `satellite` are defined. If `streets` or `satellite` is used as key, they will have a default filled `title`.
+         */
+        "layers"?: string | { [key: string]: OlmapLayer };
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhOlmapLocalizedText;
+        /**
+          * Whether map should have a location control
+         */
+        "locationControl"?: boolean;
+        /**
+          * Olmap initialized event
+         */
+        "onStzhInitialized"?: (event: StzhOlmapCustomEvent<StzhOlmapInitializedEvent>) => void;
+        /**
+          * Olmap moveend event
+         */
+        "onStzhMoveEnd"?: (event: StzhOlmapCustomEvent<StzhOlmapMoveEndEvent>) => void;
+        /**
+          * Olmap movestart event
+         */
+        "onStzhMoveStart"?: (event: StzhOlmapCustomEvent<StzhOlmapMoveStartEvent>) => void;
+        /**
+          * Olmap postrender event
+         */
+        "onStzhPostRender"?: (event: StzhOlmapCustomEvent<StzhOlmapPostRenderEvent>) => void;
+        /**
+          * Whether map should be printable
+         */
+        "printControl"?: boolean;
+        /**
+          * Resolutions
+         */
+        "resolutions"?: number[];
+        /**
+          * Whether map scale should be shown
+         */
+        "scaleControl"?: boolean;
+        /**
+          * Zoom
+         */
+        "zoom"?: number;
+    }
     interface StzhOverlay {
         /**
           * Accessible label for dialog
@@ -4623,6 +5087,32 @@ declare namespace LocalJSX {
     }
     interface StzhPageSkiplinks {
     }
+    interface StzhPagebottom {
+        /**
+          * Logo href
+         */
+        "logoHref"?: string;
+        /**
+          * Whether to show share
+         */
+        "shareDisabled"?: boolean;
+        /**
+          * Array of enabled share buttons. Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`
+         */
+        "shareServices"?: ShareService[] | string;
+        /**
+          * Share Title
+         */
+        "shareTitle"?: string;
+        /**
+          * URL of current site (uses full URL by default)
+         */
+        "shareUrl"?: string;
+        /**
+          * Whether to display border
+         */
+        "withBorder"?: boolean;
+    }
     interface StzhPagetitle {
     }
     interface StzhPopover {
@@ -4833,13 +5323,13 @@ declare namespace LocalJSX {
          */
         "localization"?: StzhLocaleComponent;
         /**
-          * The name of the input radio elements
+          * The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name
          */
         "name"?: string;
         /**
           * Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker)
          */
-        "preventUpdateProperties"?: string[];
+        "preventUpdateProperties"?: string[] | string;
         /**
           * Required status
          */
@@ -4943,6 +5433,20 @@ declare namespace LocalJSX {
          */
         "variant"?: "default" | "highlight";
     }
+    interface StzhShare {
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhShareLocalizedText;
+        /**
+          * Array of enabled share buttons. Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`
+         */
+        "services"?: ShareService[] | string;
+        /**
+          * URL of current site (uses full URL by default)
+         */
+        "url"?: string;
+    }
     interface StzhSkiplink {
         /**
           * href for linking to e.g. id of an element to skip to
@@ -5009,6 +5513,24 @@ declare namespace LocalJSX {
          */
         "withLoadingbar"?: boolean;
     }
+    interface StzhSticky {
+        /**
+          * Whether to disable sticking to bottom
+         */
+        "disableStickyBottom"?: boolean;
+        /**
+          * Whether to disable sticking to top
+         */
+        "disableStickyTop"?: boolean;
+        /**
+          * Sticky stuck bottom event
+         */
+        "onStzhStuckBottom"?: (event: StzhStickyCustomEvent<StzhStickyStuckBottomEvent>) => void;
+        /**
+          * Sticky stuck top event
+         */
+        "onStzhStuckTop"?: (event: StzhStickyCustomEvent<StzhStickyStuckTopEvent>) => void;
+    }
     interface StzhTable {
         /**
           * Columns that should be sticky on the left side (column indexes separated by comma)
@@ -5222,6 +5744,10 @@ declare namespace LocalJSX {
           * Whether the upload is disabled or not.
          */
         "disabled"?: boolean;
+        /**
+          * Whether download functionality should be disabled.
+         */
+        "downloadDisabled"?: boolean;
         /**
           * One or multiple error message (use error slot as alternative)
          */
@@ -5486,8 +6012,10 @@ declare namespace LocalJSX {
         "stzh-accordion-item": StzhAccordionItem;
         "stzh-actions": StzhActions;
         "stzh-actionset": StzhActionset;
+        "stzh-anchornav": StzhAnchornav;
         "stzh-appnav": StzhAppnav;
         "stzh-appointments": StzhAppointments;
+        "stzh-audio": StzhAudio;
         "stzh-badge": StzhBadge;
         "stzh-button": StzhButton;
         "stzh-calendar": StzhCalendar;
@@ -5498,6 +6026,7 @@ declare namespace LocalJSX {
         "stzh-checkboxgroup": StzhCheckboxgroup;
         "stzh-chip": StzhChip;
         "stzh-chip-select": StzhChipSelect;
+        "stzh-clamp": StzhClamp;
         "stzh-container": StzhContainer;
         "stzh-cspace": StzhCspace;
         "stzh-datalist": StzhDatalist;
@@ -5528,8 +6057,10 @@ declare namespace LocalJSX {
         "stzh-menu-item": StzhMenuItem;
         "stzh-message": StzhMessage;
         "stzh-metanav": StzhMetanav;
+        "stzh-olmap": StzhOlmap;
         "stzh-overlay": StzhOverlay;
         "stzh-page-skiplinks": StzhPageSkiplinks;
+        "stzh-pagebottom": StzhPagebottom;
         "stzh-pagetitle": StzhPagetitle;
         "stzh-popover": StzhPopover;
         "stzh-portal-mitwirken": StzhPortalMitwirken;
@@ -5542,9 +6073,11 @@ declare namespace LocalJSX {
         "stzh-row": StzhRow;
         "stzh-saptcha": StzhSaptcha;
         "stzh-section": StzhSection;
+        "stzh-share": StzhShare;
         "stzh-skiplink": StzhSkiplink;
         "stzh-sortable": StzhSortable;
         "stzh-status": StzhStatus;
+        "stzh-sticky": StzhSticky;
         "stzh-table": StzhTable;
         "stzh-text": StzhText;
         "stzh-toggle": StzhToggle;
@@ -5565,8 +6098,10 @@ declare module "@stencil/core" {
             "stzh-accordion-item": LocalJSX.StzhAccordionItem & JSXBase.HTMLAttributes<HTMLStzhAccordionItemElement>;
             "stzh-actions": LocalJSX.StzhActions & JSXBase.HTMLAttributes<HTMLStzhActionsElement>;
             "stzh-actionset": LocalJSX.StzhActionset & JSXBase.HTMLAttributes<HTMLStzhActionsetElement>;
+            "stzh-anchornav": LocalJSX.StzhAnchornav & JSXBase.HTMLAttributes<HTMLStzhAnchornavElement>;
             "stzh-appnav": LocalJSX.StzhAppnav & JSXBase.HTMLAttributes<HTMLStzhAppnavElement>;
             "stzh-appointments": LocalJSX.StzhAppointments & JSXBase.HTMLAttributes<HTMLStzhAppointmentsElement>;
+            "stzh-audio": LocalJSX.StzhAudio & JSXBase.HTMLAttributes<HTMLStzhAudioElement>;
             "stzh-badge": LocalJSX.StzhBadge & JSXBase.HTMLAttributes<HTMLStzhBadgeElement>;
             "stzh-button": LocalJSX.StzhButton & JSXBase.HTMLAttributes<HTMLStzhButtonElement>;
             "stzh-calendar": LocalJSX.StzhCalendar & JSXBase.HTMLAttributes<HTMLStzhCalendarElement>;
@@ -5577,6 +6112,7 @@ declare module "@stencil/core" {
             "stzh-checkboxgroup": LocalJSX.StzhCheckboxgroup & JSXBase.HTMLAttributes<HTMLStzhCheckboxgroupElement>;
             "stzh-chip": LocalJSX.StzhChip & JSXBase.HTMLAttributes<HTMLStzhChipElement>;
             "stzh-chip-select": LocalJSX.StzhChipSelect & JSXBase.HTMLAttributes<HTMLStzhChipSelectElement>;
+            "stzh-clamp": LocalJSX.StzhClamp & JSXBase.HTMLAttributes<HTMLStzhClampElement>;
             "stzh-container": LocalJSX.StzhContainer & JSXBase.HTMLAttributes<HTMLStzhContainerElement>;
             "stzh-cspace": LocalJSX.StzhCspace & JSXBase.HTMLAttributes<HTMLStzhCspaceElement>;
             "stzh-datalist": LocalJSX.StzhDatalist & JSXBase.HTMLAttributes<HTMLStzhDatalistElement>;
@@ -5607,8 +6143,10 @@ declare module "@stencil/core" {
             "stzh-menu-item": LocalJSX.StzhMenuItem & JSXBase.HTMLAttributes<HTMLStzhMenuItemElement>;
             "stzh-message": LocalJSX.StzhMessage & JSXBase.HTMLAttributes<HTMLStzhMessageElement>;
             "stzh-metanav": LocalJSX.StzhMetanav & JSXBase.HTMLAttributes<HTMLStzhMetanavElement>;
+            "stzh-olmap": LocalJSX.StzhOlmap & JSXBase.HTMLAttributes<HTMLStzhOlmapElement>;
             "stzh-overlay": LocalJSX.StzhOverlay & JSXBase.HTMLAttributes<HTMLStzhOverlayElement>;
             "stzh-page-skiplinks": LocalJSX.StzhPageSkiplinks & JSXBase.HTMLAttributes<HTMLStzhPageSkiplinksElement>;
+            "stzh-pagebottom": LocalJSX.StzhPagebottom & JSXBase.HTMLAttributes<HTMLStzhPagebottomElement>;
             "stzh-pagetitle": LocalJSX.StzhPagetitle & JSXBase.HTMLAttributes<HTMLStzhPagetitleElement>;
             "stzh-popover": LocalJSX.StzhPopover & JSXBase.HTMLAttributes<HTMLStzhPopoverElement>;
             "stzh-portal-mitwirken": LocalJSX.StzhPortalMitwirken & JSXBase.HTMLAttributes<HTMLStzhPortalMitwirkenElement>;
@@ -5621,9 +6159,11 @@ declare module "@stencil/core" {
             "stzh-row": LocalJSX.StzhRow & JSXBase.HTMLAttributes<HTMLStzhRowElement>;
             "stzh-saptcha": LocalJSX.StzhSaptcha & JSXBase.HTMLAttributes<HTMLStzhSaptchaElement>;
             "stzh-section": LocalJSX.StzhSection & JSXBase.HTMLAttributes<HTMLStzhSectionElement>;
+            "stzh-share": LocalJSX.StzhShare & JSXBase.HTMLAttributes<HTMLStzhShareElement>;
             "stzh-skiplink": LocalJSX.StzhSkiplink & JSXBase.HTMLAttributes<HTMLStzhSkiplinkElement>;
             "stzh-sortable": LocalJSX.StzhSortable & JSXBase.HTMLAttributes<HTMLStzhSortableElement>;
             "stzh-status": LocalJSX.StzhStatus & JSXBase.HTMLAttributes<HTMLStzhStatusElement>;
+            "stzh-sticky": LocalJSX.StzhSticky & JSXBase.HTMLAttributes<HTMLStzhStickyElement>;
             "stzh-table": LocalJSX.StzhTable & JSXBase.HTMLAttributes<HTMLStzhTableElement>;
             "stzh-text": LocalJSX.StzhText & JSXBase.HTMLAttributes<HTMLStzhTextElement>;
             "stzh-toggle": LocalJSX.StzhToggle & JSXBase.HTMLAttributes<HTMLStzhToggleElement>;