@oiz/stzh-components 4.6.0 → 4.7.0

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, ContactWebsite, 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, StzhRatingBlurEvent, StzhRatingChangeEvent, StzhRatingFocusEvent, 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, ContactWebsite, 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, StzhRatingBlurEvent, StzhRatingChangeEvent, StzhRatingFocusEvent, 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, VbzTickerLineIcon } 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";
@@ -14,7 +14,7 @@ import { StzhAppNavLocalizedText } from "./components/stzh-app-nav/stzh-app-nav.
 import { StzhAppointmentsLocalizedText } from "./components/stzh-appointments/stzh-appointments.localization";
 import { StzhArchivelistLocalizedText } from "./components/CMS/stzh-archivelist/stzh-archivelist.localization";
 import { StzhAudioLocalizedText } from "./components/stzh-audio/stzh-audio.localization";
-import { StzhBannerLocalizedText } from "./components/CMS/stzh-banner/stzh-banner.localization";
+import { StzhBannerLocalizedText } from "./components/stzh-banner/stzh-banner.localization";
 import { StzhBathstatusItemLocalizedText } from "./components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.localization";
 import { StzhBathstatusListLocalizedText } from "./components/CMS/stzh-bathstatus-list/stzh-bathstatus-list.localization";
 import { StzhBreadcrumbLocalizedText } from "./components/stzh-breadcrumb/stzh-breadcrumb.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, ContactWebsite, 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, StzhRatingBlurEvent, StzhRatingChangeEvent, StzhRatingFocusEvent, 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, ContactWebsite, 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, StzhRatingBlurEvent, StzhRatingChangeEvent, StzhRatingFocusEvent, 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, VbzTickerLineIcon } 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";
@@ -79,7 +79,7 @@ export { StzhAppNavLocalizedText } from "./components/stzh-app-nav/stzh-app-nav.
 export { StzhAppointmentsLocalizedText } from "./components/stzh-appointments/stzh-appointments.localization";
 export { StzhArchivelistLocalizedText } from "./components/CMS/stzh-archivelist/stzh-archivelist.localization";
 export { StzhAudioLocalizedText } from "./components/stzh-audio/stzh-audio.localization";
-export { StzhBannerLocalizedText } from "./components/CMS/stzh-banner/stzh-banner.localization";
+export { StzhBannerLocalizedText } from "./components/stzh-banner/stzh-banner.localization";
 export { StzhBathstatusItemLocalizedText } from "./components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.localization";
 export { StzhBathstatusListLocalizedText } from "./components/CMS/stzh-bathstatus-list/stzh-bathstatus-list.localization";
 export { StzhBreadcrumbLocalizedText } from "./components/stzh-breadcrumb/stzh-breadcrumb.localization";
@@ -5962,10 +5962,18 @@ export namespace Components {
           * Whether it is a global disturbance
          */
         "global": boolean;
+        /**
+          * Icon color definitions from API. Has been disabled since beginning for unknown reasons - the colors are hardcoded in 'line-colors.json'. To be checked with VBZ.
+         */
+        "icon": VbzTickerLineIcon;
         /**
           * Line
          */
         "line": VBZ.Lines;
+        /**
+          * Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions are being used, local ones are still used as fallback.
+         */
+        "useApiLineColors": boolean;
     }
     interface StzhVbzMajorticker {
         /**
@@ -6022,6 +6030,10 @@ export namespace Components {
           * More info link (`{lang}` and `{id}` are replaced in the URL)
          */
         "moreInfoLink": string;
+        /**
+          * Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions are being used, local ones are still used as fallback.
+         */
+        "useApiLineColors": boolean;
     }
     interface StzhVisuallyhidden {
     }
@@ -14757,6 +14769,10 @@ declare namespace LocalJSX {
           * Whether it is a global disturbance
          */
         "global"?: boolean;
+        /**
+          * Icon color definitions from API. Has been disabled since beginning for unknown reasons - the colors are hardcoded in 'line-colors.json'. To be checked with VBZ.
+         */
+        "icon"?: VbzTickerLineIcon;
         /**
           * Line
          */
@@ -14769,6 +14785,10 @@ declare namespace LocalJSX {
           * Focus event
          */
         "onStzhFocus"?: (event: StzhVbzLinechipCustomEvent<StzhVbzLinechipFocusEvent>) => void;
+        /**
+          * Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions are being used, local ones are still used as fallback.
+         */
+        "useApiLineColors"?: boolean;
     }
     interface StzhVbzMajorticker {
         /**
@@ -14821,6 +14841,10 @@ declare namespace LocalJSX {
           * More info link (`{lang}` and `{id}` are replaced in the URL)
          */
         "moreInfoLink"?: string;
+        /**
+          * Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions are being used, local ones are still used as fallback.
+         */
+        "useApiLineColors"?: boolean;
     }
     interface StzhVisuallyhidden {
     }

package/dist/types/index.d.ts

@@ -966,10 +966,31 @@ export type VbzTickerDisturbance = {
     infoUrl?: VbzTickerInfoUrl;
     category: typeof VBZ.DISTURBANCE_INFORMATION | typeof VBZ.DISTURBANCE_CONSTRUCTION | typeof VBZ.DISTURBANCE_NORMAL | typeof VBZ.DISTURBANCE_EVENT | typeof VBZ.DISTURBANCE_BUS;
 };
+export type VbzTickerLineIcon = {
+    foregroundColor: {
+        r: number;
+        g: number;
+        b: number;
+        hex: string;
+    };
+    backgroundColor: {
+        r: number;
+        g: number;
+        b: number;
+        hex: string;
+    };
+    borderColor: {
+        r: number;
+        g: number;
+        b: number;
+        hex: string;
+    };
+};
 export type VbzTickerLine = {
     line: VBZ.Lines;
     name: string;
     disturbances: VbzTickerDisturbance[];
+    icon?: VbzTickerLineIcon;
     alert: boolean;
     category: "2" | "16" | "32" | "64" | "128" | "256" | "512";
 };
@@ -1511,7 +1532,7 @@ export declare namespace VBZ {
     const DISTURBANCE_NORMAL = "2";
     const DISTURBANCE_EVENT = "4";
     const DISTURBANCE_BUS = "5";
-    type Lines = "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "19" | "20" | "21" | "23" | "24" | "25" | "29" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "45" | "46" | "54" | "61" | "62" | "63" | "64" | "66" | "67" | "69" | "70" | "72" | "73" | "75" | "76" | "77" | "78" | "79" | "80" | "83" | "89" | "91" | "94" | "95" | "99" | "151" | "152" | "153" | "156" | "161" | "162" | "163" | "165" | "184" | "185" | "200" | "201" | "215" | "220" | "235" | "236" | "245" | "301" | "302" | "303" | "304" | "305" | "306" | "307" | "308" | "309" | "311" | "314" | "315" | "317" | "321" | "323" | "325" | "350" | "444" | "445" | "701" | "702" | "703" | "704" | "705" | "720" | "721" | "725" | "726" | "727" | "742" | "743" | "744" | "745" | "747" | "748" | "751" | "752" | "753" | "754" | "759" | "760" | "765" | "768" | "781" | "786" | "787" | "910" | "912" | "916" | "917" | "918" | "919" | "E" | "N" | "N1" | "N2" | "N4" | "N5" | "N6" | "N7" | "N8" | "N9" | "N10" | "N11" | "N12" | "N13" | "N14" | "N15" | "N16" | "N17" | "N18" | "N19" | "N30" | "N31" | "N32" | "N33" | "N34" | "N45" | "N72" | "N78" | "SN1" | "SN4" | "SN5" | "SN6" | "SN7" | "SN8" | "SN9" | "S2" | "S3" | "S4" | "S5" | "S6" | "S7" | "S8" | "S9" | "S10" | "S11" | "S14" | "S15" | "S16" | "S18" | "S19" | "S20" | "S21" | "S23" | "S24" | "S25";
+    type Lines = "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "19" | "20" | "21" | "23" | "24" | "25" | "29" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "44" | "45" | "46" | "50" | "51" | "54" | "61" | "62" | "63" | "64" | "66" | "67" | "69" | "70" | "72" | "73" | "75" | "76" | "77" | "78" | "79" | "80" | "83" | "89" | "91" | "94" | "95" | "99" | "151" | "152" | "153" | "156" | "161" | "162" | "163" | "165" | "184" | "185" | "200" | "201" | "215" | "220" | "235" | "236" | "245" | "301" | "302" | "303" | "304" | "305" | "306" | "307" | "308" | "309" | "311" | "314" | "315" | "317" | "321" | "323" | "325" | "350" | "444" | "445" | "701" | "702" | "703" | "704" | "706" | "705" | "720" | "721" | "725" | "726" | "727" | "742" | "743" | "744" | "745" | "747" | "748" | "751" | "752" | "753" | "754" | "759" | "760" | "765" | "768" | "781" | "786" | "787" | "910" | "912" | "916" | "917" | "918" | "919" | "E" | "N" | "N1" | "N2" | "N4" | "N5" | "N6" | "N7" | "N8" | "N9" | "N10" | "N11" | "N12" | "N13" | "N14" | "N15" | "N16" | "N17" | "N18" | "N19" | "N30" | "N31" | "N32" | "N33" | "N34" | "N45" | "N46" | "N72" | "N75" | "N78" | "N79" | "N91" | "SN1" | "SN4" | "SN5" | "SN6" | "SN7" | "SN8" | "SN9" | "S2" | "S3" | "S4" | "S5" | "S6" | "S7" | "S8" | "S9" | "S10" | "S11" | "S14" | "S15" | "S16" | "S18" | "S19" | "S20" | "S21" | "S23" | "S24" | "S25";
 }
 export type PiTeaser = {
     type: "teaser";

package/dist/vscode-data.json

@@ -9722,12 +9722,21 @@
             {
               "name": "40"
             },
+            {
+              "name": "44"
+            },
             {
               "name": "45"
             },
             {
               "name": "46"
             },
+            {
+              "name": "50"
+            },
+            {
+              "name": "51"
+            },
             {
               "name": "54"
             },
@@ -9917,6 +9926,9 @@
             {
               "name": "704"
             },
+            {
+              "name": "706"
+            },
             {
               "name": "705"
             },
@@ -10082,12 +10094,24 @@
             {
               "name": "N45"
             },
+            {
+              "name": "N46"
+            },
             {
               "name": "N72"
             },
+            {
+              "name": "N75"
+            },
             {
               "name": "N78"
             },
+            {
+              "name": "N79"
+            },
+            {
+              "name": "N91"
+            },
             {
               "name": "SN1"
             },
@@ -10170,6 +10194,10 @@
               "name": "S25"
             }
           ]
+        },
+        {
+          "name": "use-api-line-colors",
+          "description": "Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\nare being used, local ones are still used as fallback."
         }
       ]
     },
@@ -10216,6 +10244,10 @@
         {
           "name": "more-info-link",
           "description": "More info link (`{lang}` and `{id}` are replaced in the URL)"
+        },
+        {
+          "name": "use-api-line-colors",
+          "description": "Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\nare being used, local ones are still used as fallback."
         }
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -40,7 +40,9 @@
     "angular:value-accessor-fix": "node .build/scripts/angular-value-accessor-fix.js",
     "open:browser": "tsx scripts/open-browser.ts",
     "prettier": "prettier ./src/components/ --write",
-    "pre-commit": "lint-staged"
+    "pre-commit": "lint-staged",
+    "validate:branch": "sh .husky/validate-branch-name.sh",
+    "validate:commit": "sh .husky/validate-commit-msg.sh"
   },
   "devDependencies": {
     "@playwright/test": "^1.48.2",
@@ -49,31 +51,19 @@
     "@stencil/react-output-target": "^1.2.0",
     "@stencil/sass": "^3.0.12",
     "@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",
-    "@storybook/addon-interactions": "^8.3.7",
-    "@storybook/addon-links": "^8.3.7",
-    "@storybook/blocks": "^8.3.7",
-    "@storybook/core-events": "^8.3.7",
-    "@storybook/html": "^8.3.7",
-    "@storybook/html-vite": "^8.3.7",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.3.7",
-    "@storybook/test-runner": "^0.21.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.3.7",
+    "@storybook/addon-a11y": "9.1.16",
+    "@storybook/addon-designs": "^10.0.2",
+    "@storybook/addon-docs": "9.1.16",
+    "@storybook/addon-links": "9.1.16",
+    "@storybook/html-vite": "9.1.16",
+    "@storybook/test-runner": "^0.23.0",
     "@types/autoprefixer": "^9.7.2",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^20.10.8",
+    "@types/node": "^22.19.1",
     "autoprefixer": "^9.8.8",
     "cross-env": "^7.0.3",
-    "dom-chef": "^4.2.2",
     "glob": "^11.0.0",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
-    "jest": "^27.5.1",
-    "jest-cli": "^27.5.1",
     "jest-junit": "^16.0.0",
     "lint-staged": "^16.1.6",
     "npm-run-all": "^4.1.5",
@@ -85,12 +75,11 @@
     "react-dom": "^18.2.0",
     "start-server-and-test": "^2.0.10",
     "stencil-inline-svg": "^1.1.0",
-    "storybook": "^8.3.7",
+    "storybook": "9.1.16",
     "svg-tag-names": "^2.0.1",
     "svgo": "^3.3.2",
     "tsx": "^4.20.3",
-    "ttf2woff2": "^5.0.0",
-    "wait-on": "^8.0.2"
+    "ttf2woff2": "^5.0.0"
   },
   "browserslist": [
     "> 1% in CH",

package/dist/collection/components/CMS/stzh-banner/stzh-banner.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stzh-banner.e2e.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-banner/stzh-banner.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,MAAM,GAAG,GAAG,uBAAuB,CAAC;AAEpC,MAAM,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC;AAE5B,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1B,IAAI,CAAC,SAAS,OAAO,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACtD,MAAM,UAAU,CAAC;gBACf,OAAO;gBACP,IAAI;gBACJ,GAAG,EAAE,GAAG;aACT,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from \"@playwright/test\";\nimport { visualDiff } from \"../../../../.build/test/utils\";\n\nconst URL = \"components-cms-banner\";\n\nconst STORIES = [\"default\"];\n\ntest.describe(\"banner\", () => {\n  STORIES.forEach((storyId) => {\n    test(`story ${storyId} visual diff`, async ({ page }) => {\n      await visualDiff({\n        storyId,\n        page,\n        url: URL,\n      });\n    });\n  });\n});\n"]}

package/dist/collection/components/CMS/stzh-banner/stzh-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stzh-banner.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-banner/stzh-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMtG;;;GAGG;AAMH,MAAM,OAAO,UAAU;;QAwCb,uBAAkB,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC;qBAxCsB,EAAE;yBAGG,KAAK;;oBAMgB,OAAO;oBAWhC,IAAI;;IAG7B,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;IACL,CAAC;IAGD,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;IACL,CAAC;IAMD,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAClG,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,+BAA+B,EAAE,IAAI,CAAC,SAAS;YAC/C,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI;YACtB,4DAAK,KAAK,EAAE,OAAO;gBACjB,4DAAK,KAAK,EAAC,wBAAwB;oBACjC,4DAAK,KAAK,EAAC,sBAAsB;wBAC/B,4DAAK,KAAK,EAAC,2BAA2B;4BACpC,kEAAW,KAAK,EAAC,mBAAmB,EAClC,IAAI,EACF,gBAAgB,GAMP,CACT;wBACN,4DAAK,KAAK,EAAC,2BAA2B;4BACpC,4DAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,GAAQ,CACjD;4BACN,4DAAK,KAAK,EAAC,mBAAmB;gCAC5B,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF;oBAEL,CAAC,IAAI,CAAC,SAAS,IAAI,CAClB,oEACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EACnC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,IAAI,EAAC,WAAW,GACH,CAChB,CACG,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, State } from \"@stencil/core\";\n\nimport { StzhBannerOpenEvent, StzhBannerCloseEvent } from \"../../../index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/**\n * @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n */\n@Component({\n  tag: \"stzh-banner\",\n  styleUrl: \"stzh-banner.scss\",\n  scoped: true,\n})\nexport class StzhBanner {\n  /** Label (slot can also be used as alternative) */\n  @Prop() label: string = \"\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings. */\n  @Prop() localization: StzhBannerLocalizedText;\n  \n  /** Type */\n  @Prop({ reflect: true }) type: \"error\" | \"info\" = \"error\";\n\n  /** Banner open event */\n  @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n  /** Banner close event */\n  @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n  @Element() element: HTMLStzhBannerElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-banner\"\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-banner\"\n    });\n  }\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"banner\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-banner\": true,\n      \"stzh-banner--has-close-hidden\": this.hideClose,\n      [`stzh-banner--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host hidden={!this.open}>\n        <div class={classes}>\n          <div class=\"stzh-banner__container\">\n            <div class=\"stzh-banner__content\">\n              <div class=\"stzh-banner__icon-wrapper\">\n                <stzh-icon class=\"stzh-banner__icon\" \n                  name={\n                    \"warning-filled\"\n                    // this.type === 'info' && \"info-help-filled\"\n                    // || this.type === 'success' && \"checkmark-circle-filled\"\n                    // || this.type === 'warning' && \"important-warning-filled\"\n                    // || this.type === 'error' && \"warning-filled\"\n                  }\n                ></stzh-icon>\n              </div>\n              <div class=\"stzh-banner__text-wrapper\">\n                <div class=\"stzh-banner__label\">\n                  {this.label ? this.label : <slot name=\"label\"></slot>}\n                </div>\n                <div class=\"stzh-banner__link\">\n                  <slot name=\"link\"></slot>\n                </div>\n              </div>\n            </div>\n\n            {!this.hideClose && (\n              <stzh-button\n                class=\"stzh-banner__close\"\n                onClick={this.onCloseButtonClick}\n                a11yLabel={this.localization?.close}\n                variant=\"tertiary\"\n                size=\"small\"\n                iconOnly\n                icon=\"close-big\"\n              ></stzh-button>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/CMS/stzh-banner/stzh-banner.localization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stzh-banner.localization.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-banner/stzh-banner.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../../index\";\n\nexport type StzhBannerLocalizedText = StzhLocaleComponent & {\n  close: string;\n};\n"]}

package/dist/components/p-0b630cac.js.map

@@ -1 +0,0 @@
-{"file":"p-0b630cac.js","mappings":"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","names":[],"sources":["src/components/stzh-chipselect/stzh-chipselect.scss?tag=stzh-chipselect&encapsulation=scoped","src/components/stzh-chipselect/stzh-chipselect.tsx"],"sourcesContent":[":host {\n  &[disabled]:not([disabled=\"false\"]) {\n    --description-color: #{$formDisabledColor};\n  }\n  &[active]:not([active=\"false\"]) {\n    --background-color: var(\n      --stzh-chip-active-background-color,\n      #{$colorPrimary70}\n    );\n  }\n  &[active].is-focused {\n    --background-color: var(\n      --stzh-chip-active-background-color,\n      #{$colorPrimary70}\n    );\n  }\n}\n\n.stzh-chipselect {\n  @include input-description;\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    @include truncate;\n    color: $headingColor;\n    display: block;\n    margin-bottom: space(\"xsmall\");\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__marker {\n    @include fontSize(\"nano\");\n    margin-left: calc(-0.25em + #{space(\"xsmall\")});\n  }\n\n  &__chips {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    border-radius: $buttonBorderRadius;\n    gap: space(\"medium\");\n\n    &:focus-within {\n      .is-focused[active] {\n        --background-color: #{$colorPrimary90};\n\n        @include highContrast() {\n          --background-color: Canvas;\n        }\n      }\n    }\n  }\n\n  &__chip {\n    &.is-focused:not([active]) {\n      --background-color: #{$colorSecondary40};\n\n      @include highContrast() {\n        --background-color: Highlight;\n      }\n    }\n  }\n\n  // &__dropdown {\n  //   @include mq($from: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  // &__description-wrapper {\n  //   @include mq($to: medium) {\n  //     display: none;\n  //   }\n  // }\n\n  &--has-error &__error,\n  &--has-description &__description {\n    margin-top: space(\"xsmall\");\n  }\n\n  /* Hidden label */\n\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__chips,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State, Fragment, Listen } from \"@stencil/core\";\n\nimport {\n  StzhChipselectItem,\n  StzhChipselectChangeEvent,\n  // StzhDropdownChangeEvent\n} from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nlet chipselectCounter = 0;\n\n/**\n * @slot - Slot for `stzh-checkbox` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-chipselect\",\n  styleUrl: \"stzh-chipselect.scss\",\n  scoped: true,\n})\nexport class StzhChipselect {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** The list of chips */\n  @Prop() data: string | StzhChipselectItem[] = [];\n  private _data: StzhChipselectItem[] = [];\n  // private _dataDropdown: any[] = [];\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Multiple */\n  @Prop({ mutable: true }) multiple: boolean = false;\n\n  /** Value */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n  private _value: string[] = [];\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string | string[] = \"\";\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  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: 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  /** Whether all chips are disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @State() activeFocusOptionIndex: number = 0;\n\n  @Element() element: HTMLStzhChipselectElement;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhChipselectChangeEvent>;\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(\"value\")\n  valueWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        const parsedValue = JSON.parse(newValue); // since parsing a number like string (i.e. \"1\") will return a number and parsing a boolean like string (i.e. \"true\") will return a boolean we need to check if the parsed value is indeed an array.\n        if (Array.isArray(parsedValue)) {\n          this._value = parsedValue;\n        } else {\n          this._value = newValue ? [newValue] : [];\n        }\n      } catch (ex) {\n        this._value = newValue ? [newValue] : [];\n      }\n    } else {\n      this._value = newValue ? newValue : [];\n    }\n  }\n\n  @Watch(\"data\")\n  dataWatcher(newValue: StzhChipselectItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this._data.map(dataEntry => {\n      if (typeof dataEntry.value !== \"string\") {\n        throw new TypeError(\n          `${dataEntry.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`,\n        );\n      }\n    });\n    // this._dataDropdown = this._data.map((data) => {\n    //   return {\n    //     text: data.counter\n    //       ? `${data.label} (${data.counter})`\n    //       : data.label,\n    //     value: data.value\n    //   }\n    // });\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  private id: string;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private waitForNextRender() {\n    return new Promise(resolve => (this.renderPromiseResolve = resolve));\n  }\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n\n    // this.stzhChange.emit({\n    //   component: \"stzh-chipselect\",\n    //   value: this.value\n    // });\n  };\n\n  private handleChipClick = async (data: StzhChipselectItem, index: number) => {\n    if (this.multiple) {\n      if (data.value === \"\" && this._value.length > 0 && !(this._value.length === 1 && this._value[0] === \"\")) {\n        this.value = [];\n      } else if (data.value !== \"\") {\n        this.value = this._value.includes(data.value)\n          ? this._value.filter(value => value !== data.value)\n          : [...this._value, data.value];\n      }\n    } else {\n      this.value = data.value;\n    }\n\n    this.activeFocusOptionIndex = index;\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-chipselect\",\n      value: this.multiple ? this._value : this._value[0],\n    });\n  };\n\n  // private handleDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n  //   this.value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n\n  //   this.activeFocusOptionIndex = this._data.findIndex(data => {\n  //     return data.value === this.value;\n  //   });\n\n  //   await this.waitForNextRender();\n\n  //   this.stzhChange.emit({\n  //     component: \"stzh-chipselect\",\n  //     value: this.value\n  //   })\n  // }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    let newActiveIndex: number = null;\n    const activeOptionIndex = this.activeFocusOptionIndex;\n\n    if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n      event.preventDefault();\n\n      if (activeOptionIndex > 0) {\n        newActiveIndex = activeOptionIndex - 1;\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < this._data.length - 1) {\n        newActiveIndex = activeOptionIndex + 1;\n      }\n    } else if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      if (this.multiple) {\n        if (\n          this._data[activeOptionIndex].value === \"\" &&\n          this._value.length > 0 &&\n          !(this._value.length === 1 && this._value[0] === \"\")\n        ) {\n          this.value = [];\n        } else if (this._data[activeOptionIndex].value !== \"\") {\n          this.value = this._value.includes(this._data[activeOptionIndex].value)\n            ? this._value.filter(value => value !== this._data[activeOptionIndex].value)\n            : [...this._value, this._data[activeOptionIndex].value];\n        }\n      } else {\n        this.value = this._data[activeOptionIndex].value; //HERE\n      }\n      this.stzhChange.emit({\n        component: \"stzh-chipselect\",\n        value: this.value,\n      });\n    }\n\n    if (newActiveIndex !== null) {\n      this.activeFocusOptionIndex = newActiveIndex;\n    }\n  };\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-chipselect-${chipselectCounter++}`;\n\n    this.dataWatcher(this.data);\n    this.errorWatcher(this.error);\n    this.valueWatcher(this.value);\n\n    this.defaultValue = this.defaultValue || this.value;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"chipselect\");\n    }\n  }\n\n  render() {\n    const descriptionUsed = !!this.description;\n    const descriptionLongUsed = !!this.descriptionLong;\n    const errorUsed = !!this.error;\n\n    const classes = {\n      \"stzh-chipselect\": true,\n      \"stzh-chipselect--has-description\": descriptionUsed,\n      \"stzh-chipselect--has-description-long\": descriptionLongUsed,\n      \"stzh-chipselect--has-error\": errorUsed,\n      \"stzh-chipselect--is-invalid\": this.invalid || errorUsed,\n      \"stzh-chipselect--is-disabled\": this.disabled,\n      \"stzh-chipselect--is-required\": this.required,\n      \"stzh-chipselect--has-label-hidden\": this.labelHidden,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed}>\n        <div class={classes}>\n          {this.multiple ? (\n            <Fragment>\n              {this._value.map(value => (\n                <input type=\"hidden\" name={this.name} value={value} />\n              ))}\n            </Fragment>\n          ) : (\n            <input type=\"hidden\" name={this.name} value={this.value} />\n          )}\n\n          <label class=\"stzh-chipselect__label\" htmlFor={this.id}>\n            {this.label ? this.label : <slot></slot>}\n            {!this.hideOptional && (\n              <span class=\"stzh-chipselect__marker\">\n                <span class=\"stzh-chipselect__marker-symbol\" aria-hidden=\"true\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldMarker\n                    : this.localization.$globals.optionalFieldMarker}\n                </span>\n                <span class=\"stzh-chipselect__marker-text\">\n                  {this.required\n                    ? this.localization.$globals.requiredFieldText\n                    : this.localization.$globals.optionalFieldText}\n                </span>\n              </span>\n            )}\n          </label>\n\n          {this._data.length > 0 && (\n            <Fragment>\n              <div\n                id={this.id}\n                class=\"stzh-chipselect__chips\"\n                role=\"listbox\"\n                tabindex=\"0\"\n                aria-multiselectable={this.multiple ? \"true\" : \"false\"}\n                aria-activedescendant={`${this.id}-option-${this.activeFocusOptionIndex}`}\n                aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n                onKeyDown={this.handleKeydown}\n              >\n                {this._data.map((data, index) => (\n                  <stzh-chip\n                    role=\"option\"\n                    class={{\n                      \"stzh-chipselect__chip\": true,\n                      \"is-focused\": this.activeFocusOptionIndex === index,\n                    }}\n                    label={data.label}\n                    counter={data.counter}\n                    icon={data.icon}\n                    type={data.type}\n                    inverted={data.inverted}\n                    variant={data.variant}\n                    size={data.size || \"small\"}\n                    disabled={this.disabled || data.disabled}\n                    active={\n                      this._value.includes(data.value) ||\n                      (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === \"\")) ||\n                      (!data.value &&\n                        this.multiple &&\n                        (this._value.length === 0 || (this._value.length === 1 && this._value[0] === \"\")))\n                    }\n                    aria-selected={\n                      this._value.includes(data.value) ||\n                      (!this.multiple && !data.value && (this._value.length === 0 || this._value[0] === \"\")) ||\n                      (!data.value &&\n                        this.multiple &&\n                        (this._value.length === 0 || (this._value.length === 1 && this._value[0] === \"\")))\n                        ? \"true\"\n                        : \"false\"\n                    }\n                    id={`${this.id}-option-${index}`}\n                    a11yTabindex=\"-1\"\n                    onClick={() => this.handleChipClick(data, index)}\n                  ></stzh-chip>\n                ))}\n              </div>\n\n              <StzhInputDescription\n                classPrefix=\"stzh-chipselect\"\n                id={`${this.id}-description`}\n                error={this._error}\n                description={this.description}\n                descriptionLong={this.descriptionLong}\n                descriptionLongTitle={this.descriptionLongTitle}\n                descriptionLongUsed={descriptionLongUsed}\n                moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n              />\n\n              {/* <stzh-dropdown\n                class=\"stzh-chipselect__dropdown\"\n                multiple={this.multiple}\n                disabled={this.disabled}\n                error={this._error}\n                description={this.description}\n                descriptionLong={this.descriptionLong}\n                required={this.required}\n                invalid={this.invalid}\n                items={[this.value]}\n                label={this.label}\n                labelHidden={this.labelHidden}\n                options={this._dataDropdown}\n                hideOptional={this.hideOptional}\n                onStzhChange={this.handleDropdownChange}\n              ></stzh-dropdown> */}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}