@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/stzh-components/p-5fce4cad.system.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js","./p-902b3880.system.js"],(function(e,a){"use strict";var t,i,s,l,r,o;return{setters:[function(a){t=a.p;i=a.d;s=a.N;l=a.H;r=a.b;e("setNonce",a.s)},function(e){o=e.g}],execute:function(){var e=function(){{n(l.prototype)}var e=Array.from(i.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(s,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===s}));var r=a.meta.url;var o=(e||{})["data-opts"]||{};if(r!==""){o.resourcesUrl=new URL(".",r).href}return t(o)};var n=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var t=a.call(this,false);var i=this.childNodes;if(e){for(var s=0;s<i.length;s++){if(i[s].nodeType!==2){t.appendChild(i[s].cloneNode(true))}}}return t}};e().then((function(e){o();return r(JSON.parse('[["p-43537c2c.system",[[4,"stzh-datatable",{"tableLayout":[1,"table-layout"],"localization":[16],"label":[1],"sortBy":[1025,"sort-by"],"sortDirection":[1025,"sort-direction"],"tokenize":[1],"idField":[1,"id-field"],"hideSearch":[516,"hide-search"],"showList":[516,"show-list"],"page":[1026],"pageSize":[2,"page-size"],"disableMinWidth":[516,"disable-min-width"],"rows":[1],"columns":[1],"query":[32],"hasScrollLeft":[32],"hasScrollRight":[32],"isScrollable":[32],"cellsStickyLeft":[32],"cellsStickyRight":[32],"toggleSort":[64]},null,{"rows":["rowsWatcher"],"columns":["columnsWatcher"],"sortBy":["sortByWatcher"],"sortDirection":["sortDirectionWatcher"]}]]],["p-7c729dd1.system",[[2,"stzh-microsite-teaserlist",{"localization":[16],"api":[1],"tags":[1],"stepItems":[2,"step-items"],"showItems":[32],"activeFilter":[32]},null,{"showItems":["filterHandler"],"activeFilter":["filterHandler"],"tags":["tagsWatcher"],"api":["apiWatcher"]}]]],["p-4d49e63a.system",[[2,"stzh-appointments",{"localization":[16],"sortBy":[1025,"sort-by"],"appointments":[1],"currentDate":[1025,"current-date"],"value":[1025],"name":[513],"showItems":[1026,"show-items"],"stepItems":[2,"step-items"],"calendarTitle":[1,"calendar-title"],"appointmentsTitle":[1,"appointments-title"],"dateAdapter":[16]},null,{"currentDate":["currentDateWatcher"],"sortBy":["sortByWatcher"],"value":["valueWatcher"],"appointments":["appointmentsWatcher"]}]]],["p-67f0303b.system",[[2,"stzh-datamessagelist-item",{"localization":[16],"heading":[1],"unread":[4],"href":[1],"rel":[1],"target":[1],"description":[1],"icon":[1],"loadingStatus":[1,"loading-status"],"meta":[1],"actions":[1],"tags":[1],"analyticsId":[1,"analytics-id"],"external":[32]},null,{"rel":["externalWatcher"],"loadingStatus":["loadingStatusWatcher"],"meta":["metaWatcher"],"actions":["actionsWatcher"],"tags":["tagsWatcher"]}]]],["p-f91a6ca0.system",[[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"]},null,{"availability":["availabilityWatcher"],"numbers":["numbersWatcher"]}]]],["p-5f1338aa.system",[[0,"stzh-panorama",{"localization":[16],"caption":[1],"copyright":[1],"scene":[1025],"type":[1],"sceneFadeDuration":[2,"scene-fade-duration"],"autoload":[4],"orientationOnByDefault":[4,"orientation-on-by-default"],"scenes":[1],"isOrientationSupported":[32],"isOrientationActive":[32],"isFullscreen":[32],"getViewer":[64]},null,{"scenes":["scenesWatcher","updateWatcher"],"scene":["sceneWatcher"],"autoload":["updateWatcher"],"type":["updateWatcher"],"localization":["updateWatcher"],"orientationOnByDefault":["updateWatcher"],"sceneFadeDuration":["updateWatcher"]}]]],["p-166f749e.system",[[0,"stzh-sitemap",{"items":[1]}]]],["p-90f99c6f.system",[[0,"stzh-amount",{"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minValueDropdown":[2,"min-value-dropdown"],"maxValueDropdown":[2,"max-value-dropdown"],"value":[1025],"step":[2],"name":[513],"size":[513],"disabled":[516],"popoverPlacement":[513,"popover-placement"],"label":[1],"labelHidden":[4,"label-hidden"],"invalid":[516],"required":[516],"clearable":[516],"showMarker":[516,"show-marker"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1025],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16]},null,{"minValueDropdown":["minMaxValueDropdownWatcher"],"maxValueDropdown":["minMaxValueDropdownWatcher"]}]]],["p-adc26277.system",[[2,"stzh-saptcha",{"localization":[16],"numbers":[1],"value":[1],"name":[513],"error":[1],"invalid":[516],"disabled":[516]},null,{"numbers":["numbersWatcher"],"error":["errorWatcher"]}]]],["p-d0328dd6.system",[[1,"stzh-toastbar",{"hideAfter":[2,"hide-after"],"max":[2],"toast":[64]}]]],["p-f420db43.system",[[2,"stzh-vbz-majorticker",{"api":[1],"data":[8],"moreInfoLink":[1,"more-info-link"],"dateAdapter":[16],"localization":[16],"ghettoboxCloseTimeKey":[1,"ghettobox-close-time-key"],"ghettoboxShown":[32],"getGhettoboxShown":[64],"getDisturbance":[64]},null,{"api":["apiWatcher"],"data":["dataWatcher"]}]]],["p-44f46ea9.system",[[6,"stzh-vbz-ticker",{"api":[1],"data":[8],"moreInfoLink":[1,"more-info-link"],"dateAdapter":[16],"localization":[16]},null,{"localization":["localizationWatcher"],"api":["apiWatcher"],"data":["dataWatcher"]}]]],["p-d0e4bc8a.system",[[6,"stzh-youtube",{"localization":[16],"url":[1],"cookie":[1],"cookieExpires":[2,"cookie-expires"],"skipPreviewIfCookieAccepted":[4,"skip-preview-if-cookie-accepted"],"skipPreview":[4,"skip-preview"],"previewSkipped":[32]}]]],["p-a8d49941.system",[[2,"stzh-anchornav",{"columns":[514],"columnsSmall":[514,"columns-small"],"columnsMedium":[514,"columns-medium"],"columnsLarge":[514,"columns-large"],"columnsUltra":[514,"columns-ultra"],"items":[1],"withBorder":[516,"with-border"]},null,{"items":["appointmentsWatcher"]}]]],["p-daaf1cfc.system",[[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]}]]],["p-8fd45d7d.system",[[4,"stzh-upload",{"existingFiles":[1,"existing-files"],"label":[1],"description":[1],"button":[1],"url":[1],"method":[1],"withCredentials":[4,"with-credentials"],"disabled":[516],"invalid":[516],"downloadDisabled":[4,"download-disabled"],"downloadDisabledWhileProcessing":[4,"download-disabled-while-processing"],"error":[1],"acceptedFiles":[1,"accepted-files"],"autoProcessQueue":[4,"auto-process-queue"],"hideProgress":[4,"hide-progress"],"hideProgressWhileIdle":[4,"hide-progress-while-idle"],"maxFiles":[2,"max-files"],"maxFilesize":[2,"max-filesize"],"parallelUploads":[2,"parallel-uploads"],"uploadMultiple":[4,"upload-multiple"],"chunking":[4],"forceChunking":[4,"force-chunking"],"chunkSize":[2,"chunk-size"],"parallelChunkUploads":[4,"parallel-chunk-uploads"],"retryChunks":[4,"retry-chunks"],"retryChunksLimit":[2,"retry-chunks-limit"],"filesizeBase":[2,"filesize-base"],"headers":[16],"defaultHeaders":[4,"default-headers"],"accept":[16],"chunksUploaded":[16],"hiddenInputContainer":[1,"hidden-input-container"],"localization":[16],"processQueue":[64],"removeFile":[64],"removeAllFiles":[64]},null,{"existingFiles":["existingFilesWatcher"],"disabled":["disabledWatcher"],"error":["errorWatcher"]}]]],["p-6966188f.system",[[1,"stzh-accordion-item",{"collapsible":[4],"open":[1540],"disabled":[516],"heading":[1],"subtitle":[1],"description":[1],"icon":[1],"badge":[1],"badgeEmpty":[516,"badge-empty"],"badgeType":[513,"badge-type"],"headingLevel":[513,"heading-level"],"analyticsId":[1,"analytics-id"],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64]},null,{"open":["openWatcher"]}]]],["p-4b5bc7a0.system",[[4,"stzh-footer",{"localization":[16],"copyright":[1],"variant":[1],"mainUrl":[1,"main-url"],"withBorder":[4,"with-border"]}]]],["p-37b1b60c.system",[[2,"stzh-langnav",{"languageActive":[1,"language-active"],"languages":[1],"popoverPlacement":[513,"popover-placement"],"preventUrlchange":[4,"prevent-urlchange"]}]]],["p-532785e0.system",[[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]}]]],["p-bb268361.system",[[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]},null,{"months":["monthsWatcher"],"years":["yearsWatcher"],"value":["minMaxWatcher"],"min":["minMaxWatcher"],"max":["minMaxWatcher"]}]]],["p-9a930ed5.system",[[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"]}]]],["p-a11b2289.system",[[1,"stzh-timeline-item",{"foldable":[4],"collapsible":[4],"open":[1540],"disabled":[516],"heading":[1],"description":[1],"step":[514],"icon":[1],"badge":[1],"badgeEmpty":[516,"badge-empty"],"badgeType":[513,"badge-type"],"headingLevel":[513,"heading-level"],"analyticsId":[1,"analytics-id"],"_foldable":[32],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64]},null,{"open":["openWatcher"],"foldable":["foldableWatcher"]}]]],["p-3de85145.system",[[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]},null,{"min":["minMaxWatcher"],"max":["minMaxWatcher"]}]]],["p-7ac7f973.system",[[6,"stzh-checkbox",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"checked":[1540],"label":[1],"description":[1],"descriptionLong":[1,"description-long"],"showMarker":[516,"show-marker"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}]]],["p-a65dee8c.system",[[6,"stzh-checkboxgroup",{"localization":[16],"disabled":[516],"name":[513],"legend":[1],"hideLegend":[516,"hide-legend"],"invalid":[516],"showMarker":[516,"show-marker"],"value":[1025],"direction":[513],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"checkedCheckbox":[16],"preventUpdateProperties":[1,"prevent-update-properties"]},[[0,"stzhChange","onChange"]],{"name":["watchName"],"disabled":["watchDisabled"],"invalid":["watchInvalid"],"showMarker":["watchShowMarker"],"value":["watchValue"],"error":["errorWatcher"],"preventUpdateProperties":["preventUpdatePropertiesWatcher"]}]]],["p-39b380ed.system",[[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"]]]]],["p-99237441.system",[[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]},null,{"data":["dataWatcher"]}]]],["p-b643a0c0.system",[[6,"stzh-toggle",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"checked":[1540],"label":[1],"labelPosition":[513,"label-position"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}]]],["p-d912c19a.system",[[6,"stzh-fieldset",{"legend":[1],"hideLegend":[4,"hide-legend"],"legendLevel":[1,"legend-level"],"legendCurve":[1,"legend-curve"]}]]],["p-0702733b.system",[[0,"stzh-olmap",{"localization":[16],"hostname":[1],"scaleControl":[4,"scale-control"],"layerControl":[4,"layer-control"],"printControl":[4,"print-control"],"locationControl":[4,"location-control"],"layer":[1025],"zoom":[2],"zoomLocation":[2,"zoom-location"],"center":[1],"centerMarker":[4,"center-marker"],"pinchRotateThreshold":[2,"pinch-rotate-threshold"],"resolutions":[1],"layers":[1],"getMap":[64],"addIconMarker":[64],"removeIconMarker":[64],"setIconMarkerActive":[64],"setIconMarkerInactive":[64],"enableLocationTracking":[64],"disableLocationTracking":[64],"getDistance":[64]},[[8,"load","handleLoad"],[8,"deviceorientation","handleLoad"],[8,"pageshow","handleLoad"]],{"layers":["layersWatcher"],"resolutions":["resolutionsWatcher"],"zoom":["zoomWatcher"],"scaleControl":["scaleControlWatcher"],"printControl":["printControlWatcher"],"layerControl":["layerControlWatcher"],"locationControl":["locationControlWatcher"],"layer":["layerWatcher"],"center":["centerWatcher"],"centerMarker":["centerMarkerWatcher"]}]]],["p-97f27b6f.system",[[1,"stzh-accordion",{"collapsible":[4],"multiselectable":[4],"setItemFocus":[64]},[[0,"stzhOpen","openListener"]]]]],["p-7d583915.system",[[6,"stzh-actions",{"variant":[513],"withBorder":[516,"with-border"]}]]],["p-96987077.system",[[6,"stzh-appnav",{"appTitle":[1,"app-title"],"appStatus":[1,"app-status"],"appHref":[1,"app-href"],"appAnalyticsId":[1,"app-analytics-id"]}]]],["p-086e9523.system",[[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]},null,{"disabled":["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],"preventMouseDrag":["preventMouseDragWatcher"],"autoplay":["autoplayRunningWatcher"],"autoplayDisabledByMotionMedia":["autoplayRunningWatcher"],"autoplayDisabledByMouse":["autoplayRunningWatcher"],"autoplayDisabledByFocus":["autoplayRunningWatcher"],"autoplayTimeout":["autoplayRunningWatcher"],"slideElements":["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],"currentSwipeSlides":["snapAlignWatcher"],"slide":["inertWatcher","nextPrevDisabledWatcher"],"variant":["inertWatcher","prevNextNavigationWatcher"],"currentSlides":["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],"tabThrough":["inertWatcher","prevNextNavigationWatcher"],"nextElements":["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],"previousElements":["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],"navigationTextElements":["prevNextHiddenWatcher"]}]]],["p-d3f4ad11.system",[[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"]}]]],["p-9502303a.system",[[0,"stzh-chart",{"chartId":[1,"chart-id"],"create":[16]},null,{"create":["createWatcher"]}]]],["p-8a9c656a.system",[[6,"stzh-container"]]],["p-32773a2c.system",[[1,"stzh-cspace",{"removeFirstMargin":[516,"remove-first-margin"],"removeLastMargin":[516,"remove-last-margin"]}]]],["p-f096f165.system",[[6,"stzh-datamessagelist"]]],["p-c4c8b232.system",[[6,"stzh-details",{"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"open":["openWatcher"]}]]],["p-81a5e18b.system",[[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"]]]]],["p-ff1cfbee.system",[[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"]]]]],["p-172eef0b.system",[[2,"stzh-hr"]]],["p-c8a971ba.system",[[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],"aroundLeft":[516,"around-left"],"aroundRight":[516,"around-right"],"border":[513]}]]],["p-7096741a.system",[[6,"stzh-invert"]]],["p-31c40eed.system",[[1,"stzh-list",{"variant":[513]}]]],["p-12d5dbbf.system",[[1,"stzh-list-item"]]],["p-5eb8f07b.system",[[2,"stzh-loadingbar",{"percent":[2],"hidePercent":[4,"hide-percent"],"label":[1]}]]],["p-87f6c9ed.system",[[6,"stzh-metanav"]]],["p-5eb7e0bb.system",[[6,"stzh-overlay",{"open":[1028],"stay":[4],"a11yLabel":[1,"a11y-label"],"show":[64],"hide":[64]}]]],["p-cb14f91e.system",[[6,"stzh-page-skiplinks"]]],["p-85d94a88.system",[[6,"stzh-pagetitle"]]],["p-3b8d1ccd.system",[[6,"stzh-pagetitle-hero",{"heading":[1],"leadAuthor":[1,"lead-author"],"subtitle":[1]}]]],["p-c0e7e18d.system",[[4,"stzh-readspeaker",{"href":[1],"eventId":[1,"event-id"]},[[8,"DOMContentLoaded","addClickEvents"],[8,"load","addClickEvents"]]]]],["p-b865eba5.system",[[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]}]]],["p-4b4c8d11.system",[[6,"stzh-section",{"variant":[1]}]]],["p-d91e5b7b.system",[[1,"stzh-show",{"mikro":[4],"small":[4],"medium":[4],"large":[4],"ultra":[4],"hideFromDate":[1,"hide-from-date"]},null,{"hideFromDate":["hideFromDateWatcher"]}]]],["p-1d8dbb06.system",[[0,"stzh-skin-portal-mitwirken"]]],["p-7e572ca9.system",[[0,"stzh-skin-storybook-preview"]]],["p-1ae561a5.system",[[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"]]]]],["p-3a00cc10.system",[[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]}]]],["p-1246526e.system",[[6,"stzh-sticky",{"disableStickyTop":[516,"disable-sticky-top"],"disableStickyBottom":[516,"disable-sticky-bottom"],"breakout":[516],"isStuckTop":[32],"isStuckBottom":[32]},null,{"disableStickyTop":["disableStickyWatcher"],"disableStickyBottom":["disableStickyWatcher"],"isStuckTop":["isStuckTopWatcher"],"isStuckBottom":["isStuckBottomWatcher"]}]]],["p-a099d525.system",[[4,"stzh-table",{"fixedLeft":[2,"fixed-left"],"fixedRight":[2,"fixed-right"],"disableMinWidth":[516,"disable-min-width"],"hasScrollLeft":[32],"hasScrollRight":[32],"isScrollable":[32],"cellsStickyLeft":[32],"cellsStickyRight":[32]},null,{"fixedLeft":["fixedCellWatcher"],"fixedRight":["fixedCellWatcher"]}]]],["p-bfbd56b2.system",[[1,"stzh-textandimage",{"floating":[516],"fullwidth":[516],"size":[513]}]]],["p-a1303020.system",[[1,"stzh-timeline",{"foldable":[4],"collapsible":[4],"multiselectable":[4],"setItemFocus":[64],"updateSteps":[64]},[[0,"stzhOpen","openListener"]],{"foldable":["foldableWatcher"]}]]],["p-b8188334.system",[[6,"stzh-visuallyhidden"]]],["p-2858287a.system",[[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],"aroundTop":[516,"around-top"],"aroundBottom":[516,"around-bottom"],"border":[513]}]]],["p-3805c207.system",[[6,"stzh-chip-select",{"localization":[16],"data":[1],"name":[513],"label":[1],"value":[1],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"disabled":[516],"a11yDescribedby":[1,"a11y-describedby"],"activeFocusOptionIndex":[32]},null,{"data":["dataWatcher"],"error":["errorWatcher"]}]]],["p-dc7e3819.system",[[2,"stzh-pagination",{"total":[2],"name":[513],"value":[1026],"label":[1],"labelHidden":[4,"label-hidden"],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16],"prev":[64],"next":[64]}]]],["p-5ec41f5c.system",[[1,"stzh-toast",{"label":[1],"type":[513],"hideClose":[516,"hide-close"],"open":[516],"initialOpenAnimation":[4,"initial-open-animation"],"localization":[16],"show":[64],"hide":[64]},null,{"open":["openWatcher"]}]]],["p-5543d75e.system",[[6,"stzh-ghettobox",{"hiddenTitle":[1,"hidden-title"],"mainTitle":[1,"main-title"],"description":[1],"hideClose":[4,"hide-close"],"publishDate":[1,"publish-date"],"closeTimeKey":[1,"close-time-key"],"localization":[16],"open":[32],"show":[64],"hide":[64]},null,{"publishDate":["publishDateWatcher"]}]]],["p-a16d025d.system",[[6,"stzh-iframe",{"localization":[16],"src":[1],"cookie":[1],"cookieExpires":[2,"cookie-expires"],"cookieConfirmIcon":[1,"cookie-confirm-icon"],"cookieConfirmLabel":[1,"cookie-confirm-label"],"cookieConfirmText":[1,"cookie-confirm-text"],"previewLabel":[1,"preview-label"],"previewIcon":[1,"preview-icon"],"skipPreviewIfCookieAccepted":[4,"skip-preview-if-cookie-accepted"],"skipPreview":[4,"skip-preview"],"view":[32]},null,{"src":["srcWatcher"],"view":["viewWatcher"]}]]],["p-4148a275.system",[[2,"stzh-share",{"localization":[16],"url":[1],"services":[1]},null,{"services":["servicesWatcher"]}]]],["p-1fa9ff9b.system",[[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"]}]]],["p-ad702c86.system",[[2,"stzh-vbz-linechip",{"line":[1],"active":[516],"alert":[516],"global":[516],"disabled":[516],"analyticsId":[1,"analytics-id"],"setFocus":[64]}]]],["p-1edbef4a.system",[[6,"stzh-figure",{"caption":[1],"copyright":[1],"fullwidth":[516]}]]],["p-0a6771ce.system",[[6,"stzh-loader",{"size":[1],"label":[1],"hideLabel":[4,"hide-label"]}]]],["p-28f24001.system",[[2,"stzh-calendar",{"value":[1025],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"isDateDisabled":[16],"prevMonthAnalyticsId":[1,"prev-month-analytics-id"],"nextMonthAnalyticsId":[1,"next-month-analytics-id"],"activeFocus":[32],"focusedDay":[32],"setFocusedDay":[64],"setDate":[64]},null,{"localization":["createDateFormatters"],"value":["valueWatcher"]}]]],["p-bb5b861d.system",[[6,"stzh-ratio",{"ratio":[513],"portrait":[516],"fit":[513]}]]],["p-d9b0972d.system",[[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"]}]]],["p-0b91d97a.system",[[6,"stzh-datepicker",{"calendarMin":[1,"calendar-min"],"calendarMax":[1,"calendar-max"],"calendarIsDateDisabled":[16],"name":[513],"value":[1025],"label":[1],"labelHidden":[4,"label-hidden"],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"inline":[4],"dateAdapter":[16],"localization":[16],"buttonLabel":[32],"setDate":[64],"getPopover":[64]},null,{"localization":["createDateFormatters"],"value":["valueWatcher"]}],[6,"stzh-radio",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"checked":[1540],"label":[1],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}],[6,"stzh-radiogroup",{"localization":[16],"disabled":[516],"name":[513],"legend":[1],"hideLegend":[516,"hide-legend"],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"value":[1025],"direction":[513],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"checkedRadio":[8,"checked-radio"],"preventUpdateProperties":[1,"prevent-update-properties"]},[[0,"stzhChange","onChange"]],{"name":["watchName"],"disabled":["watchDisabled"],"invalid":["watchInvalid"],"required":["watchRequired"],"value":["watchValue"],"error":["errorWatcher"],"preventUpdateProperties":["preventUpdatePropertiesWatcher"]}]]],["p-67fbfdec.system",[[6,"stzh-buttongroup"]]],["p-f6512a9e.system",[[6,"stzh-heading",{"level":[513],"curve":[513],"withBorder":[516,"with-border"]}]]],["p-0f7e90b0.system",[[0,"stzh-icon-sprite"]]],["p-0dcbb483.system",[[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"]}]]],["p-cc868f04.system",[[6,"stzh-input",{"localization":[16],"multiline":[4],"rows":[2],"type":[1],"step":[2],"min":[2],"max":[2],"showSpin":[516,"show-spin"],"readonly":[516],"disabled":[516],"clearable":[516],"showMarker":[516,"show-marker"],"minlength":[2],"maxlength":[2],"name":[513],"value":[1025],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"inputmode":[1],"autocomplete":[1],"noAutocomplete":[4,"no-autocomplete"],"label":[1],"labelHidden":[4,"label-hidden"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"filled":[32],"setFocus":[64]},null,{"value":["valueWatcher"],"error":["errorWatcher"],"type":["typeWatcher"]}]]],["p-b2bb69d4.system",[[6,"stzh-datalist",{"direction":[513],"directionSmall":[513,"direction-small"],"directionMedium":[513,"direction-medium"],"directionLarge":[513,"direction-large"],"directionUltra":[513,"direction-ultra"],"hideBorder":[516,"hide-border"],"disableLabelMinWidth":[516,"disable-label-min-width"],"currentDirection":[513,"current-direction"],"items":[1]},null,{"hideBorder":["hideBorderWatcher"],"direction":["directionWatcher"],"directionSmall":["directionWatcher"],"directionMedium":["directionWatcher"],"directionLarge":["directionWatcher"],"directionUltra":["directionWatcher"],"currentDirection":["currentDirectionWatcher"],"items":["itemsWatcher"]}],[6,"stzh-datalist-item",{"localization":[16],"direction":[513],"href":[513],"rel":[1],"target":[1],"download":[1],"leadingIcon":[1,"leading-icon"],"icon":[1],"iconLabel":[1,"icon-label"],"iconTooltip":[1,"icon-tooltip"],"label":[1],"value":[1],"meta":[1],"statusLabel":[1,"status-label"],"statusType":[1,"status-type"],"hideBorder":[516,"hide-border"],"a11yExpanded":[516,"a11y-expanded"],"a11yControls":[1,"a11y-controls"],"external":[32]},null,{"rel":["externalWatcher"]}]]],["p-94d7336f.system",[[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]}]]],["p-563da6ae.system",[[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]}]]],["p-42d27a5d.system",[[4,"stzh-dropdown",{"options":[1],"optgroups":[1],"items":[1],"searchField":[1,"search-field"],"multiple":[516],"inline":[516],"maxOptions":[2,"max-options"],"searchConjunction":[1,"search-conjunction"],"allowEmptyOption":[4,"allow-empty-option"],"openOnFocus":[4,"open-on-focus"],"closeAfterSelect":[4,"close-after-select"],"load":[16],"minCharacters":[2,"min-characters"],"loadThrottle":[2,"load-throttle"],"preload":[8],"labelField":[1,"label-field"],"valueField":[1,"value-field"],"optgroupField":[1,"optgroup-field"],"optgroupLabelField":[1,"optgroup-label-field"],"optgroupValueField":[1,"optgroup-value-field"],"lockOptgroupOrder":[4,"lock-optgroup-order"],"name":[513],"open":[4],"isOpen":[516,"is-open"],"variant":[513],"size":[513],"disabled":[516],"popoverPlacement":[513,"popover-placement"],"label":[1],"labelHidden":[4,"label-hidden"],"icon":[1],"iconAngle":[1,"icon-angle"],"noSearch":[4,"no-search"],"noBackspaceDelete":[4,"no-backspace-delete"],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"localization":[16],"a11yDescribedby":[1,"a11y-describedby"],"getValue":[64],"setValue":[64],"setFocus":[64],"resetLoadedSearches":[64],"getLoadedSearches":[64],"getItems":[64],"loadItems":[64],"show":[64],"hide":[64]},null,{"options":["optionsWatcher"],"items":["itemsWatcher"],"searchField":["searchFieldWatcher"],"optgroups":["optgroupsWatcher"],"error":["errorWatcher"]}]]],["p-62a0d642.system",[[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"]]],["p-b81e4e30.system",[[6,"stzh-tooltip",{"open":[1028],"label":[1],"content":[1],"placement":[1],"strategy":[1],"skidding":[2],"distance":[2],"interactive":[4],"trigger":[1],"localization":[16],"computedPlacement":[32],"show":[64],"hide":[64],"toggle":[64],"update":[64]},[[6,"click","handleDocumentClick"]],{"open":["openWatcher"],"trigger":["triggerWatcher"]}]]],["p-c7299e78.system",[[6,"stzh-card",{"localization":[16],"collapsed":[1540],"starred":[1540],"starrable":[516],"selectable":[516],"checked":[516],"name":[513],"href":[513],"target":[1],"value":[1025],"disabled":[516],"withArrow":[516,"with-arrow"],"heading":[1],"subtitle":[1],"headerActions":[1,"header-actions"],"footerActions":[1,"footer-actions"],"subtitleInteractive":[4,"subtitle-interactive"],"sortableDisabled":[516,"sortable-disabled"],"collapsible":[516],"hideHeaderBorder":[516,"hide-header-border"],"hideFooterBorder":[516,"hide-footer-border"],"hideElevation":[516,"hide-elevation"],"hideMovementActions":[4,"hide-movement-actions"],"analyticsId":[1,"analytics-id"]},null,{"subtitle":["subtitleWatcher"],"headerActions":["headerActionsWatcher"],"footerActions":["footerActionsWatcher"],"collapsed":["collapsedWatcher"]}],[6,"stzh-card-list",{"localization":[16],"layout":[513],"description":[1],"showToggleLink":[516,"show-toggle-link"],"sortableEnabled":[4,"sortable-enabled"],"sortableDataIdAttribute":[1,"sortable-data-id-attribute"],"allCollapsed":[32]},[[0,"stzhCollapse","collapseListener"]]],[2,"stzh-actionset",{"localization":[16],"variant":[513],"popoverButtonVariant":[513,"popover-button-variant"],"popoverButtonSize":[513,"popover-button-size"],"popoverPlacement":[513,"popover-placement"],"actions":[1],"actionsCollapsed":[32],"dynamicActions":[32],"isSmall":[32],"isMedium":[32]},null,{"actions":["actionsWatcher"]}],[6,"stzh-sortable",{"localization":[16],"disabled":[516],"dataIdAttribute":[1,"data-id-attribute"],"container":[16],"ghostClone":[16],"filterElements":[1,"filter-elements"],"toArray":[64],"sort":[64],"moveItem":[64]},null,{"disabled":["disabledWatcher"],"filterElements":["filterElementsWatcher"]}]]],["p-f0ca5b4b.system",[[6,"stzh-richtext",{"localization":[16],"removeFirstMargin":[516,"remove-first-margin"],"removeLastMargin":[516,"remove-last-margin"],"externalLinkSelector":[1,"external-link-selector"],"externalLinkIcon":[1,"external-link-icon"]}],[2,"stzh-status",{"percent":[2],"withLoadingbar":[516,"with-loadingbar"],"label":[1],"type":[513]}]]],["p-16800b32.system",[[6,"stzh-popover",{"open":[1540],"placement":[513],"variant":[513],"skidding":[2],"distance":[2],"label":[1],"strategy":[1],"localization":[16],"computedPlacement":[32],"show":[64],"hide":[64],"toggle":[64],"update":[64]},[[6,"click","handleOutsideClick"]],{"open":["openWatcher"],"distance":["distanceWatcher"]}]]]]'),e)}))}}}));
-//# sourceMappingURL=p-5fce4cad.system.js.map

package/dist/stzh-components/p-6966188f.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{c(n.next(t))}catch(t){r(t)}}function a(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):o(t.value).then(s,a)}c((n=n.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:[]},n,o,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 c([t,e])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=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++;o=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];o=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-5b63a767.system.js","./p-cc9e64a4.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a,c,h;return{setters:[function(t){e=t.r;i=t.c;n=t.h;o=t.a;r=t.g},function(t){s=t.w},function(t){a=t.s;c=t.a;h=t.b}],execute:function(){var d=':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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--trigger-size:1.125rem;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}:host ::slotted(stzh-icon),.stzh-accordion-item__icon{--size:var(--icon-size)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{-webkit-transition:none;transition:none}}.stzh-accordion-item__button:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}.stzh-accordion-item__button-text{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon::before,.stzh-accordion-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-accordion-item__button-icon::before,.stzh-accordion-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon::before,.stzh-accordion-item__button-icon::after{-webkit-transition:none;transition:none}}.stzh-accordion-item__button-icon::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description,.stzh-accordion-item__subtitle{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__description,.stzh-accordion-item__subtitle{-webkit-transition:none;transition:none}}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item--has-description .stzh-accordion-item__button,.stzh-accordion-item--has-subtitle .stzh-accordion-item__button{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open .stzh-accordion-item__button{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-accordion-item--is-open .stzh-accordion-item__button{border-color:SelectedItem}}.stzh-accordion-item--is-open .stzh-accordion-item__description,.stzh-accordion-item--is-open .stzh-accordion-item__subtitle{color:var(--stzh-color-white)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8)}';var l={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var u={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var m=0;var f=t("stzh_accordion_item",function(){function t(t){var n=this;e(this,t);this.stzhOpen=i(this,"stzhOpen",7);this.stzhOpened=i(this,"stzhOpened",7);this.stzhClose=i(this,"stzhClose",7);this.stzhClosed=i(this,"stzhClosed",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.toggledByMethod=false;this.handleHeaderClick=function(){if(typeof n.collapsible!=="undefined"){if(n.collapsible){n.toggle()}else if(!n.open){n.show()}}else if(!n.accordion||n.accordion.collapsible){n.toggle()}else if(!n.open){n.show()}};this.onFocus=function(t){n.stzhFocus.emit({component:"stzh-accordion-item",originalEvent:t})};this.onBlur=function(t){n.stzhBlur.emit({component:"stzh-accordion-item",originalEvent:t})};this.onButtonKeydown=function(t){var e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(e){t.preventDefault();n.accordion.setItemFocus(n.element,e)}};this.onContentKeydown=function(t){if(!t.ctrlKey){return}var e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();n.accordion.setItemFocus(n.element,e)}};this.collapsible=undefined;this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.bodyElement){return[2]}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,a(this.bodyElement)];case 1:e.sent();this.bodyElement.hidden=false;return[4,c(this.bodyElement,h(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options)];case 2:e.sent();this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,a(this.bodyElement)];case 4:e.sent();this.bodyElement.style.overflow="hidden";return[4,c(this.bodyElement,h(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options)];case 5:e.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=true;return[2,s(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=false;return[2,s(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.accordionItemId="stzh-accordion-item-".concat(m++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.accordion=this.element.closest("stzh-accordion");return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.accordion){this.accordion=null}};t.prototype.render=function(){var t=this;var e="h".concat(this.headingLevel);var i={"stzh-accordion-item":true,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return n(o,null,n("stzh-icon-sprite",null),n("div",{class:i},n(e,{id:"".concat(this.accordionItemId,"-header"),class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},n("button",{ref:function(e){return t.buttonElement=e},class:"stzh-accordion-item__button","aria-controls":"".concat(this.accordionItemId,"-content"),"aria-expanded":"".concat(this.open?"true":"false"),disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},n("span",{class:"stzh-accordion-item__icon-wrapper"},this.icon?n("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):n("slot",{name:"icon"})),n("span",{class:"stzh-accordion-item__button-text"},n("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),n("span",{class:"stzh-accordion-item__heading-text"},this.heading),n("span",{class:"stzh-accordion-item__description"},this.description)),n("span",{class:"stzh-accordion-item__button-icon"}),(this.badge||this.badgeEmpty)&&n("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),n("div",{id:"".concat(this.accordionItemId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-accordion-item__content","aria-labelledby":"".concat(this.accordionItemId,"-header"),role:"region",onKeyDown:this.onContentKeydown},n("div",{class:"stzh-accordion-item__content-inner"},n("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}());f.style=d}}}));
-//# sourceMappingURL=p-6966188f.system.entry.js.map

package/dist/stzh-components/p-6966188f.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhAccordionItemCss","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","accordionItemCounter","StzhAccordionItem","exports","this","toggledByMethod","handleHeaderClick","_this","collapsible","toggle","open","show","accordion","onFocus","event","stzhFocus","emit","component","originalEvent","onBlur","stzhBlur","onButtonKeydown","action","key","ctrlKey","preventDefault","setItemFocus","element","onContentKeydown","class_1","prototype","openWatcher","newValue","bodyElement","stzhOpen","stopAnimations","_a","sent","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","disabled","waitForEvent","hide","setFocus","buttonElement","focus","componentWillLoad","accordionItemId","concat","componentDidLoad","connectedCallback","closest","disconnectedCallback","render","Heading","headingLevel","classes","description","subtitle","h","Host","class","id","onClick","ref","el","onKeyDown","type","analyticsId","heading","icon","name","badge","badgeEmpty","label","badgeType","role"],"sources":["src/components/stzh-accordion-item/stzh-accordion-item.scss?tag=stzh-accordion-item&encapsulation=shadow","src/components/stzh-accordion-item/stzh-accordion-item.tsx"],"sourcesContent":["/**\n * @prop --content-background: Content background\n *\n * @prop --stzh-accordion-content-background: **Global**: Content background\n */\n\n:host {\n  --trigger-size: 18px;\n  --content-background: #{$accordionContentBackground};\n  --icon-size: #{iconSize('small')};\n}\n\n:host ::slotted(stzh-icon),\n.stzh-accordion-item__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-accordion-item {\n  &__heading {\n    position: relative;\n    margin: 0;\n  }\n\n  &__button {\n    @include fontCurve('p1', 'heading');\n    font-family: inherit;\n    width: 100%;\n    appearance: none;\n    background-color: transparent;\n    padding-top: space('medium');\n    padding-bottom: space('medium');\n    display: flex;\n    align-items: center;\n    min-height: 60px;\n    border: 1px solid $baseBorderColor;\n    color: $colorPrimary;\n    text-align: left;\n    transition-property: color, background-color, border-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    cursor: pointer;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &:hover {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  &__button,\n  &__content-inner {\n    @include spaceCurve('padding-left', 'regular');\n    @include spaceCurve('padding-right', 'regular');\n  }\n\n  &__button-text {\n    flex-grow: 1;\n  }\n\n  &__button-icon {\n    position: relative;\n    display: block;\n    width: var(--trigger-size);\n    height: var(--trigger-size);\n    margin-left: space('medium');\n\n    &::before,\n    &::after {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      content: '';\n      display: block;\n      width: var(--trigger-size);\n      height: 1px;\n      transition: transform .5s;\n      transform-origin: top left;\n      background-color: currentColor;\n\n      @include highContrast() {\n        background-color: CanvasText;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      transform: rotate(180deg) translate(-50%, -50%);\n    }\n\n    &::after {\n      transform: rotate(90deg) translate(-50%, -50%);\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n  }\n\n  &__content-inner {\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'medium');\n  }\n\n  &__icon-wrapper {\n    align-self: flex-start;\n\n    &:not(:empty) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__badge {\n    position: absolute;\n    right: -5px;\n    top: -5px;\n  }\n\n  &__description,\n  &__subtitle {\n    color: $baseColor;\n    transition: color $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__description {\n    @include fontCurve('caption');\n  }\n\n  &__heading-text,\n  &__description,\n  &__subtitle {\n    display: block;\n  }\n\n  /* Subtitle / Description */\n\n  &--has-description &__button,\n  &--has-subtitle &__button {\n    padding: space('medium');\n  }\n\n  &--has-subtitle &__heading {\n    @include font('heavy');\n  }\n\n  &--has-subtitle &__heading-text {\n    @include fontCurve('h2', 'heading');\n  }\n\n  /* Open */\n\n  &--is-open &__button {\n    color: $colorWhite;\n    background-color: $colorPrimary;\n    border-color: $colorPrimary;\n\n    @include highContrast() {\n      border-color: SelectedItem;\n    }\n  }\n\n  &--is-open &__description,\n  &--is-open &__subtitle {\n    color: $colorWhite;\n  }\n\n  &--is-open &__button-icon {\n    &::before,\n    &::after {\n      transform: rotate(0) translate(-50%, -50%);\n    }\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n    color: $formDisabledColor;\n    border-color: $formDisabledBorderColor;\n    background-color: $formDisabledBackgroundColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent,\n  StzhAccordionItemFocusEvent,\n  StzhAccordionItemBlurEvent\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nlet accordionItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-accordion-item\",\n  styleUrl: \"stzh-accordion-item.scss\",\n  shadow: true\n})\nexport class StzhAccordionItem {\n  /** Whether fold is collapsible (overwrites collapsible from timeline parent) */\n  @Prop() collapsible: boolean;\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Whether fold disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Badge */\n  @Prop() badge: string = \"\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhAccordionItemElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle accordion item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  /** Set focus to button */\n  @Method()\n  async setFocus() {\n    this.buttonElement.focus();\n  }\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private buttonElement: HTMLButtonElement;\n  private accordionItemId: string;\n  private accordion: HTMLStzhAccordionElement;\n\n  private handleHeaderClick = () => {\n    if (typeof this.collapsible !== \"undefined\") {\n      if (this.collapsible) {\n        this.toggle();\n      } else if (!this.open) {\n        this.show();\n      }\n    } else if (!this.accordion || this.accordion.collapsible) {\n      this.toggle();\n    } else if (!this.open) {\n      this.show();\n    }\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.stzhFocus.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    this.stzhBlur.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event\n    });\n  }\n\n  private onButtonKeydown = (event: KeyboardEvent) => {\n    let action = null;\n\n    if (event.key === \"ArrowDown\") {\n      action = \"next\";\n    } else if (event.key === \"ArrowUp\") {\n      action = \"prev\";\n    } else if (event.key === \"Home\") {\n      action = \"first\";\n    } else if (event.key === \"End\") {\n      action = \"last\";\n    } else if (event.key === \"PageDown\" && event.ctrlKey) {\n      action = \"next\";\n    } else if (event.key === \"PageUp\" && event.ctrlKey) {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  }\n\n  private onContentKeydown = (event: KeyboardEvent) => {\n    if (!event.ctrlKey) {\n      return;\n    }\n\n    let action = null;\n\n    if (event.key === \"PageDown\") {\n      action = \"next\";\n    } else if (event.key === \"PageUp\") {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  }\n\n  componentWillLoad() {\n    this.accordionItemId = `stzh-accordion-item-${accordionItemCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n  }\n\n  async connectedCallback() {\n    this.accordion = this.element.closest(\"stzh-accordion\");\n  }\n\n  disconnectedCallback() {\n    if (this.accordion) {\n      this.accordion = null;\n    }\n  }\n\n  render() {\n    const Heading = `h${this.headingLevel}`;\n    const classes = {\n      \"stzh-accordion-item\": true,\n      \"stzh-accordion-item--has-description\": !!this.description,\n      \"stzh-accordion-item--has-subtitle\": !!this.subtitle,\n      \"stzh-accordion-item--is-open\": this.open,\n      \"stzh-accordion-item--is-disabled\": this.disabled,\n    };\n\n    return (\n      <Host>\n        <stzh-icon-sprite></stzh-icon-sprite>\n\n        <div class={classes}>\n          <Heading\n            id={`${this.accordionItemId}-header`}\n            class=\"stzh-accordion-item__heading\"\n            onClick={this.handleHeaderClick}\n          >\n            <button\n              ref={(el) => (this.buttonElement = el as HTMLButtonElement)}\n              class=\"stzh-accordion-item__button\"\n              aria-controls={`${this.accordionItemId}-content`}\n              aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n              disabled={this.disabled}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n              onKeyDown={this.onButtonKeydown}\n              type=\"button\"\n              s-object-id={this.analyticsId || this.heading}\n            >\n              <span class=\"stzh-accordion-item__icon-wrapper\">\n                {this.icon ?\n                  <stzh-icon class=\"stzh-accordion-item__icon\" name={this.icon}></stzh-icon>\n                  :\n                  <slot name=\"icon\"></slot>\n                }\n              </span>\n              <span class=\"stzh-accordion-item__button-text\">\n                <span class=\"stzh-accordion-item__subtitle\">\n                  {this.subtitle}\n                </span>\n                <span class=\"stzh-accordion-item__heading-text\">\n                  {this.heading}\n                </span>\n                <span class=\"stzh-accordion-item__description\">\n                  {this.description}\n                </span>\n              </span>\n              <span class=\"stzh-accordion-item__button-icon\"></span>\n\n              {(this.badge || this.badgeEmpty) &&\n                <stzh-badge\n                  class=\"stzh-accordion-item__badge\"\n                  label={this.badge}\n                  type={this.badgeType}\n                ></stzh-badge>\n              }\n            </button>\n          </Heading>\n          <div\n            id={`${this.accordionItemId}-content`}\n            ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-accordion-item__content\"\n            aria-labelledby={`${this.accordionItemId}-header`}\n            role=\"region\"\n            onKeyDown={this.onContentKeydown}\n          >\n            <div class=\"stzh-accordion-item__content-inner\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-8a9c656a.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhContainerCss","StzhContainer","exports","class_1","prototype","render","h","Host","class"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    stzh-header {\n      margin-left: -$containerMargin;\n      margin-right: -$containerMargin;\n\n      @include mq($from: small) {\n        margin-left: -$containerMarginSmall;\n        margin-right: -$containerMarginSmall;\n      }\n\n      @include mq($from: medium) {\n        margin-left: -$containerMarginMedium;\n        margin-right: -$containerMarginMedium;\n      }\n\n      @include mq($from: large) {\n        margin-left: -$containerMarginLarge;\n        margin-right: -$containerMarginLarge;\n      }\n\n      @include mq($from: ultra) {\n        margin-left: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n        margin-right: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n      }\n    }\n\n    stzh-container {\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n      width: 100vw;\n      max-width: 100vw;\n    }\n\n    stzh-section[variant=\"highlight\"] {\n      --highlight-horizontal-padding: #{$containerMargin};\n\n      @include mq($from: small) {\n        --highlight-horizontal-padding: #{$containerMarginSmall};\n      }\n\n      @include mq($from: medium) {\n        --highlight-horizontal-padding: #{$containerMarginMedium};\n      }\n\n      @include mq($from: large) {\n        --highlight-horizontal-padding: #{space('xlarge')};\n      }\n\n      @include mq($to: large) {\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        width: 100vw;\n        max-width: 100vw;\n      }\n    }\n\n    stzh-row stzh-section[variant=\"highlight\"] {\n      --highlight-horizontal-padding: #{$sectionHighlightHorizontalPadding};\n\n      @include mq($to: large) {\n        left: initial;\n        right: initial;\n        margin-left: initial;\n        margin-right: initial;\n        width: initial;\n        max-width: initial;\n      }\n    }\n  }\n}\n\n.stzh-container {\n  @include container;\n}\n","import {\n  Component,\n  Host,\n  h\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-container\",\n  styleUrl: \"stzh-container.scss\",\n  scoped: true\n})\nexport class StzhContainer {\n  render() {\n    return (\n      <Host>\n        <div class=\"stzh-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAmB,o1G,ICcZC,EAAaC,EAAA,4B,wBACxBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,kBACTF,EAAA,c,WALgB,I"}

package/dist/stzh-components/p-95a50796.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as i,a as t}from"./p-c92165bd.js";const e=".sc-stzh-skiplink-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-skiplink-h{display:none}.sc-stzh-skiplink-h *.sc-stzh-skiplink,.sc-stzh-skiplink-h *.sc-stzh-skiplink::before,.sc-stzh-skiplink-h *.sc-stzh-skiplink::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-skiplink-h .has-focus.sc-stzh-skiplink{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink{outline-style:none !important}.sc-stzh-skiplink-h .stzh-fylingfocus-focused.sc-stzh-skiplink::-moz-focus-inner{border:0 !important}.sc-stzh-skiplink-h:not([focused]){padding:0 !important;margin:0 !important}.stzh-skiplink.sc-stzh-skiplink{display:inline-block;right:0;top:0;white-space:nowrap;padding:var(--stzh-space-large) var(--stzh-space-xxlarge);border:solid 0.0625rem var(--stzh-color-grey40);border-radius:0.125rem;background:var(--stzh-color-white);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-skiplink.sc-stzh-skiplink:not(:focus):not(:active){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-skiplink.sc-stzh-skiplink:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";const o=class{constructor(i){s(this,i);this.label="";this.href=undefined;this.linkAccesskey=undefined;this.linkTitle=undefined;this.analyticsId=undefined;this.focused=false}focusinHandler(){this.focused=true}focusoutHandler(){this.focused=false}componentDidRender(){requestAnimationFrame((()=>{this.link.setAttribute("s-object-id",this.analyticsId||this.label||this.text.innerText)}))}render(){return i(t,{focused:this.focused},i("a",{ref:s=>this.link=s,class:"stzh-skiplink",href:this.href,accessKey:this.linkAccesskey,title:this.linkTitle},i("div",{ref:s=>this.text=s},this.label?this.label:i("slot",null))))}};o.style=e;export{o as stzh_skiplink};
-//# sourceMappingURL=p-95a50796.entry.js.map

package/dist/stzh-components/p-95a50796.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhSkiplinkCss","StzhSkiplink","focusinHandler","this","focused","focusoutHandler","componentDidRender","requestAnimationFrame","link","setAttribute","analyticsId","label","text","innerText","render","h","Host","ref","el","class","href","accessKey","linkAccesskey","title","linkTitle"],"sources":["src/components/stzh-skiplink/stzh-skiplink.scss?tag=stzh-skiplink&encapsulation=scoped","src/components/stzh-skiplink/stzh-skiplink.tsx"],"sourcesContent":[":host(:not([focused])) {\n  // reset any margin or padding (e.g. from stzh-vspace/hspace components)\n  // so the host element won't take up any space when link inside is not focuseds\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.stzh-skiplink {\n  @include visuallyhiddenFocusable;\n  display: inline-block;\n  right: 0;\n  top: 0;\n  white-space: nowrap;\n\tpadding: space('large') space('xxlarge');\n\tborder: solid 1px $colorGrey40;\n\tborder-radius: 2px;\n\tbackground: $colorWhite;\n  color: $colorPrimary;\n\ttransition: color $baseTransitionAnimationSpeed;\n  text-decoration-line: none;\n\n\t&:hover {\n\t\tcolor: $colorPrimaryHover;\n\t}\n}\n","import {\n  Component,\n  Host,\n  Listen,\n  h,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any text content\n */\n@Component({\n  tag: \"stzh-skiplink\",\n  styleUrl: \"stzh-skiplink.scss\",\n  scoped: true\n})\nexport class StzhSkiplink {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** href for linking to e.g. id of an element to skip to */\n  @Prop() href: string;\n\n  /** Access key of link (usually a number e.g. 1) */\n  @Prop() linkAccesskey: string;\n\n  /** Link title for description e.g. how to use skiplink with access key ([ALT + 1]) */\n  @Prop() linkTitle: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Whether the skiplink is currently focused */\n  @State() focused: boolean = false;\n\n  @Listen('focusin')\n  focusinHandler() {\n    this.focused = true;\n  }\n\n  @Listen('focusout')\n  focusoutHandler() {\n    this.focused = false;\n  }\n\n  private link: HTMLAnchorElement;\n  private text: HTMLDivElement;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.link.setAttribute(\"s-object-id\", this.analyticsId || this.label || this.text.innerText);\n    });\n  }\n\n  render() {\n    return (\n      <Host focused={this.focused}>\n        <a\n          ref={(el) => (this.link = el as HTMLAnchorElement)}\n          class=\"stzh-skiplink\"\n          href={this.href}\n          accessKey={this.linkAccesskey}\n          title={this.linkTitle}\n        >\n          <div ref={(el) => (this.text = el as HTMLDivElement)}>\n            {this.label ? this.label : <slot></slot>}\n          </div>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,uwD,MCiBXC,EAAY,M,oCAEC,G,kHAmBI,K,CAG5B,cAAAC,GACEC,KAAKC,QAAU,I,CAIjB,eAAAC,GACEF,KAAKC,QAAU,K,CAMjB,kBAAAE,GACEC,uBAAsB,KACpBJ,KAAKK,KAAKC,aAAa,cAAeN,KAAKO,aAAeP,KAAKQ,OAASR,KAAKS,KAAKC,UAAU,G,CAIhG,MAAAC,GACE,OACEC,EAACC,EAAI,CAACZ,QAASD,KAAKC,SAClBW,EAAA,KACEE,IAAMC,GAAQf,KAAKK,KAAOU,EAC1BC,MAAM,gBACNC,KAAMjB,KAAKiB,KACXC,UAAWlB,KAAKmB,cAChBC,MAAOpB,KAAKqB,WAEZT,EAAA,OAAKE,IAAMC,GAAQf,KAAKS,KAAOM,GAC5Bf,KAAKQ,MAAQR,KAAKQ,MAAQI,EAAA,e"}

package/dist/stzh-components/p-a12b9320.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhContainerCss","StzhContainer","render","h","Host","class"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    stzh-header {\n      margin-left: -$containerMargin;\n      margin-right: -$containerMargin;\n\n      @include mq($from: small) {\n        margin-left: -$containerMarginSmall;\n        margin-right: -$containerMarginSmall;\n      }\n\n      @include mq($from: medium) {\n        margin-left: -$containerMarginMedium;\n        margin-right: -$containerMarginMedium;\n      }\n\n      @include mq($from: large) {\n        margin-left: -$containerMarginLarge;\n        margin-right: -$containerMarginLarge;\n      }\n\n      @include mq($from: ultra) {\n        margin-left: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n        margin-right: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n      }\n    }\n\n    stzh-container {\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n      width: 100vw;\n      max-width: 100vw;\n    }\n\n    stzh-section[variant=\"highlight\"] {\n      --highlight-horizontal-padding: #{$containerMargin};\n\n      @include mq($from: small) {\n        --highlight-horizontal-padding: #{$containerMarginSmall};\n      }\n\n      @include mq($from: medium) {\n        --highlight-horizontal-padding: #{$containerMarginMedium};\n      }\n\n      @include mq($from: large) {\n        --highlight-horizontal-padding: #{space('xlarge')};\n      }\n\n      @include mq($to: large) {\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        width: 100vw;\n        max-width: 100vw;\n      }\n    }\n\n    stzh-row stzh-section[variant=\"highlight\"] {\n      --highlight-horizontal-padding: #{$sectionHighlightHorizontalPadding};\n\n      @include mq($to: large) {\n        left: initial;\n        right: initial;\n        margin-left: initial;\n        margin-right: initial;\n        width: initial;\n        max-width: initial;\n      }\n    }\n  }\n}\n\n.stzh-container {\n  @include container;\n}\n","import {\n  Component,\n  Host,\n  h\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-container\",\n  styleUrl: \"stzh-container.scss\",\n  scoped: true\n})\nexport class StzhContainer {\n  render() {\n    return (\n      <Host>\n        <div class=\"stzh-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,o1G,MCcZC,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,kBACTF,EAAA,c"}

package/dist/stzh-components/p-a8f684d4.entry.js

@@ -1,2 +0,0 @@
-import{r as e,e as a,w as s,h as t,a as i,g as h}from"./p-c92165bd.js";import{h as r}from"./p-ba8c574b.js";import{m as n}from"./p-cc8c83a8.js";import"./p-9b063923.js";const d=".sc-stzh-header-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-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::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-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:empty){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}@media screen and (min-width: 800px){.header__metabar-langnav.sc-stzh-header:not(:empty){margin-left:var(--stzh-space-medium)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar-mobile.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar.sc-stzh-header{display:block;border-top:none;background-color:var(--stzh-color-grey5)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 1.25rem;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 799px) and (min-width: 600px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (max-width: 799px) and (min-width: 1024px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (max-width: 799px) and (min-width: 1260px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (max-width: 799px) and (min-width: 1440px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky):not(.header--is-sticky-disabled) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky.header--has-empty-metabar.sc-stzh-header:not(.header--has-appnav) .header__main.sc-stzh-header{border-bottom:none}}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (max-width: 599px){.header--sticky.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__main.sc-stzh-header{padding-top:4rem}}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__metabar.sc-stzh-header{position:absolute}}}";const o=class{constructor(t){e(this,t);this.handleResize=()=>{if(this.stickyDisabled){return}if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame((()=>{a((()=>{this.isSmall=n("small").matches;this.isSmallheader=n("smallheader").matches;this.headerTop=this.element.offsetTop;this.headerHeight=this.element.offsetHeight;this.appnavHeight=this.appnavElement?this.appnavElement.offsetHeight:0;this.metabarHeight=this.metabarElement?this.metabarElement.offsetHeight:0}));s((()=>{document.documentElement.style.setProperty("--stzh-header-height",`${this.headerHeight}px`);document.documentElement.style.setProperty("--stzh-header-appnav-height",`${this.appnavHeight}px`);document.documentElement.style.setProperty("--stzh-header-metabar-height",`${this.metabarHeight}px`);if(this.appnavHeight&&!this.isSmall&&!this.preventAppnavPlaceholder){this.appnavPlaceholderElement.style.height=`${this.appnavHeight}px`;document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height",`${this.appnavHeight}px`)}else{this.appnavPlaceholderElement.style.height="0px";document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height","0px")}}));this.scrollListener()}))};this.href="https://www.stadt-zuerich.ch";this.metabarStay=false;this.stickyDisabled=false;this.preventAppnavPlaceholder=false;this.logoAnalyticsId=undefined;this.hideLogo=false;this.paddingTop=undefined;this.metabarTransform=undefined;this.sticky=false;this.stickyClosing=false;this.stickyMetabar=false;this.stickyMetabarEnd=false}async updatePosition(){if(this.stickyDisabled){return}const e=()=>{this.sticky=false;this.stickyClosing=false;this.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.sticky&&this.belowStartStickyPoint){this.paddingTop=this.headerHeight;this.sticky=true}this.updateMetabarPosition()}else{if(this.sticky&&this.belowStayStickyPoint){const a=()=>{e();this.updateMetabarPosition();this.innerElement.removeEventListener("animationend",a)};this.innerElement.addEventListener("animationend",a);this.stickyClosing=true}else{e();this.updateMetabarPosition()}}}scrollListener(){if(this.stickyDisabled){return}a((()=>{this.scrollTop=this.getScrollTop();this.scrollingUp=this.lastScrollTop&&this.lastScrollTop>this.scrollTop;this.lastScrollTop=this.scrollTop;this.innerHeight=this.innerElement?this.innerElement.offsetHeight:0;this.mainHeight=this.mainElement?this.mainElement.offsetHeight:0;this.logobarHeight=this.sticky?this.isSmall?this.headerHeight-this.innerHeight:this.headerHeight-this.mainHeight:this.logobarElement?this.logobarElement.offsetHeight:0;this.belowStayStickyPoint=this.scrollTop>this.logobarHeight;this.belowStartStickyPoint=this.scrollTop>this.headerHeight;this.headerOverlap=(this.headerTop-this.scrollTop)/-1;this.hideLogo=this.isSmallheader&&this.headerOverlap>10}));s((()=>{this.updatePosition()}))}getScrollTop(){return window.pageYOffset||document.documentElement.scrollTop}updateMetabarPosition(){if(!this.metabarElement||this.stickyDisabled){return}if(CSS&&CSS.supports&&CSS.supports("position","sticky")){return}if(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing){if(this.headerOverlap<this.mainHeight-this.metabarHeight){this.stickyMetabar=true;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}else{this.stickyMetabar=false;this.stickyMetabarEnd=true;this.metabarTransform=`translateY(${this.logobarHeight}px)`}}else{this.stickyMetabar=false;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}}connectedCallback(){this.appnavPlaceholderElement=document.createElement("div");this.element.parentElement.appendChild(this.appnavPlaceholderElement);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement);if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const e=r(this.element,"nav");const a=r(this.element,"login");const s=r(this.element,"appnav");const h=r(this.element,"langnav");const n={header:true,"header--is-sticky-disabled":this.stickyDisabled,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-metabar-stay":this.metabarStay,"header--has-empty-metabar-mobile":!a,"header--has-empty-metabar":!a&&!h&&!e,"header--has-appnav":s};return t(i,null,t("div",{style:{paddingTop:`${this.paddingTop}px`},class:n},t("div",{class:"header__inner",ref:e=>this.innerElement=e},t("div",{class:"header__main",ref:e=>this.mainElement=e},t("div",{class:"header__logobar",ref:e=>this.logobarElement=e},t("div",{class:"header__logobar-logo"},t("a",{href:this.href,class:"header__logo-link","s-object-id":this.logoAnalyticsId||"Header Logo"},t("slot",{name:"logo"})))),t("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:e=>this.metabarElement=e},t("div",{class:"header__metabar-inner"},t("div",{class:"header__metabar-nav"},t("slot",{name:"nav"})),t("div",{class:"header__metabar-login"},t("slot",{name:"login"})),t("div",{class:"header__metabar-langnav"},t("slot",{name:"langnav"}))))),t("div",{class:"header__appnav",ref:e=>this.appnavElement=e},t("div",{class:"header__appnav-inner"},t("slot",{name:"appnav"}))))))}get element(){return h(this)}};o.style=d;export{o as stzh_header};
-//# sourceMappingURL=p-a8f684d4.entry.js.map

package/dist/stzh-components/p-b98bc5c1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,a as e,g as o}from"./p-c92165bd.js";import{i as h}from"./p-ba8c574b.js";import{w as n}from"./p-54bd842e.js";import{s as a,a as r,b as c}from"./p-7e2354d0.js";import"./p-9b063923.js";const l=".sc-stzh-details-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-details-h{display:none}.sc-stzh-details-h *.sc-stzh-details,.sc-stzh-details-h *.sc-stzh-details::before,.sc-stzh-details-h *.sc-stzh-details::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-details-h .has-focus.sc-stzh-details{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details{outline-style:none !important}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details::-moz-focus-inner{border:0 !important}.sc-stzh-details-h{display:contents;--content-padding:0;--content-background:transparent;--content-grid-column:inherit;--content-border-bottom:none}.stzh-details.sc-stzh-details,.stzh-details__trigger.sc-stzh-details{display:contents}.stzh-details__content.sc-stzh-details{overflow:hidden;background-color:var(--content-background);grid-column:var(--content-grid-column);border-bottom:var(--content-border-bottom)}.stzh-details__content-inner.sc-stzh-details{padding:var(--content-padding)}";const d={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const f={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const u=class{constructor(i){t(this,i);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.toggledByMethod=false;this.onClickTrigger=()=>{this.toggle()};this.open=false}async openWatcher(t){if(!this.triggerElement){return}if(this.triggerElement.firstElementChild){const s=h(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(s?"a11y-expanded":"aria-expanded",t?"true":"false")}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await a(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,c(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await a(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,c(f.keyframes,{height:this.bodyElement.scrollHeight}),f.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return n(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return n(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}componentWillLoad(){this.detailsId=`stzh-details-${z++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden";if(this.triggerElement.firstElementChild){const t=h(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-controls":"aria-controls",`${this.detailsId}-content`);this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false")}}connectedCallback(){var t;let s=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=t}if(s){s.addEventListener("click",this.onClickTrigger)}}disconnectedCallback(){if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-details":true,"stzh-details--is-open":this.open};return i(e,null,i("div",{class:t},i("div",{ref:t=>this.triggerElement=t,class:"stzh-details__trigger"},i("slot",null)),i("div",{id:`${this.detailsId}-content`,ref:t=>this.bodyElement=t,class:"stzh-details__content","aria-labelledby":`${this.detailsId}-header`},i("div",{class:"stzh-details__content-inner"},i("slot",{name:"content"})))))}get element(){return o(this)}static get watchers(){return{open:["openWatcher"]}}};u.style=l;export{u as stzh_details};
-//# sourceMappingURL=p-b98bc5c1.entry.js.map

package/dist/stzh-components/p-b98bc5c1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhDetailsCss","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","detailsCounter","StzhDetails","this","toggledByMethod","onClickTrigger","toggle","openWatcher","newValue","triggerElement","firstElementChild","isStzh","isStzhElement","setAttribute","stzhOpen","emit","component","stopAnimations","bodyElement","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","show","open","waitForEvent","element","hide","componentWillLoad","detailsId","componentDidLoad","connectedCallback","trigger","_a","defaultSlot","Array","from","children","find","child","hasAttribute","addEventListener","disconnectedCallback","removeEventListener","render","classes","h","Host","class","ref","el","id","name"],"sources":["src/components/stzh-details/stzh-details.scss?tag=stzh-details&encapsulation=scoped","src/components/stzh-details/stzh-details.tsx"],"sourcesContent":[":host {\n  display: contents;\n\n  --content-padding: 0;\n  --content-background: transparent;\n  --content-grid-column: inherit;\n  --content-border-bottom: none;\n}\n\n.stzh-details {\n  &,\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n    grid-column: var(--content-grid-column);\n    border-bottom: var(--content-border-bottom);\n  }\n\n  &__content-inner {\n    padding: var(--content-padding);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nlet detailsCounter = 0;\n\n/**\n * @slot - Slot for trigger\n * @slot content - Slot for any content\n */\n@Component({\n  tag: \"stzh-details\",\n  styleUrl: \"stzh-details.scss\",\n  scoped: true\n})\nexport class StzhDetails {\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Element() element: HTMLStzhDetailsElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.triggerElement) {\n      return;\n    }\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n\n      this.triggerElement.firstElementChild\n        .setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", newValue ? \"true\" : \"false\");\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private detailsId: string;\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  private triggerElement: HTMLElement;\n\n  private onClickTrigger = () => {\n    this.toggle();\n  }\n\n  componentWillLoad() {\n    this.detailsId = `stzh-details-${detailsCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n      this.triggerElement.firstElementChild.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.detailsId}-content`);\n      this.triggerElement.firstElementChild.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n    }\n  }\n\n  connectedCallback() {\n    let trigger = this.triggerElement?.firstElementChild;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children)\n        .find(child => !(child as HTMLElement).hasAttribute(\"slot\")) as HTMLElement\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && this.triggerElement.firstElementChild) {\n      this.triggerElement.firstElementChild.removeEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-details\": true,\n      \"stzh-details--is-open\": this.open\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div\n            ref={(el) => (this.triggerElement = el as HTMLDivElement)}\n            class=\"stzh-details__trigger\"\n          >\n            <slot></slot>\n          </div>\n          <div\n            id={`${this.detailsId}-content`}\n            ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-details__content\"\n            aria-labelledby={`${this.detailsId}-header`}\n          >\n            <div class=\"stzh-details__content-inner\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-bb5b861d.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var o,r,i,s;return{setters:[function(t){o=t.r;r=t.h;i=t.a;s=t.g}],execute:function(){var a='.sc-stzh-ratio-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-ratio-h{display:none}.sc-stzh-ratio-h *.sc-stzh-ratio,.sc-stzh-ratio-h *.sc-stzh-ratio::before,.sc-stzh-ratio-h *.sc-stzh-ratio::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-ratio-h .has-focus.sc-stzh-ratio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-ratio-h .stzh-fylingfocus-focused.sc-stzh-ratio{outline-style:none !important}.sc-stzh-ratio-h .stzh-fylingfocus-focused.sc-stzh-ratio::-moz-focus-inner{border:0 !important}.sc-stzh-ratio-h{--ratio:9 / 16;--background-color:var(--stzh-ratio-background-color)}.sc-stzh-ratio-h .sc-stzh-ratio-s>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}.sc-stzh-ratio-h[fit=contain] .sc-stzh-ratio-s>*{-o-object-fit:contain;object-fit:contain}[portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:16 / 9}[ratio="1:1"].sc-stzh-ratio-h{--ratio:1 / 1}[ratio="5:4"].sc-stzh-ratio-h{--ratio:4 / 5}[ratio="5:4"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:5 / 4}[ratio="4:3"].sc-stzh-ratio-h{--ratio:3 / 4}[ratio="4:3"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:4 / 3}[ratio="3:2"].sc-stzh-ratio-h{--ratio:2 / 3}[ratio="3:2"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:3 / 2}[ratio="2:1"].sc-stzh-ratio-h{--ratio:1 / 2}[ratio="2:1"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2 / 1}[ratio="21:9"].sc-stzh-ratio-h{--ratio:9 / 21}[ratio="21:9"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:21 / 9}.stzh-ratio.sc-stzh-ratio{position:relative;width:100%;padding-top:calc(var(--ratio) * 100%);background:var(--background-color)}';var e=t("stzh_ratio",function(){function t(t){o(this,t);this.ratio="16:9";this.portrait=false;this.fit="cover"}t.prototype.render=function(){var t={"stzh-ratio":true};return r(i,null,r("div",{class:t},r("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());e.style=a}}}));
-//# sourceMappingURL=p-bb5b861d.system.entry.js.map

package/dist/stzh-components/p-bb5b861d.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhRatioCss","StzhRatio","exports","class_1","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-ratio/stzh-ratio.scss?tag=stzh-ratio&encapsulation=scoped","src/components/stzh-ratio/stzh-ratio.tsx"],"sourcesContent":["/**\n * @prop --ratio: Ratio in reverse (e.g. for 16:9 use `9 / 16`)\n * @prop --background-color: Background color of ratio area\n *\n * @prop --stzh-ratio-background-color: **Global**: Background color of ratios\n */\n\n:host {\n  --ratio: 9 / 16;\n  --background-color: #{$ratioBackgroundColor};\n\n  ::slotted(*) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n  }\n}\n\n:host([fit=\"contain\"]) ::slotted(*) {\n  object-fit: contain;\n}\n\n:host([portrait]:not([portrait=\"false\"])) {\n  --ratio: 16 / 9;\n}\n\n:host([ratio=\"1:1\"]) {\n  --ratio: 1 / 1;\n}\n\n:host([ratio=\"5:4\"]) {\n  --ratio: 4 / 5;\n}\n\n:host([ratio=\"5:4\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 5 / 4;\n}\n\n:host([ratio=\"4:3\"]) {\n  --ratio: 3 / 4;\n}\n\n:host([ratio=\"4:3\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 4 / 3;\n}\n\n:host([ratio=\"3:2\"]) {\n  --ratio: 2 / 3;\n}\n\n:host([ratio=\"3:2\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 3 / 2;\n}\n\n:host([ratio=\"2:1\"]) {\n  --ratio: 1 / 2;\n}\n\n:host([ratio=\"2:1\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 2 / 1;\n}\n\n:host([ratio=\"21:9\"]) {\n  --ratio: 9 / 21;\n}\n\n:host([ratio=\"21:9\"][portrait]:not([portrait=\"false\"])) {\n  --ratio: 21 / 9;\n}\n\n.stzh-ratio {\n  position: relative;\n  width: 100%;\n  padding-top: calc(var(--ratio) * 100%);\n  background: var(--background-color);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for e.g. image or video\n */\n@Component({\n  tag: \"stzh-ratio\",\n  styleUrl: \"stzh-ratio.scss\",\n  scoped: true\n})\nexport class StzhRatio {\n  /** Available aspect ratios */\n  @Prop({ reflect: true }) ratio: \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\" = \"16:9\";\n\n  /** Whether aspect ratio is in portrait mode */\n  @Prop({ reflect: true }) portrait: boolean = false;\n  \n  /** Fit mode */\n  @Prop({ reflect: true }) fit: \"cover\" | \"contain\" = \"cover\";\n\n  @Element() element: HTMLStzhRatioElement;\n\n  render() {\n    const classes = {\n      \"stzh-ratio\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAe,g9D,ICgBRC,EAASC,EAAA,wB,mCAEsE,O,cAG7C,M,SAGO,O,CAIpDC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,aAAc,MAGhB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,4HApBY,I"}

package/dist/stzh-components/p-c4c8b232.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function s(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{a(i.next(t))}catch(t){r(t)}}function l(t){try{a(i["throw"](t))}catch(t){r(t)}}function a(t){t.done?n(t.value):s(t.value).then(o,l)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,s,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(t){return function(e){return a([t,e])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,l[0]&&(n=0)),n)try{if(i=1,s&&(r=l[0]&2?s["return"]:l[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,l[1])).done)return r;if(s=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;s=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){n.label=l[1];break}if(l[0]===6&&n.label<r[1]){n.label=r[1];r=l;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(l);break}if(r[2])n.ops.pop();n.trys.pop();continue}l=e.call(t,n)}catch(t){l=[6,t];s=0}finally{i=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-5b63a767.system.js","./p-cc9e64a4.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,n,i,s,r,o,l,a,h,c;return{setters:[function(t){e=t.r;n=t.c;i=t.h;s=t.a;r=t.g},function(t){o=t.i},function(t){l=t.w},function(t){a=t.s;h=t.a;c=t.b},function(){}],execute:function(){var d=".sc-stzh-details-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-details-h{display:none}.sc-stzh-details-h *.sc-stzh-details,.sc-stzh-details-h *.sc-stzh-details::before,.sc-stzh-details-h *.sc-stzh-details::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-details-h .has-focus.sc-stzh-details{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details{outline-style:none !important}.sc-stzh-details-h .stzh-fylingfocus-focused.sc-stzh-details::-moz-focus-inner{border:0 !important}.sc-stzh-details-h{display:contents;--content-padding:0;--content-background:transparent;--content-grid-column:inherit;--content-border-bottom:none}.stzh-details.sc-stzh-details,.stzh-details__trigger.sc-stzh-details{display:contents}.stzh-details__content.sc-stzh-details{overflow:hidden;background-color:var(--content-background);grid-column:var(--content-grid-column);border-bottom:var(--content-border-bottom)}.stzh-details__content-inner.sc-stzh-details{padding:var(--content-padding)}";var u={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var f={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var g=0;var p=t("stzh_details",function(){function t(t){var i=this;e(this,t);this.stzhOpen=n(this,"stzhOpen",7);this.stzhOpened=n(this,"stzhOpened",7);this.stzhClose=n(this,"stzhClose",7);this.stzhClosed=n(this,"stzhClosed",7);this.toggledByMethod=false;this.onClickTrigger=function(){i.toggle()};this.open=false}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:if(!this.triggerElement){return[2]}if(this.triggerElement.firstElementChild){e=o(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(e?"a11y-expanded":"aria-expanded",t?"true":"false")}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,a(this.bodyElement)];case 1:n.sent();this.bodyElement.hidden=false;return[4,h(this.bodyElement,c(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options)];case 2:n.sent();this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,a(this.bodyElement)];case 4:n.sent();this.bodyElement.style.overflow="hidden";return[4,h(this.bodyElement,c(f.keyframes,{height:this.bodyElement.scrollHeight}),f.options)];case 5:n.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}n.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.toggledByMethod=true;this.open=true;return[2,l(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggledByMethod=true;this.open=false;return[2,l(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.componentWillLoad=function(){this.detailsId="stzh-details-".concat(g++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden";if(this.triggerElement.firstElementChild){var t=o(this.triggerElement.firstElementChild);this.triggerElement.firstElementChild.setAttribute(t?"a11y-controls":"aria-controls","".concat(this.detailsId,"-content"));this.triggerElement.firstElementChild.setAttribute(t?"a11y-expanded":"aria-expanded",this.open?"true":"false")}};t.prototype.connectedCallback=function(){var t;var e=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!e){var n=Array.from(this.element.children).find((function(t){return!t.hasAttribute("slot")}));e=n}if(e){e.addEventListener("click",this.onClickTrigger)}};t.prototype.disconnectedCallback=function(){if(this.triggerElement&&this.triggerElement.firstElementChild){this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}};t.prototype.render=function(){var t=this;var e={"stzh-details":true,"stzh-details--is-open":this.open};return i(s,null,i("div",{class:e},i("div",{ref:function(e){return t.triggerElement=e},class:"stzh-details__trigger"},i("slot",null)),i("div",{id:"".concat(this.detailsId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-details__content","aria-labelledby":"".concat(this.detailsId,"-header")},i("div",{class:"stzh-details__content-inner"},i("slot",{name:"content"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}());p.style=d}}}));
-//# sourceMappingURL=p-c4c8b232.system.entry.js.map

package/dist/stzh-components/p-c4c8b232.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhDetailsCss","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","detailsCounter","StzhDetails","exports","this","toggledByMethod","onClickTrigger","_this","toggle","class_1","prototype","openWatcher","newValue","triggerElement","firstElementChild","isStzh","isStzhElement","setAttribute","stzhOpen","emit","component","stopAnimations","bodyElement","_b","sent","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","show","open","waitForEvent","element","hide","componentWillLoad","detailsId","concat","componentDidLoad","connectedCallback","trigger","_a","defaultSlot","Array","from","children","find","child","hasAttribute","addEventListener","disconnectedCallback","removeEventListener","render","classes","h","Host","class","ref","el","id","name"],"sources":["src/components/stzh-details/stzh-details.scss?tag=stzh-details&encapsulation=scoped","src/components/stzh-details/stzh-details.tsx"],"sourcesContent":[":host {\n  display: contents;\n\n  --content-padding: 0;\n  --content-background: transparent;\n  --content-grid-column: inherit;\n  --content-border-bottom: none;\n}\n\n.stzh-details {\n  &,\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n    grid-column: var(--content-grid-column);\n    border-bottom: var(--content-border-bottom);\n  }\n\n  &__content-inner {\n    padding: var(--content-padding);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nlet detailsCounter = 0;\n\n/**\n * @slot - Slot for trigger\n * @slot content - Slot for any content\n */\n@Component({\n  tag: \"stzh-details\",\n  styleUrl: \"stzh-details.scss\",\n  scoped: true\n})\nexport class StzhDetails {\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Element() element: HTMLStzhDetailsElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.triggerElement) {\n      return;\n    }\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n\n      this.triggerElement.firstElementChild\n        .setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", newValue ? \"true\" : \"false\");\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private detailsId: string;\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  private triggerElement: HTMLElement;\n\n  private onClickTrigger = () => {\n    this.toggle();\n  }\n\n  componentWillLoad() {\n    this.detailsId = `stzh-details-${detailsCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n\n    if (this.triggerElement.firstElementChild) {\n      const isStzh = isStzhElement(this.triggerElement.firstElementChild);\n      this.triggerElement.firstElementChild.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.detailsId}-content`);\n      this.triggerElement.firstElementChild.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n    }\n  }\n\n  connectedCallback() {\n    let trigger = this.triggerElement?.firstElementChild;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children)\n        .find(child => !(child as HTMLElement).hasAttribute(\"slot\")) as HTMLElement\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && this.triggerElement.firstElementChild) {\n      this.triggerElement.firstElementChild.removeEventListener(\"click\", this.onClickTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-details\": true,\n      \"stzh-details--is-open\": this.open\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div\n            ref={(el) => (this.triggerElement = el as HTMLDivElement)}\n            class=\"stzh-details__trigger\"\n          >\n            <slot></slot>\n          </div>\n          <div\n            id={`${this.detailsId}-content`}\n            ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-details__content\"\n            aria-labelledby={`${this.detailsId}-header`}\n          >\n            <div class=\"stzh-details__content-inner\">\n              <slot name=\"content\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-d3f4ad11.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(e){"use strict";var t,i,s;return{setters:[function(e){t=e.r;i=e.h;s=e.a}],execute:function(){var n=':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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';var a=e("stzh_cell",function(){function e(e){t(this,e);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}e.prototype.render=function(){return i(s,null,i("div",{class:{"stzh-cell":true}},i("slot",null)))};return e}());a.style=n}}}));
-//# sourceMappingURL=p-d3f4ad11.system.entry.js.map

package/dist/stzh-components/p-d3f4ad11.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCellCss","StzhCell","exports","class_1","prototype","render","h","Host","class"],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAc,onP,ICiBPC,EAAQC,EAAA,uB,kCAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvDC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c,WA1BW,I"}

package/dist/stzh-components/p-e0e7105e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,a as t}from"./p-c92165bd.js";const s=':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)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--cell-width:100%;max-width:100%;width:var(--cell-width);-ms-flex-preferred-size:var(--cell-width);flex-basis:var(--cell-width);-ms-flex-negative:0;flex-shrink:0}:host([justify-self=start]){justify-self:flex-start}:host([justify-self=end]){justify-self:flex-end}:host([justify-self=center]){justify-self:center}:host([justify-self=between]){justify-self:space-between}:host([justify-self=around]){justify-self:space-around}:host([justify-self=evenly]){justify-self:space-evenly}:host([align-self=start]){-ms-flex-item-align:start;align-self:flex-start}:host([align-self=end]){-ms-flex-item-align:end;align-self:flex-end}:host([align-self=center]){-ms-flex-item-align:center;align-self:center}:host([align-self=baseline]){-ms-flex-item-align:baseline;align-self:baseline}:host([align-self=stretch]){-ms-flex-item-align:stretch;align-self:stretch}:host([span="1"]){--cell-width:8.3333333333%}:host([span="2"]){--cell-width:16.6666666667%}:host([span="3"]){--cell-width:25%}:host([span="4"]){--cell-width:33.3333333333%}:host([span="5"]){--cell-width:41.6666666667%}:host([span="6"]){--cell-width:50%}:host([span="7"]){--cell-width:58.3333333333%}:host([span="8"]){--cell-width:66.6666666667%}:host([span="9"]){--cell-width:75%}:host([span="10"]){--cell-width:83.3333333333%}:host([span="11"]){--cell-width:91.6666666667%}:host([span="12"]){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]){--cell-width:100%}}.stzh-cell{height:100%;padding-left:calc(var(--stzh-grid-gutter) / 2);padding-right:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-small) / 2);padding-right:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.stzh-cell{padding-left:calc(var(--stzh-grid-gutter-medium) / 2);padding-right:calc(var(--stzh-grid-gutter-medium) / 2)}}';const n=class{constructor(i){e(this,i);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justifySelf="auto";this.alignSelf="auto"}render(){return i(t,null,i("div",{class:{"stzh-cell":true}},i("slot",null)))}};n.style=s;export{n as stzh_cell};
-//# sourceMappingURL=p-e0e7105e.entry.js.map

package/dist/stzh-components/p-e0e7105e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCellCss","StzhCell","render","h","Host","class"],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n  // couldn't use cell-span and calcuate the with with css calc\n  // since IE was calculating the width wrongly with certain viewport widths\n  // so calculating it with sass and using the width directly\n  --cell-width: 100%;\n\n  max-width: 100%;\n  width: var(--cell-width);\n  flex-basis: var(--cell-width);\n  flex-shrink: 0;\n}\n\n/* Justify self variants */\n\n:host([justify-self=\"start\"]) {\n  justify-self: flex-start;\n}\n\n:host([justify-self=\"end\"]) {\n  justify-self: flex-end;\n}\n\n:host([justify-self=\"center\"]) {\n  justify-self: center;\n}\n\n:host([justify-self=\"between\"]) {\n  justify-self: space-between;\n}\n\n:host([justify-self=\"around\"]) {\n  justify-self: space-around;\n}\n\n:host([justify-self=\"evenly\"]) {\n  justify-self: space-evenly;\n}\n\n/* Align self variants */\n\n:host([align-self=\"start\"]) {\n  align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n  align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n  align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n  align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n  align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"]) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"]) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n  height: 100%;\n  padding-left: calc(#{$gridGutter} / 2);\n  padding-right: calc(#{$gridGutter} / 2);\n\n  @include mq($from: small) {\n    padding-left: calc(#{$gridGutterSmall} / 2);\n    padding-right: calc(#{$gridGutterSmall} / 2);\n  }\n\n  @include mq($from: medium) {\n    padding-left: calc(#{$gridGutterMedium} / 2);\n    padding-right: calc(#{$gridGutterMedium} / 2);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-cell\",\n  styleUrl: \"stzh-cell.scss\",\n  shadow: true\n})\nexport class StzhCell {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justifySelf: Layout.JustifySelf = \"auto\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-cell\": true\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,onP,MCiBPC,EAAQ,M,mCAEI,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,iBAG+B,O,eAGJ,M,CAEvD,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,YAAa,OAGfF,EAAA,c"}

package/dist/stzh-components/p-ff1cfbee.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,a,t,s){function r(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,i){function n(e){try{o(s.next(e))}catch(e){i(e)}}function h(e){try{o(s["throw"](e))}catch(e){i(e)}}function o(e){e.done?t(e.value):r(e.value).then(n,h)}o((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(e){return function(a){return o([e,a])}}function o(h){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,h[0]&&(t=0)),t)try{if(s=1,r&&(i=h[0]&2?r["return"]:h[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,h[1])).done)return i;if(r=0,i)h=[h[0]&2,i.value];switch(h[0]){case 0:case 1:i=h;break;case 4:t.label++;return{value:h[1],done:false};case 5:t.label++;r=h[1];h=[0];continue;case 7:h=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(h[0]===6||h[0]===2)){t=0;continue}if(h[0]===3&&(!i||h[1]>i[0]&&h[1]<i[3])){t.label=h[1];break}if(h[0]===6&&t.label<i[1]){t.label=i[1];i=h;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(h);break}if(i[2])t.ops.pop();t.trys.pop();continue}h=a.call(e,t)}catch(e){h=[6,e];r=0}finally{s=i=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-bd1030c9.system.js","./p-774595ba.system.js"],(function(e){"use strict";var a,t,s,r,i,n,h,o;return{setters:[function(e){a=e.r;t=e.e;s=e.w;r=e.h;i=e.a;n=e.g},function(e){h=e.h},function(e){o=e.m},function(){}],execute:function(){var d=".sc-stzh-header-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-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::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-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:empty){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}@media screen and (min-width: 800px){.header__metabar-langnav.sc-stzh-header:not(:empty){margin-left:var(--stzh-space-medium)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar-mobile.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar.sc-stzh-header{display:block;border-top:none;background-color:var(--stzh-color-grey5)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 1.25rem;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 799px) and (min-width: 600px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2rem}}@media screen and (max-width: 799px) and (min-width: 1024px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (max-width: 799px) and (min-width: 1260px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (max-width: 799px) and (min-width: 1440px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin:0 auto;width:78.75rem}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky):not(.header--is-sticky-disabled) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky.header--has-empty-metabar.sc-stzh-header:not(.header--has-appnav) .header__main.sc-stzh-header{border-bottom:none}}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (max-width: 599px){.header--sticky.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__main.sc-stzh-header{padding-top:4rem}}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__metabar.sc-stzh-header{position:absolute}}}";var l=e("stzh_header",function(){function e(e){var r=this;a(this,e);this.handleResize=function(){if(r.stickyDisabled){return}if(r.debounceResize){window.cancelAnimationFrame(r.debounceResize)}r.debounceResize=requestAnimationFrame((function(){t((function(){r.isSmall=o("small").matches;r.isSmallheader=o("smallheader").matches;r.headerTop=r.element.offsetTop;r.headerHeight=r.element.offsetHeight;r.appnavHeight=r.appnavElement?r.appnavElement.offsetHeight:0;r.metabarHeight=r.metabarElement?r.metabarElement.offsetHeight:0}));s((function(){document.documentElement.style.setProperty("--stzh-header-height","".concat(r.headerHeight,"px"));document.documentElement.style.setProperty("--stzh-header-appnav-height","".concat(r.appnavHeight,"px"));document.documentElement.style.setProperty("--stzh-header-metabar-height","".concat(r.metabarHeight,"px"));if(r.appnavHeight&&!r.isSmall&&!r.preventAppnavPlaceholder){r.appnavPlaceholderElement.style.height="".concat(r.appnavHeight,"px");document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height","".concat(r.appnavHeight,"px"))}else{r.appnavPlaceholderElement.style.height="0px";document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height","0px")}}));r.scrollListener()}))};this.href="https://www.stadt-zuerich.ch";this.metabarStay=false;this.stickyDisabled=false;this.preventAppnavPlaceholder=false;this.logoAnalyticsId=undefined;this.hideLogo=false;this.paddingTop=undefined;this.metabarTransform=undefined;this.sticky=false;this.stickyClosing=false;this.stickyMetabar=false;this.stickyMetabarEnd=false}e.prototype.updatePosition=function(){return __awaiter(this,void 0,void 0,(function(){var e,a;var t=this;return __generator(this,(function(s){if(this.stickyDisabled){return[2]}e=function(){t.sticky=false;t.stickyClosing=false;t.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.sticky&&this.belowStartStickyPoint){this.paddingTop=this.headerHeight;this.sticky=true}this.updateMetabarPosition()}else{if(this.sticky&&this.belowStayStickyPoint){a=function(){e();t.updateMetabarPosition();t.innerElement.removeEventListener("animationend",a)};this.innerElement.addEventListener("animationend",a);this.stickyClosing=true}else{e();this.updateMetabarPosition()}}return[2]}))}))};e.prototype.scrollListener=function(){var e=this;if(this.stickyDisabled){return}t((function(){e.scrollTop=e.getScrollTop();e.scrollingUp=e.lastScrollTop&&e.lastScrollTop>e.scrollTop;e.lastScrollTop=e.scrollTop;e.innerHeight=e.innerElement?e.innerElement.offsetHeight:0;e.mainHeight=e.mainElement?e.mainElement.offsetHeight:0;e.logobarHeight=e.sticky?e.isSmall?e.headerHeight-e.innerHeight:e.headerHeight-e.mainHeight:e.logobarElement?e.logobarElement.offsetHeight:0;e.belowStayStickyPoint=e.scrollTop>e.logobarHeight;e.belowStartStickyPoint=e.scrollTop>e.headerHeight;e.headerOverlap=(e.headerTop-e.scrollTop)/-1;e.hideLogo=e.isSmallheader&&e.headerOverlap>10}));s((function(){e.updatePosition()}))};e.prototype.getScrollTop=function(){return window.pageYOffset||document.documentElement.scrollTop};e.prototype.updateMetabarPosition=function(){if(!this.metabarElement||this.stickyDisabled){return}if(CSS&&CSS.supports&&CSS.supports("position","sticky")){return}if(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing){if(this.headerOverlap<this.mainHeight-this.metabarHeight){this.stickyMetabar=true;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}else{this.stickyMetabar=false;this.stickyMetabarEnd=true;this.metabarTransform="translateY(".concat(this.logobarHeight,"px)")}}else{this.stickyMetabar=false;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}};e.prototype.connectedCallback=function(){this.appnavPlaceholderElement=document.createElement("div");this.element.parentElement.appendChild(this.appnavPlaceholderElement);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};e.prototype.disconnectedCallback=function(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement);if(this.resizeObserver){this.resizeObserver.disconnect()}};e.prototype.render=function(){var e=this;var a=h(this.element,"nav");var t=h(this.element,"login");var s=h(this.element,"appnav");var n=h(this.element,"langnav");var o={header:true,"header--is-sticky-disabled":this.stickyDisabled,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-metabar-stay":this.metabarStay,"header--has-empty-metabar-mobile":!t,"header--has-empty-metabar":!t&&!n&&!a,"header--has-appnav":s};return r(i,null,r("div",{style:{paddingTop:"".concat(this.paddingTop,"px")},class:o},r("div",{class:"header__inner",ref:function(a){return e.innerElement=a}},r("div",{class:"header__main",ref:function(a){return e.mainElement=a}},r("div",{class:"header__logobar",ref:function(a){return e.logobarElement=a}},r("div",{class:"header__logobar-logo"},r("a",{href:this.href,class:"header__logo-link","s-object-id":this.logoAnalyticsId||"Header Logo"},r("slot",{name:"logo"})))),r("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:function(a){return e.metabarElement=a}},r("div",{class:"header__metabar-inner"},r("div",{class:"header__metabar-nav"},r("slot",{name:"nav"})),r("div",{class:"header__metabar-login"},r("slot",{name:"login"})),r("div",{class:"header__metabar-langnav"},r("slot",{name:"langnav"}))))),r("div",{class:"header__appnav",ref:function(a){return e.appnavElement=a}},r("div",{class:"header__appnav-inner"},r("slot",{name:"appnav"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());l.style=d}}}));
-//# sourceMappingURL=p-ff1cfbee.system.entry.js.map