@oiz/stzh-components 2.6.0-beta → 2.7.0-alpha

package/dist/esm-es5/loader.js

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

package/dist/esm-es5/loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchEsm","promiseResolve","defineCustomElements","win","options","window","Promise","resolve","then","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"],"mappings":"iLAKA,IAAMA,SAAW,WAiBb,OAAOC,gBACX,ECnBY,IAACC,qBAAuB,SAACC,EAAKC,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOP,WAAWQ,MAAK,WACvBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,ysvBAAuCR,EAC9D,GACA,S"}
+{"version":3,"names":["patchEsm","promiseResolve","defineCustomElements","win","options","window","Promise","resolve","then","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"],"mappings":"iLAKA,IAAMA,SAAW,WAiBb,OAAOC,gBACX,ECnBY,IAACC,qBAAuB,SAACC,EAAKC,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOP,WAAWQ,MAAK,WACvBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,w9xBAAuCR,EAC9D,GACA,S"}

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

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{s as setPropsIfNull}from"./utils-51148d9a.js";var stzhActionsCss=".sc-stzh-actions-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-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function t(t){var s=this;registerInstance(this,t);this.init=function(){var t=s.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');var o=s.element.querySelectorAll("stzh-button");t.forEach((function(t){setPropsIfNull(t,{variant:"secondary"})}));o.forEach((function(t){t.setAttribute("role","listitem")}))};this.variant="form";this.withBorder=false}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t;var s=(t={"stzh-actions":true,"stzh-actions--has-border":this.withBorder},t["stzh-actions--".concat(this.variant)]=!!this.variant,t);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-actions__actions",role:"list"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{s as setPropsIfNull}from"./utils-51148d9a.js";var stzhActionsCss=".sc-stzh-actions-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-actions-h{display:none}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:1;flex-grow:1;margin:var(--stzh-space-xxsmall)}.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h[variant=cta] .sc-stzh-actions-s>[slot=secondary]{-ms-flex-positive:0;flex-grow:0}.stzh-actions__actions.sc-stzh-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:calc(var(--stzh-space-xxsmall) * -1)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{-ms-flex-direction:row;flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:-ms-flexbox;display:flex}.stzh-actions--dialog.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:end;justify-content:flex-end}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{-ms-flex-pack:justify;justify-content:space-between}.stzh-actions--has-border.sc-stzh-actions{padding-top:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}";var StzhActions=function(){function s(s){var t=this;registerInstance(this,s);this.init=function(){var s=t.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');s.forEach((function(s){setPropsIfNull(s,{variant:"secondary"})}))};this.variant="form";this.withBorder=false}s.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};s.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};s.prototype.render=function(){var s;var t=(s={"stzh-actions":true,"stzh-actions--has-border":this.withBorder},s["stzh-actions--".concat(this.variant)]=!!this.variant,s);return h(Host,null,h("div",{class:t},h("div",{class:"stzh-actions__actions",role:"group"},h("div",{class:"stzh-actions__secondary-actions"},h("slot",{name:"secondary"})),h("div",{class:"stzh-actions__primary-actions"},h("slot",{name:"primary"})))))};Object.defineProperty(s.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();StzhActions.style=stzhActionsCss;export{StzhActions as stzh_actions};
 //# sourceMappingURL=stzh-actions.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["stzhActionsCss","StzhActions","this","init","secondaryButtons","_this","element","querySelectorAll","buttons","forEach","button","setPropsIfNull","variant","setAttribute","prototype","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","_a","withBorder","concat","h","Host","class","role","name"],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=scoped","src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]) {\n    flex-grow: 1;\n    margin: space('xxsmall');\n  }\n\n  &[variant=\"cta\"] ::slotted([slot=\"primary\"]),\n  &[variant=\"cta\"] ::slotted([slot=\"secondary\"]) {\n    flex-grow: 0;\n  }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    margin: calc(#{space('xxsmall')} * -1);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions {\n    display: flex;\n  }\n\n  &--dialog &__actions {\n    justify-content: flex-end;\n  }\n\n  &--process &__actions {\n    justify-content: space-between;\n  }\n\n  &--has-border {\n    padding-top: space('medium');\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  scoped: true\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"cta\" = \"form\";\n\n  /** With border separator */\n  @Prop({ reflect: true }) withBorder: boolean = false;\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button'\n    );\n\n    const buttons = this.element.querySelectorAll('stzh-button');\n\n    secondaryButtons.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"secondary\"\n      } as HTMLStzhButtonElement)\n    });\n\n    buttons.forEach((button) => {\n      button.setAttribute(\"role\", \"listitem\");\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actions\": true,\n      \"stzh-actions--has-border\": this.withBorder,\n      [`stzh-actions--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"list\">\n            <div class=\"stzh-actions__secondary-actions\">\n              <slot name=\"secondary\"></slot>\n            </div>\n            <div class=\"stzh-actions__primary-actions\">\n              <slot name=\"primary\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,IAAMA,eAAiB,4qD,ICmBVC,YAAW,W,kDAWdC,KAAAC,KAAO,WACb,IAAMC,EAAmBC,EAAKC,QAAQC,iBACpC,iEAGF,IAAMC,EAAUH,EAAKC,QAAQC,iBAAiB,eAE9CH,EAAiBK,SAAQ,SAACC,GACxBC,eAAeD,EAAQ,CACrBE,QAAS,a,IAIbJ,EAAQC,SAAQ,SAACC,GACfA,EAAOG,aAAa,OAAQ,W,kBAvB0C,O,gBAG3B,K,CAwB/CZ,EAAAa,UAAAC,kBAAA,WACEb,KAAKC,OAELD,KAAKc,SAAW,IAAIC,iBAAiBf,KAAKC,MAC1CD,KAAKc,SAASE,QAAQhB,KAAKI,QAAS,CAClCa,UAAW,KACXC,QAAS,M,EAIbnB,EAAAa,UAAAO,qBAAA,WACE,GAAInB,KAAKc,SAAU,CACjBd,KAAKc,SAASM,Y,GAIlBrB,EAAAa,UAAAS,OAAA,W,MACE,IAAMC,GAAOC,EAAA,CACX,eAAgB,KAChB,2BAA4BvB,KAAKwB,YACjCD,EAAC,iBAAAE,OAAiBzB,KAAKU,YAAcV,KAAKU,Q,GAG5C,OACEgB,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAON,GACVI,EAAA,OAAKE,MAAM,wBAAwBC,KAAK,QACtCH,EAAA,OAAKE,MAAM,mCACTF,EAAA,QAAMI,KAAK,eAEbJ,EAAA,OAAKE,MAAM,iCACTF,EAAA,QAAMI,KAAK,e,qIA5DD,G"}
+{"version":3,"names":["stzhActionsCss","StzhActions","this","init","secondaryButtons","_this","element","querySelectorAll","forEach","button","setPropsIfNull","variant","prototype","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","_a","withBorder","concat","h","Host","class","role","name"],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=scoped","src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]) {\n    flex-grow: 1;\n    margin: space('xxsmall');\n  }\n\n  &[variant=\"cta\"] ::slotted([slot=\"primary\"]),\n  &[variant=\"cta\"] ::slotted([slot=\"secondary\"]) {\n    flex-grow: 0;\n  }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    margin: calc(#{space('xxsmall')} * -1);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions {\n    display: flex;\n  }\n\n  &--dialog &__actions {\n    justify-content: flex-end;\n  }\n\n  &--process &__actions {\n    justify-content: space-between;\n  }\n\n  &--has-border {\n    padding-top: space('medium');\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  scoped: true\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"cta\" = \"form\";\n\n  /** With border separator */\n  @Prop({ reflect: true }) withBorder: boolean = false;\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button'\n    );\n\n    secondaryButtons.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"secondary\"\n      } as HTMLStzhButtonElement)\n    });\n\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actions\": true,\n      \"stzh-actions--has-border\": this.withBorder,\n      [`stzh-actions--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"group\">\n            <div class=\"stzh-actions__secondary-actions\">\n              <slot name=\"secondary\"></slot>\n            </div>\n            <div class=\"stzh-actions__primary-actions\">\n              <slot name=\"primary\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,IAAMA,eAAiB,4qD,ICmBVC,YAAW,W,kDAWdC,KAAAC,KAAO,WACb,IAAMC,EAAmBC,EAAKC,QAAQC,iBACpC,iEAGFH,EAAiBI,SAAQ,SAACC,GACxBC,eAAeD,EAAQ,CACrBE,QAAS,a,kBAhB2D,O,gBAG3B,K,CAmB/CV,EAAAW,UAAAC,kBAAA,WACEX,KAAKC,OAELD,KAAKY,SAAW,IAAIC,iBAAiBb,KAAKC,MAC1CD,KAAKY,SAASE,QAAQd,KAAKI,QAAS,CAClCW,UAAW,KACXC,QAAS,M,EAIbjB,EAAAW,UAAAO,qBAAA,WACE,GAAIjB,KAAKY,SAAU,CACjBZ,KAAKY,SAASM,Y,GAIlBnB,EAAAW,UAAAS,OAAA,W,MACE,IAAMC,GAAOC,EAAA,CACX,eAAgB,KAChB,2BAA4BrB,KAAKsB,YACjCD,EAAC,iBAAAE,OAAiBvB,KAAKS,YAAcT,KAAKS,Q,GAG5C,OACEe,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAON,GACVI,EAAA,OAAKE,MAAM,wBAAwBC,KAAK,SACtCH,EAAA,OAAKE,MAAM,mCACTF,EAAA,QAAMI,KAAK,eAEbJ,EAAA,OAAKE,MAAM,iCACTF,EAAA,QAAMI,KAAK,e,qIAvDD,G"}

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{r(s.next(t))}catch(t){a(t)}}function c(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?i(t.value):n(t.value).then(o,c)}r((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(i=0)),i)try{if(s=1,n&&(a=c[0]&2?n["return"]:c[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,c[1])).done)return a;if(n=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;n=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){i.label=c[1];break}if(c[0]===6&&i.label<a[1]){i.label=a[1];a=c;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(c);break}if(a[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(t){c=[6,t];n=0}finally{s=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";var 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;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.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 (min-width: 1024px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@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 (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@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}}";var StzhActionset=function(){function t(t){var e=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,i){e.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:i})};this.update=function(){e.isSmall=media("small").matches;e.isMedium=media("medium").matches;if(!e.actionsElement){return}Object.assign(e.actionsElement.style,{width:null,height:null});var t=0;if(e.variant==="overflow"&&e.isMedium||e.variant==="stack"&&e.isSmall){e.dynamicActions=true;var i=0;var s=0;Array.from(e.actionsElement.children).forEach((function(e){if(e.offsetTop===0){t++;var n=getComputedStyle(e);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var h=e.offsetWidth+a+o;var l=e.offsetHeight+c+r;if(i<l){i=l}s=s+h+1}}));Object.assign(e.actionsElement.style,{width:"".concat(s,"px"),height:"".concat(i,"px")})}else{e.dynamicActions=false;if(e.variant==="overflow"){t=0}else if(e.variant==="stack"){t=e._actions.length<=3?e._actions.length:2}}e.actionsCollapsed=e._actions.slice(t)};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.update)};this.mediaChangeHandler=function(){e.actionsCollapsed=[];requestAnimationFrame(e.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){addMediaChangeListener(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var e=this;var i=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},role:"listitem",icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:e.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:e.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(i){e.actionClick(t,i)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:i},h("div",{class:"stzh-actionset__actions",role:"list"},h("div",{ref:function(t){return e.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(e.dynamicActions||!e.dynamicActions&&e.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),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"},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:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(i){e.actionClick(t,i)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};
+var __awaiter=this&&this.__awaiter||function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{r(s.next(t))}catch(t){a(t)}}function c(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?i(t.value):n(t.value).then(o,c)}r((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(i=0)),i)try{if(s=1,n&&(a=c[0]&2?n["return"]:c[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,c[1])).done)return a;if(n=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;n=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){i.label=c[1];break}if(c[0]===6&&i.label<a[1]){i.label=a[1];a=c;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(c);break}if(a[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(t){c=[6,t];n=0}finally{s=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";var 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;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.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 (min-width: 1024px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@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 (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@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}}";var StzhActionset=function(){function t(t){var e=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,i){e.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:i})};this.update=function(){e.isSmall=media("small").matches;e.isMedium=media("medium").matches;if(!e.actionsElement){return}Object.assign(e.actionsElement.style,{width:null,height:null});var t=0;if(e.variant==="overflow"&&e.isMedium||e.variant==="stack"&&e.isSmall){e.dynamicActions=true;var i=0;var s=0;Array.from(e.actionsElement.children).forEach((function(e){if(e.offsetTop===0){t++;var n=getComputedStyle(e);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var h=e.offsetWidth+a+o;var l=e.offsetHeight+c+r;if(i<l){i=l}s=s+h+1}}));Object.assign(e.actionsElement.style,{width:"".concat(s,"px"),height:"".concat(i,"px")})}else{e.dynamicActions=false;if(e.variant==="overflow"){t=0}else if(e.variant==="stack"){t=e._actions.length<=3?e._actions.length:2}}e.actionsCollapsed=e._actions.slice(t)};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.update)};this.mediaChangeHandler=function(){e.actionsCollapsed=[];requestAnimationFrame(e.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){addMediaChangeListener(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var e=this;var i=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:e.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:e.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(i){e.actionClick(t,i)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:i},h("div",{class:"stzh-actionset__actions",role:"group"},h("div",{ref:function(t){return e.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(e.dynamicActions||!e.dynamicActions&&e.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),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"},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:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(i){e.actionClick(t,i)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};
 //# sourceMappingURL=stzh-actionset.entry.js.map

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

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

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(o.next(t))}catch(t){r(t)}}function a(t){try{l(o["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(s,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,n,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(o=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];n=0}finally{o=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhAmountCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-amount__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-amount__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-amount__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-amount__error,.stzh-amount__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-amount__error{color:var(--stzh-color-error)}.stzh-amount__error-list{list-style:none;margin:0;padding:0}.stzh-amount__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-amount__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-amount__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-amount__description-long-popover[open]:not([open=false]) .stzh-amount__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount__description-long-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-amount__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount stzh-icon.stzh-amount__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-amount--has-error .stzh-amount__error,.stzh-amount--has-description .stzh-amount__description{margin-top:var(--stzh-space-xxsmall)}.stzh-amount__stepper-wrapper{display:-ms-flexbox;display:flex;gap:var(--stzh-space-xxsmall)}.stzh-amount stzh-input.stzh-amount__stepper-input{--text-align:center;width:100%}";var DROPDOWN_ITEM_PLUS_OPTION_VALUE="stzh-amount__dropdown-plus-option";var amountCounter=0;var StzhAmount=function(){function t(t){var e=this;registerInstance(this,t);this._showDropdown=!Number.isNaN(this.minValueDropdown)&&!Number.isNaN(this.maxValueDropdown)&&this.minValueDropdown<this.maxValueDropdown;this.onDropdownChange=function(t){if(t.detail.value===DROPDOWN_ITEM_PLUS_OPTION_VALUE){e._showDropdown=false;e.value=(e.maxValueDropdown+e.step).toString()}else{e.value=(+t.detail.value).toString()}};this.onInputMinusStepClick=function(){e.value=(+e.value-e.step).toString();e.value=e.roundToStep(+e.value).toString()};this.onInputPlusStepClick=function(){e.value=(+e.value+e.step).toString();e.value=e.roundToStep(+e.value).toString()};this.onStepperInputChange=function(t){e.value=t.detail.value};this.minValue=-9007199254740991;this.maxValue=9007199254740991;this.minValueDropdown=null;this.maxValueDropdown=null;this.value="";this.step=1;this.name="";this.size="default";this.disabled=false;this.popoverPlacement="bottom";this.label="";this.invalid=false;this.required=false;this.clearable=false;this.showMarker=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby="";this.localization=undefined}t.prototype.minValueDropdownWatcher=function(){this.setDropdownOptions()};t.prototype.maxValueDropdownWatcher=function(){this.setDropdownOptions()};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.valueWatcher=function(t){if(!this._showDropdown){this.handleOutOfRangeValue(t)}};t.prototype.setDropdownOptions=function(){if(this._showDropdown){var t=[];for(var e=this.minValueDropdown;e<=this.maxValueDropdown;e++){t.push({text:e.toString(),value:e.toString()})}if(this.maxValue!=undefined&&this.maxValue>this.maxValueDropdown){t.push({text:"".concat(this.maxValueDropdown.toString(),"+"),value:DROPDOWN_ITEM_PLUS_OPTION_VALUE})}this._dropdownOptions=JSON.stringify(t)}};t.prototype.handleOutOfRangeValue=function(t){this.invalid=+t>this.maxValue||+t<this.minValue;if(+t>this.maxValue){this.error=this.localization.amountTooGreatError.replace(/{maxValue}/gi,this.maxValue.toString())}else if(+t<this.minValue){this.error=this.localization.amountTooSmallError.replace(/{minValue}/gi,this.minValue.toString())}else{this.error=[]}};t.prototype.roundToStep=function(t){var e=Math.max(0,-Math.floor(Math.log10(this.step)));var i=Math.pow(10,e);var o=Math.round(t/this.step)*this.step;return Number((o*i/i).toFixed(e))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.errorWatcher(this.error);this.valueWatcher(this.value);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"amount")];case 1:t.localization=e.sent();e.label=2;case 2:this.amountId="stzh-amount-".concat(amountCounter++);this.descriptionId="".concat(this.amountId,"-description");if(this._showDropdown){this.setDropdownOptions()}else{this.stepperInputId="".concat(this.amountId,"-stepper-input")}return[2]}}))}))};t.prototype.renderDropdown=function(){var t;var e=(t={"stzh-amount__dropdown":true},t["stzh-amount--popover-placement-".concat(this.popoverPlacement)]=!!this.popoverPlacement,t);return h("div",{class:e},h("stzh-dropdown",{options:this._dropdownOptions,items:[this.value],label:this.label,required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,popoverPlacement:this.popoverPlacement,a11yDescribedby:this.a11yDescribedby,"aria-describedby":"".concat(this.descriptionId," ").concat(this.a11yDescribedby),name:this.name,size:this.size,invalid:this.invalid,showMarker:this.showMarker,onStzhChange:this.onDropdownChange}))};t.prototype.renderInputStepper=function(){return h("div",{class:"stzh-amount__stepper"},h("div",{class:"stzh-amount__stepper-wrapper"},h("stzh-button",{class:"stzh-amount__stepper-minus",onClick:this.onInputMinusStepClick,variant:"secondary",icon:"minus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperMinusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,disabled:+this.value<=+this.minValue||this.disabled,tabindex:this.disabled?null:"-1"}),h("stzh-input",{class:"stzh-amount__stepper-input",value:this.value,type:"number",label:this.label,min:this.minValue,max:this.maxValue,invalid:this.invalid,required:this.required,name:this.name,id:this.stepperInputId,size:this.size,step:this.step,showMarker:this.showMarker,descriptionLong:this.descriptionLong,clearable:this.clearable,disabled:this.disabled,a11yDescribedby:this.a11yDescribedby,"aria-describedby":"".concat(this.descriptionId," ").concat(this.a11yDescribedby),onStzhChange:this.onStepperInputChange}),h("stzh-button",{class:"stzh-amount__stepper-plus",onClick:this.onInputPlusStepClick,variant:"secondary",icon:"plus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperPlusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,disabled:+this.value>=+this.maxValue||this.disabled,tabindex:this.disabled?null:"-1"})),h(StzhInputDescription,{classPrefix:"stzh-amount",id:this.descriptionId,error:this._error,description:this.description,descriptionLong:this.descriptionLong}))};t.prototype.render=function(){var t={"stzh-amount":true,"stzh-amount--has-description":!!this.description,"stzh-amount--has-description-long":!!this.descriptionLong,"stzh-amount--has-error":!!this.error};return h(Host,null,h("div",{class:t,id:this.amountId},this._showDropdown?this.renderDropdown():this.renderInputStepper()))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{minValueDropdown:["minValueDropdownWatcher"],maxValueDropdown:["maxValueDropdownWatcher"],error:["errorWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return t}();StzhAmount.style=stzhAmountCss;export{StzhAmount as stzh_amount};
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{l(o.next(t))}catch(t){s(t)}}function a(t){try{l(o["throw"](t))}catch(t){s(t)}}function l(t){t.done?n(t.value):i(t.value).then(r,a)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(a){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(n=0)),n)try{if(o=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];i=0}finally{o=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";var stzhAmountCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-amount__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-amount__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-amount__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-amount__error,.stzh-amount__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-amount__error{color:var(--stzh-color-error)}.stzh-amount__error-list{list-style:none;margin:0;padding:0}.stzh-amount__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-amount__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-amount__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-amount__description-long-popover[open]:not([open=false]) .stzh-amount__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount__description-long-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-amount__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-amount stzh-icon.stzh-amount__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-amount--has-error .stzh-amount__error,.stzh-amount--has-description .stzh-amount__description{margin-top:var(--stzh-space-xxsmall)}.stzh-amount__stepper-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--stzh-space-xxsmall)}.stzh-amount stzh-input.stzh-amount__stepper-input{--text-align:center;width:100%}";var DROPDOWN_ITEM_PLUS_OPTION_VALUE="stzh-amount__dropdown-plus-option";var amountCounter=0;var StzhAmount=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this._showDropdown=!Number.isNaN(this.minValueDropdown)&&!Number.isNaN(this.maxValueDropdown)&&this.minValueDropdown<this.maxValueDropdown;this.onRootFocus=function(){if(e.input){e.input.setFocus()}};this.onDropdownChange=function(t){if(t.detail.value===DROPDOWN_ITEM_PLUS_OPTION_VALUE){e._showDropdown=false;e.value=(e.maxValueDropdown+e.step).toString()}else{e.value=t.detail.value}e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onInputMinusStepClick=function(){if(Number(e.value)<=e.minValue){return}e.value=(Number(e.value)-e.step).toString();e.value=e.roundToStep(Number(e.value)).toString();e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onInputPlusStepClick=function(){if(Number(e.value)>=e.maxValue){return}e.value=(Number(e.value)+e.step).toString();e.value=e.roundToStep(Number(e.value)).toString();e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.onStepperInputChange=function(t){e.value=t.detail.value;e.stzhChange.emit({component:"stzh-amount",value:e.value})};this.minValue=-9007199254740991;this.maxValue=9007199254740991;this.minValueDropdown=null;this.maxValueDropdown=null;this.value="";this.step=1;this.name="";this.size="default";this.disabled=false;this.popoverPlacement="bottom";this.label="";this.invalid=false;this.required=false;this.clearable=false;this.showMarker=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby="";this.localization=undefined}t.prototype.minMaxValueDropdownWatcher=function(){this.setDropdownOptions()};t.prototype.setDropdownOptions=function(){if(!this._showDropdown){return}var t=[];for(var e=this.minValueDropdown;e<=this.maxValueDropdown;e++){t.push({text:e.toString(),value:e.toString()})}if(this.maxValue!=undefined&&this.maxValue>this.maxValueDropdown){t.push({text:"".concat(this.maxValueDropdown.toString(),"+"),value:DROPDOWN_ITEM_PLUS_OPTION_VALUE})}this._dropdownOptions=t};t.prototype.roundToStep=function(t){var e=Math.max(0,-Math.floor(Math.log10(this.step)));var n=Math.pow(10,e);var o=Math.round(t/this.step)*this.step;return Number((o*n/n).toFixed(e))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"amount")];case 1:t.localization=e.sent();e.label=2;case 2:this.amountId="stzh-amount-".concat(amountCounter++);if(this._showDropdown){this.setDropdownOptions()}else{this.stepperInputId="".concat(this.amountId,"-stepper-input")}return[2]}}))}))};t.prototype.renderDropdown=function(){var t;var e=this;var n=(t={"stzh-amount__dropdown":true},t["stzh-amount--popover-placement-".concat(this.popoverPlacement)]=!!this.popoverPlacement,t);return h("div",{class:n},h("stzh-dropdown",{ref:function(t){return e.input=t},options:this._dropdownOptions,items:[this.value],label:this.label,required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,popoverPlacement:this.popoverPlacement,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,showMarker:this.showMarker,onStzhChange:this.onDropdownChange}))};t.prototype.renderInputStepper=function(){var t=this;return h("div",{class:"stzh-amount__stepper"},h("div",{class:"stzh-amount__stepper-wrapper"},h("stzh-input",{ref:function(e){return t.input=e},class:"stzh-amount__stepper-input",value:this.value,type:"number",label:this.label,min:this.minValue,max:this.maxValue,error:this.error,invalid:this.invalid,required:this.required,name:this.name,id:this.stepperInputId,size:this.size,step:this.step,showMarker:this.showMarker,description:this.description,descriptionLong:this.descriptionLong,clearable:this.clearable,disabled:this.disabled,a11yDescribedby:this.a11yDescribedby,onStzhChange:this.onStepperInputChange}),h("stzh-buttongroup",null,h("stzh-button",{class:"stzh-amount__stepper-minus",onClick:this.onInputMinusStepClick,variant:"secondary",icon:"minus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperMinusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,a11yDisabled:Number(this.value)<=this.minValue||this.disabled,disabled:this.disabled}),h("stzh-button",{class:"stzh-amount__stepper-plus",onClick:this.onInputPlusStepClick,variant:"secondary",icon:"plus",iconOnly:true,a11yControls:this.stepperInputId,a11yDescribedby:this.a11yDescribedby,a11yLabel:"".concat(this.label," ").concat(this.localization.stepperPlusLabel,", ").concat(this.localization.selectedAmountMessage," ").concat(this.value),size:this.size,a11yDisabled:Number(this.value)>=this.maxValue||this.disabled,disabled:this.disabled}))))};t.prototype.render=function(){var t={"stzh-amount":true,"stzh-amount--has-description":!!this.description,"stzh-amount--has-description-long":!!this.descriptionLong,"stzh-amount--has-error":!!this.error,"stzh-amount--is-required":!!this.required,"stzh-amount--is-disabled":!!this.disabled};return h(Host,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},h("div",{class:t,id:this.amountId},this._showDropdown?this.renderDropdown():this.renderInputStepper()))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{minValueDropdown:["minMaxValueDropdownWatcher"],maxValueDropdown:["minMaxValueDropdownWatcher"]}},enumerable:false,configurable:true});return t}();StzhAmount.style=stzhAmountCss;export{StzhAmount as stzh_amount};
 //# sourceMappingURL=stzh-amount.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["stzhAmountCss","DROPDOWN_ITEM_PLUS_OPTION_VALUE","amountCounter","StzhAmount","this","_showDropdown","Number","isNaN","minValueDropdown","maxValueDropdown","onDropdownChange","event","detail","value","_this","step","toString","onInputMinusStepClick","roundToStep","onInputPlusStepClick","onStepperInputChange","class_1","prototype","minValueDropdownWatcher","setDropdownOptions","maxValueDropdownWatcher","errorWatcher","newValue","_error","JSON","parse","e","invalid","length","valueWatcher","handleOutOfRangeValue","options","i","push","text","maxValue","undefined","concat","_dropdownOptions","stringify","minValue","error","localization","amountTooGreatError","replace","amountTooSmallError","input","decimals","Math","max","floor","log10","factor","pow","rounded","round","toFixed","componentWillLoad","_a","fetchTranslations","element","_b","sent","amountId","descriptionId","stepperInputId","renderDropdown","classes","popoverPlacement","h","class","items","label","required","disabled","description","descriptionLong","a11yDescribedby","name","size","showMarker","onStzhChange","renderInputStepper","onClick","variant","icon","iconOnly","a11yControls","a11yLabel","stepperMinusLabel","selectedAmountMessage","tabindex","type","min","id","clearable","stepperPlusLabel","StzhInputDescription","classPrefix","render","Host"],"sources":["src/components/stzh-amount/stzh-amount.scss?tag=stzh-amount","src/components/stzh-amount/stzh-amount.tsx"],"sourcesContent":[".stzh-amount {\n  @include input-description;\n\n  &__stepper-wrapper {\n    display: flex;\n    gap: space('xxsmall');\n  }\n\n  stzh-input#{&}__stepper-input {\n    --text-align: center;\n    width: 100%;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Element,\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownChangeEvent,\n  StzhDropdownCustomEvent,\n  StzhInputChangeEvent,\n  StzhInputCustomEvent\n} from \"../../index\";\nimport { StzhInputDescription } from '../stzh-input/stzh-input-description';\nimport { StzhAmountLocalizedText } from './stzh-amount.localization';\nimport {fetchTranslations} from '../../utils/translation-utils';\n\nconst DROPDOWN_ITEM_PLUS_OPTION_VALUE = \"stzh-amount__dropdown-plus-option\"\n\nlet amountCounter = 0;\n\n@Component({\n  tag: \"stzh-amount\",\n  styleUrl: \"stzh-amount.scss\"\n})\nexport class StzhAmount {\n  /** The lowest allowed amount (can be negative). */\n  @Prop({ reflect: true }) minValue: number = -9007199254740991;\n\n  /** The highest allowed amount. */\n  @Prop({ reflect: true }) maxValue: number = 9007199254740991;\n\n  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop({ reflect: true }) minValueDropdown: number | null = null;\n\n  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop({ reflect: true }) maxValueDropdown: number | null = null;\n  private _showDropdown: boolean = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)\n    && this.minValueDropdown < this.maxValueDropdown;\n\n  private _dropdownOptions: string;\n\n  /** The initial value of the amount element */\n  @Prop({ reflect: true }) value: string = \"\";\n\n  /** The step the amount can be increased or decreased */\n  @Prop({ reflect: true }) step: number = 1;\n\n  /** Name of the element (hidden select element in case of dropdown) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether the amount component is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement: \"bottom\" | \"top\" = \"bottom\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether clearable button is showing for the input field (does not apply to dropdown) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Show text in label depending on whether field is optional/required */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Description placed below the amount */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message(s) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Id of the element which describes the input (this will be overwritten if description prop is used) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhAmountLocalizedText;\n\n  @Watch(\"minValueDropdown\")\n  minValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  @Watch(\"maxValueDropdown\")\n  maxValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  /** Update stepper button a11y-labels when value has changed */\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    if (!this._showDropdown) {\n      this.handleOutOfRangeValue(newValue);\n    }\n  }\n\n  @Element() element: HTMLStzhAmountElement;\n\n  private amountId: string;\n  private descriptionId: string;\n  private stepperInputId: string;\n\n  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */\n  private setDropdownOptions(): void {\n    if (this._showDropdown) {\n      const options = [];\n\n      for (let i = this.minValueDropdown; i <= this.maxValueDropdown; i++) {\n        options.push({text: i.toString(), value: i.toString()});\n      }\n      if (this.maxValue != undefined && this.maxValue > this.maxValueDropdown) {\n        options.push({text: `${this.maxValueDropdown.toString()}+`, value: DROPDOWN_ITEM_PLUS_OPTION_VALUE})\n      }\n      this._dropdownOptions = JSON.stringify(options);\n    }\n  }\n\n  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */\n  private onDropdownChange = (event: StzhDropdownCustomEvent<StzhDropdownChangeEvent>) => {\n    if (event.detail.value === DROPDOWN_ITEM_PLUS_OPTION_VALUE) {\n      this._showDropdown = false;\n      this.value = (this.maxValueDropdown + this.step).toString();\n    } else {\n      this.value = (+event.detail.value).toString();\n    }\n  }\n\n  /** Handling the minus button. */\n  private onInputMinusStepClick = () => {\n    this.value = (+this.value - this.step).toString();\n    this.value = this.roundToStep(+this.value).toString();\n  }\n\n  /** Handling the plus button. */\n  private onInputPlusStepClick = () => {\n    this.value = (+this.value + this.step).toString();\n    this.value = this.roundToStep(+this.value).toString();\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private handleOutOfRangeValue(newValue: string) {\n    this.invalid = (+newValue > this.maxValue || +newValue < this.minValue);\n    if (+newValue > this.maxValue) {\n      this.error = this.localization.amountTooGreatError.replace(/{maxValue}/gi, this.maxValue.toString());\n    } else if (+newValue < this.minValue) {\n      this.error = this.localization.amountTooSmallError.replace(/{minValue}/gi, this.minValue.toString());\n    } else {\n      this.error = [];\n    }\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private onStepperInputChange = (event: StzhInputCustomEvent<StzhInputChangeEvent>) => {\n    this.value = event.detail.value;\n  }\n\n  /** Making sure, that the value is rounded correctly according to the step  */\n  private roundToStep(input: number): number {\n    const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));\n    const factor = Math.pow(10, decimals);\n    const rounded = Math.round(input / this.step) * this.step;\n    return Number((rounded * factor / factor).toFixed(decimals));\n  }\n\n  async componentWillLoad() {\n    this.errorWatcher(this.error);\n    this.valueWatcher(this.value);\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"amount\");\n    }\n    this.amountId = `stzh-amount-${amountCounter++}`;\n    this.descriptionId = `${this.amountId}-description`;\n    if (this._showDropdown) {\n      this.setDropdownOptions()\n    } else {\n      this.stepperInputId = `${this.amountId}-stepper-input`\n    }\n  }\n\n  private renderDropdown(): HTMLDivElement {\n    const classes = {\n      \"stzh-amount__dropdown\": true,\n      [`stzh-amount--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n    };\n    return (\n      <div class={classes}>\n        <stzh-dropdown\n          options={this._dropdownOptions}\n          items={[this.value]}\n          label={this.label}\n          required={this.required}\n          disabled={this.disabled}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          error={this.error}\n          popoverPlacement={this.popoverPlacement}\n          a11yDescribedby={this.a11yDescribedby}\n          aria-describedby={`${this.descriptionId} ${this.a11yDescribedby}`}\n          name={this.name}\n          size={this.size}\n          invalid={this.invalid}\n          showMarker={this.showMarker}\n          onStzhChange={this.onDropdownChange}\n        ></stzh-dropdown>\n      </div>\n    );\n  }\n\n  private renderInputStepper(): HTMLDivElement {\n    return (\n      <div class=\"stzh-amount__stepper\">\n        <div class=\"stzh-amount__stepper-wrapper\">\n          <stzh-button\n            class=\"stzh-amount__stepper-minus\"\n            onClick={this.onInputMinusStepClick}\n            variant=\"secondary\"\n            icon=\"minus\"\n            iconOnly={true}\n            a11yControls={this.stepperInputId}\n            a11yDescribedby={this.a11yDescribedby}\n            a11yLabel={`${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n            size={this.size}\n            disabled={+this.value <= +this.minValue || this.disabled}\n            tabindex={this.disabled ? null : \"-1\"}\n          ></stzh-button>\n          <stzh-input\n            class=\"stzh-amount__stepper-input\"\n            value={this.value}\n            type=\"number\"\n            label={this.label}\n            min={this.minValue}\n            max={this.maxValue}\n            invalid={this.invalid}\n            required={this.required}\n            name={this.name}\n            id={this.stepperInputId}\n            size={this.size}\n            step={this.step}\n            showMarker={this.showMarker}\n            descriptionLong={this.descriptionLong}\n            clearable={this.clearable}\n            disabled={this.disabled}\n            a11yDescribedby={this.a11yDescribedby}\n            aria-describedby={`${this.descriptionId} ${this.a11yDescribedby}`}\n            onStzhChange={this.onStepperInputChange}\n          ></stzh-input>\n          <stzh-button\n            class=\"stzh-amount__stepper-plus\"\n            onClick={this.onInputPlusStepClick}\n            variant=\"secondary\"\n            icon=\"plus\"\n            iconOnly={true}\n            a11yControls={this.stepperInputId}\n            a11yDescribedby={this.a11yDescribedby}\n            a11yLabel={`${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n            size={this.size}\n            disabled={+this.value >= +this.maxValue || this.disabled}\n            tabindex={this.disabled ? null : \"-1\"}\n          ></stzh-button>\n        </div>\n        <StzhInputDescription\n          classPrefix=\"stzh-amount\"\n          id={this.descriptionId}\n          error={this._error}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n        />\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-amount\": true,\n      \"stzh-amount--has-description\": !!this.description,\n      \"stzh-amount--has-description-long\": !!this.descriptionLong,\n      \"stzh-amount--has-error\": !!this.error,\n    };\n\n    return (\n      <Host>\n        <div\n          class={classes}\n          id={this.amountId}\n        >\n          {\n            this._showDropdown ?\n            this.renderDropdown()\n            :\n            this.renderInputStepper()\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhAmountCss","DROPDOWN_ITEM_PLUS_OPTION_VALUE","amountCounter","StzhAmount","this","_showDropdown","Number","isNaN","minValueDropdown","maxValueDropdown","onRootFocus","_this","input","setFocus","onDropdownChange","event","detail","value","step","toString","stzhChange","emit","component","onInputMinusStepClick","minValue","roundToStep","onInputPlusStepClick","maxValue","onStepperInputChange","class_1","prototype","minMaxValueDropdownWatcher","setDropdownOptions","options","i","push","text","undefined","concat","_dropdownOptions","decimals","Math","max","floor","log10","factor","pow","rounded","round","toFixed","componentWillLoad","localization","_a","fetchTranslations","element","_b","sent","amountId","stepperInputId","renderDropdown","classes","popoverPlacement","h","class","ref","el","items","label","required","disabled","description","descriptionLong","error","invalid","a11yDescribedby","name","size","showMarker","onStzhChange","renderInputStepper","type","min","id","clearable","onClick","variant","icon","iconOnly","a11yControls","a11yLabel","stepperMinusLabel","selectedAmountMessage","a11yDisabled","stepperPlusLabel","render","Host","tabindex","onFocus"],"sources":["src/components/stzh-amount/stzh-amount.scss?tag=stzh-amount","src/components/stzh-amount/stzh-amount.tsx"],"sourcesContent":[".stzh-amount {\n  @include input-description;\n\n  &__stepper-wrapper {\n    display: flex;\n    align-items: flex-start;\n    gap: space('xxsmall');\n  }\n\n  stzh-input#{&}__stepper-input {\n    --text-align: center;\n    width: 100%;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownOption,\n  StzhAmountChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhInputChangeEvent,\n} from \"../../index\";\n\nimport { StzhAmountLocalizedText } from './stzh-amount.localization';\nimport { fetchTranslations } from '../../utils/translation-utils';\n\nconst DROPDOWN_ITEM_PLUS_OPTION_VALUE = \"stzh-amount__dropdown-plus-option\"\n\nlet amountCounter = 0;\n\n@Component({\n  tag: \"stzh-amount\",\n  styleUrl: \"stzh-amount.scss\"\n})\nexport class StzhAmount {\n  /** The lowest allowed amount (can be negative). */\n  @Prop() minValue: number = -9007199254740991;\n\n  /** The highest allowed amount. */\n  @Prop() maxValue: number = 9007199254740991;\n\n  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() minValueDropdown: number | null = null;\n\n  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() maxValueDropdown: number | null = null;\n  private _showDropdown: boolean = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)\n    && this.minValueDropdown < this.maxValueDropdown;\n\n  private _dropdownOptions: StzhDropdownOption[];\n\n  /** The initial value of the amount element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** The step the amount can be increased or decreased */\n  @Prop() step: number = 1;\n\n  /** Name of the element (hidden select element in case of dropdown) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether the amount component is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement:  \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether clearable button is showing for the input field (does not apply to dropdown) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Show text in label depending on whether field is optional/required */\n  @Prop({ reflect: true }) showMarker: boolean = false;\n\n  /** Description placed below the amount */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message(s) */\n  @Prop({ mutable: true }) error: string | string[];\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhAmountLocalizedText;\n\n  @Watch(\"minValueDropdown\")\n  @Watch(\"maxValueDropdown\")\n  minMaxValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  /** Amount change event */\n  @Event() stzhChange: EventEmitter<StzhAmountChangeEvent>;\n\n  @Element() element: HTMLStzhAmountElement;\n\n  private amountId: string;\n  private stepperInputId: string;\n  private input: HTMLStzhInputElement | HTMLStzhDropdownElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.setFocus();\n    }\n  }\n\n  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */\n  private setDropdownOptions() {\n    if (!this._showDropdown) {\n      return;\n    }\n\n    const options = [];\n\n    for (let i = this.minValueDropdown; i <= this.maxValueDropdown; i++) {\n      options.push({text: i.toString(), value: i.toString()});\n    }\n    if (this.maxValue != undefined && this.maxValue > this.maxValueDropdown) {\n      options.push({text: `${this.maxValueDropdown.toString()}+`, value: DROPDOWN_ITEM_PLUS_OPTION_VALUE})\n    }\n\n    this._dropdownOptions = options;\n  }\n\n  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */\n  private onDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    if (event.detail.value === DROPDOWN_ITEM_PLUS_OPTION_VALUE) {\n      this._showDropdown = false;\n      this.value = (this.maxValueDropdown + this.step).toString();\n    } else {\n      this.value = event.detail.value;\n    }\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the minus button. */\n  private onInputMinusStepClick = () => {\n    if (Number(this.value) <= this.minValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) - this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the plus button. */\n  private onInputPlusStepClick = () => {\n    if (Number(this.value) >= this.maxValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) + this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    })\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private onStepperInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    this.value = event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Making sure, that the value is rounded correctly according to the step  */\n  private roundToStep(input: number): number {\n    const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));\n    const factor = Math.pow(10, decimals);\n    const rounded = Math.round(input / this.step) * this.step;\n    return Number((rounded * factor / factor).toFixed(decimals));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"amount\");\n    }\n\n    this.amountId = `stzh-amount-${amountCounter++}`;\n\n    if (this._showDropdown) {\n      this.setDropdownOptions()\n    } else {\n      this.stepperInputId = `${this.amountId}-stepper-input`\n    }\n  }\n\n  private renderDropdown(): HTMLDivElement {\n    const classes = {\n      \"stzh-amount__dropdown\": true,\n      [`stzh-amount--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n    };\n    return (\n      <div class={classes}>\n        <stzh-dropdown\n          ref={(el) => (this.input = el as HTMLStzhDropdownElement)}\n          options={this._dropdownOptions}\n          items={[this.value]}\n          label={this.label}\n          required={this.required}\n          disabled={this.disabled}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          error={this.error}\n          invalid={this.invalid}\n          popoverPlacement={this.popoverPlacement}\n          a11yDescribedby={this.a11yDescribedby}\n          name={this.name}\n          size={this.size}\n          showMarker={this.showMarker}\n          onStzhChange={this.onDropdownChange}\n        ></stzh-dropdown>\n      </div>\n    );\n  }\n\n  private renderInputStepper(): HTMLDivElement {\n    return (\n      <div class=\"stzh-amount__stepper\">\n        <div class=\"stzh-amount__stepper-wrapper\">\n          <stzh-input\n            ref={(el) => (this.input = el as HTMLStzhInputElement)}\n            class=\"stzh-amount__stepper-input\"\n            value={this.value}\n            type=\"number\"\n            label={this.label}\n            min={this.minValue}\n            max={this.maxValue}\n            error={this.error}\n            invalid={this.invalid}\n            required={this.required}\n            name={this.name}\n            id={this.stepperInputId}\n            size={this.size}\n            step={this.step}\n            showMarker={this.showMarker}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            clearable={this.clearable}\n            disabled={this.disabled}\n            a11yDescribedby={this.a11yDescribedby}\n            onStzhChange={this.onStepperInputChange}\n          ></stzh-input>\n          <stzh-buttongroup>\n            <stzh-button\n              class=\"stzh-amount__stepper-minus\"\n              onClick={this.onInputMinusStepClick}\n              variant=\"secondary\"\n              icon=\"minus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) <= this.minValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n            <stzh-button\n              class=\"stzh-amount__stepper-plus\"\n              onClick={this.onInputPlusStepClick}\n              variant=\"secondary\"\n              icon=\"plus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) >= this.maxValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-amount\": true,\n      \"stzh-amount--has-description\": !!this.description,\n      \"stzh-amount--has-description-long\": !!this.descriptionLong,\n      \"stzh-amount--has-error\": !!this.error,\n      \"stzh-amount--is-required\": !!this.required,\n      \"stzh-amount--is-disabled\": !!this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes} id={this.amountId}>\n          {\n            this._showDropdown ?\n            this.renderDropdown()\n            :\n            this.renderInputStepper()\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"snDAAA,IAAMA,cAAgB,mmFCqBtB,IAAMC,gCAAkC,oCAExC,IAAIC,cAAgB,E,IAMPC,WAAU,W,mGAYbC,KAAAC,eAA0BC,OAAOC,MAAMH,KAAKI,oBAAsBF,OAAOC,MAAMH,KAAKK,mBACvFL,KAAKI,iBAAmBJ,KAAKK,iBAmE1BL,KAAAM,YAAc,WACpB,GAAIC,EAAKC,MAAO,CACdD,EAAKC,MAAMC,U,GAuBPT,KAAAU,iBAAmB,SAACC,GAC1B,GAAIA,EAAMC,OAAOC,QAAUhB,gCAAiC,CAC1DU,EAAKN,cAAgB,MACrBM,EAAKM,OAASN,EAAKF,iBAAmBE,EAAKO,MAAMC,U,KAC5C,CACLR,EAAKM,MAAQF,EAAMC,OAAOC,K,CAG5BN,EAAKS,WAAWC,KAAK,CACnBC,UAAW,cACXL,MAAON,EAAKM,O,EAKRb,KAAAmB,sBAAwB,WAC9B,GAAIjB,OAAOK,EAAKM,QAAUN,EAAKa,SAAU,CACvC,M,CAGFb,EAAKM,OAASX,OAAOK,EAAKM,OAASN,EAAKO,MAAMC,WAC9CR,EAAKM,MAAQN,EAAKc,YAAYnB,OAAOK,EAAKM,QAAQE,WAElDR,EAAKS,WAAWC,KAAK,CACnBC,UAAW,cACXL,MAAON,EAAKM,O,EAKRb,KAAAsB,qBAAuB,WAC7B,GAAIpB,OAAOK,EAAKM,QAAUN,EAAKgB,SAAU,CACvC,M,CAGFhB,EAAKM,OAASX,OAAOK,EAAKM,OAASN,EAAKO,MAAMC,WAC9CR,EAAKM,MAAQN,EAAKc,YAAYnB,OAAOK,EAAKM,QAAQE,WAElDR,EAAKS,WAAWC,KAAK,CACnBC,UAAW,cACXL,MAAON,EAAKM,O,EAKRb,KAAAwB,qBAAuB,SAACb,GAC9BJ,EAAKM,MAAQF,EAAMC,OAAOC,MAE1BN,EAAKS,WAAWC,KAAK,CACnBC,UAAW,cACXL,MAAON,EAAKM,O,iBAzJY,iB,cAGD,iB,sBAGe,K,sBAGA,K,WAOD,G,UAGlB,E,UAGiB,G,UAGa,U,cAGR,M,sBAG8E,S,WAGnG,G,aAGoB,M,cAGC,M,eAGC,M,gBAGC,M,oGAYoB,G,4BAOnEY,EAAAC,UAAAC,2BAAA,WACE3B,KAAK4B,oB,EAmBCH,EAAAC,UAAAE,mBAAA,WACN,IAAK5B,KAAKC,cAAe,CACvB,M,CAGF,IAAM4B,EAAU,GAEhB,IAAK,IAAIC,EAAI9B,KAAKI,iBAAkB0B,GAAK9B,KAAKK,iBAAkByB,IAAK,CACnED,EAAQE,KAAK,CAACC,KAAMF,EAAEf,WAAYF,MAAOiB,EAAEf,Y,CAE7C,GAAIf,KAAKuB,UAAYU,WAAajC,KAAKuB,SAAWvB,KAAKK,iBAAkB,CACvEwB,EAAQE,KAAK,CAACC,KAAM,GAAAE,OAAGlC,KAAKK,iBAAiBU,WAAU,KAAKF,MAAOhB,iC,CAGrEG,KAAKmC,iBAAmBN,C,EA2DlBJ,EAAAC,UAAAL,YAAA,SAAYb,GAClB,IAAM4B,EAAWC,KAAKC,IAAI,GAAID,KAAKE,MAAMF,KAAKG,MAAMxC,KAAKc,QACzD,IAAM2B,EAASJ,KAAKK,IAAI,GAAIN,GAC5B,IAAMO,EAAUN,KAAKO,MAAMpC,EAAQR,KAAKc,MAAQd,KAAKc,KACrD,OAAOZ,QAAQyC,EAAUF,EAASA,GAAQI,QAAQT,G,EAG9CX,EAAAC,UAAAoB,kBAAN,W,uHACO9C,KAAK+C,aAAN,YACFC,EAAAhD,KAAoB,SAAMiD,kBAAkBjD,KAAKkD,QAAS,W,OAA1DF,EAAKD,aAAeI,EAAAC,O,iBAGtBpD,KAAKqD,SAAW,eAAAnB,OAAepC,iBAE/B,GAAIE,KAAKC,cAAe,CACtBD,KAAK4B,oB,KACA,CACL5B,KAAKsD,eAAiB,GAAApB,OAAGlC,KAAKqD,SAAQ,iB,mBAIlC5B,EAAAC,UAAA6B,eAAA,W,MAAA,IAAAhD,EAAAP,KACN,IAAMwD,GAAOR,EAAA,CACX,wBAAyB,MACzBA,EAAC,kCAAAd,OAAkClC,KAAKyD,qBAAuBzD,KAAKyD,iB,GAEtE,OACEC,EAAA,OAAKC,MAAOH,GACVE,EAAA,iBACEE,IAAK,SAACC,GAAE,OAAMtD,EAAKC,MAAQqD,CAAnB,EACRhC,QAAS7B,KAAKmC,iBACd2B,MAAO,CAAC9D,KAAKa,OACbkD,MAAO/D,KAAK+D,MACZC,SAAUhE,KAAKgE,SACfC,SAAUjE,KAAKiE,SACfC,YAAalE,KAAKkE,YAClBC,gBAAiBnE,KAAKmE,gBACtBC,MAAOpE,KAAKoE,MACZC,QAASrE,KAAKqE,QACdZ,iBAAkBzD,KAAKyD,iBACvBa,gBAAiBtE,KAAKsE,gBACtBC,KAAMvE,KAAKuE,KACXC,KAAMxE,KAAKwE,KACXC,WAAYzE,KAAKyE,WACjBC,aAAc1E,KAAKU,mB,EAMnBe,EAAAC,UAAAiD,mBAAA,eAAApE,EAAAP,KACN,OACE0D,EAAA,OAAKC,MAAM,wBACTD,EAAA,OAAKC,MAAM,gCACTD,EAAA,cACEE,IAAK,SAACC,GAAE,OAAMtD,EAAKC,MAAQqD,CAAnB,EACRF,MAAM,6BACN9C,MAAOb,KAAKa,MACZ+D,KAAK,SACLb,MAAO/D,KAAK+D,MACZc,IAAK7E,KAAKoB,SACVkB,IAAKtC,KAAKuB,SACV6C,MAAOpE,KAAKoE,MACZC,QAASrE,KAAKqE,QACdL,SAAUhE,KAAKgE,SACfO,KAAMvE,KAAKuE,KACXO,GAAI9E,KAAKsD,eACTkB,KAAMxE,KAAKwE,KACX1D,KAAMd,KAAKc,KACX2D,WAAYzE,KAAKyE,WACjBP,YAAalE,KAAKkE,YAClBC,gBAAiBnE,KAAKmE,gBACtBY,UAAW/E,KAAK+E,UAChBd,SAAUjE,KAAKiE,SACfK,gBAAiBtE,KAAKsE,gBACtBI,aAAc1E,KAAKwB,uBAErBkC,EAAA,wBACEA,EAAA,eACEC,MAAM,6BACNqB,QAAShF,KAAKmB,sBACd8D,QAAQ,YACRC,KAAK,QACLC,SAAU,KACVC,aAAcpF,KAAKsD,eACnBgB,gBAAiBtE,KAAKsE,gBACtBe,UAAW,GAAAnD,OAAGlC,KAAK+D,MAAK,KAAA7B,OAAIlC,KAAK+C,aAAauC,kBAAiB,MAAApD,OAAKlC,KAAK+C,aAAawC,sBAAqB,KAAArD,OAAIlC,KAAKa,OACpH2D,KAAMxE,KAAKwE,KACXgB,aAActF,OAAOF,KAAKa,QAAUb,KAAKoB,UAAYpB,KAAKiE,SAC1DA,SAAUjE,KAAKiE,WAEjBP,EAAA,eACEC,MAAM,4BACNqB,QAAShF,KAAKsB,qBACd2D,QAAQ,YACRC,KAAK,OACLC,SAAU,KACVC,aAAcpF,KAAKsD,eACnBgB,gBAAiBtE,KAAKsE,gBACtBe,UAAW,GAAAnD,OAAGlC,KAAK+D,MAAK,KAAA7B,OAAIlC,KAAK+C,aAAa0C,iBAAgB,MAAAvD,OAAKlC,KAAK+C,aAAawC,sBAAqB,KAAArD,OAAIlC,KAAKa,OACnH2D,KAAMxE,KAAKwE,KACXgB,aAActF,OAAOF,KAAKa,QAAUb,KAAKuB,UAAYvB,KAAKiE,SAC1DA,SAAUjE,KAAKiE,a,EAQ3BxC,EAAAC,UAAAgE,OAAA,WACE,IAAMlC,EAAU,CACd,cAAe,KACf,iCAAkCxD,KAAKkE,YACvC,sCAAuClE,KAAKmE,gBAC5C,2BAA4BnE,KAAKoE,MACjC,6BAA8BpE,KAAKgE,SACnC,6BAA8BhE,KAAKiE,UAGrC,OACEP,EAACiC,KAAI,CAACC,SAAU5F,KAAKiE,SAAW,KAAO,KAAM4B,QAAS7F,KAAKM,aACzDoD,EAAA,OAAKC,MAAOH,EAASsB,GAAI9E,KAAKqD,UAE1BrD,KAAKC,cACLD,KAAKuD,iBAELvD,KAAK2E,sB,sUA/RM,G"}