@oiz/stzh-components 4.9.0-beta2 → 4.9.0-beta4

package/dist/stzh-components/p-221df142.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,F as s,a as i,d as r}from"./p-DesQCrfi.js";import{f as h}from"./p-PUB8fb5E.js";import{m as d,a as n,r as o}from"./p-CUGRmgip.js";import"./p-E-ZsRS8r.js";const l=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map list"}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:none;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{display:flex;opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data{}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xlarge)}}.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__list-search{display:none;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data{}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-geo-ref-data{}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser__image-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}`;const c="stzh-overlay-open";const p=class{constructor(a){e(this,a);this.stzhOverlayCloseClick=t(this,"stzhOverlayCloseClick");this.al="";this.heading="";this.mapDataUrl="";this.poiDataUrl="";this.baseUrlOverride="https://www.stadt-zuerich.ch";this.locationControl=true;this.centerMarker=false;this.zoom=7;this.zoomLocation=7;this.pinchRotateThreshold=.3;this.availableTags=[];this._availableTags=[];this.searchIndexFields=["title","poiname","street","zip","description"];this.searchIndexIdField="poiid";this.filterActive=false;this.searchActive=false;this.showOnlyResultsForCurrentExtent=true;this.finalResults=[];this.finalResultsPaginatedList=[];this.finalResultsPaginationOffset=0;this.viewmode="map";this.numberOfItemsToLoad=20;this.appliedFilters=[""];this.isFiltersContentOpen=false;this.filterResults=[];this.handleFilterToggleClick=()=>{this.isFiltersContentOpen=true};this.handleApplyFilterClick=()=>{this.isFiltersContentOpen=false};this.handleOverlayCloseClick=()=>{document.body.classList.remove(c);this.isOpen=false;const e=new URLSearchParams(window.location.search);Array.from(e.keys()).forEach((t=>{if(t.startsWith("filters[")){e.delete(t)}}));e.delete("extent[0]");e.delete("extent[1]");e.delete("extent[2]");e.delete("extent[3]");e.delete("al");const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t);this.appliedFilters=[""]};this.handleResize=async()=>{if(!this.metaWrapperElement||!this.mapElement||!this.resultsListElement){return}if(this.metaWrapperElement.clientHeight){this.mapElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`;this.resultsListElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`}else{this.mapElement.style.height=`100%`;this.resultsListElement.style.height=`100%`}const e=await this.mapElement.getMap();e.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handleFilterChange=async e=>{let t=Array.isArray(e.detail.value)?e.detail.value:[e.detail.value];if(t.length===1&&t[0]===this._resetTag.value){this.appliedFilters=[]}else{try{t=t.filter((e=>e!==""))}catch(e){}this.appliedFilters=t}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async e=>{this.showOnlyResultsForCurrentExtent=e.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async e=>{if(e.detail.value!==""){if(!this.searchIndex){return}const t=this.searchIndex.search(e.detail.value);const a=t.flatMap((e=>e.result));this.searchResults=new Set(a);this.searchActive=true}else{this.searchActive=false}await this.combineFilterAndSearchResults()};this.toggleViewMode=()=>{if(this.viewmode==="map"){this.viewmode="list"}else{this.viewmode="map"}}}availableTagsWatcher(e){if(!e){this._availableTags=[]}else if(typeof e==="string"){try{this._availableTags=JSON.parse(e)}catch(e){this._availableTags=[]}}else{this._availableTags=e}}resetTagWatcher(e){if(!e){this._resetTag=undefined}else if(typeof e==="string"){try{this._resetTag=JSON.parse(e)}catch(e){this._resetTag=undefined}}else{this._resetTag=e}}applyFiltersFromUrl(){const e=new URLSearchParams(window.location.search);const t=Array.from(e.entries()).filter((([e,t])=>e.startsWith("filters[")&&t==="true")).map((([e])=>e.slice(8,-1)));if(t.length){this.appliedFilters=t;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:t}})}}async loadMapData(){if(!this.mapDataUrl){return[]}try{const e=await fetch(this.mapDataUrl);const t=await e.text();const a=(new DOMParser).parseFromString(t,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((e=>{var t,a;const s=(t=e.querySelector("pos"))===null||t===void 0?void 0:t.textContent;const i=(a=e.querySelector("poi_id"))===null||a===void 0?void 0:a.textContent;const[r,h]=(s===null||s===void 0?void 0:s.split(" "))||[];return{poiid:i,lat:r,lon:h}}))}catch(e){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const e=await fetch(this.poiDataUrl,{credentials:"include"});const t=await e.json();return t.items}catch(e){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(e,t){if(!e.length||!t.length){return[]}let a;let s;if(e.length<t.length){a=e;s=t}else{a=t;s=e}return a.map((e=>{const t=s.find((t=>t.poiid===e.poiid));return Object.assign(Object.assign({},e),t)})).sort(((e,t)=>{try{return e.title.localeCompare(t.title)}catch(e){return 1}}))}enhanceTags(e,t){return e.sort(((e,t)=>{try{e.label.localeCompare(t.label)}catch(e){return 1}})).map((e=>{const a=t.filter((t=>{try{return t.tags.includes(e.value)}catch(e){return false}})).length.toString();return Object.assign(Object.assign({},e),{counter:a,variant:"filter"})}))}buildSearchIndex(e){if(!e.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});e.forEach((e=>{this.searchIndex.add(e)}))}async mapMovedPannedOrZoomed(){await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const e=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((t=>e.find((e=>e.getId()===t.poiid))))}else{this.finalResults=this.combinedData}this.setEnhancedTags();await this.setPaginatedResults()}}async setPaginatedResults(){this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);this.canLoadMore=this.finalResults.length>this.numberOfItemsToLoad}async checkDirectOpenViaUrl(){const e=new URLSearchParams(window.location.search);const t=e.get("al");if(t&&t===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize()}connectedCallback(){this.mediaChangeHandler();n(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag);this.checkDirectOpenViaUrl()}disconnectedCallback(){o(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}async initializeAndOpenMap(){document.body.classList.add(c);this.isLoading=true;this.isOpen=true;const e=new URLSearchParams(window.location.search);if(!e.has("al")){e.set("al",this.al);const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t)}try{this.combinedData=this.combineData(await this.loadMapData(),await this.loadPoiData());this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.setVisibleMarkers();await this.combineFilterAndSearchResults();await this.handleResize();const e=new URLSearchParams(window.location.search);const t=[parseFloat(e.get("extent[0]")),parseFloat(e.get("extent[1]")),parseFloat(e.get("extent[2]")),parseFloat(e.get("extent[3]"))];if(!t.length||isNaN(t[0])||isNaN(t[1])||isNaN(t[2])||isNaN(t[3])){await this.mapElement.updateViewToFitMarkers()}await this.handleResize();this.isInitialized=true}catch(e){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}setTimeout((()=>{this.isLoading=false}),500)}updateUrlWithFilters(){const e=new URLSearchParams(window.location.search);Array.from(e.keys()).forEach((t=>{if(t.startsWith("filters[")){e.delete(t)}}));this.appliedFilters.forEach((t=>{e.set(`filters[${t}]`,"true")}));const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const e=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(e)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((e=>e.tags&&e.tags.some((e=>this.appliedFilters.includes(e)))));this.filterActive=true}else{this.filterActive=false;this.filterResults=this.finalResults}this.updateUrlWithFilters();await this.combineFilterAndSearchResults()}async combineFilterAndSearchResults(){if(this.filterActive&&!this.searchActive){this.finalResults=this.filterResults}else if(!this.filterActive&&this.searchActive){this.finalResults=Array.from(this.searchResults).map((e=>this.combinedData.find((t=>t.poiid===e))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((e=>this.searchResults.has(e.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){this.finalResultsPaginationOffset++;const e=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!e||!e.length||e.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(e)}async replaceMapMarkers(e){await this.mapElement.removeAllIconMarkers();e.filter((e=>!!e.lat&&!!e.lon)).forEach((e=>{this.mapElement.addIconMarker([parseFloat(e.lat),parseFloat(e.lon)],{id:e.poiid,title:e.title,text:e.description,data:e.data,imageUri:`${this.baseUrlOverride}${e.image}`,href:`${this.baseUrlOverride}${e.path}`}).catch()}));if(!this.showOnlyResultsForCurrentExtent){this.mapElement.updateViewToFitMarkers().catch()}}async handlePoiTeaserMouseEnter(e){const t=await this.mapElement.findMarkerById(e.poiid);if(t){await this.mapElement.setIconMarkerActive(t)}}async handlePoiTeaserMouseLeave(e){const t=await this.mapElement.findMarkerById(e.poiid);if(t){await this.mapElement.setIconMarkerInactive(t)}}render(){const e={"stzh-geo-ref-data":true,"stzh-geo-ref-data--is-loading":this.isLoading,"stzh-geo-ref-data--is-open":this.isOpen,"stzh-geo-ref-data--has-filters":this._availableTags.length>0};return a(i,{key:"6c9999ac478a1a613cd6abb49ddd4019b98e88e2"},a("stzh-toastbar",{key:"50a1373f487d06bec64b599662f5657ce358ee98",ref:e=>this.toastbarElement=e}),a("div",{key:"1d837b922a68a79b6b3d4a832e3913ae9a29f383",class:"stzh-geo-ref-data__trigger",onClick:()=>this.initializeAndOpenMap()},a("slot",{key:"43e849949e11e1570be66c4919222e2ece2684e9",name:"trigger"})),a("stzh-overlay",{key:"01c39191755194fb0f86a999a0e8c52188d96adf",open:this.isLoading},a("stzh-loader",{key:"95c3563edb67b8898bdb20be16e3d89a5afd1eab",label:"Daten werden geladen..."})),a("div",{key:"18a02903180680235a91bb867e0761871b0a9293",class:e},a("div",{key:"29c8ea1bc35b856d4fa6dc8be2caeee26c2b0927",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"10e4cb650b83e506eaac792ccf29c2ee67946cf7",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"57a45beab55978f05791406d4791f29134138c07",name:"logo",slot:"logo"})),a("div",{key:"f4ce4bad44c5ae0537abc90f02832b6694382b89",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"e9581ea658bd40538d36b67c2b5d947898efb651",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"2f8e708f2b85a928da386caf51ff5a35cd929175",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"cc26137ccc86e3ada159ad55d829de5c0f363bb9",class:"stzh-geo-ref-data__content"},a("div",{key:"c6cac8e6305ed27eb3314b807e1336edf85ef181",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:e=>this.metaWrapperElement=e},a("div",{key:"d708b0f6b88a1d8711b0b3ffd8cf8f926a0b60e7",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&a("div",{key:"5716e5640400582fbadd14f1175c09309afea280",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"874d31be14535749afe1ed0cb4ebec60bb5cc201",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"a89e8d2f7c17e21ae0b725edb8c074a169228b77",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"ac5cad7099ea441eca9856cce86ee482710b5f8b","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,defaultValue:this.appliedFilters,value:this.appliedFilters}),a("div",{key:"50548cb263870376bd60384b056cad6b15ae8799",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"4eef388a3fdb8cf8e5e6d39337452cbc63f08175",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"7f1a1fc1d0afc8b98b84e721399b11a7478db1e7",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"8e6872c481f42897666df38fd666ea596d93105f",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"92458861f3e4d075f4ba633641d27d013595dc73",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"418d78262cabc7b9f7cd4fbdf8611dcfe680fd52",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"efbd18f1d3144588139e3bf6bf802d08941c2e4c",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"b9d97d269b58c055f0c4658b7c9326040d938f84",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"c412d9ded4286b93714c042ab755fb3e176ca127",class:"stzh-geo-ref-data__ol-map",centerMarker:this.centerMarker,zoom:this.zoom,zoomLocation:this.zoomLocation,writeExtentToUrlEnabled:this.isOpen,locationControl:this.locationControl,pinchRotateThreshold:this.pinchRotateThreshold,ref:e=>this.mapElement=e}),a("div",{key:"cedd13ca76d35199b8f959ef267cedbf046388e5",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"e1e1fd6eaa24f23d0fe39543f77b44a1e907babb",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"dcd5d798bd063175355303c0b0363e602b8cbff8",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:e=>this.resultsListElement=e},this.finalResults&&a(s,{key:"0f4022a9d8937782b24dcb661c877ab0ed5f06a8"},a("div",{key:"acc065067ee41fa8f09e94a4e3304e3f21a86f7e",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"db2921f0ccbd44c689e0b595aecd973935b5ef4c",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"44d0c3dfb37b0929c16e3cad9292504f0187976a",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"7f86a41194af4b729b37718308224e05630a0a61",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((e=>a("div",{class:"stzh-poi-teaser",onMouseEnter:()=>this.handlePoiTeaserMouseEnter(e),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(e)},a("a",{class:"stzh-poi-teaser-link",href:this.baseUrlOverride+e.path}),a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},e.poiname),e.description&&a("stzh-text",{size:"micro"},e.description),e.data&&e.data.length>0&&e.data.map((e=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:e.icon}),a("stzh-text",{size:"micro"},e.text))))),e.image&&a("div",{class:"stzh-poi-teaser__image-wrapper"},a("stzh-ratio",{ratio:"2:1","ratio-large":"5:4","ratio-ultra":"1:1",portrait:this.isViewportLarge,class:"stzh-poi-teaser__ratio"}),a("div",{class:"stzh-poi-teaser__image-inner-wrapper"},a("img",{src:this.baseUrlOverride+e.image,alt:"Foto von "+e.poiname}))))))),this.canLoadMore&&a("div",{key:"f08e1b28fee238b3e5b806a3b49261b8649e5c1a",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"61bfb73b99df5dee73c1fe63d532fb7959b829c3",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};p.style=l();export{p as stzh_geo_ref_data};
-//# sourceMappingURL=p-221df142.entry.js.map

package/dist/stzh-components/p-22eb16c8.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,a as e,d as o}from"./p-DesQCrfi.js";const c=()=>`.sc-stzh-vbz-carousel-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-carousel-h,[stzh-hidden].sc-stzh-vbz-carousel-h{display:none}.sc-stzh-vbz-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel,.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel::before,.sc-stzh-vbz-carousel-h *.sc-stzh-vbz-carousel::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-carousel-h .has-focus.sc-stzh-vbz-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-carousel-h .stzh-fylingfocus-focused.sc-stzh-vbz-carousel{outline-style:none !important}.sc-stzh-vbz-carousel-h .stzh-fylingfocus-focused.sc-stzh-vbz-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:16/9;--max-height:42.5rem;--overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:21/9}}@media screen and (min-width: 900px){.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:21/9}}@media screen and (min-width: 1260px){.sc-stzh-vbz-carousel-h.sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s>stzh-ratio,.sc-stzh-vbz-carousel-h .sc-stzh-vbz-carousel-s stzh-ratio{--ratio:21/9}}`;const r=class{constructor(t){s(this,t);this.autoplayTimeout=9e3;this.onDisturbanceFetched=s=>{if(s.detail.disturbance){this.hideElement()}}}hideElement(){this.element.hidden=true}async connectedCallback(){this.majorTicker=document.querySelector("stzh-vbz-majorticker");if(this.majorTicker){const s=await this.majorTicker.getDisturbance();if(s){this.hideElement()}else{this.majorTicker.addEventListener("stzhDisturbanceFetched",this.onDisturbanceFetched)}}}disconnectedCallback(){if(this.majorTicker){this.majorTicker.removeEventListener("stzhDisturbanceFetched",this.onDisturbanceFetched)}}render(){const s={"stzh-vbz-carousel":true};return t(e,{key:"511fb8e6b9d9d6ba4b4992f2490c672705ee24db"},t("div",{key:"30821e29bc1ef38e0cfcf78dcb0681365915c8a2",class:s},t("stzh-carousel",{key:"047bd2cbc31903fb0ffe3ac2504d8e9fc8517606",noPeek:true,nonInteractive:true,preventMouseDrag:true,preventAutoplayPause:true,preventAutoplayStop:true,autoplay:true,autoplayTimeout:this.autoplayTimeout},t("slot",{key:"a293d4377936b53e11c5d5d6e00df899b2e86302"}))))}get element(){return o(this)}};r.style=c();export{r as stzh_vbz_carousel};
-//# sourceMappingURL=p-22eb16c8.entry.js.map

package/dist/stzh-components/p-250f9ffa.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,F as r,a as i,d as a}from"./p-DesQCrfi.js";const o=()=>`.sc-stzh-breadcrumb-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-breadcrumb-h,[stzh-hidden].sc-stzh-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-breadcrumb-color, var(--stzh-color-primary70))}@media print{.sc-stzh-breadcrumb-h{display:none}}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{position:absolute;visibility:hidden}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .is-expand.sc-stzh-breadcrumb{position:absolute}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}`;const h=1;const n=1;const c=class{constructor(e){t(this,e);this.stzhItemClick=s(this,"stzhItemClick");this.variant="default";this.items=[];this.expanded=false;this.hasHiddenItems=false;this.updateContainer=()=>{if(!this.navElement||!this.itemSizes){return}const t=this.navElement.clientWidth;const s=this.itemSizes.reduce(((t,s,e)=>{if(e===h){return t}else{return t+s[1]}}),0);if(s>=t&&this.itemSizes.length>2&&!this.expanded){const e=[];const r=this.itemSizes[h][1];let i=h+n;let a=s;do{const t=this.itemSizes[i];e.push(t[0]);a=a-t[1];i=i+n}while(a+r>=t&&i<this.itemSizes.length);this.hasHiddenItems=true;this.itemSizes.forEach((([t],s)=>{if(s===h){t.classList.remove("is-hidden")}else{t.classList.toggle("is-hidden",e.includes(t))}}))}else{this.hasHiddenItems=false;this.itemSizes.forEach((([t],s)=>{if(s===h){t.classList.add("is-hidden")}else{t.classList.remove("is-hidden")}}))}};this.updateItems=()=>{if(!this.navElement){return}const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item"));this.itemSizes=[];t.forEach((t=>{const{width:s}=t.getBoundingClientRect();this.itemSizes.push([t,s])}));this.updateContainer()};this.handleContainerResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateContainer)};this.handleItemResize=()=>{if(this.debounceResizeItems){window.cancelAnimationFrame(this.debounceResizeItems)}this.debounceResizeItems=requestAnimationFrame(this.updateItems)};this.handleExpandClick=()=>{this.expanded=true;const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item-link"));t[2].focus()}}itemsWatcher(t){if(!t){this._items=[]}else if(typeof t==="string"){try{this._items=JSON.parse(t)}catch(t){this._items=[]}}else{this._items=t}}expandedWatcher(){this.updateContainer()}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-breadcrumb",item:t,originalEvent:s})}async componentWillLoad(){this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"breadcrumb")}}componentDidRender(){this.resizeObserver.observe(this.navElement);const t=this.navElement.querySelectorAll(".stzh-breadcrumb__item");t.forEach((t=>{this.resizeItemsObserver.observe(t)}))}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleContainerResize);this.resizeItemsObserver=new ResizeObserver(this.handleItemResize)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.resizeItemsObserver){this.resizeItemsObserver.disconnect()}}render(){const t={"stzh-breadcrumb":true,"stzh-breadcrumb--is-expanded":this.expanded,"stzh-breadcrumb--has-hidden-items":this.hasHiddenItems,[`stzh-breadcrumb--${this.variant}`]:!!this.variant,rs_skip:true};return e(i,{key:"ce1552e4612985eed6a7c6e071cd30a836fba0ad"},e("div",{key:"b921fb04eb278ad1531ef792f1e4d246c5df6066",class:t},e("nav",{key:"e9653b97c7f172161704b1125cf7a0b08f3c6ffe",ref:t=>this.navElement=t,class:"stzh-breadcrumb__nav",role:"navigation","aria-label":this.localization.title},e("ol",{key:"ea3261be43b39081deab6b5f402e8b31b539d733",class:"stzh-breadcrumb__list"},this._items.map(((t,s)=>e(r,null,e("li",{class:{"stzh-breadcrumb__item":true,"is-last":s+1===this._items.length,"is-first":s===0}},e("a",{"aria-current":s+1===this._items.length?"page":null,href:t.href,onClick:s=>this.handleClick(t,s),class:{"stzh-breadcrumb__item-link":true,"is-link":!!t.href}},s===0?e("stzh-icon",{class:"stzh-breadcrumb__item-icon",name:"home"}):e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label",innerHTML:t.label}))),s===0&&e("li",{class:"stzh-breadcrumb__item is-expand"},e("button",{class:"stzh-breadcrumb__item-link",onClick:this.handleExpandClick},e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label"},e("span",{"aria-hdiden":"true"},this.localization.expandLabel),e("span",{class:"stzh-breadcrumb__item-label-hidden"},this.localization.expandHiddenLabel)))))))))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],expanded:["expandedWatcher"]}}};c.style=o();const l=()=>`.sc-stzh-tag-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-tag-h,[stzh-hidden].sc-stzh-tag-h{display:none}.sc-stzh-tag-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tag-h *.sc-stzh-tag,.sc-stzh-tag-h *.sc-stzh-tag::before,.sc-stzh-tag-h *.sc-stzh-tag::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-tag-h .has-focus.sc-stzh-tag{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag{outline-style:none !important}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag::-moz-focus-inner{border:0 !important}.sc-stzh-tag-h{--color:var(--stzh-tag-color, var(--stzh-color-secondary60));--height:1.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--background-color:var(--stzh-tag-background-color, var(--stzh-color-grey20));--hover-color:var(--stzh-tag-hover-color, var(--stzh-color-secondary60));--hover-background-color:var(\n    --stzh-tag-hover-background-color,\n    var(--background-color)\n  );display:inline-flex}[size=large].sc-stzh-tag-h{--height:2rem}[size=default][type=secondary].sc-stzh-tag-h{--background-color:var(\n    --stzh-tag-secondary-background-color,\n    var(--stzh-color-secondary60)\n  )}[type=secondary].sc-stzh-tag-h{--color:var(--stzh-tag-secondary-color, var(--stzh-color-white));--background-color:var(\n    --stzh-tag-secondary-background-color,\n    var(--stzh-color-secondary60)\n  );--hover-color:var(--stzh-tag-secondary-hover-color, var(--stzh-color-white));--hover-background-color:var(\n    --stzh-tag-secondary-hover-background-color,\n    var(--background-color)\n  )}[non-interactive].sc-stzh-tag-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color)}[disabled].sc-stzh-tag-h:not([disabled=false]){--color:var(--stzh-tag-disabled-color, var(--stzh-color-grey70));--background-color:var(\n    --stzh-tag-disabled-background-color,\n    var(--stzh-color-grey20)\n  );--hover-color:var(--color);--hover-background-color:var(--background-color)}.stzh-tag.sc-stzh-tag{position:relative}.stzh-tag__button.sc-stzh-tag{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);font-family:inherit;height:var(--height);display:flex;flex-direction:row;align-items:center;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);appearance:none;border:none;background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-tag__button.is-button.sc-stzh-tag,.stzh-tag__button.is-link.sc-stzh-tag{cursor:pointer}.stzh-tag__label.sc-stzh-tag{text-align:left}.stzh-tag__button.sc-stzh-tag:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-tag--size-large.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-tag--is-disabled.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{cursor:not-allowed}`;const d=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.label="";this.href="";this.target="";this.nonInteractive=false;this.type="default";this.size="default";this.disabled=false;this.a11yDescribedby="";this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.tag.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-tag",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-tag",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-tag",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t;if(!this.nonInteractive){(t=this.tag)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}}))}renderInner(){return e(r,null,e("stzh-clamp",{lines:1,class:"stzh-tag__label",ref:t=>this.text=t},this.label?this.label:e("slot",null)))}render(){const t={"stzh-tag":true,"stzh-tag--is-disabled":this.disabled,[`stzh-tag--size-${this.size}`]:!!this.size,[`stzh-tag--${this.type}`]:!!this.type};const s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"6593610553fe48a4eed6120f02983937e141780f",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"c3b67aeb280a94253427e31e3ce721d5c2ba7bdb",class:t},this.href?e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return a(this)}};d.style=l();export{c as stzh_breadcrumb,d as stzh_tag};
-//# sourceMappingURL=p-250f9ffa.entry.js.map

package/dist/stzh-components/p-2585770a.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as e,a as i,d as a}from"./p-DesQCrfi.js";import{i as h}from"./p--MYN2wgX.js";import{a as c,r as o,m as r}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const l=()=>`.sc-stzh-carousel-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-carousel-h,[stzh-hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--gutter:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xxlarge)}}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-in:calc(var(--stzh-space-medium) + var(--stzh-space-medium));--padding-top:0px;--padding-bottom:0px;--snap-stop:always;--slides:1;--slide-size:calc(\n    (100% - (var(--slides) - 1) * var(--gutter)) / var(--slides)\n  )}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-in:calc(\n      var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)\n    )}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-big) + var(--stzh-space-xxlarge))}}.sc-stzh-carousel-h.sc-stzh-carousel-s>*,.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:inherit;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-carousel-h .sc-stzh-carousel-s [inert]{opacity:0.5}.sc-stzh-carousel-h.sc-stzh-carousel-s>*,.sc-stzh-carousel-h.sc-stzh-carousel-s>*:where(stzh-figure[inert]),.sc-stzh-carousel-h .sc-stzh-carousel-s>*:where(stzh-figure[inert]){--caption-opacity:0}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}@media print{.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{display:none}}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] stzh-text,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] stzh-button,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{position:absolute;top:50%;transform:translateY(-50%)}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-medium) + var(--stzh-space-medium)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-big) + var(--stzh-space-xxlarge)) / -1)}}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-medium) + var(--stzh-space-medium)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-xxxlarge) + var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-big) + var(--stzh-space-xxlarge)) / -1)}}.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-small)}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:4rem}}@media screen and (min-width: 1600px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc(\n      (100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2\n    )}}.sc-stzh-carousel-h[variant=cards].sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:absolute;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}[no-peek].sc-stzh-carousel-h:not([no-peek=false]){--peek-out:0px;--peek-in:0px}.stzh-carousel.sc-stzh-carousel{position:relative;display:flex;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-carousel__indicator.sc-stzh-carousel{margin-top:var(--stzh-space-xxlarge)}}.stzh-carousel__indicator.sc-stzh-carousel{margin-left:auto;margin-right:auto;position:relative;width:14.375rem;height:0.25rem;background-color:var(--stzh-color-black20op)}.stzh-carousel__indicator-track.sc-stzh-carousel{position:absolute;background-color:var(--stzh-color-secondary50);height:0.375rem;left:0px;bottom:0px;transition-property:left, width;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}.stzh-carousel--is-non-interactive.sc-stzh-carousel{pointer-events:none;touch-action:none}`;const n=window.matchMedia("(prefers-reduced-motion: reduce)");let u=0;const d=class{constructor(e){s(this,e);this.stzhSlideStart=t(this,"stzhSlideStart");this.stzhSlidePassed=t(this,"stzhSlidePassed");this.stzhSlideEnd=t(this,"stzhSlideEnd");this.variant="default";this.disabled=false;this.noPeek=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.autoplayTimeout=3e3;this.nonInteractive=false;this.preventMouseDrag=false;this.preventAutoplayPause=false;this.preventAutoplayStop=false;this.tabThrough=false;this.withTrack=false;this.scrollTimeout=100;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.autoplayDisabledByScroll=false;this.autoplayDisabledByDrag=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[];this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=()=>{this.autoplayDisabledByMotionMedia=n.matches};this.onMouseenter=()=>{if(!this.preventAutoplayPause){this.autoplayDisabledByMouse=true}};this.onMouseleave=()=>{this.autoplayDisabledByMouse=false};this.onFocusin=()=>{if(!this.preventAutoplayPause){this.autoplayDisabledByFocus=true}};this.onFocusout=()=>{this.autoplayDisabledByFocus=false};this.onPreviousClick=()=>{this.scrollToPreviousSnapPoint()};this.onNextClick=()=>{this.scrollToNextSnapPoint()};this.onSlideResize=()=>{if(this.scrollElement){this.itemSize=this.sizingMethod()}};this.onMutation=()=>{if(!this.scrollElement){return}this.slideElements=Array.from(this.scrollElement.children);this.slideElements.forEach(((s,t)=>{s.setAttribute("role","group");s.setAttribute("aria-roledescription","slide");s.setAttribute("aria-label",this.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()))}));this.previousElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]"));this.nextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]"));this.navigationTextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=()=>{if(this.scrollTimeoutId===null){const s=this.scrollElement.scrollLeft>this.slideScrollLeft?1:-1;this.scrolling=true;if(!this.scrolledByAutoplay){if(this.preventAutoplayStop){this.autoplayDisabledByScroll=true}else{this.autoplay=false}}this.stzhSlideStart.emit({component:"stzh-carousel",index:this.slide+s})}if(this.slide!==this.calculateSlide()){this.update();this.stzhSlidePassed.emit({component:"stzh-carousel",index:this.slide})}this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=window.setTimeout(this.onScrollEnd,this.scrollTimeout)};this.onScrollEnd=()=>{this.scrollTimeoutId=null;this.update();this.scrolling=false;this.scrolledByAutoplay=false;this.autoplayDisabledByScroll=false;if(this.stoppedDragging){this.stoppedDragging=false;this.scrollElement.style.removeProperty("scroll-behavior");this.scrollElement.style.removeProperty("scroll-snap-type")}if(this.tabThrough||this.variant==="cards"){this.ariaLive=""}else{this.ariaLive=(this.currentSlides>1?this.localization.slidesLabel:this.localization.slideLabel).replace(/\{(current|from)\}/gi,(this.slide+1).toString()).replace(/\{to\}/gi,(this.slide+this.currentSlides).toString()).replace(/\{total\}/gi,this.slideElements.length.toString())}this.stzhSlideEnd.emit({component:"stzh-carousel",index:this.slide})};this.onMediaChange=()=>{const s=r("ultra").matches;const t=r("large").matches;const e=r("medium").matches;const i=r("small").matches;if(s&&this.slidesUltra!==0){this.currentSlides=this.slidesUltra}else if(t&&this.slidesLarge!==0){this.currentSlides=this.slidesLarge}else if(e&&this.slidesMedium!==0){this.currentSlides=this.slidesMedium}else if(i&&this.slidesSmall!==0){this.currentSlides=this.slidesSmall}else{this.currentSlides=this.slides}this.currentSwipeSlides=this.currentSlides};this.mouseMove=s=>{const t=this.lastX-s.clientX;this.lastX=s.clientX;this.scrollElement.scrollLeft+=t};this.startDragging=s=>{s.preventDefault();this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.startX=this.lastX=s.clientX;this.startScrollLeft=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-behavior","auto");this.scrollElement.style.setProperty("scroll-snap-type","unset");this.dragging=true;if(this.preventAutoplayStop){this.autoplayDisabledByDrag=true}else{this.autoplay=false}window.addEventListener("mousemove",this.mouseMove);window.addEventListener("mouseup",this.stopDragging,{capture:true});window.addEventListener("click",this.checkClick,{capture:true})};this.stopDragging=s=>{s.preventDefault();const t=Math.abs(this.startX-this.lastX);const e=t>this.distanceQuickSwipe;const i=this.lastX>this.startX?1:-1;this.dragging=false;this.autoplayDisabledByDrag=false;const a=this.scrollElement.scrollLeft;this.scrollElement.style.removeProperty("scroll-snap-type");const h=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-snap-type","unset");this.scrollElement.scrollTo({left:a,behavior:"auto"});if(h!==this.startScrollLeft||!e){this.scrollElement.scrollTo({left:h,behavior:n.matches?"auto":"smooth"})}else if(i===1){this.slideToPrevious()}else{this.slideToNext()}window.removeEventListener("mousemove",this.mouseMove);window.removeEventListener("mouseup",this.stopDragging,{capture:true});this.stoppedDragging=true};this.checkClick=s=>{const t=Math.abs(this.startX-this.lastX);const e=t>this.distancePreventClick;if(e){s.preventDefault();s.stopPropagation()}this.lastX=null;window.removeEventListener("click",this.checkClick,{capture:true})};this.autoplayInterval=()=>{this.scrolledByAutoplay=true;if(this.hasReachedLastSlide()){this.slideTo(0)}else{this.slideToNext()}}}async slideTo(s,t="smooth"){this.scrollToSlide(s,t)}async slideToPrevious(s="smooth"){this.scrollToPreviousSnapPoint(s)}async slideToNext(s="smooth"){this.scrollToNextSnapPoint(s)}disabledWatcher(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();n&&n.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);n&&n.addEventListener("change",this.onReducedMotionMediaChange)}}preventMouseDragWatcher(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}}autoplayRunningWatcher(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus||this.autoplayDisabledByScroll||this.autoplayDisabledByDrag){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}}snapAlignWatcher(){this.slideElements.forEach(((s,t)=>{const e=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0;if(e){s.style.removeProperty("scroll-snap-align")}else{s.style.setProperty("scroll-snap-align","none")}}))}inertWatcher(){this.slideElements.forEach(((s,t)=>{const e=this.tabThrough||this.variant==="cards"||t>=this.slide&&t<this.slide+this.currentSlides;s.inert=!e;if(e){s.removeAttribute("aria-hidden")}else{s.setAttribute("aria-hidden",e?"false":"true")}}))}prevNextNavigationWatcher(){const s=this.tabThrough||this.variant==="cards";const t=t=>{const e=h(t);if(s){t.setAttribute("aria-hidden","true");t.setAttribute(e?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(e?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)}prevNextHiddenWatcher(){const s=this.slideElements.length<=this.currentSlides;const t=t=>{if(s){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)}nextPrevDisabledWatcher(){if(!this.scrollElement){return}const s=this.slide===0;const t=this.hasReachedLastSlide();this.nextElements.forEach((s=>{const e=h(s);s.setAttribute(e?"a11y-disabled":"aria-disabled",t||this.disabled?"true":"false")}));this.previousElements.forEach((t=>{const e=h(t);t.setAttribute(e?"a11y-disabled":"aria-disabled",s||this.disabled?"true":"false")}))}nextElementsWatcher(){this.nextElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onNextClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}previousElementsWatcher(){this.previousElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onPreviousClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}scrollToSlide(s,t="smooth"){if(this.disabled){return}this.scrollElement.scrollTo({left:s*this.itemSize,behavior:n.matches?"auto":t})}sizingMethod(){const s=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild||this.scrollElement).offsetWidth+parseInt(s.getPropertyValue("column-gap"),10)}calculateSlide(){return Math.round(this.scrollElement.scrollLeft/this.itemSize)}scrollToPreviousSnapPoint(s="smooth"){if(this.disabled){return}let t=this.slide;let e=false;while(!e&&t>0){t=t-1;e=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,s)}scrollToNextSnapPoint(s="smooth"){if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,s)}update(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()}hasReachedLastSlide(){const{scrollLeft:s,offsetWidth:t,scrollWidth:e}=this.scrollElement;return Math.ceil(s+t)>=e}async componentWillLoad(){this.carouselId=`stzh-carousel-${u++}`;this.onMediaChange();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"carousel")}}componentDidLoad(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()}connectedCallback(){c(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;o(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}}render(){var s,t;const a={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-non-interactive":this.nonInteractive,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning};return e(i,{key:"b05585785ab010a769dfa39821313d5a12a1339c","aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},e("div",{key:"d6181fcda037a23a6f1949cef0ebc6a7c3ba1729",class:a},e("slot",{key:"51ec8e8d87532c157964d4ed2962cda1462788ac",name:"actions"}),e("div",{key:"a25581c30cf3e244e006c5a46a7853fe2b99f985",class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),e("div",{key:"05119011c9a6424d90bb4de7fbfcaa9ea3b319c1",ref:s=>this.scrollElement=s,id:`${this.carouselId}-scroll`,class:"stzh-carousel__scroll"},e("slot",{key:"b12757bcf0e6b72162c57bc8cde3c82d27094cdb"})),this.withTrack&&e("div",{key:"9038a2f155990f86daafa91c3ad2d2c093828655",class:"stzh-carousel__indicator"},e("div",{key:"a4802b6a4c7d919179ecab542a932629fc26058a",class:"stzh-carousel__indicator-track",style:{left:`${100/(((s=this.slideElements)===null||s===void 0?void 0:s.length)||1)*this.slide}%`,width:`${100/(((t=this.slideElements)===null||t===void 0?void 0:t.length)||1)*this.currentSlides||0}%`}}))))}get element(){return a(this)}static get watchers(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher","nextPrevDisabledWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayDisabledByScroll:["autoplayRunningWatcher"],autoplayDisabledByDrag:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}}};d.style=l();export{d as stzh_carousel};
-//# sourceMappingURL=p-2585770a.entry.js.map

package/dist/stzh-components/p-2736ea2b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,a as s,d as h}from"./p-DesQCrfi.js";const r=()=>`.sc-stzh-timepicker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-timepicker-h,[stzh-hidden].sc-stzh-timepicker-h{display:none}.sc-stzh-timepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-timepicker-h *.sc-stzh-timepicker,.sc-stzh-timepicker-h *.sc-stzh-timepicker::before,.sc-stzh-timepicker-h *.sc-stzh-timepicker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-timepicker-h .has-focus.sc-stzh-timepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker{outline-style:none !important}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker::-moz-focus-inner{border:0 !important}.sc-stzh-timepicker-h{width:100%}.stzh-timepicker__dropdown.sc-stzh-timepicker{--icon-angle-size:var(--stzh-icon-size-small);--active-icon-angle-transform:rotate(0deg) translateY(-50%)}`;const o=class{constructor(e){t(this,e);this.stzhChange=i(this,"stzhChange");this.open=false;this.min=0;this.max=1439;this.step=15;this.name="";this.value="";this.popoverPlacement="bottom";this.label="";this.readonly=false;this.disabled=false;this.invalid=false;this.required=false;this.hideOptional=false;this.size="default";this.a11yDescribedby="";this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onDropdownChange=t=>{this.value=Array.isArray(t.detail.value)?t.detail.value[0]:t.detail.value;this.stzhChange.emit({component:"stzh-timepicker",value:this.value})}}minMaxWatcher(){if(this.min<0||this.max<0){throw new Error(`"min/max" property can not be lower than 0 (00:00): dropdown name "${this.name}"`)}if(this.min>1440||this.max>1440){throw new Error(`"min/max" property can not be higher than 1440 (24h * 60, 24:00): dropdown name "${this.name}"`)}if(this.min>this.max){throw new Error(`"min" property (${this.min}) can not be higher than "max" property (${this.max}): dropdown name "${this.name}"`)}this.updateDropdownOptions()}updateDropdownOptions(){const t=[];for(let i=this.min;i<=this.max;i=i+this.step){let e=Math.floor(i/60);let s=i%60;let h=("00"+e).slice(-2);let r=("00"+s).slice(-2);let o=`${h}.${r}`;t.push({text:o,value:o})}this._dropdownOptions=t}async componentWillLoad(){this.minMaxWatcher();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"timepicker")}}render(){const t={"stzh-timepicker":true};return e(s,{key:"a233b838c4a2ffc4a2ce074df238ad44365d85f1",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"111e663038ae95668fca73370e7e48e68bce82d0",class:t},e("stzh-dropdown",{key:"8d88a94d608531465bc0b6a3079388767c0cd3c3",open:this.open,class:"stzh-timepicker__dropdown",iconAngle:"clock",label:this.label,ref:t=>this.input=t,onStzhChange:this.onDropdownChange,options:this._dropdownOptions,items:[this.value],required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,popoverPlacement:this.popoverPlacement,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,invalid:this.invalid,hideOptional:this.hideOptional})))}get element(){return h(this)}static get watchers(){return{min:["minMaxWatcher"],max:["minMaxWatcher"]}}};o.style=r();export{o as stzh_timepicker};
-//# sourceMappingURL=p-2736ea2b.entry.js.map

package/dist/stzh-components/p-2adc1b7e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as o,a as e,d as i}from"./p-DesQCrfi.js";import{s as a,h as n}from"./p--MYN2wgX.js";import{w as r}from"./p--SdF31O7.js";import{s as h,a as l,b as c}from"./p-BOO84wnP.js";import{a as d}from"./p-Cpg2gH_9.js";import"./p-BubviQku.js";const f=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-toast{border:0.0625rem solid Highlight}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast{}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}`;const m={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const p={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const z=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen");this.stzhOpened=s(this,"stzhOpened");this.stzhClose=s(this,"stzhClose");this.stzhClosed=s(this,"stzhClosed");this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()}}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(m.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),m.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"c4cddcb991046c55971bad61369fe88d55cc85ec"},o("div",{key:"e9f198ca43f7bdd7ea563e22e6e630a27afddc3e",ref:t=>this.rootElement=t,class:s},o("div",{key:"abf21ad1ec3651e9e9e52f1b2799b72b3425bd67",class:"stzh-toast__content"},o("div",{key:"fc0eadf23d03c0b1951a22bb62ba3690e5a526b2",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"b2040c789432f36bbbb31e24c5b8675358f00dc3",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"b6ae1a7b96bc58a17661a5b8466ceb605e11dbed",class:"stzh-toast__text-wrapper"},o("div",{key:"cfe7ebf5a2741c556484a7cef8c5320c4fb2a8e0",class:"stzh-toast__label"},this.label),o("div",{key:"604fd967e474f5eab5ba4557b77b03e11390ae80",class:"stzh-toast__link"},o("slot",{key:"30b1ad692cd7f968ac86686ef45702c1b2bacea2",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"3e59560a0ffd1f7054d5fbfbdf0a9f4722ca0765",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"858a808cf4570cdd7191fe34e51050aa5a94a3ed",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=f();const b=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}:host{z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}`;const u="stzh-components-toastbar-closed";const g=class{constructor(s){t(this,s);this.hideAfter=30;this.max=5;this.initialToasts=[];this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()}}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${u}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${u}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"32dd1a2f98b8799f81ce7c0c908d911f76a24da9"},o("div",{key:"ccfc286caa5b26ecafe98c65acf670d73c4d34ee",class:t},o("slot",{key:"0214733b3f0ad4af6c30eca979384f99e823314e",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};g.style=b();export{z as stzh_toast,g as stzh_toastbar};
-//# sourceMappingURL=p-2adc1b7e.entry.js.map

package/dist/stzh-components/p-2dc03663.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as i,a as t}from"./p-DesQCrfi.js";const e=()=>`.sc-stzh-visuallyhidden-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-visuallyhidden-h,[stzh-hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-visuallyhidden-h .has-focus.sc-stzh-visuallyhidden{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden{outline-style:none !important}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden::-moz-focus-inner{border:0 !important}.sc-stzh-visuallyhidden-h{display:contents}.sc-stzh-visuallyhidden-h.sc-stzh-visuallyhidden-s>*:not(:focus):not(:active),.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-visuallyhidden.sc-stzh-visuallyhidden{display:contents}`;const d=class{constructor(i){s(this,i)}render(){return i(t,{key:"a99896931f16838d706d547207d47d56e7abb34a"},i("div",{key:"7ec69002937c301a444131699363cfe64682dcad",class:{"stzh-visuallyhidden":true}},i("slot",{key:"564856bce3f29528edf81cbf6a68e56af870103f"})))}};d.style=e();export{d as stzh_visuallyhidden};
-//# sourceMappingURL=p-2dc03663.entry.js.map

package/dist/stzh-components/p-30b90219.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as e,h as t,F as a,a as i,d as r}from"./p-DesQCrfi.js";import{a as h}from"./p-C6Fx6bTl.js";import{r as n,h as c,f as l}from"./p--MYN2wgX.js";import{m as d,a as o,r as m}from"./p-CUGRmgip.js";import{g as z}from"./p-E-ZsRS8r.js";import{r as f}from"./p-CIOHhwVv.js";import"./p-BubviQku.js";var p=f();var u=z(p);const g=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-search{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-search[hidden],stzh-search[stzh-hidden]{display:none}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search *,stzh-search *::before,stzh-search *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search{}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-search{--filter-background-color:var(\n    --stzh-search-filter-background-color,\n    var(--stzh-color-grey10)\n  );--grid-template-areas:"filters-main filters-main filters-main filters-main"\n    "results results results results"}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      ". . results results results results results results results results . ."}}stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main"\n    "filters-aside filters-aside filters-aside filters-aside"\n    "results results results results"}@media screen and (min-width: 900px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside"\n      "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([variant=teaser]:not([has-aside-filters])),stzh-search:where([fullwidth=true]:not([has-aside-filters])){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "results results results results results results results results results results results results"}}.stzh-search{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-search{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search{grid-template-areas:var(--grid-template-areas)}.stzh-search__header-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main:not(:empty){background-color:var(--filter-background-color)}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside:not(:empty){background-color:var(--filter-background-color)}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}.stzh-search__filters-aside-heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-small)}}.stzh-search__filters-aside-heading{color:var(--stzh-color-primary70);display:none}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{display:block}}@media screen and (min-width: 1260px){.stzh-search stzh-button.stzh-search__filters-aside-details-trigger{display:none}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid;--stzh-datalist-grid-template-areas:"list list list list list list list list"}.stzh-search__results-header{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-search__results-header{flex-direction:row;align-items:center}}.stzh-search__results-sort{display:flex}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__empty-text{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main-chips{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search{}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}.stzh-search{}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-large)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-search{}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0px}.stzh-search{}.stzh-search--has-hidden-main-filters .stzh-search__filters-main{display:none}.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside{display:none}.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper,.stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper{margin-top:0px}.stzh-search{}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-sort,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}.stzh-search{}.stzh-search--is-breakout{--filter-background-color:var(--stzh-color-cobaltblue20);background-color:var(--stzh-color-white)}.stzh-search--is-breakout .stzh-search{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header-wrapper{background-color:var(--stzh-color-cobaltblue20)}.stzh-search--is-breakout .stzh-search__filters-main{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__filters-main{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-search--is-breakout .stzh-search__header{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__header{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxxlarge)}}.stzh-search--is-breakout .stzh-search__header{background-color:var(--stzh-color-cobaltblue20);display:flex;justify-content:space-between}`;function _(s,e){return`\n    <stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}\n      href="{href}"\n      dateline="{dateline}"\n      tag="{tag}"\n      topic="{topic}"\n      service="{service}"\n      event-location="{eventLocation}"\n      hyphens-enabled="${this.hyphensEnabled}"\n      ${e.eventDateStart&&'event-date-start="{eventDateStart}"'}\n      ${e.eventDateEnd&&'event-date-end="{eventDateEnd}"'}\n      download-heading="{downloadHeading}"\n      meta='{meta}'\n      breadcrumb-items='{breadcrumbItems}'\n      download-meta='{downloadMeta}'\n      datalist-items='{datalistItems}'\n      ${e.imagePosition&&'image-position="{imagePosition}"'}\n      ${e.download&&'download="{download}"'}\n      style="\n        ${e.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n        ${e.serviceColor?"--service-color: {serviceColor};":""}\n      "\n    >\n      <div slot="heading">{heading}</div>\n      <div slot="description">{description}</div>\n      ${e.image?e.imagePosition==="right"?`<img src="${e.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${e.image}" alt=""/></stzh-ratio>`:""}\n    </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n  `}function x(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const v=class{constructor(t){s(this,t);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.variant="default";this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.hideMainFilters=false;this.hideAsideFilters=false;this.hideResultsHeading=false;this.sortOptions=[];this._sortOptions=[];this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.hyphensEnabled=false;this.templateResult=_;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=x;this.resultHeadingLevel="3";this.subscribeLabel="Subscribe";this.totalCount=0;this._showMoreLink=false;this.loading=false;this.error="";this.results=[];this.chipResults=[];this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false;this.isDetailsOpen=false;this.isStzhAnchornavVisible=false;this.fetch=async(s=false,e=false)=>{var t,a;this.loading=true;this.error="";if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}let i=this.api.replace(/\{lang\}/gi,this.localization.$locale);let r=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(e){const s=new URLSearchParams(location.search).get("search");if(s){const e=new URLSearchParams(s).get("limit");if(e){r=e}}}this.params.set("limit",r);this.currentController=new AbortController;let n={};try{const s=await h(i,{params:this.params,signal:this.currentController.signal});n=s.data}catch(s){this.error=this.localization.error}this.resultsHeading=n.resultsHeading||"";this.resultsText=n.resultsText||"";this.totalCount=((t=n.meta)===null||t===void 0?void 0:t.total)||0;if(n.error){this.error=n.message||this.localization.error}if(n.chipResults&&n.chipResults.length){this.chipResultsHeading=(a=n.chipResultsHeading)!==null&&a!==void 0?a:"";this.chipResults=n.chipResults}else{this.chipResultsHeading="";this.chipResults=[]}if(n.results){if(s){this.results=[...this.results,...n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=n.templates)===null||e===void 0?void 0:e.result),s)})}))]}else{this.results=n.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=n.templates)===null||e===void 0?void 0:e.result),s)})}))}}if(!e&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const e=new URLSearchParams(this.params);e.delete("offset");e.set("limit",this.results.length.toString());s.set("search",e.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(e||!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=u(this.fetch,this.debounceTime);this.onDropdownSortChange=async s=>{const e=s.target;const t=await e.getValue();if(t){this._sortBy=t}await this.updateParams();this.debouncedFetch()};this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleMediaChange=()=>{this.isDetailsOpen=d("large").matches};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))}}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}sortOptionsWatcher(s){if(typeof s==="string"){this._sortOptions=JSON.parse(s)}else{this._sortOptions=s}}sortByWatcher(s){if(typeof s==="string"){this._sortBy=s}else{this._sortBy=undefined}}renderResultTemplate(s,e){let t=s||(typeof this.templateResult==="function"?this.templateResult(this.element,e):this.templateResult);["href","heading","name","additionalInformation","numbers","dateline","description","image","imagePosition","tag","topic","service","serviceColor","serviceBackgroundColor","meta","breadcrumbItems","eventLocation","eventDateStart","eventDateEnd","download","downloadHeading","downloadMeta","datalistItems"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let i=e[s]||"";if(["meta","breadcrumbItems","downloadMeta","datalistItems","numbers"].includes(s)&&i){i=JSON.stringify(i)}t=t.replace(a,i)}));return t}async updateParams(s=false){const e=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s);this.params.set("variant",this.variant)};if(s){const s=new URLSearchParams(location.search);let e=s.get("search");const t=s.get("q");const a=s.get("query");if(!e){if(a){e=`query=${a}`}else if(t){e=`q=${t}`}}if(e){this.initialFetch=true;const s=new URLSearchParams(e);[...new Set(s.keys())].forEach((e=>{const t=s.getAll(e);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${e}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${e}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${e}"]`));a.forEach((s=>{s.value=t[0]}));i.forEach((s=>{s.value=t}));r.forEach((s=>{s.items=t}))}))}}await n();e();let t=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const h=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const c=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));c.forEach((e=>{const a=!e.checked;if(!s){e.invalid=a}if(a){t=false}}));a.forEach((e=>{const a=e.value===""||e.minlength&&e.minlength>e.value.length||e.maxlength&&e.maxlength<e.value.length;if(!s){e.invalid=a}if(a){t=false}}));i.forEach((e=>{const a=e.items.length===0;if(!s){e.invalid=a}if(a){t=false}}));h.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalid=a}if(a){t=false}}));r.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalidYear=a;e.invalidMonth=a}if(a){t=false}}));this.hasRequiredParams=t}async componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.sortOptionsWatcher(this.sortOptions);this.sortByWatcher(this.sortBy)}connectedCallback(){o(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){m(this.handleMediaChange)}renderResultsText(){return t("stzh-text",{class:"stzh-search__results-text",color:"primary",innerHTML:this.resultsText})}renderSubscribeButton(){const s=new URLSearchParams;let e=this.subscribeAdditionalQueryParameters;if(typeof this.subscribeAdditionalQueryParameters==="string"){try{e=JSON.parse(this.subscribeAdditionalQueryParameters)}catch(s){}}for(const t of e){for(const[e,a]of Object.entries(t)){if(a){s.set(e,a)}}}const a=new URLSearchParams(window.location.search);const i=a.get("search");if(i){const e=new URLSearchParams(i);for(const[t,a]of e.entries()){if(["variant","limit"].indexOf(t)===-1&&a){s.append(t,a)}}}const r=`${this.subscribePath}?${s.toString()}`;return t("div",{class:"stzh-search__results-subscribe"},t("stzh-button",{variant:"secondary",size:"small",href:r},this.subscribeLabel))}render(){const s=c(this.element,"filters-main");const e=c(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const e=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!e){r=false}}else{r=false}const h=(this.hasRequiredParams||this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const n={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":e,"stzh-search--has-hidden-main-filters":this.hideMainFilters,"stzh-search--has-hidden-aside-filters":this.hideAsideFilters,"stzh-search--has-results-shown":h,"stzh-search--has-error-shown":!!this.error,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const d=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const o=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(i,{key:"72a9fbffc5a486886fc443541de60aa553a19b3d","has-aside-filters":e,fullwidth:this.isStzhAnchornavVisible.toString()},t("form",{key:"6a630a419313e32901ac690b61d4add5981e57c8",ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{key:"2e19b5e905c814e94dc683b6b1bfcdb2c13d5d63",class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},!!this.heading&&t("stzh-heading",{key:"60ef390c929e5dfe7fabf58050081668e089ff8c",class:"stzh-search__header-heading",curve:"h2"},l(this.heading)),t("slot",{key:"44e54e7c457a261aebd940e4244b681c1da928f0",name:"filters-main"}),!r&&this.chipResults.length>0&&t("div",{key:"2f5ac6cc13bcee48d851bd8d472efae93639ec2e",class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&t("stzh-text",{key:"08fe69a6fa246f3e2f1a057633b16c8032e93122",font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?t("stzh-chipgroup",null,this.chipResults.map((s=>t("stzh-dropdown",{label:s.label,name:s.value,variant:"filter",size:"large","no-search":true,"hide-optional":true,inline:true,options:s.options})))):t("stzh-chipselect",{multiple:true,name:"subject",label:this.chipResultsHeading,"label-hidden":true,data:this.chipResults.map((s=>({label:s.label,value:s.value,counter:`${s.amount}`,variant:"filter",size:"large"})))}))),e&&t(a,{key:"690e94a2d846d6d0d62a79786182a7a85707b565"},t("div",{key:"a9970e66f6d34d87d5b63db71010c30372cf4d41",class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{key:"f8786a5ad65190b92a00da6cbe1250a1c22cf755",class:"stzh-search__filters-aside-inner"},t("div",{key:"932018a75607c92f041271b3193ac161e8469056",class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),t("stzh-details",{key:"44ab43f92b29424e349a3b141284aa468a1fdc53",open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},t("stzh-button",{key:"a76534204851fa568c38e3428f7cc4b827535c42",class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{key:"d60c07c3b67e01f58e1532c49311f36b92542f83",slot:"content"},t("slot",{key:"368a4013d7e0cd6044fe15c9cdebaf272bf557b6",name:"filters-aside"})))))),t("div",{key:"8862efd7e3034fa08a8e11a441f5658dc94a7590",class:"stzh-search__results-wrapper"},h&&t(a,{key:"f87d906be6cc5570e4dd6e600804131df18ae415"},this.results.length===0?t(a,null,this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),this.emptyText&&t("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&t("div",{class:"stzh-search__empty-link-wrapper"},t("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):t(a,null,t("div",{class:"stzh-search__results-header"},this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,htmlContent:this.resultsHeading}),this._sortOptions.length>0&&t("div",{class:"stzh-search__results-sort"},t("stzh-dropdown",{"hide-optional":true,inline:true,"no-search":true,"no-wrap":true,class:"stzh-search__results-sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",name:"sortby",items:[this._sortBy],options:this._sortOptions,onStzhChange:this.onDropdownSortChange}))),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),t(d,Object.assign({class:"stzh-search__results","max-3-columns":e},o),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&t("div",{key:"c62aa2985c21e1895610bc1ef3d496fe6f6893a8",class:"stzh-search__error"},t("stzh-message",{key:"dc1a7fa008fbc8a172f51cea0ad8aec045b58b9b",type:"error",label:this.error})),this.loading&&t("stzh-loader",{key:"0e9e8297083fdc4cfa5e918b354df46e6d8ca606",class:"stzh-search__loader"})),t("slot",{key:"1cfb037a13ecef58732af1d7a0fb5fad74e2d1e3"})))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"],sortOptions:["sortOptionsWatcher"],sortBy:["sortByWatcher"]}}};v.style=g();export{v as stzh_search};
-//# sourceMappingURL=p-30b90219.entry.js.map

package/dist/stzh-components/p-30cfc3b7.entry.js

@@ -1,2 +0,0 @@
-import{h as t,r as a,c as e,a as s,d as n}from"./p-DesQCrfi.js";import{i,b as r,g as l,c as h,D as o,p as c,d,a as z,e as f,s as p,f as u,h as v,j as m,k as g,l as y}from"./p-Df1Iqnz9.js";const b=({focusedDay:a,today:e,day:s,onDaySelect:n,onKeyboardNavigation:l,focusedDayRef:h,disabled:o,inRange:c,isSelected:d,dateFormatter:z})=>{const f=i(s,e);const p=r(s,a);const u=i(s,a);const v=!c;function m(t){n(t,s)}return t("button",{class:{"stzh-calendar__day":true,"is-outside":v,"is-today":f,"is-month":p,"is-disabled":o},tabIndex:u?0:-1,onClick:m,onKeyDown:l,"aria-disabled":o?"true":undefined,disabled:v,type:"button","aria-pressed":d?"true":"false","aria-current":f?"date":undefined,"s-object-id":z.format(s),ref:t=>{if(u&&t&&h){h(t)}}},t("span",{"aria-hidden":"true"},s.getDate()),t("span",{class:"stzh-calendar__vhidden"},z.format(s)))};function _(t,a){const e=[];for(let s=0;s<t.length;s+=a){e.push(t.slice(s,s+a))}return e}function w(t,a,e){return t.map(((s,n)=>{const i=(n+a)%t.length;return e(t[i])}))}const x=({selectedDate:a,focusedDate:e,labelledById:s,localization:n,firstDayOfWeek:r,min:o,max:c,dateFormatter:d,isDateDisabled:z,onDateSelect:f,onKeyboardNavigation:p,focusedDayRef:u})=>{const v=new Date;const m=l(e,r);return t("table",{class:"stzh-calendar__table","aria-labelledby":s},t("thead",null,t("tr",null,w(n.$globals.dayNames,r,(a=>t("th",{class:"stzh-calendar__table-header",scope:"col"},t("span",{"aria-hidden":"true"},a.substring(0,2)),t("span",{class:"stzh-calendar__vhidden"},a)))))),t("tbody",null,_(m,7).map((s=>t("tr",{class:"stzh-calendar__row"},s.map((s=>t("td",{class:"stzh-calendar__cell"},t(b,{day:s,today:v,focusedDay:e,isSelected:i(s,a),disabled:z(s),inRange:h(s,o,c),onDaySelect:f,dateFormatter:d,onKeyboardNavigation:p,focusedDayRef:u})))))))))};const k=()=>`.sc-stzh-calendar-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-calendar-h,[stzh-hidden].sc-stzh-calendar-h{display:none}.sc-stzh-calendar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-calendar-h *.sc-stzh-calendar,.sc-stzh-calendar-h *.sc-stzh-calendar::before,.sc-stzh-calendar-h *.sc-stzh-calendar::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-calendar-h .has-focus.sc-stzh-calendar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-calendar-h .stzh-fylingfocus-focused.sc-stzh-calendar{outline-style:none !important}.sc-stzh-calendar-h .stzh-fylingfocus-focused.sc-stzh-calendar::-moz-focus-inner{border:0 !important}.sc-stzh-calendar-h{--padding-top:var(--stzh-space-small);--padding-bottom:var(--stzh-space-small);--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);width:var(--stzh-calendar-width)}.stzh-calendar.sc-stzh-calendar{--stzh-description-min-height:initial;display:flex;position:relative;text-align:left;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden;overflow:clip;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right)}.stzh-calendar__wrapper.sc-stzh-calendar{width:100%}.stzh-calendar__table.sc-stzh-calendar{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border-collapse:collapse;border-spacing:0;text-align:center;width:100%}.stzh-calendar__table-header.sc-stzh-calendar,.stzh-calendar__cell.sc-stzh-calendar{padding:var(--stzh-space-xxxsmall)}.stzh-calendar__table-header.sc-stzh-calendar:first-child,.stzh-calendar__cell.sc-stzh-calendar:first-child{padding-left:0}.stzh-calendar__table-header.sc-stzh-calendar:last-child,.stzh-calendar__cell.sc-stzh-calendar:last-child{padding-right:0}.stzh-calendar__row.sc-stzh-calendar:last-child .stzh-calendar__cell.sc-stzh-calendar{padding-bottom:0}.stzh-calendar__table-header.sc-stzh-calendar{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);-webkit-text-decoration-line:none;text-decoration-line:none;padding-top:0;padding-bottom:0;width:2.75rem;height:2.5rem}.stzh-calendar__cell.sc-stzh-calendar{text-align:center}.stzh-calendar__day.sc-stzh-calendar{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-variant-numeric:tabular-nums;width:2.5rem;height:2.5rem;text-align:center;vertical-align:middle;transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-calendar__day.is-today.sc-stzh-calendar{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:hover{background:var(--stzh-color-grey20)}.stzh-calendar__day[aria-pressed=true].sc-stzh-calendar{background:var(--stzh-color-secondary30);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:active{background:var(--stzh-color-secondary30);color:var(--stzh-color-primary70)}.stzh-calendar__day.sc-stzh-calendar:not(.is-month),.stzh-calendar__day[aria-disabled=true].sc-stzh-calendar{background:transparent;color:var(--stzh-color-grey60);cursor:default}.stzh-calendar__day.is-disabled.sc-stzh-calendar{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.stzh-calendar__day.is-outside.sc-stzh-calendar{color:var(--stzh-color-grey60);background:var(--stzh-color-grey20);cursor:default;pointer-events:none;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-calendar__header.sc-stzh-calendar{align-items:center;display:flex;justify-content:space-between;width:100%}.stzh-calendar__nav.sc-stzh-calendar{display:flex;align-items:center}.stzh-calendar__nav.is-dropdowns.sc-stzh-calendar{gap:calc(var(--stzh-space-xsmall) + var(--stzh-space-small));margin-left:var(--stzh-space-small)}.stzh-calendar.sc-stzh-calendar stzh-dropdown.stzh-calendar__dropdown.sc-stzh-calendar{--popover-width:100%;--popover-height:calc(\n    100% - var(--stzh-form-input-small-height) - var(--padding-top)\n  );--popover-max-height:initial;position:static}.stzh-calendar__select-wrapper.sc-stzh-calendar{display:inline-flex;position:relative}.stzh-calendar__select-wrapper.sc-stzh-calendar span.sc-stzh-calendar{margin-right:0px}.stzh-calendar__select.sc-stzh-calendar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2;border-radius:var(--stzh-form-input-border-radius)}.stzh-calendar__select-label.sc-stzh-calendar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);appearance:none;border:none;align-items:center;border-radius:var(--stzh-form-input-border-radius);color:var(--stzh-color-primary70);display:flex;gap:var(--stzh-space-xsmall);padding:0;padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-xsmall);position:relative;width:100%;min-height:2.5rem;z-index:1}.stzh-calendar__select-icon.sc-stzh-calendar{--size:var(--stzh-icon-size-xsmall)}.stzh-calendar__vhidden.sc-stzh-calendar{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;function D(t,a){var e=[];for(var s=t;s<=a;s++){e.push(s)}return e}const F={PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};let O=0;const S=class{constructor(t){a(this,t);this.stzhChange=e(this,"stzhChange");this.value="";this.min="";this.max="";this.firstDayOfWeek=o.Monday;this.isDateDisabled=()=>false;this.activeFocus=false;this.focusedDay=new Date;this.initialTouchX=null;this.initialTouchY=null;this.enableActiveFocus=()=>{this.activeFocus=true};this.disableActiveFocus=()=>{this.activeFocus=false};this.handleTouchStart=t=>{const a=t.changedTouches[0];this.initialTouchX=a.pageX;this.initialTouchY=a.pageY};this.handleTouchEnd=t=>{const a=t.changedTouches[0];const e=a.pageX-this.initialTouchX;const s=a.pageY-this.initialTouchY;const n=70;const i=Math.abs(e)>=n&&Math.abs(s)<=n;if(i){this.addMonths(e<0?1:-1)}this.initialTouchY=null;this.initialTouchX=null};this.handleNextMonthClick=t=>{t.preventDefault();this.addMonths(1)};this.handlePreviousMonthClick=t=>{t.preventDefault();this.addMonths(-1)};this.handleKeyboardNavigation=t=>{var a=true;switch(t.keyCode){case F.RIGHT:this.addDays(1);break;case F.LEFT:this.addDays(-1);break;case F.DOWN:this.addDays(7);break;case F.UP:this.addDays(-7);break;case F.PAGE_UP:if(t.shiftKey){this.addYears(-1)}else{this.addMonths(-1)}break;case F.PAGE_DOWN:if(t.shiftKey){this.addYears(1)}else{this.addMonths(1)}break;case F.HOME:this.startOfWeek();break;case F.END:this.endOfWeek();break;default:a=false}if(a){t.preventDefault();this.enableActiveFocus()}};this.handleDaySelect=(t,a)=>{const e=h(a,c(this.min),c(this.max));const s=!this.isDateDisabled(a);if(e&&s){this.setDate(a);this.stzhChange.emit({component:"stzh-calendar",value:this.value,valueAsDate:a})}else{this.setFocusedDay(a)}};this.handleMonthSelect=t=>{const a=Array.isArray(t.detail.value)?t.detail.value[0]:t.detail.value;this.setMonth(parseInt(a,10))};this.handleYearSelect=t=>{const a=Array.isArray(t.detail.value)?t.detail.value[0]:t.detail.value;this.setYear(parseInt(a,10))};this.processFocusedDayNode=t=>{if(this.activeFocus){setTimeout((()=>t.focus()),0)}}}createDateFormatters(){if(this.localization){this.dateFormatShort=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long"})}}valueWatcher(t){if(t){this.setFocusedDay(c(this.value))}else{this.setFocusedDay(new Date)}}async setFocusedDay(t){this.focusedDay=d(t,c(this.min),c(this.max))}async setDate(t){this.value=z(t)}addDays(t){this.setFocusedDay(f(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(p(this.focusedDay,this.firstDayOfWeek))}endOfWeek(){this.setFocusedDay(u(this.focusedDay,this.firstDayOfWeek))}setMonth(t){const a=v(m(this.focusedDay),t);const e=g(a);const s=v(this.focusedDay,t);this.setFocusedDay(d(s,a,e))}setYear(t){const a=y(m(this.focusedDay),t);const e=g(a);const s=y(this.focusedDay,t);this.setFocusedDay(d(s,a,e))}async componentWillLoad(){this.dialogLabelId=`stzh-calendar-dialog-${O}`;O++;this.valueWatcher(this.value);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"calendar")}}connectedCallback(){this.createDateFormatters()}render(){const a=c(this.value);const e=(a||this.focusedDay).getFullYear();const n=this.focusedDay.getMonth();const i=this.focusedDay.getFullYear();const r=c(this.min);const l=c(this.max);const o=r!=null&&r.getMonth()===n&&r.getFullYear()===i;const d=l!=null&&l.getMonth()===n&&l.getFullYear()===i;const z=r?r.getFullYear():e-10;const f=l?l.getFullYear():e+10;const p=this.localization.$globals.monthNames.map(((t,a)=>({value:a.toString(),text:t,disabled:!h(new Date(i,a,1),r?m(r):null,l?g(l):null)})));const u=D(z,f).map((t=>({value:t.toString(),text:t.toString()})));return t(s,null,t("div",{class:{"stzh-calendar":true},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},t("div",{class:"stzh-calendar__wrapper"},t("div",{class:"stzh-calendar__header",onFocusin:this.disableActiveFocus},t("div",{class:"stzh-calendar__nav is-dropdowns"},t("h2",{id:this.dialogLabelId,class:"stzh-calendar__vhidden","aria-live":"polite","aria-atomic":"true"},this.localization.$globals.monthNames[n],this.focusedDay.getFullYear()),t("stzh-dropdown",{class:"stzh-calendar__dropdown",variant:"plain",size:"small",inline:true,"popover-fullwidth":"horizontal",noSearch:true,openOnFocus:false,items:[n.toString()],options:p,label:this.localization.monthSelectLabel,labelHidden:true,onStzhChange:this.handleMonthSelect}),t("stzh-dropdown",{class:"stzh-calendar__dropdown",variant:"plain",size:"small",inline:true,"popover-fullwidth":"horizontal",noSearch:true,openOnFocus:false,items:[i.toString()],options:u,label:this.localization.yearSelectLabel,labelHidden:true,onStzhChange:this.handleYearSelect})),t("div",{class:"stzh-calendar__nav"},t("stzh-button",{class:"stzh-calendar__prev",variant:"tertiary",size:"small",icon:"arrow-left",iconOnly:true,onClick:this.handlePreviousMonthClick,disabled:o,type:"button",a11yLabel:this.localization.prevMonthLabel,analyticsId:this.prevMonthAnalyticsId||this.localization.prevMonthLabel}),t("stzh-button",{class:"stzh-calendar__next",variant:"tertiary",size:"small",icon:"arrow-right",iconOnly:true,onClick:this.handleNextMonthClick,disabled:d,type:"button",a11yLabel:this.localization.nextMonthLabel,analyticsId:this.nextMonthAnalyticsId||this.localization.nextMonthLabel}))),t(x,{dateFormatter:this.dateFormatShort,selectedDate:a,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,localization:this.localization,firstDayOfWeek:this.firstDayOfWeek,focusedDayRef:this.processFocusedDayNode,min:r,max:l,isDateDisabled:this.isDateDisabled}))))}get element(){return n(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};S.style=k();export{S as stzh_calendar};
-//# sourceMappingURL=p-30cfc3b7.entry.js.map

package/dist/stzh-components/p-315d9ed9.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,a as n,d as s}from"./p-DesQCrfi.js";import{s as i}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.sc-stzh-eventinfo-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-eventinfo-h,[stzh-hidden].sc-stzh-eventinfo-h{display:none}.sc-stzh-eventinfo-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventinfo-h *.sc-stzh-eventinfo,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::before,.sc-stzh-eventinfo-h *.sc-stzh-eventinfo::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-eventinfo-h .has-focus.sc-stzh-eventinfo{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo{outline-style:none !important}.sc-stzh-eventinfo-h .stzh-fylingfocus-focused.sc-stzh-eventinfo::-moz-focus-inner{border:0 !important}.stzh-eventinfo.sc-stzh-eventinfo{display:flex}.stzh-eventinfo__left.sc-stzh-eventinfo{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);flex-shrink:0;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);padding-top:var(--stzh-space-small);width:4.5rem}@media screen and (min-width: 600px){.stzh-eventinfo__left.sc-stzh-eventinfo{width:5.5rem}}.stzh-eventinfo__main-event-day.sc-stzh-eventinfo{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-eventinfo__right.sc-stzh-eventinfo{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);flex-grow:1;color:var(--stzh-color-grey80);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-eventinfo__right.sc-stzh-eventinfo{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge)}}.stzh-eventinfo__head.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-eventinfo__head.sc-stzh-eventinfo{flex-direction:row;justify-content:space-between}}.stzh-eventinfo__main-date.sc-stzh-eventinfo{display:flex;column-gap:var(--stzh-space-medium);flex-wrap:wrap}.stzh-eventinfo__main-event-link.sc-stzh-eventinfo{flex-shrink:0}.stzh-eventinfo__text.sc-stzh-eventinfo{display:flex;flex-direction:column;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-large);margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__text.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-eventinfo__details-wrapper.sc-stzh-eventinfo{margin-top:var(--stzh-space-small)}}.stzh-eventinfo__details.sc-stzh-eventinfo{color:inherit}.stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:none}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-collapse.sc-stzh-eventinfo{display:block}.stzh-eventinfo__details-link[a11y-expanded].sc-stzh-eventinfo:not([a11y-expanded=false]) .stzh-eventinfo__details-link-expand.sc-stzh-eventinfo{display:none}.stzh-eventinfo__month-list.sc-stzh-eventinfo,.stzh-eventinfo__event-list.sc-stzh-eventinfo{list-style:none;margin:0;padding:0}.stzh-eventinfo__month-list.sc-stzh-eventinfo{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-eventinfo__month-list.sc-stzh-eventinfo{display:grid;column-gap:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{grid-template-columns:minmax(0, 1fr) auto}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list.sc-stzh-eventinfo{column-gap:var(--stzh-space-xxlarge);grid-template-columns:minmax(6.25rem, auto) minmax(11.25rem, auto) minmax(0, 1fr) auto}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:not(:first-child) .stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:var(--stzh-space-xxlarge)}}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-time.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-link.sc-stzh-eventinfo,.stzh-eventinfo__month-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-list-item.sc-stzh-eventinfo:last-child .stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:0px}.stzh-eventinfo__heading.sc-stzh-eventinfo{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}.stzh-eventinfo__heading.sc-stzh-eventinfo{margin-top:0;color:var(--stzh-color-primary70)}@media screen and (min-width: 600px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/3}}@media screen and (min-width: 900px){.stzh-eventinfo__heading.sc-stzh-eventinfo{grid-column:1/5}}.stzh-eventinfo__event-list.sc-stzh-eventinfo{display:contents}.stzh-eventinfo__event-list-item.sc-stzh-eventinfo{display:contents}@media screen and (min-width: 900px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo,.stzh-eventinfo__event-date.sc-stzh-eventinfo,.stzh-eventinfo__event-time.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-eventinfo__event-link.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:grid}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-eventinfo__event-datetime-wrapper.sc-stzh-eventinfo{display:contents}}.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:flex;flex-direction:column;column-gap:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-eventinfo__event-date-wrapper.sc-stzh-eventinfo{display:contents}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-eventinfo__event-weekday.sc-stzh-eventinfo{min-width:5.625rem}}`;const o=class{constructor(t){e(this,t);this.monthHeadingLevel="4";this.itemsSortDirection="descending";this._items=[];this._itemsGroupedByMonth=[];this.init=()=>{const e=this.element.querySelectorAll('stzh-text[slot="location"], [slot="location"] stzh-text');const t=this.element.querySelectorAll('stzh-text[slot="additional-info"], [slot="additional-info"] stzh-text');e.forEach((e=>{i(e,{color:"inherit",curve:"none"})}));t.forEach((e=>{i(e,{color:"inherit",curve:"none"})}))}}itemsWatcher(){if(!this.dateAdapter){return}const e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(!e){return}const t=this.itemsSortDirection==="ascending";this._items=e.map((e=>Object.assign(Object.assign({},e),{start:e.start?new Date(e.start):undefined,end:e.end?new Date(e.end):undefined}))).sort(((e,n)=>{try{const s=e.start.getTime()-n.start.getTime();return t?s:-s}catch(e){return 1}}));const n=this._items.reduce(((e,n)=>{const s=(n.start.getMonth()+1).toString().padStart(2,"0");const i=`${n.start.getFullYear()}-${s}`;if(!e[i]){e[i]={name:this.localization.$globals.monthNames[n.start.getMonth()]+" "+n.start.getFullYear(),events:[]}}e[i].events.push(n);e[i].events.sort(((e,n)=>{const s=e.start.getTime()-n.start.getTime();return t?s:-s}));return e}),{});this._itemsGroupedByMonth=Object.values(n)}hasProperStartAndOrEndDate(e,t){return!(!!e&&e.getHours()===0&&!t)}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"eventinfo")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}this.itemsWatcher()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const e={"stzh-eventinfo":true};const s=this.start&&new Date(this.start);const i=this.end&&new Date(this.end);const a=`h${this.monthHeadingLevel}`;return t(n,{key:"7123eaff9442dac3b7cee5ed3b903f28c1a6627e"},t("div",{key:"9256802da8c2da6ae052db7208a352f36853dc95",class:e},t("div",{key:"873fe6135c02c5170a96ae5c8b3adc4562973712",class:"stzh-eventinfo__left"},t("div",{key:"15725a688ca12e709d79878c550c828f214fafb6",class:"stzh-eventinfo__main-event-day-name"},this.localization.$globals.dayNamesShort[s.getDay()]),t("div",{key:"a55993760f699d534da61a7feac3caef7535c372",class:"stzh-eventinfo__main-event-day"},s.getDate()<10&&"0",s.getDate()),t("div",{key:"6eba8e7a5859c8f3db8d3f624d6be238715f5e0c",class:"stzh-eventinfo__main-event-month"},this.localization.$globals.monthNamesShort[s.getMonth()])),t("div",{key:"9dd6bb5c5625500784347a86b2072f3d3e8dfd43",class:"stzh-eventinfo__right"},t("div",{key:"a5db5609779a1dbe41be4480d26d5b6f10ae57a0"},t("div",{key:"8e3ac956886c15a8d1b10b5278f77dcd8c098a9f",class:"stzh-eventinfo__head"},t("div",{key:"c934fa78f5cf525f07940f9fc3a47603caed3334",class:"stzh-eventinfo__main-date"},t("span",{key:"795b2f2a8cd211f36c1c010fb6ebc4671749d83a"},this.localization.$globals.dayNames[s.getDay()]),t("span",{key:"dd96f5b1a72d67e615521b74490ddc61768c1bc0"},this.dateAdapter.format(s,"date")),this.hasProperStartAndOrEndDate(s,i)&&t("span",{key:"b20c0addc2f779951d79672ee7a797a0b1fd8af0"},this.dateAdapter.formatSpan(s,i,"time"))),this.calendarUrl&&t("div",{key:"0ab6f6e068b9d692aab15649a5ff52bba64cfb8c",class:"stzh-eventinfo__main-event-link"},t("stzh-link",{key:"55ca03c24cd40cca7a83441d3ae01d37ae4f8688",href:this.calendarUrl,label:this.calendarLabel||this.localization.addToCalendar,size:"inherit"}))),t("div",{key:"84f9f7cf9fe6b091d14d4ae47e0a3a82a26c0c8e",class:"stzh-eventinfo__text"},t("div",{key:"50daf625986948f1e89274fa2a51dedca4874749",class:"stzh-eventinfo__location"},t("slot",{key:"94551ccd7547206f6e263625ad319a766daeb298",name:"location"})),t("div",{key:"5d335494a9420133b5d57b97dbc29b30f9093797",class:"stzh-eventinfo__additional-info"},t("slot",{key:"828b41e43af9cc0b857f88dbf7ec666e8cc225c3",name:"additional-info"})))),this._itemsGroupedByMonth.length>0&&t("div",{key:"91152ed111969be4397a1bc0096f43e9b57601de",class:"stzh-eventinfo__details-wrapper"},t("stzh-details",{key:"e525e01ceeacaf9a6f67086f5c8ea69986d0e821",class:"stzh-eventinfo__details"},t("stzh-link",{key:"54b566ba03c9a8537c57e5af74afb395d7332732",class:"stzh-eventinfo__details-link",icon:"calendar",size:"inherit"},t("span",{key:"395398d471df34a351bf8d3bdf3607e8b624c622",class:"stzh-eventinfo__details-link-expand"},this.localization.expandMoreDates),t("span",{key:"9f4f8f2e1f2a213e3edb1cfd3664977e38db17b0",class:"stzh-eventinfo__details-link-collapse"},this.localization.collapseMoreDates)),t("ul",{key:"1ba434c2f4aac1bc0b62a710d87e171f12cfca01",slot:"content",class:"stzh-eventinfo__month-list"},this._itemsGroupedByMonth.map((e=>t("li",{class:"stzh-eventinfo__month-list-item"},t(a,{class:"stzh-eventinfo__heading"},e.name),e.events.length>0&&t("ul",{class:"stzh-eventinfo__event-list"},e.events.map((e=>t("li",{class:"stzh-eventinfo__event-list-item"},t("span",{class:"stzh-eventinfo__event-datetime-wrapper"},t("span",{class:"stzh-eventinfo__event-date-wrapper"},t("span",{class:"stzh-eventinfo__event-weekday"},this.localization.$globals.dayNames[e.start.getDay()]),t("span",{class:"stzh-eventinfo__event-date"},this.dateAdapter.format(e.start,"date"))),t("span",{class:"stzh-eventinfo__event-time"},this.hasProperStartAndOrEndDate(e.start,e.end)&&this.dateAdapter.formatSpan(e.start,e.end,"time"))),t("span",{class:"stzh-eventinfo__event-link"},e.calendarUrl&&t("stzh-link",{href:e.calendarUrl,label:e.calendarLabel||this.localization.addToCalendar})))))))))))))))}get element(){return s(this)}static get watchers(){return{items:["itemsWatcher"],dateAdapter:["itemsWatcher"]}}};o.style=a();export{o as stzh_eventinfo};
-//# sourceMappingURL=p-315d9ed9.entry.js.map

package/dist/stzh-components/p-31ca74fa.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,a as e,d as i}from"./p-DesQCrfi.js";import{c as r,a as p,A as h,o as a,f as n,s as c,b as l}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as v}from"./p--MYN2wgX.js";import{m as z,a as f,r as m}from"./p-CUGRmgip.js";import{w as u}from"./p--SdF31O7.js";import{s as b,a as g}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const _=()=>`.sc-stzh-popover-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}`;const w=200;const y=300;const x=100;const k=200;function j(){const t=z("small").matches;return{keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:t?x:w,easing:"linear"}}}function O(){const t=z("small").matches;return{keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:t?k:y,easing:"linear"}}}function $(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?x:w,easing:"linear"}}}function C(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?k:y,easing:"linear"}}}const Y={ESC:27};const D="stzh-popover-open";let A=0;const F=class{constructor(s){t(this,s);this.stzhOpen=o(this,"stzhOpen");this.stzhOpened=o(this,"stzhOpened");this.stzhClose=o(this,"stzhClose");this.stzhClosed=o(this,"stzhClosed");this.open=false;this.placement="bottom";this.fullwidth="";this.variant="default";this.size="default";this.skidding=0;this.label="";this.strategy="absolute";this.initialTouchX=null;this.initialTouchY=null;this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&t==="1"&&this.hasStzhHeaderParent;if(this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}};this.handleKeydown=t=>{if(t.keyCode===Y.ESC){this.hide()}};this.onClickTrigger=()=>{this.toggle()};this.computePosition=async()=>{if(z("small").matches){const t=[a({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),c({padding:5})];if(this.variant==="tooltip"){t.push(l({element:this.arrowElement,padding:5}))}const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:p}=await r(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i;Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:o!=null?`${p.arrow.x}px`:"",top:s!=null?`${p.arrow.y}px`:""})}}else{Object.assign(this.dialogElement.style,{position:null,left:null,top:null});if(this.variant==="tooltip"){Object.assign(this.arrowElement.style,{left:null,top:null})}}};this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX;this.initialTouchY=o.pageY};this.handleTouchEnd=t=>{const o=t.changedTouches[0];const s=o.pageX-this.initialTouchX;const e=o.pageY-this.initialTouchY;const i=70;const r=Math.abs(e)>=i&&Math.abs(s)<=i;if(r){const o=t.target.closest(".stzh-dropdown")!==null;if(!o){this.hide()}}this.initialTouchY=null;this.initialTouchX=null};this.init=()=>{var t;let o=(t=this.triggerElement)===null||t===void 0?void 0:t.firstElementChild;if(!o){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));o=t}if(o){this.triggerFirstElement=o;o.addEventListener("click",this.onClickTrigger)}};this.initializedPopover=false}async show(){if(this.open){return}this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchOutToBody()}this.toggledByMethod=true;this.open=true;return u(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;await u(this.element,"stzhClosed");this.mediaChangeHandler();if(this.isHeaderStuckAndViewportMicro){this.branchInFromBody()}return true}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open){return}const o=t.target!==this.dialogElement&&this.dialogElement.contains(t.target)===false;const s=t.target===this.triggerElement||this.triggerElement.contains(t.target);if(o&&!s){this.hide()}}async openWatcher(t){if(!this.dialogElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-popover"})}const t=j();const o=$();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right";this.contentWrapperElement.hidden=false;await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-popover"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-popover"})}const t=O();const o=C();await Promise.all([b(this.contentWrapperElement),b(this.contentElement),b(this.dialogElement)]);await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]);this.contentWrapperElement.hidden=true;this.dialogElement.style.willChange="auto";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-popover"})}}this.toggledByMethod=false}distanceWatcher(t){if(typeof t==="number"){this.distance=t}else{this.distance=this.variant==="tooltip"?12:8}}setStzhHeaderParent(){let t=this.element.parentElement;while(t){if(t.tagName&&t.tagName.toLowerCase()==="stzh-header"){return true}t=t.parentElement}return false}getChildIndex(t){let o=t.parentNode;let s=Array.prototype.indexOf.call(o.children,t);return s}insertElementAtIndex(t,o,s){let e=t.children[s];if(e){t.insertBefore(o,e)}else{t.appendChild(o)}}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element);document.body.append(this.element);this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout);this.isBranchedOutToBody=true}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout);this.rootElement.prepend(this.triggerElement);this.isBranchedOutToBody=false}async componentWillLoad(){this.id=`stzh-popover-${A++}`;this.initialParentNode=this.element.parentNode;this.hasStzhHeaderParent=this.setStzhHeaderParent();this.distanceWatcher(this.distance);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover")}}popoverShown(){document.body.classList.add(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true");if(this.trap){this.trap.activate()}}popoverHidden(){document.body.classList.remove(D);const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false");if(this.trap){this.trap.deactivate()}}componentDidRender(){this.mediaChangeHandler();const t=v(this.triggerFirstElement);if(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby")){this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`)}if(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label")){this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label)}if(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id")){this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}}componentDidUpdate(){if(this.open&&!this.initializedPopover){this.initializeAutoUpdate();this.initializeFocusTrap();this.popoverShown();this.initializedPopover=true}if(this.initializedPopover){if(this.open){this.popoverShown()}else{this.popoverHidden()}this.computePosition();if(this.trap){this.trap.updateContainerElements(this.dialogElement)}}}initializeAutoUpdate(){this.autoUpdateCleanup=p(this.triggerFirstElement,this.dialogElement,this.computePosition)}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:true,returnFocusOnDeactivate:true})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open;this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){f(this.mediaChangeHandler);this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){m(this.mediaChangeHandler);if(this.observer){this.observer.disconnect()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.triggerFirstElement){this.triggerFirstElement.removeEventListener("click",this.onClickTrigger)}}render(){const t={"stzh-popover":true,[`stzh-popover--open`]:this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant};return s(e,{key:"0f7cf64fe52affd7c9ffe014d80a40c5b0ec6e40"},s("div",{key:"b51ecd65f202d74d15e98bcc0913568e304608b6",class:t,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"f7257b05cfc679e155f7df6cc884576b05fe1258",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"b7d2f4d72ae7448e471831e36a79205d8c2b1016"})),s("div",{key:"8f6817092e032ea20f20f1231438b4e8fc67a290",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},this.localization.open),s("div",{key:"7fa6502542ec79f1e4a1155364705004a0566a2d",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"18d1fc955f42595ef5d7b5b182f6cca2354c4093",class:"stzh-popover__backdrop"}),s("div",{key:"3e8b101b744aaf465b81ea4e34d4af6e838593bd",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"6d42f53829e9ae120de8612f145ea017e0eec4a5",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},this.variant==="tooltip"&&s("div",{key:"622edbcb84c4259a5c44d8ec63134fffbcbd036a",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:h}),s("div",{key:"e27f52997bd88c2f1ff458c05f179317dccfd431",class:"stzh-popover__content-inner"},s("div",{key:"d13ad32a78775103786ea8d703a41d56ec56f378",class:"stzh-popover__label-wrapper"},s("h2",{key:"0e9ca7b6b509b14da795900ae7c22c105dfe2b01",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"99746d97b3fa0cdd32d3a2b7c51a305d2ec3b6d9",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"a0fc6e6875968f6f2ff8f3a01337d8458df2b2da",name:"close",class:"stzh-popover__icon"}),s("span",{key:"37f71948e024e33f43ed9bec9c57c85e8d99167f",class:"stzh-popover__vhidden"},this.localization.close))),s("div",{key:"fdd58841e5365654cd7633967ca99e13fbb98152",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"772c3797426747f863563718a739d00c1efe0667",class:"stzh-popover__content-slot"},s("slot",{key:"f3df3105a40ffc7bb32e3dd4232f6b0505ea1cbf",name:"content"})),s("div",{key:"6f8c14cd375ca35eef8ca47fabc68db05d57b6f4",class:"stzh-popover__action-slot"},s("slot",{key:"898ac6d2983e0a049c4d8f0bc2d666b7f16d4933",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};F.style=_();export{F as stzh_popover};
-//# sourceMappingURL=p-31ca74fa.entry.js.map

package/dist/stzh-components/p-3242ae36.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,a as r,d as s}from"./p-DesQCrfi.js";import{m as i,a}from"./p-CUGRmgip.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const u=()=>`.sc-stzh-pi-teaser-layout-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-h,[stzh-hidden].sc-stzh-pi-teaser-layout-h{display:none}.sc-stzh-pi-teaser-layout-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::before,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-h .has-focus.sc-stzh-pi-teaser-layout{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout{outline-style:none !important}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-columns:repeat(12, 1fr);--min-height:112.5rem;--max-height:118.75rem;--gap:1rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"\n    "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4" "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"\n    "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}@media screen and (min-width: 600px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:118.75rem;--max-height:118.75rem;--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:96.875rem;--max-height:103.125rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"\n      "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"\n      "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.6fr 0.4fr 0.25fr 0.25fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:146.875rem;--max-height:146.875rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n      "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"\n      "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"\n      "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"\n      "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-h{--gap:1.5rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5"\n      "t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5"\n      "t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}@media screen and (min-width: 1600px){.sc-stzh-pi-teaser-layout-h{--gap:2rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser.sc-stzh-pi-teaser-layout{background-color:white}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--1.sc-stzh-pi-teaser-layout{grid-area:t1}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--2.sc-stzh-pi-teaser-layout{grid-area:t2}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--3.sc-stzh-pi-teaser-layout{grid-area:t3}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--4.sc-stzh-pi-teaser-layout{grid-area:t4}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5.sc-stzh-pi-teaser-layout{grid-area:t5}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6.sc-stzh-pi-teaser-layout{grid-area:t6}[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1";--grid-pi-teaser-layout-rows:1fr;--min-height:32.8125rem;--max-height:37.5rem}[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:65.625rem;--max-height:75rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"\n    "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.3fr;--min-height:75rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"\n    "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"\n    "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr;--min-height:87.5rem;--max-height:103.125rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"\n    "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"\n    "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"\n    "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr;--min-height:100rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"\n    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"\n    "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"\n    "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"\n    "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"\n    "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr 0.3fr;--min-height:112.5rem;--max-height:143.75rem}@media screen and (min-width: 600px){[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr;--min-height:81.25rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr;--min-height:93.75rem;--max-height:106.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr;--min-height:103.125rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr 0.26fr;--min-height:112.5rem;--max-height:131.25rem}}@media screen and (min-width: 900px){[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h,[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2";--grid-pi-teaser-layout-rows:1fr;--min-height:37.5rem;--max-height:40.625rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"\n      "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr;--min-height:87.5rem;--max-height:93.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.35fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"\n      "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"\n      "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr 0.35fr;--min-height:103.125rem;--max-height:106.25rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.4fr 0.4fr;--min-height:112.5rem;--max-height:112.5rem}}@media screen and (min-width: 1260px){[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"\n      "t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 0.5fr 0.5fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"\n      "t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"\n      "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 0.45fr 0.45fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5"\n      "t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"\n      "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5"\n      "t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 0.4fr 0.4fr;--min-height:75rem;--max-height:78.125rem}}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5--four.sc-stzh-pi-teaser-layout{display:none}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--four.sc-stzh-pi-teaser-layout,[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--five.sc-stzh-pi-teaser-layout{display:none}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{width:100%;display:grid;gap:var(--gap);min-height:var(--min-height);max-height:var(--max-height);grid-template-columns:var(--grid-pi-teaser-layout-columns);grid-template-areas:var(--grid-pi-teaser-layout-template);grid-template-rows:var(--grid-pi-teaser-layout-rows)}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout>*.sc-stzh-pi-teaser-layout{min-height:0;overflow:hidden}.stzh-pi-teaser-layout__header-holder.sc-stzh-pi-teaser-layout{margin-bottom:var(--stzh-space-medium)}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-pi-teaser-layout__bottom-slot.sc-stzh-pi-teaser-layout{margin-top:var(--stzh-space-medium);display:grid;justify-content:end}`;var n;(function(t){t["xxxsmall"]="one";t["xxsmall"]="two";t["xsmall"]="three";t["small"]="four";t["medium"]="five";t["large"]="six"})(n||(n={}));const o=t=>{switch(t){case 1:return n.xxxsmall;case 2:return n.xxsmall;case 3:return n.xsmall;case 4:return n.small;case 5:return n.medium;case 6:return n.large;default:return null}};const l=class{constructor(e){t(this,e);this.variant="hero";this.hasSide=false;this.heading="";this.headingLevel="3";this.contentList=[];this.mediaChangeHandler=()=>{this.isSmall=i("small").matches;this.isMedium=i("medium").matches;this.isLarge=i("large").matches;this.isUltra=i("ultra").matches}}componentDidLoad(){this.mediaChangeHandler();this.contentList=this.contentList.slice(0,6);if(this.variant=="rubrick"&&this.contentList.length<4){if((this.isLarge||this.isUltra)&&!this.hasSide){const t=Math.max(0,4-this.contentList.length);this.contentList=[...this.contentList,...Array(t).fill({type:"empty-teaser"})]}}}connectedCallback(){a(this.mediaChangeHandler)}render(){const t=this.variant=="rubrick";const s=o(this.contentList.length);const i=`h${this.headingLevel}`;const a={"stzh-pi-teaser-layout":true,"stzh-pi-teaser-layout--rubrick":t,"stzh-pi-teaser-layout--has-side":this.hasSide};const u=!!this.heading;const l=h(this.element,"bottom");const p=e=>{const r=this.isUltra||this.isLarge;const i=this.hasSide?"M":"L";if(t){switch(e){case 1:case 2:return r?"L":this.isMedium?i:this.isSmall?"L":"M";case 3:if(s==n.xsmall){return r?"L":this.isMedium?i:this.isSmall?"S":"XS"}if(s==n.small){return r?"L":this.isMedium?i:this.isSmall?"S":"XS"}if(s==n.medium){return r?"L":this.isMedium?i:this.isSmall?"S":"XS"}if(s==n.large){return r?"M":this.isMedium?i:this.isSmall?"S":"XS"}case 4:if(s==n.small){return r?"L":this.isMedium?i:this.isSmall?"S":"XS"}if(s==n.medium){return r?"M":this.isMedium?i:this.isSmall?"S":"XS"}if(s==n.large){return r?"M":this.isMedium?i:this.isSmall?"S":"XS"}case 5:if(s==n.medium){return r?"M":this.isMedium?"M":this.isSmall?"S":"XS"}if(s==n.large){return r?"M":this.isMedium?"M":this.isSmall?"S":"XS"}case 6:if(s==n.large){return r?"M":this.isMedium?"M":this.isSmall?"S":"XS"}}}else{switch(e){case 1:case 2:return r?"XL":this.isMedium?"L":this.isSmall?"L":"M";case 3:case 4:return r?"L":this.isMedium?"M":this.isSmall?"S":"XS";case 5:case 6:return r?"M":this.isMedium?"M":this.isSmall?"S":"XS"}}};const c=(e,r,i)=>{const a=this.isUltra||this.isLarge;const h=i==null||i==undefined;if(t){switch(r){case 1:case 2:return e;case 3:if(h){return a?e:this.isMedium?e:this.isSmall?e:null}if(s==n.large){if(this.hasSide){return this.isUltra?null:this.isLarge?null:this.isMedium?e:null}return this.isUltra?e:this.isLarge?e:this.isMedium?e:null}return a?e:this.isMedium?e:null;case 4:if(h){return a?e:this.isMedium?e:this.isSmall?e:null}if(s==n.medium){if(this.hasSide){return this.isUltra?null:this.isLarge?null:this.isMedium?e:null}return this.isUltra?e:this.isLarge?e:this.isMedium?e:null}if(s==n.large){if(this.hasSide){return this.isUltra?null:this.isLarge?null:this.isMedium?e:null}return this.isUltra?e:this.isLarge?e:this.isMedium?e:null}return a?e:this.isMedium?e:null;case 5:if(h){return a?e:this.isMedium?e:null}if(this.hasSide){return null}return a?e:this.isMedium?null:null;case 6:if(h){return a?e:this.isMedium?e:null}if(this.hasSide){return null}return a?e:this.isMedium?null:null}}else{switch(r){case 1:case 2:return e;case 3:case 4:if(h){return e}if(this.hasSide){return a?e:this.isMedium?e:null}return a?e:this.isMedium?null:null;case 5:case 6:return a?e:this.isMedium?e:null}}return e};const m=(e,r)=>{const i=this.isUltra||this.isLarge;const a=e==null||e==undefined;if(a){return null}if(t){switch(r){case 1:case 2:return"top";case 3:if(s==n.medium){if(this.hasSide){return i?"top":this.isMedium?"top":this.isSmall?null:null}}if(s==n.large){if(this.hasSide){return i?"right":this.isMedium?"top":this.isSmall?null:null}return i?null:this.isMedium?"top":this.isSmall?null:null}return i?"top":this.isMedium?"top":this.isSmall?null:null;case 4:if(s==n.medium){if(this.hasSide){return i?"right":this.isMedium?"top":this.isSmall?null:null}return i?null:this.isMedium?"top":this.isSmall?null:null}if(s==n.large){if(this.hasSide){return i?"right":this.isMedium?"top":this.isSmall?null:null}return i?null:this.isMedium?"top":this.isSmall?null:null}return i?"top":this.isMedium?"top":this.isSmall?null:null;case 5:if(s==n.medium||s==n.large){if(this.hasSide){return i?"right":this.isMedium?"right":null}return i?null:this.isMedium?"right":null}case 6:if(s==n.large){if(this.hasSide){return i?"right":this.isMedium?"right":null}return i?null:this.isMedium?"right":null}}}else{switch(r){case 1:case 2:return"top";case 3:case 4:if(this.hasSide){return i?"top":this.isMedium?"right":this.isSmall?"right":"top"}return i?"top":this.isMedium?"top":this.isSmall?null:null;case 5:case 6:return i?null:this.isMedium?null:this.isSmall?null:null}}};if(!t&&this.contentList.length<6){return e("div",null,"At least add 6 elements for hero")}const f=t=>({"stzh-pi-teaser-layout-teaser":true,[`stzh-pi-teaser-layout-teaser--${t+1}`]:true,[`stzh-pi-teaser-layout-teaser--${t+1}--${this.hasSide?"side":"no-side"}`]:true,[`stzh-pi-teaser-layout-teaser--${t+1}--${s}`]:true,[`stzh-pi-teaser-layout-teaser--${t+1}--${s}--${this.hasSide?"side":"no-side"}`]:true});return e(r,{"is-rubrick":t?"true":"false",amount:s,"has-side":this.hasSide?"true":"false"},u&&e("div",{class:"stzh-pi-teaser-layout__header-holder"},e(i,{class:"stzh-pi-teaser-layout__header",level:this.headingLevel},this.heading)),e("div",{class:a},...this.contentList.map(((t,r)=>t.type=="empty-teaser"?e("div",{class:f(r)}):e("stzh-pi-teaser-layout-item",{key:r,href:t.href,dateline:t.dateline,heading:t.heading,date:t.date,imageSrc:t.imageSrc,contentSize:p(r+1),lead:c(t.lead,r+1,t.imageSrc),imagePosition:m(t.imageSrc,r+1),class:f(r)})))),l&&e("div",{class:"stzh-pi-teaser-layout__bottom-slot"},e("slot",{name:"bottom"})))}get element(){return s(this)}};l.style=u();export{l as stzh_pi_teaser_layout};
-//# sourceMappingURL=p-3242ae36.entry.js.map

package/dist/stzh-components/p-348f6385.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,a as e,d as i}from"./p-DesQCrfi.js";import{a as r}from"./p-C6Fx6bTl.js";import"./p-E-ZsRS8r.js";const a=()=>`.sc-stzh-microsite-teaserlist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-microsite-teaserlist-h,[stzh-hidden].sc-stzh-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-microsite-teaserlist-h .has-focus.sc-stzh-microsite-teaserlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist{outline-style:none !important}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist::-moz-focus-inner{border:0 !important}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{display:grid}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{justify-content:center}}`;const h=class{constructor(s){t(this,s);this.tags=[];this._tags=[];this._tagChips=[];this.showItems=6;this.stepItems=6;this.activeFilter="";this.items=[];this._filteredItems=[];this._filteredSlicedItems=[];this._showMoreLink=false;this.handleChange=t=>{this.showItems=this._initialShowItems;this.activeFilter=typeof t.detail.value==="string"?t.detail.value:t.detail.value[0]||""};this.handleMoreClick=()=>{this.showItems=this.showItems+this.stepItems}}async filterHandler(){this._filteredItems=this.items.filter((t=>this.activeFilter!==""?t.tags.some((t=>this.activeFilter===t)):true));this._filteredSlicedItems=this._filteredItems.slice(0,this.showItems);this._showMoreLink=this.showItems<this._filteredItems.length}async tagsWatcher(){if(typeof this.tags==="string"){this._tags=JSON.parse(this.tags)}else{this._tags=this.tags}this._tagChips=this._tags.map((t=>({label:t.name,value:t.id,variant:"filter",size:"large",counter:(t.id?this.items.filter((s=>s.tags.indexOf(t.id)>-1)).length:this.items.length).toString()})))}async apiWatcher(t){if(!t){return}let s=this.api.replace(/\{lang\}/,this.localization.$locale);const{data:e}=await r.get(s);this.items=e.items;this.showItems=this._initialShowItems}async componentWillLoad(){this._initialShowItems=this.showItems;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"microsite-teaserlist")}await this.apiWatcher(this.api)}render(){const t={"stzh-microsite-teaserlist":true};return s(e,{key:"b53c6510bccb9ee924437b95c7c002b4620a5ec4"},s("div",{key:"b6ba7dbb1ebcd2f4a6bed1e662382a8958dac522",class:t},this._tagChips.length>0&&s("stzh-chipselect",{key:"b2bae6e0822a2aa9b15dad2f43a703a2688c5fbd","hide-optional":true,"label-hidden":true,class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),s("stzh-cardlist",{key:"d01547769339006074ad6d69bf43b38b3a05e055",layout:"teasers"},this._filteredSlicedItems.map((t=>s("stzh-card",{href:t.link},t.image&&s("stzh-ratio",{slot:"image"},s("img",{src:t.image})),t.title&&s("div",{slot:"heading"},t.title),t.description&&s("div",{slot:"content"},t.description))))),this._showMoreLink&&s("div",{key:"66b59a4ee337a02ee14e7024bccc6c15d440de56",class:"stzh-microsite-teaserlist__show-more"},s("stzh-button",{key:"2a92713a2e4df43de97fb29b0a416e63ff275690",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return i(this)}static get watchers(){return{items:["filterHandler","tagsWatcher"],showItems:["filterHandler"],activeFilter:["filterHandler"],tags:["tagsWatcher"],api:["apiWatcher"]}}};h.style=a();export{h as stzh_microsite_teaserlist};
-//# sourceMappingURL=p-348f6385.entry.js.map

package/dist/stzh-components/p-34d452cc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,a as i,d as r}from"./p-DesQCrfi.js";import{s as o,h as a}from"./p--MYN2wgX.js";import{w as n}from"./p--SdF31O7.js";import{s as h,a as l}from"./p-BOO84wnP.js";import{m as d}from"./p-CUGRmgip.js";import{a as c}from"./p-Cpg2gH_9.js";import"./p-BubviQku.js";const f=()=>`:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--label-color:var(--stzh-color-primary70);--background-color:var(--stzh-color-lemonyellow50);--border-color:var(--stzh-color-primary70);--border-width:0.5rem}.stzh-disturber{position:relative;display:flex;background-color:var(--background-color);transition:background-color var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-masked)}.stzh-disturber::before{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;border-width:0px;border-color:var(--border-color);border-bottom-width:var(--border-width)}@media screen and (min-width: 900px){.stzh-disturber::before{border-right-width:var(--border-width)}}.stzh-disturber__content{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-disturber__content{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-disturber__content{padding-top:var(--stzh-space-xxlarge);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1}.stzh-disturber__label{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-disturber__label{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-disturber__label{color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-bottom:var(--stzh-space-medium)}.stzh-disturber__close-wrapper{position:absolute;top:0px;right:0px}@media screen and (min-width: 900px){.stzh-disturber__close-wrapper{right:var(--border-width)}}`;const b="stzh-components-disturber-close";function z(){const t=d("medium").matches;return{keyframes:[{transform:t?"translateY(40px)":"translateY(100%)",opacity:"0"},{transform:"translateY(0px)",opacity:"1"}],options:{duration:300,easing:"ease-out"}}}function u(){const t=d("medium").matches;return{keyframes:[{transform:"translateY(0px)",opacity:"1"},{transform:t?"translateY(40px)":"translateY(100%)",opacity:"0"}],options:{duration:300,easing:"ease-in"}}}const p=class{constructor(s){t(this,s);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.label="";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.closeKey="";this.handleLinkSlotchange=()=>{var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.querySelectorAll('stzh-link[slot="link"], [slot="link"] stzh-link');s.forEach((t=>{o(t,{icon:"arrow-right",iconPosition:"right"})}))};this.onCloseButtonClick=()=>{this.hide()}}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-disturber"})}await h(this.element);this.element.hidden=false;const t=z();await l(this.element,t.keyframes,t.options);this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-disturber"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-disturber"})}await h(this.element);const t=u();await l(this.element,t.keyframes,t.options);this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-disturber"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return n(this.element,"stzhOpened")}async hide(t=true){if(!this.open){return}if(this.closeKey&&t){c.set(`${b}-${this.closeKey}`,Date.now().toString())}this.toggledByMethod=true;this.open=false;return n(this.element,"stzhClosed")}async componentWillLoad(){if(this.closeKey){const t=c.get(`${b}-${this.closeKey}`);if(t){this.hide(false)}}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"disturber")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.opacity="0";this.toggledByMethod=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.openWatcher(true)}),250)}))}))}else{this.element.hidden=!this.open;this.element.style.opacity=this.open?"1":"0"}}render(){const t=a(this.element,"link");const e={"stzh-disturber":true,"stzh-disturber--has-link":t,"stzh-disturber--has-close-hidden":this.hideClose};return s(i,{key:"97d010263138b52246eda3fba22f23b38f9c9772"},s("div",{key:"643fb5773565de82266cea9caf5192f419238f91",ref:t=>this.rootElement=t,class:e},s("div",{key:"b935f54c0b0dfbbfbf56fff1953ae11c703ec8ee",class:"stzh-disturber__content"},s("div",{key:"ca4c150638c0e3bbedec70fdab1654bfc71d06c4",class:"stzh-disturber__label"},this.label?this.label:s("slot",{name:"label"})),s("div",{key:"b57310beb4865afb85a59a39ae2af29f8c68cea7",class:"stzh-disturber__link"},s("slot",{key:"239a121b6895b4eb9286d24859e48e357309c8e6",name:"link",onSlotchange:this.handleLinkSlotchange}))),!this.hideClose&&s("div",{key:"5e0b3be486b2480dcdd3a8aabe25a0575742afd1",class:"stzh-disturber__close-wrapper"},s("stzh-button",{key:"c38bcc08bc208b79fa8a0062d2774b17d7c68bbf",class:"stzh-disturber__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return r(this)}static get watchers(){return{open:["openWatcher"]}}};p.style=f();export{p as stzh_disturber};
-//# sourceMappingURL=p-34d452cc.entry.js.map