@oiz/stzh-components 1.5.0-alpha → 2.0.0

package/dist/cjs/{app-globals-3b6f75bd.js → app-globals-ec8cc33e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "@oiz/stzh-components";
-const version = "1.5.0-alpha";
+const version = "2.0.0";
 
 const packageName = name.substring(name.indexOf('/')+1);
 

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ac9bdc7f.js');
-const appGlobals = require('./app-globals-3b6f75bd.js');
+const appGlobals = require('./app-globals-ec8cc33e.js');
 
 /*
  Stencil Client Patch Esm v2.18.0 | MIT Licensed | https://stenciljs.com
@@ -16,7 +16,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"stzh-appointments.cjs\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-datamessagelist-item.cjs\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"description\":[1],\"externalHref\":[1,\"external-href\"],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1]}]]],[\"stzh-servicecard.cjs\",[[6,\"stzh-servicecard\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"heading\":[1],\"subtitle\":[1],\"actions\":[1],\"subtitleInteractive\":[4,\"subtitle-interactive\"],\"type\":[513],\"middleVariant\":[513,\"middle-variant\"],\"middleVerticalSpacing\":[513,\"middle-vertical-spacing\"],\"rightVerticalSpacing\":[513,\"right-vertical-spacing\"],\"sortableDisabled\":[516,\"sortable-disabled\"],\"collapsible\":[516],\"hideMovementActions\":[4,\"hide-movement-actions\"]},[[11,\"resize\",\"handleResize\"]]]]],[\"stzh-datatable.cjs\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-saptcha.cjs\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker.cjs\",[[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]}]]],[\"stzh-vbz-ticker.cjs\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-chip-select.cjs\",[[2,\"stzh-chip-select\",{\"data\":[1],\"label\":[1],\"value\":[1]}]]],[\"stzh-servicecard-list.cjs\",[[6,\"stzh-servicecard-list\",{\"localization\":[16],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableDisabled\":[4,\"sortable-disabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"sortableGhostClone\":[16],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-upload.cjs\",[[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],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64]}]]],[\"stzh-footer.cjs\",[[4,\"stzh-footer\",{\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"localization\":[16]}]]],[\"stzh-checkbox.cjs\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup.cjs\",[[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\":[16]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog.cjs\",[[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\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-progressbar.cjs\",[[2,\"stzh-progressbar\",{\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle.cjs\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-fieldset.cjs\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-message.cjs\",[[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-accordion.cjs\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-accordion-item.cjs\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"headingLevel\":[513,\"heading-level\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-actions.cjs\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav.cjs\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"]}]]],[\"stzh-cell.cjs\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-container.cjs\",[[6,\"stzh-container\"]]],[\"stzh-cspace.cjs\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist.cjs\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-figure.cjs\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1]}]]],[\"stzh-flyingfocus.cjs\",[[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,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header.cjs\",[[6,\"stzh-header\",{\"href\":[1],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"resize\",\"resizeListener\"],[8,\"DOMContentLoaded\",\"resizeListener\"],[8,\"load\",\"resizeListener\"],[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr.cjs\",[[2,\"stzh-hr\"]]],[\"stzh-hspace.cjs\",[[6,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-icon-sprite.cjs\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-list.cjs\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item.cjs\",[[1,\"stzh-list-item\"]]],[\"stzh-loader.cjs\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-loadingbar.cjs\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav.cjs\",[[6,\"stzh-metanav\"]]],[\"stzh-overlay.cjs\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks.cjs\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle.cjs\",[[6,\"stzh-pagetitle\"]]],[\"stzh-portal-mitwirken.cjs\",[[0,\"stzh-portal-mitwirken\"]]],[\"stzh-readspeaker.cjs\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row.cjs\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section.cjs\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-skiplink.cjs\",[[6,\"stzh-skiplink\",{\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-table.cjs\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-visuallyhidden.cjs\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace.cjs\",[[6,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-progressbar-item.cjs\",[[6,\"stzh-progressbar-item\",{\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513]}]]],[\"stzh-vbz-linechip.cjs\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"setFocus\":[64]}]]],[\"stzh-sortable.cjs\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-status.cjs\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[4,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-badge_3.cjs\",[[6,\"stzh-button\",{\"badge\":[1],\"badgePosition\":[513,\"badge-position\"],\"fullwidth\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"href\":[1],\"target\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-ghettobox_2.cjs\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-dropdown.cjs\",[[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],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"placeholder\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"loadItems\":[64]}]]],[\"stzh-calendar.cjs\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-chip.cjs\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"invert\":[516],\"setFocus\":[64]}]]],[\"stzh-tooltip.cjs\",[[6,\"stzh-tooltip\",{\"open\":[1028],\"label\":[1],\"content\":[1],\"placement\":[1],\"skidding\":[2],\"distance\":[2],\"interactive\":[4],\"trigger\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleDocumentClick\"]]]]],[\"stzh-heading.cjs\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-popover.cjs\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-input.cjs\",[[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],\"placeholder\":[1],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_4.cjs\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"placeholder\":[1],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[16]},[[0,\"stzhChange\",\"onChange\"]]],[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-menu_2.cjs\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"icon\":[1],\"active\":[4],\"label\":[1],\"href\":[1],\"target\":[1],\"disabled\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]],[\"stzh-link.cjs\",[[6,\"stzh-link\",{\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"target\":[1],\"type\":[1],\"variant\":[513],\"badge\":[1],\"badgePosition\":[513,\"badge-position\"],\"disabled\":[516],\"active\":[516],\"iconOnly\":[516,\"icon-only\"],\"label\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"setFocus\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"stzh-appointments.cjs\",[[2,\"stzh-appointments\",{\"localization\":[16],\"sortBy\":[1025,\"sort-by\"],\"appointments\":[1],\"currentDate\":[1025,\"current-date\"],\"value\":[1025],\"name\":[513],\"showItems\":[1026,\"show-items\"],\"stepItems\":[2,\"step-items\"],\"calendarTitle\":[1,\"calendar-title\"],\"appointmentsTitle\":[1,\"appointments-title\"],\"dateAdapter\":[16]}]]],[\"stzh-card.cjs\",[[6,\"stzh-card\",{\"localization\":[16],\"collapsed\":[1540],\"starred\":[1540],\"starrable\":[516],\"selectable\":[516],\"checked\":[516],\"name\":[513],\"value\":[1025],\"disabled\":[516],\"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\"],\"hideMovementActions\":[4,\"hide-movement-actions\"]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-datamessagelist-item.cjs\",[[2,\"stzh-datamessagelist-item\",{\"localization\":[16],\"heading\":[1],\"unread\":[4],\"href\":[1],\"description\":[1],\"externalHref\":[1,\"external-href\"],\"loadingStatus\":[1,\"loading-status\"],\"meta\":[1],\"actions\":[1],\"tags\":[1]}]]],[\"stzh-datatable.cjs\",[[4,\"stzh-datatable\",{\"localization\":[16],\"label\":[1],\"sortBy\":[1025,\"sort-by\"],\"sortDirection\":[1025,\"sort-direction\"],\"tokenize\":[1],\"idField\":[1,\"id-field\"],\"rows\":[1],\"columns\":[1],\"query\":[32],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32],\"toggleSort\":[64]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-card-list.cjs\",[[6,\"stzh-card-list\",{\"localization\":[16],\"showToggleLink\":[516,\"show-toggle-link\"],\"sortableEnabled\":[4,\"sortable-enabled\"],\"sortableDataIdAttribute\":[1,\"sortable-data-id-attribute\"],\"allCollapsed\":[32]},[[0,\"stzhCollapse\",\"collapseListener\"]]]]],[\"stzh-chip-select.cjs\",[[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\"]}]]],[\"stzh-datalist.cjs\",[[2,\"stzh-datalist\",{\"direction\":[513],\"directionSmall\":[513,\"direction-small\"],\"directionMedium\":[513,\"direction-medium\"],\"directionLarge\":[513,\"direction-large\"],\"directionUltra\":[513,\"direction-ultra\"],\"hideBorder\":[516,\"hide-border\"],\"items\":[1]}]]],[\"stzh-footer.cjs\",[[4,\"stzh-footer\",{\"copyright\":[1],\"variant\":[1],\"mainUrl\":[1,\"main-url\"],\"localization\":[16]}]]],[\"stzh-accordion-item.cjs\",[[6,\"stzh-accordion-item\",{\"open\":[1540],\"disabled\":[516],\"heading\":[1],\"subtitle\":[1],\"description\":[1],\"icon\":[1],\"badge\":[1],\"badgeEmpty\":[516,\"badge-empty\"],\"badgeType\":[513,\"badge-type\"],\"headingLevel\":[513,\"heading-level\"],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64]}]]],[\"stzh-checkbox.cjs\",[[6,\"stzh-checkbox\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"showMarker\":[516,\"show-marker\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-checkboxgroup.cjs\",[[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\":[16]},[[0,\"stzhChange\",\"onChange\"]]]]],[\"stzh-dialog.cjs\",[[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\"],\"show\":[64],\"hide\":[64]},[[6,\"click\",\"handleOutsideClick\"],[4,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleOpenTriggerClick\"]]]]],[\"stzh-fieldset.cjs\",[[6,\"stzh-fieldset\",{\"legend\":[1],\"hideLegend\":[4,\"hide-legend\"],\"legendLevel\":[1,\"legend-level\"],\"legendCurve\":[1,\"legend-curve\"]}]]],[\"stzh-message.cjs\",[[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-accordion.cjs\",[[6,\"stzh-accordion\",{\"collapsible\":[4],\"multiselectable\":[4],\"setItemFocus\":[64]},[[0,\"stzhOpen\",\"openListener\"]]]]],[\"stzh-actions.cjs\",[[6,\"stzh-actions\",{\"variant\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-appnav.cjs\",[[6,\"stzh-appnav\",{\"appTitle\":[1,\"app-title\"],\"appStatus\":[1,\"app-status\"],\"appHref\":[1,\"app-href\"]}]]],[\"stzh-cell.cjs\",[[1,\"stzh-cell\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justifySelf\":[513,\"justify-self\"],\"alignSelf\":[513,\"align-self\"]}]]],[\"stzh-container.cjs\",[[6,\"stzh-container\"]]],[\"stzh-cspace.cjs\",[[6,\"stzh-cspace\"]]],[\"stzh-datamessagelist.cjs\",[[6,\"stzh-datamessagelist\"]]],[\"stzh-figure.cjs\",[[6,\"stzh-figure\",{\"caption\":[1],\"copyright\":[1]}]]],[\"stzh-flyingfocus.cjs\",[[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,\"blur\",\"handleBlur\"],[7,\"scroll\",\"handleScrollResize\"],[11,\"resize\",\"handleScrollResize\"]]]]],[\"stzh-header.cjs\",[[6,\"stzh-header\",{\"href\":[1],\"preventAppnavPlaceholder\":[4,\"prevent-appnav-placeholder\"],\"hideLogo\":[32],\"paddingTop\":[32],\"metabarTransform\":[32],\"sticky\":[32],\"stickyClosing\":[32],\"stickyMetabar\":[32],\"stickyMetabarEnd\":[32],\"updatePosition\":[64]},[[9,\"resize\",\"resizeListener\"],[8,\"DOMContentLoaded\",\"resizeListener\"],[8,\"load\",\"resizeListener\"],[9,\"scroll\",\"scrollListener\"]]]]],[\"stzh-hr.cjs\",[[2,\"stzh-hr\"]]],[\"stzh-hspace.cjs\",[[6,\"stzh-hspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-icon-sprite.cjs\",[[0,\"stzh-icon-sprite\"]]],[\"stzh-list.cjs\",[[1,\"stzh-list\",{\"variant\":[513]}]]],[\"stzh-list-item.cjs\",[[1,\"stzh-list-item\"]]],[\"stzh-loader.cjs\",[[6,\"stzh-loader\",{\"size\":[1],\"label\":[1],\"hideLabel\":[4,\"hide-label\"]}]]],[\"stzh-loadingbar.cjs\",[[2,\"stzh-loadingbar\",{\"percent\":[2],\"hidePercent\":[4,\"hide-percent\"],\"label\":[1]}]]],[\"stzh-metanav.cjs\",[[6,\"stzh-metanav\"]]],[\"stzh-badge_3.cjs\",[[6,\"stzh-button\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgePosition\":[513,\"badge-position\"],\"badgeEmpty\":[516,\"badge-empty\"],\"fullwidth\":[516],\"size\":[513],\"textAlign\":[513,\"text-align\"],\"variant\":[513],\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"checked\":[1540],\"name\":[513],\"value\":[1025],\"href\":[1],\"target\":[1],\"type\":[1],\"disabled\":[516],\"active\":[516],\"label\":[1],\"effect\":[1],\"iconOnly\":[516,\"icon-only\"],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[2,\"stzh-badge\",{\"label\":[1],\"type\":[513]}],[2,\"stzh-icon\",{\"name\":[1],\"a11yTitle\":[1,\"a11y-title\"]}]]],[\"stzh-saptcha.cjs\",[[2,\"stzh-saptcha\",{\"localization\":[16],\"numbers\":[1],\"value\":[1],\"name\":[513],\"error\":[1],\"invalid\":[516],\"disabled\":[516]}]]],[\"stzh-vbz-majorticker.cjs\",[[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]}]]],[\"stzh-vbz-ticker.cjs\",[[6,\"stzh-vbz-ticker\",{\"api\":[1],\"data\":[8],\"moreInfoLink\":[1,\"more-info-link\"],\"dateAdapter\":[16],\"localization\":[16]}]]],[\"stzh-upload.cjs\",[[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],\"error\":[1],\"acceptedFiles\":[1,\"accepted-files\"],\"autoProcessQueue\":[4,\"auto-process-queue\"],\"maxFiles\":[2,\"max-files\"],\"maxFilesize\":[2,\"max-filesize\"],\"parallelUploads\":[2,\"parallel-uploads\"],\"uploadMultiple\":[4,\"upload-multiple\"],\"chunking\":[4],\"forceChunking\":[4,\"force-chunking\"],\"chunkSize\":[2,\"chunk-size\"],\"parallelChunkUploads\":[4,\"parallel-chunk-uploads\"],\"retryChunks\":[4,\"retry-chunks\"],\"retryChunksLimit\":[2,\"retry-chunks-limit\"],\"filesizeBase\":[2,\"filesize-base\"],\"headers\":[16],\"defaultHeaders\":[4,\"default-headers\"],\"accept\":[16],\"chunksUploaded\":[16],\"hiddenInputContainer\":[1,\"hidden-input-container\"],\"localization\":[16],\"processQueue\":[64]}]]],[\"stzh-progressbar.cjs\",[[2,\"stzh-progressbar\",{\"data\":[1],\"index\":[2],\"steps\":[2],\"stepsSmall\":[2,\"steps-small\"],\"stepsMedium\":[2,\"steps-medium\"],\"stepsLarge\":[2,\"steps-large\"],\"stepsUltra\":[2,\"steps-ultra\"],\"currentSteps\":[32]}]]],[\"stzh-toggle.cjs\",[[6,\"stzh-toggle\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-overlay.cjs\",[[6,\"stzh-overlay\",{\"open\":[1028],\"stay\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"show\":[64],\"hide\":[64]}]]],[\"stzh-page-skiplinks.cjs\",[[6,\"stzh-page-skiplinks\"]]],[\"stzh-pagetitle.cjs\",[[6,\"stzh-pagetitle\"]]],[\"stzh-portal-mitwirken.cjs\",[[0,\"stzh-portal-mitwirken\"]]],[\"stzh-readspeaker.cjs\",[[4,\"stzh-readspeaker\",{\"href\":[1],\"eventId\":[1,\"event-id\"]},[[8,\"DOMContentLoaded\",\"addClickEvents\"],[8,\"load\",\"addClickEvents\"]]]]],[\"stzh-row.cjs\",[[1,\"stzh-row\",{\"span\":[2],\"spanSmall\":[2,\"span-small\"],\"spanMedium\":[2,\"span-medium\"],\"spanLarge\":[2,\"span-large\"],\"spanUltra\":[2,\"span-ultra\"],\"justify\":[513],\"items\":[513],\"content\":[513]}]]],[\"stzh-section.cjs\",[[6,\"stzh-section\",{\"variant\":[1]}]]],[\"stzh-skiplink.cjs\",[[6,\"stzh-skiplink\",{\"href\":[1],\"linkAccesskey\":[1,\"link-accesskey\"],\"linkTitle\":[1,\"link-title\"],\"focused\":[32]},[[0,\"focusin\",\"focusinHandler\"],[0,\"focusout\",\"focusoutHandler\"]]]]],[\"stzh-table.cjs\",[[4,\"stzh-table\",{\"fixedLeft\":[2,\"fixed-left\"],\"fixedRight\":[2,\"fixed-right\"],\"hasScrollLeft\":[32],\"hasScrollRight\":[32],\"isScrollable\":[32],\"cellsStickyLeft\":[32],\"cellsStickyRight\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"stzh-visuallyhidden.cjs\",[[6,\"stzh-visuallyhidden\"]]],[\"stzh-vspace.cjs\",[[6,\"stzh-vspace\",{\"curve\":[1],\"size\":[1],\"sizeSmall\":[1,\"size-small\"],\"sizeMedium\":[1,\"size-medium\"],\"sizeLarge\":[1,\"size-large\"],\"sizeUltra\":[1,\"size-ultra\"],\"justify\":[1],\"around\":[4],\"border\":[1]}]]],[\"stzh-actionset.cjs\",[[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]},[[8,\"appload\",\"handleResize\"],[9,\"resize\",\"handleResize\"],[8,\"DOMContentLoaded\",\"handleResize\"],[8,\"load\",\"handleResize\"]]]]],[\"stzh-progressbar-item.cjs\",[[6,\"stzh-progressbar-item\",{\"first\":[516],\"last\":[516],\"passed\":[516],\"current\":[516],\"hide\":[516],\"dotted\":[516],\"step\":[514],\"icon\":[513]}]]],[\"stzh-vbz-linechip.cjs\",[[2,\"stzh-vbz-linechip\",{\"line\":[1],\"active\":[516],\"alert\":[516],\"global\":[516],\"setFocus\":[64]}]]],[\"stzh-sortable.cjs\",[[6,\"stzh-sortable\",{\"localization\":[16],\"disabled\":[516],\"dataIdAttribute\":[1,\"data-id-attribute\"],\"container\":[16],\"ghostClone\":[16],\"filterElements\":[1,\"filter-elements\"],\"toArray\":[64],\"sort\":[64],\"moveItem\":[64]}]]],[\"stzh-status.cjs\",[[2,\"stzh-status\",{\"percent\":[2],\"withLoadingbar\":[4,\"with-loadingbar\"],\"label\":[1],\"type\":[513]}]]],[\"stzh-ghettobox_2.cjs\",[[6,\"stzh-ghettobox\",{\"hiddenTitle\":[1,\"hidden-title\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"publishDate\":[1,\"publish-date\"],\"closeTimeKey\":[1,\"close-time-key\"],\"localization\":[16],\"open\":[32],\"show\":[64],\"hide\":[64]}],[6,\"stzh-richtext\",{\"externalLinkSelector\":[1,\"external-link-selector\"],\"externalLinkIcon\":[1,\"external-link-icon\"]}]]],[\"stzh-dropdown.cjs\",[[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],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"popoverPlacement\":[513,\"popover-placement\"],\"label\":[1],\"icon\":[1],\"noSearch\":[4,\"no-search\"],\"noBackspaceDelete\":[4,\"no-backspace-delete\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"localization\":[16],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"resetLoadedSearches\":[64],\"getLoadedSearches\":[64],\"loadItems\":[64]}]]],[\"stzh-calendar.cjs\",[[2,\"stzh-calendar\",{\"value\":[1025],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocusedDay\":[64],\"setDate\":[64]}]]],[\"stzh-chip.cjs\",[[6,\"stzh-chip\",{\"label\":[1],\"icon\":[1],\"removable\":[516],\"variant\":[513],\"size\":[513],\"type\":[513],\"counter\":[1],\"removeLabel\":[1,\"remove-label\"],\"active\":[516],\"disabled\":[516],\"invert\":[516],\"a11yLabel\":[1,\"a11y-label\"],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}]]],[\"stzh-heading.cjs\",[[6,\"stzh-heading\",{\"level\":[513],\"curve\":[513],\"withBorder\":[516,\"with-border\"]}]]],[\"stzh-tooltip.cjs\",[[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\"]]]]],[\"stzh-popover.cjs\",[[6,\"stzh-popover\",{\"open\":[1540],\"placement\":[513],\"variant\":[513],\"skidding\":[2],\"distance\":[2],\"label\":[1],\"strategy\":[1],\"localization\":[16],\"computedPlacement\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"update\":[64]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"stzh-input.cjs\",[[6,\"stzh-input\",{\"localization\":[16],\"multiline\":[4],\"rows\":[2],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"showSpin\":[516,\"show-spin\"],\"readonly\":[516],\"disabled\":[516],\"clearable\":[516],\"showMarker\":[516,\"show-marker\"],\"minlength\":[2],\"maxlength\":[2],\"name\":[513],\"value\":[1025],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"inputmode\":[1],\"autocomplete\":[1],\"noAutocomplete\":[4,\"no-autocomplete\"],\"label\":[1],\"size\":[513],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"filled\":[32],\"setFocus\":[64]}]]],[\"stzh-datepicker_4.cjs\",[[6,\"stzh-datepicker\",{\"calendarMin\":[1,\"calendar-min\"],\"calendarMax\":[1,\"calendar-max\"],\"calendarIsDateDisabled\":[16],\"name\":[513],\"value\":[1025],\"label\":[1],\"readonly\":[516],\"disabled\":[516],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"size\":[513],\"inline\":[4],\"dateAdapter\":[16],\"localization\":[16],\"buttonLabel\":[32],\"setDate\":[64],\"getPopover\":[64]}],[6,\"stzh-radio\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"value\":[1025],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"checked\":[1540],\"label\":[1],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"a11yDescribedby\":[1,\"a11y-describedby\"],\"setFocus\":[64]}],[6,\"stzh-radiogroup\",{\"localization\":[16],\"disabled\":[516],\"name\":[513],\"legend\":[1],\"hideLegend\":[516,\"hide-legend\"],\"invalid\":[516],\"required\":[516],\"showMarker\":[516,\"show-marker\"],\"value\":[1025],\"direction\":[513],\"description\":[1],\"descriptionLong\":[1,\"description-long\"],\"error\":[1],\"checkedRadio\":[8,\"checked-radio\"],\"preventUpdateProperties\":[16]},[[0,\"stzhChange\",\"onChange\"]]],[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-link.cjs\",[[6,\"stzh-link\",{\"icon\":[1],\"iconPosition\":[513,\"icon-position\"],\"size\":[513],\"href\":[1],\"target\":[1],\"type\":[1],\"variant\":[513],\"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\"],\"setFocus\":[64]}]]],[\"stzh-menu_2.cjs\",[[6,\"stzh-menu-item\",{\"badge\":[1],\"badgeType\":[513,\"badge-type\"],\"badgeEmpty\":[516,\"badge-empty\"],\"icon\":[1],\"active\":[4],\"label\":[1],\"href\":[1],\"target\":[1],\"disabled\":[4],\"a11yLabel\":[1,\"a11y-label\"],\"setFocus\":[64]}],[6,\"stzh-menu\"]]]]"), options);
   });
 };
 

package/dist/cjs/stzh-accordion-item.cjs.entry.js

@@ -6,21 +6,21 @@ const index = require('./index-ac9bdc7f.js');
 const eventUtils = require('./event-utils-9b64c792.js');
 const animationUtils = require('./animation-utils-cfa35ce7.js');
 
-const stzhAccordionItemCss = ".sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background)}.stzh-accordion-item__heading.sc-stzh-accordion-item{margin:0}.stzh-accordion-item__button.sc-stzh-accordion-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);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-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-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__subtitle.sc-stzh-accordion-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
+const stzhAccordionItemCss = ".sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-padding:var(--stzh-accordion-content-padding);--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-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);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-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-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding:var(--content-padding)}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-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-accordion-item__description.sc-stzh-accordion-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-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5)}";
 
 const ANIMATION_SHOW = {
   keyframes: [
-    { height: '0', opacity: '0' },
-    { height: 'auto', opacity: '1' }
+    { height: "0", opacity: "0" },
+    { height: "auto", opacity: "1" }
   ],
-  options: { duration: 300, easing: 'linear' }
+  options: { duration: 300, easing: "linear" }
 };
 const ANIMATION_HIDE = {
   keyframes: [
-    { height: 'auto', opacity: '1' },
-    { height: '0', opacity: '0' }
+    { height: "auto", opacity: "1" },
+    { height: "0", opacity: "0" }
   ],
-  options: { duration: 300, easing: 'linear' }
+  options: { duration: 300, easing: "linear" }
 };
 let accordionItemCounter = 0;
 const StzhAccordionItem = class {
@@ -38,6 +38,16 @@ const StzhAccordionItem = class {
     this.heading = "";
     /** Subtitle */
     this.subtitle = "";
+    /** Description */
+    this.description = "";
+    /** Icon (use instead of icon slot) */
+    this.icon = "";
+    /** Badge */
+    this.badge = "";
+    /** Whether badge should be displayed empty */
+    this.badgeEmpty = false;
+    /** Badge type */
+    this.badgeType = "default";
     /** Heading level */
     this.headingLevel = "3";
     this.toggledByMethod = false;
@@ -92,32 +102,34 @@ const StzhAccordionItem = class {
     if (newValue) {
       if (this.toggledByMethod) {
         this.stzhOpen.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
       await animationUtils.stopAnimations(this.bodyElement);
       this.bodyElement.hidden = false;
       await animationUtils.animateTo(this.bodyElement, animationUtils.shimKeyframesHeightAuto(ANIMATION_SHOW.keyframes, this.bodyElement.scrollHeight), ANIMATION_SHOW.options);
-      this.bodyElement.style.height = 'auto';
+      this.bodyElement.style.height = "auto";
+      this.bodyElement.style.overflow = "auto";
       if (this.toggledByMethod) {
         this.stzhOpened.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
     }
     else {
       if (this.toggledByMethod) {
         this.stzhClose.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
       await animationUtils.stopAnimations(this.bodyElement);
       await animationUtils.animateTo(this.bodyElement, animationUtils.shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes, this.bodyElement.scrollHeight), ANIMATION_HIDE.options);
       this.bodyElement.hidden = true;
-      this.bodyElement.style.height = 'auto';
+      this.bodyElement.style.height = "0px";
+      this.bodyElement.style.overflow = "hidden";
       if (this.toggledByMethod) {
         this.stzhClosed.emit({
-          component: 'stzh-accordion-item'
+          component: "stzh-accordion-item"
         });
       }
     }
@@ -159,17 +171,23 @@ const StzhAccordionItem = class {
   }
   componentDidLoad() {
     this.bodyElement.hidden = !this.open;
-    this.bodyElement.style.height = this.open ? "auto" : "0";
+    this.bodyElement.style.height = this.open ? "auto" : "0px";
+    this.bodyElement.style.overflow = this.open ? "auto" : "hidden";
   }
   render() {
     const Heading = `h${this.headingLevel}`;
     const classes = {
       "stzh-accordion-item": true,
+      "stzh-accordion-item--has-description": !!this.description,
       "stzh-accordion-item--has-subtitle": !!this.subtitle,
       "stzh-accordion-item--is-open": this.open,
       "stzh-accordion-item--is-disabled": this.disabled,
     };
-    return (index.h(index.Host, null, index.h("div", { class: classes }, index.h(Heading, { id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, index.h("button", { ref: (el) => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onKeyDown: this.onButtonKeydown, type: "button" }, index.h("span", { class: "stzh-accordion-item__button-text" }, index.h("span", { class: "stzh-accordion-item__subtitle" }, this.subtitle), index.h("span", { class: "stzh-accordion-item__heading" }, this.heading)), index.h("span", { class: "stzh-accordion-item__button-icon" }))), index.h("div", { id: `${this.accordionItemId}-content`, ref: (el) => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, index.h("div", { class: "stzh-accordion-item__content-inner" }, index.h("slot", null))))));
+    return (index.h(index.Host, null, index.h("div", { class: classes }, index.h(Heading, { id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, index.h("button", { ref: (el) => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onKeyDown: this.onButtonKeydown, type: "button" }, index.h("span", { class: "stzh-accordion-item__icon-wrapper" }, this.icon ?
+      index.h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })
+      :
+        index.h("slot", { name: "icon" })), index.h("span", { class: "stzh-accordion-item__button-text" }, index.h("span", { class: "stzh-accordion-item__subtitle" }, this.subtitle), index.h("span", { class: "stzh-accordion-item__heading" }, this.heading), index.h("span", { class: "stzh-accordion-item__description" }, this.description)), index.h("span", { class: "stzh-accordion-item__button-icon" }), (this.badge || this.badgeEmpty) &&
+      index.h("stzh-badge", { class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { id: `${this.accordionItemId}-content`, ref: (el) => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, index.h("div", { class: "stzh-accordion-item__content-inner" }, index.h("slot", null))))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -0,0 +1,156 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ac9bdc7f.js');
+const translationUtils = require('./translation-utils-73073e44.js');
+const mediaUtils = require('./media-utils-8cfc8591.js');
+
+const stzhActionsetCss = ".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";
+
+const StzhActionset = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.stzhActionClick = index.createEvent(this, "stzhActionClick", 7);
+    /** Variant determining what position the action buttons are */
+    this.variant = "stack";
+    /** Popover button variant */
+    this.popoverButtonVariant = "";
+    /** Popover button size */
+    this.popoverButtonSize = "";
+    /** Popover placement */
+    this.popoverPlacement = "bottom-end";
+    /** Card header actions */
+    this.actions = [];
+    this._actions = [];
+    this.actionsCollapsed = [];
+    this.actionClick = (action) => {
+      this.stzhActionClick.emit({
+        component: "stzh-actionset",
+        action
+      });
+    };
+    this.update = () => {
+      this.isSmall = mediaUtils.media("small").matches;
+      this.isMedium = mediaUtils.media("medium").matches;
+      if (!this.actionsElement) {
+        return;
+      }
+      Object.assign(this.actionsElement.style, {
+        width: null,
+        height: null
+      });
+      let newActionsVisible = 0;
+      if (this.variant === "overflow" && this.isMedium
+        || this.variant === "stack" && this.isSmall) {
+        this.dynamicActions = true;
+        let newActionsHeight = 0;
+        let newActionsWidth = 0;
+        // update height and width
+        Array.from(this.actionsElement.children).forEach((child) => {
+          // check which item is visible and
+          if (child.offsetTop === 0) {
+            newActionsVisible++;
+            const style = getComputedStyle(child);
+            const marginLeft = parseInt(style.marginLeft);
+            const marginRight = parseInt(style.marginRight);
+            const marginTop = parseInt(style.marginTop);
+            const marginBottom = parseInt(style.marginBottom);
+            const childWidth = child.offsetWidth + marginLeft + marginRight;
+            const childHeight = child.offsetHeight + marginTop + marginBottom;
+            if (newActionsHeight < childHeight) {
+              newActionsHeight = childHeight;
+            }
+            newActionsWidth = newActionsWidth + childWidth;
+          }
+        });
+        Object.assign(this.actionsElement.style, {
+          width: `${newActionsWidth + 1}px`,
+          height: `${newActionsHeight}px`
+        });
+      }
+      else {
+        this.dynamicActions = false;
+        if (this.variant === "overflow") {
+          newActionsVisible = 0;
+        }
+        else if (this.variant === "stack") {
+          newActionsVisible = this._actions.length <= 3 ? this._actions.length : 2;
+        }
+      }
+      this.actionsCollapsed = this._actions.slice(newActionsVisible);
+    };
+  }
+  actionsWatcher(newValue) {
+    if (typeof newValue === "string") {
+      this._actions = JSON.parse(newValue);
+    }
+    else {
+      this._actions = newValue;
+    }
+  }
+  handleResize() {
+    if (this.debounceResize) {
+      window.cancelAnimationFrame(this.debounceResize);
+    }
+    this.debounceResize = requestAnimationFrame(this.update);
+  }
+  async componentWillLoad() {
+    this.actionsWatcher(this.actions);
+    if (!this.localization) {
+      this.localization = await translationUtils.fetchTranslations(this.element, "actionset");
+    }
+  }
+  componentDidLoad() {
+    this.update();
+  }
+  render() {
+    const classes = {
+      "stzh-actionset": true,
+      // "stzh-actionset--has-dynamic-actions": this.dynamicActions,
+      "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
+      [`stzh-actionset--${this.variant}`]: !!this.variant
+    };
+    const Action = (action) => (index.h("stzh-button", { class: {
+        "stzh-actionset__action": true,
+        "is-button": true,
+        // "show-medium": !action.onlyCollapseText,
+        // "hide-when-collapsed": !action.onlyCollapseText,
+        // "hide-text-when-collapsed": action.onlyCollapseText
+      }, role: "listitem", icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant
+        ? action.variant
+        : (this.variant === "stack" ? "secondary" : "tertiary"), size: action.size
+        ? action.size
+        : (this.variant === "stack" ? "default" : "tiny"), badgePosition: "icon", onClick: () => { this.actionClick(action); } }, index.h("span", { class: {
+      // "show-medium": action.onlyCollapseText,
+      // "hide-when-collapsed": action.onlyCollapseText
+      } }, action.label)));
+    return (index.h(index.Host, { "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { class: classes }, index.h("div", { class: "stzh-actionset__actions", role: "list" }, index.h("div", { ref: (el) => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => ((this.dynamicActions
+      || (!this.dynamicActions &&
+        this.actionsCollapsed.indexOf(action) === -1))
+      &&
+        (action.tooltipContent
+          ?
+            index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action))
+          :
+            Action(action))))), index.h("stzh-popover", { label: this.variant === "stack"
+        ? this.localization.furtherActions
+        : (!this.isMedium ? this.localization.actions : ""), strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, index.h("stzh-button", { fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+        ? this.popoverButtonVariant
+        : (this.variant === "stack" ? "secondary" : "tertiary"), size: this.popoverButtonSize !== ""
+        ? this.popoverButtonSize
+        : (this.variant === "stack" ? "default" : "tiny"), icon: this.variant === "stack" ? "angle-down" : "more-vertical", iconOnly: this.variant === "overflow" && this.isMedium, iconPosition: "right", label: this.variant === "stack"
+        ? this.localization.furtherActions
+        : (!this.isMedium ? this.localization.actions : "") }), index.h("stzh-menu", { slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
+      // class="hide-medium show-when-collapsed"
+      icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: () => { this.actionClick(action); }
+    }, action.label)))))))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "actions": ["actionsWatcher"]
+  }; }
+};
+StzhActionset.style = stzhActionsetCss;
+
+exports.stzh_actionset = StzhActionset;

package/dist/cjs/stzh-badge_3.cjs.entry.js

@@ -5,31 +5,42 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ac9bdc7f.js');
 const utils = require('./utils-8dc66449.js');
 
-const stzhBadgeCss = ".sc-stzh-badge-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{display:-ms-inline-flexbox;display:inline-flex}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--stzh-color-shiraz);color:var(--stzh-color-white);text-transform:uppercase}";
+const stzhBadgeCss = ".sc-stzh-badge-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";
 
 const StzhBadge = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /** Text content of the badge */
     this.label = "";
+    /** Type */
+    this.type = "default";
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "stzh-badge" }, this.label)));
+    const classes = {
+      "stzh-badge": true,
+      [`stzh-badge--type-${this.type}`]: !!this.type
+    };
+    return (index.h(index.Host, null, index.h("div", { class: classes }, this.label)));
   }
 };
 StzhBadge.style = stzhBadgeCss;
 
-const stzhButtonCss = "@charset \"UTF-8\";.sc-stzh-button-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}";
+const stzhButtonCss = "@charset \"UTF-8\";.sc-stzh-button-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:inline-block;border-radius:var(--stzh-button-border-radius)}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:var(--stzh-space-xxsmall) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);border:0.0625rem solid var(--border-color);cursor:pointer;text-decoration:none;width:100%;min-width:var(--height);height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{white-space:nowrap}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:\"\"}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-grey5)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-grey5)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{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-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}";
 
 const StzhButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.stzhFocus = index.createEvent(this, "stzhFocus", 7);
     this.stzhBlur = index.createEvent(this, "stzhBlur", 7);
+    this.stzhChange = index.createEvent(this, "stzhChange", 7);
     /** Display a badge aligned to button or icons */
     this.badge = "";
+    /** Badge type */
+    this.badgeType = "default";
     /** Badge position */
     this.badgePosition = "button";
+    /** Whether badge should be displayed empty */
+    this.badgeEmpty = false;
     /** Whether the button is full width */
     this.fullwidth = false;
     /** Size variant */
@@ -42,6 +53,12 @@ const StzhButton = class {
     this.icon = "";
     /** Icon Position */
     this.iconPosition = "left";
+    /** Checked status (if type is radio) */
+    this.checked = false;
+    /** The name of the input element (if type is radio) */
+    this.name = "";
+    /** The value of the input element (if type is radio) */
+    this.value = "";
     /** `href` if the button should be used as link  */
     this.href = "";
     /** Target if the button is used as link (if `href` used)  */
@@ -60,6 +77,15 @@ const StzhButton = class {
     this.iconOnly = false;
     /** Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
     this.a11yDescribedby = "";
+    this.onInput = (event) => {
+      this.checked = this.input.checked;
+      this.stzhChange.emit({
+        component: "stzh-button",
+        originalEvent: event,
+        value: this.value,
+        checked: this.checked
+      });
+    };
     this.onFocus = (event) => {
       const focusEvent = new FocusEvent("focus", {
         view: window,
@@ -99,15 +125,16 @@ const StzhButton = class {
     return (index.h("div", { class: "stzh-button__icon-wrapper" }, this.icon ?
       index.h("stzh-icon", { class: "stzh-button__icon", name: this.icon })
       :
-        index.h("slot", { name: "icon" }), this.badge && this.badgePosition === "icon" && iconUsed &&
-      index.h("stzh-badge", { class: "stzh-button__badge", label: this.badge })));
+        index.h("slot", { name: "icon" }), (this.badge || this.badgeEmpty) && this.badgePosition === "icon" && iconUsed &&
+      index.h("stzh-badge", { class: "stzh-button__badge", label: this.badge, type: this.badgeType })));
   }
   renderContent() {
     return (index.h("div", { class: "stzh-button__text" }, this.label ? this.label : index.h("slot", null)));
   }
   renderInner(iconUsed) {
-    return (index.h(index.Fragment, null, index.h("div", { class: "stzh-button__inner", onClick: this.onClick }, this.iconPosition === "left" && this.renderIcon(iconUsed), this.renderContent(), this.iconPosition === "right" && this.renderIcon(iconUsed)), this.badge && (this.badgePosition === "button" || !iconUsed) &&
-      index.h("stzh-badge", { class: "stzh-button__badge", label: this.badge, onClick: this.onClick })));
+    return (index.h(index.Fragment, null, index.h("div", { class: "stzh-button__inner", onClick: this.onClick }, this.type === "radio" &&
+      index.h("div", { class: "stzh-button__mark" }, index.h("div", { class: "stzh-button__check" })), this.iconPosition === "left" && this.renderIcon(iconUsed), this.renderContent(), this.iconPosition === "right" && this.renderIcon(iconUsed)), (this.badge || this.badgeEmpty) && (this.badgePosition === "button" || !iconUsed) &&
+      index.h("stzh-badge", { class: "stzh-button__badge", label: this.badge, type: this.badgeType, onClick: this.onClick })));
   }
   render() {
     const iconUsed = utils.hasSlot(this.element, "icon") || !!this.icon;
@@ -123,12 +150,16 @@ const StzhButton = class {
       [`stzh-button--badge-position-${this.badgePosition}`]: !!this.badgePosition,
       [`stzh-button--align-${this.textAlign}`]: !!this.textAlign,
       [`stzh-button--size-${this.size}`]: !!this.size,
+      [`stzh-button--type-${this.type}`]: !!this.type,
       [`stzh-button--${this.variant}`]: !!this.variant
     };
     return (index.h(index.Host, null, this.href ?
       index.h("a", { ref: (el) => (this.button = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))
       :
-        index.h("button", { ref: (el) => (this.button = el), class: classes, type: this.type, disabled: this.disabled, "aria-label": this.a11yLabel, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))));
+        this.type === "radio" ?
+          index.h("label", { ref: (el) => (this.button = el), class: classes, onClick: this.onClick }, index.h("input", { ref: (el) => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))
+          :
+            index.h("button", { ref: (el) => (this.button = el), class: classes, type: this.type, disabled: this.disabled, "aria-label": this.a11yLabel, "aria-describedby": this.a11yDescribedby, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))));
   }
   get element() { return index.getElement(this); }
 };