@oiz/stzh-components 2.12.0-beta2 → 2.13.0-beta1

package/dist/esm/stzh-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, d as doc, N as NAMESPACE, H, b as bootstrapLazy } from './index-bfb5b569.js';
 export { s as setNonce } from './index-bfb5b569.js';
-import { g as globalScripts } from './app-globals-0cf2577d.js';
+import { g as globalScripts } from './app-globals-c1cfb228.js';
 
 /*
  Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com
@@ -43,7 +43,7 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"tableLayout\":[1,\"table-layout\"],\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"hideSearch\":[516,\"hide-search\"],\"showList\":[516,\"show-list\"],\"page\":[1026],\"pageSize\":[2,\"page-size\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]},null,{\"rows\":[\"rowsWatcher\"],\"columns\":[\"columnsWatcher\"],\"sortBy\":[\"sortByWatcher\"],\"sortDirection\":[\"sortDirectionWatcher\"]}]]],[\"stzh-microsite-teaserlist\",[[2,\"stzh-microsite-teaserlist\",{\"localization\":[16],\"api\":[1],\"tags\":[1],\"stepItems\":[2,\"step-items\"],\"showItems\":[32],\"activeFilter\":[32]},null,{\"showItems\":[\"filterHandler\"],\"activeFilter\":[\"filterHandler\"],\"tags\":[\"tagsWatcher\"],\"api\":[\"apiWatcher\"]}]]],[\"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]},null,{\"dateAdapter\":[\"dateAdapterWatcher\"],\"currentDate\":[\"currentDateWatcher\"],\"sortBy\":[\"sortByWatcher\"],\"value\":[\"valueWatcher\"],\"appointments\":[\"appointmentsWatcher\"]}]]],[\"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]},null,{\"rel\":[\"externalWatcher\"],\"loadingStatus\":[\"loadingStatusWatcher\"],\"meta\":[\"metaWatcher\"],\"actions\":[\"actionsWatcher\"],\"tags\":[\"tagsWatcher\"]}]]],[\"stzh-contact\",[[6,\"stzh-contact\",{\"type\":[1],\"heading\":[1],\"mainHeading\":[1,\"main-heading\"],\"name\":[1],\"address\":[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\"]},null,{\"availability\":[\"availabilityWatcher\"],\"numbers\":[\"numbersWatcher\"]}]]],[\"stzh-gallery\",[[4,\"stzh-gallery\",{\"localization\":[16],\"images\":[1],\"variant\":[1],\"itemElement\":[1,\"item-element\"],\"openLightbox\":[64]},[[8,\"appload\",\"apploadListener\"]],{\"images\":[\"imagesWatcher\"]}]]],[\"stzh-panorama\",[[0,\"stzh-panorama\",{\"localization\":[16],\"caption\":[1],\"copyright\":[1],\"scene\":[1025],\"sceneFadeDuration\":[2,\"scene-fade-duration\"],\"autoload\":[4],\"orientationOnByDefault\":[4,\"orientation-on-by-default\"],\"scenes\":[1],\"isOrientationSupported\":[32],\"isOrientationActive\":[32],\"isFullscreen\":[32],\"getViewer\":[64]},null,{\"scenes\":[\"scenesWatcher\",\"updateWatcher\"],\"scene\":[\"sceneWatcher\"],\"autoload\":[\"updateWatcher\"],\"type\":[\"updateWatcher\"],\"localization\":[\"updateWatcher\"],\"orientationOnByDefault\":[\"updateWatcher\"],\"sceneFadeDuration\":[\"updateWatcher\"]}]]],[\"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],\"labelHidden\":[4,\"label-hidden\"],\"invalid\":[516],\"required\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1025],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]},null,{\"minValueDropdown\":[\"minMaxValueDropdownWatcher\"],\"maxValueDropdown\":[\"minMaxValueDropdownWatcher\"]}]]],[\"stzh-toastbar\",[[1,\"stzh-toastbar\",{\"hideAfter\":[2,\"hide-after\"],\"max\":[2],\"initialToasts\":[1,\"initial-toasts\"],\"toast\":[64]},null,{\"initialToasts\":[\"initialToastsWatcher\"]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]},null,{\"numbers\":[\"numbersWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"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]},null,{\"api\":[\"apiWatcher\"],\"dateAdapter\":[\"dateAdapterWatcher\"],\"data\":[\"dataWatcher\"]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]},null,{\"localization\":[\"localizationWatcher\"],\"api\":[\"apiWatcher\"],\"dateAdapter\":[\"dateAdapterWatcher\"],\"data\":[\"dataWatcher\"]}]]],[\"stzh-youtube\",[[6,\"stzh-youtube\",{\"localization\":[16],\"url\":[1],\"cookie\":[1],\"cookieExpires\":[2,\"cookie-expires\"],\"skipPreviewIfCookieAccepted\":[4,\"skip-preview-if-cookie-accepted\"],\"skipPreview\":[4,\"skip-preview\"],\"previewSkipped\":[32]}]]],[\"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\"]},null,{\"items\":[\"appointmentsWatcher\"]}]]],[\"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\"],\"downloadDisabledWhileProcessing\":[4,\"download-disabled-while-processing\"],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"hideProgress\":[4,\"hide-progress\"],\"hideProgressWhileIdle\":[4,\"hide-progress-while-idle\"],\"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]},null,{\"existingFiles\":[\"existingFilesWatcher\"],\"disabled\":[\"disabledWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"stzh-accordion-item\",[[1,\"stzh-accordion-item\",{\"collapsible\":[4],\"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]},null,{\"open\":[\"openWatcher\"]}]]],[\"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-monthyearpicker\",[[2,\"stzh-monthyearpicker\",{\"monthOpen\":[4,\"month-open\"],\"yearOpen\":[4,\"year-open\"],\"months\":[1],\"years\":[1],\"min\":[1],\"max\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"format\":[513],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"descriptionMonth\":[1,\"description-month\"],\"descriptionYear\":[1,\"description-year\"],\"descriptionLongMonth\":[1,\"description-long-month\"],\"descriptionLongYear\":[1,\"description-long-year\"],\"errorMonth\":[1,\"error-month\"],\"errorYear\":[1,\"error-year\"],\"invalidMonth\":[516,\"invalid-month\"],\"invalidYear\":[516,\"invalid-year\"],\"a11yDescribedbyMonth\":[1,\"a11y-describedby\"],\"a11yDescribedbyYear\":[1,\"a11y-describedby\"],\"localization\":[16]},null,{\"months\":[\"monthsWatcher\"],\"years\":[\"yearsWatcher\"],\"value\":[\"minMaxWatcher\"],\"min\":[\"minMaxWatcher\"],\"max\":[\"minMaxWatcher\"]}]]],[\"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-timeline-item\",[[1,\"stzh-timeline-item\",{\"foldable\":[4],\"collapsible\":[4],\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"description\":[1],\"step\":[514],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"analyticsId\":[1,\"analytics-id\"],\"_foldable\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]},null,{\"open\":[\"openWatcher\"],\"foldable\":[\"foldableWatcher\"]}]]],[\"stzh-timepicker\",[[2,\"stzh-timepicker\",{\"open\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]},null,{\"min\":[\"minMaxWatcher\"],\"max\":[\"minMaxWatcher\"]}]]],[\"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]},null,{\"error\":[\"errorWatcher\"]}]]],[\"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\"]],{\"name\":[\"watchName\"],\"disabled\":[\"watchDisabled\"],\"invalid\":[\"watchInvalid\"],\"showMarker\":[\"watchShowMarker\"],\"value\":[\"watchValue\"],\"error\":[\"errorWatcher\"],\"preventUpdateProperties\":[\"preventUpdatePropertiesWatcher\"]}]]],[\"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],\"getItemData\":[64]},null,{\"data\":[\"dataWatcher\"]}]]],[\"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]},null,{\"error\":[\"errorWatcher\"]}]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-imagecomparison\",[[6,\"stzh-imagecomparison\",{\"localization\":[16],\"hintLeft\":[1,\"hint-left\"],\"hintRight\":[1,\"hint-right\"],\"value\":[1026],\"label\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"]}]]],[\"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\":[1],\"centerMarker\":[4,\"center-marker\"],\"pinchRotateThreshold\":[2,\"pinch-rotate-threshold\"],\"resolutions\":[1],\"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\"]],{\"layers\":[\"layersWatcher\"],\"resolutions\":[\"resolutionsWatcher\"],\"zoom\":[\"zoomWatcher\"],\"scaleControl\":[\"scaleControlWatcher\"],\"printControl\":[\"printControlWatcher\"],\"layerControl\":[\"layerControlWatcher\"],\"locationControl\":[\"locationControlWatcher\"],\"layer\":[\"layerWatcher\"],\"center\":[\"centerWatcher\"],\"centerMarker\":[\"centerMarkerWatcher\"]}]]],[\"stzh-vbz-carousel\",[[6,\"stzh-vbz-carousel\",{\"autoplayTimeout\":[2,\"autoplay-timeout\"]}]]],[\"stzh-accordion\",[[1,\"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-cell\",[[1,\"stzh-cell\",{\"span\":[514],\"spanSmall\":[514,\"span-small\"],\"spanMedium\":[514,\"span-medium\"],\"spanLarge\":[514,\"span-large\"],\"spanUltra\":[514,\"span-ultra\"],\"align\":[513],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-chart\",[[0,\"stzh-chart\",{\"chartId\":[1,\"chart-id\"],\"create\":[16]},null,{\"create\":[\"createWatcher\"]}]]],[\"stzh-container\",[[6,\"stzh-container\",{\"size\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"stzh-cspace\",[[1,\"stzh-cspace\",{\"removeFirstMargin\":[516,\"remove-first-margin\"],\"removeLastMargin\":[516,\"remove-last-margin\"]}]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-details\",[[6,\"stzh-details\",{\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"open\":[\"openWatcher\"]}]]],[\"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-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-logo\",[[1,\"stzh-logo\",{\"type\":[513]}]]],[\"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-print\",[[1,\"stzh-print\"]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[514],\"spanSmall\":[514,\"span-small\"],\"spanMedium\":[514,\"span-medium\"],\"spanLarge\":[514,\"span-large\"],\"spanUltra\":[514,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-scrollup\",[[1,\"stzh-scrollup\"]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"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\":[513],\"size\":[513],\"sizeSmall\":[513,\"size-small\"],\"sizeMedium\":[513,\"size-medium\"],\"sizeLarge\":[513,\"size-large\"],\"sizeUltra\":[513,\"size-ultra\"],\"justify\":[513],\"items\":[513],\"around\":[516],\"border\":[513]}]]],[\"stzh-sticky\",[[6,\"stzh-sticky\",{\"disableStickyTop\":[516,\"disable-sticky-top\"],\"disableStickyBottom\":[516,\"disable-sticky-bottom\"],\"breakout\":[516],\"position\":[513],\"isStuckTop\":[32],\"isStuckBottom\":[32],\"hasReachedTopLimit\":[32],\"hasReachedBottomLimit\":[32]},null,{\"disableStickyTop\":[\"disableStickyWatcher\"],\"disableStickyBottom\":[\"disableStickyWatcher\"],\"isStuckTop\":[\"isStuckTopWatcher\"],\"isStuckBottom\":[\"isStuckBottomWatcher\"],\"position\":[\"positionWatcher\"]}]]],[\"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]},null,{\"fixedLeft\":[\"fixedCellWatcher\"],\"fixedRight\":[\"fixedCellWatcher\"]}]]],[\"stzh-textandimage\",[[1,\"stzh-textandimage\",{\"floating\":[516],\"fullwidth\":[516],\"size\":[513]}]]],[\"stzh-timeline\",[[1,\"stzh-timeline\",{\"foldable\":[4],\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64],\"updateSteps\":[64]},[[0,\"stzhOpen\",\"openListener\"]],{\"foldable\":[\"foldableWatcher\"]}]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[1,\"stzh-vspace\",{\"curve\":[513],\"size\":[513],\"sizeSmall\":[513,\"size-small\"],\"sizeMedium\":[513,\"size-medium\"],\"sizeLarge\":[513,\"size-large\"],\"sizeUltra\":[513,\"size-ultra\"],\"justify\":[513],\"items\":[513],\"around\":[516],\"aroundTop\":[516,\"around-top\"],\"aroundBottom\":[516,\"around-bottom\"],\"border\":[513]}]]],[\"stzh-chip-select\",[[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]},null,{\"data\":[\"dataWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"stzh-pagination\",[[2,\"stzh-pagination\",{\"total\":[2],\"name\":[513],\"value\":[1026],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16],\"prev\":[64],\"next\":[64]}]]],[\"stzh-toast\",[[1,\"stzh-toast\",{\"label\":[1],\"type\":[513],\"hideClose\":[516,\"hide-close\"],\"open\":[516],\"initialOpenAnimation\":[4,\"initial-open-animation\"],\"localization\":[16],\"show\":[64],\"hide\":[64]},null,{\"open\":[\"openWatcher\"]}]]],[\"stzh-ghettobox\",[[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]},null,{\"publishDate\":[\"publishDateWatcher\"]}]]],[\"stzh-iframe\",[[6,\"stzh-iframe\",{\"localization\":[16],\"src\":[1],\"cookie\":[1],\"cookieExpires\":[2,\"cookie-expires\"],\"cookieConfirmIcon\":[1,\"cookie-confirm-icon\"],\"cookieConfirmLabel\":[1,\"cookie-confirm-label\"],\"cookieConfirmText\":[1,\"cookie-confirm-text\"],\"previewLabel\":[1,\"preview-label\"],\"previewIcon\":[1,\"preview-icon\"],\"skipPreviewIfCookieAccepted\":[4,\"skip-preview-if-cookie-accepted\"],\"skipPreview\":[4,\"skip-preview\"],\"view\":[32]},null,{\"src\":[\"srcWatcher\"],\"view\":[\"viewWatcher\"]}]]],[\"stzh-share\",[[2,\"stzh-share\",{\"localization\":[16],\"url\":[1],\"services\":[1]},null,{\"services\":[\"servicesWatcher\"]}]]],[\"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-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]},null,{\"localization\":[\"createDateFormatters\"],\"value\":[\"valueWatcher\"]}]]],[\"stzh-hspace_2\",[[1,\"stzh-hspace\",{\"curve\":[513],\"size\":[513],\"sizeSmall\":[513,\"size-small\"],\"sizeMedium\":[513,\"size-medium\"],\"sizeLarge\":[513,\"size-large\"],\"sizeUltra\":[513,\"size-ultra\"],\"justify\":[513],\"items\":[513],\"around\":[516],\"aroundLeft\":[516,\"around-left\"],\"aroundRight\":[516,\"around-right\"],\"border\":[513]}],[1,\"stzh-show\",{\"mikro\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"ultra\":[516],\"hideFromDate\":[1,\"hide-from-date\"]},null,{\"hideFromDate\":[\"hideFromDateWatcher\"]}]]],[\"stzh-carousel\",[[6,\"stzh-carousel\",{\"localization\":[16],\"variant\":[513],\"disabled\":[516],\"noPeek\":[516,\"no-peek\"],\"slides\":[2],\"slidesSmall\":[2,\"slides-small\"],\"slidesMedium\":[2,\"slides-medium\"],\"slidesLarge\":[2,\"slides-large\"],\"slidesUltra\":[2,\"slides-ultra\"],\"slide\":[2],\"autoplay\":[1028],\"autoplayTimeout\":[2,\"autoplay-timeout\"],\"nonInteractive\":[4,\"non-interactive\"],\"preventMouseDrag\":[4,\"prevent-mouse-drag\"],\"preventAutoplayPause\":[4,\"prevent-autoplay-pause\"],\"preventAutoplayStop\":[4,\"prevent-autoplay-stop\"],\"tabThrough\":[4,\"tab-through\"],\"scrollTimeout\":[32],\"distanceQuickSwipe\":[32],\"distancePreventClick\":[32],\"autoplayRunning\":[32],\"autoplayDisabledByMotionMedia\":[32],\"autoplayDisabledByMouse\":[32],\"autoplayDisabledByFocus\":[32],\"autoplayDisabledByScroll\":[32],\"autoplayDisabledByDrag\":[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]},null,{\"disabled\":[\"disabledWatcher\",\"preventMouseDragWatcher\",\"autoplayRunningWatcher\"],\"preventMouseDrag\":[\"preventMouseDragWatcher\"],\"autoplay\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByMotionMedia\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByMouse\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByFocus\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByScroll\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByDrag\":[\"autoplayRunningWatcher\"],\"autoplayTimeout\":[\"autoplayRunningWatcher\"],\"slideElements\":[\"snapAlignWatcher\",\"inertWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\"],\"currentSwipeSlides\":[\"snapAlignWatcher\"],\"slide\":[\"inertWatcher\",\"nextPrevDisabledWatcher\"],\"variant\":[\"inertWatcher\",\"prevNextNavigationWatcher\"],\"currentSlides\":[\"inertWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\"],\"tabThrough\":[\"inertWatcher\",\"prevNextNavigationWatcher\"],\"nextElements\":[\"prevNextNavigationWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\",\"nextElementsWatcher\"],\"previousElements\":[\"prevNextNavigationWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\",\"previousElementsWatcher\"],\"navigationTextElements\":[\"prevNextHiddenWatcher\"]}]]],[\"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-datepicker_3\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"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],\"internalDateAdapter\":[1,\"internal-date-adapter\"],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]},null,{\"localization\":[\"createDateFormatters\"],\"value\":[\"valueWatcher\"],\"dateAdapter\":[\"dateAdapterWatcher\"],\"internalDateAdapter\":[\"internalDateAdapterWatcher\"]}],[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]},null,{\"error\":[\"errorWatcher\"]}],[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\":[16],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]],{\"name\":[\"watchName\"],\"disabled\":[\"watchDisabled\"],\"invalid\":[\"watchInvalid\"],\"required\":[\"watchRequired\"],\"value\":[\"watchValue\"],\"error\":[\"errorWatcher\"],\"preventUpdateProperties\":[\"preventUpdatePropertiesWatcher\"]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-buttongroup\",[[6,\"stzh-buttongroup\"]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-figure_2\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1],\"counter\":[1],\"heading\":[1],\"fullwidth\":[516]}],[6,\"stzh-ratio\",{\"ratio\":[1],\"ratioSmall\":[1,\"ratio-small\"],\"ratioMedium\":[1,\"ratio-medium\"],\"ratioLarge\":[1,\"ratio-large\"],\"ratioUltra\":[1,\"ratio-ultra\"],\"portrait\":[516],\"fit\":[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-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\"]],{\"open\":[\"openWatcher\"],\"distance\":[\"distanceWatcher\"]}]]],[\"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],\"labelHidden\":[4,\"label-hidden\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]},null,{\"value\":[\"valueWatcher\"],\"error\":[\"errorWatcher\"],\"type\":[\"typeWatcher\"]}]]],[\"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]},null,{\"hideBorder\":[\"hideBorderWatcher\"],\"direction\":[\"directionWatcher\"],\"directionSmall\":[\"directionWatcher\"],\"directionMedium\":[\"directionWatcher\"],\"directionLarge\":[\"directionWatcher\"],\"directionUltra\":[\"directionWatcher\"],\"currentDirection\":[\"currentDirectionWatcher\"],\"items\":[\"itemsWatcher\"]}],[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]},null,{\"rel\":[\"externalWatcher\"]}]]],[\"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-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],\"labelHidden\":[4,\"label-hidden\"],\"icon\":[1],\"iconAngle\":[1,\"icon-angle\"],\"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]},null,{\"options\":[\"optionsWatcher\"],\"items\":[\"itemsWatcher\"],\"searchField\":[\"searchFieldWatcher\"],\"optgroups\":[\"optgroupsWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"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-actionset_4\",[[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\"]},null,{\"subtitle\":[\"subtitleWatcher\"],\"headerActions\":[\"headerActionsWatcher\"],\"footerActions\":[\"footerActionsWatcher\"],\"collapsed\":[\"collapsedWatcher\"]}],[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\"]]],[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]},null,{\"actions\":[\"actionsWatcher\"]}],[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]},null,{\"disabled\":[\"disabledWatcher\"],\"filterElements\":[\"filterElementsWatcher\"]}]]],[\"stzh-richtext_2\",[[6,\"stzh-richtext\",{\"localization\":[16],\"removeFirstMargin\":[516,\"remove-first-margin\"],\"removeLastMargin\":[516,\"remove-last-margin\"],\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}],[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[516,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"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\"]],{\"open\":[\"openWatcher\"],\"trigger\":[\"triggerWatcher\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"stzh-datatable\",[[4,\"stzh-datatable\",{\"tableLayout\":[1,\"table-layout\"],\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"hideSearch\":[516,\"hide-search\"],\"showList\":[516,\"show-list\"],\"page\":[1026],\"pageSize\":[2,\"page-size\"],\"disableMinWidth\":[516,\"disable-min-width\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]},null,{\"rows\":[\"rowsWatcher\"],\"columns\":[\"columnsWatcher\"],\"sortBy\":[\"sortByWatcher\"],\"sortDirection\":[\"sortDirectionWatcher\"]}]]],[\"stzh-microsite-teaserlist\",[[2,\"stzh-microsite-teaserlist\",{\"localization\":[16],\"api\":[1],\"tags\":[1],\"stepItems\":[2,\"step-items\"],\"showItems\":[32],\"activeFilter\":[32]},null,{\"showItems\":[\"filterHandler\"],\"activeFilter\":[\"filterHandler\"],\"tags\":[\"tagsWatcher\"],\"api\":[\"apiWatcher\"]}]]],[\"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]},null,{\"dateAdapter\":[\"dateAdapterWatcher\"],\"currentDate\":[\"currentDateWatcher\"],\"sortBy\":[\"sortByWatcher\"],\"value\":[\"valueWatcher\"],\"appointments\":[\"appointmentsWatcher\"]}]]],[\"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]},null,{\"rel\":[\"externalWatcher\"],\"loadingStatus\":[\"loadingStatusWatcher\"],\"meta\":[\"metaWatcher\"],\"actions\":[\"actionsWatcher\"],\"tags\":[\"tagsWatcher\"]}]]],[\"stzh-contact\",[[6,\"stzh-contact\",{\"type\":[1],\"heading\":[1],\"mainHeading\":[1,\"main-heading\"],\"name\":[1],\"address\":[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\"]},null,{\"availability\":[\"availabilityWatcher\"],\"numbers\":[\"numbersWatcher\"]}]]],[\"stzh-gallery\",[[4,\"stzh-gallery\",{\"localization\":[16],\"images\":[1],\"variant\":[1],\"itemElement\":[1,\"item-element\"],\"openLightbox\":[64]},[[8,\"appload\",\"apploadListener\"]],{\"images\":[\"imagesWatcher\"]}]]],[\"stzh-panorama\",[[0,\"stzh-panorama\",{\"localization\":[16],\"caption\":[1],\"copyright\":[1],\"scene\":[1025],\"sceneFadeDuration\":[2,\"scene-fade-duration\"],\"autoload\":[4],\"orientationOnByDefault\":[4,\"orientation-on-by-default\"],\"scenes\":[1],\"isOrientationSupported\":[32],\"isOrientationActive\":[32],\"isFullscreen\":[32],\"getViewer\":[64]},null,{\"scenes\":[\"scenesWatcher\",\"updateWatcher\"],\"scene\":[\"sceneWatcher\"],\"autoload\":[\"updateWatcher\"],\"type\":[\"updateWatcher\"],\"localization\":[\"updateWatcher\"],\"orientationOnByDefault\":[\"updateWatcher\"],\"sceneFadeDuration\":[\"updateWatcher\"]}]]],[\"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],\"labelHidden\":[4,\"label-hidden\"],\"invalid\":[516],\"required\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1025],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]},null,{\"minValueDropdown\":[\"minMaxValueDropdownWatcher\"],\"maxValueDropdown\":[\"minMaxValueDropdownWatcher\"]}]]],[\"stzh-toastbar\",[[1,\"stzh-toastbar\",{\"hideAfter\":[2,\"hide-after\"],\"max\":[2],\"initialToasts\":[1,\"initial-toasts\"],\"toast\":[64]},null,{\"initialToasts\":[\"initialToastsWatcher\"]}]]],[\"stzh-saptcha\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]},null,{\"numbers\":[\"numbersWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"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]},null,{\"api\":[\"apiWatcher\"],\"dateAdapter\":[\"dateAdapterWatcher\"],\"data\":[\"dataWatcher\"]}]]],[\"stzh-vbz-ticker\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]},null,{\"localization\":[\"localizationWatcher\"],\"api\":[\"apiWatcher\"],\"dateAdapter\":[\"dateAdapterWatcher\"],\"data\":[\"dataWatcher\"]}]]],[\"stzh-youtube\",[[6,\"stzh-youtube\",{\"localization\":[16],\"url\":[1],\"cookie\":[1],\"cookieExpires\":[2,\"cookie-expires\"],\"skipPreviewIfCookieAccepted\":[4,\"skip-preview-if-cookie-accepted\"],\"skipPreview\":[4,\"skip-preview\"],\"previewSkipped\":[32]}]]],[\"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\"]},null,{\"items\":[\"appointmentsWatcher\"]}]]],[\"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\"],\"downloadDisabledWhileProcessing\":[4,\"download-disabled-while-processing\"],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"hideProgress\":[4,\"hide-progress\"],\"hideProgressWhileIdle\":[4,\"hide-progress-while-idle\"],\"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]},null,{\"maxFiles\":[\"maxFilesWatcher\"],\"maxFilesize\":[\"maxFilesizeWatcher\"],\"existingFiles\":[\"existingFilesWatcher\"],\"disabled\":[\"disabledWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"stzh-accordion-item\",[[1,\"stzh-accordion-item\",{\"collapsible\":[4],\"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]},null,{\"open\":[\"openWatcher\"]}]]],[\"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-monthyearpicker\",[[2,\"stzh-monthyearpicker\",{\"monthOpen\":[4,\"month-open\"],\"yearOpen\":[4,\"year-open\"],\"months\":[1],\"years\":[1],\"min\":[1],\"max\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"format\":[513],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"monthLabel\":[1,\"month-label\"],\"yearLabel\":[1,\"year-label\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"descriptionMonth\":[1,\"description-month\"],\"descriptionYear\":[1,\"description-year\"],\"descriptionLongMonth\":[1,\"description-long-month\"],\"descriptionLongYear\":[1,\"description-long-year\"],\"errorMonth\":[1,\"error-month\"],\"errorYear\":[1,\"error-year\"],\"invalidMonth\":[516,\"invalid-month\"],\"invalidYear\":[516,\"invalid-year\"],\"a11yDescribedbyMonth\":[1,\"a11y-describedby\"],\"a11yDescribedbyYear\":[1,\"a11y-describedby\"],\"localization\":[16]},null,{\"months\":[\"monthsWatcher\"],\"years\":[\"yearsWatcher\"],\"value\":[\"minMaxWatcher\"],\"min\":[\"minMaxWatcher\"],\"max\":[\"minMaxWatcher\"]}]]],[\"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-timeline-item\",[[1,\"stzh-timeline-item\",{\"foldable\":[4],\"collapsible\":[4],\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"description\":[1],\"step\":[514],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"analyticsId\":[1,\"analytics-id\"],\"_foldable\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]},null,{\"open\":[\"openWatcher\"],\"foldable\":[\"foldableWatcher\"]}]]],[\"stzh-timepicker\",[[2,\"stzh-timepicker\",{\"open\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"name\":[513],\"value\":[1025],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16]},null,{\"min\":[\"minMaxWatcher\"],\"max\":[\"minMaxWatcher\"]}]]],[\"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]},null,{\"error\":[\"errorWatcher\"]}]]],[\"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\"]],{\"name\":[\"watchName\"],\"disabled\":[\"watchDisabled\"],\"invalid\":[\"watchInvalid\"],\"showMarker\":[\"watchShowMarker\"],\"value\":[\"watchValue\"],\"error\":[\"errorWatcher\"],\"preventUpdateProperties\":[\"preventUpdatePropertiesWatcher\"]}]]],[\"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],\"getItemData\":[64]},null,{\"data\":[\"dataWatcher\"]}]]],[\"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]},null,{\"error\":[\"errorWatcher\"]}]]],[\"stzh-fieldset\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-imagecomparison\",[[6,\"stzh-imagecomparison\",{\"localization\":[16],\"hintLeft\":[1,\"hint-left\"],\"hintRight\":[1,\"hint-right\"],\"value\":[1026],\"label\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"]}]]],[\"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\":[1],\"centerMarker\":[4,\"center-marker\"],\"pinchRotateThreshold\":[2,\"pinch-rotate-threshold\"],\"resolutions\":[1],\"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\"]],{\"layers\":[\"layersWatcher\"],\"resolutions\":[\"resolutionsWatcher\"],\"zoom\":[\"zoomWatcher\"],\"scaleControl\":[\"scaleControlWatcher\"],\"printControl\":[\"printControlWatcher\"],\"layerControl\":[\"layerControlWatcher\"],\"locationControl\":[\"locationControlWatcher\"],\"layer\":[\"layerWatcher\"],\"center\":[\"centerWatcher\"],\"centerMarker\":[\"centerMarkerWatcher\"]}]]],[\"stzh-vbz-carousel\",[[6,\"stzh-vbz-carousel\",{\"autoplayTimeout\":[2,\"autoplay-timeout\"]}]]],[\"stzh-accordion\",[[1,\"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-cell\",[[1,\"stzh-cell\",{\"span\":[514],\"spanSmall\":[514,\"span-small\"],\"spanMedium\":[514,\"span-medium\"],\"spanLarge\":[514,\"span-large\"],\"spanUltra\":[514,\"span-ultra\"],\"align\":[513],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-chart\",[[0,\"stzh-chart\",{\"chartId\":[1,\"chart-id\"],\"create\":[16]},null,{\"create\":[\"createWatcher\"]}]]],[\"stzh-container\",[[6,\"stzh-container\",{\"size\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"stzh-cspace\",[[1,\"stzh-cspace\",{\"removeFirstMargin\":[516,\"remove-first-margin\"],\"removeLastMargin\":[516,\"remove-last-margin\"]}]]],[\"stzh-datamessagelist\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-details\",[[6,\"stzh-details\",{\"open\":[1540],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"open\":[\"openWatcher\"]}]]],[\"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-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-logo\",[[1,\"stzh-logo\",{\"type\":[513]}]]],[\"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-print\",[[1,\"stzh-print\"]]],[\"stzh-readspeaker\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row\",[[1,\"stzh-row\",{\"span\":[514],\"spanSmall\":[514,\"span-small\"],\"spanMedium\":[514,\"span-medium\"],\"spanLarge\":[514,\"span-large\"],\"spanUltra\":[514,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-scrollup\",[[1,\"stzh-scrollup\"]]],[\"stzh-section\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"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\":[513],\"size\":[513],\"sizeSmall\":[513,\"size-small\"],\"sizeMedium\":[513,\"size-medium\"],\"sizeLarge\":[513,\"size-large\"],\"sizeUltra\":[513,\"size-ultra\"],\"justify\":[513],\"items\":[513],\"around\":[516],\"border\":[513]}]]],[\"stzh-sticky\",[[6,\"stzh-sticky\",{\"disableStickyTop\":[516,\"disable-sticky-top\"],\"disableStickyBottom\":[516,\"disable-sticky-bottom\"],\"breakout\":[516],\"position\":[513],\"isStuckTop\":[32],\"isStuckBottom\":[32],\"hasReachedTopLimit\":[32],\"hasReachedBottomLimit\":[32]},null,{\"disableStickyTop\":[\"disableStickyWatcher\"],\"disableStickyBottom\":[\"disableStickyWatcher\"],\"isStuckTop\":[\"isStuckTopWatcher\"],\"isStuckBottom\":[\"isStuckBottomWatcher\"],\"position\":[\"positionWatcher\"]}]]],[\"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]},null,{\"fixedLeft\":[\"fixedCellWatcher\"],\"fixedRight\":[\"fixedCellWatcher\"]}]]],[\"stzh-textandimage\",[[1,\"stzh-textandimage\",{\"floating\":[516],\"fullwidth\":[516],\"size\":[513]}]]],[\"stzh-timeline\",[[1,\"stzh-timeline\",{\"foldable\":[4],\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64],\"updateSteps\":[64]},[[0,\"stzhOpen\",\"openListener\"]],{\"foldable\":[\"foldableWatcher\"]}]]],[\"stzh-visuallyhidden\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace\",[[1,\"stzh-vspace\",{\"curve\":[513],\"size\":[513],\"sizeSmall\":[513,\"size-small\"],\"sizeMedium\":[513,\"size-medium\"],\"sizeLarge\":[513,\"size-large\"],\"sizeUltra\":[513,\"size-ultra\"],\"justify\":[513],\"items\":[513],\"around\":[516],\"aroundTop\":[516,\"around-top\"],\"aroundBottom\":[516,\"around-bottom\"],\"border\":[513]}]]],[\"stzh-chip-select\",[[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]},null,{\"data\":[\"dataWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"stzh-pagination\",[[2,\"stzh-pagination\",{\"total\":[2],\"name\":[513],\"value\":[1026],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"localization\":[16],\"prev\":[64],\"next\":[64]}]]],[\"stzh-toast\",[[1,\"stzh-toast\",{\"label\":[1],\"type\":[513],\"hideClose\":[516,\"hide-close\"],\"open\":[516],\"initialOpenAnimation\":[4,\"initial-open-animation\"],\"localization\":[16],\"show\":[64],\"hide\":[64]},null,{\"open\":[\"openWatcher\"]}]]],[\"stzh-ghettobox\",[[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]},null,{\"publishDate\":[\"publishDateWatcher\"]}]]],[\"stzh-iframe\",[[6,\"stzh-iframe\",{\"localization\":[16],\"src\":[1],\"cookie\":[1],\"cookieExpires\":[2,\"cookie-expires\"],\"cookieConfirmIcon\":[1,\"cookie-confirm-icon\"],\"cookieConfirmLabel\":[1,\"cookie-confirm-label\"],\"cookieConfirmText\":[1,\"cookie-confirm-text\"],\"previewLabel\":[1,\"preview-label\"],\"previewIcon\":[1,\"preview-icon\"],\"skipPreviewIfCookieAccepted\":[4,\"skip-preview-if-cookie-accepted\"],\"skipPreview\":[4,\"skip-preview\"],\"view\":[32]},null,{\"src\":[\"srcWatcher\"],\"view\":[\"viewWatcher\"]}]]],[\"stzh-share\",[[2,\"stzh-share\",{\"localization\":[16],\"url\":[1],\"services\":[1]},null,{\"services\":[\"servicesWatcher\"]}]]],[\"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-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]},null,{\"localization\":[\"createDateFormatters\"],\"value\":[\"valueWatcher\"]}]]],[\"stzh-hspace_2\",[[1,\"stzh-hspace\",{\"curve\":[513],\"size\":[513],\"sizeSmall\":[513,\"size-small\"],\"sizeMedium\":[513,\"size-medium\"],\"sizeLarge\":[513,\"size-large\"],\"sizeUltra\":[513,\"size-ultra\"],\"justify\":[513],\"items\":[513],\"around\":[516],\"aroundLeft\":[516,\"around-left\"],\"aroundRight\":[516,\"around-right\"],\"border\":[513]}],[1,\"stzh-show\",{\"mikro\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"ultra\":[516],\"hideFromDate\":[1,\"hide-from-date\"]},null,{\"hideFromDate\":[\"hideFromDateWatcher\"]}]]],[\"stzh-carousel\",[[6,\"stzh-carousel\",{\"localization\":[16],\"variant\":[513],\"disabled\":[516],\"noPeek\":[516,\"no-peek\"],\"slides\":[2],\"slidesSmall\":[2,\"slides-small\"],\"slidesMedium\":[2,\"slides-medium\"],\"slidesLarge\":[2,\"slides-large\"],\"slidesUltra\":[2,\"slides-ultra\"],\"slide\":[2],\"autoplay\":[1028],\"autoplayTimeout\":[2,\"autoplay-timeout\"],\"nonInteractive\":[4,\"non-interactive\"],\"preventMouseDrag\":[4,\"prevent-mouse-drag\"],\"preventAutoplayPause\":[4,\"prevent-autoplay-pause\"],\"preventAutoplayStop\":[4,\"prevent-autoplay-stop\"],\"tabThrough\":[4,\"tab-through\"],\"scrollTimeout\":[32],\"distanceQuickSwipe\":[32],\"distancePreventClick\":[32],\"autoplayRunning\":[32],\"autoplayDisabledByMotionMedia\":[32],\"autoplayDisabledByMouse\":[32],\"autoplayDisabledByFocus\":[32],\"autoplayDisabledByScroll\":[32],\"autoplayDisabledByDrag\":[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]},null,{\"disabled\":[\"disabledWatcher\",\"preventMouseDragWatcher\",\"autoplayRunningWatcher\"],\"preventMouseDrag\":[\"preventMouseDragWatcher\"],\"autoplay\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByMotionMedia\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByMouse\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByFocus\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByScroll\":[\"autoplayRunningWatcher\"],\"autoplayDisabledByDrag\":[\"autoplayRunningWatcher\"],\"autoplayTimeout\":[\"autoplayRunningWatcher\"],\"slideElements\":[\"snapAlignWatcher\",\"inertWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\"],\"currentSwipeSlides\":[\"snapAlignWatcher\"],\"slide\":[\"inertWatcher\",\"nextPrevDisabledWatcher\"],\"variant\":[\"inertWatcher\",\"prevNextNavigationWatcher\"],\"currentSlides\":[\"inertWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\"],\"tabThrough\":[\"inertWatcher\",\"prevNextNavigationWatcher\"],\"nextElements\":[\"prevNextNavigationWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\",\"nextElementsWatcher\"],\"previousElements\":[\"prevNextNavigationWatcher\",\"prevNextHiddenWatcher\",\"nextPrevDisabledWatcher\",\"previousElementsWatcher\"],\"navigationTextElements\":[\"prevNextHiddenWatcher\"]}]]],[\"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-datepicker_3\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"labelHidden\":[4,\"label-hidden\"],\"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],\"internalDateAdapter\":[1,\"internal-date-adapter\"],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]},null,{\"localization\":[\"createDateFormatters\"],\"value\":[\"valueWatcher\"],\"dateAdapter\":[\"dateAdapterWatcher\"],\"internalDateAdapter\":[\"internalDateAdapterWatcher\"]}],[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]},null,{\"error\":[\"errorWatcher\"]}],[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\":[16],\"preventUpdateProperties\":[1,\"prevent-update-properties\"]},[[0,\"stzhChange\",\"onChange\"]],{\"name\":[\"watchName\"],\"disabled\":[\"watchDisabled\"],\"invalid\":[\"watchInvalid\"],\"required\":[\"watchRequired\"],\"value\":[\"watchValue\"],\"error\":[\"errorWatcher\"],\"preventUpdateProperties\":[\"preventUpdatePropertiesWatcher\"]}]]],[\"stzh-heading\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-buttongroup\",[[6,\"stzh-buttongroup\"]]],[\"stzh-icon-sprite\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-figure_2\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1],\"counter\":[1],\"heading\":[1],\"fullwidth\":[516]}],[6,\"stzh-ratio\",{\"ratio\":[1],\"ratioSmall\":[1,\"ratio-small\"],\"ratioMedium\":[1,\"ratio-medium\"],\"ratioLarge\":[1,\"ratio-large\"],\"ratioUltra\":[1,\"ratio-ultra\"],\"portrait\":[516],\"fit\":[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-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\"]],{\"open\":[\"openWatcher\"],\"distance\":[\"distanceWatcher\"]}]]],[\"stzh-input\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[513],\"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],\"labelHidden\":[4,\"label-hidden\"],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]},null,{\"value\":[\"valueWatcher\"],\"error\":[\"errorWatcher\"],\"type\":[\"typeWatcher\"]}]]],[\"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]},null,{\"hideBorder\":[\"hideBorderWatcher\"],\"direction\":[\"directionWatcher\"],\"directionSmall\":[\"directionWatcher\"],\"directionMedium\":[\"directionWatcher\"],\"directionLarge\":[\"directionWatcher\"],\"directionUltra\":[\"directionWatcher\"],\"currentDirection\":[\"currentDirectionWatcher\"],\"items\":[\"itemsWatcher\"]}],[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]},null,{\"rel\":[\"externalWatcher\"]}]]],[\"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-dropdown\",[[4,\"stzh-dropdown\",{\"options\":[1],\"optgroups\":[1],\"items\":[1025],\"searchField\":[1,\"search-field\"],\"multiple\":[516],\"inline\":[516],\"maxOptions\":[2,\"max-options\"],\"searchConjunction\":[1,\"search-conjunction\"],\"transformLoadQuery\":[1,\"transform-load-query\"],\"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],\"labelHidden\":[4,\"label-hidden\"],\"icon\":[1],\"iconAngle\":[1,\"icon-angle\"],\"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]},null,{\"options\":[\"optionsWatcher\"],\"items\":[\"itemsWatcher\"],\"searchField\":[\"searchFieldWatcher\"],\"optgroups\":[\"optgroupsWatcher\"],\"error\":[\"errorWatcher\"]}]]],[\"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-actionset_4\",[[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\"]},null,{\"subtitle\":[\"subtitleWatcher\"],\"headerActions\":[\"headerActionsWatcher\"],\"footerActions\":[\"footerActionsWatcher\"],\"collapsed\":[\"collapsedWatcher\"]}],[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\"]]],[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]},null,{\"actions\":[\"actionsWatcher\"]}],[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]},null,{\"disabled\":[\"disabledWatcher\"],\"filterElements\":[\"filterElementsWatcher\"]}]]],[\"stzh-richtext_2\",[[6,\"stzh-richtext\",{\"localization\":[16],\"removeFirstMargin\":[516,\"remove-first-margin\"],\"removeLastMargin\":[516,\"remove-last-margin\"],\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}],[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[516,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"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\"]],{\"open\":[\"openWatcher\"],\"trigger\":[\"triggerWatcher\"]}]]]]"), options);
 });
 
 //# sourceMappingURL=stzh-components.js.map

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

@@ -93,7 +93,7 @@ const StzhDatalist = class {
 };
 StzhDatalist.style = stzhDatalistCss;
 
-const stzhDatalistItemCss = ".sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::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)}.sc-stzh-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);--horizontal-min-height:3rem;display:contents}[href].sc-stzh-datalist-item-h:not([href=\"\"]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{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-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{-ms-flex-negative:0;flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__richtext.sc-stzh-datalist-item{color:inherit;font-family:inherit;font-weight:inherit}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item{min-height:var(--horizontal-min-height)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}";
+const stzhDatalistItemCss = ".sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::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)}.sc-stzh-datalist-item-h .has-focus.sc-stzh-datalist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item{outline-style:none !important}.sc-stzh-datalist-item-h .stzh-fylingfocus-focused.sc-stzh-datalist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);--horizontal-min-height:3rem;display:contents}[href].sc-stzh-datalist-item-h:not([href=\"\"]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{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-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{-ms-flex-negative:0;flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__richtext.sc-stzh-datalist-item{color:inherit;font-family:inherit;font-weight:inherit}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__action-list.sc-stzh-datalist-item{min-height:var(--horizontal-min-height)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}";
 
 let datalistItemCounter = 0;
 const StzhDatalistItem = class {

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

@@ -1 +1 @@
-{"file":"stzh-datalist.stzh-datalist-item.entry.js","mappings":"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","names":[],"sources":["src/components/stzh-datalist/stzh-datalist.scss?tag=stzh-datalist&encapsulation=scoped","src/components/stzh-datalist/stzh-datalist.tsx","src/components/stzh-datalist-item/stzh-datalist-item.scss?tag=stzh-datalist-item&encapsulation=scoped","src/components/stzh-datalist-item/stzh-datalist-item.tsx"],"sourcesContent":["/**\n * @prop --item-label-min-width: Min width of label\n */\n\n:host {\n  --item-label-min-width: 120px;\n\n  @include mq($from: smallheader) {\n    --item-label-min-width: 144px;\n  }\n\n  &[disable-label-min-width]:not([disable-label-min-width=\"false\"]) {\n    --item-label-min-width: none;\n  }\n}\n\n:host ::slotted(stzh-details),\n.stzh-datalist stzh-details {\n  --content-grid-column: 1 / 6;\n  --content-padding: #{space('large')} 0 #{spaceCurveValue('medium')};\n  --content-border-bottom: 1px solid #{$baseBorderColor};\n\n  @include mq($from: medium) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'medium')};\n  }\n\n  @include mq($from: large) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'large')};\n  }\n}\n\n.stzh-datalist {\n  &__list {\n    width: 100%;\n  }\n\n  /* Has hidden border variant */\n\n  &--has-hidden-border &__list {\n    margin-top: calc(#{space('xsmall')} / -2);\n    margin-bottom: calc(#{space('xsmall')} / -2);\n  }\n\n  /* Vertical variant */\n\n  &--direction-horizontal &__list {\n    width: 100%;\n    display: grid;\n    border-collapse: collapse;\n    grid-template-columns: auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto;\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemEntry,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\n/**\n */\n@Component({\n  tag: \"stzh-datalist\",\n  styleUrl: \"stzh-datalist.scss\",\n  scoped: true\n})\nexport class StzhDatalist {\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Direction above small breakpoint */\n  @Prop({ reflect: true }) directionSmall: \"vertical\" | \"horizontal\" | \"inherit\" = \"horizontal\";\n\n  /** Direction above medium breakpoint  */\n  @Prop({ reflect: true }) directionMedium: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above large breakpoint  */\n  @Prop({ reflect: true }) directionLarge: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above ultra breakpoint  */\n  @Prop({ reflect: true }) directionUltra: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Hide border lines between items */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /**\n   * Whether to disable min-width of datalist item label for the `horizontal` variant.\n   *\n   * If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).\n   * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.\n   *\n   * You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.\n   */\n  @Prop({ reflect: true }) disableLabelMinWidth: boolean = false;\n\n  /** Current direction in use (readonly)  */\n  @Prop({ reflect: true }) currentDirection: \"vertical\" | \"horizontal\";\n\n  /**\n   * Items in datalist\n   * Array of objects that must at least include `value` attribute.\n   * Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n   * `[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`\n   */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n  private _items: StzhDatalistItemEntry[] = [];\n\n\n  /** Direction attribute change event */\n  @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n  /** Hide border change event */\n  @Event() stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;\n\n  @Element() element: HTMLStzhDatalistElement;\n\n  @Watch(\"hideBorder\")\n  hideBorderWatcher(newValue: boolean) {\n    this.stzhHideBorderChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"direction\")\n  @Watch(\"directionSmall\")\n  @Watch(\"directionMedium\")\n  @Watch(\"directionLarge\")\n  @Watch(\"directionUltra\")\n  directionWatcher() {\n    this.resizeHandler();\n  }\n\n  @Watch(\"currentDirection\")\n  currentDirectionWatcher(newValue: \"vertical\" | \"horizontal\") {\n    this.stzhDirectionChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n  }\n\n  resizeHandler = () => {\n    if (media(\"ultra\").matches && this.directionUltra !== \"inherit\") {\n      this.currentDirection = this.directionUltra;\n    } else if (media(\"large\").matches && this.directionLarge !== \"inherit\") {\n      this.currentDirection = this.directionLarge;\n    } else if (media(\"medium\").matches && this.directionMedium !== \"inherit\") {\n      this.currentDirection = this.directionMedium;\n    } else if (media(\"small\").matches && this.directionSmall !== \"inherit\") {\n      this.currentDirection = this.directionSmall;\n    } else {\n      this.currentDirection = this.direction;\n    }\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    this.hideBorderWatcher(this.hideBorder);\n    this.resizeHandler();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.resizeHandler);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.resizeHandler);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-datalist\": true,\n      \"stzh-datalist--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-datalist__list\" role=\"list\">\n            {this._items.map((item) =>\n              <stzh-datalist-item {...item}>\n                {item.items && item.items.length > 0 &&\n                  <stzh-datalist items={item.items}></stzh-datalist>\n                }\n              </stzh-datalist-item>\n            )}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --font-family: var(--stzh-font-family-regular);\n  --font-weight: var(--stzh-font-weight-regular);\n  --color: inherit;\n  --action-display: flex;\n  --label-min-width: var(--item-label-min-width, none);\n  --leading-icon-background-color: #{$colorGrey5};\n  --leading-icon-color: #{$colorGrey70};\n\n  --hover-leading-icon-background-color: #{$colorPrimaryHover};\n  --hover-leading-icon-color: #{$colorWhite};\n\n  --horizontal-min-height: 48px;\n\n  display: contents;\n\n  &[href]:not([href=\"\"]),\n  &[a11y-expanded],\n  &[a11y-controls] {\n    --color: #{$colorPrimary};\n    --hover-color: #{$colorPrimaryHover};\n  }\n\n  ::slotted(stzh-datalist) {\n    margin-left: space('large');\n  }\n}\n\n.stzh-datalist-item {\n  position: relative;\n  text-decoration-line: none;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__leading,\n  &__value,\n  &__label,\n  &__meta,\n  &__action-list {\n    color: inherit;\n    display: flex;\n    align-items: center;\n    appearance: none;\n    font-family: inherit;\n    background: transparent;\n    border: none;\n    padding: 0;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__leading {\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      padding-right: space('xsmall');\n    }\n  }\n\n  &__leading-icon-container {\n    color: var(--leading-icon-color);\n    background-color: var(--leading-icon-background-color);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__value {\n    @include fontCurve('p1');\n    font-family: var(--font-family);\n    font-weight: var(--font-weight);\n    flex-grow: 1;\n  }\n\n  &__value,\n  &__icon {\n    color: var(--color);\n  }\n\n  &__label,\n  &__meta {\n    @include fontCurve('caption');\n  }\n\n  &__meta {\n    justify-content: flex-end;\n  }\n\n  &__label {\n    @include font('medium');\n    color: $baseLeadColor;\n  }\n\n  &__action-list {\n    display: var(--action-display);\n    justify-content: center;\n    text-align: center;\n\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &__action {\n    &.is-non-interactive {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: $formInputHeightTiny;\n      height: $formInputHeightTiny;\n    }\n\n    &.is-button[variant=\"tertiary\"] {\n      --color: inherit;\n    }\n  }\n\n  &__value,\n  &__icon {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__richtext {\n    color: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n  }\n\n  &__interactive {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  /* Button variant */\n\n  &--is-button &__icon.is-open {\n    display: none;\n  }\n\n  &--is-button#{&}--is-expanded &__icon {\n    &.is-closed {\n      display: none;\n    }\n\n    &.is-open {\n      display: inline-flex;\n    }\n  }\n\n  /* Interactive variant */\n\n  &--is-interactive:hover &__value,\n  &--is-interactive:hover &__icon {\n    color: var(--hover-color);\n  }\n\n  &--is-interactive:hover &__value {\n    text-decoration-line: underline;\n  }\n\n  &--is-interactive:hover &__leading-icon-container,\n  &--is-interactive:focus-within &__leading-icon-container {\n    color: var(--hover-leading-icon-color);\n    background-color: var(--hover-leading-icon-background-color);\n  }\n\n  /* Vertical variant */\n\n  &--direction-vertical {\n    display: flex;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-vertical#{&}--has-hidden-border {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  &--direction-vertical:not(#{&}--has-hidden-border) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-vertical &__leading-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--direction-vertical &__leading-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &--direction-vertical &__meta {\n    flex-direction: column;\n  }\n\n  /* Horizontal variant */\n\n  &--direction-horizontal,\n  &--direction-horizontal + &__nested {\n    display: contents;\n  }\n\n  &--direction-horizontal + &__nested &__nested-inner {\n    grid-column: 1 / 6;\n  }\n\n  &--direction-horizontal &__leading,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__meta,\n  &--direction-horizontal &__action-list {\n    min-height: var(--horizontal-min-height);\n  }\n\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__meta {\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-horizontal#{&}--has-hidden-border &__label,\n  &--direction-horizontal#{&}--has-hidden-border &__value,\n  &--direction-horizontal#{&}--has-hidden-border &__meta {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  // &--direction-horizontal:not(#{&}--has-hidden-border) &__leading,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__label,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__value,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__meta,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__action-list {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-horizontal &__label {\n    &:not(:empty) {\n      min-width: var(--label-min-width);\n      padding-right: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__meta {\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__leading-icon-container {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--direction-horizontal &__meta-status + &__meta-text {\n    margin-left: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemActionClickEvent,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet datalistItemCounter = 0;\n\n/**\n * @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\n */\n@Component({\n  tag: \"stzh-datalist-item\",\n  styleUrl: \"stzh-datalist-item.scss\",\n  scoped: true\n})\nexport class StzhDatalistItem {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Link */\n  @Prop({ reflect: true }) href: string;\n\n  /** Rel (if href is used) */\n  @Prop() rel: string;\n\n  /** Target (if href is used) */\n  @Prop() target: string;\n\n  /** Download attribute of link (if `href` used) */\n  @Prop() download: string;\n\n  /** Leading icon */\n  @Prop() leadingIcon: string;\n\n  /** Icon of action button (if href is used, will only be for presentation and default to link icon) */\n  @Prop() icon: string;\n\n  /** Overwrite aria-label of action button (default aria label is `label` and `value`). */\n  @Prop() iconLabel: string;\n\n  /** Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button. */\n  @Prop() iconTooltip: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value (or use value slot instead) */\n  @Prop() value: string = \"\";\n\n  /** Meta */\n  @Prop() meta: string = \"\";\n\n  /** Status Label */\n  @Prop() statusLabel: string = \"\";\n\n  /** Status Type */\n  @Prop() statusType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Hide border lines */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Whether rel contains external */\n  @State() external: boolean = false;\n\n  /** Item action click event */\n  @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n  @Element() element: HTMLStzhDatalistItemElement;\n\n  @Watch(\"rel\")\n  externalWatcher() {\n    this.external = this.rel && this.rel.includes(\"external\");\n  }\n\n  private datalist: HTMLStzhDatalistElement;\n  private datalistItemId: string;\n\n  private actionClick = (originalEvent: MouseEvent) => {\n    this.stzhItemActionClick.emit({\n      component: \"stzh-datalist-item\",\n      originalEvent\n    });\n  }\n\n  private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n    this.direction = event.detail.value;\n  }\n\n  private handleHideBorderChange = (event: CustomEvent<StzhDatalistHideBorderChangeEvent>) => {\n    this.hideBorder = event.detail.value;\n  }\n\n  private renderInner(isButton: boolean): DocumentFragment {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Fragment>\n        <Item\n          aria-hidden={this.label ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-label`}\n          class={{\n            \"stzh-datalist-item__label\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.label}\n        </Item>\n\n        <Item\n          id={`${this.datalistItemId}-value`}\n          class={{\n            \"stzh-datalist-item__value\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n          aria-labelledby={Item !== 'div' ? `${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta` : null}\n          aria-controls={this.a11yControls || null}\n          aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n            ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n        >\n          {this.external && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n          {this.download && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n          <stzh-richtext class=\"stzh-datalist-item__richtext\" innerHTML={this.value}>\n            <slot name=\"value\"></slot>\n          </stzh-richtext>\n        </Item>\n\n        <Item\n          aria-hidden={this.statusLabel || this.meta ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-meta`}\n          class={{\n            \"stzh-datalist-item__meta\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.statusLabel &&\n            <stzh-status\n              class=\"stzh-datalist-item__meta-status\"\n              label={this.statusLabel}\n              type={this.statusType}\n            ></stzh-status>\n          }\n          {this.meta && <span class=\"stzh-datalist-item__meta-text\">{this.meta}</span>}\n        </Item>\n      </Fragment>\n    )\n  }\n\n  private renderLeadingIcon(isButton: boolean): HTMLElement {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Item\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        class={{\n          \"stzh-datalist-item__leading\": true,\n          \"is-button\": isButton,\n          \"is-link\": !!this.href\n        }}\n        href={this.href}\n        rel={this.rel}\n        target={this.target}\n        download={this.download}\n      >\n        {this.leadingIcon &&\n          <div class=\"stzh-datalist-item__leading-icon-container\">\n            <stzh-icon class=\"stzh-datalist-item__leading-icon\" name={this.leadingIcon}></stzh-icon>\n          </div>\n        }\n      </Item>\n    );\n  }\n\n  async connectedCallback() {\n    this.datalist = this.element.closest(\"stzh-datalist\");\n\n    if (this.datalist) {\n      this.direction = this.datalist.currentDirection;\n      this.hideBorder = this.datalist.hideBorder;\n\n      this.datalist.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.addEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.datalist) {\n      this.datalist.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.removeEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n      this.datalist = null;\n    }\n  }\n\n  async componentWillLoad() {\n    this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n    this.externalWatcher();\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datalist-item\");\n    }\n  }\n\n  render() {\n    const isButton = typeof this.a11yExpanded !== \"undefined\"\n      || typeof this.a11yControls !== \"undefined\";\n\n    const hasActionButton = !this.href && this.icon;\n\n    const classes = {\n      \"stzh-datalist-item\": true,\n      \"stzh-datalist-item--is-interactive\": !!this.href || isButton,\n      \"stzh-datalist-item--is-link\": !!this.href,\n      \"stzh-datalist-item--is-button\": isButton,\n      \"stzh-datalist-item--is-expanded\": this.a11yExpanded,\n      \"stzh-datalist-item--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction\n    };\n\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    const ActionButton = () => {\n      return (\n        <stzh-button\n          class={{\n            \"stzh-datalist-item__action\": true,\n            \"is-button\": true\n          }}\n          variant=\"tertiary\"\n          size=\"tiny\"\n          aria-label={this.iconLabel || (`${this.label} ${this.value}`)}\n          iconOnly={true}\n          icon={this.icon}\n          onClick={this.actionClick}\n        ></stzh-button>\n      );\n    }\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.direction === \"horizontal\" ?\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              {this.renderInner(isButton)}\n            </Fragment>\n            :\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              <div class=\"stzh-datalist-item__wrapper\">\n                {this.renderInner(isButton)}\n              </div>\n            </Fragment>\n          }\n          <Item\n            role={hasActionButton ? null : \"presentation\"}\n            aria-hidden={hasActionButton ? null : \"true\"}\n            tabindex=\"-1\"\n            class={{\n              \"stzh-datalist-item__action-list\": true,\n              \"is-button\": isButton,\n              \"is-link\": !!this.href\n            }}\n            href={this.href}\n            rel={this.rel}\n            target={this.target}\n            download={this.download}\n          >\n            {this.href &&\n              (this.download ?\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : \"download\"}></stzh-icon>\n                </div>\n                :\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n                </div>\n              )\n            }\n\n            {isButton &&\n              <div class=\"stzh-datalist-item__action is-non-interactive\">\n                <stzh-icon class=\"stzh-datalist-item__icon is-closed\" name={this.icon ? this.icon : \"plus\"}></stzh-icon>\n                <stzh-icon class=\"stzh-datalist-item__icon is-open\" name={this.icon ? this.icon : \"minus\"}></stzh-icon>\n              </div>\n            }\n\n            {hasActionButton &&\n              (this.iconTooltip ?\n                <stzh-tooltip content={this.iconTooltip}>\n                  {ActionButton()}\n                </stzh-tooltip>\n                :\n                ActionButton())\n            }\n          </Item>\n        </div>\n\n        <div class=\"stzh-datalist-item__nested\">\n          <div class=\"stzh-datalist-item__nested-inner\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-datalist.stzh-datalist-item.entry.js","mappings":"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","names":[],"sources":["src/components/stzh-datalist/stzh-datalist.scss?tag=stzh-datalist&encapsulation=scoped","src/components/stzh-datalist/stzh-datalist.tsx","src/components/stzh-datalist-item/stzh-datalist-item.scss?tag=stzh-datalist-item&encapsulation=scoped","src/components/stzh-datalist-item/stzh-datalist-item.tsx"],"sourcesContent":["/**\n * @prop --item-label-min-width: Min width of label\n */\n\n:host {\n  --item-label-min-width: 120px;\n\n  @include mq($from: smallheader) {\n    --item-label-min-width: 144px;\n  }\n\n  &[disable-label-min-width]:not([disable-label-min-width=\"false\"]) {\n    --item-label-min-width: none;\n  }\n}\n\n:host ::slotted(stzh-details),\n.stzh-datalist stzh-details {\n  --content-grid-column: 1 / 6;\n  --content-padding: #{space('large')} 0 #{spaceCurveValue('medium')};\n  --content-border-bottom: 1px solid #{$baseBorderColor};\n\n  @include mq($from: medium) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'medium')};\n  }\n\n  @include mq($from: large) {\n    --content-padding: #{space('large')} 0 #{spaceCurveValue('medium', 'large')};\n  }\n}\n\n.stzh-datalist {\n  &__list {\n    width: 100%;\n  }\n\n  /* Has hidden border variant */\n\n  &--has-hidden-border &__list {\n    margin-top: calc(#{space('xsmall')} / -2);\n    margin-bottom: calc(#{space('xsmall')} / -2);\n  }\n\n  /* Vertical variant */\n\n  &--direction-horizontal &__list {\n    width: 100%;\n    display: grid;\n    border-collapse: collapse;\n    grid-template-columns: auto auto minmax(auto, 1fr) minmax(auto, 1fr) auto;\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Watch,\n  Prop,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemEntry,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\n/**\n */\n@Component({\n  tag: \"stzh-datalist\",\n  styleUrl: \"stzh-datalist.scss\",\n  scoped: true\n})\nexport class StzhDatalist {\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Direction above small breakpoint */\n  @Prop({ reflect: true }) directionSmall: \"vertical\" | \"horizontal\" | \"inherit\" = \"horizontal\";\n\n  /** Direction above medium breakpoint  */\n  @Prop({ reflect: true }) directionMedium: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above large breakpoint  */\n  @Prop({ reflect: true }) directionLarge: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Direction above ultra breakpoint  */\n  @Prop({ reflect: true }) directionUltra: \"vertical\" | \"horizontal\" | \"inherit\" = \"inherit\";\n\n  /** Hide border lines between items */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /**\n   * Whether to disable min-width of datalist item label for the `horizontal` variant.\n   *\n   * If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).\n   * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.\n   *\n   * You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.\n   */\n  @Prop({ reflect: true }) disableLabelMinWidth: boolean = false;\n\n  /** Current direction in use (readonly)  */\n  @Prop({ reflect: true }) currentDirection: \"vertical\" | \"horizontal\";\n\n  /**\n   * Items in datalist\n   * Array of objects that must at least include `value` attribute.\n   * Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n   * `[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`\n   */\n  @Prop() items: StzhDatalistItemEntry[] | string = [];\n  private _items: StzhDatalistItemEntry[] = [];\n\n\n  /** Direction attribute change event */\n  @Event() stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;\n\n  /** Hide border change event */\n  @Event() stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;\n\n  @Element() element: HTMLStzhDatalistElement;\n\n  @Watch(\"hideBorder\")\n  hideBorderWatcher(newValue: boolean) {\n    this.stzhHideBorderChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"direction\")\n  @Watch(\"directionSmall\")\n  @Watch(\"directionMedium\")\n  @Watch(\"directionLarge\")\n  @Watch(\"directionUltra\")\n  directionWatcher() {\n    this.resizeHandler();\n  }\n\n  @Watch(\"currentDirection\")\n  currentDirectionWatcher(newValue: \"vertical\" | \"horizontal\") {\n    this.stzhDirectionChange.emit({\n      component: \"stzh-datalist\",\n      value: newValue\n    });\n  }\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n  }\n\n  resizeHandler = () => {\n    if (media(\"ultra\").matches && this.directionUltra !== \"inherit\") {\n      this.currentDirection = this.directionUltra;\n    } else if (media(\"large\").matches && this.directionLarge !== \"inherit\") {\n      this.currentDirection = this.directionLarge;\n    } else if (media(\"medium\").matches && this.directionMedium !== \"inherit\") {\n      this.currentDirection = this.directionMedium;\n    } else if (media(\"small\").matches && this.directionSmall !== \"inherit\") {\n      this.currentDirection = this.directionSmall;\n    } else {\n      this.currentDirection = this.direction;\n    }\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    this.hideBorderWatcher(this.hideBorder);\n    this.resizeHandler();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.resizeHandler);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.resizeHandler);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-datalist\": true,\n      \"stzh-datalist--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist--direction-${this.currentDirection}`]: !!this.currentDirection\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-datalist__list\" role=\"list\">\n            {this._items.map((item) =>\n              <stzh-datalist-item {...item}>\n                {item.items && item.items.length > 0 &&\n                  <stzh-datalist items={item.items}></stzh-datalist>\n                }\n              </stzh-datalist-item>\n            )}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --font-family: var(--stzh-font-family-regular);\n  --font-weight: var(--stzh-font-weight-regular);\n  --color: inherit;\n  --action-display: flex;\n  --label-min-width: var(--item-label-min-width, none);\n  --leading-icon-background-color: #{$colorGrey5};\n  --leading-icon-color: #{$colorGrey70};\n\n  --hover-leading-icon-background-color: #{$colorPrimaryHover};\n  --hover-leading-icon-color: #{$colorWhite};\n\n  --horizontal-min-height: 48px;\n\n  display: contents;\n\n  &[href]:not([href=\"\"]),\n  &[a11y-expanded],\n  &[a11y-controls] {\n    --color: #{$colorPrimary};\n    --hover-color: #{$colorPrimaryHover};\n  }\n\n  ::slotted(stzh-datalist) {\n    margin-left: space('large');\n  }\n}\n\n.stzh-datalist-item {\n  position: relative;\n  text-decoration-line: none;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__leading,\n  &__value,\n  &__label,\n  &__meta,\n  &__action-list {\n    color: inherit;\n    display: flex;\n    align-items: center;\n    appearance: none;\n    font-family: inherit;\n    background: transparent;\n    border: none;\n    padding: 0;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__leading {\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      padding-right: space('xsmall');\n    }\n  }\n\n  &__leading-icon-container {\n    color: var(--leading-icon-color);\n    background-color: var(--leading-icon-background-color);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__value {\n    @include fontCurve('p1');\n    font-family: var(--font-family);\n    font-weight: var(--font-weight);\n    flex-grow: 1;\n  }\n\n  &__value,\n  &__icon {\n    color: var(--color);\n  }\n\n  &__label,\n  &__meta {\n    @include fontCurve('caption');\n  }\n\n  &__meta {\n    justify-content: flex-end;\n  }\n\n  &__label {\n    @include font('medium');\n    color: $baseLeadColor;\n  }\n\n  &__action-list {\n    display: var(--action-display);\n    justify-content: center;\n    text-align: center;\n\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &__action {\n    &.is-non-interactive {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: $formInputHeightTiny;\n      height: $formInputHeightTiny;\n    }\n\n    &.is-button[variant=\"tertiary\"] {\n      --color: inherit;\n    }\n  }\n\n  &__value,\n  &__icon {\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__richtext {\n    color: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n  }\n\n  &__interactive {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  /* Button variant */\n\n  &--is-button &__icon.is-open {\n    display: none;\n  }\n\n  &--is-button#{&}--is-expanded &__icon {\n    &.is-closed {\n      display: none;\n    }\n\n    &.is-open {\n      display: inline-flex;\n    }\n  }\n\n  /* Interactive variant */\n\n  &--is-interactive:hover &__value,\n  &--is-interactive:hover &__icon {\n    color: var(--hover-color);\n  }\n\n  &--is-interactive:hover &__value {\n    text-decoration-line: underline;\n  }\n\n  &--is-interactive:hover &__leading-icon-container,\n  &--is-interactive:focus-within &__leading-icon-container {\n    color: var(--hover-leading-icon-color);\n    background-color: var(--hover-leading-icon-background-color);\n  }\n\n  /* Vertical variant */\n\n  &--direction-vertical {\n    display: flex;\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-vertical#{&}--has-hidden-border {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  &--direction-vertical:not(#{&}--has-hidden-border) {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-vertical &__leading-icon-container {\n    width: 40px;\n    height: 40px;\n  }\n\n  &--direction-vertical &__leading-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &--direction-vertical &__meta {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  /* Horizontal variant */\n\n  &--direction-horizontal,\n  &--direction-horizontal + &__nested {\n    display: contents;\n  }\n\n  &--direction-horizontal + &__nested &__nested-inner {\n    grid-column: 1 / 6;\n  }\n\n  &--direction-horizontal &__leading,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__meta,\n  &--direction-horizontal &__action-list {\n    min-height: var(--horizontal-min-height);\n  }\n\n  &--direction-horizontal &__label,\n  &--direction-horizontal &__value,\n  &--direction-horizontal &__meta {\n    padding-top: space('xsmall');\n    padding-bottom: space('xsmall');\n  }\n\n  &--direction-horizontal#{&}--has-hidden-border &__label,\n  &--direction-horizontal#{&}--has-hidden-border &__value,\n  &--direction-horizontal#{&}--has-hidden-border &__meta {\n    padding-top: calc(#{space('xsmall')} / 2);\n    padding-bottom: calc(#{space('xsmall')} / 2);\n  }\n\n  // &--direction-horizontal:not(#{&}--has-hidden-border) &__leading,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__label,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__value,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__meta,\n  &--direction-horizontal:not(#{&}--has-hidden-border) &__action-list {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  &--direction-horizontal &__label {\n    &:not(:empty) {\n      min-width: var(--label-min-width);\n      padding-right: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__meta {\n    &:not(:empty) {\n      padding-left: space('xsmall');\n    }\n  }\n\n  &--direction-horizontal &__leading-icon-container {\n    width: 32px;\n    height: 32px;\n  }\n\n  &--direction-horizontal &__meta-status + &__meta-text {\n    margin-left: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhDatalistItemActionClickEvent,\n  StzhDatalistDirectionChangeEvent,\n  StzhDatalistHideBorderChangeEvent\n} from \"../../index\";\n\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet datalistItemCounter = 0;\n\n/**\n * @slot - Slot for nested datalist\n * @slot value - Slot for value (or use value slot instead)\n */\n@Component({\n  tag: \"stzh-datalist-item\",\n  styleUrl: \"stzh-datalist-item.scss\",\n  scoped: true\n})\nexport class StzhDatalistItem {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Link */\n  @Prop({ reflect: true }) href: string;\n\n  /** Rel (if href is used) */\n  @Prop() rel: string;\n\n  /** Target (if href is used) */\n  @Prop() target: string;\n\n  /** Download attribute of link (if `href` used) */\n  @Prop() download: string;\n\n  /** Leading icon */\n  @Prop() leadingIcon: string;\n\n  /** Icon of action button (if href is used, will only be for presentation and default to link icon) */\n  @Prop() icon: string;\n\n  /** Overwrite aria-label of action button (default aria label is `label` and `value`). */\n  @Prop() iconLabel: string;\n\n  /** Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button. */\n  @Prop() iconTooltip: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value (or use value slot instead) */\n  @Prop() value: string = \"\";\n\n  /** Meta */\n  @Prop() meta: string = \"\";\n\n  /** Status Label */\n  @Prop() statusLabel: string = \"\";\n\n  /** Status Type */\n  @Prop() statusType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Hide border lines */\n  @Prop({ reflect: true }) hideBorder: boolean = false;\n\n  /** Aria expanded of link/button */\n  @Prop({ reflect: true, attribute: \"a11y-expanded\" }) a11yExpanded: boolean;\n\n  /** Aria controls of link/button */\n  @Prop({ attribute: \"a11y-controls\" }) a11yControls: string;\n\n  /** Whether rel contains external */\n  @State() external: boolean = false;\n\n  /** Item action click event */\n  @Event() stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;\n\n  @Element() element: HTMLStzhDatalistItemElement;\n\n  @Watch(\"rel\")\n  externalWatcher() {\n    this.external = this.rel && this.rel.includes(\"external\");\n  }\n\n  private datalist: HTMLStzhDatalistElement;\n  private datalistItemId: string;\n\n  private actionClick = (originalEvent: MouseEvent) => {\n    this.stzhItemActionClick.emit({\n      component: \"stzh-datalist-item\",\n      originalEvent\n    });\n  }\n\n  private handleDirectionChange = (event: CustomEvent<StzhDatalistDirectionChangeEvent>) => {\n    this.direction = event.detail.value;\n  }\n\n  private handleHideBorderChange = (event: CustomEvent<StzhDatalistHideBorderChangeEvent>) => {\n    this.hideBorder = event.detail.value;\n  }\n\n  private renderInner(isButton: boolean): DocumentFragment {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Fragment>\n        <Item\n          aria-hidden={this.label ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-label`}\n          class={{\n            \"stzh-datalist-item__label\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.label}\n        </Item>\n\n        <Item\n          id={`${this.datalistItemId}-value`}\n          class={{\n            \"stzh-datalist-item__value\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n          aria-labelledby={Item !== 'div' ? `${this.datalistItemId}-label ${this.datalistItemId}-value ${this.datalistItemId}-meta` : null}\n          aria-controls={this.a11yControls || null}\n          aria-expanded={typeof this.a11yExpanded !== \"undefined\"\n            ? (this.a11yExpanded ? \"true\" : \"false\") : null}\n        >\n          {this.external && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.externalLinkLabel}</div>}\n          {this.download && <div class=\"stzh-datalist-item__vhidden\">{this.localization.$globals.downloadLinkLabel}</div>}\n          <stzh-richtext class=\"stzh-datalist-item__richtext\" innerHTML={this.value}>\n            <slot name=\"value\"></slot>\n          </stzh-richtext>\n        </Item>\n\n        <Item\n          aria-hidden={this.statusLabel || this.meta ? null : \"true\"}\n          tabindex=\"-1\"\n          id={`${this.datalistItemId}-meta`}\n          class={{\n            \"stzh-datalist-item__meta\": true,\n            \"is-button\": isButton,\n            \"is-link\": !!this.href\n          }}\n          href={this.href}\n          rel={this.rel}\n          target={this.target}\n          download={this.download}\n        >\n          {this.statusLabel &&\n            <stzh-status\n              class=\"stzh-datalist-item__meta-status\"\n              label={this.statusLabel}\n              type={this.statusType}\n            ></stzh-status>\n          }\n          {this.meta && <span class=\"stzh-datalist-item__meta-text\">{this.meta}</span>}\n        </Item>\n      </Fragment>\n    )\n  }\n\n  private renderLeadingIcon(isButton: boolean): HTMLElement {\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    return (\n      <Item\n        role=\"presentation\"\n        aria-hidden=\"true\"\n        tabindex=\"-1\"\n        class={{\n          \"stzh-datalist-item__leading\": true,\n          \"is-button\": isButton,\n          \"is-link\": !!this.href\n        }}\n        href={this.href}\n        rel={this.rel}\n        target={this.target}\n        download={this.download}\n      >\n        {this.leadingIcon &&\n          <div class=\"stzh-datalist-item__leading-icon-container\">\n            <stzh-icon class=\"stzh-datalist-item__leading-icon\" name={this.leadingIcon}></stzh-icon>\n          </div>\n        }\n      </Item>\n    );\n  }\n\n  async connectedCallback() {\n    this.datalist = this.element.closest(\"stzh-datalist\");\n\n    if (this.datalist) {\n      this.direction = this.datalist.currentDirection;\n      this.hideBorder = this.datalist.hideBorder;\n\n      this.datalist.addEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.addEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.datalist) {\n      this.datalist.removeEventListener(\"stzhDirectionChange\", this.handleDirectionChange);\n      this.datalist.removeEventListener(\"stzhHideBorderChange\", this.handleHideBorderChange);\n      this.datalist = null;\n    }\n  }\n\n  async componentWillLoad() {\n    this.datalistItemId = `stzh-datalist-item-${datalistItemCounter++}`;\n    this.externalWatcher();\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datalist-item\");\n    }\n  }\n\n  render() {\n    const isButton = typeof this.a11yExpanded !== \"undefined\"\n      || typeof this.a11yControls !== \"undefined\";\n\n    const hasActionButton = !this.href && this.icon;\n\n    const classes = {\n      \"stzh-datalist-item\": true,\n      \"stzh-datalist-item--is-interactive\": !!this.href || isButton,\n      \"stzh-datalist-item--is-link\": !!this.href,\n      \"stzh-datalist-item--is-button\": isButton,\n      \"stzh-datalist-item--is-expanded\": this.a11yExpanded,\n      \"stzh-datalist-item--has-hidden-border\": this.hideBorder,\n      [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction\n    };\n\n    const Item = isButton ? \"button\" : (this.href ? \"a\" : \"div\");\n\n    const ActionButton = () => {\n      return (\n        <stzh-button\n          class={{\n            \"stzh-datalist-item__action\": true,\n            \"is-button\": true\n          }}\n          variant=\"tertiary\"\n          size=\"tiny\"\n          aria-label={this.iconLabel || (`${this.label} ${this.value}`)}\n          iconOnly={true}\n          icon={this.icon}\n          onClick={this.actionClick}\n        ></stzh-button>\n      );\n    }\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.direction === \"horizontal\" ?\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              {this.renderInner(isButton)}\n            </Fragment>\n            :\n            <Fragment>\n              {this.renderLeadingIcon(isButton)}\n              <div class=\"stzh-datalist-item__wrapper\">\n                {this.renderInner(isButton)}\n              </div>\n            </Fragment>\n          }\n          <Item\n            role={hasActionButton ? null : \"presentation\"}\n            aria-hidden={hasActionButton ? null : \"true\"}\n            tabindex=\"-1\"\n            class={{\n              \"stzh-datalist-item__action-list\": true,\n              \"is-button\": isButton,\n              \"is-link\": !!this.href\n            }}\n            href={this.href}\n            rel={this.rel}\n            target={this.target}\n            download={this.download}\n          >\n            {this.href &&\n              (this.download ?\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : \"download\"}></stzh-icon>\n                </div>\n                :\n                <div class=\"stzh-datalist-item__action is-non-interactive\">\n                  <stzh-icon class=\"stzh-datalist-item__icon\" name={this.icon ? this.icon : (this.external ? \"external-link\" : \"arrow-right\")}></stzh-icon>\n                </div>\n              )\n            }\n\n            {isButton &&\n              <div class=\"stzh-datalist-item__action is-non-interactive\">\n                <stzh-icon class=\"stzh-datalist-item__icon is-closed\" name={this.icon ? this.icon : \"plus\"}></stzh-icon>\n                <stzh-icon class=\"stzh-datalist-item__icon is-open\" name={this.icon ? this.icon : \"minus\"}></stzh-icon>\n              </div>\n            }\n\n            {hasActionButton &&\n              (this.iconTooltip ?\n                <stzh-tooltip content={this.iconTooltip}>\n                  {ActionButton()}\n                </stzh-tooltip>\n                :\n                ActionButton())\n            }\n          </Item>\n        </div>\n\n        <div class=\"stzh-datalist-item__nested\">\n          <div class=\"stzh-datalist-item__nested-inner\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}