@oiz/stzh-components 2.6.0-aalpha → 2.6.0

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-67fd55c9.js';
 export { s as setNonce } from './index-67fd55c9.js';
-import { g as globalScripts } from './app-globals-08f8b108.js';
+import { g as globalScripts } from './app-globals-91875913.js';
 
 /*
  Stencil Client Patch Esm v3.3.0 | MIT Licensed | https://stenciljs.com
@@ -13,7 +13,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"stzh-microsite-teaserlist\",[[2,\"stzh-microsite-teaserlist\",{\"localization\":[16],\"api\":[1],\"tags\":[1],\"stepItems\":[2,\"step-items\"],\"showItems\":[32],\"activeFilter\":[32]}]]],[\"stzh-appointments\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-datamessagelist-item\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"rel\":[1],\"target\":[1],\"description\":[1],\"icon\":[1],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1],\"analyticsId\":[1,\"analytics-id\"],\"external\":[32]}]]],[\"stzh-contact\",[[6,\"stzh-contact\",{\"type\":[1],\"heading\":[1],\"mainHeading\":[1,\"main-heading\"],\"name\":[1],\"street\":[1],\"streetInfo\":[1,\"street-info\"],\"postalCode\":[1,\"postal-code\"],\"location\":[1],\"numbers\":[1],\"poBoxHeading\":[1,\"po-box-heading\"],\"poboxTitle\":[1,\"pobox-title\"],\"poboxPostalCode\":[1,\"pobox-postal-code\"],\"poboxLocation\":[1,\"pobox-location\"],\"availabilityTitle\":[1,\"availability-title\"],\"availability\":[1],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-sitemap\",[[0,\"stzh-sitemap\",{\"items\":[1]}]]],[\"stzh-amount\",[[4,\"stzh-amount\",{\"minValue\":[514,\"min-value\"],\"maxValue\":[514,\"max-value\"],\"minValueDropdown\":[514,\"min-value-dropdown\"],\"maxValueDropdown\":[514,\"max-value-dropdown\"],\"value\":[513],\"step\":[514],\"name\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"invalid\":[516],\"required\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"]}]]],[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker\",[[2,\"stzh-vbz-majorticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16],\"ghettoboxCloseTimeKey\":[1,\"ghettobox-close-time-key\"],\"ghettoboxShown\":[32],\"getGhettoboxShown\":[64],\"getDisturbance\":[64]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-anchornav\",[[2,\"stzh-anchornav\",{\"columns\":[514],\"columnsSmall\":[514,\"columns-small\"],\"columnsMedium\":[514,\"columns-medium\"],\"columnsLarge\":[514,\"columns-large\"],\"columnsUltra\":[514,\"columns-ultra\"],\"items\":[1],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-audio\",[[6,\"stzh-audio\",{\"localization\":[16],\"src\":[1],\"preload\":[1],\"transcript\":[1],\"transcriptShown\":[1028,\"transcript-shown\"],\"downloadAnalyticsId\":[1,\"download-analytics-id\"],\"transcriptAnalyticsId\":[1,\"transcript-analytics-id\"],\"play\":[64],\"pause\":[64]}]]],[\"stzh-upload\",[[4,\"stzh-upload\",{\"existingFiles\":[1,\"existing-files\"],\"label\":[1],\"description\":[1],\"button\":[1],\"url\":[1],\"method\":[1],\"withCredentials\":[4,\"with-credentials\"],\"disabled\":[516],\"invalid\":[516],\"downloadDisabled\":[4,\"download-disabled\"],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64]}]]],[\"stzh-footer\",[[4,\"stzh-footer\",{\"localization\":[16],\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-langnav\",[[2,\"stzh-langnav\",{\"languageActive\":[1,\"language-active\"],\"languages\":[1],\"popoverPlacement\":[513,\"popover-placement\"],\"preventUrlchange\":[4,\"prevent-urlchange\"]}]]],[\"stzh-message\",[[6,\"stzh-message\",{\"label\":[1],\"description\":[1],\"closeKey\":[1,\"close-key\"],\"type\":[513],\"hideClose\":[4,\"hide-close\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-pagebottom\",[[6,\"stzh-pagebottom\",{\"shareTitle\":[1,\"share-title\"],\"shareUrl\":[1,\"share-url\"],\"shareServices\":[1,\"share-services\"],\"shareDisabled\":[4,\"share-disabled\"],\"logoHref\":[1,\"logo-href\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-accordion-item\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"description\":[1],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"analyticsId\":[1,\"analytics-id\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-checkbox\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup\",[[6,\"stzh-checkboxgroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedCheckbox\":[16],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog\",[[6,\"stzh-dialog\",{\"localization\":[16],\"closeOnEscapeKey\":[4,\"close-on-escape-key\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"open\":[1028],\"stay\":[4],\"size\":[513],\"hideClose\":[4,\"hide-close\"],\"heading\":[1],\"a11yRole\":[1,\"a11y-role\"],\"a11yLabel\":[1,\"a11y-label\"],\"closeAnalyticsId\":[1,\"close-analytics-id\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-progressbar\",[[2,\"stzh-progressbar\",{\"localization\":[16],\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-olmap\",[[0,\"stzh-olmap\",{\"localization\":[16],\"hostname\":[1],\"scaleControl\":[4,\"scale-control\"],\"layerControl\":[4,\"layer-control\"],\"printControl\":[4,\"print-control\"],\"locationControl\":[4,\"location-control\"],\"layer\":[1025],\"zoom\":[2],\"zoomLocation\":[2,\"zoom-location\"],\"center\":[16],\"centerMarker\":[4,\"center-marker\"],\"resolutions\":[16],\"layers\":[1],\"getMap\":[64],\"addIconMarker\":[64],\"removeIconMarker\":[64],\"setIconMarkerActive\":[64],\"setIconMarkerInactive\":[64],\"enableLocationTracking\":[64],\"disableLocationTracking\":[64],\"getDistance\":[64]},[[8,\"load\",\"handleLoad\"],[8,\"deviceorientation\",\"handleLoad\"],[8,\"pageshow\",\"handleLoad\"]]]]],[\"stzh-accordion\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-actions\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"],\"appAnalyticsId\":[1,\"app-analytics-id\"]}]]],[\"stzh-buttongroup\",[[6,\"stzh-buttongroup\"]]],[\"stzh-carousel\",[[6,\"stzh-carousel\",{\"localization\":[16],\"variant\":[513],\"disabled\":[516],\"slides\":[2],\"slidesSmall\":[2,\"slides-small\"],\"slidesMedium\":[2,\"slides-medium\"],\"slidesLarge\":[2,\"slides-large\"],\"slidesUltra\":[2,\"slides-ultra\"],\"slide\":[2],\"autoplay\":[1028],\"tabThrough\":[4,\"tab-through\"],\"preventMouseDrag\":[32],\"scrollTimeout\":[32],\"autoplayTimeout\":[32],\"distanceQuickSwipe\":[32],\"distancePreventClick\":[32],\"autoplayRunning\":[32],\"autoplayDisabledByMotionMedia\":[32],\"autoplayDisabledByMouse\":[32],\"autoplayDisabledByFocus\":[32],\"dragging\":[32],\"scrolling\":[32],\"ariaLive\":[32],\"currentSlides\":[32],\"currentSwipeSlides\":[32],\"slideElements\":[32],\"previousElements\":[32],\"nextElements\":[32],\"navigationTextElements\":[32],\"slideTo\":[64],\"slideToPrevious\":[64],\"slideToNext\":[64]}]]],[\"stzh-cell\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-chart\",[[0,\"stzh-chart\",{\"chartId\":[1,\"chart-id\"],\"create\":[16]}]]],[\"stzh-container\",[[6,\"stzh-container\"]]],[\"stzh-cspace\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-details\",[[6,\"stzh-details\",{\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]}]]],[\"stzh-figure\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1],\"fullwidth\":[516]}]]],[\"stzh-flyingfocus\",[[2,\"stzh-flyingfocus\",{\"style\":[32],\"position\":[32],\"enabled\":[32],\"visible\":[32],\"helper\":[32],\"moving\":[32],\"reposition\":[64]},[[4,\"keydown\",\"handleKeydown\"],[5,\"mousedown\",\"handleMousedown\"],[6,\"focus\",\"handleFocus\"],[6,\"stzhFocus\",\"handleFocus\"],[6,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header\",[[6,\"stzh-header\",{\"href\":[1],\"metabarStay\":[4,\"metabar-stay\"],\"stickyDisabled\":[4,\"sticky-disabled\"],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr\",[[2,\"stzh-hr\"]]],[\"stzh-hspace\",[[1,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-invert\",[[6,\"stzh-invert\"]]],[\"stzh-list\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item\",[[1,\"stzh-list-item\"]]],[\"stzh-loadingbar\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav\",[[6,\"stzh-metanav\"]]],[\"stzh-overlay\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle\",[[6,\"stzh-pagetitle\"]]],[\"stzh-pagetitle-hero\",[[6,\"stzh-pagetitle-hero\",{\"heading\":[1],\"leadAuthor\":[1,\"lead-author\"],\"subtitle\":[1]}]]],[\"stzh-ratio\",[[6,\"stzh-ratio\",{\"ratio\":[513],\"portrait\":[516],\"fit\":[513]}]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-show\",[[1,\"stzh-show\",{\"mikro\":[4],\"small\":[4],\"medium\":[4],\"large\":[4],\"ultra\":[4],\"hideFromDate\":[1,\"hide-from-date\"]}]]],[\"stzh-skin-portal-mitwirken\",[[0,\"stzh-skin-portal-mitwirken\"]]],[\"stzh-skin-storybook-preview\",[[0,\"stzh-skin-storybook-preview\"]]],[\"stzh-skiplink\",[[6,\"stzh-skiplink\",{\"label\":[1],\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"analyticsId\":[1,\"analytics-id\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-space\",[[1,\"stzh-space\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-sticky\",[[6,\"stzh-sticky\",{\"disableStickyTop\":[516,\"disable-sticky-top\"],\"disableStickyBottom\":[516,\"disable-sticky-bottom\"],\"breakout\":[516],\"isStuckTop\":[32],\"isStuckBottom\":[32]}]]],[\"stzh-table\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]}]]],[\"stzh-textandimage\",[[1,\"stzh-textandimage\",{\"floating\":[516],\"fullwidth\":[516],\"size\":[513]}]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[1,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-badge_3\",[[6,\"stzh-button\",{\"localization\":[16],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgePosition\":[513,\"badge-position\"],\"badgeEmpty\":[516,\"badge-empty\"],\"fullwidth\":[516],\"rounded\":[516],\"floating\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1],\"type\":[513]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-share\",[[2,\"stzh-share\",{\"localization\":[16],\"url\":[1],\"services\":[1]}]]],[\"stzh-progressbar-item\",[[6,\"stzh-progressbar-item\",{\"label\":[513],\"disabled\":[516],\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513],\"analyticsId\":[1,\"analytics-id\"]}]]],[\"stzh-vbz-linechip\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"disabled\":[516],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-loader\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-actionset\",[[2,\"stzh-actionset\",{\"localization\":[16],\"variant\":[513],\"popoverButtonVariant\":[513,\"popover-button-variant\"],\"popoverButtonSize\":[513,\"popover-button-size\"],\"popoverPlacement\":[513,\"popover-placement\"],\"actions\":[1],\"actionsCollapsed\":[32],\"dynamicActions\":[32],\"isSmall\":[32],\"isMedium\":[32]}]]],[\"stzh-ghettobox_2\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"hideClose\":[4,\"hide-close\"],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"localization\":[16],\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-calendar\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"prevMonthAnalyticsId\":[1,\"prev-month-analytics-id\"],\"nextMonthAnalyticsId\":[1,\"next-month-analytics-id\"],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-sortable\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-text\",[[6,\"stzh-text\",{\"font\":[1],\"curve\":[513],\"lead\":[516],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-popover\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"allowEmptyOption\":[4,\"allow-empty-option\"],\"openOnFocus\":[4,\"open-on-focus\"],\"closeAfterSelect\":[4,\"close-after-select\"],\"load\":[16],\"minCharacters\":[2,\"min-characters\"],\"loadThrottle\":[2,\"load-throttle\"],\"preload\":[8],\"labelField\":[1,\"label-field\"],\"valueField\":[1,\"value-field\"],\"optgroupField\":[1,\"optgroup-field\"],\"optgroupLabelField\":[1,\"optgroup-label-field\"],\"optgroupValueField\":[1,\"optgroup-value-field\"],\"lockOptgroupOrder\":[4,\"lock-optgroup-order\"],\"name\":[513],\"open\":[4],\"isOpen\":[516,\"is-open\"],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"getItems\":[64],\"loadItems\":[64],\"show\":[64],\"hide\":[64]}]]],[\"stzh-chip_2\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"nonInteractive\":[516,\"non-interactive\"],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"analyticsId\":[1,\"analytics-id\"],\"removeAnalyticsId\":[1,\"remove-analytics-id\"],\"setFocus\":[64]}],[4,\"stzh-clamp\",{\"localization\":[16],\"lines\":[2],\"linesSmall\":[2,\"lines-small\"],\"linesMedium\":[2,\"lines-medium\"],\"linesLarge\":[2,\"lines-large\"],\"linesUltra\":[2,\"lines-ultra\"],\"showExpandLink\":[4,\"show-expand-link\"],\"expanded\":[1540],\"clamped\":[1540],\"update\":[64]}]]],[\"stzh-card_3\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"href\":[513],\"target\":[1],\"value\":[1025],\"disabled\":[516],\"withArrow\":[516,\"with-arrow\"],\"heading\":[1],\"subtitle\":[1],\"headerActions\":[1,\"header-actions\"],\"footerActions\":[1,\"footer-actions\"],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideHeaderBorder\":[516,\"hide-header-border\"],\"hideFooterBorder\":[516,\"hide-footer-border\"],\"hideElevation\":[516,\"hide-elevation\"],\"hideMovementActions\":[4,\"hide-movement-actions\"],\"analyticsId\":[1,\"analytics-id\"]}],[6,\"stzh-chip-select\",{\"localization\":[16],\"data\":[1],\"name\":[513],\"label\":[1],\"value\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"activeFocusOptionIndex\":[32]}],[6,\"stzh-card-list\",{\"localization\":[16],\"layout\":[513],\"description\":[1],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableEnabled\":[4,\"sortable-enabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_3\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-status\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[516,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-datalist_2\",[[6,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"disableLabelMinWidth\":[516,\"disable-label-min-width\"],\"currentDirection\":[513,\"current-direction\"],\"items\":[1]}],[6,\"stzh-datalist-item\",{\"localization\":[16],\"direction\":[513],\"href\":[513],\"rel\":[1],\"target\":[1],\"download\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"iconLabel\":[1,\"icon-label\"],\"iconTooltip\":[1,\"icon-tooltip\"],\"label\":[1],\"value\":[1],\"meta\":[1],\"statusLabel\":[1,\"status-label\"],\"statusType\":[1,\"status-type\"],\"hideBorder\":[516,\"hide-border\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yControls\":[1,\"a11y-controls\"],\"external\":[32]}]]],[\"stzh-menu_2\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"disabled\":[516],\"active\":[516],\"icon\":[1],\"label\":[1],\"href\":[1],\"target\":[1],\"a11yLabel\":[1,\"a11y-label\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]],[\"stzh-link\",[[6,\"stzh-link\",{\"localization\":[16],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"variant\":[513],\"fullwidth\":[516],\"textAlign\":[513,\"text-align\"],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-tooltip\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"strategy\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"stzh-microsite-teaserlist\",[[2,\"stzh-microsite-teaserlist\",{\"localization\":[16],\"api\":[1],\"tags\":[1],\"stepItems\":[2,\"step-items\"],\"showItems\":[32],\"activeFilter\":[32]}]]],[\"stzh-appointments\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-datamessagelist-item\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"rel\":[1],\"target\":[1],\"description\":[1],\"icon\":[1],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1],\"analyticsId\":[1,\"analytics-id\"],\"external\":[32]}]]],[\"stzh-contact\",[[6,\"stzh-contact\",{\"type\":[1],\"heading\":[1],\"mainHeading\":[1,\"main-heading\"],\"name\":[1],\"street\":[1],\"streetInfo\":[1,\"street-info\"],\"postalCode\":[1,\"postal-code\"],\"location\":[1],\"numbers\":[1],\"poBoxHeading\":[1,\"po-box-heading\"],\"poboxTitle\":[1,\"pobox-title\"],\"poboxPostalCode\":[1,\"pobox-postal-code\"],\"poboxLocation\":[1,\"pobox-location\"],\"availabilityTitle\":[1,\"availability-title\"],\"availability\":[1],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-sitemap\",[[0,\"stzh-sitemap\",{\"items\":[1]}]]],[\"stzh-amount\",[[0,\"stzh-amount\",{\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"minValueDropdown\":[2,\"min-value-dropdown\"],\"maxValueDropdown\":[2,\"max-value-dropdown\"],\"value\":[1025],\"step\":[2],\"name\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"invalid\":[516],\"required\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1025],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]}]]],[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker\",[[2,\"stzh-vbz-majorticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16],\"ghettoboxCloseTimeKey\":[1,\"ghettobox-close-time-key\"],\"ghettoboxShown\":[32],\"getGhettoboxShown\":[64],\"getDisturbance\":[64]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-anchornav\",[[2,\"stzh-anchornav\",{\"columns\":[514],\"columnsSmall\":[514,\"columns-small\"],\"columnsMedium\":[514,\"columns-medium\"],\"columnsLarge\":[514,\"columns-large\"],\"columnsUltra\":[514,\"columns-ultra\"],\"items\":[1],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-audio\",[[6,\"stzh-audio\",{\"localization\":[16],\"src\":[1],\"preload\":[1],\"transcript\":[1],\"transcriptShown\":[1028,\"transcript-shown\"],\"downloadAnalyticsId\":[1,\"download-analytics-id\"],\"transcriptAnalyticsId\":[1,\"transcript-analytics-id\"],\"play\":[64],\"pause\":[64]}]]],[\"stzh-upload\",[[4,\"stzh-upload\",{\"existingFiles\":[1,\"existing-files\"],\"label\":[1],\"description\":[1],\"button\":[1],\"url\":[1],\"method\":[1],\"withCredentials\":[4,\"with-credentials\"],\"disabled\":[516],\"invalid\":[516],\"downloadDisabled\":[4,\"download-disabled\"],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64],\"removeFile\":[64],\"removeAllFiles\":[64]}]]],[\"stzh-footer\",[[4,\"stzh-footer\",{\"localization\":[16],\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-langnav\",[[2,\"stzh-langnav\",{\"languageActive\":[1,\"language-active\"],\"languages\":[1],\"popoverPlacement\":[513,\"popover-placement\"],\"preventUrlchange\":[4,\"prevent-urlchange\"]}]]],[\"stzh-message\",[[6,\"stzh-message\",{\"label\":[1],\"description\":[1],\"closeKey\":[1,\"close-key\"],\"type\":[513],\"hideClose\":[4,\"hide-close\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}]]],[\"stzh-pagebottom\",[[6,\"stzh-pagebottom\",{\"shareTitle\":[1,\"share-title\"],\"shareUrl\":[1,\"share-url\"],\"shareServices\":[1,\"share-services\"],\"shareDisabled\":[4,\"share-disabled\"],\"logoHref\":[1,\"logo-href\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"withBorder\":[4,\"with-border\"]}]]],[\"stzh-accordion-item\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"description\":[1],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"analyticsId\":[1,\"analytics-id\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-checkbox\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup\",[[6,\"stzh-checkboxgroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedCheckbox\":[16],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog\",[[6,\"stzh-dialog\",{\"localization\":[16],\"closeOnEscapeKey\":[4,\"close-on-escape-key\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"open\":[1028],\"stay\":[4],\"size\":[513],\"hideClose\":[4,\"hide-close\"],\"heading\":[1],\"a11yRole\":[1,\"a11y-role\"],\"a11yLabel\":[1,\"a11y-label\"],\"closeAnalyticsId\":[1,\"close-analytics-id\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-progressbar\",[[2,\"stzh-progressbar\",{\"localization\":[16],\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-olmap\",[[0,\"stzh-olmap\",{\"localization\":[16],\"hostname\":[1],\"scaleControl\":[4,\"scale-control\"],\"layerControl\":[4,\"layer-control\"],\"printControl\":[4,\"print-control\"],\"locationControl\":[4,\"location-control\"],\"layer\":[1025],\"zoom\":[2],\"zoomLocation\":[2,\"zoom-location\"],\"center\":[16],\"centerMarker\":[4,\"center-marker\"],\"resolutions\":[16],\"layers\":[1],\"getMap\":[64],\"addIconMarker\":[64],\"removeIconMarker\":[64],\"setIconMarkerActive\":[64],\"setIconMarkerInactive\":[64],\"enableLocationTracking\":[64],\"disableLocationTracking\":[64],\"getDistance\":[64]},[[8,\"load\",\"handleLoad\"],[8,\"deviceorientation\",\"handleLoad\"],[8,\"pageshow\",\"handleLoad\"]]]]],[\"stzh-accordion\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-actions\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"],\"appAnalyticsId\":[1,\"app-analytics-id\"]}]]],[\"stzh-buttongroup\",[[6,\"stzh-buttongroup\"]]],[\"stzh-carousel\",[[6,\"stzh-carousel\",{\"localization\":[16],\"variant\":[513],\"disabled\":[516],\"slides\":[2],\"slidesSmall\":[2,\"slides-small\"],\"slidesMedium\":[2,\"slides-medium\"],\"slidesLarge\":[2,\"slides-large\"],\"slidesUltra\":[2,\"slides-ultra\"],\"slide\":[2],\"autoplay\":[1028],\"tabThrough\":[4,\"tab-through\"],\"preventMouseDrag\":[32],\"scrollTimeout\":[32],\"autoplayTimeout\":[32],\"distanceQuickSwipe\":[32],\"distancePreventClick\":[32],\"autoplayRunning\":[32],\"autoplayDisabledByMotionMedia\":[32],\"autoplayDisabledByMouse\":[32],\"autoplayDisabledByFocus\":[32],\"dragging\":[32],\"scrolling\":[32],\"ariaLive\":[32],\"currentSlides\":[32],\"currentSwipeSlides\":[32],\"slideElements\":[32],\"previousElements\":[32],\"nextElements\":[32],\"navigationTextElements\":[32],\"slideTo\":[64],\"slideToPrevious\":[64],\"slideToNext\":[64]}]]],[\"stzh-cell\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-chart\",[[0,\"stzh-chart\",{\"chartId\":[1,\"chart-id\"],\"create\":[16]}]]],[\"stzh-container\",[[6,\"stzh-container\"]]],[\"stzh-cspace\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-details\",[[6,\"stzh-details\",{\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]}]]],[\"stzh-figure\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1],\"fullwidth\":[516]}]]],[\"stzh-flyingfocus\",[[2,\"stzh-flyingfocus\",{\"style\":[32],\"position\":[32],\"enabled\":[32],\"visible\":[32],\"helper\":[32],\"moving\":[32],\"reposition\":[64]},[[4,\"keydown\",\"handleKeydown\"],[5,\"mousedown\",\"handleMousedown\"],[6,\"focus\",\"handleFocus\"],[6,\"stzhFocus\",\"handleFocus\"],[6,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header\",[[6,\"stzh-header\",{\"href\":[1],\"metabarStay\":[4,\"metabar-stay\"],\"stickyDisabled\":[4,\"sticky-disabled\"],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"logoAnalyticsId\":[1,\"logo-analytics-id\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr\",[[2,\"stzh-hr\"]]],[\"stzh-hspace\",[[1,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-invert\",[[6,\"stzh-invert\"]]],[\"stzh-list\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item\",[[1,\"stzh-list-item\"]]],[\"stzh-loadingbar\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav\",[[6,\"stzh-metanav\"]]],[\"stzh-overlay\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle\",[[6,\"stzh-pagetitle\"]]],[\"stzh-pagetitle-hero\",[[6,\"stzh-pagetitle-hero\",{\"heading\":[1],\"leadAuthor\":[1,\"lead-author\"],\"subtitle\":[1]}]]],[\"stzh-ratio\",[[6,\"stzh-ratio\",{\"ratio\":[513],\"portrait\":[516],\"fit\":[513]}]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-show\",[[1,\"stzh-show\",{\"mikro\":[4],\"small\":[4],\"medium\":[4],\"large\":[4],\"ultra\":[4],\"hideFromDate\":[1,\"hide-from-date\"]}]]],[\"stzh-skin-portal-mitwirken\",[[0,\"stzh-skin-portal-mitwirken\"]]],[\"stzh-skin-storybook-preview\",[[0,\"stzh-skin-storybook-preview\"]]],[\"stzh-skiplink\",[[6,\"stzh-skiplink\",{\"label\":[1],\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"analyticsId\":[1,\"analytics-id\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-space\",[[1,\"stzh-space\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-sticky\",[[6,\"stzh-sticky\",{\"disableStickyTop\":[516,\"disable-sticky-top\"],\"disableStickyBottom\":[516,\"disable-sticky-bottom\"],\"breakout\":[516],\"isStuckTop\":[32],\"isStuckBottom\":[32]}]]],[\"stzh-table\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]}]]],[\"stzh-textandimage\",[[1,\"stzh-textandimage\",{\"floating\":[516],\"fullwidth\":[516],\"size\":[513]}]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[1,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"items\":[1],\"around\":[516],\"border\":[513]}]]],[\"stzh-badge_3\",[[6,\"stzh-button\",{\"localization\":[16],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgePosition\":[513,\"badge-position\"],\"badgeEmpty\":[516,\"badge-empty\"],\"fullwidth\":[516],\"rounded\":[516],\"floating\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1],\"type\":[513]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-share\",[[2,\"stzh-share\",{\"localization\":[16],\"url\":[1],\"services\":[1]}]]],[\"stzh-progressbar-item\",[[6,\"stzh-progressbar-item\",{\"label\":[513],\"disabled\":[516],\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513],\"analyticsId\":[1,\"analytics-id\"]}]]],[\"stzh-vbz-linechip\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"disabled\":[516],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-loader\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-actionset\",[[2,\"stzh-actionset\",{\"localization\":[16],\"variant\":[513],\"popoverButtonVariant\":[513,\"popover-button-variant\"],\"popoverButtonSize\":[513,\"popover-button-size\"],\"popoverPlacement\":[513,\"popover-placement\"],\"actions\":[1],\"actionsCollapsed\":[32],\"dynamicActions\":[32],\"isSmall\":[32],\"isMedium\":[32]}]]],[\"stzh-ghettobox_2\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"hideClose\":[4,\"hide-close\"],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"localization\":[16],\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-calendar\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"prevMonthAnalyticsId\":[1,\"prev-month-analytics-id\"],\"nextMonthAnalyticsId\":[1,\"next-month-analytics-id\"],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-sortable\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-text\",[[6,\"stzh-text\",{\"font\":[1],\"curve\":[513],\"lead\":[516],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-popover\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"allowEmptyOption\":[4,\"allow-empty-option\"],\"openOnFocus\":[4,\"open-on-focus\"],\"closeAfterSelect\":[4,\"close-after-select\"],\"load\":[16],\"minCharacters\":[2,\"min-characters\"],\"loadThrottle\":[2,\"load-throttle\"],\"preload\":[8],\"labelField\":[1,\"label-field\"],\"valueField\":[1,\"value-field\"],\"optgroupField\":[1,\"optgroup-field\"],\"optgroupLabelField\":[1,\"optgroup-label-field\"],\"optgroupValueField\":[1,\"optgroup-value-field\"],\"lockOptgroupOrder\":[4,\"lock-optgroup-order\"],\"name\":[513],\"open\":[4],\"isOpen\":[516,\"is-open\"],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"getItems\":[64],\"loadItems\":[64],\"show\":[64],\"hide\":[64]}]]],[\"stzh-chip_2\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"nonInteractive\":[516,\"non-interactive\"],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"analyticsId\":[1,\"analytics-id\"],\"removeAnalyticsId\":[1,\"remove-analytics-id\"],\"setFocus\":[64]}],[4,\"stzh-clamp\",{\"localization\":[16],\"lines\":[2],\"linesSmall\":[2,\"lines-small\"],\"linesMedium\":[2,\"lines-medium\"],\"linesLarge\":[2,\"lines-large\"],\"linesUltra\":[2,\"lines-ultra\"],\"showExpandLink\":[4,\"show-expand-link\"],\"expanded\":[1540],\"clamped\":[1540],\"update\":[64]}]]],[\"stzh-card_3\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"href\":[513],\"target\":[1],\"value\":[1025],\"disabled\":[516],\"withArrow\":[516,\"with-arrow\"],\"heading\":[1],\"subtitle\":[1],\"headerActions\":[1,\"header-actions\"],\"footerActions\":[1,\"footer-actions\"],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideHeaderBorder\":[516,\"hide-header-border\"],\"hideFooterBorder\":[516,\"hide-footer-border\"],\"hideElevation\":[516,\"hide-elevation\"],\"hideMovementActions\":[4,\"hide-movement-actions\"],\"analyticsId\":[1,\"analytics-id\"]}],[6,\"stzh-chip-select\",{\"localization\":[16],\"data\":[1],\"name\":[513],\"label\":[1],\"value\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"activeFocusOptionIndex\":[32]}],[6,\"stzh-card-list\",{\"localization\":[16],\"layout\":[513],\"description\":[1],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableEnabled\":[4,\"sortable-enabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_3\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-status\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[516,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-datalist_2\",[[6,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"disableLabelMinWidth\":[516,\"disable-label-min-width\"],\"currentDirection\":[513,\"current-direction\"],\"items\":[1]}],[6,\"stzh-datalist-item\",{\"localization\":[16],\"direction\":[513],\"href\":[513],\"rel\":[1],\"target\":[1],\"download\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"icon\":[1],\"iconLabel\":[1,\"icon-label\"],\"iconTooltip\":[1,\"icon-tooltip\"],\"label\":[1],\"value\":[1],\"meta\":[1],\"statusLabel\":[1,\"status-label\"],\"statusType\":[1,\"status-type\"],\"hideBorder\":[516,\"hide-border\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yControls\":[1,\"a11y-controls\"],\"external\":[32]}]]],[\"stzh-menu_2\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"disabled\":[516],\"active\":[516],\"icon\":[1],\"label\":[1],\"href\":[1],\"target\":[1],\"a11yLabel\":[1,\"a11y-label\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]],[\"stzh-link\",[[6,\"stzh-link\",{\"localization\":[16],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"type\":[1],\"variant\":[513],\"fullwidth\":[516],\"textAlign\":[513,\"text-align\"],\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"a11yExpanded\":[516,\"a11y-expanded\"],\"a11yDisabled\":[516,\"a11y-disabled\"],\"a11yControls\":[1,\"a11y-controls\"],\"a11yTabindex\":[1,\"a11y-tabindex\"],\"analyticsId\":[1,\"analytics-id\"],\"setFocus\":[64]}]]],[\"stzh-tooltip\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"strategy\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]]]"), options);
   });
 };
 

package/dist/esm/stzh-actions.entry.js

@@ -8,15 +8,11 @@ const StzhActions = class {
     registerInstance(this, hostRef);
     this.init = () => {
       const secondaryButtons = this.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');
-      const buttons = this.element.querySelectorAll('stzh-button');
       secondaryButtons.forEach((button) => {
         setPropsIfNull(button, {
           variant: "secondary"
         });
       });
-      buttons.forEach((button) => {
-        button.setAttribute("role", "listitem");
-      });
     };
     this.variant = "form";
     this.withBorder = false;
@@ -40,7 +36,7 @@ const StzhActions = class {
       "stzh-actions--has-border": this.withBorder,
       [`stzh-actions--${this.variant}`]: !!this.variant
     };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-actions__actions", role: "list" }, h("div", { class: "stzh-actions__secondary-actions" }, h("slot", { name: "secondary" })), h("div", { class: "stzh-actions__primary-actions" }, h("slot", { name: "primary" }))))));
+    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-actions__actions", role: "group" }, h("div", { class: "stzh-actions__secondary-actions" }, h("slot", { name: "secondary" })), h("div", { class: "stzh-actions__primary-actions" }, h("slot", { name: "primary" }))))));
   }
   get element() { return getElement(this); }
 };

package/dist/esm/stzh-actions.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-actions.entry.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,2qDAA2qD;;MCmBrrD,WAAW;;;IAWd,SAAI,GAAG;MACb,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACpD,+DAA+D,CAChE,CAAC;MAEF,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;MAE7D,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM;QAC9B,cAAc,CAAC,MAAM,EAAE;UACrB,OAAO,EAAE,WAAW;SACI,CAAC,CAAA;OAC5B,CAAC,CAAC;MAEH,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;QACrB,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;OACzC,CAAC,CAAC;KACJ,CAAA;mBAzByE,MAAM;sBAGjC,KAAK;;EAwBpD,iBAAiB;IACf,IAAI,CAAC,IAAI,EAAE,CAAC;IAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;MAClC,SAAS,EAAE,IAAI;MACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;KAC5B;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,cAAc,EAAE,IAAI;MACpB,0BAA0B,EAAE,IAAI,CAAC,UAAU;MAC3C,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;KAClD,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,IACjB,WAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM,IAC5C,WAAK,KAAK,EAAC,iCAAiC,IAC1C,YAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,EACN,WAAK,KAAK,EAAC,+BAA+B,IACxC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACF,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=scoped","./src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]) {\n    flex-grow: 1;\n    margin: space('xxsmall');\n  }\n\n  &[variant=\"cta\"] ::slotted([slot=\"primary\"]),\n  &[variant=\"cta\"] ::slotted([slot=\"secondary\"]) {\n    flex-grow: 0;\n  }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    margin: calc(#{space('xxsmall')} * -1);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions {\n    display: flex;\n  }\n\n  &--dialog &__actions {\n    justify-content: flex-end;\n  }\n\n  &--process &__actions {\n    justify-content: space-between;\n  }\n\n  &--has-border {\n    padding-top: space('medium');\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  scoped: true\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"cta\" = \"form\";\n\n  /** With border separator */\n  @Prop({ reflect: true }) withBorder: boolean = false;\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button'\n    );\n\n    const buttons = this.element.querySelectorAll('stzh-button');\n\n    secondaryButtons.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"secondary\"\n      } as HTMLStzhButtonElement)\n    });\n\n    buttons.forEach((button) => {\n      button.setAttribute(\"role\", \"listitem\");\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actions\": true,\n      \"stzh-actions--has-border\": this.withBorder,\n      [`stzh-actions--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"list\">\n            <div class=\"stzh-actions__secondary-actions\">\n              <slot name=\"secondary\"></slot>\n            </div>\n            <div class=\"stzh-actions__primary-actions\">\n              <slot name=\"primary\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-actions.entry.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,2qDAA2qD;;MCmBrrD,WAAW;;;IAWd,SAAI,GAAG;MACb,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACpD,+DAA+D,CAChE,CAAC;MAEF,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM;QAC9B,cAAc,CAAC,MAAM,EAAE;UACrB,OAAO,EAAE,WAAW;SACI,CAAC,CAAA;OAC5B,CAAC,CAAC;KAEJ,CAAA;mBApByE,MAAM;sBAGjC,KAAK;;EAmBpD,iBAAiB;IACf,IAAI,CAAC,IAAI,EAAE,CAAC;IAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;MAClC,SAAS,EAAE,IAAI;MACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;KAC5B;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,cAAc,EAAE,IAAI;MACpB,0BAA0B,EAAE,IAAI,CAAC,UAAU;MAC3C,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;KAClD,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,IACjB,WAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,IAC7C,WAAK,KAAK,EAAC,iCAAiC,IAC1C,YAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,EACN,WAAK,KAAK,EAAC,+BAA+B,IACxC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACF,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=scoped","./src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]) {\n    flex-grow: 1;\n    margin: space('xxsmall');\n  }\n\n  &[variant=\"cta\"] ::slotted([slot=\"primary\"]),\n  &[variant=\"cta\"] ::slotted([slot=\"secondary\"]) {\n    flex-grow: 0;\n  }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    margin: calc(#{space('xxsmall')} * -1);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions {\n    display: flex;\n  }\n\n  &--dialog &__actions {\n    justify-content: flex-end;\n  }\n\n  &--process &__actions {\n    justify-content: space-between;\n  }\n\n  &--has-border {\n    padding-top: space('medium');\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  scoped: true\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"cta\" = \"form\";\n\n  /** With border separator */\n  @Prop({ reflect: true }) withBorder: boolean = false;\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button'\n    );\n\n    secondaryButtons.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"secondary\"\n      } as HTMLStzhButtonElement)\n    });\n\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actions\": true,\n      \"stzh-actions--has-border\": this.withBorder,\n      [`stzh-actions--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"group\">\n            <div class=\"stzh-actions__secondary-actions\">\n              <slot name=\"secondary\"></slot>\n            </div>\n            <div class=\"stzh-actions__primary-actions\">\n              <slot name=\"primary\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/stzh-actionset.entry.js

@@ -128,7 +128,7 @@ const StzhActionset = class {
         // "show-medium": !action.onlyCollapseText,
         // "hide-when-collapsed": !action.onlyCollapseText,
         // "hide-text-when-collapsed": action.onlyCollapseText
-      }, role: "listitem", icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant
+      }, icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant
         ? action.variant
         : (this.variant === "stack" ? "secondary" : "tertiary"), size: action.size
         ? action.size
@@ -136,7 +136,7 @@ const StzhActionset = class {
       // "show-medium": action.onlyCollapseText,
       // "hide-when-collapsed": action.onlyCollapseText
       } }, action.label)));
-    return (h(Host, { "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { class: classes }, h("div", { class: "stzh-actionset__actions", role: "list" }, h("div", { ref: (el) => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => ((this.dynamicActions
+    return (h(Host, { "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { class: classes }, h("div", { class: "stzh-actionset__actions", role: "group" }, h("div", { ref: (el) => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => ((this.dynamicActions
       || (!this.dynamicActions &&
         this.actionsCollapsed.indexOf(action) === -1))
       &&

package/dist/esm/stzh-actionset.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-actionset.entry.js","mappings":"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","names":[],"sources":["./src/components/stzh-actionset/stzh-actionset.scss?tag=stzh-actionset&encapsulation=scoped","./src/components/stzh-actionset/stzh-actionset.tsx"],"sourcesContent":[":host {\n\n}\n\n.stzh-actionset {\n  &__actions {\n    display: flex;\n    align-items: center;\n  }\n\n  &__actions-wrapper {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n  }\n\n  &__action {\n    &:not(:last-child) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__action-popover {\n    opacity: 0;\n  }\n\n  &--has-collapsed-items &__action-popover {\n    --width: auto;\n    opacity: 1;\n  }\n\n  /* Overflow variant */\n\n  &--overflow &__action {\n    @include mq($from: medium) {\n      --white-space: nowrap;\n    }\n  }\n\n  /* Stack variant */\n\n  &--stack &__actions {\n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__actions-wrapper {    \n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__action {\n    @include mq($from: small) {\n      --white-space: nowrap;\n    }\n\n    &:not(:last-child) {\n      @include mq($to: small) {\n        margin-bottom: space('xsmall');\n        margin-right: 0;\n      }\n    }\n  }\n\n  &--stack &__action-popover {\n    @include mq($to: small) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  // Hide more action popover on small if it has no collapsed items\n\n  &--stack:not(#{&}--has-collapsed-items) &__action-popover {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhActionsetItem,\n  StzhActionsetItemClickEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhActionsetLocalizedText } from './stzh-actionset.localization';\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nimport {\n  Placement,\n} from \"@floating-ui/dom\";\n\n/**\n */\n@Component({\n  tag: \"stzh-actionset\",\n  styleUrl: \"stzh-actionset.scss\",\n  scoped: true\n})\nexport class StzhActionset {\n  /** Translation strings */\n  @Prop() localization: StzhActionsetLocalizedText;\n\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"stack\" | \"overflow\" = \"stack\";\n\n  /** Button variant of popover button (button thats holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonVariant: \"\" | \"default\" | \"secondary\" | \"input\" | \"tertiary\" = \"\";\n\n  /** Button size of popover button (button that holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonSize: \"\" | \"default\" | \"small\" | \"tiny\" = \"\";\n\n  /** Popover placement of button that holds collapsed actions */\n  @Prop({ reflect: true }) popoverPlacement: Placement = \"bottom-end\";\n\n  /**\n   * Card header actions.\n   * Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`:\n   * `[{\"id\":\"action-1\", \"icon\": \"alarm-bell\", \"label\": \"Lorem\"}, {\"id\":\"action-2\", \"icon\": \"mail\", \"label\": \"Lorem\"}]`\n   */\n  @Prop() actions: StzhActionsetItem[] | string = [];\n  private _actions: StzhActionsetItem[] = [];\n\n  /** Header action click event */\n  @Event() stzhActionClick: EventEmitter<StzhActionsetItemClickEvent>;\n\n  @Element() element: HTMLStzhActionsetElement;\n\n  @Watch(\"actions\")\n  actionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._actions = JSON.parse(newValue);\n    } else {\n      this._actions = newValue;\n    }\n  }\n\n  @State() actionsCollapsed: StzhActionsetItem[] = [];\n  @State() dynamicActions: boolean;\n  @State() isSmall: boolean;\n  @State() isMedium: boolean;\n\n  private actionsElement: HTMLElement;\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private actionClick = (action: StzhActionsetItem, originalEvent: MouseEvent) => {\n    this.stzhActionClick.emit({\n      component: \"stzh-actionset\",\n      action,\n      originalEvent\n    });\n  }\n\n  private update = () => {\n    this.isSmall = media(\"small\").matches;\n    this.isMedium = media(\"medium\").matches;\n\n    if (!this.actionsElement) {\n      return;\n    }\n\n    Object.assign(this.actionsElement.style, {\n      width: null,\n      height: null\n    });\n\n    let newActionsVisible = 0;\n\n    if (\n      this.variant === \"overflow\" && this.isMedium\n      || this.variant === \"stack\" && this.isSmall\n    ) {\n      this.dynamicActions = true;\n\n      let newActionsHeight = 0;\n      let newActionsWidth = 0;\n\n      // update height and width\n      Array.from(this.actionsElement.children).forEach((child: HTMLElement) => {\n        // check which item is visible and\n        if (child.offsetTop === 0) {\n          newActionsVisible++;\n\n          const style = getComputedStyle(child);\n          const marginLeft = parseInt(style.marginLeft);\n          const marginRight = parseInt(style.marginRight);\n          const marginTop = parseInt(style.marginTop);\n          const marginBottom = parseInt(style.marginBottom);\n\n          const childWidth = child.offsetWidth + marginLeft + marginRight;\n          const childHeight = child.offsetHeight + marginTop + marginBottom;\n\n          if (newActionsHeight < childHeight) {\n            newActionsHeight = childHeight;\n          }\n\n          newActionsWidth = newActionsWidth + childWidth + 1;\n        }\n      });\n\n      Object.assign(this.actionsElement.style, {\n        width: `${newActionsWidth}px`,\n        height: `${newActionsHeight}px`\n      });\n    } else {\n      this.dynamicActions = false;\n\n      if (this.variant === \"overflow\") {\n        newActionsVisible = 0;\n      } else if (this.variant === \"stack\") {\n        newActionsVisible = this._actions.length <= 3 ? this._actions.length : 2;\n      }\n    }\n\n    this.actionsCollapsed = this._actions.slice(newActionsVisible);\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.update);\n  }\n\n  private mediaChangeHandler = () => {\n    this.actionsCollapsed = [];\n    requestAnimationFrame(this.update);\n  }\n\n  async componentWillLoad() {\n    this.actionsWatcher(this.actions);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"actionset\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.mediaChangeHandler);\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentDidLoad() {\n    this.update();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actionset\": true,\n      // \"stzh-actionset--has-dynamic-actions\": this.dynamicActions,\n      \"stzh-actionset--has-collapsed-items\": this.actionsCollapsed.length > 0,\n      [`stzh-actionset--${this.variant}`]: !!this.variant\n    };\n\n    const Action = (action: StzhActionsetItem) => (\n      <stzh-button\n        class={{\n          \"stzh-actionset__action\": true,\n          \"is-button\": true,\n          // \"show-medium\": !action.onlyCollapseText,\n          // \"hide-when-collapsed\": !action.onlyCollapseText,\n          // \"hide-text-when-collapsed\": action.onlyCollapseText\n        }}\n        role=\"listitem\"\n        icon={action.icon}\n        iconPosition={action.iconPosition}\n        iconOnly={action.iconOnly}\n        badge={action.badge}\n        variant={action.variant\n          ? action.variant\n          : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n        size={action.size\n          ? action.size\n          : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n        badgePosition=\"icon\"\n        onClick={(e) => { this.actionClick(action, e) }}\n      >\n        <span\n          class={{\n            // \"show-medium\": action.onlyCollapseText,\n            // \"hide-when-collapsed\": action.onlyCollapseText\n          }}\n        >\n          {action.label}\n        </span>\n      </stzh-button>\n    );\n\n    return (\n      <Host has-collapsed-items={this.actionsCollapsed.length > 0}>\n        <div class={classes}>\n          <div class=\"stzh-actionset__actions\" role=\"list\">\n            <div\n              ref={(el) => (this.actionsElement = el as HTMLElement)}\n              class=\"stzh-actionset__actions-wrapper\"\n            >\n              {this._actions.map(action => (\n                (this.dynamicActions\n                  || (!this.dynamicActions &&\n                    this.actionsCollapsed.indexOf(action) === -1))\n                &&\n                  (action.tooltipContent\n                    ?\n                    <stzh-tooltip\n                      strategy=\"fixed\"\n                      content={action.tooltipContent}\n                    >\n                      {Action(action)}\n                    </stzh-tooltip>\n                    :\n                    Action(action))\n              ))}\n            </div>\n\n            <stzh-popover\n              label={this.variant === \"stack\"\n                ? this.localization.furtherActions\n                : (!this.isMedium ? this.localization.actions : \"\")}\n              strategy=\"fixed\"\n              placement={this.popoverPlacement}\n              class=\"stzh-actionset__action-popover\"\n            >\n              <stzh-button\n                fullwidth\n                disabled={this.actionsCollapsed.length === 0}\n                class=\"stzh-actionset__action is-further\"\n                variant={this.popoverButtonVariant !== \"\"\n                  ? this.popoverButtonVariant\n                  : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n                size={this.popoverButtonSize !== \"\"\n                ? this.popoverButtonSize\n                : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n                icon={this.variant === \"stack\" ? \"angle-down\" : \"more-vertical\"}\n                iconOnly={this.variant === \"overflow\" && this.isMedium}\n                iconPosition=\"right\"\n                label={this.variant === \"stack\"\n                  ? this.localization.furtherActions\n                  : (!this.isMedium ? this.localization.actions : \"\")}\n              ></stzh-button>\n              <stzh-menu slot=\"content\">\n                {this.actionsCollapsed.map(action => (\n                  <stzh-menu-item\n                    // class=\"hide-medium show-when-collapsed\"\n                    icon={action.icon}\n                    badge={action.badge}\n                    badgeEmpty={action.badgeEmpty}\n                    badgeType={action.badgeType}\n                    onClick={(e) => { this.actionClick(action, e) }}\n                  >\n                    {action.label}\n                  </stzh-menu-item>\n                ))}\n              </stzh-menu>\n            </stzh-popover>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-actionset.entry.js","mappings":"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","names":[],"sources":["./src/components/stzh-actionset/stzh-actionset.scss?tag=stzh-actionset&encapsulation=scoped","./src/components/stzh-actionset/stzh-actionset.tsx"],"sourcesContent":[":host {\n\n}\n\n.stzh-actionset {\n  &__actions {\n    display: flex;\n    align-items: center;\n  }\n\n  &__actions-wrapper {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n  }\n\n  &__action {\n    &:not(:last-child) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__action-popover {\n    opacity: 0;\n  }\n\n  &--has-collapsed-items &__action-popover {\n    --width: auto;\n    opacity: 1;\n  }\n\n  /* Overflow variant */\n\n  &--overflow &__action {\n    @include mq($from: medium) {\n      --white-space: nowrap;\n    }\n  }\n\n  /* Stack variant */\n\n  &--stack &__actions {\n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__actions-wrapper {    \n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__action {\n    @include mq($from: small) {\n      --white-space: nowrap;\n    }\n\n    &:not(:last-child) {\n      @include mq($to: small) {\n        margin-bottom: space('xsmall');\n        margin-right: 0;\n      }\n    }\n  }\n\n  &--stack &__action-popover {\n    @include mq($to: small) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  // Hide more action popover on small if it has no collapsed items\n\n  &--stack:not(#{&}--has-collapsed-items) &__action-popover {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhActionsetItem,\n  StzhActionsetItemClickEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhActionsetLocalizedText } from './stzh-actionset.localization';\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nimport {\n  Placement,\n} from \"@floating-ui/dom\";\n\n/**\n */\n@Component({\n  tag: \"stzh-actionset\",\n  styleUrl: \"stzh-actionset.scss\",\n  scoped: true\n})\nexport class StzhActionset {\n  /** Translation strings */\n  @Prop() localization: StzhActionsetLocalizedText;\n\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"stack\" | \"overflow\" = \"stack\";\n\n  /** Button variant of popover button (button thats holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonVariant: \"\" | \"default\" | \"secondary\" | \"input\" | \"tertiary\" = \"\";\n\n  /** Button size of popover button (button that holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonSize: \"\" | \"default\" | \"small\" | \"tiny\" = \"\";\n\n  /** Popover placement of button that holds collapsed actions */\n  @Prop({ reflect: true }) popoverPlacement: Placement = \"bottom-end\";\n\n  /**\n   * Card header actions.\n   * Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`:\n   * `[{\"id\":\"action-1\", \"icon\": \"alarm-bell\", \"label\": \"Lorem\"}, {\"id\":\"action-2\", \"icon\": \"mail\", \"label\": \"Lorem\"}]`\n   */\n  @Prop() actions: StzhActionsetItem[] | string = [];\n  private _actions: StzhActionsetItem[] = [];\n\n  /** Header action click event */\n  @Event() stzhActionClick: EventEmitter<StzhActionsetItemClickEvent>;\n\n  @Element() element: HTMLStzhActionsetElement;\n\n  @Watch(\"actions\")\n  actionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._actions = JSON.parse(newValue);\n    } else {\n      this._actions = newValue;\n    }\n  }\n\n  @State() actionsCollapsed: StzhActionsetItem[] = [];\n  @State() dynamicActions: boolean;\n  @State() isSmall: boolean;\n  @State() isMedium: boolean;\n\n  private actionsElement: HTMLElement;\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private actionClick = (action: StzhActionsetItem, originalEvent: MouseEvent) => {\n    this.stzhActionClick.emit({\n      component: \"stzh-actionset\",\n      action,\n      originalEvent\n    });\n  }\n\n  private update = () => {\n    this.isSmall = media(\"small\").matches;\n    this.isMedium = media(\"medium\").matches;\n\n    if (!this.actionsElement) {\n      return;\n    }\n\n    Object.assign(this.actionsElement.style, {\n      width: null,\n      height: null\n    });\n\n    let newActionsVisible = 0;\n\n    if (\n      this.variant === \"overflow\" && this.isMedium\n      || this.variant === \"stack\" && this.isSmall\n    ) {\n      this.dynamicActions = true;\n\n      let newActionsHeight = 0;\n      let newActionsWidth = 0;\n\n      // update height and width\n      Array.from(this.actionsElement.children).forEach((child: HTMLElement) => {\n        // check which item is visible and\n        if (child.offsetTop === 0) {\n          newActionsVisible++;\n\n          const style = getComputedStyle(child);\n          const marginLeft = parseInt(style.marginLeft);\n          const marginRight = parseInt(style.marginRight);\n          const marginTop = parseInt(style.marginTop);\n          const marginBottom = parseInt(style.marginBottom);\n\n          const childWidth = child.offsetWidth + marginLeft + marginRight;\n          const childHeight = child.offsetHeight + marginTop + marginBottom;\n\n          if (newActionsHeight < childHeight) {\n            newActionsHeight = childHeight;\n          }\n\n          newActionsWidth = newActionsWidth + childWidth + 1;\n        }\n      });\n\n      Object.assign(this.actionsElement.style, {\n        width: `${newActionsWidth}px`,\n        height: `${newActionsHeight}px`\n      });\n    } else {\n      this.dynamicActions = false;\n\n      if (this.variant === \"overflow\") {\n        newActionsVisible = 0;\n      } else if (this.variant === \"stack\") {\n        newActionsVisible = this._actions.length <= 3 ? this._actions.length : 2;\n      }\n    }\n\n    this.actionsCollapsed = this._actions.slice(newActionsVisible);\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.update);\n  }\n\n  private mediaChangeHandler = () => {\n    this.actionsCollapsed = [];\n    requestAnimationFrame(this.update);\n  }\n\n  async componentWillLoad() {\n    this.actionsWatcher(this.actions);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"actionset\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.mediaChangeHandler);\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentDidLoad() {\n    this.update();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actionset\": true,\n      // \"stzh-actionset--has-dynamic-actions\": this.dynamicActions,\n      \"stzh-actionset--has-collapsed-items\": this.actionsCollapsed.length > 0,\n      [`stzh-actionset--${this.variant}`]: !!this.variant\n    };\n\n    const Action = (action: StzhActionsetItem) => (\n      <stzh-button\n        class={{\n          \"stzh-actionset__action\": true,\n          \"is-button\": true,\n          // \"show-medium\": !action.onlyCollapseText,\n          // \"hide-when-collapsed\": !action.onlyCollapseText,\n          // \"hide-text-when-collapsed\": action.onlyCollapseText\n        }}\n        icon={action.icon}\n        iconPosition={action.iconPosition}\n        iconOnly={action.iconOnly}\n        badge={action.badge}\n        variant={action.variant\n          ? action.variant\n          : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n        size={action.size\n          ? action.size\n          : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n        badgePosition=\"icon\"\n        onClick={(e) => { this.actionClick(action, e) }}\n      >\n        <span\n          class={{\n            // \"show-medium\": action.onlyCollapseText,\n            // \"hide-when-collapsed\": action.onlyCollapseText\n          }}\n        >\n          {action.label}\n        </span>\n      </stzh-button>\n    );\n\n    return (\n      <Host has-collapsed-items={this.actionsCollapsed.length > 0}>\n        <div class={classes}>\n          <div class=\"stzh-actionset__actions\" role=\"group\">\n            <div\n              ref={(el) => (this.actionsElement = el as HTMLElement)}\n              class=\"stzh-actionset__actions-wrapper\"\n            >\n              {this._actions.map(action => (\n                (this.dynamicActions\n                  || (!this.dynamicActions &&\n                    this.actionsCollapsed.indexOf(action) === -1))\n                &&\n                  (action.tooltipContent\n                    ?\n                    <stzh-tooltip\n                      strategy=\"fixed\"\n                      content={action.tooltipContent}\n                    >\n                      {Action(action)}\n                    </stzh-tooltip>\n                    :\n                    Action(action))\n              ))}\n            </div>\n\n            <stzh-popover\n              label={this.variant === \"stack\"\n                ? this.localization.furtherActions\n                : (!this.isMedium ? this.localization.actions : \"\")}\n              strategy=\"fixed\"\n              placement={this.popoverPlacement}\n              class=\"stzh-actionset__action-popover\"\n            >\n              <stzh-button\n                fullwidth\n                disabled={this.actionsCollapsed.length === 0}\n                class=\"stzh-actionset__action is-further\"\n                variant={this.popoverButtonVariant !== \"\"\n                  ? this.popoverButtonVariant\n                  : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n                size={this.popoverButtonSize !== \"\"\n                ? this.popoverButtonSize\n                : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n                icon={this.variant === \"stack\" ? \"angle-down\" : \"more-vertical\"}\n                iconOnly={this.variant === \"overflow\" && this.isMedium}\n                iconPosition=\"right\"\n                label={this.variant === \"stack\"\n                  ? this.localization.furtherActions\n                  : (!this.isMedium ? this.localization.actions : \"\")}\n              ></stzh-button>\n              <stzh-menu slot=\"content\">\n                {this.actionsCollapsed.map(action => (\n                  <stzh-menu-item\n                    // class=\"hide-medium show-when-collapsed\"\n                    icon={action.icon}\n                    badge={action.badge}\n                    badgeEmpty={action.badgeEmpty}\n                    badgeType={action.badgeType}\n                    onClick={(e) => { this.actionClick(action, e) }}\n                  >\n                    {action.label}\n                  </stzh-menu-item>\n                ))}\n              </stzh-menu>\n            </stzh-popover>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/stzh-amount.entry.js

@@ -1,13 +1,14 @@
-import { r as registerInstance, h, a as Host } from './index-67fd55c9.js';
-import { S as StzhInputDescription } from './stzh-input-description-cceaa066.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-67fd55c9.js';
+import { f as fetchTranslations } from './translation-utils-2623783f.js';
 
-const stzhAmountCss = ":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-amount__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-amount__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-amount__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-amount__error,.stzh-amount__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-amount__error{color:var(--stzh-color-error)}.stzh-amount__error-list{list-style:none;margin:0;padding:0}.stzh-amount__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-amount__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-amount__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-amount__description-long-popover[open]:not([open=false]) .stzh-amount__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount__description-long-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-amount__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount stzh-icon.stzh-amount__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-amount--has-error .stzh-amount__error,.stzh-amount--has-description .stzh-amount__description{margin-top:var(--stzh-space-xxsmall)}.stzh-amount__stepper-wrapper{display:-ms-flexbox;display:flex;gap:var(--stzh-space-xxsmall)}.stzh-amount stzh-input.stzh-amount__stepper-input{--text-align:center;width:100%}";
+const stzhAmountCss = ":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-amount__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-amount__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-amount__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-amount__error,.stzh-amount__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-amount__error{color:var(--stzh-color-error)}.stzh-amount__error-list{list-style:none;margin:0;padding:0}.stzh-amount__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-amount__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-amount__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-amount__description-long-popover[open]:not([open=false]) .stzh-amount__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount__description-long-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-amount__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount stzh-icon.stzh-amount__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-amount--has-error .stzh-amount__error,.stzh-amount--has-description .stzh-amount__description{margin-top:var(--stzh-space-xxsmall)}.stzh-amount__stepper-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--stzh-space-xxsmall)}.stzh-amount stzh-input.stzh-amount__stepper-input{--text-align:center;width:100%}";
 
 const DROPDOWN_ITEM_PLUS_OPTION_VALUE = "stzh-amount__dropdown-plus-option";
 let amountCounter = 0;
 const StzhAmount = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.stzhChange = createEvent(this, "stzhChange", 7);
     this._showDropdown = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)
       && this.minValueDropdown < this.maxValueDropdown;
     /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */
@@ -19,28 +20,36 @@ const StzhAmount = class {
       else {
         this.value = (+event.detail.value).toString();
       }
+      this.stzhChange.emit({
+        component: "stzh-amount",
+        value: this.value
+      });
     };
     /** Handling the minus button. */
     this.onInputMinusStepClick = () => {
       this.value = (+this.value - this.step).toString();
       this.value = this.roundToStep(+this.value).toString();
+      this.stzhChange.emit({
+        component: "stzh-amount",
+        value: this.value
+      });
     };
     /** Handling the plus button. */
     this.onInputPlusStepClick = () => {
       this.value = (+this.value + this.step).toString();
       this.value = this.roundToStep(+this.value).toString();
+      this.stzhChange.emit({
+        component: "stzh-amount",
+        value: this.value
+      });
     };
     /** Handling manual value change of the stepper input. */
     this.onStepperInputChange = (event) => {
-      let newValue = event.detail.value;
-      newValue = this.roundToStep(+newValue).toString();
-      if (+newValue > this.maxValue) {
-        newValue = this.maxValue.toString();
-      }
-      else if (+newValue < this.minValue) {
-        newValue = this.minValue.toString();
-      }
-      this.value = newValue;
+      this.value = event.detail.value;
+      this.stzhChange.emit({
+        component: "stzh-amount",
+        value: this.value
+      });
     };
     this.minValue = -9007199254740991;
     this.maxValue = 9007199254740991;
@@ -61,6 +70,7 @@ const StzhAmount = class {
     this.descriptionLong = undefined;
     this.error = undefined;
     this.a11yDescribedby = '';
+    this.localization = undefined;
   }
   minValueDropdownWatcher() {
     this.setDropdownOptions();
@@ -82,14 +92,17 @@ const StzhAmount = class {
         }
       }
     }
-    else if (newValue) {
-      this._error = newValue;
-    }
     else {
-      this._error = [];
+      this._error = newValue || [];
     }
     this.invalid = this._error.length > 0;
   }
+  /** Update stepper button a11y-labels when value has changed */
+  valueWatcher(newValue) {
+    if (!this._showDropdown) {
+      this.handleOutOfRangeValue(newValue);
+    }
+  }
   /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */
   setDropdownOptions() {
     if (this._showDropdown) {
@@ -103,6 +116,36 @@ const StzhAmount = class {
       this._dropdownOptions = JSON.stringify(options);
     }
   }
+  /** Handling manual value change of the stepper input. */
+  handleOutOfRangeValue(newValue) {
+    var _a, _b;
+    if (!this.localization) {
+      return;
+    }
+    let currentErrors = [];
+    if (typeof this.error === "string") {
+      currentErrors.push(this.error);
+    }
+    else if (this.error) {
+      currentErrors = [...this.error];
+    }
+    const maxValueError = (_a = this.localization.amountTooGreatError) === null || _a === void 0 ? void 0 : _a.replace(/{maxValue}/gi, this.maxValue.toString());
+    const minValueError = (_b = this.localization.amountTooSmallError) === null || _b === void 0 ? void 0 : _b.replace(/{minValue}/gi, this.minValue.toString());
+    if (+newValue > this.maxValue) {
+      if (!currentErrors.includes(maxValueError)) {
+        currentErrors.push(maxValueError);
+      }
+    }
+    else if (+newValue < this.minValue) {
+      if (!currentErrors.includes(minValueError)) {
+        currentErrors.push(minValueError);
+      }
+    }
+    else {
+      currentErrors = currentErrors.filter(e => e !== maxValueError && e !== minValueError);
+    }
+    this.error = currentErrors.length > 0 ? currentErrors : [];
+  }
   /** Making sure, that the value is rounded correctly according to the step  */
   roundToStep(input) {
     const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));
@@ -111,10 +154,18 @@ const StzhAmount = class {
     return Number((rounded * factor / factor).toFixed(decimals));
   }
   async componentWillLoad() {
-    this.amountId = `stzh-amount-${amountCounter++}`;
-    this.stepperInputId = `${this.amountId}-stepper-input`;
-    this.setDropdownOptions();
     this.errorWatcher(this.error);
+    this.valueWatcher(this.value);
+    if (!this.localization) {
+      this.localization = await fetchTranslations(this.element, "amount");
+    }
+    this.amountId = `stzh-amount-${amountCounter++}`;
+    if (this._showDropdown) {
+      this.setDropdownOptions();
+    }
+    else {
+      this.stepperInputId = `${this.amountId}-stepper-input`;
+    }
   }
   renderDropdown() {
     const classes = {
@@ -124,7 +175,7 @@ const StzhAmount = class {
     return (h("div", { class: classes }, h("stzh-dropdown", { options: this._dropdownOptions, items: [this.value], label: this.label, required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, showMarker: this.showMarker, onStzhChange: this.onDropdownChange })));
   }
   renderInputStepper() {
-    return (h("div", { class: "stzh-amount__stepper" }, h("div", { class: "stzh-amount__stepper-wrapper" }, h("stzh-button", { class: "stzh-amount__stepper-minus", onClick: this.onInputMinusStepClick, variant: "secondary", icon: "minus", iconOnly: true, a11yControls: this.stepperInputId, a11yDescribedby: this.a11yDescribedby, size: this.size, disabled: +this.value <= +this.minValue || this.disabled }), h("stzh-input", { class: "stzh-amount__stepper-input", value: this.value, type: "number", label: this.label, min: this.minValue, max: this.maxValue, invalid: this.invalid, name: this.name, id: this.stepperInputId, size: this.size, step: this.step, showMarker: this.showMarker, descriptionLong: this.descriptionLong, clearable: this.clearable, disabled: this.disabled, a11yDescribedby: this.a11yDescribedby, onStzhChange: this.onStepperInputChange }), h("stzh-button", { class: "stzh-amount__stepper-plus", onClick: this.onInputPlusStepClick, variant: "secondary", icon: "plus", iconOnly: true, a11yControls: this.stepperInputId, a11yDescribedby: this.a11yDescribedby, size: this.size, disabled: +this.value >= +this.maxValue || this.disabled })), h(StzhInputDescription, { classPrefix: "stzh-amount", id: `${this.amountId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong })));
+    return (h("div", { class: "stzh-amount__stepper" }, h("div", { class: "stzh-amount__stepper-wrapper" }, h("stzh-button", { class: "stzh-amount__stepper-minus", onClick: this.onInputMinusStepClick, variant: "secondary", icon: "minus", iconOnly: true, a11yControls: this.stepperInputId, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`, size: this.size, disabled: +this.value <= +this.minValue || this.disabled, tabindex: this.disabled ? null : "-1" }), h("stzh-input", { class: "stzh-amount__stepper-input", value: this.value, type: "number", label: this.label, min: this.minValue, max: this.maxValue, invalid: this.invalid, error: this._error, required: this.required, name: this.name, id: this.stepperInputId, size: this.size, step: this.step, showMarker: this.showMarker, description: this.description, descriptionLong: this.descriptionLong, clearable: this.clearable, disabled: this.disabled, a11yDescribedby: this.a11yDescribedby, onStzhChange: this.onStepperInputChange }), h("stzh-button", { class: "stzh-amount__stepper-plus", onClick: this.onInputPlusStepClick, variant: "secondary", icon: "plus", iconOnly: true, a11yControls: this.stepperInputId, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`, size: this.size, disabled: +this.value >= +this.maxValue || this.disabled, tabindex: this.disabled ? null : "-1" }))));
   }
   render() {
     const classes = {
@@ -132,16 +183,19 @@ const StzhAmount = class {
       "stzh-amount--has-description": !!this.description,
       "stzh-amount--has-description-long": !!this.descriptionLong,
       "stzh-amount--has-error": !!this.error,
+      "stzh-amount--is-required": !!this.required,
     };
     return (h(Host, null, h("div", { class: classes, id: this.amountId }, this._showDropdown ?
       this.renderDropdown()
       :
         this.renderInputStepper())));
   }
+  get element() { return getElement(this); }
   static get watchers() { return {
     "minValueDropdown": ["minValueDropdownWatcher"],
     "maxValueDropdown": ["maxValueDropdownWatcher"],
-    "error": ["errorWatcher"]
+    "error": ["errorWatcher"],
+    "value": ["valueWatcher"]
   }; }
 };
 StzhAmount.style = stzhAmountCss;