@oiz/stzh-components 4.5.0 → 4.6.0-beta1

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 { ContactEmail, ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppNavItem, StzhAppNavItemClickEvent, StzhAppointment, StzhAppointmentsChangeEvent, StzhArchivelistItem, StzhArchivelistItemClickEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhAvailableTag, StzhBadgeType, StzhBannerCloseEvent, StzhBannerOpenEvent, StzhBathstatusItemData, StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonClickEvent, StzhButtonFocusEvent, StzhButtonSize, StzhButtonVariant, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardlistCollapseAllEvent, StzhCardNavigationClickEvent, StzhCardSearchresultClickEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCardSuperteaserClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxgroupChangeEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipselectChangeEvent, StzhChipselectItem, StzhChipSize, StzhChipType, StzhChipVariant, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhCtaBlurEvent, StzhCtaClickEvent, StzhCtaFocusEvent, StzhDatalistBigLabelChangeEvent, StzhDatalistDirection, StzhDatalistDirectionChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemClickEvent, StzhDatalistItemEntry, StzhDatalistVariant, StzhDatalistVariantChangeEvent, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableCellData, StzhDatatableColumnData, StzhDatatableHeadingCellClickEvent, StzhDatatableInputRowData, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDaterangeRanges, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDisturberClosedEvent, StzhDisturberCloseEvent, StzhDisturberOpenedEvent, StzhDisturberOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhDropdownSize, StzhEditorLink, StzhEventinfoItemInput, StzhGalleryItem, StzhGeoRefDataOverlayCloseClickEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhHeaderLanguageChangeEvent, StzhHeaderMenuItem, StzhHeaderMenuItemClickEvent, StzhHeaderMetanavItem, StzhHeaderMetanavItemButtonClickEvent, StzhHeaderMetanavItemChildClickEvent, StzhHeaderMetanavItemClickEvent, StzhHeaderSearchChangedEvent, StzhHeaderSearchChangeEvent, StzhHomepageSearchSearchChangedEvent, StzhHomepageSearchSearchChangeEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkClickEvent, StzhLinkFocusEvent, StzhLinkSize, StzhLocaleAdapter, StzhLocaleComponent, StzhMenuItemBlurEvent, StzhMenuItemClickEvent, StzhMenuItemFocusEvent, StzhMenuSize, StzhMenuVariant, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhMostsearchedItem, StzhOlmapFeatureWithPopover, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMovePanZoomEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPiCardNavigationClickEvent, StzhPiMenuClosedEvent, StzhPiMenuCloseEvent, StzhPiMenuItemClickEvent, StzhPiMenuOpenedEvent, StzhPiMenuOpenEvent, StzhPiPagetitleMenuItem, StzhPiTeaserClickEvent, StzhPoiCardItemData, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSaptchaChangeEvent, StzhSearchOverlayCloseClickEvent, StzhSearchResult, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSocialmediastreamItemData, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStatusType, StzhStepperDataItem, StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTagBlurEvent, StzhTagClickEvent, StzhTagFocusEvent, StzhTagSize, StzhTagType, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhTopnewsItem, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, StzhVbzQuicklink, VBZ } from "./index";
+import { ContactEmail, ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppNavItem, StzhAppNavItemClickEvent, StzhAppointment, StzhAppointmentsChangeEvent, StzhArchivelistItem, StzhArchivelistItemClickEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhAvailableTag, StzhBadgeType, StzhBannerCloseEvent, StzhBannerOpenEvent, StzhBathstatusItemData, StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonClickEvent, StzhButtonFocusEvent, StzhButtonSize, StzhButtonVariant, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardlistCollapseAllEvent, StzhCardNavigationClickEvent, StzhCardSearchresultClickEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCardSuperteaserClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxgroupChangeEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipselectChangeEvent, StzhChipselectItem, StzhChipSize, StzhChipType, StzhChipVariant, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhCtaBlurEvent, StzhCtaClickEvent, StzhCtaFocusEvent, StzhDatalistBigLabelChangeEvent, StzhDatalistDirection, StzhDatalistDirectionChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemClickEvent, StzhDatalistItemEntry, StzhDatalistVariant, StzhDatalistVariantChangeEvent, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableCellData, StzhDatatableColumnData, StzhDatatableHeadingCellClickEvent, StzhDatatableInputRowData, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDaterangeRanges, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDisturberClosedEvent, StzhDisturberCloseEvent, StzhDisturberOpenedEvent, StzhDisturberOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhDropdownSize, StzhEditorLink, StzhEventinfoItemInput, StzhGalleryItem, StzhGeoRefDataOverlayCloseClickEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhHeaderLanguageChangeEvent, StzhHeaderMenuItem, StzhHeaderMenuItemClickEvent, StzhHeaderMetanavItem, StzhHeaderMetanavItemButtonClickEvent, StzhHeaderMetanavItemChildClickEvent, StzhHeaderMetanavItemClickEvent, StzhHeaderSearchChangedEvent, StzhHeaderSearchChangeEvent, StzhHomepageSearchSearchChangedEvent, StzhHomepageSearchSearchChangeEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkClickEvent, StzhLinkFocusEvent, StzhLinkSize, StzhLocaleAdapter, StzhLocaleComponent, StzhMenuItemBlurEvent, StzhMenuItemClickEvent, StzhMenuItemFocusEvent, StzhMenuSize, StzhMenuVariant, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhMostsearchedItem, StzhOlmapFeatureWithPopover, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMovePanZoomEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPiCardNavigationClickEvent, StzhPiMenuClosedEvent, StzhPiMenuCloseEvent, StzhPiMenuItemClickEvent, StzhPiMenuOpenedEvent, StzhPiMenuOpenEvent, StzhPiPagetitleMenuItem, StzhPiTeaserClickEvent, StzhPiTeaserLayoutItemClickEvent, StzhPoiCardItemData, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSaptchaChangeEvent, StzhSearchOverlayCloseClickEvent, StzhSearchResult, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSocialmediastreamItemData, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStatusType, StzhStepperDataItem, StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTagBlurEvent, StzhTagClickEvent, StzhTagFocusEvent, StzhTagSize, StzhTagType, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhTopnewsItem, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, StzhVbzQuicklink, 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";
@@ -44,7 +44,6 @@ import { StzhHttpErrorLocalizedText } from "./components/stzh-http-error/stzh-ht
 import { StzhIframeLocalizedText } from "./components/stzh-iframe/stzh-iframe.localization";
 import { StzhImagecomparisonLocalizedText } from "./components/stzh-imagecomparison/stzh-imagecomparison.localization";
 import { StzhLinkLocalizedText } from "./components/stzh-link/stzh-link.localization";
-import { EmptyTeaser, PiTeaser, StzhDatalistItemEntry as StzhDatalistItemEntry1 } from ".";
 import { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message.localization";
 import { StzhMicrositeTeaserlistLocalizedText } from "./components/CMS/stzh-microsite-teaserlist/stzh-microsite-teaserlist.localization";
 import { StzhMonthyearpickerLocalizedText } from "./components/stzh-monthyearpicker/stzh-monthyearpicker.localization";
@@ -54,6 +53,7 @@ import { StzhPagebottomLocalizedText } from "./components/CMS/stzh-pagebottom/st
 import { StzhPaginationLocalizedText } from "./components/stzh-pagination/stzh-pagination.localization";
 import { StzhPanoramaLocalizedText } from "./components/stzh-panorama/stzh-panorama.localization";
 import { StzhPiMenuLocalization } from "./components/CMS/stzh-pi-menu/stzh-pi-menu.localization";
+import { EmptyTeaser, PiTeaser } from ".";
 import { StzhPkzhQrLocalizedText } from "./components/CMS/PKZH/stzh-pkzh-qr/stzh-pkzh-qr.localization";
 import { StzhPoilistLocalizedText } from "./components/CMS/stzh-poilist/stzh-poilist.localization";
 import { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
@@ -70,7 +70,7 @@ import { StzhVbzIntroLocalizedText } from "./components/CMS/VBZ/stzh-vbz-intro/s
 import { StzhVbzMajortickerLocalizedText } from "./components/CMS/VBZ/stzh-vbz-majorticker/stzh-vbz-majorticker.localization";
 import { StzhVbzTickerLocalizedText } from "./components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.localization";
 import { StzhYoutubeLocalizedText } from "./components/stzh-youtube/stzh-youtube.localization";
-export { ContactEmail, ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppNavItem, StzhAppNavItemClickEvent, StzhAppointment, StzhAppointmentsChangeEvent, StzhArchivelistItem, StzhArchivelistItemClickEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhAvailableTag, StzhBadgeType, StzhBannerCloseEvent, StzhBannerOpenEvent, StzhBathstatusItemData, StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonClickEvent, StzhButtonFocusEvent, StzhButtonSize, StzhButtonVariant, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardlistCollapseAllEvent, StzhCardNavigationClickEvent, StzhCardSearchresultClickEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCardSuperteaserClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxgroupChangeEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipselectChangeEvent, StzhChipselectItem, StzhChipSize, StzhChipType, StzhChipVariant, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhCtaBlurEvent, StzhCtaClickEvent, StzhCtaFocusEvent, StzhDatalistBigLabelChangeEvent, StzhDatalistDirection, StzhDatalistDirectionChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemClickEvent, StzhDatalistItemEntry, StzhDatalistVariant, StzhDatalistVariantChangeEvent, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableCellData, StzhDatatableColumnData, StzhDatatableHeadingCellClickEvent, StzhDatatableInputRowData, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDaterangeRanges, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDisturberClosedEvent, StzhDisturberCloseEvent, StzhDisturberOpenedEvent, StzhDisturberOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhDropdownSize, StzhEditorLink, StzhEventinfoItemInput, StzhGalleryItem, StzhGeoRefDataOverlayCloseClickEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhHeaderLanguageChangeEvent, StzhHeaderMenuItem, StzhHeaderMenuItemClickEvent, StzhHeaderMetanavItem, StzhHeaderMetanavItemButtonClickEvent, StzhHeaderMetanavItemChildClickEvent, StzhHeaderMetanavItemClickEvent, StzhHeaderSearchChangedEvent, StzhHeaderSearchChangeEvent, StzhHomepageSearchSearchChangedEvent, StzhHomepageSearchSearchChangeEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkClickEvent, StzhLinkFocusEvent, StzhLinkSize, StzhLocaleAdapter, StzhLocaleComponent, StzhMenuItemBlurEvent, StzhMenuItemClickEvent, StzhMenuItemFocusEvent, StzhMenuSize, StzhMenuVariant, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhMostsearchedItem, StzhOlmapFeatureWithPopover, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMovePanZoomEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPiCardNavigationClickEvent, StzhPiMenuClosedEvent, StzhPiMenuCloseEvent, StzhPiMenuItemClickEvent, StzhPiMenuOpenedEvent, StzhPiMenuOpenEvent, StzhPiPagetitleMenuItem, StzhPiTeaserClickEvent, StzhPoiCardItemData, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSaptchaChangeEvent, StzhSearchOverlayCloseClickEvent, StzhSearchResult, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSocialmediastreamItemData, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStatusType, StzhStepperDataItem, StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTagBlurEvent, StzhTagClickEvent, StzhTagFocusEvent, StzhTagSize, StzhTagType, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhTopnewsItem, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, StzhVbzQuicklink, VBZ } from "./index";
+export { ContactEmail, ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppNavItem, StzhAppNavItemClickEvent, StzhAppointment, StzhAppointmentsChangeEvent, StzhArchivelistItem, StzhArchivelistItemClickEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhAvailableTag, StzhBadgeType, StzhBannerCloseEvent, StzhBannerOpenEvent, StzhBathstatusItemData, StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonClickEvent, StzhButtonFocusEvent, StzhButtonSize, StzhButtonVariant, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardlistCollapseAllEvent, StzhCardNavigationClickEvent, StzhCardSearchresultClickEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCardSuperteaserClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxgroupChangeEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipselectChangeEvent, StzhChipselectItem, StzhChipSize, StzhChipType, StzhChipVariant, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhCtaBlurEvent, StzhCtaClickEvent, StzhCtaFocusEvent, StzhDatalistBigLabelChangeEvent, StzhDatalistDirection, StzhDatalistDirectionChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemClickEvent, StzhDatalistItemEntry, StzhDatalistVariant, StzhDatalistVariantChangeEvent, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableCellData, StzhDatatableColumnData, StzhDatatableHeadingCellClickEvent, StzhDatatableInputRowData, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDaterangeRanges, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDisturberClosedEvent, StzhDisturberCloseEvent, StzhDisturberOpenedEvent, StzhDisturberOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhDropdownSize, StzhEditorLink, StzhEventinfoItemInput, StzhGalleryItem, StzhGeoRefDataOverlayCloseClickEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhHeaderLanguageChangeEvent, StzhHeaderMenuItem, StzhHeaderMenuItemClickEvent, StzhHeaderMetanavItem, StzhHeaderMetanavItemButtonClickEvent, StzhHeaderMetanavItemChildClickEvent, StzhHeaderMetanavItemClickEvent, StzhHeaderSearchChangedEvent, StzhHeaderSearchChangeEvent, StzhHomepageSearchSearchChangedEvent, StzhHomepageSearchSearchChangeEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLinkBlurEvent, StzhLinkClickEvent, StzhLinkFocusEvent, StzhLinkSize, StzhLocaleAdapter, StzhLocaleComponent, StzhMenuItemBlurEvent, StzhMenuItemClickEvent, StzhMenuItemFocusEvent, StzhMenuSize, StzhMenuVariant, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhMostsearchedItem, StzhOlmapFeatureWithPopover, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMovePanZoomEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPiCardNavigationClickEvent, StzhPiMenuClosedEvent, StzhPiMenuCloseEvent, StzhPiMenuItemClickEvent, StzhPiMenuOpenedEvent, StzhPiMenuOpenEvent, StzhPiPagetitleMenuItem, StzhPiTeaserClickEvent, StzhPiTeaserLayoutItemClickEvent, StzhPoiCardItemData, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSaptchaChangeEvent, StzhSearchOverlayCloseClickEvent, StzhSearchResult, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSocialmediastreamItemData, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStatusType, StzhStepperDataItem, StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTagBlurEvent, StzhTagClickEvent, StzhTagFocusEvent, StzhTagSize, StzhTagType, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhTopnewsItem, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, StzhVbzQuicklink, 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";
@@ -109,7 +109,6 @@ export { StzhHttpErrorLocalizedText } from "./components/stzh-http-error/stzh-ht
 export { StzhIframeLocalizedText } from "./components/stzh-iframe/stzh-iframe.localization";
 export { StzhImagecomparisonLocalizedText } from "./components/stzh-imagecomparison/stzh-imagecomparison.localization";
 export { StzhLinkLocalizedText } from "./components/stzh-link/stzh-link.localization";
-export { EmptyTeaser, PiTeaser, StzhDatalistItemEntry as StzhDatalistItemEntry1 } from ".";
 export { StzhMessageLocalizedText } from "./components/stzh-message/stzh-message.localization";
 export { StzhMicrositeTeaserlistLocalizedText } from "./components/CMS/stzh-microsite-teaserlist/stzh-microsite-teaserlist.localization";
 export { StzhMonthyearpickerLocalizedText } from "./components/stzh-monthyearpicker/stzh-monthyearpicker.localization";
@@ -119,6 +118,7 @@ export { StzhPagebottomLocalizedText } from "./components/CMS/stzh-pagebottom/st
 export { StzhPaginationLocalizedText } from "./components/stzh-pagination/stzh-pagination.localization";
 export { StzhPanoramaLocalizedText } from "./components/stzh-panorama/stzh-panorama.localization";
 export { StzhPiMenuLocalization } from "./components/CMS/stzh-pi-menu/stzh-pi-menu.localization";
+export { EmptyTeaser, PiTeaser } from ".";
 export { StzhPkzhQrLocalizedText } from "./components/CMS/PKZH/stzh-pkzh-qr/stzh-pkzh-qr.localization";
 export { StzhPoilistLocalizedText } from "./components/CMS/stzh-poilist/stzh-poilist.localization";
 export { StzhPopoverLocalizedText } from "./components/stzh-popover/stzh-popover.localization";
@@ -1736,10 +1736,6 @@ export namespace Components {
           * Additional street info
          */
         "streetInfo": string | string[];
-        /**
-          * Sub heading
-         */
-        "subHeading": string;
         /**
           * Type
          */
@@ -3520,7 +3516,7 @@ export namespace Components {
         /**
           * The items that should be displayed in the link list
          */
-        "items": StzhDatalistItemEntry1[] | string;
+        "items": StzhDatalistItemEntry[] | string;
         /**
           * Whether the component had a padding-bottom or not
          */
@@ -4259,10 +4255,6 @@ export namespace Components {
           * For Adobe Analytics. Will be rendered as value of `s-object-id` attribute to the link elements. Default value will be taken from `heading` prop/slot.
          */
         "analyticsId": string;
-        /**
-          * Which size of teaser it is
-         */
-        "contentSize": "XS" | "S" | "M" | "L" | "XL";
         /**
           * Date
          */
@@ -4283,15 +4275,6 @@ export namespace Components {
           * Href of card
          */
         "href": string;
-        /**
-          * Whether image is on top or on the right
-         */
-        "imagePosition": "top" | "right" | null;
-        /**
-          * Image source link
-         */
-        "imageSrc": string | null;
-        "isHero": boolean;
         /**
           * Lead text (alternative for lead slot)
          */
@@ -4303,7 +4286,7 @@ export namespace Components {
     }
     interface StzhPiTeaserLayout {
         /**
-          * The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown. The rubrick is either 4, 5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.
+          * The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown. The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.
          */
         "contentList": PiTeaser[] | EmptyTeaser[];
         /**
@@ -4323,6 +4306,52 @@ export namespace Components {
          */
         "variant": "hero" | "rubrick";
     }
+    interface StzhPiTeaserLayoutItem {
+        /**
+          * For Adobe Analytics. Will be rendered as value of `s-object-id` attribute to the link elements. Default value will be taken from `heading` prop/slot.
+         */
+        "analyticsId": string;
+        /**
+          * Which size of teaser it is
+         */
+        "contentSize": "XS" | "S" | "M" | "L" | "XL";
+        /**
+          * Date
+         */
+        "date": string;
+        /**
+          * Dateline
+         */
+        "dateline": string;
+        /**
+          * Heading (alternative for heading slot)
+         */
+        "heading": string;
+        /**
+          * Heading level
+         */
+        "headingLevel": "1" | "2" | "3" | "4";
+        /**
+          * Href of card
+         */
+        "href": string;
+        /**
+          * Whether image is on top or on the right
+         */
+        "imagePosition": "top" | "right" | null;
+        /**
+          * Image source link
+         */
+        "imageSrc": string | null;
+        /**
+          * Lead text (alternative for lead slot)
+         */
+        "lead": string;
+        /**
+          * target if the button is used as link (if href used)
+         */
+        "target": string;
+    }
     interface StzhPkzhQr {
         /**
           * Translation strings.
@@ -6194,6 +6223,10 @@ export interface StzhPiTeaserCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhPiTeaserElement;
 }
+export interface StzhPiTeaserLayoutItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLStzhPiTeaserLayoutItemElement;
+}
 export interface StzhPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLStzhPopoverElement;
@@ -7543,6 +7576,23 @@ declare global {
         prototype: HTMLStzhPiTeaserLayoutElement;
         new (): HTMLStzhPiTeaserLayoutElement;
     };
+    interface HTMLStzhPiTeaserLayoutItemElementEventMap {
+        "stzhClick": StzhPiTeaserLayoutItemClickEvent;
+    }
+    interface HTMLStzhPiTeaserLayoutItemElement extends Components.StzhPiTeaserLayoutItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLStzhPiTeaserLayoutItemElementEventMap>(type: K, listener: (this: HTMLStzhPiTeaserLayoutItemElement, ev: StzhPiTeaserLayoutItemCustomEvent<HTMLStzhPiTeaserLayoutItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLStzhPiTeaserLayoutItemElementEventMap>(type: K, listener: (this: HTMLStzhPiTeaserLayoutItemElement, ev: StzhPiTeaserLayoutItemCustomEvent<HTMLStzhPiTeaserLayoutItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLStzhPiTeaserLayoutItemElement: {
+        prototype: HTMLStzhPiTeaserLayoutItemElement;
+        new (): HTMLStzhPiTeaserLayoutItemElement;
+    };
     interface HTMLStzhPkzhQrElement extends Components.StzhPkzhQr, HTMLStencilElement {
     }
     var HTMLStzhPkzhQrElement: {
@@ -8216,6 +8266,7 @@ declare global {
         "stzh-pi-quote": HTMLStzhPiQuoteElement;
         "stzh-pi-teaser": HTMLStzhPiTeaserElement;
         "stzh-pi-teaser-layout": HTMLStzhPiTeaserLayoutElement;
+        "stzh-pi-teaser-layout-item": HTMLStzhPiTeaserLayoutItemElement;
         "stzh-pkzh-qr": HTMLStzhPkzhQrElement;
         "stzh-poicard": HTMLStzhPoicardElement;
         "stzh-poilist": HTMLStzhPoilistElement;
@@ -10035,10 +10086,6 @@ declare namespace LocalJSX {
           * Additional street info
          */
         "streetInfo"?: string | string[];
-        /**
-          * Sub heading
-         */
-        "subHeading"?: string;
         /**
           * Type
          */
@@ -11971,7 +12018,7 @@ declare namespace LocalJSX {
         /**
           * The items that should be displayed in the link list
          */
-        "items"?: StzhDatalistItemEntry1[] | string;
+        "items"?: StzhDatalistItemEntry[] | string;
         /**
           * Whether the component had a padding-bottom or not
          */
@@ -12717,10 +12764,6 @@ declare namespace LocalJSX {
           * For Adobe Analytics. Will be rendered as value of `s-object-id` attribute to the link elements. Default value will be taken from `heading` prop/slot.
          */
         "analyticsId"?: string;
-        /**
-          * Which size of teaser it is
-         */
-        "contentSize"?: "XS" | "S" | "M" | "L" | "XL";
         /**
           * Date
          */
@@ -12741,15 +12784,6 @@ declare namespace LocalJSX {
           * Href of card
          */
         "href"?: string;
-        /**
-          * Whether image is on top or on the right
-         */
-        "imagePosition"?: "top" | "right" | null;
-        /**
-          * Image source link
-         */
-        "imageSrc"?: string | null;
-        "isHero"?: boolean;
         /**
           * Lead text (alternative for lead slot)
          */
@@ -12765,7 +12799,7 @@ declare namespace LocalJSX {
     }
     interface StzhPiTeaserLayout {
         /**
-          * The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown. The rubrick is either 4, 5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.
+          * The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown. The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.
          */
         "contentList"?: PiTeaser[] | EmptyTeaser[];
         /**
@@ -12785,6 +12819,56 @@ declare namespace LocalJSX {
          */
         "variant"?: "hero" | "rubrick";
     }
+    interface StzhPiTeaserLayoutItem {
+        /**
+          * For Adobe Analytics. Will be rendered as value of `s-object-id` attribute to the link elements. Default value will be taken from `heading` prop/slot.
+         */
+        "analyticsId"?: string;
+        /**
+          * Which size of teaser it is
+         */
+        "contentSize"?: "XS" | "S" | "M" | "L" | "XL";
+        /**
+          * Date
+         */
+        "date"?: string;
+        /**
+          * Dateline
+         */
+        "dateline"?: string;
+        /**
+          * Heading (alternative for heading slot)
+         */
+        "heading"?: string;
+        /**
+          * Heading level
+         */
+        "headingLevel"?: "1" | "2" | "3" | "4";
+        /**
+          * Href of card
+         */
+        "href"?: string;
+        /**
+          * Whether image is on top or on the right
+         */
+        "imagePosition"?: "top" | "right" | null;
+        /**
+          * Image source link
+         */
+        "imageSrc"?: string | null;
+        /**
+          * Lead text (alternative for lead slot)
+         */
+        "lead"?: string;
+        /**
+          * Click event (if href is used)
+         */
+        "onStzhClick"?: (event: StzhPiTeaserLayoutItemCustomEvent<StzhPiTeaserLayoutItemClickEvent>) => void;
+        /**
+          * target if the button is used as link (if href used)
+         */
+        "target"?: string;
+    }
     interface StzhPkzhQr {
         /**
           * Translation strings.
@@ -14714,6 +14798,7 @@ declare namespace LocalJSX {
         "stzh-pi-quote": StzhPiQuote;
         "stzh-pi-teaser": StzhPiTeaser;
         "stzh-pi-teaser-layout": StzhPiTeaserLayout;
+        "stzh-pi-teaser-layout-item": StzhPiTeaserLayoutItem;
         "stzh-pkzh-qr": StzhPkzhQr;
         "stzh-poicard": StzhPoicard;
         "stzh-poilist": StzhPoilist;
@@ -14879,6 +14964,7 @@ declare module "@stencil/core" {
             "stzh-pi-quote": LocalJSX.StzhPiQuote & JSXBase.HTMLAttributes<HTMLStzhPiQuoteElement>;
             "stzh-pi-teaser": LocalJSX.StzhPiTeaser & JSXBase.HTMLAttributes<HTMLStzhPiTeaserElement>;
             "stzh-pi-teaser-layout": LocalJSX.StzhPiTeaserLayout & JSXBase.HTMLAttributes<HTMLStzhPiTeaserLayoutElement>;
+            "stzh-pi-teaser-layout-item": LocalJSX.StzhPiTeaserLayoutItem & JSXBase.HTMLAttributes<HTMLStzhPiTeaserLayoutItemElement>;
             "stzh-pkzh-qr": LocalJSX.StzhPkzhQr & JSXBase.HTMLAttributes<HTMLStzhPkzhQrElement>;
             "stzh-poicard": LocalJSX.StzhPoicard & JSXBase.HTMLAttributes<HTMLStzhPoicardElement>;
             "stzh-poilist": LocalJSX.StzhPoilist & JSXBase.HTMLAttributes<HTMLStzhPoilistElement>;

package/dist/types/index.d.ts

@@ -560,6 +560,11 @@ export type StzhPiTeaserClickEvent = {
     originalEvent: MouseEvent;
     href: string;
 };
+export type StzhPiTeaserLayoutItemClickEvent = {
+    component: "stzh-pi-teaser-layout-item";
+    originalEvent: MouseEvent;
+    href: string;
+};
 export type StzhCardSuperteaserClickEvent = {
     component: "stzh-card-superteaser";
     originalEvent: MouseEvent;

package/dist/vscode-data.json

@@ -2440,10 +2440,6 @@
           "name": "street-info",
           "description": "Additional street info"
         },
-        {
-          "name": "sub-heading",
-          "description": "Sub heading"
-        },
         {
           "name": "type",
           "description": "Type",
@@ -6444,27 +6440,6 @@
           "name": "analytics-id",
           "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the link elements.\nDefault value will be taken from `heading` prop/slot."
         },
-        {
-          "name": "content-size",
-          "description": "Which size of teaser it is",
-          "values": [
-            {
-              "name": "L"
-            },
-            {
-              "name": "M"
-            },
-            {
-              "name": "S"
-            },
-            {
-              "name": "XL"
-            },
-            {
-              "name": "XS"
-            }
-          ]
-        },
         {
           "name": "date",
           "description": "Date"
@@ -6499,26 +6474,6 @@
           "name": "href",
           "description": "Href of card"
         },
-        {
-          "name": "image-position",
-          "description": "Whether image is on top or on the right",
-          "values": [
-            {
-              "name": "right"
-            },
-            {
-              "name": "top"
-            }
-          ]
-        },
-        {
-          "name": "image-src",
-          "description": "Image source link"
-        },
-        {
-          "name": "is-hero",
-          "description": ""
-        },
         {
           "name": "lead",
           "description": "Lead text (alternative for lead slot)"
@@ -6573,6 +6528,98 @@
         }
       ]
     },
+    {
+      "name": "stzh-pi-teaser-layout-item",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "analytics-id",
+          "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the link elements.\nDefault value will be taken from `heading` prop/slot."
+        },
+        {
+          "name": "content-size",
+          "description": "Which size of teaser it is",
+          "values": [
+            {
+              "name": "L"
+            },
+            {
+              "name": "M"
+            },
+            {
+              "name": "S"
+            },
+            {
+              "name": "XL"
+            },
+            {
+              "name": "XS"
+            }
+          ]
+        },
+        {
+          "name": "date",
+          "description": "Date"
+        },
+        {
+          "name": "dateline",
+          "description": "Dateline"
+        },
+        {
+          "name": "heading",
+          "description": "Heading (alternative for heading slot)"
+        },
+        {
+          "name": "heading-level",
+          "description": "Heading level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
+        {
+          "name": "href",
+          "description": "Href of card"
+        },
+        {
+          "name": "image-position",
+          "description": "Whether image is on top or on the right",
+          "values": [
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "image-src",
+          "description": "Image source link"
+        },
+        {
+          "name": "lead",
+          "description": "Lead text (alternative for lead slot)"
+        },
+        {
+          "name": "target",
+          "description": "target if the button is used as link (if href used)"
+        }
+      ]
+    },
     {
       "name": "stzh-pkzh-qr",
       "description": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "4.5.0",
+  "version": "4.6.0-beta1",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -46,9 +46,9 @@
     "@playwright/test": "^1.48.2",
     "@stencil/angular-output-target": "^1.1.1",
     "@stencil/postcss": "^2.1.0",
-    "@stencil/react-output-target": "^0.8.2",
+    "@stencil/react-output-target": "^1.2.0",
     "@stencil/sass": "^3.0.12",
-    "@stencil/vue-output-target": "^0.10.7",
+    "@stencil/vue-output-target": "^0.11.8",
     "@storybook/addon-a11y": "^8.3.7",
     "@storybook/addon-designs": "^8.0.3",
     "@storybook/addon-essentials": "^8.3.7",

package/dist/components/p-503bdd56.js.map

@@ -1 +0,0 @@
-{"file":"p-503bdd56.js","mappings":"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","names":[],"sources":["src/components/stzh-overlay/stzh-overlay.scss?tag=stzh-overlay&encapsulation=scoped","src/components/stzh-overlay/stzh-overlay.tsx"],"sourcesContent":["/**\n * @prop --backdrop-opacity: Opacity of overlay backdrop\n * @prop --backdrop-background-color: Background color of overlay backdrop\n *\n * @prop --stzh-overlay-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-overlay-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  --backdrop-opacity: #{$overlayBackdropOpacity};\n  --backdrop-background-color: #{$overlayBackdropBackgroundColor};\n}\n\n.stzh-overlay {\n  display: none;\n  z-index: $zIndexOverlay;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  justify-content: stretch;\n  align-items: stretch;\n\n  &__backdrop {\n    z-index: 1;\n    background-color: var(--backdrop-background-color);\n    opacity: var(--backdrop-opacity);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &__content {\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    flex-grow: 1;\n    overflow: auto;\n  }\n\n  &__content-inner {\n    // center content vertically\n    margin-top: auto;\n    margin-bottom: auto;\n    outline: none;\n  }\n\n  &--is-open {\n    display: flex;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from \"@stencil/core\";\n\nimport { StzhOverlayOpenEvent, StzhOverlayCloseEvent } from \"../../index\";\n\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-overlay\",\n  styleUrl: \"stzh-overlay.scss\",\n  scoped: true,\n})\nexport class StzhOverlay {\n  /** Whether overlay is open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Accessible label for dialog */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string = \"\";\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhOverlayOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhOverlayCloseEvent>;\n\n  @Element() element: HTMLStzhOverlayElement;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  private trap: FocusTrap;\n  private parentElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private getSiblings() {\n    if (!this.parentElement) {\n      return [];\n    }\n\n    return Array.from(this.parentElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.parentElement = this.element.parentElement;\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-overlay\": true,\n      \"stzh-overlay--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-overlay__backdrop\"></div>\n          <div class=\"stzh-overlay__content\">\n            <div\n              class=\"stzh-overlay__content-inner\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-label={this.a11yLabel || null}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n            >\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-9ac321e4.js.map

@@ -1 +0,0 @@
-{"file":"p-9ac321e4.js","mappings":"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","names":[],"sources":["src/components/stzh-datepicker/stzh-datepicker.scss?tag=stzh-datepicker&encapsulation=scoped","src/components/stzh-datepicker/stzh-datepicker.tsx"],"sourcesContent":[":host {\n  --calendar-width: #{$calendarWidth};\n\n  width: 100%;\n\n  &[inline]:not([inline=\"false\"]) {\n    width: var(--calendar-width);\n  }\n}\n\n.stzh-datepicker {\n  &__popover {\n    --width: auto;\n  }\n\n  &__calendar {\n    margin-left: auto;\n    margin-right: auto;\n\n    &.is-inline {\n      width: 100%;\n      margin-left: 0px;\n      margin-right: 0px;\n    }\n  }\n\n  &__actions {\n    display: flex;\n    width: var(--calendar-width);\n    margin-left: auto;\n    margin-right: auto;\n\n    &.is-inline {\n      width: 100%;\n      margin-left: 0px;\n      margin-right: 0px;\n    }\n\n    &:not(:empty) {\n      padding-left: space(\"small\");\n      padding-right: space(\"small\");\n    }\n  }\n\n  /* Has action */\n\n  &--has-action &__popover {\n    --content-padding: 0 0 #{space(\"small\")} 0;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Host,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n  Fragment,\n  State,\n  Listen,\n} from \"@stencil/core\";\n\nimport { StzhCalendarChangeEvent, StzhDatepickerChangeEvent } from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot action - Slot for action below calendar (stzh-link element)\n */\n@Component({\n  tag: \"stzh-datepicker\",\n  styleUrl: \"stzh-datepicker.scss\",\n  scoped: true,\n})\nexport class StzhDatepicker {\n  /**\n   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the max property.\n   */\n  @Prop() calendarMin: string = \"\";\n\n  /**\n   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n   * This setting can be used alone or together with the min property.\n   */\n  @Prop() calendarMax: string = \"\";\n\n  /**\n   * Controls which days are disabled and therefore disallowed.\n   * For example, this can be used to disallow selection of weekends.\n   */\n  @Prop() calendarIsDateDisabled: StzhCalendarDateDisabledPredicate = () => false;\n\n  /** Name of the hidden date picker input. */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Value of the hidden date picker input. If a date can be parsed (via picker always), the value is in ISO format. Otherwise the value equals the manual input.  */\n  @Prop({ mutable: true }) value: string = \"\";\n  @State() calendarValue: string = \"\";\n  @State() inputValue: string = \"\";\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string = \"\";\n\n  /** Label for input field and popover */\n  @Prop() label: string = \"\";\n\n  /** Whether label is visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Show calendar inline */\n  @Prop({ reflect: true }) inline: boolean = false;\n\n  /**\n   * Date adapter visible date shown to the user, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /**\n   * Date adapter for internal date passed to backend, for custom parsing/formatting.\n   * Can be `\"iso\"` (default, date in ISO format) / `\"legacy\"` (date in `d.m.Y` format)\n   * or `StzhLocaleAdapter` (must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.)\n   */\n  @Prop() internalDateAdapter: \"iso\" | \"legacy\" | StzhLocaleAdapter = \"iso\";\n  private _internalDateAdapter: StzhLocaleAdapter;\n\n  /**  Translation strings. */\n  @Prop() localization: StzhDatepickerLocalizedText;\n\n  @State() buttonLabel: string;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"localization\")\n  createDateFormatters() {\n    if (this.localization) {\n      this.dateFormatLong = new Intl.DateTimeFormat(this.localization.$locale, {\n        day: \"numeric\",\n        month: \"long\",\n        year: \"numeric\",\n      });\n    }\n  }\n\n  /** Update calendar and input when value prop has changed */\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    if (!this._internalDateAdapter) {\n      return;\n    }\n\n    const date = this._internalDateAdapter.parse(newValue, \"dateInput\");\n\n    this.calendarValue = printISODate(date);\n    this.inputValue = this.dateAdapter.format(date, \"dateInput\");\n\n    this.updateButtonAccessibleLabel();\n  }\n\n  @Watch(\"dateAdapter\")\n  dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n    if (!newValue) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  @Watch(\"internalDateAdapter\")\n  internalDateAdapterWatcher(newValue: \"iso\" | \"legacy\" | StzhLocaleAdapter) {\n    if (newValue === \"iso\" || !newValue) {\n      this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formatsIso,\n        this.localization.$globals,\n      );\n    } else if (newValue === \"legacy\") {\n      this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formatsLegacy,\n        this.localization.$globals,\n      );\n    } else {\n      this._internalDateAdapter = newValue;\n    }\n  }\n\n  /** Set value by a JS Date object */\n  @Method()\n  async setDate(date: Date) {\n    this.value = this._internalDateAdapter.format(date, \"dateInput\");\n  }\n\n  /** Return internal popover element */\n  @Method()\n  async getPopover(): Promise<HTMLStzhPopoverElement> {\n    return this.popover;\n  }\n\n  /** Datepicker change event */\n  @Event() stzhChange: EventEmitter<StzhDatepickerChangeEvent>;\n\n  @Element() element: HTMLStzhDatepickerElement;\n\n  /**\n   * To format dates exclusively for the benefit of screen readers.\n   *\n   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n   * better performance when formatting large number of dates. See:\n   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n   */\n  private dateFormatLong: Intl.DateTimeFormat;\n\n  private input: HTMLStzhInputElement;\n  private popover: HTMLStzhPopoverElement;\n  // private calendar: HTMLStzhCalendarElement;\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n  };\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private onInputChanged = () => {\n    const parsedDate = this.dateAdapter.parse(this.input.value, \"dateInput\");\n\n    if (this.input.value === \"\" || parsedDate) {\n      const formattedDate = this._internalDateAdapter.format(parsedDate, \"dateInput\");\n\n      if (this.value !== formattedDate) {\n        this.value = formattedDate;\n      } else {\n        this.valueWatcher(formattedDate);\n      }\n\n      this.stzhChange.emit({\n        component: \"stzh-datepicker\",\n        value: this.value,\n        valueAsDate: parsedDate,\n      });\n    }\n  };\n\n  private onCalendarChange = (event: CustomEvent<StzhCalendarChangeEvent>) => {\n    if (event.detail.component !== \"stzh-calendar\") {\n      // Do not emit stzhChange event from year/month dropdowns\n      event.stopPropagation();\n      return;\n    }\n\n    this.value = event.detail.valueAsDate && this._internalDateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n\n    this.stzhChange.emit({\n      component: \"stzh-datepicker\",\n      value: this.value,\n      valueAsDate: event.detail.valueAsDate,\n    });\n\n    if (this.popover) {\n      this.popover.hide();\n    }\n  };\n\n  private updateButtonAccessibleLabel() {\n    if (!this.localization) {\n      return;\n    }\n\n    try {\n      const valueAsDate = this._internalDateAdapter.parse(this.value, \"dateInput\");\n      this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(valueAsDate)}`;\n    } catch (err) {\n      this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}`;\n    }\n  }\n\n  connectedCallback() {\n    this.createDateFormatters();\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datepicker\");\n    }\n\n    this.dateAdapterWatcher(this.dateAdapter);\n    this.internalDateAdapterWatcher(this.internalDateAdapter);\n    this.valueWatcher(this.value);\n    this.defaultValue = this.defaultValue || this.value;\n  }\n\n  render() {\n    const actionUsed = hasSlot(this.element, \"action\");\n\n    const classes = {\n      \"stzh-datepicker\": true,\n      \"stzh-datepicker--inline\": this.inline,\n      \"stzh-datepicker--has-action\": actionUsed,\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <input type=\"hidden\" name={this.name} value={this.value} defaultValue={this.defaultValue} />\n\n          {this.inline && (\n            <Fragment>\n              <stzh-calendar\n                // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n                value={this.calendarValue}\n                class=\"stzh-datepicker__calendar is-inline\"\n                isDateDisabled={this.calendarIsDateDisabled}\n                min={this.calendarMin}\n                max={this.calendarMax}\n                onStzhChange={this.onCalendarChange}\n              ></stzh-calendar>\n              <div class=\"stzh-datepicker__actions\">\n                <slot name=\"action\"></slot>\n              </div>\n            </Fragment>\n          )}\n\n          {!this.inline && (\n            <stzh-input\n              value={this.inputValue}\n              label={this.label}\n              labelHidden={this.labelHidden}\n              ref={el => (this.input = el as HTMLStzhInputElement)}\n              noAutocomplete\n              onStzhChanged={this.onInputChanged}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              description={this.description}\n              descriptionLong={this.descriptionLong}\n              error={this.error}\n              invalid={this.invalid}\n              required={this.required}\n              hideOptional={this.hideOptional}\n              size={this.size}\n            >\n              <stzh-popover\n                ref={el => (this.popover = el as HTMLStzhPopoverElement)}\n                class=\"stzh-datepicker__popover\"\n                slot=\"button-right\"\n                placement=\"bottom-end\"\n                strategy=\"fixed\"\n                label={this.label}\n              >\n                <stzh-button\n                  icon-only\n                  icon=\"calendar\"\n                  size={this.size}\n                  disabled={this.disabled}\n                  a11yLabel={this.buttonLabel}\n                ></stzh-button>\n                <div slot=\"content\">\n                  <stzh-calendar\n                    // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n                    value={this.calendarValue}\n                    class=\"stzh-datepicker__calendar is-popover\"\n                    isDateDisabled={this.calendarIsDateDisabled}\n                    min={this.calendarMin}\n                    max={this.calendarMax}\n                    onStzhChange={this.onCalendarChange}\n                  ></stzh-calendar>\n                  <div class=\"stzh-datepicker__actions\">\n                    <slot name=\"action\"></slot>\n                  </div>\n                </div>\n              </stzh-popover>\n            </stzh-input>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}