@oiz/stzh-components 2.7.0 → 2.8.0-alpha

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimepickerChangeEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+import { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimepickerChangeEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
 import { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 import { Placement } from "@floating-ui/dom";
 import { StzhAmountLocalizedText } from "./components/stzh-amount/stzh-amount.localization";
@@ -30,6 +30,7 @@ import { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message
 import { StzhMicrositeTeaserlistLocalizedText } from "./components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.localization";
 import { StzhMonthyearpickerLocalizedText } from "./components/stzh-monthyearpicker/stzh-monthyearpicker.localization";
 import { StzhOlmapLocalizedText } from "./components/stzh-olmap/stzh-olmap.localization";
+import { StzhPaginationLocalizedText } from "./components/stzh-pagination/stzh-pagination.localization";
 import { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
 import { StzhProgressbarLocalizedText } from "./components/stzh-progressbar/stzh-progressbar.localization";
 import { StzhSaptchaLocalizedText } from "./components/stzh-saptcha/stzh-saptcha.localization";
@@ -40,7 +41,7 @@ import { StzhTooltipLocalizedText } from "./components/stzh-tooltip/stzh-tooltip
 import { StzhUploadLocalizedText } from "./components/stzh-upload/stzh-upload.localization";
 import { StzhVbzMajortickerLocalizedText } from "./components/stzh-vbz-majorticker/stzh-vbz-majorticker.localization";
 import { StzhVbzTickerLocalizedText } from "./components/stzh-vbz-ticker/stzh-vbz-ticker.localization";
-export { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimepickerChangeEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+export { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimepickerChangeEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
 export { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 export { Placement } from "@floating-ui/dom";
 export { StzhAmountLocalizedText } from "./components/stzh-amount/stzh-amount.localization";
@@ -65,6 +66,7 @@ export { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message
 export { StzhMicrositeTeaserlistLocalizedText } from "./components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.localization";
 export { StzhMonthyearpickerLocalizedText } from "./components/stzh-monthyearpicker/stzh-monthyearpicker.localization";
 export { StzhOlmapLocalizedText } from "./components/stzh-olmap/stzh-olmap.localization";
+export { StzhPaginationLocalizedText } from "./components/stzh-pagination/stzh-pagination.localization";
 export { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
 export { StzhProgressbarLocalizedText } from "./components/stzh-progressbar/stzh-progressbar.localization";
 export { StzhSaptchaLocalizedText } from "./components/stzh-saptcha/stzh-saptcha.localization";
@@ -221,6 +223,10 @@ export namespace Components {
           * Label
          */
         "label": string;
+        /**
+          * Whether label is hidden.
+         */
+        "labelHidden": boolean;
         /**
           * Translation strings.
          */
@@ -1157,6 +1163,14 @@ export namespace Components {
     interface StzhContainer {
     }
     interface StzhCspace {
+        /**
+          * Whether first top margin of first child component should be set to 0.
+         */
+        "removeFirstMargin": boolean;
+        /**
+          * Whether last bottom margin of last child component should be set to 0.
+         */
+        "removeLastMargin": boolean;
     }
     interface StzhDatalist {
         /**
@@ -1266,7 +1280,7 @@ export namespace Components {
          */
         "target": string;
         /**
-          * Value
+          * Value (or use value slot instead)
          */
         "value": string;
     }
@@ -1347,10 +1361,22 @@ export namespace Components {
           * Translation strings
          */
         "localization": StzhDatatableLocalizedText;
+        /**
+          * Current page
+         */
+        "page": number;
+        /**
+          * If pagination should be shown, set a number of items to be shown by each page.
+         */
+        "pageSize": number;
         /**
           * Rows
          */
         "rows": any[] | string;
+        /**
+          * Whether to show table data as list on mikro breakpoint
+         */
+        "showList": boolean;
         /**
           * Sort by given column key
          */
@@ -1417,6 +1443,10 @@ export namespace Components {
           * Label for input field and popover
          */
         "label": string;
+        /**
+          * Whether label is visually hidden.
+         */
+        "labelHidden": boolean;
         /**
           * Translation strings.
          */
@@ -1593,6 +1623,10 @@ export namespace Components {
           * The name of the property to render as an option / item label (not needed when custom rendering functions are defined).
          */
         "labelField": string;
+        /**
+          * Whether label should be visually hidden.
+         */
+        "labelHidden": boolean;
         /**
           * Invoked when new options should be loaded from the server. Called with the current query string and a callback function to call with the results when they are loaded (or nothing when an error arises).
          */
@@ -1947,6 +1981,10 @@ export namespace Components {
           * Label
          */
         "label": string;
+        /**
+          * Whether label should be visually hidden.
+         */
+        "labelHidden": boolean;
         /**
           * Translation strings
          */
@@ -2566,6 +2604,80 @@ export namespace Components {
          */
         "subtitle": string;
     }
+    interface StzhPagination {
+        /**
+          * Id of the element which describes the input
+         */
+        "a11yDescribedby": string;
+        /**
+          * Description message (use description slot as alternative)
+         */
+        "description": string;
+        /**
+          * Long description message appearing in a popover (use description-long slot as alternative)
+         */
+        "descriptionLong": string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled": boolean;
+        /**
+          * One or multiple error message (use error slot as alternative)
+         */
+        "error": string | string[];
+        /**
+          * Invalid status
+         */
+        "invalid": boolean;
+        /**
+          * Label for dropdown
+         */
+        "label": string;
+        /**
+          * Whether label is hidden.
+         */
+        "labelHidden": boolean;
+        /**
+          * Translation strings.
+         */
+        "localization": StzhPaginationLocalizedText;
+        /**
+          * Name of the hidden date picker input.
+         */
+        "name": string;
+        /**
+          * Set current page to next
+         */
+        "next": () => Promise<void>;
+        /**
+          * Set current page to previous
+         */
+        "prev": () => Promise<void>;
+        /**
+          * Whether the element is readonly or not
+         */
+        "readonly": boolean;
+        /**
+          * Required status
+         */
+        "required": boolean;
+        /**
+          * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing
+         */
+        "showMarker": boolean;
+        /**
+          * Size variant
+         */
+        "size": "default" | "small";
+        /**
+          * Total pages available.
+         */
+        "total": number;
+        /**
+          * Current page.
+         */
+        "value": number;
+    }
     /**
      * @prop --min-width: Minimum width of popover above small breakpoint
      */
@@ -2823,6 +2935,14 @@ export namespace Components {
           * Translation strings
          */
         "localization": StzhLocaleComponent;
+        /**
+          * Whether first top margin of first child should be set to 0.
+         */
+        "removeFirstMargin": boolean;
+        /**
+          * Whether last bottom margin of last child should be set to 0.
+         */
+        "removeLastMargin": boolean;
     }
     interface StzhRow {
         /**
@@ -3716,6 +3836,10 @@ export interface StzhOverlayCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhOverlayElement;
 }
+export interface StzhPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhPaginationElement;
+}
 export interface StzhPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhPopoverElement;
@@ -4167,6 +4291,12 @@ declare global {
         prototype: HTMLStzhPagetitleHeroElement;
         new (): HTMLStzhPagetitleHeroElement;
     };
+    interface HTMLStzhPaginationElement extends Components.StzhPagination, HTMLStencilElement {
+    }
+    var HTMLStzhPaginationElement: {
+        prototype: HTMLStzhPaginationElement;
+        new (): HTMLStzhPaginationElement;
+    };
     /**
      * @prop --min-width: Minimum width of popover above small breakpoint
      */
@@ -4440,6 +4570,7 @@ declare global {
         "stzh-pagebottom": HTMLStzhPagebottomElement;
         "stzh-pagetitle": HTMLStzhPagetitleElement;
         "stzh-pagetitle-hero": HTMLStzhPagetitleHeroElement;
+        "stzh-pagination": HTMLStzhPaginationElement;
         "stzh-popover": HTMLStzhPopoverElement;
         "stzh-progressbar": HTMLStzhProgressbarElement;
         "stzh-progressbar-item": HTMLStzhProgressbarItemElement;
@@ -4629,6 +4760,10 @@ declare namespace LocalJSX {
           * Label
          */
         "label"?: string;
+        /**
+          * Whether label is hidden.
+         */
+        "labelHidden"?: boolean;
         /**
           * Translation strings.
          */
@@ -5662,6 +5797,14 @@ declare namespace LocalJSX {
     interface StzhContainer {
     }
     interface StzhCspace {
+        /**
+          * Whether first top margin of first child component should be set to 0.
+         */
+        "removeFirstMargin"?: boolean;
+        /**
+          * Whether last bottom margin of last child component should be set to 0.
+         */
+        "removeLastMargin"?: boolean;
     }
     interface StzhDatalist {
         /**
@@ -5783,7 +5926,7 @@ declare namespace LocalJSX {
          */
         "target"?: string;
         /**
-          * Value
+          * Value (or use value slot instead)
          */
         "value"?: string;
     }
@@ -5872,10 +6015,22 @@ declare namespace LocalJSX {
           * Translation strings
          */
         "localization"?: StzhDatatableLocalizedText;
+        /**
+          * Current page
+         */
+        "page"?: number;
+        /**
+          * If pagination should be shown, set a number of items to be shown by each page.
+         */
+        "pageSize"?: number;
         /**
           * Rows
          */
         "rows"?: any[] | string;
+        /**
+          * Whether to show table data as list on mikro breakpoint
+         */
+        "showList"?: boolean;
         /**
           * Sort by given column key
          */
@@ -5934,6 +6089,10 @@ declare namespace LocalJSX {
           * Label for input field and popover
          */
         "label"?: string;
+        /**
+          * Whether label is visually hidden.
+         */
+        "labelHidden"?: boolean;
         /**
           * Translation strings.
          */
@@ -6107,6 +6266,10 @@ declare namespace LocalJSX {
           * The name of the property to render as an option / item label (not needed when custom rendering functions are defined).
          */
         "labelField"?: string;
+        /**
+          * Whether label should be visually hidden.
+         */
+        "labelHidden"?: boolean;
         /**
           * Invoked when new options should be loaded from the server. Called with the current query string and a callback function to call with the results when they are loaded (or nothing when an error arises).
          */
@@ -6482,6 +6645,10 @@ declare namespace LocalJSX {
           * Label
          */
         "label"?: string;
+        /**
+          * Whether label should be visually hidden.
+         */
+        "labelHidden"?: boolean;
         /**
           * Translation strings
          */
@@ -7121,6 +7288,76 @@ declare namespace LocalJSX {
          */
         "subtitle"?: string;
     }
+    interface StzhPagination {
+        /**
+          * Id of the element which describes the input
+         */
+        "a11yDescribedby"?: string;
+        /**
+          * Description message (use description slot as alternative)
+         */
+        "description"?: string;
+        /**
+          * Long description message appearing in a popover (use description-long slot as alternative)
+         */
+        "descriptionLong"?: string;
+        /**
+          * Whether the element is disabled or not
+         */
+        "disabled"?: boolean;
+        /**
+          * One or multiple error message (use error slot as alternative)
+         */
+        "error"?: string | string[];
+        /**
+          * Invalid status
+         */
+        "invalid"?: boolean;
+        /**
+          * Label for dropdown
+         */
+        "label"?: string;
+        /**
+          * Whether label is hidden.
+         */
+        "labelHidden"?: boolean;
+        /**
+          * Translation strings.
+         */
+        "localization"?: StzhPaginationLocalizedText;
+        /**
+          * Name of the hidden date picker input.
+         */
+        "name"?: string;
+        /**
+          * Pagination change event
+         */
+        "onStzhChange"?: (event: StzhPaginationCustomEvent<StzhPaginationChangeEvent>) => void;
+        /**
+          * Whether the element is readonly or not
+         */
+        "readonly"?: boolean;
+        /**
+          * Required status
+         */
+        "required"?: boolean;
+        /**
+          * Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing
+         */
+        "showMarker"?: boolean;
+        /**
+          * Size variant
+         */
+        "size"?: "default" | "small";
+        /**
+          * Total pages available.
+         */
+        "total"?: number;
+        /**
+          * Current page.
+         */
+        "value"?: number;
+    }
     /**
      * @prop --min-width: Minimum width of popover above small breakpoint
      */
@@ -7397,6 +7634,14 @@ declare namespace LocalJSX {
           * Translation strings
          */
         "localization"?: StzhLocaleComponent;
+        /**
+          * Whether first top margin of first child should be set to 0.
+         */
+        "removeFirstMargin"?: boolean;
+        /**
+          * Whether last bottom margin of last child should be set to 0.
+         */
+        "removeLastMargin"?: boolean;
     }
     interface StzhRow {
         /**
@@ -8320,6 +8565,7 @@ declare namespace LocalJSX {
         "stzh-pagebottom": StzhPagebottom;
         "stzh-pagetitle": StzhPagetitle;
         "stzh-pagetitle-hero": StzhPagetitleHero;
+        "stzh-pagination": StzhPagination;
         "stzh-popover": StzhPopover;
         "stzh-progressbar": StzhProgressbar;
         "stzh-progressbar-item": StzhProgressbarItem;
@@ -8435,6 +8681,7 @@ declare module "@stencil/core" {
             "stzh-pagebottom": LocalJSX.StzhPagebottom & JSXBase.HTMLAttributes<HTMLStzhPagebottomElement>;
             "stzh-pagetitle": LocalJSX.StzhPagetitle & JSXBase.HTMLAttributes<HTMLStzhPagetitleElement>;
             "stzh-pagetitle-hero": LocalJSX.StzhPagetitleHero & JSXBase.HTMLAttributes<HTMLStzhPagetitleHeroElement>;
+            "stzh-pagination": LocalJSX.StzhPagination & JSXBase.HTMLAttributes<HTMLStzhPaginationElement>;
             /**
              * @prop --min-width: Minimum width of popover above small breakpoint
              */

package/dist/types/index.d.ts

@@ -165,6 +165,10 @@ export type StzhDatepickerChangeEvent = {
   value: string;
   valueAsDate: Date;
 };
+export type StzhPaginationChangeEvent = {
+  component: "stzh-pagination";
+  page: number;
+};
 export type StzhTimepickerChangeEvent = {
   component: "stzh-timepicker";
   value: string;
@@ -265,6 +269,8 @@ export type StzhDatalistItemEntry = {
   icon?: string;
   iconLabel?: string;
   iconTooltip?: string;
+  statusLabel?: string;
+  statusType?: "default" | "success" | "warning" | "error" | "info";
   href?: string;
   rel?: string;
   target?: string;

package/dist/types/utils/string-utils.d.ts

@@ -1,2 +1,3 @@
 export declare function createParagraphsFromBrs(content: string): string;
 export declare function camelCase(dashString: string): string;
+export declare function abbreviateText(text: any, length: any): any;

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

@@ -1,6 +1,7 @@
 export declare function hasSlot(el: HTMLElement, name?: string): boolean;
 export declare function setPropsIfNull(element: Element, attributes: any): void;
 export declare function isStzhElement(element: Element): boolean;
+export declare function getMeta(name: any): string;
 export declare function children(node: Element): boolean[];
 export declare function childNodes(node: Element): any[];
 export declare function cloneElement(node: Element, deep: boolean): any;